/* roulang page: index */
:root{
  --brand:#F2622E;
  --brand-deep:#D4491A;
  --accent:#12B39A;
  --glow:#E8FF59;
  --ink:#141312;
  --gray:#6B6660;
  --line:#E4DED4;
  --paper:#FAF7F2;
  --card:#FFFFFF;
  --r-card:4px;
  --r-btn:3px;
  --shadow-hover:0 8px 24px rgba(20,19,18,.08);
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --pad:96px;
  --ease:cubic-bezier(.2,.7,.3,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button,input{font-family:inherit;font-size:inherit;color:inherit;}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.28;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;}
@media (min-width:1400px){.container{max-width:1240px;}}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;}

/* ---------- 顶部信息条 ---------- */
.topbar{background:var(--ink);color:#EDE7DE;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:32px;gap:16px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--glow);flex:0 0 auto;animation:breathe 2s ease-in-out infinite;}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.55);opacity:.55;}}
.topbar-left span{color:#C9C1B7;}
.topbar-right{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-variant-numeric:tabular-nums;}
.topbar-right .sep{width:1px;height:14px;background:rgba(237,231,222,.35);}
.topbar-right a{color:#EDE7DE;border-bottom:1px solid rgba(237,231,222,.4);}
.topbar-right a:hover{color:var(--glow);border-color:var(--glow);}

/* ---------- 刊头 ---------- */
.site-header{position:sticky;top:0;z-index:1030;background:var(--paper);transition:box-shadow .25s var(--ease);}
.site-header.is-stuck{box-shadow:0 1px 0 var(--line);}
.site-header.is-stuck .topbar{display:none;}
.masthead{border-bottom:1px solid var(--line);}
.masthead .container{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:26px;padding-bottom:18px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{width:12px;height:12px;border-radius:50%;background:var(--brand);position:relative;flex:0 0 auto;}
.brand-mark::before{content:"";position:absolute;left:1px;top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--brand);}
.brand-text{display:flex;flex-direction:column;}
.brand-name{font-family:var(--serif);font-weight:900;font-size:56px;line-height:1;letter-spacing:-.01em;}
.brand-sub{font-size:13px;color:var(--gray);letter-spacing:.14em;margin-top:6px;}
.masthead-actions{display:flex;align-items:center;gap:14px;padding-bottom:6px;}
.search-box{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:6px 2px;}
.search-box svg{flex:0 0 auto;color:var(--gray);}
.search-box input{border:0;background:transparent;outline:none;width:150px;font-size:14px;}
.search-box input::placeholder{color:#A9A29A;}
.search-box:focus-within{border-color:var(--brand);}
.btn-sub{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;background:var(--brand);color:#fff;border:0;border-radius:var(--r-btn);font-weight:700;font-size:14px;transition:background .22s var(--ease),transform .22s var(--ease);}
.btn-sub:hover{background:var(--brand-deep);transform:translateY(-1px);color:#fff;}

/* ---------- 频道条 ---------- */
.channel-bar{border-bottom:1px solid var(--line);background:var(--paper);}
.channel-list{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;}
.channel-list::-webkit-scrollbar{display:none;}
.channel-item{display:flex;align-items:center;flex:0 0 auto;}
.channel-item + .channel-item::before{content:"";width:1px;height:18px;background:var(--line);display:block;}
.channel-link{position:relative;display:inline-block;padding:14px 20px 16px;font-size:15px;color:var(--ink);white-space:nowrap;transition:color .2s var(--ease);}
.channel-link::after{content:"";position:absolute;left:20px;right:20px;bottom:9px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ease);}
.channel-link:hover{color:var(--brand);}
.channel-link:hover::after{transform:scaleX(1);}
.channel-link.active{color:var(--brand);font-weight:700;}
.channel-link.active::after{transform:scaleX(1);}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;}
.hero-media{position:absolute;inset:0;}
.hero-media img{width:100%;height:100%;object-fit:cover;}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,19,18,.86) 0%,rgba(20,19,18,.55) 48%,rgba(20,19,18,0) 100%);}
.hero-inner{position:relative;display:grid;grid-template-columns:1.3fr .9fr;gap:56px;align-items:center;padding-top:82px;padding-bottom:82px;min-height:600px;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--glow);text-transform:uppercase;margin-bottom:18px;}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--glow);}
.hero h1{font-family:var(--serif);font-weight:900;font-size:44px;line-height:1.24;color:#fff;margin-bottom:20px;max-width:16em;}
.hero-lead{font-size:16px;line-height:1.85;color:#D8D2C9;max-width:34em;margin-bottom:32px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 28px;border-radius:var(--r-btn);font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);}
.btn .arrow{transition:transform .22s var(--ease);}
.btn:hover .arrow{transform:translateX(4px);}
.btn-brand{background:var(--brand);color:#fff;}
.btn-brand:hover{background:var(--brand-deep);color:#fff;transform:translateY(-1px);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-1px);}
.btn-ink{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-ink:hover{background:var(--ink);color:#fff;transform:translateY(-1px);}
.hero-panel{background:rgba(20,19,18,.82);border:1px solid rgba(237,231,222,.22);border-radius:var(--r-card);padding:26px 24px 20px;}
.panel-title{font-size:14px;font-weight:700;letter-spacing:.1em;color:#EDE7DE;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;}
.panel-title em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--accent);}
.slot{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid rgba(237,231,222,.16);}
.slot:first-of-type{border-top:0;}
.slot-time{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--glow);flex:0 0 62px;}
.slot-name{flex:1 1 auto;font-size:14px;color:#EDE7DE;}
.slot-dur{font-family:var(--mono);font-size:13px;color:#B6AEA4;}
.hero-status{margin-top:18px;padding-top:16px;border-top:1px solid rgba(237,231,222,.22);font-family:var(--mono);font-size:13px;color:#C9C1B7;display:flex;flex-wrap:wrap;gap:8px 14px;}
.hero-status b{color:#fff;font-weight:700;}

/* ---------- 通用板块 ---------- */
.section{padding:var(--pad) 0;border-top:1px solid var(--line);}
.section:first-of-type{border-top:0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px;}
.section-tag{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--brand);display:block;margin-bottom:12px;}
.section-title{font-family:var(--serif);font-weight:800;font-size:30px;letter-spacing:-.005em;}
.section-desc{margin-top:12px;color:var(--gray);font-size:15px;max-width:52em;}
.section-more{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--brand);padding-bottom:2px;transition:opacity .2s var(--ease);}
.section-more:hover{opacity:.7;}

/* ---------- 内容矩阵 ---------- */
.matrix{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;}
.m-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px;display:flex;flex-direction:column;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);}
.m-card:hover{border-color:var(--ink);box-shadow:var(--shadow-hover);transform:translateY(-2px);}
.m-lg{grid-column:span 6;min-height:236px;}
.m-sm{grid-column:span 3;min-height:196px;}
.m-icon{width:38px;height:38px;border-radius:var(--r-card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:20px;}
.m-title{font-family:var(--serif);font-size:20px;font-weight:800;margin-bottom:10px;}
.m-desc{font-size:14px;color:var(--gray);line-height:1.8;flex:1 1 auto;}
.m-link{margin-top:20px;font-size:14px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:6px;}
.m-link .arrow{transition:transform .22s var(--ease);}
.m-card:hover .m-link .arrow{transform:translateX(4px);}

/* ---------- 数据看板 ---------- */
.kpi-band{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.kpi-item{padding:40px 32px;position:relative;}
.kpi-item + .kpi-item::before{content:"";position:absolute;left:0;top:40px;bottom:40px;width:1px;background:var(--line);}
.kpi-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1;letter-spacing:-.02em;}
.kpi-unit{font-family:var(--mono);font-size:12px;color:var(--gray);margin-left:6px;vertical-align:super;}
.kpi-label{margin-top:14px;font-size:14px;color:var(--gray);}
.ticker-wrap{margin-top:34px;border-top:1px solid var(--line);overflow:hidden;position:relative;padding:14px 0;}
.ticker{display:flex;gap:48px;white-space:nowrap;animation:tickerMove 60s linear infinite;font-family:var(--mono);font-size:13px;color:var(--gray);}
.ticker span b{color:var(--brand);font-weight:700;}
@keyframes tickerMove{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---------- 更新排期 ---------- */
.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:1px solid var(--line);}
.sched-col{border-right:1px solid var(--line);padding:0 14px 18px;}
.sched-col:last-child{border-right:0;}
.sched-day{padding:16px 0 12px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:4px;}
.sched-day span{font-family:var(--mono);font-size:12px;color:var(--gray);font-weight:400;}
.sched-item{display:block;padding:14px 0;border-bottom:1px dashed var(--line);transition:color .2s var(--ease);}
.sched-item:last-child{border-bottom:0;}
.sched-item .t{display:block;font-family:var(--mono);font-size:14px;font-weight:700;color:var(--brand);}
.sched-item .n{display:block;font-size:14px;margin:4px 0 6px;line-height:1.5;}
.sched-item .d{display:block;font-family:var(--mono);font-size:12px;color:var(--gray);}
.sched-item:hover{color:var(--brand-deep);}
.sched-item:hover .n{text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:4px;}

/* ---------- 流程 ---------- */
.steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative;}
.steps::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line);}
.step{position:relative;padding:0 22px 0 0;}
.step::before{content:"";position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);}
.step:first-child::before{background:var(--brand);border-color:var(--brand);}
.step-num{display:block;font-family:var(--mono);font-size:13px;color:var(--brand);font-weight:700;margin:34px 0 12px;}
.step-title{font-family:var(--serif);font-size:18px;font-weight:800;margin-bottom:8px;}
.step-desc{font-size:14px;color:var(--gray);line-height:1.8;}

/* ---------- 精选专题 ---------- */
.feature{display:grid;grid-template-columns:7fr 5fr;gap:24px;}
.feature-main{position:relative;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--card);}
.feature-media{overflow:hidden;}
.feature-media img{width:100%;height:340px;object-fit:cover;transition:transform .4s var(--ease);}
.feature-main:hover .feature-media img{transform:scale(1.03);}
.feature-body{padding:26px 28px 30px;}
.feature-body h3{font-family:var(--serif);font-size:22px;margin-bottom:10px;}
.feature-body p{font-size:14px;color:var(--gray);line-height:1.8;}
.feature-side{display:flex;flex-direction:column;gap:24px;}
.text-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:24px 26px;flex:1 1 auto;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);}
.text-card:hover{border-color:var(--ink);box-shadow:var(--shadow-hover);transform:translateY(-2px);}
.text-card .meta{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em;margin-bottom:12px;}
.text-card h3{font-size:18px;font-family:var(--serif);margin-bottom:8px;}
.text-card p{font-size:14px;color:var(--gray);line-height:1.8;}

