/* roulang page: index */
:root{
  --ink:#0a0b0d;
  --ink-2:#111318;
  --panel:#171a20;
  --panel-2:#1d2129;
  --line:rgba(233,196,106,.18);
  --line-2:rgba(255,255,255,.07);
  --gold:#e9c46a;
  --gold-2:#f6dfa6;
  --gold-deep:#8c6a17;
  --text:#ecebe6;
  --muted:#9ea1a9;
  --radius:18px;
  --radius-sm:12px;
  --radius-lg:26px;
  --shadow:0 18px 42px rgba(0,0,0,.46);
  --shadow-gold:0 14px 30px rgba(233,196,106,.16);
  --container:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:92px}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(920px 520px at 10% -12%, rgba(233,196,106,.10), transparent 62%),
    radial-gradient(760px 460px at 94% 2%, rgba(233,196,106,.07), transparent 66%);
}
h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:800;letter-spacing:.2px}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}
a:hover{color:var(--gold)}
img{max-width:100%;display:block}
button,input{font-family:inherit}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px;position:relative;z-index:1}
.grid-x.grid-padding-x{margin-left:-14px;margin-right:-14px}
.grid-x.grid-padding-x > .cell{padding-left:14px;padding-right:14px}
.cell-gap{margin-bottom:26px}

/* 顶部导航 */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(10,11,13,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-2);
}
.header-inner{display:flex;align-items:center;gap:22px;min-height:76px;padding:10px 0}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo-mark{
  width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#191509;font-size:18px;
  box-shadow:var(--shadow-gold);
}
.logo-text{font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.logo-tag{
  font-size:11.5px;color:var(--gold);border:1px solid var(--line);border-radius:999px;
  padding:3px 10px;white-space:nowrap;
}
.main-nav{
  display:flex;align-items:center;gap:6px;margin-left:auto;
  padding:5px;border-radius:999px;border:1px solid var(--line-2);
  background:rgba(255,255,255,.03);overflow-x:auto;scrollbar-width:none;
}
.main-nav::-webkit-scrollbar{display:none}
.nav-chip{
  flex:0 0 auto;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;
  color:var(--muted);white-space:nowrap;
}
.nav-chip:hover{color:var(--text);background:rgba(255,255,255,.06)}
.nav-chip.is-active{
  color:#18140a;background:linear-gradient(135deg,var(--gold-2),var(--gold));
  box-shadow:var(--shadow-gold);
}
.header-cta{flex:0 0 auto}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border-radius:999px;font-size:15px;font-weight:700;
  border:1px solid transparent;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-2px);color:#18140a;box-shadow:0 20px 36px rgba(233,196,106,.3)}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(233,196,106,.1);color:var(--gold-2);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}
.btn-block{width:100%;margin-top:8px}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}

