/* roulang page: index */
:root{
      --orange:#ee7628;--orange-dark:#c95718;--gold:#ffb84d;--ink:#25221f;
      --muted:#766e67;--cream:#fffaf4;--paper:#ffffff;--soft:#f5eee7;
      --line:#eadfd5;--berry:#88485a;--teal:#2f7771;--radius:18px;
      --shadow:0 14px 36px rgba(62,39,22,.09);--shadow-hover:0 20px 42px rgba(62,39,22,.15)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px}
    .topbar{position:sticky;top:0;z-index:20;background:rgba(255,250,244,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(234,223,213,.8)}
    .navbar{padding:14px 0}
    .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.5px}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 7px 15px rgba(238,118,40,.25)}
    .nav-link{color:#655c54!important;font-size:14px;font-weight:600;padding:10px 14px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--orange)!important;background:#fff0e5}
    .nav-search{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:30px;padding:3px 5px 3px 14px}
    .nav-search input{border:0;outline:0;width:120px;color:var(--ink);background:transparent;font-size:13px}
    .search-btn{border:0;background:var(--ink);color:#fff;border-radius:22px;padding:7px 13px;font-size:13px}
    .navbar-toggler{border:1px solid var(--line);padding:8px 10px}
    .hero{padding:74px 0 86px;background:linear-gradient(100deg,#fffaf4 0%,#fff5e9 55%,#f5e6d7 100%);overflow:hidden}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange-dark);font-size:13px;font-weight:800;letter-spacing:.05em;margin-bottom:18px}
    .eyebrow:before{content:"";width:26px;height:3px;border-radius:4px;background:var(--orange)}
    h1,h2,h3{line-height:1.25;font-weight:800;letter-spacing:-.035em}
    h1{font-size:clamp(36px,5vw,64px);max-width:680px;margin:0 0 22px}
    h2{font-size:clamp(27px,3vw,40px);margin:0 0 14px}
    h3{font-size:20px;margin:0 0 9px}
    .hero-copy{font-size:17px;color:var(--muted);max-width:620px;margin-bottom:28px}
    .btn-brand,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:12px;font-size:14px;font-weight:800;border:1px solid transparent}
    .btn-brand{background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(238,118,40,.2)}
    .btn-brand:hover{background:var(--orange-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(238,118,40,.3)}
    .btn-ghost{border-color:#d6c5b6;color:var(--ink);background:rgba(255,255,255,.45)}
    .btn-ghost:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
    .hero-feature{position:relative;min-height:410px;border-radius:28px;overflow:hidden;background:url('/assets/images/17a1daed17dcc647.jpg') center/cover;box-shadow:var(--shadow)}
    .hero-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(25,19,15,.85))}
    .feature-info{position:absolute;z-index:1;bottom:26px;left:28px;right:28px;color:#fff}
    .feature-info h2{font-size:28px;margin-bottom:8px}
    .play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:21px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
    .hero-play{position:absolute;z-index:2;top:26px;right:26px}
    .meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px}
    .dark-meta{color:rgba(255,255,255,.72)}
    .tag{display:inline-flex;align-items:center;border-radius:30px;padding:4px 10px;background:#fff0e5;color:var(--orange-dark);font-size:12px;font-weight:700}
    .tag.dark{background:rgba(255,255,255,.15);color:#fff}
    section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
    .section-head p{max-width:620px;color:var(--muted);margin:0;font-size:15px}
    .section-link{color:var(--orange-dark);font-size:14px;font-weight:800;white-space:nowrap}
    .section-link:hover{color:var(--ink)}
    .soft-section{background:var(--soft)}
    .feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:14px}
    .feature-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:180px;transition:.25s}
    .feature-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .icon-box{width:42px;height:42px;border-radius:12px;background:#fff0e5;color:var(--orange);display:grid;place-items:center;font-size:21px;margin-bottom:20px}
    .feature-tile p,.scene-card p,.info-card p{font-size:13px;color:var(--muted);margin:0}
    .scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .scene-card{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);position:relative}
    .scene-num{font-size:38px;color:#f1d8c2;font-weight:900;line-height:1;margin-bottom:20px}
    .content-board{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}
    .video-main{min-height:410px;border-radius:22px;overflow:hidden;position:relative;background:url('/assets/images/f0a5d80108c02c4a.jpg') center/cover}
    .video-main:after,.mini-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(20,15,10,.82))}
    .video-label{position:absolute;top:20px;left:20px;z-index:2}
    .video-caption{position:absolute;z-index:2;bottom:22px;left:24px;right:24px;color:#fff}
    .video-caption h3{font-size:26px}
    .mini-list{display:grid;gap:18px}
    .mini-card{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:center}
    .mini-cover{height:94px;border-radius:14px;position:relative;background-size:cover;background-position:center;overflow:hidden}
    .mini-cover .play{position:absolute;z-index:2;bottom:10px;left:10px;width:30px;height:30px;font-size:12px}
    .mini-card h3{font-size:16px}
    .mini-card .meta{font-size:11px}
    .stage{background:#2b2724;color:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow)}
    .screen{height:300px;border-radius:15px;background:url('/assets/images/98fd00130b5dd88b.jpg') center/cover;position:relative;overflow:hidden}
    .screen:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,15,10,.8),transparent 55%)}
    .screen .play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}
    .controlbar{position:absolute;z-index:2;bottom:16px;left:18px;right:18px;display:flex;align-items:center;gap:12px}
    .progress{height:4px;background:var(--orange);flex:1;border-radius:4px}
    .stage-note{display:flex;justify-content:space-between;color:#cfc5bc;font-size:13px;margin-top:16px}
    .topic-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}
    .topic-card{min-height:220px;border-radius:20px;overflow:hidden;position:relative;background-size:cover;background-position:center;color:#fff}
    .topic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(27,18,12,.8),transparent 65%)}
    .topic-card div{position:absolute;z-index:1;left:20px;right:20px;bottom:18px}
    .topic-card h3{font-size:21px}
    .topic-card p{font-size:12px;margin:0;color:#f2e7dd}
    .editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:stretch}
    .editorial-note{background:var(--berry);color:#fff;border-radius:22px;padding:34px}
    .editorial-note p{color:#f4dfe3;font-size:14px}
    .quote-mark{font-size:54px;color:#f4a17e;line-height:1}
    .level-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .level{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
    .level.featured{border:2px solid var(--orange);padding:23px}
    .level-label{font-size:13px;color:var(--orange-dark);font-weight:800}
    .level h3{margin-top:8px}
    .level ul{padding:0;margin:16px 0 0;list-style:none;color:var(--muted);font-size:13px}
    .level li{padding:7px 0;border-bottom:1px dashed var(--line)}
    .feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .feedback{background:#fff;border-radius:16px;padding:25px;border:1px solid var(--line)}
    .feedback p{font-size:15px;margin:0 0 15px;color:#4f4842}
    .feedback small{color:var(--orange-dark);font-weight:700}
    .preference{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center}
    .preference-copy p{color:var(--muted);font-size:15px}
    .bars{display:grid;gap:15px}
    .bar-line{display:grid;grid-template-columns:100px 1fr 45px;gap:12px;align-items:center;font-size:13px}
    .bar-track{height:9px;background:#eadfd5;border-radius:10px;overflow:hidden}
    .bar-fill{height:100%;border-radius:10px;background:var(--orange)}
    .update-list{border-top:1px solid var(--line)}
    .update-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
    .date{font-size:13px;color:var(--orange-dark);font-weight:800}
    .update-item h3{font-size:17px;margin:0}
    .update-item p{font-size:12px;color:var(--muted);margin:3px 0 0}
    .news-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}
    .news-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}
    .news-image{height:145px;background-size:cover;background-position:center}
    .news-card:first-child .news-image{height:220px}
    .news-body{padding:19px}
    .news-body h3{font-size:18px}
    .news-body p{font-size:13px;color:var(--muted);margin:0}
    .faq .accordion-item{border:1px solid var(--line);margin-bottom:10px;border-radius:13px!important;overflow:hidden;background:#fff}
    .accordion-button{font-weight:700;color:var(--ink);background:#fff;box-shadow:none!important;padding:18px 20px}
    .accordion-button:not(.collapsed){color:var(--orange-dark);background:#fff5eb}
    .accordion-button:after{background-size:14px}
    .accordion-body{font-size:14px;color:var(--muted);padding:0 20px 20px}
    .cta{background:var(--ink);color:#fff;border-radius:24px;padding:48px 55px;display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta p{color:#cfc5bc;margin:8px 0 0;max-width:620px}
    footer{background:#201d1b;color:#d9d0c8;padding:52px 0 24px}
    footer .brand{color:#fff}
    .footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px;padding-bottom:35px;border-bottom:1px solid #423b36}
    .footer-copy{font-size:13px;color:#a9a098;max-width:330px;margin-top:16px}
    .footer-title{font-size:13px;color:#fff;font-weight:800;margin-bottom:13px}
    .footer-links{display:grid;gap:8px;font-size:13px;color:#aaa19a}
    .footer-links a:hover{color:var(--gold)}
    .copyright{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px;color:#8f8780;font-size:12px}
    :focus-visible{outline:3px solid rgba(238,118,40,.4);outline-offset:3px}
    @media(max-width:991px){
      .nav-search{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}
      .content-board,.editorial,.preference{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr 1fr}
      .topic-card:first-child{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:767px){
      section{padding:58px 0}.hero{padding:52px 0 60px}h1{font-size:39px}
      .hero-feature{min-height:330px;margin-top:30px}.section-head{display:block}.section-head p{margin-top:10px}
      .section-link{display:inline-block;margin-top:14px}.feature-grid,.scene-grid,.level-row,.feedback-grid,.news-grid{grid-template-columns:1fr}
      .topic-grid{grid-template-columns:1fr}.topic-card:first-child{grid-column:auto}.topic-card{min-height:190px}
      .update-item{grid-template-columns:1fr;gap:5px}.update-item .btn-ghost{justify-self:start}
      .cta{display:block;padding:34px 25px}.cta .btn-brand{margin-top:22px}.footer-grid{grid-template-columns:1fr;gap:28px}
    }
    @media(max-width:520px){
      .brand{font-size:17px}.brand-mark{width:34px;height:34px}.mini-card{grid-template-columns:110px 1fr}
      .mini-cover{height:78px}.hero-copy{font-size:15px}.screen{height:230px}
      .bar-line{grid-template-columns:75px 1fr 35px;font-size:12px}
    }

/* roulang page: category1 */
:root{
 --orange:#ee7628;--orange-dark:#c95718;--gold:#ffb84d;--ink:#25221f;
 --muted:#766e67;--cream:#fffaf4;--paper:#fff;--soft:#f5eee7;
 --line:#eadfd5;--berry:#88485a;--teal:#2f7771;--radius:18px;
 --shadow:0 14px 36px rgba(62,39,22,.09);--shadow-hover:0 20px 42px rgba(62,39,22,.15)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:1180px}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,250,244,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(234,223,213,.85)}
.navbar{padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.5px}
.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 7px 15px rgba(238,118,40,.25)}
.nav-link{color:#655c54!important;font-size:14px;font-weight:600;padding:10px 14px!important;border-radius:10px}
.nav-link:hover,.nav-link.active{color:var(--orange)!important;background:#fff0e5}
.nav-search{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:30px;padding:3px 5px 3px 14px}
.nav-search input{border:0;outline:0;width:120px;color:var(--ink);background:transparent;font-size:13px}
.search-btn{border:0;background:var(--ink);color:#fff;border-radius:22px;padding:7px 13px;font-size:13px}
.search-btn:hover{background:var(--orange)}
.navbar-toggler{border:1px solid var(--line);padding:8px 10px}
.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(238,118,40,.2)}
.hero{padding:52px 0 42px;background:linear-gradient(100deg,#fffaf4 0%,#fff5e9 56%,#f4e5d6 100%)}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:25px}
.breadcrumb a:hover{color:var(--orange)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange-dark);font-size:13px;font-weight:800;letter-spacing:.04em;margin-bottom:12px}
.eyebrow:before{content:"";width:26px;height:3px;border-radius:4px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(32px,4vw,52px);line-height:1.18;letter-spacing:-1.5px;margin-bottom:15px;font-weight:900}
h2{font-size:clamp(24px,3vw,34px);line-height:1.25;font-weight:850;letter-spacing:-.8px}
h3{font-size:18px;line-height:1.4;font-weight:800}
.hero-copy{font-size:16px;color:var(--muted);max-width:700px;margin:0}
section{padding:76px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.section-head p{max-width:620px;color:var(--muted);margin:0;font-size:15px}
.section-link{color:var(--orange-dark);font-size:14px;font-weight:800;white-space:nowrap}
.section-link:hover{color:var(--ink)}
.soft-section{background:var(--soft)}
.filter-panel{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-wrap:wrap;gap:10px;box-shadow:0 8px 24px rgba(62,39,22,.04)}
.filter-btn{border:1px solid var(--line);background:#fffaf7;color:var(--muted);border-radius:30px;padding:9px 17px;font-size:13px;font-weight:700;cursor:pointer;transition:.25s}
.filter-btn:hover,.filter-btn.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 6px 14px rgba(238,118,40,.18)}
.featured-wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:stretch}
.featured-cover{min-height:360px;border-radius:22px;overflow:hidden;position:relative;background:url('/assets/images/f0a5d80108c02c4a.jpg') center/cover;box-shadow:var(--shadow)}
.featured-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(27,18,12,.85))}
.featured-text{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;color:#fff}
.featured-text h2{font-size:30px;margin:10px 0 8px}
.featured-text p{font-size:14px;color:#f4e7dc;margin-bottom:15px}
.play-button{width:52px;height:52px;border:0;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 18px rgba(0,0,0,.2);transition:.25s}
.play-button:hover{background:var(--gold);color:var(--ink);transform:scale(1.05)}
.featured-cover .play-button{position:absolute;z-index:2;top:25px;right:25px}
.featured-side{display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}
.featured-side h3{font-size:24px;margin-bottom:12px}
.featured-side p{color:var(--muted);font-size:14px}
.meta{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px}
.dark-meta{color:rgba(255,255,255,.75)}
.tag{display:inline-flex;align-items:center;border-radius:30px;padding:4px 10px;background:#fff0e5;color:var(--orange-dark);font-size:12px;font-weight:700}
.tag.dark{background:rgba(255,255,255,.16);color:#fff}
.btn-brand,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:12px;font-size:14px;font-weight:800;border:1px solid transparent}
.btn-brand{background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(238,118,40,.2)}
.btn-brand:hover{background:var(--orange-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(238,118,40,.3)}
.btn-ghost{border-color:#d6c5b6;color:var(--ink);background:rgba(255,255,255,.55)}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.video-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 5px 18px rgba(62,39,22,.035)}
.video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#e7b899}
.cover{height:190px;position:relative;background-size:cover;background-position:center;overflow:hidden}
.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(25,18,13,.72))}
.video-card:hover .cover{background-size:106%}
.cover .play-button{position:absolute;z-index:2;left:18px;bottom:16px;width:40px;height:40px;font-size:15px}
.duration{position:absolute;z-index:2;right:14px;bottom:14px;background:rgba(25,18,13,.7);color:#fff;border-radius:6px;padding:3px 7px;font-size:11px}
.video-body{padding:17px 18px 19px}
.video-body h3{font-size:17px;margin-bottom:8px;min-height:48px}
.video-body .meta{justify-content:space-between}
.more-row{text-align:center;margin-top:30px}
.index-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.index-card,.topic-strip{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}
.index-card h3{margin-bottom:20px}
.index-line{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:13px 0}
.index-line:last-child{border-bottom:0}
.index-date{min-width:58px;color:var(--orange-dark);font-size:12px;font-weight:800}
.index-line strong{font-size:14px}
.status{margin-left:auto;color:var(--teal);font-size:11px;font-weight:800}
.topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.topic-mini{min-height:160px;border-radius:15px;position:relative;overflow:hidden;background-size:cover;background-position:center;color:#fff;padding:18px;display:flex;align-items:end}
.topic-mini:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,19,12,.84),transparent 70%)}
.topic-mini div{position:relative;z-index:1}
.topic-mini h3{font-size:16px;margin-bottom:3px}
.topic-mini p{font-size:12px;margin:0;color:#f5e9e1}
.faq .accordion-item{border:1px solid var(--line);margin-bottom:10px;border-radius:13px!important;overflow:hidden;background:#fff}
.accordion-button{font-weight:700;color:var(--ink);background:#fff;padding:18px 20px}
.accordion-button:not(.collapsed){color:var(--orange-dark);background:#fff5ec;box-shadow:none}
.accordion-button:focus{box-shadow:0 0 0 3px rgba(238,118,40,.18)}
.accordion-button:after{background-size:13px}
.accordion-body{color:var(--muted);font-size:14px;padding:0 20px 19px}
.cta{padding:62px 0;background:var(--ink);color:#fff}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta h2{margin-bottom:8px}
.cta p{color:#cfc5bc;margin:0;font-size:14px}
footer{background:#211e1c;color:#fff;padding:54px 0 20px}
footer .brand{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px;padding-bottom:38px}
.footer-copy{color:#bcb2a9;font-size:13px;max-width:390px;margin:18px 0 0}
.footer-title{font-size:14px;font-weight:800;margin-bottom:14px;color:#fff}
.footer-links{display:grid;gap:9px}
.footer-links a{font-size:13px;color:#bcb2a9}
.footer-links a:hover{color:var(--gold)}
.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#978d85;font-size:12px;display:flex;justify-content:space-between;gap:15px}
@media (max-width:1199px){.container{max-width:94%}.video-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){
 .nav-search{margin-top:14px;max-width:100%}.nav-search input{width:100%}
 .featured-wrap,.index-layout{grid-template-columns:1fr}
 .featured-cover{min-height:330px}.video-grid{grid-template-columns:repeat(2,1fr)}
 .topic-row{grid-template-columns:repeat(3,1fr)}
 .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
}
@media (max-width:767px){
 section{padding:57px 0}.hero{padding:38px 0 34px}
 .section-head{display:block}.section-head p{margin-top:10px}.section-link{display:inline-block;margin-top:13px}
 h1{font-size:35px}.featured-text h2{font-size:24px}
 .video-grid{grid-template-columns:1fr}.cover{height:210px}
 .topic-row{grid-template-columns:1fr}.topic-mini{min-height:140px}
 .cta-box{display:block}.cta .btn-brand{margin-top:22px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}
 .copyright{display:block}.copyright span{display:block;margin-top:5px}
}
@media (max-width:520px){
 .brand{font-size:17px}.brand-mark{width:34px;height:34px}
 .filter-panel{padding:12px}.filter-btn{padding:8px 13px}
 .featured-cover{min-height:300px}.featured-side{padding:21px}
 .index-card,.topic-strip{padding:19px}.index-line{gap:8px}.status{font-size:10px}
 .footer-grid{grid-template-columns:1fr}
}

/* 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}