/* ---------- 分类入口 ---------- */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .22s var(--ease),color .22s var(--ease);}
.cats .cat:nth-child(3n){border-right:0;}
.cats .cat:nth-child(n+4){border-bottom:0;}
.cat-name{font-family:var(--serif);font-size:18px;font-weight:800;}
.cat:hover{background:var(--card);}
.cat:hover .cat-name{color:var(--brand);}
.cat-count{font-family:var(--mono);font-size:13px;color:var(--gray);white-space:nowrap;}
.cat:hover .cat-count{color:var(--accent);}

/* ---------- 案例墙 ---------- */
.wall{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.wall-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);}
.wall-item:nth-child(2n){transform:translateY(26px);}
.wall-item:hover{border-color:var(--ink);box-shadow:var(--shadow-hover);}
.wall-item:hover .wall-title{text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:4px;}
.wall-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--paper);}
.wall-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.wall-item:hover .wall-media img{transform:scale(1.03);}
.wall-dur{position:absolute;right:10px;bottom:10px;background:rgba(20,19,18,.78);color:#fff;font-family:var(--mono);font-size:12px;padding:3px 8px;border-radius:999px;}
.wall-body{padding:16px 16px 18px;}
.wall-title{font-size:15px;font-weight:700;line-height:1.6;margin-bottom:10px;}
.wall-meta{font-family:var(--mono);font-size:12px;color:var(--gray);display:flex;gap:12px;}

/* ---------- 资讯列表 ---------- */
.news{display:grid;grid-template-columns:280px 1fr;gap:56px;}
.news-aside{position:sticky;top:120px;align-self:start;}
.news-row{display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:color .2s var(--ease);}
.news-row:first-child{border-top:1px solid var(--line);}
.news-date{font-family:var(--mono);font-size:13px;color:var(--gray);}
.news-title{font-size:16px;font-weight:700;line-height:1.6;}
.news-cat{font-family:var(--mono);font-size:12px;color:var(--accent);white-space:nowrap;}
.news-row:hover .news-title{color:var(--brand);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:4px;}

/* ---------- 观看指南 ---------- */
.guide{display:grid;grid-template-columns:1fr 2fr;gap:56px;}
.guide-left p{color:var(--gray);font-size:15px;margin-top:16px;line-height:1.85;}
.guide-items{display:flex;flex-direction:column;}
.guide-item{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line);}
.guide-item:last-child{border-bottom:1px solid var(--line);}
.guide-num{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--brand);line-height:1.2;}
.guide-item h3{font-size:17px;margin-bottom:8px;}
.guide-item p{font-size:14px;color:var(--gray);line-height:1.85;}