/* 通用板块 */
.sec{padding:68px 0;position:relative;z-index:1}
.sec.alt{background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,0))}
.sec-head{max-width:780px;margin-bottom:34px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-kicker{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;
  letter-spacing:2px;color:var(--gold);
}
.sec-kicker::before{content:"";width:22px;height:2px;background:var(--gold);display:block}
.sec-head.center .sec-kicker::after{content:"";width:22px;height:2px;background:var(--gold);display:block}
.sec-head h2{font-size:clamp(22px,3vw,31px);margin:12px 0 12px}
.sec-head p{color:var(--muted);font-size:15.5px}

/* 卡片 */
.card{
  background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
  padding:24px;height:100%;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.card h3{font-size:17px;margin-bottom:10px}
.card p{color:var(--muted);font-size:14.5px;margin:0}
.card-icon{
  width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:rgba(233,196,106,.1);border:1px solid var(--line);color:var(--gold-2);
  font-size:18px;margin-bottom:16px;
}
.tag{
  display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;
  background:rgba(233,196,106,.1);color:var(--gold-2);border:1px solid var(--line);
}
.tag-plain{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--line-2)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* Hero */
.hero{padding:60px 0 56px;position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.32fr .95fr;gap:34px;align-items:start}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
  border:1px solid var(--line);background:rgba(233,196,106,.07);
  color:var(--gold-2);font-size:13px;font-weight:600;
}
.hero h1{font-size:clamp(27px,4.3vw,45px);margin:18px 0 14px;line-height:1.26}
.hero .lead{font-size:17px;font-weight:600;color:var(--gold-2);margin-bottom:14px}
.hero .desc{color:var(--muted);font-size:15.5px;max-width:660px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-stats{display:flex;flex-wrap:wrap;gap:34px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line-2)}
.hero-stats .num{font-size:26px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.hero-stats .lbl{font-size:13px;color:var(--muted)}

.club-panel{
  background:linear-gradient(160deg,#1e1a12,#111214 64%);
  border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;
  box-shadow:var(--shadow);
}
.club-panel h3{font-size:18px}
.club-panel .sub{font-size:13.5px;color:var(--muted);margin:8px 0 20px}
.level-row{
  display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--radius-sm);
  border:1px solid var(--line-2);background:rgba(255,255,255,.02);margin-bottom:12px;
  transition:border-color .2s ease,transform .2s ease;
}
.level-row:hover{border-color:var(--line);transform:translateX(3px)}
.level-badge{
  flex:0 0 46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:13px;
}
.badge-bronze{background:rgba(233,196,106,.12);color:var(--gold-2);border:1px solid var(--line)}
.badge-gold{background:linear-gradient(135deg,#f6dfa6,#e9c46a);color:#18140a}
.badge-black{background:#0a0b0d;color:var(--gold);border:1px solid var(--line)}
.level-name{font-size:14.5px;font-weight:700}
.level-desc{font-size:13px;color:var(--muted)}

/* 入口矩阵 */
.entry-card{
  display:block;height:100%;padding:26px;border-radius:var(--radius);
  background:var(--panel);border:1px solid var(--line-2);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.entry-card:hover{transform:translateY(-5px);border-color:var(--line);box-shadow:var(--shadow);color:inherit}
.entry-card h3{font-size:18px;margin:16px 0 10px}
.entry-card p{color:var(--muted);font-size:14.5px}
.entry-more{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--gold-2)}

/* 更新列表 */
.feed{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden}
.feed-item{display:flex;gap:18px;align-items:center;padding:16px 22px;transition:background .2s ease}
.feed-item:hover{background:rgba(233,196,106,.05)}
.feed-item + .feed-item{border-top:1px solid var(--line-2)}
.feed-time{flex:0 0 62px;font-size:13px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}
.feed-title{flex:1 1 auto;font-size:15px;font-weight:600;min-width:200px}
.feed-tag{flex:0 0 auto}

/* 热门专题 */
.feature-card{
  position:relative;border-radius:var(--radius-lg);padding:32px;min-height:290px;
  border:1px solid var(--line);background:linear-gradient(150deg,#201b12,#121316 72%);
  display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
}
.feature-card::after{
  content:"";position:absolute;width:320px;height:320px;right:-90px;top:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(233,196,106,.22),transparent 68%);
}
.feature-card h3{font-size:24px;margin:14px 0 12px;position:relative}
.feature-card p{color:var(--muted);font-size:15px;max-width:560px;position:relative}
.feature-card .btn{margin-top:22px;align-self:flex-start;position:relative}

/* 排行榜 */
.rank-list{display:grid;gap:12px}
.rank-item{
  display:flex;gap:16px;align-items:center;padding:14px 18px;border-radius:var(--radius-sm);
  background:var(--panel);border:1px solid var(--line-2);
  transition:border-color .2s ease,transform .2s ease;
}
.rank-item:hover{border-color:var(--line);transform:translateX(4px)}
.rank-no{
  flex:0 0 34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;background:rgba(255,255,255,.05);color:var(--muted);
}
.rank-no.top{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a}
.rank-name{flex:0 0 132px;font-size:15px;font-weight:700}
.rank-bar{flex:1 1 auto;height:6px;min-width:60px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.rank-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-2))}
.w96{width:96%}.w92{width:92%}.w88{width:88%}.w81{width:81%}.w76{width:76%}
.rank-heat{flex:0 0 46px;text-align:right;font-size:14px;font-weight:700;color:var(--gold-2);font-variant-numeric:tabular-nums}

/* 内容舞台 */
.stage{
  background:#0d0e11;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:22px;box-shadow:var(--shadow);
}
.stage-bar{display:flex;gap:8px;align-items:center;margin-bottom:18px}
.stage-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.stage-title{margin-left:10px;font-size:13px;color:var(--muted)}
.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stage-card{
  background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:16px;transition:border-color .2s ease,transform .2s ease;
}
.stage-card:hover{border-color:var(--line);transform:translateY(-3px)}
.stage-card h4{font-size:15px;margin:10px 0 8px}
.stage-card p{font-size:13px;color:var(--muted)}
.stage-meta{font-size:12px;color:var(--gold);letter-spacing:.5px}

/* 等级套餐 */
.plan{
  background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
  padding:26px;height:100%;display:flex;flex-direction:column;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.plan:hover{transform:translateY(-4px)}
.plan.hot{border-color:var(--gold);background:linear-gradient(170deg,#1f1b12,#15161a);box-shadow:var(--shadow-gold)}
.plan .price{font-size:32px;font-weight:800;color:var(--gold-2);line-height:1.2;margin-top:14px}
.plan .price small{font-size:13px;font-weight:600;color:var(--muted);margin-left:6px}
.plan ul{margin:18px 0 22px;display:grid;gap:10px}
.plan li{display:flex;gap:10px;font-size:14.5px;color:var(--muted)}
.plan li i{color:var(--gold);margin-top:6px;font-size:12px}
.plan .btn{margin-top:auto}

/* 数据指标 */
.metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px;
  border:1px solid var(--line);border-radius:var(--radius-lg);
  background:linear-gradient(140deg,#191c22,#0f1013);
}
.metric .num{font-size:30px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.metric .lbl{font-size:13.5px;color:var(--muted)}

/* 评价 */
.quote-card{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:22px;height:100%}
.quote-card p{font-size:14.5px;color:var(--text);margin-bottom:16px}
.quote-who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.quote-avatar{
  width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(233,196,106,.12);border:1px solid var(--line);color:var(--gold-2);font-size:13px;font-weight:700;
}
.bubble-row{display:flex;flex-wrap:wrap;gap:12px}
.bubble{
  padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);
  background:rgba(255,255,255,.03);font-size:14px;color:var(--muted);
  transition:border-color .2s ease,color .2s ease;
}
.bubble:hover{border-color:var(--line);color:var(--gold-2)}

/* 误区 */
.myth-item{
  display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px;
  border-radius:var(--radius);background:var(--panel);border:1px solid var(--line-2);
  margin-bottom:14px;
}
.myth-mark{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(233,196,106,.12);color:var(--gold-2);border:1px solid var(--line);font-size:14px;
}
.myth-item h3{font-size:16px;margin-bottom:8px}
.myth-item p{color:var(--muted);font-size:14.5px}

/* 资讯列表 */
.news-card{
  display:block;height:100%;background:var(--panel);border:1px solid var(--line-2);
  border-radius:var(--radius);padding:24px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.news-card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow);color:inherit}
.news-card h3{font-size:17px;margin:14px 0 10px}
.news-card p{color:var(--muted);font-size:14.5px}
.news-meta{font-size:12.5px;color:var(--muted);margin-top:16px;display:flex;gap:14px;flex-wrap:wrap}

/* 无障碍条 */
.a11y-bar{
  display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border-radius:var(--radius);
  border:1px dashed var(--line);background:rgba(233,196,106,.04);font-size:14px;color:var(--muted);
}
.a11y-bar i{color:var(--gold);margin-top:5px}

/* 转化收口 */
.cta-band{
  background:linear-gradient(135deg,#1f1b12,#111214 66%);
  border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;
}
.cta-band h2{font-size:clamp(21px,2.7vw,29px);margin:14px 0 14px}
.cta-band p{color:var(--muted);font-size:15px}
.subscribe-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.subscribe-form input{
  flex:1 1 220px;padding:13px 20px;border-radius:999px;border:1px solid var(--line-2);
  background:rgba(0,0,0,.38);color:var(--text);font-size:14.5px;outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.subscribe-form input::placeholder{color:#6f727a}
.subscribe-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,196,106,.14)}
.form-note{font-size:12.5px;color:var(--muted);margin-top:12px}

/* 页脚 */
.site-footer{border-top:1px solid var(--line-2);background:#0b0c0f;padding:54px 0 26px;margin-top:16px;position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.footer-brand p{color:var(--muted);font-size:14.5px;margin-top:14px;max-width:300px}
.footer-grid h4{font-size:14px;margin-bottom:16px;letter-spacing:1px;color:var(--text)}
.footer-links a{display:block;font-size:14px;color:var(--muted);padding:5px 0}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{
  margin-top:36px;padding-top:20px;border-top:1px solid var(--line-2);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:13px;color:var(--muted);
}

/* 响应式 */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .cta-band{grid-template-columns:1fr;padding:32px}
  .stage-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .header-inner{flex-wrap:wrap;gap:12px}
  .logo-tag{display:none}
  .header-cta{margin-left:auto}
  .main-nav{order:3;width:100%;margin-left:0}
  .rank-name{flex:0 0 96px;font-size:14.5px}
}
@media (max-width:640px){
  .sec{padding:48px 0}
  .hero{padding:42px 0 40px}
  .hero-stats{gap:22px}
  .metrics{grid-template-columns:1fr 1fr;padding:22px;gap:16px}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .stage-grid{grid-template-columns:1fr}
  .feed-item{flex-wrap:wrap;gap:8px}
  .feed-time{flex:0 0 auto}
  .feed-title{flex:1 1 100%;font-size:14.5px}
  .rank-item{flex-wrap:wrap;gap:10px}
  .rank-bar{flex:1 1 100%;order:4}
  .feature-card{padding:26px;min-height:240px}
  .cta-band{padding:26px}
  .myth-item{grid-template-columns:1fr;gap:12px}
}
@media (max-width:520px){
  .container{padding:0 16px}
  .hero h1{font-size:26px}
  .metrics{grid-template-columns:1fr 1fr}
  .metric .num{font-size:24px}
  .btn{padding:12px 20px;font-size:14.5px}
}

/* roulang page: category1 */
:root{
 --ink:#0a0b0d;
 --ink-2:#111318;
 --panel:#171a20;
 --panel-2:#1d2129;
 --line:rgba(233,196,106,.18);
 --line-2:rgba(255,255,255,.07);
 --gold:#e9c46a;
 --gold-2:#f6dfa6;
 --gold-deep:#8c6a17;
 --text:#ecebe6;
 --muted:#9ea1a9;
 --radius:18px;
 --radius-sm:12px;
 --radius-lg:26px;
 --shadow:0 18px 42px rgba(0,0,0,.46);
 --shadow-gold:0 14px 30px rgba(233,196,106,.16);
 --container:1180px;
}
/* roulang page: category1 */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{
 margin:0;
 background:var(--ink);
 color:var(--text);
 font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:16px;
 line-height:1.8;
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
}
body::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
 background:
 radial-gradient(920px 520px at 10% -12%, rgba(233,196,106,.10), transparent 62%),
 radial-gradient(760px 460px at 94% 2%, rgba(233,196,106,.07), transparent 66%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease}
a:hover{color:var(--gold)}
button,input{font-family:inherit}
h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:800;color:var(--text)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px;position:relative;z-index:1}
.grid-x.grid-padding-x{margin-left:-14px;margin-right:-14px}
.grid-x.grid-padding-x > .cell{padding-left:14px;padding-right:14px}

/* ===== 顶部导航 ===== */
.site-header{
 position:sticky;top:0;z-index:60;
 background:rgba(10,11,13,.88);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
 border-bottom:1px solid var(--line-2);
}
.header-inner{display:flex;align-items:center;gap:22px;min-height:76px;padding:10px 0}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo-mark{
 width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#191509;font-size:18px;
 box-shadow:var(--shadow-gold);
}
.logo-text{font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.logo-tag{
 font-size:11.5px;color:var(--gold);border:1px solid var(--line);border-radius:999px;
 padding:3px 10px;white-space:nowrap;
}
.main-nav{
 display:flex;align-items:center;gap:6px;margin-left:auto;
 padding:5px;border-radius:999px;border:1px solid var(--line-2);
 background:rgba(255,255,255,.03);overflow-x:auto;scrollbar-width:none;
}
.main-nav::-webkit-scrollbar{display:none}
.nav-chip{
 flex:0 0 auto;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;
 color:var(--muted);white-space:nowrap;
}
.nav-chip:hover{color:var(--text);background:rgba(255,255,255,.06)}
.nav-chip.is-active{
 color:#18140a;background:linear-gradient(135deg,var(--gold-2),var(--gold));
 box-shadow:var(--shadow-gold);
}
.header-cta{flex:0 0 auto}

/* ===== 按钮 ===== */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:999px;font-size:15px;font-weight:700;
 border:1px solid transparent;cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-2px);color:#18140a;box-shadow:0 20px 36px rgba(233,196,106,.3)}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(233,196,106,.1);color:var(--gold-2);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}
.btn-block{width:100%;margin-top:8px}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}

/* ===== 通用标签 / 卡片 ===== */
.tag{
 display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;
 background:rgba(233,196,106,.1);color:var(--gold-2);border:1px solid var(--line);
}
.tag-plain{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--line-2)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.card{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:24px;height:100%;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.card h3{font-size:17px;margin-bottom:10px}
.card p{color:var(--muted);font-size:14.5px;margin:0}
.card-icon{
 width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:rgba(233,196,106,.1);border:1px solid var(--line);color:var(--gold-2);
 font-size:18px;margin-bottom:16px;
}
.section{padding:56px 0}
.section-head{margin-bottom:26px;max-width:800px}
.section-head .eyebrow{
 display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gold);
 letter-spacing:.08em;margin-bottom:12px;
}
.section-head h2{font-size:clamp(21px,2.6vw,30px);margin-bottom:10px}
.section-head p{color:var(--muted);font-size:15px}
.hr-line{height:1px;background:var(--line-2);border:0;margin:0}

/* ===== 分类页首屏 ===== */
.page-hero{padding:52px 0 48px;position:relative;z-index:1}
.crumb{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:18px;flex-wrap:wrap}
.crumb i{font-size:10px;color:var(--gold)}
.crumb a:hover{color:var(--gold-2)}
.hero-grid{display:grid;grid-template-columns:1.28fr .92fr;gap:34px;align-items:start}
.page-hero h1{font-size:clamp(26px,3.9vw,42px);margin:16px 0 14px;line-height:1.28}
.page-hero .lead{font-size:17px;font-weight:600;color:var(--gold-2);margin-bottom:14px}
.page-hero .desc{color:var(--muted);font-size:15.5px;max-width:660px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-facts{display:flex;flex-wrap:wrap;gap:30px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line-2)}
.hero-facts .num{font-size:25px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.hero-facts .lbl{font-size:13px;color:var(--muted)}
.badge-live{
 display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
 border:1px solid var(--line);background:rgba(233,196,106,.07);
 color:var(--gold-2);font-size:13px;font-weight:600;
}
.badge-live .dot{
 width:7px;height:7px;border-radius:50%;background:var(--gold);
 box-shadow:0 0 0 4px rgba(233,196,106,.15);
 animation:pulse 2.2s ease-in-out infinite;
}
@keyframes pulse{
 0%,100%{box-shadow:0 0 0 4px rgba(233,196,106,.15)}
 50%{box-shadow:0 0 0 8px rgba(233,196,106,.04)}
}

/* 快报面板 */
.brief-panel{
 background:linear-gradient(180deg,var(--panel-2),var(--panel));
 border:1px solid var(--line);border-radius:var(--radius-lg);
 padding:26px;box-shadow:var(--shadow);
}
.brief-panel .panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.brief-panel .panel-title h3{font-size:17px}
.brief-panel .panel-title span{font-size:12.5px;color:var(--gold)}
.countdown{display:flex;gap:10px;margin-bottom:20px}
.count-cell{
 flex:1;text-align:center;padding:12px 6px;border-radius:var(--radius-sm);
 background:rgba(10,11,13,.55);border:1px solid var(--line-2);
}
.count-cell b{display:block;font-size:22px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.3}
.count-cell span{font-size:11.5px;color:var(--muted)}
.brief-list{margin-bottom:20px}
.brief-list li{
 display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line-2);
 font-size:14px;color:var(--muted);
}
.brief-list li:last-child{border-bottom:0}
.brief-list i{color:var(--gold);font-size:13px;margin-top:5px}
.brief-list b{color:var(--text);font-weight:700}
.panel-note{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px}

/* ===== 实时状态条 ===== */
.ticker-band{
 border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);
 background:rgba(255,255,255,.02);
}
.ticker-inner{display:flex;align-items:center;gap:18px;padding:14px 0}
.ticker-label{
 flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#18140a;
 background:linear-gradient(135deg,var(--gold-2),var(--gold));border-radius:999px;padding:6px 14px;
}
.ticker-track{
 display:flex;gap:34px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;
 font-size:13.5px;color:var(--muted);
}
.ticker-track::-webkit-scrollbar{display:none}
.ticker-track span b{color:var(--gold-2);font-weight:700;margin-right:8px;font-variant-numeric:tabular-nums}

/* ===== 分区 chips ===== */
.chip-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.filter-chip{
 display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;
 font-size:14px;font-weight:600;color:var(--muted);
 background:rgba(255,255,255,.03);border:1px solid var(--line-2);
}
.filter-chip:hover{color:var(--text);border-color:var(--line);background:rgba(233,196,106,.07)}
.filter-chip.is-on{color:#18140a;background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent}
.filter-chip i{font-size:13px}

/* ===== 话题卡 ===== */
.topic-card{display:flex;flex-direction:column;gap:12px}
.topic-card h3{font-size:17.5px;line-height:1.5}
.topic-card .meta{
 margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 font-size:12.5px;color:var(--muted);
}
.topic-card .meta em{font-style:normal;color:var(--gold);font-weight:700}

/* ===== 时间线 ===== */
.timeline-wrap{
 background:linear-gradient(180deg,#0d0f13,var(--ink-2));
 border:1px solid var(--line-2);border-radius:var(--radius-lg);
 padding:34px 30px;
}
.timeline{position:relative;padding-left:30px}
.timeline::before{
 content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;
 background:linear-gradient(180deg,var(--gold),rgba(233,196,106,.05));
}
.tl-item{position:relative;padding:0 0 26px 8px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{
 content:"";position:absolute;left:-29px;top:9px;width:12px;height:12px;border-radius:50%;
 background:var(--ink);border:2px solid var(--gold);
}
.tl-time{font-size:12.5px;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}
.tl-item h4{font-size:16px;margin:6px 0 6px}
.tl-item p{font-size:14px;color:var(--muted)}
.tl-aside{
 background:rgba(255,255,255,.02);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:24px;
}
.tl-aside h3{font-size:16px;margin-bottom:14px}
.tl-aside li{
 display:flex;gap:10px;font-size:14px;color:var(--muted);padding:9px 0;border-bottom:1px dashed var(--line-2);
}
.tl-aside li:last-child{border-bottom:0}
.tl-aside i{color:var(--gold);margin-top:6px;font-size:12px}

/* ===== 数据面板 ===== */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat-box{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:24px 22px;position:relative;overflow:hidden;height:100%;
 transition:transform .22s ease,border-color .22s ease;
}
.stat-box:hover{transform:translateY(-4px);border-color:var(--line)}
.stat-box::after{
 content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;
 background:radial-gradient(circle,rgba(233,196,106,.13),transparent 70%);
}
.stat-box .num{font-size:30px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.2}
.stat-box .lbl{font-size:14px;font-weight:700;margin-top:6px}
.stat-box .sub{font-size:12.5px;color:var(--muted);margin-top:4px}

/* ===== 合辑清单 ===== */
.digest-item{
 display:flex;gap:20px;align-items:flex-start;padding:20px 22px;border-radius:var(--radius);
 border:1px solid var(--line-2);background:rgba(255,255,255,.02);margin-bottom:12px;
 transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.digest-item:hover{transform:translateX(5px);border-color:var(--line);background:rgba(233,196,106,.05)}
.digest-no{
 flex:0 0 52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
 font-size:17px;font-weight:800;color:var(--gold-2);background:rgba(233,196,106,.09);border:1px solid var(--line);
}
.digest-body h3{font-size:16.5px;margin-bottom:6px}
.digest-body p{font-size:14px;color:var(--muted)}
.digest-body .tag{margin-top:10px}
.more-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--gold-2);margin-top:8px}
.more-link:hover{gap:12px;color:var(--gold)}

/* ===== 供稿 ===== */
.supply-item{
 display:flex;gap:16px;align-items:center;padding:18px;border-radius:var(--radius-sm);
 border:1px solid var(--line-2);background:var(--panel);height:100%;
 transition:border-color .2s ease,transform .2s ease;
}
.supply-item:hover{border-color:var(--line);transform:translateY(-3px)}
.supply-avatar{
 flex:0 0 48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;font-weight:800;font-size:16px;
}
.supply-item h4{font-size:15px;margin-bottom:5px}
.supply-item p{font-size:13px;color:var(--muted)}
.supply-item .who{font-size:12.5px;color:var(--gold);font-weight:700;margin-bottom:2px}

/* ===== FAQ ===== */
.faq-list{border-top:1px solid var(--line-2)}
.faq-item{border-bottom:1px solid var(--line-2)}
.faq-item summary{
 list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;
 padding:20px 4px;font-size:16px;font-weight:700;color:var(--text);
 transition:color .2s ease;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--gold-2)}
.faq-item summary .faq-ico{
 flex:0 0 auto;width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;
 background:rgba(233,196,106,.1);border:1px solid var(--line);color:var(--gold);font-size:12px;
 transition:transform .2s ease;
}
.faq-item[open] summary .faq-ico{transform:rotate(45deg)}
.faq-item .faq-answer{padding:0 4px 22px 40px;color:var(--muted);font-size:14.5px}

/* ===== 转化区 ===== */
.cta-band{
 background:linear-gradient(120deg,rgba(233,196,106,.14),rgba(23,26,32,.9) 58%);
 border:1px solid var(--line);border-radius:var(--radius-lg);
 padding:38px 34px;display:grid;grid-template-columns:1.5fr auto;gap:26px;align-items:center;
 box-shadow:var(--shadow);
}
.cta-band h2{font-size:clamp(20px,2.5vw,28px);margin-bottom:10px}
.cta-band p{color:var(--muted);font-size:15px;max-width:640px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:13.5px;color:var(--gold-2)}
.cta-points i{margin-right:6px}

/* ===== 页脚 ===== */
.site-footer{
 margin-top:64px;border-top:1px solid var(--line-2);
 background:rgba(255,255,255,.02);padding:52px 0 26px;position:relative;z-index:1;
}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.footer-brand p{color:var(--muted);font-size:14px;margin-top:16px;max-width:330px}
.footer-grid h4{font-size:15px;margin-bottom:14px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:14px;color:var(--muted)}
.footer-links a:hover{color:var(--gold-2)}
.footer-bottom{
 margin-top:36px;padding-top:20px;border-top:1px solid var(--line-2);
 display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
 font-size:13px;color:var(--muted);
}

/* ===== 响应式 ===== */
@media screen and (max-width:1024px){
 .hero-grid{grid-template-columns:1fr;gap:26px}
 .stat-grid{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr 1fr;gap:26px}
 .cta-band{grid-template-columns:1fr;padding:30px 26px}
 .timeline-wrap{padding:26px 20px}
}
@media screen and (max-width:860px){
 .header-inner{flex-wrap:wrap;gap:12px;padding:12px 0}
 .main-nav{order:3;width:100%;margin-left:0}
 .header-cta{margin-left:auto}
 .logo-tag{display:none}
}
@media screen and (max-width:768px){
 .section{padding:44px 0}
 .page-hero{padding:40px 0 36px}
 .hero-facts{gap:22px}
 .hero-facts .num{font-size:22px}
 .timeline{padding-left:24px}
 .digest-item{flex-direction:column;gap:14px;padding:18px}
 .supply-item{flex-direction:column;align-items:flex-start}
 .faq-item .faq-answer{padding-left:4px}
}
@media screen and (max-width:520px){
 .container{padding:0 16px}
 .grid-x.grid-padding-x{margin-left:-10px;margin-right:-10px}
 .grid-x.grid-padding-x > .cell{padding-left:10px;padding-right:10px}
 .logo-text{font-size:17px}
 .btn{padding:11px 20px;font-size:14px}
 .hero-actions .btn{width:100%}
 .stat-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
 .cta-actions .btn{width:100%}
 .count-cell b{font-size:19px}
}

/* roulang page: category3 */
:root{
 --ink:#0a0b0d;
 --ink-2:#111318;
 --panel:#171a20;
 --panel-2:#1d2129;
 --line:rgba(233,196,106,.18);
 --line-2:rgba(255,255,255,.07);
 --gold:#e9c46a;
 --gold-2:#f6dfa6;
 --gold-deep:#8c6a17;
 --text:#ecebe6;
 --muted:#9ea1a9;
 --radius:18px;
 --radius-sm:12px;
 --radius-lg:26px;
 --shadow:0 18px 42px rgba(0,0,0,.46);
 --shadow-gold:0 14px 30px rgba(233,196,106,.16);
 --container:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
 margin:0;
 background:var(--ink);
 color:var(--text);
 font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:16px;
 line-height:1.8;
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
}
body::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
 background:
 radial-gradient(920px 520px at 10% -12%, rgba(233,196,106,.10), transparent 62%),
 radial-gradient(760px 460px at 94% 2%, rgba(233,196,106,.07), transparent 66%);
}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:.2px;line-height:1.4}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}
a:hover{color:var(--gold)}
img{max-width:100%;display:block}
button,input{font-family:inherit}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px;position:relative;z-index:1}

