/* ============================================================
   WePoker 官网 · 静态站样式
   ============================================================ */

:root{
  --mint:#84f9cc;
  --ink:#1e1e1e;
  --page:#f8f8f8;
  --muted:#797c7c;
  --font:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --font-head:"Alimama ShuHeiTi","PingFang SC","Microsoft YaHei",sans-serif;
  --header-h:60px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--page);
  color:#111827;
  font-family:var(--font);
  font-size:14px;
  line-height:22px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{display:block;border:0;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
h1,h2,h3,p{margin:0;}
ul{margin:0;padding:0;list-style:none;}

/* ---------- 通用容器 ---------- */
.inner{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
}
@media (max-width:1239px){
  .inner{max-width:none;margin:0 20px;width:auto;}
}

/* ============================================================
   1. 顶部导航
   ============================================================ */
.header{
  position:fixed;inset:0 0 auto 0;
  z-index:100;
  height:var(--header-h);
  background:rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:background .3s ease;
}
.header.is-solid{background:rgba(0,0,0,.94);}
.header .inner{height:100%;display:flex;align-items:center;justify-content:space-between;}

.logo img{width:123px;height:30px;}

.nav{display:flex;align-items:center;gap:40px;}
.nav a{
  font-size:14px;font-weight:600;line-height:60px;
  letter-spacing:.06px;color:#fff;
  transition:color .2s;
}
.nav a:hover,.nav a.is-active{color:var(--mint);}

.header-right{display:flex;align-items:center;gap:40px;}

/* 语言切换 */
.lang{position:relative;}
.lang-trigger{
  display:inline-flex;align-items:center;gap:4px;
  font-size:14px;font-weight:400;letter-spacing:0;color:#fff;
  line-height:normal;padding:0;
}
.lang-trigger svg{width:12px;height:12px;transition:transform .3s cubic-bezier(.645,.045,.355,1);}
.lang.is-open .lang-trigger svg{transform:scaleY(-1);}
.lang-panel{
  position:absolute;right:0;top:calc(100% + 14px);
  width:240px;padding:0;
  background:#fff;border-radius:20px;
  box-shadow:0 11px 22px rgba(0,0,0,.18);
  overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s,transform .2s,visibility .2s;
}
.lang.is-open .lang-panel{opacity:1;visibility:visible;transform:none;}
.lang-panel button{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;height:50px;padding:0 20px;
  font-size:16px;font-weight:500;color:#1e1e1e;
  border-bottom:.5px solid #e1e1e1;transition:background .2s;
}
.lang-panel button:last-child{border-bottom:0;}
.lang-panel button:hover{background:#f8f8f8;}
.lang-panel button.is-selected{color:#08c0a0;}

.cta{
  display:inline-flex;align-items:center;justify-content:center;
  height:32px;padding:0 20px;
  background:var(--mint);color:var(--ink);
  border-radius:101px;
  font-size:14px;font-weight:600;letter-spacing:.06px;
  white-space:nowrap;transition:opacity .2s;
}
.cta:hover{opacity:.85;}

/* 汉堡按钮 */
.burger{
  display:none;
  width:24px;height:18px;position:relative;flex:none;
}
.burger span{
  display:block;position:absolute;left:0;width:100%;height:2px;
  background:#fff;border-radius:1px;
  transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .2s,width .35s;
}
.burger span:nth-child(1){top:0;}
.burger span:nth-child(2){top:8px;}
.burger span:nth-child(3){top:16px;width:60%;left:auto;right:0;}
.burger.is-open span:nth-child(1){top:8px;transform:rotate(45deg);}
.burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0);}
.burger.is-open span:nth-child(3){top:8px;width:100%;left:0;right:auto;transform:rotate(-45deg);}

/* 移动端菜单 */
.mobile-menu{
  position:fixed;top:46px;left:0;right:0;bottom:0;
  z-index:99;padding:0 20px;
  background:rgba(0,0,0,.94);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  overflow-y:auto;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s,visibility .3s;
}
.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.mobile-menu a,.mobile-menu .mobile-lang{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 0;
  font-size:20px;line-height:30px;color:#fff;
}
.mobile-menu .mobile-lang{cursor:pointer;}
.mobile-menu .divider{height:1px;background:rgba(255,255,255,.1);}
.mobile-lang-list{
  max-height:0;overflow:hidden;opacity:0;padding-left:10px;
  transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;
}
.mobile-lang-list.is-open{max-height:200px;opacity:1;}
.mobile-lang-list button{
  display:block;width:100%;text-align:left;
  font-size:16px;line-height:30px;color:#d2d3d3;padding:5px 0;
}
.mobile-lang-list button.is-selected{color:var(--mint);}

 .scaled{position:relative;}

/* ============================================================
   2. 首屏 Banner
   ============================================================ */
.hero{
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:1440/690;
  max-height:690px;
  overflow:hidden;
  background:#000;
}
.slides{
  display:flex;
  height:100%;
  will-change:transform;
  transition:transform .7s cubic-bezier(.4,0,.2,1);
}
.slide{
  position:relative;
  flex:0 0 100%;
  width:100%;height:100%;
  background:#000;
}
.slide img{
  width:100%;max-width:1440px;height:100%;
  margin:0 auto;
  object-fit:cover;
  object-position:center;
}
.slide img.m{display:none;}

.dots{
  position:absolute;left:0;right:0;bottom:96px;
  z-index:3;
  display:flex;align-items:center;justify-content:center;gap:6px;
  height:20px;
}
.dots button{
  width:20px;height:2px;border-radius:3px;
  background:rgba(255,255,255,.36);
  transition:background .25s,width .25s;
  font-size:0;color:transparent;
}
.dots button.is-active{background:#fff;}

/* 下载按钮条 */
.download-bar{
  position:absolute;left:0;right:0;bottom:0;
  z-index:3;
  display:flex;align-items:center;justify-content:center;
  padding:30px 0 20px;
  pointer-events:none;
}
.download-btns{
  display:flex;align-items:center;justify-content:center;gap:20px;
  pointer-events:auto;
}
.dl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:220px;height:64px;padding:0 15px;line-height:1.15;
  background:var(--mint);color:#000;
  border-radius:32px;
  font-family:Rubik,"PingFang SC",sans-serif;
  font-size:18px;font-weight:500;letter-spacing:-1.26px;
  transition:transform .2s,box-shadow .2s,opacity .2s;
}
.dl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(132,249,204,.35);}
.dl-btn:active{transform:translateY(0) scale(.99);}
.dl-btn img{width:40px;height:40px;flex:none;}