/* ---------- 合作伙伴 ---------- */
.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.partner{padding:32px 16px;text-align:center;border-right:1px solid var(--line);font-size:14px;color:#A9A29A;filter:grayscale(1);transition:color .22s var(--ease),filter .22s var(--ease);}
.partner:last-child{border-right:0;}
.partner:hover{color:var(--brand);filter:grayscale(0);}
.partner small{display:block;font-family:var(--mono);font-size:11px;color:#BDB6AD;margin-top:6px;}

/* ---------- FAQ ---------- */
.faq .accordion-item{background:transparent;border:0;border-top:1px solid var(--line);}
.faq .accordion-item:last-child{border-bottom:1px solid var(--line);}
.faq .accordion-header{margin:0;}
.faq .accordion-button{background:transparent;box-shadow:none;padding:24px 44px 24px 0;font-size:17px;font-weight:700;color:var(--ink);border-radius:0;position:relative;}
.faq .accordion-button:not(.collapsed){color:var(--ink);}
.faq .accordion-button:not(.collapsed)::before{content:"";position:absolute;left:-18px;top:24px;bottom:24px;width:2px;background:var(--brand);}
.faq .accordion-button::after{content:"+";background-image:none;font-family:var(--mono);font-size:20px;font-weight:400;color:var(--brand);width:auto;height:auto;display:flex;align-items:center;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);}
.faq .accordion-button:not(.collapsed)::after{content:"−";}
.faq .accordion-button:focus{box-shadow:none;outline:2px solid var(--brand);outline-offset:-2px;}
.faq .accordion-body{padding:0 40px 26px 0;color:var(--gray);font-size:15px;line-height:1.9;}

/* ---------- 保障条 ---------- */
.assure{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.assure-item{padding:34px 30px;display:flex;gap:18px;align-items:flex-start;position:relative;}
.assure-item + .assure-item::before{content:"";position:absolute;left:0;top:34px;bottom:34px;width:1px;background:var(--line);}
.assure-icon{color:var(--brand);flex:0 0 auto;}
.assure-item h3{font-size:16px;margin-bottom:8px;}
.assure-item p{font-size:14px;color:var(--gray);line-height:1.8;}

/* ---------- 订阅 CTA ---------- */
.cta{background:var(--ink);color:#fff;border-top:1px solid var(--line);}
.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:76px 0;}
.cta h2{font-family:var(--serif);font-size:30px;color:#fff;margin-bottom:16px;}
.cta p{color:#BDB6AD;font-size:15px;line-height:1.85;}
.sub-form{display:flex;flex-direction:column;gap:18px;}
.sub-field{display:flex;flex-direction:column;gap:8px;}
.sub-field label{font-size:13px;color:#A9A29A;}
.sub-field input{background:transparent;border:0;border-bottom:1px solid rgba(237,231,222,.4);padding:12px 2px;color:#fff;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.sub-field input::placeholder{color:#807A73;}
.sub-field input:focus{border-bottom:2px solid var(--brand);}
.sub-note{font-size:13px;color:#8C857D;}
.sub-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--ink);color:#BDB6AD;font-size:14px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:0;padding:66px 0 44px;}
.footer-col{padding:0 30px;position:relative;}
.footer-col:first-child{padding-left:0;}
.footer-col:last-child{padding-right:0;}
.footer-col + .footer-col::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:rgba(237,231,222,.16);}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.footer-brand .brand-mark{background:var(--brand);}
.footer-brand .brand-mark::before{border-bottom-color:var(--brand);}
.footer-brand strong{font-family:var(--serif);font-size:22px;color:#fff;font-weight:900;}
.footer-col p{line-height:1.85;color:#948D85;}
.footer-col h3{font-size:14px;color:#fff;letter-spacing:.08em;margin-bottom:18px;}
.footer-list li{margin-bottom:12px;}
.footer-list a{color:#BDB6AD;transition:color .2s var(--ease);}
.footer-list a:hover{color:var(--glow);}
.footer-bottom{border-top:1px solid rgba(237,231,222,.16);padding:22px 0;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:13px;color:#807A73;}
.footer-bottom span.mono{font-family:var(--mono);}

/* ---------- 入场动效 ---------- */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .48s var(--ease),transform .48s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
  .hero-inner{grid-template-columns:1.1fr .9fr;gap:40px;padding-top:64px;padding-bottom:64px;min-height:auto;}
  .hero h1{font-size:36px;}
  .m-lg{grid-column:span 6;}
  .m-sm{grid-column:span 3;}
  .wall{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:991px){
  :root{--pad:64px;}
  .brand-name{font-size:40px;}
  .masthead .container{padding-top:20px;padding-bottom:14px;}
  .search-box input{width:110px;}
  .hero-inner{grid-template-columns:1fr;gap:32px;}
  .hero h1{font-size:32px;}
  .hero-panel{max-width:560px;}
  .m-lg,.m-sm{grid-column:span 6;}
  .kpi-grid{grid-template-columns:repeat(2,1fr);}
  .kpi-item:nth-child(2n)::before{display:none;}
  .kpi-item:nth-child(3)::before,.kpi-item:nth-child(4)::before{display:none;}
  .kpi-item:nth-child(n+3){border-top:1px solid var(--line);}
  .schedule-grid{grid-template-columns:repeat(2,1fr);}
  .sched-col{border-bottom:1px solid var(--line);}
  .sched-col:nth-child(2n){border-right:0;}
  .steps{grid-template-columns:1fr;padding-left:22px;}
  .steps::before{left:5px;right:auto;top:8px;bottom:8px;width:1px;height:auto;}
  .step{padding:0 0 30px 0;}
  .step::before{left:-22px;top:6px;}
  .step-num{margin:0 0 10px;}
  .feature{grid-template-columns:1fr;}
  .feature-media img{height:260px;}
  .cats{grid-template-columns:repeat(2,1fr);}
  .cats .cat:nth-child(3n){border-right:1px solid var(--line);}
  .cats .cat:nth-child(2n){border-right:0;}
  .cats .cat:nth-child(n+4){border-bottom:1px solid var(--line);}
  .cats .cat:nth-child(n+5){border-bottom:0;}
  .wall{grid-template-columns:repeat(2,1fr);}
  .wall-item:nth-child(2n){transform:none;}
  .news{grid-template-columns:1fr;gap:28px;}
  .news-aside{position:static;}
  .guide{grid-template-columns:1fr;gap:28px;}
  .partners{grid-template-columns:repeat(3,1fr);}
  .partner:nth-child(3n){border-right:0;}
  .partner:nth-child(n+4){border-top:1px solid var(--line);}
  .assure{grid-template-columns:1fr;}
  .assure-item + .assure-item::before{left:30px;right:30px;top:0;bottom:auto;width:auto;height:1px;}
  .cta-inner{grid-template-columns:1fr;gap:36px;padding:56px 0;}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:36px 0;}
  .footer-col:nth-child(3){padding-left:0;}
  .footer-col:nth-child(3)::before{display:none;}
  .footer-col:nth-child(4){padding-right:0;}
}
@media (max-width:575px){
  :root{--pad:48px;}
  .container{padding:0 18px;}
  .topbar .container{height:auto;padding:8px 18px;flex-wrap:wrap;}
  .topbar-right{display:none;}
  .brand-name{font-size:28px;}
  .brand-sub{font-size:11px;letter-spacing:.1em;}
  .masthead .container{flex-direction:column;align-items:flex-start;gap:16px;}
  .masthead-actions{width:100%;}
  .search-box{flex:1 1 auto;}
  .search-box input{width:100%;}
  .channel-link{padding:12px 14px 14px;font-size:14px;}
  .channel-link::after{left:14px;right:14px;}
  .hero h1{font-size:26px;}
  .hero-lead{font-size:15px;}
  .btn{width:100%;justify-content:center;}
  .section-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px;}
  .section-title{font-size:22px;}
  .m-lg,.m-sm{grid-column:span 12;}
  .kpi-grid{grid-template-columns:1fr;}
  .kpi-item{padding:28px 0;}
  .kpi-item + .kpi-item::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;}
  .kpi-item:nth-child(n+2){border-top:0;}
  .kpi-num{font-size:38px;}
  .schedule-grid{grid-template-columns:1fr;}
  .sched-col{border-right:0;padding:0 0 12px;}
  .cats{grid-template-columns:1fr;}
  .cat{border-right:0 !important;border-bottom:1px solid var(--line) !important;}
  .cat:last-child{border-bottom:0 !important;}
  .wall{grid-template-columns:1fr;}
  .news-row{grid-template-columns:1fr;gap:6px;padding:18px 0;}
  .guide-item{grid-template-columns:44px 1fr;gap:14px;}
  .partners{grid-template-columns:repeat(2,1fr);}
  .partner:nth-child(2n){border-right:0;}
  .partner:nth-child(3n){border-right:1px solid var(--line);}
  .partner:nth-child(n+3){border-top:1px solid var(--line);}
  .assure-item{padding:26px 0;flex-direction:column;gap:12px;}
  .cta h2{font-size:24px;}
  .footer-grid{grid-template-columns:1fr;padding:48px 0 32px;}
  .footer-col{padding:0 !important;}
  .footer-col + .footer-col::before{display:none;}
  .footer-col{padding-top:28px !important;border-top:1px solid rgba(237,231,222,.16);margin-top:28px;}
  .footer-col:first-child{padding-top:0 !important;border-top:0;margin-top:0;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;}
  .reveal{opacity:1;transform:none;}
}

/* roulang page: category1 */
:root{
  --brand:#F2622E;
  --brand-deep:#D4491A;
  --accent:#12B39A;
  --glow:#E8FF59;
  --ink:#141312;
  --gray:#6B6660;
  --line:#E4DED4;
  --paper:#FAF7F2;
  --card:#FFFFFF;
  --r-card:4px;
  --r-btn:3px;
  --shadow-hover:0 8px 24px rgba(20,19,18,.08);
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --pad:96px;
  --ease:cubic-bezier(.2,.7,.3,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--brand);}
button,input,select{font-family:inherit;font-size:inherit;color:inherit;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3{font-family:var(--serif);font-weight:900;line-height:1.28;margin:0;}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;}

/* ============ 顶部信息条 ============ */
.topbar{background:var(--ink);color:#EDE7DE;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:32px;gap:16px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar-left span{color:#C9C1B7;}
.topbar-right{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-variant-numeric:tabular-nums;flex:0 0 auto;}
.topbar-right .sep{width:1px;height:14px;background:rgba(237,231,222,.35);}
.topbar-right a{color:#EDE7DE;border-bottom:1px solid rgba(237,231,222,.4);}
.topbar-right a:hover{color:var(--glow);border-color:var(--glow);}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--glow);display:inline-block;flex:0 0 auto;animation:breathe 2s ease-in-out infinite;}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}

/* ============ 刊头 ============ */
.site-header{position:sticky;top:0;z-index:1030;background:var(--paper);transition:box-shadow .25s var(--ease);}
.site-header.is-stuck{box-shadow:0 1px 0 var(--line);}
.site-header.is-stuck .topbar{display:none;}
.masthead .container{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:26px;padding-bottom:18px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{width:12px;height:12px;border-radius:50%;background:var(--brand);position:relative;flex:0 0 auto;}
.brand-mark::before{content:"";position:absolute;left:1px;top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--brand);}
.brand-text{display:flex;flex-direction:column;}
.brand-name{font-family:var(--serif);font-weight:900;font-size:56px;line-height:1;letter-spacing:-.01em;}
.brand-sub{font-size:13px;color:var(--gray);letter-spacing:.14em;margin-top:6px;}
.masthead-actions{display:flex;align-items:center;gap:18px;}
.search-box{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:6px 2px;}
.search-box svg{flex:0 0 auto;color:var(--gray);}
.search-box input{border:0;background:transparent;outline:none;width:150px;font-size:14px;}
.search-box input::placeholder{color:#A9A29A;}
.search-box:focus-within{border-color:var(--brand);}
.btn-sub{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;background:var(--brand);color:#fff;border:0;border-radius:var(--r-btn);font-weight:700;font-size:14px;transition:background .22s var(--ease),transform .22s var(--ease);}
.btn-sub:hover{background:var(--brand-deep);transform:translateY(-1px);color:#fff;}
.channel-bar{border-top:1px solid var(--line);}
.channel-bar .container{padding:0 24px;}
.channel-list{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;}
.channel-list::-webkit-scrollbar{display:none;}
.channel-item{display:flex;align-items:center;flex:0 0 auto;}
.channel-item + .channel-item::before{content:"";width:1px;height:18px;background:var(--line);display:block;}
.channel-link{display:inline-flex;align-items:center;height:48px;padding:0 20px;font-size:15px;font-weight:500;color:var(--ink);border-bottom:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease);}
.channel-link:hover{color:var(--brand);border-bottom-color:var(--line);}
.channel-link.active{color:var(--brand);font-weight:700;border-bottom-color:var(--brand);}

/* ============ 通用按钮 ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 28px;border-radius:var(--r-btn);font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);}
.btn .arrow{transition:transform .22s var(--ease);}
.btn:hover .arrow{transform:translateX(4px);}
.btn-brand{background:var(--brand);color:#fff;}
.btn-brand:hover{background:var(--brand-deep);color:#fff;transform:translateY(-1px);}
.btn-ink{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-ink:hover{background:var(--ink);color:#fff;transform:translateY(-1px);}
.btn-outline-brand{background:transparent;color:var(--brand);border-color:var(--brand);}
.btn-outline-brand:hover{background:var(--brand);color:#fff;transform:translateY(-1px);}

/* ============ 分类刊头 ============ */
.cat-head{padding:44px 0;border-bottom:1px solid var(--line);}
.cat-head .row{align-items:flex-end;}
.crumb{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--gray);letter-spacing:.06em;margin-bottom:18px;flex-wrap:wrap;}
.crumb a{border-bottom:1px solid transparent;}
.crumb a:hover{color:var(--brand);border-bottom-color:var(--brand);}
.crumb .sep{width:1px;height:12px;background:var(--line);display:inline-block;}
.crumb .cur{color:var(--ink);}
.cat-head h1{font-size:40px;margin-bottom:14px;letter-spacing:-.005em;}
.cat-head .cat-desc{max-width:44em;color:var(--gray);font-size:16px;}
.cat-count{border-left:1px solid var(--line);padding-left:26px;}
.cat-count .num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1;display:flex;align-items:baseline;gap:6px;}
.cat-count .num em{font-style:normal;font-size:12px;color:var(--gray);font-weight:500;}
.cat-count .meta{font-size:13px;color:var(--gray);margin-top:10px;line-height:1.7;}
.cat-count .meta b{font-family:var(--mono);color:var(--ink);font-weight:700;}

/* ============ 筛选条 ============ */
.filter-bar{border-bottom:1px solid var(--line);background:var(--card);}
.filter-bar .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;}
.pill-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--gray);background:transparent;cursor:pointer;transition:all .2s var(--ease);}
.pill:hover{border-color:var(--ink);color:var(--ink);}
.pill.is-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;}
.pill .n{font-family:var(--mono);font-size:12px;opacity:.8;}
.sort-wrap{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray);}
.sort-wrap select{appearance:none;border:0;border-bottom:1px solid var(--line);background:transparent;padding:6px 22px 6px 2px;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--gray) 50%),linear-gradient(135deg,var(--gray) 50%,transparent 50%);background-position:calc(100% - 10px) 14px,calc(100% - 5px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
.sort-wrap select:focus{border-color:var(--brand);outline:none;}

/* ============ 板块通用 ============ */
.section{padding:var(--pad) 0;border-bottom:1px solid var(--line);}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap;}
.section-head h2{font-size:30px;letter-spacing:-.005em;}
.section-head .sub{color:var(--gray);font-size:14px;margin-top:10px;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--brand);text-transform:uppercase;margin-bottom:14px;}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--brand);}
.link-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--brand);padding-bottom:2px;}