/* 顶部导航 */
.site-header{
 position:sticky;top:0;z-index:60;
 background:rgba(10,11,13,.88);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
 border-bottom:1px solid var(--line-2);
}
.header-inner{display:flex;align-items:center;gap:22px;min-height:76px;padding:10px 0}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo-mark{
 width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#191509;font-size:18px;
 box-shadow:var(--shadow-gold);
}
.logo-text{font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.logo-tag{
 font-size:11.5px;color:var(--gold);border:1px solid var(--line);border-radius:999px;
 padding:3px 10px;white-space:nowrap;
}
.main-nav{
 display:flex;align-items:center;gap:6px;margin-left:auto;
 padding:5px;border-radius:999px;border:1px solid var(--line-2);
 background:rgba(255,255,255,.03);overflow-x:auto;scrollbar-width:none;
}
.main-nav::-webkit-scrollbar{display:none}
.nav-chip{
 flex:0 0 auto;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;
 color:var(--muted);white-space:nowrap;
}
.nav-chip:hover{color:var(--text);background:rgba(255,255,255,.06)}
.nav-chip.is-active{
 color:#18140a;background:linear-gradient(135deg,var(--gold-2),var(--gold));
 box-shadow:var(--shadow-gold);
}
.nav-chip.is-active:hover{color:#18140a}
.header-cta{flex:0 0 auto}

/* 按钮 */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:999px;font-size:15px;font-weight:700;
 border:1px solid transparent;cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-2px);color:#18140a;box-shadow:0 20px 36px rgba(233,196,106,.3)}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(233,196,106,.1);color:var(--gold-2);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}
.btn-block{width:100%;margin-top:8px}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}