/* ============================================================
   3. 六大功能区块
   ============================================================ */
.feature{
  position:relative;
  height:386px;
  overflow:hidden;
}
.feature .inner{
  display:flex;align-items:center;
  height:100%;
}
.copy{
  flex:0 0 600px;
  max-width:600px;
  align-self:flex-start;
  margin-top:50px;
  position:relative;z-index:2;
}
.copy h2{
  font-family:var(--font-head);
  font-size:46px;font-weight:700;line-height:1.4;
  color:var(--ink);
}
.copy h3{
  font-size:36px;font-weight:400;line-height:40px;
  color:var(--ink);
  margin-top:20px;
}
.copy p{
  font-size:16px;line-height:24px;color:var(--ink);
  margin-top:10px;
  max-width:540px;
}
.f-right .copy{
  text-align:right;
  order:2;
}

.copy h2.reveal{transform:translateY(24px) skewX(-10deg);}
.copy h2.reveal.is-in{transform:skewX(-10deg);}
.copy h2,.copy h3,.copy p{width:fit-content;}
.f-3 .copy p{max-width:531px;}
.f-4 .copy p{max-width:527px;}
.f-6 .copy p{max-width:352px;}
.f-right .copy h2,.f-right .copy h3{margin-left:auto;}
.f-right .copy h2{margin-left:auto;margin-right:0;}
.f-right .copy p{margin-left:auto;}

.deco{
  position:relative;
  flex:1 1 auto;
  height:100%;
  align-self:stretch;
}
.deco .art{
  position:absolute;top:92px;
  width:641px;height:294px;
  object-fit:fill;object-position:center;
  z-index:1;
}
.deco .wm{
  position:absolute;top:70px;height:215px;width:auto;
  max-width:none;
  z-index:0;
  pointer-events:none;
}
.deco .num{
  position:absolute;top:190px;
  width:184px;height:326px;
  z-index:0;
  pointer-events:none;
}

/* 左侧文字 → 插画在右 */
.f-left .deco .art{right:0;left:auto;}
.f-left .deco .wm{right:0;left:auto;}
.f-left .deco .num{left:-600px;right:auto;}

/* 右侧文字 → 插画在左 */
.f-right .deco .art{left:0;right:auto;}
.f-right .deco .wm{left:0;right:auto;}
.f-right .deco .num{right:-600px;left:auto;}