/* ============ 视频卡片 ============ */
.card-grid a.video-card{display:block;height:100%;}
.video-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease);}
.video-card:hover{border-color:var(--ink);box-shadow:var(--shadow-hover);transform:translateY(-2px);}
.cover-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#F1ECE4;}
.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.video-card:hover .cover-wrap img{transform:scale(1.03);}
.duration{position:absolute;right:10px;bottom:10px;background:rgba(20,19,18,.86);color:#fff;font-family:var(--mono);font-size:12px;padding:2px 8px;border-radius:2px;letter-spacing:.04em;}
.badge-live{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;background:var(--glow);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:999px;}
.badge-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink);animation:breathe 2s ease-in-out infinite;}
.card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1;}
.card-title{font-family:var(--serif);font-weight:800;font-size:18px;line-height:1.45;}
.video-card:hover .card-title{color:var(--brand);}
.card-meta{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--gray);margin-top:auto;flex-wrap:wrap;}
.card-meta .sep{width:1px;height:12px;background:var(--line);}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:999px;background:rgba(18,179,154,.12);color:#0E8E7B;font-size:12px;font-weight:500;letter-spacing:.02em;}
.tag.warm{background:rgba(242,98,46,.1);color:var(--brand-deep);}
.list-foot{display:flex;justify-content:center;margin-top:44px;}