/* 通用板块 */
.section{padding:58px 0;position:relative;z-index:1}
.section.alt{background:var(--ink-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:32px}
.section-head .head-text{max-width:760px}
.eyebrow{
 display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;
 letter-spacing:1.6px;color:var(--gold);margin-bottom:10px;
}
.eyebrow i{font-size:11px}
.section-title{font-size:clamp(22px,2.8vw,30px)}
.section-sub{color:var(--muted);font-size:14.5px;margin-top:10px}

/* 首屏 */
.page-hero{padding:54px 0 46px;position:relative;z-index:1}
.crumb{font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--gold-2)}
.crumb .sep{opacity:.5}
.crumb .now{color:var(--gold-2)}
.hero-badge{
 display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
 border:1px solid var(--line);background:rgba(233,196,106,.07);
 color:var(--gold-2);font-size:13px;font-weight:600;
}
.hero-badge .dot{
 width:8px;height:8px;border-radius:50%;background:var(--gold);
 box-shadow:0 0 0 4px rgba(233,196,106,.16);animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.page-hero h1{
 font-size:clamp(26px,4vw,42px);margin:20px 0 16px;max-width:940px;line-height:1.3;
}
.page-hero .lead{font-size:17px;font-weight:600;color:var(--gold-2);margin-bottom:14px;max-width:860px}
.page-hero .desc{color:var(--muted);font-size:15.5px;max-width:880px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.metric-bar{
 margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
 background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;
}
.metric{background:var(--panel);padding:20px 22px;transition:background .2s ease}
.metric:hover{background:var(--panel-2)}
.metric .num{font-size:26px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.35}
.metric .lbl{font-size:13px;color:var(--muted)}

/* 卡片 */
.card{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:24px;height:100%;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.card h3{font-size:17px;margin-bottom:10px}
.card p{color:var(--muted);font-size:14.5px}
.card-icon{
 width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:rgba(233,196,106,.1);border:1px solid var(--line);color:var(--gold-2);
 font-size:18px;margin-bottom:16px;
}
.tag{
 display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;
 background:rgba(233,196,106,.1);color:var(--gold-2);border:1px solid var(--line);
}
.tag-plain{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--line-2)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

/* 网格 */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}

/* 权益区 */
.benefit{display:flex;gap:15px;padding:18px 0;border-bottom:1px dashed var(--line-2)}
.benefit:last-child{border-bottom:0;padding-bottom:0}
.benefit .bi{
 flex:0 0 42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:rgba(233,196,106,.1);border:1px solid var(--line);color:var(--gold-2);font-size:16px;
}
.benefit h4{font-size:16px;margin-bottom:6px}
.benefit p{color:var(--muted);font-size:14px}

/* 数据面板 */
.panel{
 background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-lg);
 padding:28px;box-shadow:var(--shadow);
}
.panel-title{font-size:15px;color:var(--gold-2);font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.panel-title i{font-size:13px}
.stat-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.stat-line:last-of-type{border-bottom:0}
.stat-line .k{color:var(--muted)}
.stat-line .v{font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.bar-wrap{margin-top:20px}
.bar{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-2))}
.bar-meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-top:9px}