/* 区块配色 */
.f-1{background:linear-gradient(to right,#fff 18.19%,#ebfff7 80.31%);}
.f-2{background:linear-gradient(to right,#fff3ed 21.67%,#fff 80.9%);}
.f-3{background:linear-gradient(to right,#fff 18.19%,#ebfaff 80.31%);}
.f-4{background:linear-gradient(to right,#fffdE7 21.67%,#fff 80.9%);}
.f-5{background:linear-gradient(to right,#fff 18.19%,#ffebf8 80.31%);}
.f-6{background:linear-gradient(to right,#ffecec 21.67%,#fff 80.9%);}

/* ============================================================
   4. 代言人
   ============================================================ */
.ambassadors{
  background:#fff;
  padding:70px 0 80px;
  overflow:hidden;
}
.ambassadors h2{
  font-size:36px;font-weight:400;line-height:1.57;
  text-align:center;color:var(--ink);
  margin-bottom:50px;
}
.amb-cards{
  display:flex;align-items:center;justify-content:center;
  padding-right:16px;
}
.amb-card{
  position:relative;flex:none;
  width:312px;height:580px;
  margin-right:-16px;
  border-radius:24px;
  overflow:hidden;
  cursor:pointer;
  background:transparent;
}
.amb-card img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  transition:opacity .45s ease;
}
.amb-card .img-a{opacity:0;}
.amb-card.is-active .img-a{opacity:1;}
.amb-card .info{
  position:absolute;left:0;right:0;bottom:0;
  z-index:2;
  display:flex;flex-direction:column;gap:6px;
  padding:24px 42px 34px 24px;
  background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));
  transition:background .3s;
}
.amb-card.is-active .info{background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0));}
.amb-card .name{
  font-family:var(--font-head);
  font-size:24px;font-weight:700;line-height:1.57;
  color:#fff;text-align:center;
}
.amb-card .desc{
  font-size:14px;line-height:22px;color:#fff;
  margin-top:8px;
  display:none;
}
.amb-card.is-active .desc{display:block;}

/* ============================================================
   5. 最新资讯
   ============================================================ */
.news{
  background:#f8f8f8;
  padding:70px 0 80px;
}
.news h2{
  font-size:36px;font-weight:400;line-height:1.57;
  text-align:center;color:var(--ink);
  margin-bottom:50px;
}
.news-wrap{position:relative;}
.news-scroll{
  display:flex;gap:20px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-bottom:4px;
  scroll-snap-type:x mandatory;
}
.news-scroll::-webkit-scrollbar{display:none;}
.news-card{
  display:flex;flex-direction:column;
  flex:0 0 378px;width:378px;
  scroll-snap-align:start;
}
.news-date{
  display:flex;align-items:baseline;gap:13px;
  height:48px;margin-bottom:20px;
}
.news-date .dd{font-size:48px;font-weight:300;line-height:1;color:var(--ink);}
.news-date .yy{font-size:32px;font-weight:300;line-height:1;color:var(--ink);opacity:.3;}
.news-date .line{
  flex:1 1 auto;height:1px;margin-left:8px;
  border-top:1px dashed rgba(30,30,30,.35);
}
.news-cover{
  position:relative;
  width:100%;aspect-ratio:368/207;
  border-radius:20px;overflow:hidden;
  margin-bottom:19px;
  background:#e9e9e9;
}
.news-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.news-card:hover .news-cover img{transform:scale(1.04);}
.news-cover .play{
  position:absolute;left:50%;top:50%;
  width:44px;height:44px;transform:translate(-50%,-50%);
}
.news-meta{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;}
.news-title{
  font-size:24px;font-weight:600;line-height:1.4;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.news-summary{
  font-size:16px;line-height:1.55;color:var(--muted);
  display:none;
}
.news-summary:empty{display:none;}
.pill{
  display:inline-flex;align-items:center;justify-content:center;
  width:148px;height:43px;margin-top:auto;
  border:1px solid rgba(30,30,30,.12);
  border-radius:200px;
  font-size:16px;font-weight:500;line-height:18.4px;color:var(--ink);
  transition:background .25s,border-color .25s;
}
.pill:hover{background:#fff;border-color:rgba(30,30,30,.3);}

.news-more{display:none}
.news-fade{
  position:absolute;top:0;bottom:0;width:110px;
  pointer-events:none;opacity:0;transition:opacity .3s;
}
.news-fade.left{left:0;background:linear-gradient(to right,#f8f8f8 15%,rgba(248,248,248,0));}
.news-fade.right{right:0;background:linear-gradient(to left,#f8f8f8 15%,rgba(248,248,248,0));}
.news-fade.is-on{opacity:1;}

.arrow{
  position:absolute;top:177px;
  z-index:3;
  display:flex;align-items:center;justify-content:center;
  width:60px;height:60px;padding:0;
  background:#fff;border-radius:50%;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
  opacity:0;visibility:hidden;
  transition:opacity .25s,visibility .25s,transform .2s;
}
.arrow.is-on{opacity:1;visibility:visible;}
.arrow:hover{transform:scale(1.06);}
.arrow.left{left:36px;}
.arrow.right{right:36px;}

/* ============================================================
   6. 页脚
   ============================================================ */
.footer{
  padding:50px 0 130px;
}
.footer .inner{display:flex;flex-direction:column;align-items:center;gap:30px;}
.brand-row{display:flex;align-items:center;justify-content:center;gap:60px;}
.brand-row .logo-footer img{width:174px;height:49px;}
.badge{
  display:block;position:relative;flex:none;
  width:142px;height:51px;overflow:hidden;
}
.badge img{
  position:absolute;left:0;top:-80%;
  width:100%;height:275%;max-width:none;
}
.copyright{
  font-size:16px;line-height:1.57;color:rgba(0,0,0,.6);text-align:center;
}

/* ============================================================
   7. 下载弹层
   ============================================================ */
.modal{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  opacity:0;visibility:hidden;
  transition:opacity .25s,visibility .25s;
}
.modal.is-open{opacity:1;visibility:visible;}
.modal-panel{
  width:100%;max-width:520px;
  padding:34px 30px 30px;
  background:#fff;border-radius:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.3);
  transform:translateY(12px) scale(.98);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  text-align:center;
}
.modal.is-open .modal-panel{transform:none;}
.modal-panel h3{font-size:24px;font-weight:700;color:var(--ink);}
.modal-panel p{font-size:14px;line-height:22px;color:#6b7280;margin-top:8px;}
.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.modal-actions a{
  display:flex;align-items:center;justify-content:center;gap:10px;
  height:56px;border-radius:28px;
  background:var(--mint);color:#000;
  font-size:17px;font-weight:600;
  transition:opacity .2s;
}
.modal-actions a:hover{opacity:.86;}
.modal-actions a.ghost{background:#f2f4f5;color:var(--ink);}
.modal-actions img{width:26px;height:26px;}
.modal-close{
  position:absolute;top:16px;right:18px;
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#f2f4f5;color:#666;font-size:18px;line-height:1;
}
.modal-panel{position:relative;}

/* ============================================================
   8. 入场动画
   ============================================================ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1);}
.reveal.is-in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.09s;}
.reveal.d2{transition-delay:.18s;}
.reveal.d3{transition-delay:.27s;}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .slides{transition:none;}
  html{scroll-behavior:auto;}
}

@media (min-width:1200px){
  .news-card{height:450px;}
}

/* ============================================================
   9. 响应式
   ============================================================ */
/* 768–1199：
   ① 六大板块整段按 1200 设计稿等比缩放（由 JS 设置 zoom）
   ② 首屏按图片比例撑高，下载按钮用中小号
   ③ 代言人/资讯/页脚不缩放，按视口宽度重新分配卡片宽度（与原站一致） */
@media (max-width:1199px){
  .hero{height:auto;aspect-ratio:1440/690;min-height:0;}
  .download-bar{padding:0 0 20px;}
  .dl-btn{width:180px;height:52px;font-size:16px;letter-spacing:-1px;}
  .dl-btn img{width:34px;height:34px;}
  .dots{bottom:9.5%;}

  .amb-cards{justify-content:center;gap:24px;padding-right:0;}
  .amb-card{
    width:calc((100vw - 72px)/4);
    height:calc((100vw - 72px)/4 * 1.858);
    margin-right:0;
  }
  .amb-card .info{padding:16px 18px 20px;}
  .amb-card .name{font-size:16px;line-height:1.4;}
  .amb-card .desc{font-size:11px;line-height:17px;}

  .news-scroll{gap:24px;}
  .news-card{flex:0 0 calc((100vw - 48px)/3);width:calc((100vw - 48px)/3);height:calc(32.3vw + 62px);}
}

@media (max-width:768px){
  .header .logo img{width:107px;height:26px;}
}

@media (max-width:767px){
  :root{--header-h:46px;}
  .header .logo img{width:107px;height:26px;}
  .header-right{display:flex;align-items:center;gap:0;}
  .nav,.lang,.cta{display:none;}
  .burger{display:block;}

  /* ---------- 首屏：390 → 562 高 ---------- */
  .hero{height:auto;aspect-ratio:390/562;max-height:none;min-height:0;}
  .slide img{display:none;}
  .slide img.m{display:block;object-position:center 40%;}
  .dots{bottom:60px;height:2px;}
  .dots button{width:14px;}
  .download-bar{padding:0 0 10px;}
  .download-btns{gap:8px;width:100%;padding:0 16px;}
  .dl-btn{
    display:none;flex:1 1 0;width:auto;max-width:none;height:40px;
    border-radius:20px;font-size:12px;letter-spacing:0;gap:4px;padding:0 6px;line-height:1.2;
  }
  .dl-btn img{width:20px;height:20px;}
  .dl-btn[data-dl="ios"],.dl-btn[data-dl="android"]{display:inline-flex;}

  /* ---------- 六大板块：固定 336 高 ---------- */
  .feature{height:336px;padding:0;}
  .feature .inner{display:block;margin:0;height:100%;position:relative;}
  .copy,.f-right .copy{
    position:absolute;top:20px;left:14px;right:14px;
    margin:0;width:auto;max-width:none;
    z-index:2;text-align:left;
  }
  .f-right .copy{text-align:right;}
  .copy h2,.copy h3,.copy p{width:auto;max-width:100%;margin-left:0;margin-right:0;}
  .copy h2{font-size:32px;line-height:1.4;}
  .copy h2.reveal{transform:translateY(20px) skewX(-10deg);}
  .copy h2.reveal.is-in{transform:skewX(-10deg);}
  .copy h3{font-size:24px;line-height:30px;margin-top:5px;}
  .copy p{font-size:14px;line-height:24px;margin-top:6px;}
  .f-3 .copy p,.f-4 .copy p,.f-6 .copy p{max-width:100%;}

  .deco{position:absolute;inset:0;margin:0;height:auto;}
  .deco .art{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;height:auto;object-fit:contain;}
  .deco .wm{
    top:164px;left:50%;right:auto;bottom:auto;
    transform:translateX(-50%);
    height:100px;width:auto;max-width:none;opacity:1;
  }
  .deco .num{top:0;bottom:auto;width:120px;height:326px;}
  .f-left .deco .num{right:20px;left:auto;}
  .f-right .deco .num{left:20px;right:auto;}

  /* ---------- 代言人 ---------- */
  .ambassadors{padding:70px 0 80px;}
  .ambassadors h2{font-size:24px;margin-bottom:50px;}
  .amb-cards{
    height:500px;
    align-items:center;
    justify-content:flex-start;
    padding:0 15px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
  }
  .amb-cards::-webkit-scrollbar{display:none;}
  .amb-card{width:197px;height:366px;margin-right:12px;border-radius:16px;scroll-snap-align:start;}
  .amb-card .info{padding:12px 14px 16px;gap:4px;}
  .amb-card .name{font-size:16px;line-height:1.4;}
  .amb-card .desc{
    font-size:11px;line-height:16px;margin-top:4px;
    max-height:80px;
    display:none;
  }
  .amb-card.is-active .desc{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}

  /* ---------- 资讯：竖排时间线 ---------- */
  .news{padding:50px 0 60px;}
  .news h2{font-size:24px;margin-bottom:30px;}
  .news-wrap{margin:0;}
  .news .inner{margin:0;max-width:none;}
  .news-scroll{display:block;overflow:visible;padding:0;gap:0;}
  .news-card{
    display:block;width:auto;height:auto;
    margin:0 15px 0 37px;
    position:relative;
  }
  .news-card{padding-bottom:44px;}
  .news-card .pill{display:none;}
  .news-card::before{
    content:"";position:absolute;left:-20px;top:10px;
    width:10px;height:10px;border-radius:50%;background:rgba(30,30,30,.14);
  }
  .news-card::after{
    content:"";position:absolute;left:-15px;top:26px;bottom:0;
    width:1px;background:rgba(0,0,0,.10);
  }
  .news-date{height:30px;margin-bottom:12px;gap:6px;}
  .news-date .dd{font-size:16px;font-weight:600;line-height:1.2;}
  .news-date .yy{font-size:14px;opacity:.5;}
  .news-date .line{display:none;}
  .news-cover{height:190px;aspect-ratio:auto;margin-bottom:13px;border-radius:12px;}
  .news-title{font-size:16px;font-weight:600;line-height:1.4;white-space:normal;}
  .news-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.5;margin-top:8px;}
  .news-meta{gap:0;}
  .pill{width:140px;height:43px;font-size:14px;margin:16px auto 0;}
  .arrow,.news-fade{display:none;}
  .news-more{display:flex;justify-content:center;}
  .news-more .pill{margin:0 auto;}

  /* ---------- 页脚 ---------- */
  .footer{padding:50px 0 100px;}
  .brand-row{flex-direction:column;gap:20px;}
  .brand-row .logo-footer img{width:136px;height:38px;}
  .badge{width:94px;height:34px;}
  .copyright{font-size:12px;}
}