/* ============ 编辑推荐 ============ */
.pick-lead{position:relative;display:block;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--card);height:100%;transition:border-color .24s var(--ease),box-shadow .24s var(--ease);}
.pick-lead:hover{border-color:var(--ink);box-shadow:var(--shadow-hover);}
.pick-lead .cover-wrap{aspect-ratio:16/9;}
.pick-lead .pick-txt{padding:22px 24px 26px;}
.pick-lead h3{font-size:22px;margin-bottom:10px;}
.pick-lead p{color:var(--gray);font-size:14px;}
.pick-side{display:flex;flex-direction:column;gap:24px;height:100%;}
.pick-mini{display:flex;gap:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);overflow:hidden;flex:1;transition:border-color .24s var(--ease),box-shadow .24s var(--ease);}
.pick-mini:hover{border-color:var(--ink);box-shadow:var(--shadow-hover);}
.pick-mini .thumb{width:150px;flex:0 0 150px;overflow:hidden;background:#F1ECE4;}
.pick-mini .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.pick-mini:hover .thumb img{transform:scale(1.03);}
.pick-mini .txt{padding:18px 18px 18px 0;}
.pick-mini h3{font-size:17px;margin-bottom:8px;line-height:1.45;}
.pick-mini .card-meta{padding-top:6px;}

/* ============ 观看指南 ============ */
.guide-item{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line);}
.guide-item:last-child{border-bottom:1px solid var(--line);}
.guide-num{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--brand);flex:0 0 42px;line-height:1.4;}
.guide-item h3{font-size:18px;margin-bottom:8px;}
.guide-item p{color:var(--gray);font-size:14.5px;}
.guide-intro{color:var(--gray);font-size:15px;max-width:30em;}