/* 流程 */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step{
 position:relative;padding:24px 18px;border-radius:var(--radius);
 background:var(--panel);border:1px solid var(--line-2);
 transition:transform .2s ease,border-color .2s ease;
}
.step:hover{transform:translateY(-4px);border-color:var(--line)}
.step .idx{font-size:12.5px;font-weight:800;color:var(--gold);letter-spacing:1.6px}
.step h4{font-size:15.5px;margin:10px 0 8px}
.step p{font-size:13.5px;color:var(--muted)}

/* 稿件示范 */
.spec-card{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:26px}
.spec-card .spec-head{
 display:flex;align-items:center;gap:10px;padding-bottom:16px;margin-bottom:6px;
 border-bottom:1px solid var(--line-2);font-size:14px;color:var(--gold-2);font-weight:700;
}
.spec-line{display:flex;gap:14px;font-size:13.5px;padding:10px 0;border-bottom:1px dashed var(--line-2)}
.spec-line:last-of-type{border-bottom:0}
.spec-line .k{flex:0 0 86px;color:var(--gold-2)}
.spec-line .v{color:var(--muted)}
.spec-body{
 margin-top:16px;padding:16px 18px;border-radius:var(--radius-sm);
 background:rgba(255,255,255,.03);border:1px solid var(--line-2);
 font-size:14px;color:var(--muted);line-height:1.85;
}
.spec-body strong{color:var(--text)}
.myth{padding:14px 0;border-bottom:1px dashed var(--line-2);display:flex;gap:12px;font-size:14px;color:var(--muted)}
.myth:last-child{border-bottom:0}
.myth i{color:var(--gold);font-size:13px;margin-top:7px;flex:0 0 auto}

/* 案例 */
.case{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:26px;height:100%;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease}
.case:hover{transform:translateY(-4px);border-color:var(--line)}
.case .quote{font-size:14.5px;color:var(--text);flex:1}
.case .who{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2)}
.avatar{
 width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
 background:rgba(233,196,106,.12);color:var(--gold-2);font-weight:800;font-size:13px;border:1px solid var(--line);
 flex:0 0 auto;
}
.case .who .name{font-size:14px;font-weight:700}
.case .who .role{font-size:12.5px;color:var(--muted)}