/* ============ FAQ ============ */
.faq .accordion-item{background:transparent;border:0;border-top:1px solid var(--line);}
.faq .accordion-item:last-child{border-bottom:1px solid var(--line);}
.faq .accordion-button{position:relative;background:transparent;border:0;box-shadow:none;padding:22px 46px 22px 0;font-family:var(--serif);font-weight:800;font-size:17px;line-height:1.5;color:var(--ink);border-radius:0;}
.faq .accordion-button:not(.collapsed){color:var(--brand);background:transparent;box-shadow:none;}
.faq .accordion-button:focus{box-shadow:none;outline:none;}
.faq .accordion-button::after{display:none;}
.faq .accordion-button::before{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:22px;font-weight:400;color:var(--gray);}
.faq .accordion-button:not(.collapsed)::before{content:"−";color:var(--brand);}
.faq .accordion-body{padding:0 0 24px 18px;border-left:2px solid var(--brand);color:var(--gray);font-size:15px;}

/* ============ 栏目入口 ============ */
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);}
.entry-item{display:flex;flex-direction:column;gap:8px;padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);transition:background .22s var(--ease);}
.entry-item:hover{background:#FDF9F4;}
.entry-item:hover .entry-name{color:var(--brand);}
.entry-name{font-family:var(--serif);font-weight:800;font-size:19px;transition:color .2s var(--ease);}
.entry-desc{font-size:13.5px;color:var(--gray);}
.entry-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent);letter-spacing:.04em;}

/* ============ 底部 CTA 条 ============ */
.cta-band{background:var(--ink);color:#EDE7DE;}
.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:34px;padding-bottom:34px;flex-wrap:wrap;}
.cta-band h2{font-size:24px;color:#fff;margin-bottom:8px;}
.cta-band p{color:#C9C1B7;font-size:14.5px;}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;}
.cta-band .btn-ink{color:#EDE7DE;border-color:rgba(237,231,222,.5);}
.cta-band .btn-ink:hover{background:#EDE7DE;color:var(--ink);border-color:#EDE7DE;}

/* ============ 页脚 ============ */
.site-footer{background:var(--ink);color:#D8D2C9;}
.site-footer .container{padding-top:64px;padding-bottom:28px;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;}
.footer-col{padding:0 28px;border-left:1px solid rgba(237,231,222,.18);}
.footer-col:first-child{border-left:0;padding-left:0;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.footer-brand strong{font-family:var(--serif);font-size:22px;color:#fff;font-weight:900;}
.site-footer p{font-size:14px;line-height:1.85;color:#A9A29A;}
.footer-col h3{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.14em;color:#fff;margin-bottom:18px;font-family:var(--mono);}
.footer-list li{margin-bottom:10px;}
.footer-list a{font-size:14px;color:#C9C1B7;border-bottom:1px solid transparent;padding-bottom:1px;}
.footer-list a:hover{color:var(--glow);border-bottom-color:var(--glow);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:52px;padding-top:22px;border-top:1px solid rgba(237,231,222,.18);font-size:13px;color:#8C8680;flex-wrap:wrap;}

/* ============ 入场动效 ============ */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .48s var(--ease),transform .48s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}

/* ============ 响应式 ============ */
@media (max-width:1199.98px){
  :root{--pad:72px;}
  .brand-name{font-size:44px;}
  .cat-head h1{font-size:34px;}
  .cat-count .num{font-size:34px;}
}
@media (max-width:991.98px){
  :root{--pad:64px;}
  .masthead .container{padding-top:20px;padding-bottom:14px;gap:20px;}
  .brand-name{font-size:36px;}
  .brand-sub{font-size:12px;letter-spacing:.1em;}
  .search-box input{width:120px;}
  .cat-count{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px;margin-top:26px;}
  .cat-count .num{font-size:30px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 0;}
  .footer-col:nth-child(3){border-left:0;padding-left:0;}
  .footer-col{padding:0 20px;}
  .entry-grid{grid-template-columns:repeat(2,1fr);}
  .pick-side{margin-top:24px;}
  .pick-mini .thumb{width:130px;flex:0 0 130px;}
}
@media (max-width:767.98px){
  :root{--pad:48px;}
  .container{padding:0 18px;}
  .topbar-left span:last-child{display:none;}
  .topbar-right span:first-child{display:none;}
  .masthead .container{flex-direction:column;align-items:flex-start;gap:16px;}
  .masthead-actions{width:100%;justify-content:space-between;}
  .brand-name{font-size:28px;}
  .brand-sub{display:none;}
  .channel-link{height:44px;padding:0 14px;font-size:14px;}
  .cat-head{padding:32px 0;}
  .cat-head h1{font-size:27px;}
  .section-head h2{font-size:23px;}
  .section-head{margin-bottom:28px;}
  .filter-bar .container{gap:12px;}
  .pill{height:34px;padding:0 14px;font-size:13px;}
  .sort-wrap{width:100%;justify-content:space-between;}
  .guide-num{flex:0 0 32px;font-size:19px;}
  .footer-grid{grid-template-columns:1fr;gap:0;}
  .footer-col{border-left:0;padding:26px 0;border-top:1px solid rgba(237,231,222,.18);}
  .footer-col:first-child{border-top:0;padding-top:0;}
  .site-footer .container{padding-top:44px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px;}
  .cta-band .container{padding-top:26px;padding-bottom:26px;}
  .cta-band h2{font-size:20px;}
  .entry-grid{grid-template-columns:1fr;}
  .pick-mini{flex-direction:column;}
  .pick-mini .thumb{width:100%;flex:0 0 auto;aspect-ratio:16/10;}
  .pick-mini .txt{padding:16px 18px 20px;}
}
@media (max-width:575.98px){
  .video-card .card-title{font-size:16.5px;}
  .cat-count .num{font-size:26px;}
  .btn{width:100%;}
  .cta-actions{width:100%;}
  .list-foot .btn{width:auto;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  .reveal{opacity:1;transform:none;}
  html{scroll-behavior:auto;}
}

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}