/* 稿酬档位 */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{
 position:relative;display:flex;flex-direction:column;background:var(--panel);
 border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:30px 24px;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.plan:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.plan.is-featured{border-color:var(--line);background:linear-gradient(180deg,rgba(233,196,106,.11),var(--panel) 58%);box-shadow:var(--shadow-gold)}
.plan-flag{
 position:absolute;top:-13px;left:24px;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:800;
 background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;box-shadow:var(--shadow-gold);
}
.plan .plan-name{font-size:18px;font-weight:800}
.plan .plan-rate{font-size:32px;font-weight:800;color:var(--gold-2);margin:14px 0 4px;font-variant-numeric:tabular-nums;line-height:1.2}
.plan .plan-rate small{font-size:13.5px;color:var(--muted);font-weight:600}
.plan .plan-note{font-size:13px;color:var(--muted)}
.plan ul{margin:20px 0 26px;display:grid;gap:11px}
.plan li{display:flex;gap:10px;font-size:14px;color:var(--muted)}
.plan li i{color:var(--gold);font-size:12px;margin-top:7px;flex:0 0 auto}
.plan .btn{margin-top:auto}

/* 评价墙 */
.voice-wall{columns:3;column-gap:18px}
.voice{
 break-inside:avoid;margin:0 0 18px;background:var(--panel);border:1px solid var(--line-2);
 border-radius:var(--radius);padding:22px;
 transition:transform .22s ease,border-color .22s ease;
}
.voice:hover{transform:translateY(-3px);border-color:var(--line)}
.voice p{font-size:14.5px;color:var(--text)}
.voice .who{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--muted)}

/* 资讯列表 */
.news-list{border-top:1px solid var(--line-2)}
.news-item{
 display:flex;gap:20px;align-items:flex-start;padding:20px 4px;
 border-bottom:1px solid var(--line-2);transition:background .2s ease,padding-left .2s ease;
}
.news-item:hover{background:rgba(233,196,106,.04);padding-left:10px}
.news-date{flex:0 0 96px;font-size:13px;font-weight:800;color:var(--gold-2);padding-top:2px}
.news-main{flex:1 1 auto;min-width:0}
.news-main h4{font-size:15.5px;margin-bottom:6px}
.news-main p{font-size:13.5px;color:var(--muted)}
.news-state{flex:0 0 auto;align-self:center}

/* 转化区 */
.cta-band{
 background:linear-gradient(135deg,rgba(233,196,106,.14),rgba(233,196,106,.02));
 border:1px solid var(--line);border-radius:var(--radius-lg);padding:42px;
 display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;
}
.cta-band h2{font-size:clamp(21px,2.6vw,28px);margin-bottom:12px}
.cta-band p{color:var(--muted);font-size:15px;max-width:700px}
.field{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.field input{
 flex:1 1 240px;min-width:0;padding:14px 20px;border-radius:999px;
 border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-size:14.5px;
 transition:border-color .2s ease,box-shadow .2s ease;
}
.field input::placeholder{color:#7b7f87}
.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,196,106,.15)}
.cta-side{text-align:center;border-left:1px solid var(--line-2);padding-left:26px}
.cta-side .big{font-size:34px;font-weight:800;color:var(--gold-2);line-height:1.2}
.cta-side .small{font-size:13px;color:var(--muted)}

/* 页脚 */
.site-footer{border-top:1px solid var(--line-2);background:var(--ink);padding:52px 0 26px;position:relative;z-index:1;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.footer-brand p{color:var(--muted);font-size:14px;margin-top:16px;max-width:340px}
.site-footer h4{font-size:14.5px;margin-bottom:16px;color:var(--text)}
.footer-links{display:grid;gap:10px}
.footer-links a{color:var(--muted);font-size:14px}
.footer-links a:hover{color:var(--gold-2)}
.footer-bottom{
 margin-top:40px;padding-top:22px;border-top:1px solid var(--line-2);
 display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
 font-size:13px;color:var(--muted);
}

/* 响应式 */
@media screen and (max-width:1024px){
 .header-inner{flex-wrap:wrap;gap:14px;padding:12px 0}
 .main-nav{margin-left:0;order:3;width:100%}
 .header-cta{margin-left:auto}
 .hero-grid,.split{grid-template-columns:1fr}
 .metric-bar{grid-template-columns:repeat(2,1fr)}
 .steps{grid-template-columns:repeat(3,1fr)}
 .grid-4{grid-template-columns:repeat(2,1fr)}
 .plans{grid-template-columns:1fr}
 .voice-wall{columns:2}
 .cta-band{grid-template-columns:1fr;padding:34px}
 .cta-side{border-left:0;border-top:1px solid var(--line-2);padding-left:0;padding-top:22px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media screen and (max-width:768px){
 .section{padding:44px 0}
 .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr 1fr}
 .page-hero{padding:40px 0 32px}
 .metric .num{font-size:22px}
 .voice-wall{columns:1}
 .news-item{flex-wrap:wrap;gap:10px}
 .news-date{flex:0 0 auto}
 .news-state{align-self:flex-start}
}
@media screen and (max-width:520px){
 .container{padding:0 16px}
 .header-inner{gap:10px}
 .logo-tag{display:none}
 .logo-text{font-size:17px}
 .nav-chip{padding:7px 14px;font-size:13px}
 .btn{padding:12px 20px;font-size:14px;width:100%}
 .header-cta .btn{width:auto}
 .hero-actions .btn{width:100%}
 .metric-bar{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}
 .plan .plan-rate{font-size:27px}
 .footer-grid{grid-template-columns:1fr}
 .cta-band{padding:26px 20px}
 .spec-line{flex-wrap:wrap;gap:6px}
 .spec-line .k{flex:0 0 100%}
}

/* roulang page: category2 */
:root{
 --ink:#0a0b0d;
 --ink-2:#111318;
 --panel:#171a20;
 --panel-2:#1d2129;
 --line:rgba(233,196,106,.18);
 --line-2:rgba(255,255,255,.07);
 --gold:#e9c46a;
 --gold-2:#f6dfa6;
 --gold-deep:#8c6a17;
 --text:#ecebe6;
 --muted:#9ea1a9;
 --radius:18px;
 --radius-sm:12px;
 --radius-lg:26px;
 --shadow:0 18px 42px rgba(0,0,0,.46);
 --shadow-gold:0 14px 30px rgba(233,196,106,.16);
 --container:1180px;
 --ok:#5fd18b;
 --hot:#ff8a63;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
 margin:0;
 background:var(--ink);
 color:var(--text);
 font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:16px;
 line-height:1.8;
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
}
body::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
 background:
 radial-gradient(920px 520px at 10% -12%, rgba(233,196,106,.10), transparent 62%),
 radial-gradient(760px 460px at 94% 2%, rgba(233,196,106,.07), transparent 66%);
}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.35;font-weight:800;letter-spacing:.2px}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
dl,dd,dt{margin:0}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease}
a:hover{color:var(--gold)}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px;position:relative;z-index:1}
.grid-x.grid-padding-x{margin-left:-14px;margin-right:-14px}
.grid-x.grid-padding-x > .cell{padding-left:14px;padding-right:14px}
.grid-x{margin-bottom:0}
/* ============ 顶部导航 ============ */
.site-header{
 position:sticky;top:0;z-index:60;
 background:rgba(10,11,13,.88);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
 border-bottom:1px solid var(--line-2);
}
.header-inner{display:flex;align-items:center;gap:22px;min-height:76px;padding:10px 0}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo-mark{
 width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#191509;font-size:18px;
 box-shadow:var(--shadow-gold);
}
.logo-text{font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.logo-tag{
 font-size:11.5px;color:var(--gold);border:1px solid var(--line);border-radius:999px;
 padding:3px 10px;white-space:nowrap;
}
.main-nav{
 display:flex;align-items:center;gap:6px;margin-left:auto;
 padding:5px;border-radius:999px;border:1px solid var(--line-2);
 background:rgba(255,255,255,.03);overflow-x:auto;scrollbar-width:none;
}
.main-nav::-webkit-scrollbar{display:none}
.nav-chip{
 flex:0 0 auto;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;
 color:var(--muted);white-space:nowrap;
}
.nav-chip:hover{color:var(--text);background:rgba(255,255,255,.06)}
.nav-chip.is-active{
 color:#18140a;background:linear-gradient(135deg,var(--gold-2),var(--gold));
 box-shadow:var(--shadow-gold);
}
.header-cta{flex:0 0 auto}
/* ============ 按钮 ============ */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:999px;font-size:15px;font-weight:700;
 border:1px solid transparent;cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-2px);color:#18140a;box-shadow:0 20px 36px rgba(233,196,106,.3)}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(233,196,106,.1);color:var(--gold-2);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}
.btn-block{width:100%;margin-top:8px}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:2px solid var(--gold);outline-offset:3px;border-radius:8px;
}
/* ============ 实时状态条 ============ */
.status-bar{
 border-bottom:1px solid var(--line-2);
 background:linear-gradient(90deg,rgba(233,196,106,.08),rgba(233,196,106,.02) 45%,transparent);
}
.status-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:11px 22px;font-size:13px;color:var(--muted)}
.status-live{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2);font-weight:700}
.status-live i{font-size:8px;color:var(--ok);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.status-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.status-item b{color:var(--text);font-variant-numeric:tabular-nums}
.status-count{
 margin-left:auto;display:inline-flex;align-items:center;gap:9px;
 padding:5px 15px;border-radius:999px;border:1px solid var(--line);
 background:rgba(233,196,106,.07);color:var(--gold-2);font-weight:700;
}
.status-count b{font-variant-numeric:tabular-nums;letter-spacing:.5px}
/* ============ Hero ============ */
.hero{padding:58px 0 20px;position:relative;z-index:1}
.hero-badge{
 display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
 border:1px solid var(--line);background:rgba(233,196,106,.07);
 color:var(--gold-2);font-size:13px;font-weight:600;
}
.hero h1{font-size:clamp(27px,4.2vw,43px);margin:18px 0 14px;line-height:1.26}
.hero .lead{font-size:17px;font-weight:600;color:var(--gold-2);margin-bottom:14px}
.hero .desc{color:var(--muted);font-size:15.5px;max-width:640px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero-stats{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line-2)}
.hero-stats .num{font-size:25px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.hero-stats .lbl{font-size:13px;color:var(--muted)}
/* 进度环面板 */
.ring-panel{
 background:linear-gradient(180deg,var(--panel-2),var(--panel));
 border:1px solid var(--line);
 border-radius:var(--radius-lg);
 padding:26px;box-shadow:var(--shadow);
}
.ring-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.ring-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:22px}
.ring{
 width:128px;height:128px;flex:0 0 128px;border-radius:50%;position:relative;
 display:grid;place-items:center;
 background:conic-gradient(var(--gold) var(--p,0%), rgba(255,255,255,.08) 0);
}
.ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--panel-2)}
.ring-val{position:relative;font-size:26px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.ring-val small{font-size:13px;font-weight:700;margin-left:1px}
.ring-meta h3{font-size:16px;margin-bottom:6px}
.ring-meta p{color:var(--muted);font-size:13.5px}
.tier-preview{border-top:1px solid var(--line-2);padding-top:18px;margin-bottom:18px}
.tier-row{
 display:flex;gap:13px;align-items:flex-start;padding:12px;border-radius:var(--radius-sm);
 border:1px solid var(--line-2);background:rgba(255,255,255,.02);margin-bottom:10px;
 transition:border-color .2s ease,transform .2s ease;
}
.tier-row:hover{border-color:var(--line);transform:translateX(3px)}
.tier-badge{
 flex:0 0 46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 font-weight:800;font-size:13px;
}
.badge-bronze{background:rgba(233,196,106,.12);color:var(--gold-2);border:1px solid var(--line)}
.badge-gold{background:linear-gradient(135deg,#f6dfa6,#e9c46a);color:#18140a}
.badge-black{background:#0a0b0d;color:var(--gold);border:1px solid var(--line)}
.tier-row strong{display:block;font-size:14.5px;line-height:1.5}
.tier-row span.tier-note{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
/* ============ 通用板块 ============ */
.section{padding:70px 0;position:relative;z-index:1}
.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 70%);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.section-head{margin-bottom:34px;max-width:760px}
.section-head.split{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;max-width:none}
.section-title{font-size:clamp(21px,2.6vw,29px);margin-bottom:10px}
.section-sub{color:var(--muted);font-size:15px}
.eyebrow{
 display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:1.2px;
 color:var(--gold);text-transform:uppercase;margin-bottom:12px;
}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--gold);opacity:.75}
/* ============ 数据总览 ============ */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat-item{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:22px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.stat-item:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.stat-item .stat-num{font-size:29px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.2}
.stat-item .stat-num small{font-size:14px;font-weight:700;margin-left:3px;color:var(--gold)}
.stat-item .stat-label{font-size:13.5px;color:var(--text);font-weight:600;margin-top:8px}
.stat-item .stat-hint{font-size:12.5px;color:var(--muted);margin-top:4px}
/* ============ 榜单列表 ============ */
.rank-list{display:flex;flex-direction:column;gap:12px}
.rank-item{
 display:flex;align-items:center;gap:18px;padding:18px 22px;
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.rank-item:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:var(--shadow);background:var(--panel-2)}
.rank-no{
 flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;
 font-size:17px;font-weight:800;background:rgba(255,255,255,.05);color:var(--muted);
 border:1px solid var(--line-2);font-variant-numeric:tabular-nums;
}
.rank-no-1{background:linear-gradient(135deg,#f6dfa6,#e9c46a);color:#18140a;border-color:transparent;box-shadow:var(--shadow-gold)}
.rank-no-2{background:rgba(233,196,106,.22);color:var(--gold-2);border-color:var(--line)}
.rank-no-3{background:rgba(233,196,106,.12);color:var(--gold-2);border-color:var(--line)}
.rank-main{flex:1 1 auto;min-width:0}
.rank-main h3{font-size:16.5px;margin-bottom:4px}
.rank-main p{font-size:13.5px;color:var(--muted);margin-bottom:8px}
.rank-tags{display:flex;flex-wrap:wrap;gap:8px}
.rank-score{flex:0 0 156px;text-align:right}
.score-num{font-size:20px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.trend{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;margin-left:8px}
.trend-up{color:var(--ok)}
.trend-new{color:var(--hot)}
.heat-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:9px}
.heat-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-2))}
/* ============ 卡片 ============ */
.card{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:24px;height:100%;color:var(--text);
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.card h3{font-size:17px;margin-bottom:10px}
.card p{color:var(--muted);font-size:14.5px}
.card-icon{
 width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
 background:rgba(233,196,106,.1);border:1px solid var(--line);color:var(--gold-2);
 font-size:18px;margin-bottom:16px;
}
.card-metric{
 display:flex;align-items:baseline;gap:9px;margin-bottom:14px;
}
.card-metric strong{font-size:26px;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.card-metric span{font-size:12.5px;color:var(--ok);font-weight:700}
.tag{
 display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;
 background:rgba(233,196,106,.1);color:var(--gold-2);border:1px solid var(--line);
}
.tag-plain{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--line-2)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.grid-gap{margin-bottom:28px}
.grid-gap:last-child{margin-bottom:0}
/* ============ 分段标签 ============ */
.chip-tabs{
 display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;
 padding:6px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);
 margin-bottom:28px;
}
.chip-tabs::-webkit-scrollbar{display:none}
.chip{
 flex:0 0 auto;padding:9px 20px;border-radius:999px;border:0;background:transparent;
 color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;
 transition:background .2s ease,color .2s ease,transform .2s ease;
}
.chip:hover{color:var(--text);background:rgba(255,255,255,.06)}
.chip.is-active{color:#18140a;background:linear-gradient(135deg,var(--gold-2),var(--gold));box-shadow:var(--shadow-gold)}
.tab-panel{display:none}
.tab-panel.is-active{display:block;animation:fadeUp .35s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* ============ 资料信息区 ============ */
.detail-card{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 padding:24px;height:100%;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.detail-card:hover{border-color:var(--line);transform:translateY(-4px);box-shadow:var(--shadow)}
.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.detail-head h3{font-size:17px}
.detail-list{display:flex;flex-direction:column;gap:12px}
.detail-list > div{display:flex;gap:12px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line-2)}
.detail-list > div:first-child{border-top:0;padding-top:0}
.detail-list dt{flex:0 0 82px;font-size:12.5px;color:var(--gold);font-weight:700;letter-spacing:.3px}
.detail-list dd{flex:1 1 auto;font-size:14px;color:var(--muted);min-width:0}
/* ============ 共建档位 ============ */
.plan-card{
 position:relative;display:flex;flex-direction:column;height:100%;
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-lg);
 padding:28px 24px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.plan-card:hover{transform:translateY(-5px);border-color:var(--line);box-shadow:var(--shadow)}
.plan-card.is-featured{
 border-color:var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));
 box-shadow:var(--shadow);
}
.plan-flag{
 position:absolute;top:-13px;left:24px;padding:4px 14px;border-radius:999px;
 font-size:12px;font-weight:800;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#18140a;
 box-shadow:var(--shadow-gold);
}
.plan-card h3{font-size:19px;margin-bottom:6px}
.plan-desc{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.plan-price{display:flex;align-items:baseline;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line-2);margin-bottom:18px}
.plan-price strong{font-size:30px;font-weight:800;color:var(--gold-2);line-height:1}
.plan-price span{font-size:12.5px;color:var(--muted)}
.plan-list{display:flex;flex-direction:column;gap:11px;margin-bottom:24px;flex:1 1 auto}
.plan-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.plan-list li i{color:var(--gold);font-size:12px;margin-top:7px}
/* ============ 时间线 ============ */
.timeline{position:relative;padding-left:26px}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(233,196,106,.06))}
.timeline-item{position:relative;padding:0 0 24px 0}
.timeline-item:last-child{padding-bottom:0}
.timeline-item::before{
 content:"";position:absolute;left:-26px;top:9px;width:16px;height:16px;border-radius:50%;
 background:var(--ink);border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(233,196,106,.08);
}
.timeline-item .period{font-size:12.5px;color:var(--gold);font-weight:700;letter-spacing:.4px}
.timeline-item h3{font-size:16px;margin:4px 0 4px}
.timeline-item p{font-size:13.5px;color:var(--muted)}
/* ============ 提名表单 ============ */
.form-card{
 background:linear-gradient(180deg,var(--panel-2),var(--panel));
 border:1px solid var(--line);border-radius:var(--radius-lg);
 padding:30px;box-shadow:var(--shadow);
}
.field{margin-bottom:18px}
.field label{display:block;font-size:13.5px;font-weight:700;color:var(--gold-2);margin-bottom:8px}
.field input,.field select,.field textarea{
 width:100%;padding:12px 15px;border-radius:var(--radius-sm);
 background:rgba(0,0,0,.35);border:1px solid var(--line-2);color:var(--text);
 transition:border-color .2s ease,background .2s ease;
}
.field input::placeholder,.field textarea::placeholder{color:#6d717a}
.field input:focus,.field select:focus,.field textarea:focus{
 border-color:var(--gold);background:rgba(0,0,0,.5);outline:none;
}
.field textarea{min-height:104px;resize:vertical}
.field select option{background:var(--panel-2);color:var(--text)}
.form-note{font-size:12.5px;color:var(--muted);margin-top:12px}
.form-tip{
 margin-top:16px;padding:12px 16px;border-radius:var(--radius-sm);
 background:rgba(95,209,139,.08);border:1px solid rgba(95,209,139,.28);
 color:var(--ok);font-size:13.5px;display:none;
}
.form-tip.is-show{display:block}
.side-note{
 border:1px solid var(--line-2);border-radius:var(--radius);padding:22px;background:var(--panel);height:100%;
}
.side-note h3{font-size:16px;margin-bottom:14px}
.side-list{display:flex;flex-direction:column;gap:14px}
.side-list li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted)}
.side-list li i{color:var(--gold);margin-top:6px;font-size:12px}
/* ============ FAQ ============ */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{
 background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);
 overflow:hidden;transition:border-color .2s ease;
}
.faq-item[open]{border-color:var(--line)}
.faq-item summary{
 list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;
 font-size:15.5px;font-weight:700;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
 content:"\f067";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px;color:var(--gold);
 transition:transform .25s ease;
}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--gold-2)}
.faq-body{padding:0 22px 20px;color:var(--muted);font-size:14.5px}
/* ============ 收口 ============ */
.closing{
 display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
 padding:28px 30px;border-radius:var(--radius-lg);
 background:linear-gradient(120deg,rgba(233,196,106,.14),rgba(233,196,106,.03) 60%);
 border:1px solid var(--line);
}
.closing h3{font-size:19px;margin-bottom:6px}
.closing p{font-size:14px;color:var(--muted);max-width:620px}
/* ============ 页脚 ============ */
.site-footer{border-top:1px solid var(--line-2);background:rgba(0,0,0,.35);margin-top:20px;position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding:52px 0 34px}
.footer-brand p{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:330px}
.footer-grid h4{font-size:14.5px;margin-bottom:16px;color:var(--gold-2)}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:13.5px;color:var(--muted)}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{
 display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
 padding:20px 0 30px;border-top:1px solid var(--line-2);
 font-size:12.5px;color:#787c85;
}
/* ============ 动效 ============ */
.js-ready .reveal{opacity:0;transform:translateY(18px)}
.js-ready .reveal.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
/* ============ 响应式 ============ */
@media (max-width:1024px){
 .hero{padding-top:46px}
 .stat-strip{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
 .status-count{margin-left:0}
}
@media (max-width:900px){
 .header-inner{flex-wrap:wrap;gap:12px;padding:12px 0}
 .main-nav{margin-left:0;order:3;width:100%}
 .header-cta{margin-left:auto}
 .ring-wrap{gap:18px}
}
@media (max-width:768px){
 .section{padding:52px 0}
 .hero-stats{gap:24px}
 .hero-stats .num{font-size:22px}
 .rank-item{flex-wrap:wrap;gap:12px;padding:16px}
 .rank-score{flex:1 1 100%;text-align:left}
 .ring{width:112px;height:112px;flex-basis:112px}
 .chip-tabs{border-radius:var(--radius-sm)}
 .detail-list dt{flex-basis:70px}
 .footer-grid{grid-template-columns:1fr;gap:26px}
 .closing{padding:22px}
}
@media (max-width:520px){
 .container{padding:0 16px}
 .stat-strip{grid-template-columns:1fr}
 .logo-tag{display:none}
 .logo-text{font-size:17px}
 .nav-chip{padding:7px 14px;font-size:13px}
 .btn{padding:12px 20px;font-size:14px}
 .hero-actions .btn{width:100%}
 .status-inner{gap:12px;font-size:12.5px}
 .status-item:nth-child(3){display:none}
 .ring-panel,.form-card{padding:20px}
 .footer-bottom{flex-direction:column;align-items:flex-start}
}