/* roulang page: index */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.78;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:.22s ease}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--sage);color:var(--pine)}.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.status{font-size:13px;color:var(--muted);padding-right:14px;border-right:1px solid var(--line)}.status i{color:var(--coral);font-size:9px;margin-right:5px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9}.channels{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}.hotline{font-size:12px;color:var(--muted);white-space:nowrap}.hotline b{font-weight:800;color:var(--coral);margin-right:6px}.mobile-menu{display:none}
    .tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2);text-transform:uppercase}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:10px;transition:.23s ease}.btn i{transition:.23s}.btn:hover{transform:translateY(-2px)}.btn:hover i{transform:translateX(4px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-text{padding:9px 0;background:transparent;color:var(--pine);border-radius:0}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,100,69,.3);outline-offset:3px}
    .hero{position:relative;overflow:hidden;min-height:590px;background:var(--pine);color:#fff;background-image:linear-gradient(90deg,rgba(15,47,39,.97) 0%,rgba(18,59,48,.86) 49%,rgba(18,59,48,.57) 100%),url('/assets/images/backpic/back-1.webp');background-position:center;background-size:cover}.hero:after{content:"";position:absolute;inset:auto -10% -34% auto;width:570px;height:570px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.hero-wrap{position:relative;z-index:1;padding-top:65px;padding-bottom:55px}.live-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:65px;align-items:center}.live-label{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.19);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.pulse{width:8px;height:8px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(217,100,69,.16)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.14;letter-spacing:-.07em;margin:19px 0 22px;max-width:760px;font-weight:900}.hero h1 em{font-style:normal;color:#dcebd9}.hero-copy{font-size:17px;line-height:1.95;color:rgba(255,255,255,.82);max-width:680px;margin-bottom:27px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero .btn-text{color:#dcebd9}.hero-points{display:flex;gap:24px;margin-top:35px;flex-wrap:wrap}.hero-points div{padding-left:13px;border-left:1px solid rgba(255,255,255,.29);font-size:12px;color:rgba(255,255,255,.68)}.hero-points b{display:block;color:#fff;font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}.broadcast-card{background:#f7f5ed;color:var(--ink);padding:22px;border-radius:var(--radius-lg);position:relative;box-shadow:0 20px 60px rgba(0,0,0,.18)}.broadcast-image{height:164px;overflow:hidden;border-radius:16px;position:relative}.broadcast-image:after{content:"专题更新";position:absolute;top:12px;left:12px;background:var(--coral);color:#fff;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800}.broadcast-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.broadcast-card:hover img{transform:scale(1.06)}.broadcast-card h3{font-size:21px;line-height:1.35;letter-spacing:-.04em;margin:18px 0 8px}.broadcast-card p{font-size:13px;color:var(--muted);line-height:1.7}.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:14px 0}.countdown span{text-align:center;color:var(--muted);font-size:11px}.countdown b{display:block;font-size:23px;color:var(--pine);font-variant-numeric:tabular-nums;line-height:1.2}.card-link{font-size:13px;color:var(--pine);font-weight:800}.card-link i{margin-left:6px;color:var(--coral)}
    section{padding:82px 0}.section-head{margin-bottom:31px}.section-head h2{font-size:clamp(30px,3.5vw,42px);line-height:1.2;letter-spacing:-.065em;font-weight:900;margin:7px 0 12px;color:var(--ink)}.section-head p{max-width:670px;color:var(--muted);font-size:16px;line-height:1.85;margin:0}.dashboard{padding-top:52px;padding-bottom:54px;background:var(--mist)}.metric-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-height:155px;position:relative;overflow:hidden;transition:.24s}.metric:hover{transform:translateY(-5px);box-shadow:var(--shadow-up)}.metric.major{grid-row:span 2;background:var(--pine);color:#fff;padding:27px}.metric.major:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-110px;bottom:-150px}.metric-name{font-size:13px;color:var(--muted);font-weight:700}.major .metric-name{color:rgba(255,255,255,.65)}.metric-number{font-size:42px;line-height:1.1;font-weight:900;letter-spacing:-.07em;margin:15px 0 7px;font-variant-numeric:tabular-nums}.metric-number small{font-size:15px;letter-spacing:0}.metric-note{font-size:12px;color:var(--muted)}.major .metric-note{color:rgba(255,255,255,.66)}.mini-line{position:absolute;bottom:21px;left:27px;right:27px;height:38px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(154deg,transparent 30%,rgba(190,218,188,.75) 31%,rgba(190,218,188,.75) 34%,transparent 35%),linear-gradient(165deg,transparent 45%,rgba(190,218,188,.75) 46%,rgba(190,218,188,.75) 49%,transparent 50%)}.up{color:#b0d4a8;font-weight:800}.down{color:var(--coral);font-weight:800}.bar{height:6px;background:#e7ece4;border-radius:999px;margin-top:22px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:var(--pine-2)}.source{position:absolute;right:17px;bottom:14px;font-size:10px;color:#8b958e}
    .reading{padding-top:76px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 255px;justify-content:space-between;gap:55px}.longcopy{font-size:17px;line-height:2.05;color:#33413b}.longcopy h3{color:var(--ink);font-size:25px;letter-spacing:-.04em;line-height:1.35;margin:30px 0 12px}.longcopy p{margin-bottom:20px}.lead{font-size:20px;line-height:1.85;color:var(--pine);font-weight:650}.quote{border-left:3px solid var(--coral);background:#faf2ed;padding:17px 20px;margin:26px 0;color:#694233;font-weight:700;line-height:1.9}.number-list{padding:0;margin:23px 0;list-style:none;counter-reset:read}.number-list li{counter-increment:read;padding:13px 0 13px 49px;position:relative;border-bottom:1px solid var(--line)}.number-list li:before{content:"0" counter(read);position:absolute;left:0;top:13px;font-weight:900;color:var(--coral);font-size:18px}.side-index{align-self:start;position:sticky;top:145px;border-left:1px solid var(--line);padding-left:21px}.side-index h4{font-size:13px;letter-spacing:.08em;color:var(--pine);margin:0 0 10px}.side-index a{display:block;padding:8px 0;font-size:13px;color:var(--muted)}.side-index a:hover{color:var(--coral);padding-left:5px}
    .matrix{background:#eef2eb}.matrix-layout{display:grid;grid-template-columns:260px 1fr;gap:34px}.matrix-intro{padding-right:23px;border-right:1px solid #cdd9ce}.matrix-intro h2{font-size:38px;line-height:1.2;letter-spacing:-.065em;margin:9px 0 15px}.matrix-intro p{font-size:15px;color:var(--muted)}.vertical-no{font-size:13px;color:var(--pine-2);font-weight:900;writing-mode:vertical-rl;letter-spacing:.18em;margin-top:31px}.matrix-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.feature-card,.small-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff;transition:.24s}.feature-card:hover,.small-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card{min-height:305px;position:relative;background:var(--pine);color:#fff}.feature-card img{width:100%;height:100%;object-fit:cover;opacity:.48}.feature-card .overlay{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(12,42,34,.92),rgba(12,42,34,.08))}.feature-card h3{font-size:28px;letter-spacing:-.05em;line-height:1.25;margin:10px 0}.feature-card p{font-size:13px;line-height:1.75;color:rgba(255,255,255,.8);margin:0}.feature-card .tag{width:max-content;background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.25)}.side-cards{display:grid;gap:14px}.small-card{padding:20px;min-height:145px}.small-card h3{font-size:19px;line-height:1.35;letter-spacing:-.04em;margin:10px 0 7px}.small-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.small-card.emphasis{background:#fff6f1}.small-card i{color:var(--coral)}
    .news{padding:74px 0 28px}.news-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.news-list{margin-top:20px;border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:110px 1fr 115px;gap:22px;align-items:center;padding:21px 8px;border-bottom:1px solid var(--line);transition:.2s}.news-item:hover{padding-left:17px;background:#f7f7f1}.news-date{font-size:12px;color:var(--muted)}.news-date b{display:block;font-size:23px;color:var(--pine);line-height:1.1}.news-main h3{font-size:18px;line-height:1.4;margin:0 0 5px;letter-spacing:-.03em}.news-main p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.news-item.featured{border-left:3px solid var(--coral);padding-left:17px;background:#fffaf7}.news-more{text-align:right;font-size:13px;color:var(--pine);font-weight:800}.news-more i{color:var(--coral);margin-left:5px}
    .about-strip{padding:42px 0}.about-box{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:38px 43px;display:grid;grid-template-columns:190px 1fr;gap:38px;align-items:start;position:relative;overflow:hidden}.about-box:after{content:"竞彩网";position:absolute;right:24px;bottom:-37px;font-weight:900;font-size:110px;letter-spacing:-.1em;color:rgba(255,255,255,.045)}.about-box h2{font-size:30px;line-height:1.2;letter-spacing:-.06em;margin:0}.about-box p{margin:0;position:relative;z-index:1;color:rgba(255,255,255,.78);font-size:15px;line-height:1.95}
    .compare{background:var(--mist)}.path-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.path{padding:31px 28px;background:#fff;border-right:1px solid var(--line);min-height:375px}.path:last-child{border:0}.path.focus{background:var(--pine);color:#fff}.path-no{font-size:12px;font-weight:900;color:var(--coral);letter-spacing:.1em}.path h3{font-size:25px;letter-spacing:-.05em;line-height:1.3;margin:17px 0 12px}.path p{font-size:14px;color:var(--muted);line-height:1.8}.path.focus p{color:rgba(255,255,255,.72)}.path ul{list-style:none;padding:0;margin:22px 0}.path li{font-size:13px;padding:8px 0;border-top:1px solid rgba(99,113,107,.18)}.path.focus li{border-color:rgba(255,255,255,.16)}.path li i{color:var(--coral);margin-right:7px}.path-note{font-size:12px;padding:11px 12px;border-radius:10px;background:#f2f3ee;color:#5b6963}.path.focus .path-note{background:rgba(255,255,255,.11);color:rgba(255,255,255,.78)}
    .deep-feature{padding-top:80px;padding-bottom:60px}.feature-essay{display:grid;grid-template-columns:.85fr 1.15fr;min-height:520px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.essay-image{position:relative;min-height:400px}.essay-image:after{content:"资料阅读 · 口径先行";position:absolute;left:25px;bottom:22px;background:rgba(23,63,53,.9);color:#fff;padding:7px 11px;border-radius:8px;font-size:12px;font-weight:800}.essay-image img{width:100%;height:100%;object-fit:cover}.essay-copy{padding:39px 43px}.essay-copy h2{font-size:34px;line-height:1.25;letter-spacing:-.065em;margin:9px 0 18px}.essay-copy p{font-size:16px;line-height:1.95;color:#425049}.essay-copy .quote{font-size:14px;margin-bottom:0}.timeline{padding:46px 0 72px}.timeline-wrap{display:grid;grid-template-columns:260px 1fr;gap:55px}.timeline-intro h2{font-size:34px;letter-spacing:-.065em;line-height:1.25}.timeline-intro p{font-size:14px;color:var(--muted)}.timeline-list{border-left:1px solid var(--line);padding-left:35px}.time-item{position:relative;padding:0 0 29px}.time-item:before{content:"";position:absolute;left:-41px;top:7px;width:11px;height:11px;border:2px solid var(--coral);background:var(--paper);border-radius:50%}.time-item span{font-size:12px;color:var(--coral);font-weight:900}.time-item h3{font-size:19px;line-height:1.45;margin:4px 0}.time-item p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}
    .ranking{padding:58px 0;background:#f5f7f2}.ranking-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:45px}.ranking-grid h2{font-size:34px;letter-spacing:-.06em;line-height:1.25}.ranking-grid>div>p{color:var(--muted);font-size:15px}.rank-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rank-row{display:grid;grid-template-columns:44px 1fr 94px;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank-num{font-weight:900;font-size:21px;color:#a5afa8}.rank-row:first-child .rank-num{color:var(--coral)}.rank-row h3{font-size:15px;line-height:1.35;margin:0}.rank-row span{font-size:12px;color:var(--muted)}.rank-trend{text-align:right;font-size:12px;font-weight:800;color:var(--pine-2)}
    .update{padding:72px 0}.update-box{border-top:2px solid var(--pine);display:grid;grid-template-columns:245px 1fr;gap:55px;padding-top:26px}.update-box h2{font-size:34px;line-height:1.25;letter-spacing:-.065em}.update-box>div>p{font-size:14px;color:var(--muted)}.changelog{list-style:none;padding:0;margin:0}.changelog li{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.changelog time{font-size:12px;font-weight:900;color:var(--coral)}.changelog h3{font-size:17px;margin:0 0 3px}.changelog p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
    .faq{background:#eef2eb}.faq-grid{display:grid;grid-template-columns:310px 1fr;gap:62px}.faq-note{padding:18px;border-left:3px solid var(--coral);background:#fff7f3;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;line-height:1.8;color:#714635}.accordion{background:transparent}.accordion-item{border:1px solid var(--line);border-radius:12px!important;overflow:hidden;margin-bottom:10px;background:#fff}.accordion-title{border:0;color:var(--ink);font-size:16px;font-weight:800;padding:17px 48px 17px 19px;line-height:1.5}.accordion-title:hover,.accordion-title:focus{background:#f6faf4;color:var(--pine)}.accordion-title:before{color:var(--coral);font-size:22px;right:18px;margin-top:-15px}.accordion-content{border:0;padding:0 20px 18px;color:#52615a;font-size:14px;line-height:1.9}.guide-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.guide-links a{font-size:13px;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:9px;color:var(--pine);font-weight:700}.guide-links a:hover{background:var(--pine);color:#fff}
    .subscribe{padding:78px 0}.subscribe-panel{background:var(--pine);border-radius:var(--radius-lg);padding:40px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;color:#fff;box-shadow:var(--shadow)}.subscribe-panel h2{font-size:37px;letter-spacing:-.065em;line-height:1.22;margin:10px 0 15px}.subscribe-panel>div>p{font-size:15px;line-height:1.9;color:rgba(255,255,255,.75)}.privacy{font-size:12px!important;color:rgba(255,255,255,.57)!important;margin-top:26px!important}.frequency{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.frequency span{font-size:11px;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:4px 9px;color:#dbe9df}.form-shell{background:#fff;padding:22px;border-radius:17px;color:var(--ink)}.form-shell label{font-size:12px;font-weight:800;color:var(--pine);margin-bottom:5px}.form-shell input,.form-shell select,.form-shell textarea{border:1px solid var(--line);border-radius:9px;box-shadow:none;padding:10px 11px;height:42px;margin:0 0 12px;background:#fbfcf9;color:var(--ink);font-size:14px}.form-shell textarea{height:76px;resize:vertical}.form-shell input:focus,.form-shell select:focus,.form-shell textarea:focus{border-color:var(--pine);background:#fff;box-shadow:0 0 0 3px rgba(36,87,74,.12)}.form-shell .btn{width:100%;justify-content:center}.form-message{font-size:12px;color:var(--pine-2);display:none;margin-top:10px;font-weight:700}
    .explore{padding:20px 0 66px}.explore-box{display:grid;grid-template-columns:1fr 1.45fr;gap:30px;border-top:1px solid var(--line);padding-top:30px}.explore h2{font-size:28px;line-height:1.3;letter-spacing:-.05em}.explore p{font-size:14px;color:var(--muted)}.explore-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.explore-links a{border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;font-weight:800;color:var(--pine)}.explore-links a:hover{color:var(--coral);padding-left:7px}.explore-links i{float:right;color:var(--coral)}
    footer{background:#102d25;color:#d9e2dc;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px}.footer-logo{color:#fff;margin-bottom:15px}.footer-desc{font-size:13px;line-height:1.85;color:#aabbb1;max-width:290px}.footer-title{font-size:13px;color:#fff;font-weight:900;letter-spacing:.06em;margin:5px 0 13px}.footer-links a{display:block;color:#afc0b7;font-size:13px;padding:4px 0}.footer-links a:hover{color:#fff;padding-left:4px}.footer-contact{font-size:13px;color:#afc0b7;line-height:1.9}.footer-contact .tag{background:rgba(255,255,255,.08);color:#d7e3dc;border-color:rgba(255,255,255,.13);margin-top:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:37px;padding-top:19px;display:flex;flex-wrap:wrap;gap:8px 19px;justify-content:space-between;font-size:12px;color:#91a79c}.footer-bottom a:hover{color:#fff}
    .reveal{border-radius:20px;border:0;box-shadow:var(--shadow-up);padding:30px}.reveal h2{font-size:27px;letter-spacing:-.05em}.search-panel input{border:1px solid var(--line);border-radius:10px;height:48px;box-shadow:none}.search-suggest{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.search-suggest span{font-size:12px;padding:5px 10px;background:var(--mist);border-radius:999px;color:var(--pine)}
    @media(max-width:1024px){.live-grid{gap:34px}.article-layout{gap:30px}.matrix-layout{grid-template-columns:210px 1fr}.faq-grid{gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.status,.hotline{display:none}.channel-row{overflow-x:auto}.channels{min-width:max-content}.channel-menu{gap:17px}.hero{min-height:auto}.hero-wrap{padding-top:48px}.live-grid,.article-layout,.matrix-layout,.faq-grid,.subscribe-panel,.explore-box,.timeline-wrap,.ranking-grid,.update-box{grid-template-columns:1fr}.broadcast-card{max-width:500px}.metric-grid{grid-template-columns:1fr 1fr}.metric.major{grid-column:span 2;grid-row:auto}.side-index{display:none}.matrix-intro{border-right:0;border-bottom:1px solid #cdd9ce;padding:0 0 22px}.vertical-no{writing-mode:horizontal-tb;margin-top:16px}.path-grid{grid-template-columns:1fr}.path{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.feature-essay{grid-template-columns:1fr}.essay-image{min-height:280px}.footer-grid{gap:28px}.news-item{grid-template-columns:80px 1fr}.news-more{grid-column:2;text-align:left}.about-box{grid-template-columns:1fr;padding:29px}.timeline-list{margin-left:7px}.subscribe-panel{padding:29px}.mobile-menu{display:inline-flex}}
    @media(max-width:480px){body{font-size:16px}.brand-row{height:60px}.logo{font-size:23px}.logo-mark{width:27px;height:27px}.header-actions{gap:7px}.search-trigger,.menu-toggle{width:35px;height:35px}.channel-menu a{font-size:13px}.hero h1{font-size:38px}.hero-copy{font-size:16px}.hero-points{gap:14px}.hero-points b{font-size:17px}.metric-grid{grid-template-columns:1fr}.metric.major{grid-column:auto}.section-head h2{font-size:31px}section{padding:58px 0}.matrix-grid{grid-template-columns:1fr}.news-item{gap:13px;padding:17px 0}.news-date b{font-size:18px}.news-main h3{font-size:16px}.about-box h2,.subscribe-panel h2{font-size:29px}.essay-copy{padding:28px 22px}.essay-copy h2{font-size:28px}.rank-row{grid-template-columns:33px 1fr 62px;padding:13px}.rank-row h3{font-size:13px}.faq-grid{gap:25px}.subscribe-panel{padding:22px}.explore-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span,.footer-bottom a{display:inline-block;margin:4px 10px 4px 0}.countdown b{font-size:20px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category3 */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;letter-spacing:.01em} a{color:inherit;text-decoration:none;transition:.22s ease} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer}
.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}.topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap;overflow:auto}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}
.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2)}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:10px;transition:.23s ease}.btn i{transition:.23s}.btn:hover{transform:translateY(-2px)}.btn:hover i{transform:translateX(4px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-text{padding:9px 0;background:transparent;color:var(--pine);border-radius:0}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,100,69,.3);outline-offset:3px}
section{padding:70px 0}.section-head{margin-bottom:29px}.section-head h2{font-size:clamp(29px,3.4vw,41px);line-height:1.18;letter-spacing:-.065em;font-weight:900;margin:7px 0 12px}.section-head p{max-width:680px;color:var(--muted);margin:0}.rule-hero{background:linear-gradient(115deg,#edf3ec 0%,#fcfbf7 54%,#e6eee5 100%);border-bottom:1px solid var(--line);padding:38px 0 50px;position:relative;overflow:hidden}.rule-hero:after{content:"";position:absolute;right:-7%;bottom:-72%;width:560px;height:560px;border:1px solid rgba(36,87,74,.15);border-radius:50%;box-shadow:0 0 0 52px rgba(36,87,74,.035),0 0 0 104px rgba(36,87,74,.025)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.crumb{font-size:13px;color:var(--muted);margin-bottom:25px}.crumb a:hover{color:var(--coral)}h1{font-size:clamp(42px,5.2vw,62px);line-height:1.12;letter-spacing:-.075em;margin:12px 0 21px;color:var(--pine);font-weight:900}.hero-copy{font-size:17px;color:#4e6058;max-width:650px;line-height:1.9}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.catalog{background:var(--pine);border-radius:var(--radius-lg);padding:26px;color:#fff;box-shadow:var(--shadow-up)}.catalog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.17);padding-bottom:14px;margin-bottom:8px}.catalog h2{font-size:20px;margin:0}.catalog-list{list-style:none;padding:0;margin:0}.catalog-list li{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.catalog-list b{font-size:12px;color:#b8d0bd;min-width:22px}.catalog-list span{margin-left:auto;color:#dcebd9}.layer-map{padding:35px 0 0;display:flex;align-items:flex-end;gap:13px;height:210px}.layer{flex:1;border-radius:14px 14px 4px 4px;padding:14px 12px;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:flex-end;background:var(--pine-2)}.layer:nth-child(1){height:44%;background:#719487}.layer:nth-child(2){height:64%;background:#4e796a}.layer:nth-child(3){height:85%;background:var(--pine)}.layer:nth-child(4){height:55%;background:var(--coral)}.intro{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.read-grid{display:grid;grid-template-columns:230px 1fr;gap:48px}.side-note{border-top:3px solid var(--coral);padding-top:17px}.side-note h3{font-size:18px;margin:0 0 11px}.side-note p{font-size:14px;color:var(--muted)}.side-note a{display:block;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px;font-weight:700;color:var(--pine)}.long-copy{max-width:800px}.long-copy h2{font-size:34px;line-height:1.28;letter-spacing:-.06em;margin:0 0 20px}.long-copy h3{font-size:22px;margin:29px 0 9px}.long-copy p{margin:0 0 18px;color:#36453f}.quote{margin:25px 0;padding:20px 25px;border-left:4px solid var(--coral);background:var(--coral-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#70402f;font-weight:700}.knowledge{background:var(--mist)}.chapter-list{border-top:1px solid var(--line)}.chapter{display:grid;grid-template-columns:95px 1.25fr .75fr;gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.chapter-no{font-size:44px;font-weight:900;line-height:1;color:#b7c9b9;letter-spacing:-.08em}.chapter h3{font-size:22px;line-height:1.35;margin:0 0 7px}.chapter p{margin:0;color:var(--muted);font-size:14px}.chapter-link{font-weight:800;color:var(--pine);font-size:14px;text-align:right}.chapter-link:hover{color:var(--coral)}.misread-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mis-card{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}.mis-card.bad{background:#fff8f5;border-color:#f1d3c9}.mis-card.good{background:#edf5ed;border-color:#cfe0d0}.mis-card h3{font-size:20px;margin:9px 0}.mis-card p{font-size:15px;color:#59665f;margin:0}.feature-read{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.feature-read img{height:100%;min-height:390px;width:100%;object-fit:cover}.feature-copy{padding:38px}.feature-copy h2{font-size:33px;line-height:1.25;letter-spacing:-.06em;margin:12px 0}.feature-copy p{color:var(--muted)}.content-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.article-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;transition:.24s}.article-item:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-bottom:12px}.article-item h3{font-size:19px;line-height:1.45;margin:0 0 10px}.article-item p{font-size:14px;color:var(--muted);margin:0 0 13px}.article-item a{font-size:13px;font-weight:800;color:var(--pine)}.article-item a:hover{color:var(--coral)}.morebar{text-align:center;margin-top:25px}.faq-section{background:#f4f6f0}.faq-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:55px}.reading-tip{padding:21px;border-radius:var(--radius);background:var(--pine);color:#fff;margin-top:22px}.reading-tip p{margin:8px 0 0;color:#d9e8dd;font-size:14px}.accordion{background:transparent;margin:0}.accordion-item{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}.accordion-title{border:0!important;color:var(--ink)!important;font-weight:800;font-size:16px;padding:17px 49px 17px 19px;line-height:1.5}.accordion-title:before{color:var(--coral)!important;font-size:20px;right:19px}.accordion-content{border:0!important;background:#f1f7ef;color:#4f5f57;padding:0 20px 19px;font-size:15px}.cta{padding:0 0 75px}.cta-panel{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:39px;display:grid;grid-template-columns:1fr .9fr;gap:48px}.cta-panel h2{font-size:35px;line-height:1.28;letter-spacing:-.06em;margin:10px 0}.cta-panel p{color:#d3e2d5}.feedback{background:#fff;border-radius:var(--radius);padding:20px}.feedback label{font-size:13px;font-weight:800;color:var(--pine)}.feedback input,.feedback select,.feedback textarea{border:1px solid var(--line);box-shadow:none;border-radius:9px;margin:5px 0 13px;color:var(--ink);background:#fcfcf9}.feedback textarea{min-height:82px;resize:vertical}.feedback .btn{width:100%;justify-content:center}
footer{background:#102e27;color:#dce6de;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-logo{color:#fff}.footer-logo .logo-mark{background:#dcebd9}.footer-logo .logo-mark:after{border-color:var(--pine)}.footer-desc{font-size:14px;color:#b7c7bb;max-width:300px;margin:16px 0}.footer-title{color:#fff;font-weight:900;margin-bottom:13px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a,.footer-contact{font-size:14px;color:#b7c7bb}.footer-links a:hover{color:#fff;padding-left:4px}.footer-contact .tag{margin-top:10px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#dcebd9}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:19px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:#9db0a3}.footer-bottom a:hover{color:#fff}
.reveal{border:0;border-radius:var(--radius-lg);padding:30px;background:var(--paper);box-shadow:var(--shadow-up)}.search-modal h2{font-weight:900;color:var(--pine)}.search-modal input{border-radius:11px;border:1px solid var(--line);box-shadow:none;height:47px}
@media(max-width:1024px){.hero-grid,.faq-grid,.cta-panel{gap:32px}.read-grid{gap:30px}.chapter{grid-template-columns:76px 1fr}.chapter-link{grid-column:2;text-align:left}.footer-grid{gap:25px}}@media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.channel-menu{gap:17px}.brand-row{height:61px}.hero-grid,.read-grid,.faq-grid,.cta-panel,.feature-read{grid-template-columns:1fr}.rule-hero{padding:25px 0 40px}.catalog{margin-top:4px}.read-grid{gap:24px}.chapter{grid-template-columns:58px 1fr;gap:17px}.chapter-no{font-size:34px}.misread-grid,.content-list{grid-template-columns:1fr}.feature-read img{min-height:260px;max-height:330px}.feature-copy{padding:26px}.footer-grid{grid-template-columns:1fr 1fr}.side-note{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.side-note h3,.side-note p{grid-column:1/-1}}@media(max-width:480px){body{font-size:16px}.header-actions .tag{display:none}.logo{font-size:23px}.channel-menu a{font-size:13px}.channel-row .grid-container{padding-right:0}.channel-menu{padding-right:18px}.hero-copy{font-size:16px}h1{font-size:39px}.catalog{padding:19px}.layer-map{gap:7px;height:165px}.layer{font-size:11px;padding:8px 6px}.chapter{padding:20px 0}.chapter h3{font-size:19px}.section-head h2,.long-copy h2{font-size:29px}.cta-panel{padding:25px}.cta-panel h2{font-size:29px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.78;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:.22s ease}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}.menu-toggle{display:none}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2)}.btn{border:0;border-radius:11px;padding:11px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:9px;transition:.23s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-text{padding:7px 0;background:transparent;color:var(--pine)}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,100,69,.3);outline-offset:3px}
    .hero{background:var(--pine);color:#fff;padding:70px 0 64px;background-image:linear-gradient(90deg,rgba(15,47,39,.97),rgba(18,59,48,.7)),url('/assets/images/backpic/back-2.webp');background-size:cover;background-position:center}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero h1{font-size:clamp(40px,5vw,62px);line-height:1.12;letter-spacing:-.07em;margin:16px 0 20px;font-weight:900}.hero p{color:rgba(255,255,255,.8);font-size:17px;max-width:650px}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap}.hero .btn-text{color:#dcebd9}.lead-story{background:#f7f5ed;border-radius:24px;padding:12px;color:var(--ink);box-shadow:0 20px 55px rgba(0,0,0,.18)}.lead-story img{height:225px;width:100%;object-fit:cover;border-radius:17px}.lead-story .story-copy{padding:14px 12px 9px}.lead-story h2{font-size:22px;line-height:1.35;margin:8px 0}.lead-story p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.section{padding:76px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(30px,3.5vw,42px);line-height:1.2;letter-spacing:-.06em;margin:7px 0 12px;font-weight:900}.section-head p{color:var(--muted);max-width:720px;margin:0}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:48px}.news-list{border-top:2px solid var(--pine)}.news-item{display:grid;grid-template-columns:105px 1fr 110px;gap:22px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.news-date{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.news-date strong{display:block;font-size:25px;color:var(--pine);line-height:1.2}.news-item h3{font-size:20px;line-height:1.4;margin:0 0 6px}.news-item p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.read-more{color:var(--pine);font-size:13px;font-weight:800;padding-top:7px;text-align:right}.read-more i{color:var(--coral);margin-left:5px}.side-box{background:var(--mist);border-radius:20px;padding:23px;height:max-content}.side-box h3{font-size:19px;margin:0 0 14px}.side-box ul{padding:0;margin:0;list-style:none}.side-box li{border-bottom:1px solid #dfe3dc;padding:9px 0;font-size:14px}.side-box li:last-child{border:0}.side-box a:hover{color:var(--coral)}
    .intro-panel{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:45px}.article-copy{font-size:16px}.article-copy h2{font-size:28px;line-height:1.35;margin:0 0 17px}.article-copy h3{font-size:21px;margin:29px 0 8px}.article-copy p{margin:0 0 17px}.quote{border-left:4px solid var(--coral);background:var(--coral-soft);padding:18px 22px;margin:25px 0;color:#604037}.index-box{border-left:1px solid var(--line);padding-left:24px}.index-box h3{font-size:17px;margin-top:0}.index-box a{display:block;color:var(--muted);font-size:14px;padding:8px 0;border-bottom:1px dashed var(--line)}.index-box a:hover{color:var(--coral);padding-left:4px}
    .timeline-wrap{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:42px 45px}.timeline-wrap h2{font-size:31px;line-height:1.3;margin:0 0 10px}.timeline-wrap>p{color:rgba(255,255,255,.72);max-width:720px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}.time-step{border-top:1px solid rgba(255,255,255,.35);padding-top:14px}.time-step b{display:block;color:#f2c6b8;font-size:14px}.time-step strong{display:block;font-size:18px;margin:7px 0}.time-step span{font-size:13px;color:rgba(255,255,255,.68)}
    .feature-section{background:var(--mist)}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.feature-image{border-radius:22px;overflow:hidden;min-height:390px;position:relative}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,47,39,.75),transparent 65%)}.image-caption{position:absolute;z-index:1;bottom:25px;left:28px;color:#fff;right:25px}.image-caption h2{font-size:29px;line-height:1.35;margin:8px 0}.detail-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:31px}.detail-box h2{font-size:28px;line-height:1.35;margin:0 0 15px}.detail-box p{color:var(--muted)}.detail-box ul{padding-left:20px}.detail-box li{margin:8px 0}
    .misread{display:grid;grid-template-columns:1fr 1fr;gap:14px}.misread article{padding:25px;border-radius:18px;border:1px solid var(--line);background:#fff}.misread article:last-child{background:var(--sage)}.misread h3{margin:0 0 9px;font-size:20px}.misread p{margin:0;color:var(--muted);font-size:14px}.mini-label{font-size:12px;font-weight:800;color:var(--coral);letter-spacing:.08em}
    .accordion{background:transparent;margin:0}.accordion-title{border:0!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;font-size:16px;font-weight:800;padding:19px 42px 19px 0}.accordion-title:before{color:var(--coral)}.accordion-content{border:0!important;background:#f0f5ed!important;color:var(--muted);font-size:14px;padding:16px 20px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.tip{background:var(--sage);padding:20px;border-radius:16px;margin-top:25px;font-size:14px;color:var(--pine)}
    .cta{background:var(--pine);color:#fff;border-radius:24px;padding:39px 45px}.cta-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.cta h2{font-size:31px;line-height:1.3;margin:0 0 12px}.cta p{color:rgba(255,255,255,.72)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field label{font-size:13px;color:#dcebd9;display:block;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:10px 12px}.field select option{color:var(--ink)}.field textarea{min-height:88px}.field.full{grid-column:1/-1}.submit-row{grid-column:1/-1;display:flex;align-items:center;gap:16px}.privacy{font-size:12px;color:rgba(255,255,255,.62)}
    .footer{background:#102f28;color:#fff;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-logo{color:#fff}.footer-desc{color:rgba(255,255,255,.65);font-size:13px;max-width:280px}.footer-title{font-weight:800;margin-bottom:13px}.footer-links a{display:block;color:rgba(255,255,255,.68);font-size:13px;padding:4px 0}.footer-links a:hover{color:#fff}.footer-contact{color:rgba(255,255,255,.65);font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding-top:18px;color:rgba(255,255,255,.55);font-size:12px}.footer-bottom a:hover{color:#fff}
    .search-panel{padding:25px;background:var(--mist)}.search-panel input{border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:#fff;margin:0}.search-panel .btn{margin-top:10px}
    @media(max-width:1024px){.hero-grid{gap:25px}.news-layout,.intro-panel{gap:28px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.channel-menu{gap:15px}}
    @media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.channel-row{overflow-x:auto}.channel-menu{gap:19px}.hero{padding:53px 0}.hero-grid,.feature-grid,.faq-grid,.cta-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.lead-story img{height:200px}.news-layout,.intro-panel{grid-template-columns:1fr}.index-box{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}}
    @media(max-width:520px){.brand-row{height:60px}.logo{font-size:22px}.channel-menu a{font-size:13px}.hero h1{font-size:35px}.hero p{font-size:16px}.section{padding:54px 0}.news-item{grid-template-columns:70px 1fr;gap:12px}.read-more{grid-column:2;text-align:left;padding-top:0}.timeline-wrap,.cta{padding:27px 21px}.timeline,.misread,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.submit-row{grid-column:auto;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}}

/* roulang page: category2 */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:.22s ease}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}p{margin:0 0 1.05rem}.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.header-note{font-size:13px;color:var(--muted);padding-right:10px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}.mobile-menu{display:none}
    .tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.tag.dark{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22);color:#e5f0e9}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2);text-transform:uppercase}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:10px;transition:.23s ease}.btn i{transition:.23s}.btn:hover{transform:translateY(-2px)}.btn:hover i{transform:translateX(4px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-text{padding:9px 0;background:transparent;color:var(--pine);border-radius:0}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,100,69,.32);outline-offset:3px}
    section{padding:76px 0}.section-head{margin-bottom:29px}.section-head h2{font-size:clamp(30px,3.5vw,42px);line-height:1.2;letter-spacing:-.065em;font-weight:900;margin:7px 0 12px;color:var(--ink)}.section-head p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.9}
    .data-hero{overflow:hidden;position:relative;background:var(--pine);color:#fff;padding:70px 0 66px}.data-hero:before{content:"";position:absolute;width:640px;height:640px;right:-160px;top:-250px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 56px rgba(255,255,255,.03),0 0 0 112px rgba(255,255,255,.025)}.data-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 90%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.data-hero h1{font-size:clamp(42px,5.2vw,64px);line-height:1.1;letter-spacing:-.08em;font-weight:900;margin:15px 0 20px}.data-hero h1 span{color:#dbead9}.data-hero p{max-width:630px;color:rgba(255,255,255,.8);font-size:17px;line-height:1.95}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-actions .btn-text{color:#dbead9}.signal-panel{padding:24px;background:#f7f5ed;color:var(--ink);border-radius:var(--radius-lg);box-shadow:0 26px 60px rgba(0,0,0,.18)}.signal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.signal-title{font-size:14px;font-weight:800;color:var(--pine)}.signal-num{font-size:47px;line-height:1;font-weight:900;letter-spacing:-.07em;font-variant-numeric:tabular-nums;margin-top:12px}.signal-num small{font-size:14px;color:var(--muted);letter-spacing:0}.signal-chart{height:112px;display:flex;align-items:flex-end;gap:8px;margin:25px 0 12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.signal-chart b{display:block;flex:1;background:var(--sage);border-radius:7px 7px 2px 2px;min-height:18px}.signal-chart b:nth-child(2),.signal-chart b:nth-child(6){background:var(--pine-2)}.signal-chart b:nth-child(5){background:var(--coral)}.signal-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.hot-scroll{background:#f5f3ed;border-bottom:1px solid var(--line)}.hot-scroll .grid-container{display:flex;gap:10px;align-items:center;overflow:auto;padding-top:10px;padding-bottom:10px}.hot-label{font-size:12px;font-weight:900;color:var(--pine);white-space:nowrap}
    .summary-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;grid-template-rows:auto auto;gap:14px}.summary-card{padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-height:150px;transition:.24s}.summary-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.summary-main{grid-row:span 2;background:linear-gradient(135deg,#e9f0e8,#fff 70%);position:relative;overflow:hidden}.summary-main:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #b9cfbd;border-radius:50%;right:-76px;bottom:-113px}.metric-label{font-size:13px;font-weight:800;color:var(--muted)}.metric-value{font-size:43px;line-height:1.05;font-weight:900;letter-spacing:-.07em;color:var(--pine);margin:11px 0 7px;font-variant-numeric:tabular-nums}.metric-value small{font-size:14px;letter-spacing:0}.metric-up{font-size:12px;color:#ae4b34;font-weight:800}.metric-desc{font-size:13px;color:var(--muted);line-height:1.7}.barline{height:7px;background:#e6ebe4;border-radius:10px;overflow:hidden;margin-top:22px}.barline span{display:block;height:100%;background:var(--pine-2);border-radius:10px}.spark{height:35px;margin-top:18px;background:linear-gradient(145deg,transparent 0 36%,#a9c3ac 37% 41%,transparent 42% 52%,#24574a 53% 57%,transparent 58%),linear-gradient(30deg,transparent 0 47%,#d96445 48% 53%,transparent 54%);opacity:.9}
    .filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}.filter-row a{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;background:#fff}.filter-row a:hover,.filter-row a.active{background:var(--pine);border-color:var(--pine);color:#fff}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:44px}.article-stack{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:104px minmax(0,1fr) 120px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.article-date{font-size:13px;font-weight:800;color:var(--pine)}.article-date b{display:block;font-size:25px;line-height:1.1;letter-spacing:-.05em}.article-copy h3{font-size:20px;line-height:1.35;letter-spacing:-.045em;margin:0 0 7px}.article-copy h3 a:hover{color:var(--coral)}.article-copy p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}.article-meta{margin-top:9px;display:flex;gap:8px;flex-wrap:wrap}.read-more{font-size:13px;font-weight:800;color:var(--pine);justify-self:end}.read-more i{color:var(--coral);margin-left:6px}.read-more:hover{color:var(--coral)}.side-notes{align-self:start;position:sticky;top:140px;background:var(--mist);border-radius:var(--radius);padding:23px}.side-notes h3{font-size:18px;letter-spacing:-.04em;margin:0 0 12px}.side-notes a{display:block;padding:10px 0;border-bottom:1px solid #dce0d9;font-size:14px;color:var(--muted)}.side-notes a:last-child{border-bottom:0}.side-notes a:hover{padding-left:5px;color:var(--coral)}.note-box{border-left:3px solid var(--coral);padding:13px 0 13px 15px;font-size:13px;color:var(--muted);line-height:1.8;margin-top:16px}
    .method-section{background:var(--mist)}.method-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:54px;align-items:start}.method-aside{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:30px;min-height:385px}.method-aside h2{font-size:34px;line-height:1.23;letter-spacing:-.06em;margin:12px 0 20px}.method-aside p{color:rgba(255,255,255,.74);font-size:15px}.method-aside .tag{margin-top:12px}.long-copy h3{font-size:25px;line-height:1.35;letter-spacing:-.05em;margin:0 0 14px}.long-copy p{color:#3e4e47;line-height:2;font-size:16px}.long-copy blockquote{margin:24px 0;padding:18px 22px;background:#fff;border-radius:0 var(--radius) var(--radius) 0;border-left:3px solid var(--coral);font-size:17px;color:var(--pine);font-weight:700;line-height:1.85}.term-note{display:grid;grid-template-columns:95px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.term-note b{color:var(--pine);font-size:14px}.term-note span{font-size:14px;color:var(--muted)}
    .compare-wrap{background:var(--pine);color:#fff;border-radius:var(--radius-lg);overflow:hidden}.compare-head{padding:34px 36px 10px}.compare-head h2{font-size:35px;line-height:1.2;letter-spacing:-.06em;margin:9px 0}.compare-head p{color:rgba(255,255,255,.72);max-width:670px}.compare-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.compare-item{padding:29px;border-top:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16)}.compare-item:last-child{border-right:0}.compare-item:nth-child(2){background:rgba(255,255,255,.07)}.compare-item h3{font-size:21px;letter-spacing:-.05em;margin:13px 0}.compare-item p{font-size:14px;color:rgba(255,255,255,.72);min-height:98px}.compare-item ul{margin:16px 0 0;padding:0;list-style:none}.compare-item li{font-size:13px;padding:7px 0;border-top:1px solid rgba(255,255,255,.13);color:#e2ece4}.compare-item li:before{content:"·";color:#f4a48d;font-weight:900;margin-right:8px}
    .feature-story{display:grid;grid-template-columns:.84fr 1.16fr;gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.feature-image{min-height:460px;background:url('/assets/images/coverpic/cover-2.webp') center/cover no-repeat;position:relative}.feature-image:after{content:"资料阅读";position:absolute;left:23px;bottom:20px;padding:6px 10px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(18,55,45,.73);color:#fff;font-size:12px;font-weight:800}.feature-copy{padding:42px}.feature-copy h2{font-size:34px;line-height:1.25;letter-spacing:-.06em;margin:9px 0 19px}.feature-copy p{color:var(--muted);line-height:2}.feature-copy ul{list-style:none;padding:0;margin:24px 0}.feature-copy li{padding:10px 0 10px 30px;border-bottom:1px solid var(--line);position:relative;font-size:14px}.feature-copy li:before{content:"✓";position:absolute;left:0;color:var(--coral);font-weight:900}
    .faq-section{background:#f5f3ed}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}.faq-intro{padding-right:18px}.faq-intro h2{font-size:38px;line-height:1.2;letter-spacing:-.065em;margin:9px 0 16px}.reading-tip{border-radius:var(--radius);background:var(--sage);padding:20px;margin-top:24px;font-size:14px;color:#355b4d}.accordion{background:transparent}.accordion-item{margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#fff}.accordion-title{border:0;color:var(--ink);font-size:16px;font-weight:800;line-height:1.55;padding:18px 48px 18px 20px}.accordion-title:before{right:20px;color:var(--coral);font-size:22px}.accordion-title:hover,.accordion-title:focus{background:#f7faf5;color:var(--pine)}.accordion-content{border:0;background:#f7faf5;color:var(--muted);font-size:14px;line-height:1.9;padding:0 20px 20px}.accordion-item.is-active{border-color:#8da998}.accordion-item.is-active .accordion-title{background:#f7faf5;color:var(--pine)}
    .cta-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;background:var(--pine);border-radius:var(--radius-lg);overflow:hidden;color:#fff;padding:38px}.cta-panel h2{font-size:35px;line-height:1.2;letter-spacing:-.06em;margin:12px 0}.cta-panel p{color:rgba(255,255,255,.73);font-size:15px}.cta-form{background:#f8f6ef;padding:22px;border-radius:var(--radius);color:var(--ink)}label{font-size:13px;font-weight:800;color:var(--pine);margin-bottom:6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;box-shadow:none;margin:0 0 13px}textarea{resize:vertical;min-height:79px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-help{font-size:12px;color:var(--muted);line-height:1.7;margin-top:9px}.pagination{display:flex;align-items:center;gap:7px;margin-top:31px}.pagination a,.pagination span{min-width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:800;background:#fff;color:var(--muted)}.pagination .current,.pagination a:hover{background:var(--pine);border-color:var(--pine);color:#fff}
    footer{background:#112d26;color:#d8e1db;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:35px}.footer-logo{color:#fff}.footer-logo .logo-mark{background:#d8e7d8}.footer-logo .logo-mark:after{border-color:var(--pine)}.footer-desc{font-size:13px;line-height:1.85;color:#aebdb6;max-width:310px;margin-top:14px}.footer-title{font-size:13px;font-weight:900;color:#fff;margin:7px 0 14px}.footer-links{display:grid;gap:9px}.footer-links a,.footer-contact{font-size:13px;color:#aebdb6}.footer-links a:hover{color:#fff;padding-left:4px}.footer-contact .tag{margin-top:12px;background:rgba(255,255,255,.06);color:#dbe8df;border-color:rgba(255,255,255,.18)}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:38px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#94a69d}.footer-bottom a:hover{color:#fff}
    .reveal{border:0;border-radius:var(--radius);padding:26px;background:var(--paper);box-shadow:var(--shadow-up)}.reveal h2{color:var(--pine);font-weight:900;letter-spacing:-.05em}.search-panel input{margin:12px 0}.close-button{color:var(--pine)}
    @media(max-width:1024px){.hero-grid,.method-layout,.faq-layout{gap:32px}.content-layout{gap:28px}.article-row{grid-template-columns:82px minmax(0,1fr) 94px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:span 3}.summary-grid{grid-template-columns:1.2fr 1fr 1fr}.feature-copy{padding:31px}}
    @media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.brand-row{height:62px}.header-note{display:none}.channel-row{overflow:auto}.channel-menu{gap:18px}.channel-menu a{padding:11px 0}.data-hero{padding:52px 0}.hero-grid,.method-layout,.faq-layout,.cta-panel,.feature-story{grid-template-columns:1fr}.data-hero h1{font-size:42px}.signal-panel{max-width:570px}.summary-grid{grid-template-columns:1fr 1fr}.summary-main{grid-column:span 2;grid-row:auto}.content-layout{grid-template-columns:1fr}.side-notes{position:static}.article-row{grid-template-columns:72px minmax(0,1fr)}.read-more{grid-column:2;justify-self:start}.compare-grid{grid-template-columns:1fr}.compare-item{border-right:0}.feature-image{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}section{padding:59px 0}}
    @media(max-width:520px){body{font-size:16px}.logo{font-size:23px}.channel-menu{gap:15px}.channel-menu a{font-size:13px}.data-hero h1{font-size:36px}.hero-actions .btn{width:100%;justify-content:center}.summary-grid{grid-template-columns:1fr}.summary-main{grid-column:auto}.metric-value{font-size:38px}.article-row{grid-template-columns:1fr;gap:8px}.article-date{display:flex;gap:8px;align-items:baseline}.article-date b{font-size:16px}.article-date b:after{content:"日"}.read-more{grid-column:auto}.method-aside,.feature-copy,.cta-panel{padding:24px}.compare-head{padding:26px 24px 6px}.compare-item{padding:24px}.form-row,.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:7px}.faq-intro h2,.section-head h2{font-size:31px}.cta-panel h2{font-size:31px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category4 */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:.22s ease}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}p{margin:0 0 1.15em}.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}.mobile-menu{display:none}
.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2)}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:10px;transition:.23s ease}.btn i{transition:.23s}.btn:hover{transform:translateY(-2px)}.btn:hover i{transform:translateX(4px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-text{padding:9px 0;background:transparent;color:var(--pine);border-radius:0}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus{outline:3px solid rgba(217,100,69,.3);outline-offset:3px}
section{padding:78px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(29px,3.4vw,42px);line-height:1.18;letter-spacing:-.065em;font-weight:900;margin:7px 0 12px}.section-head p{max-width:700px;color:var(--muted);font-size:16px}.topic-hero{position:relative;min-height:560px;overflow:hidden;background:var(--pine);color:#fff;display:flex;align-items:flex-end}.topic-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,37,30,.96) 2%,rgba(15,53,43,.7) 48%,rgba(15,53,43,.18)),url('/assets/images/coverpic/cover-4.webp') center/cover}.topic-hero:after{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(rgba(255,255,255,.6) .7px,transparent .8px);background-size:7px 7px;mix-blend-mode:soft-light}.topic-inner{position:relative;z-index:1;padding:65px 24px 62px}.topic-kicker{display:flex;gap:9px;flex-wrap:wrap}.topic-hero h1{font-size:clamp(44px,6vw,70px);max-width:780px;line-height:1.08;letter-spacing:-.085em;margin:24px 0 20px;font-weight:900}.topic-hero p{max-width:650px;color:rgba(255,255,255,.84);font-size:17px;line-height:1.95}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:#dce8dc;font-size:13px}.progress-rail{height:4px;background:rgba(255,255,255,.25);position:absolute;z-index:2;left:0;right:0;bottom:0}.progress-rail span{display:block;width:42%;height:100%;background:var(--coral)}
.anchor-strip{position:sticky;top:123px;z-index:30;background:rgba(252,251,247,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.anchor-row{height:56px;display:flex;align-items:center;gap:22px;overflow:auto;white-space:nowrap}.anchor-row a{font-size:13px;font-weight:800;color:var(--muted)}.anchor-row a:hover{color:var(--coral)}.anchor-row .reading{margin-left:auto;color:var(--pine);font-size:12px;font-weight:800}
.lead-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 310px;gap:58px}.article-body{max-width:790px}.article-body h2{font-size:35px;line-height:1.25;letter-spacing:-.06em;margin:0 0 22px}.article-body h3{font-size:23px;line-height:1.4;margin:36px 0 12px}.article-body p{color:#33423c;font-size:17px;line-height:2}.lead{font-size:20px!important;color:var(--pine)!important;font-weight:650}.article-body blockquote{margin:30px 0;padding:20px 24px;border-left:3px solid var(--coral);background:var(--coral-soft);color:#743622;font-size:17px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article-body ul{padding-left:22px;color:#33423c}.article-body li{padding:5px 0}.article-side{align-self:start;position:sticky;top:205px;background:#f3f5ef;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.article-side strong{display:block;font-size:14px;margin-bottom:11px}.article-side a{display:block;padding:8px 0;border-bottom:1px solid #dfe5de;font-size:13px;color:var(--muted)}.article-side a:last-child{border:0}.article-side a:hover{color:var(--coral);padding-left:5px}
.selection{background:var(--mist)}.magazine-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.feature-story{position:relative;min-height:465px;overflow:hidden;border-radius:var(--radius-lg);color:#fff;background:var(--pine)}.feature-story img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.65;transition:.5s}.feature-story:hover img{transform:scale(1.05)}.feature-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,30,25,.95),rgba(9,30,25,.04) 72%)}.story-content{position:absolute;z-index:1;left:32px;right:32px;bottom:29px}.story-content h3{font-size:31px;line-height:1.28;letter-spacing:-.06em;margin:14px 0}.story-content p{font-size:14px;color:rgba(255,255,255,.8)}.side-stories{display:grid;gap:16px}.side-story{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;display:grid;grid-template-columns:130px 1fr;gap:16px;min-height:182px;transition:.23s}.side-story:hover,.content-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.side-story img{width:130px;height:148px;border-radius:11px;object-fit:cover}.side-story h3{font-size:19px;line-height:1.38;letter-spacing:-.04em;margin:10px 0 7px}.side-story p{font-size:13px;line-height:1.7;color:var(--muted)}
.timeline-wrap{display:grid;grid-template-columns:.65fr 1.35fr;gap:52px;align-items:start}.timeline-note{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:29px}.timeline-note h2{font-size:31px;line-height:1.3;margin:10px 0}.timeline-note p{font-size:14px;color:#d7e3da}.timeline{border-left:1px solid var(--line);padding-left:32px}.time-item{position:relative;padding:0 0 28px}.time-item:before{content:"";position:absolute;width:11px;height:11px;border:3px solid var(--paper);background:var(--coral);box-shadow:0 0 0 1px var(--coral);border-radius:50%;left:-38px;top:8px}.time-date{font-size:12px;color:var(--coral);font-weight:900;letter-spacing:.08em}.time-item h3{font-size:20px;line-height:1.35;margin:5px 0}.time-item p{color:var(--muted);font-size:14px;margin:0}
.tag-wall{display:flex;flex-wrap:wrap;gap:10px}.tag-wall a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800;color:#50605a}.tag-wall a:hover{background:var(--pine);border-color:var(--pine);color:#fff;transform:translateY(-2px)}
.content-area{background:#f8f7f2}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.content-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.content-item{padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.23s}.content-item.wide{grid-column:span 2;display:grid;grid-template-columns:1.3fr .7fr;gap:26px;background:#e9f0e8}.content-item h3{font-size:20px;line-height:1.4;letter-spacing:-.04em;margin:13px 0 8px}.content-item p{font-size:13px;line-height:1.75;color:var(--muted)}.content-item .item-img{height:145px;border-radius:11px;object-fit:cover}.aside-card{padding:22px;background:var(--pine);border-radius:var(--radius);color:#fff;margin-bottom:16px}.aside-card h3{font-size:20px;line-height:1.4;margin:9px 0}.aside-card p{font-size:13px;line-height:1.75;color:#d8e2dc}.aside-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.aside-list strong{font-size:15px}.aside-list a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.aside-list a:last-child{border:0}.aside-list a:hover{color:var(--coral)}
.notice{background:var(--sage);border-radius:var(--radius-lg);padding:36px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.notice h2{font-size:30px;line-height:1.3;letter-spacing:-.05em;margin:6px 0 8px}.notice p{max-width:730px;color:#416057;margin:0}.pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.pagination a,.pagination span{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:800;background:#fff}.pagination .current{background:var(--pine);color:#fff;border-color:var(--pine)}
footer{background:#102d26;color:#d9e5dd;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.footer-logo{color:#fff}.footer-logo .logo-mark{background:#dce8dc}.footer-logo .logo-mark:after{border-color:var(--pine)}.footer-desc{font-size:13px;line-height:1.8;color:#acc0b3;margin-top:16px;max-width:320px}.footer-title{font-size:14px;color:#fff;font-weight:900;margin:5px 0 14px}.footer-links{display:grid;gap:8px}.footer-links a,.footer-contact{font-size:13px;color:#aec1b5}.footer-links a:hover{color:#fff}.footer-contact .tag{margin-top:10px;background:transparent;border-color:#497064;color:#d8e8de}.footer-bottom{border-top:1px solid rgba(219,235,225,.16);padding-top:19px;margin-top:42px;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#9eb4a8}.footer-bottom a:hover{color:#fff}
.reveal{border:0;border-radius:var(--radius-lg);padding:30px;background:var(--paper);box-shadow:var(--shadow-up)}.reveal h2{font-size:26px;letter-spacing:-.05em}.search-box{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.search-box input{border:0;box-shadow:none;margin:0;padding:13px 15px;height:auto;background:transparent}.search-box button{border:0;background:var(--pine);color:#fff;padding:0 17px}
@media(max-width:1024px){.lead-layout,.content-grid{grid-template-columns:1fr}.article-side{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0}.article-side strong{grid-column:span 2}.timeline-wrap{gap:28px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.channel-row{overflow:auto}.channel-menu{gap:18px}.channel-menu a{font-size:13px}.topic-hero{min-height:500px}.topic-inner{padding:55px 18px}.anchor-strip{top:123px}.anchor-row{padding:0 18px}.anchor-row .reading{display:none}section{padding:58px 0}.magazine-grid,.timeline-wrap{grid-template-columns:1fr}.timeline-note{padding:25px}.content-list{grid-template-columns:1fr}.content-item.wide{grid-column:span 1;grid-template-columns:1fr}.content-item .item-img{height:190px}.notice{grid-template-columns:1fr;padding:27px}.side-story{grid-template-columns:105px 1fr}.side-story img{width:105px;height:135px}}@media(max-width:520px){body{font-size:16px}.brand-row{height:62px}.logo{font-size:23px}.channel-menu{gap:16px}.header-actions .menu-toggle{display:block}.topic-hero h1{font-size:40px}.topic-hero p{font-size:16px}.hero-meta{gap:13px}.article-body h2{font-size:30px}.article-body p{font-size:16px;line-height:1.95}.article-side{display:block}.feature-story{min-height:400px}.story-content{left:22px;right:22px;bottom:22px}.story-content h3{font-size:27px}.side-story{padding:13px;gap:12px}.side-story h3{font-size:17px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{display:grid;gap:7px}.notice h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category6 */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:.22s ease}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{appearance:none}
.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}.topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.status-note{font-size:12px;color:var(--muted);padding-right:8px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9;overflow:auto}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}.mobile-menu{display:none}
.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.tag.dark{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2);text-transform:uppercase}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.23s ease}.btn i{transition:.23s}.btn:hover{transform:translateY(-2px)}.btn:hover i{transform:translateX(4px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-light{background:#fff;color:var(--pine)}.btn-light:hover{background:var(--sage)}.btn-text{padding:9px 0;background:transparent;color:var(--pine);border-radius:0}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,100,69,.3);outline-offset:3px}
section{padding:76px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(30px,3.5vw,42px);line-height:1.2;letter-spacing:-.065em;font-weight:900;margin:7px 0 12px;color:var(--ink)}.section-head p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.9;margin:0}
.subnav{background:#eef1e9;border-bottom:1px solid var(--line)}.subnav-inner{height:44px;display:flex;align-items:center;gap:12px;overflow:auto;white-space:nowrap}.subnav b{font-size:12px;color:var(--pine)}.subnav a{font-size:12px;color:var(--muted)}.subnav a:hover{color:var(--coral)}
.term-hero{padding:66px 0 48px;background:linear-gradient(125deg,#eff2eb 0%,#fcfbf7 58%,#e7eee6 100%);position:relative;overflow:hidden}.term-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(36,87,74,.12);border-radius:50%;right:-160px;top:-210px;box-shadow:0 0 0 44px rgba(36,87,74,.035),0 0 0 88px rgba(36,87,74,.025)}.term-hero .grid-x{position:relative;z-index:1}.term-hero h1{font-size:clamp(43px,5.3vw,64px);line-height:1.1;letter-spacing:-.08em;margin:16px 0 19px;font-weight:900;color:var(--pine)}.term-hero h1 span{color:var(--coral)}.hero-lead{font-size:17px;line-height:1.95;color:#496057;max-width:735px;margin:0 0 27px}.index-art{padding:18px 0 0 36px}.index-art .big-letter{font-size:120px;line-height:.85;font-weight:900;letter-spacing:-.12em;color:var(--pine);opacity:.93}.index-art p{font-size:13px;color:var(--muted);max-width:240px;margin:14px 0}.popular-tags{display:flex;flex-wrap:wrap;gap:9px}.search-shell{background:#fff;border:1px solid #cbd6cb;border-radius:18px;padding:8px;display:flex;gap:8px;max-width:790px;box-shadow:var(--shadow)}.search-shell i{color:var(--pine);padding:12px 7px 0 12px}.search-shell input{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;height:44px;color:var(--ink);min-width:0}.search-shell input::placeholder{color:#9aa39e}.search-shell button{flex:0 0 auto}
.quick-strip{padding:18px 0;background:var(--pine);color:#fff}.quick-strip .grid-x{align-items:center}.quick-strip p{font-size:13px;color:rgba(255,255,255,.75);margin:0}.quick-links{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}.quick-links a{font-size:13px;font-weight:700;color:#fff}.quick-links a:hover{color:#d9ead6}
.index-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:42px;align-items:start}.letter-nav{position:sticky;top:145px;background:#f3f3ed;border:1px solid var(--line);border-radius:var(--radius);padding:19px}.letter-nav h3{margin:0 0 13px;font-size:16px;letter-spacing:-.04em}.letter-nav a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe3dc;padding:10px 1px;color:#52625a;font-size:13px}.letter-nav a:last-child{border:0}.letter-nav a:hover{color:var(--coral);padding-left:5px}.letter-nav b{font-size:11px;color:#95a099}.term-list{display:grid;gap:13px}.term-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:start;transition:.24s}.term-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c1d1c0}.term-key{font-weight:900;font-size:29px;letter-spacing:-.08em;line-height:1;color:var(--pine)}.term-body h3{font-size:19px;line-height:1.35;margin:0 0 6px;letter-spacing:-.04em}.term-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.term-meta{padding-top:3px;white-space:nowrap}.definition-note{background:var(--coral-soft);border-left:3px solid var(--coral);padding:18px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:20px 0 0;font-size:14px;color:#703d30}
.feature-article{background:var(--mist);position:relative}.feature-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:58px}.editorial h2{font-size:clamp(29px,3.3vw,39px);line-height:1.24;letter-spacing:-.06em;margin:8px 0 20px}.editorial h3{font-size:22px;letter-spacing:-.04em;margin:28px 0 11px}.editorial p{color:#46554f;margin:0 0 17px}.editorial .lead{font-size:19px;color:var(--pine);font-weight:700;line-height:1.9}.quote{margin:26px 0;padding:20px 24px;border-top:1px solid var(--pine);border-bottom:1px solid var(--pine);font-size:18px;color:var(--pine);font-weight:700;line-height:1.75}.article-aside{padding-top:21px}.aside-card{background:var(--pine);color:#fff;border-radius:var(--radius);padding:25px;position:sticky;top:145px}.aside-card h3{font-size:19px;margin:0 0 13px}.aside-card p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.8}.aside-card ul{list-style:none;padding:0;margin:16px 0}.aside-card li{border-top:1px solid rgba(255,255,255,.16);padding:11px 0;font-size:13px}.aside-card i{color:#cfe0ca;width:18px}
.misread-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.misread{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.misread.good{background:var(--pine);border-color:var(--pine);color:#fff}.misread h3{font-size:20px;margin:13px 0 10px;letter-spacing:-.04em}.misread p{font-size:14px;color:var(--muted);margin:0;line-height:1.85}.misread.good p{color:rgba(255,255,255,.76)}.misread ul{padding-left:18px;margin:16px 0 0;font-size:14px}.misread li{margin-bottom:8px}
.content-band{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.guide-panel{border-radius:var(--radius-lg);overflow:hidden;min-height:340px;background:var(--pine);color:#fff;padding:38px;position:relative}.guide-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,53,43,.96),rgba(16,53,43,.58)),url('/assets/images/coverpic/cover-10.webp') center/cover;z-index:0}.guide-panel>*{position:relative;z-index:1}.guide-panel h2{font-size:34px;line-height:1.25;letter-spacing:-.06em;margin:12px 0}.guide-panel p{max-width:520px;font-size:15px;color:rgba(255,255,255,.8)}.mini-guides{display:grid;gap:18px}.mini-guide{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:23px;transition:.24s}.mini-guide:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.mini-guide h3{margin:9px 0 7px;font-size:20px;letter-spacing:-.04em}.mini-guide p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.faq-section{background:#f8f7f2}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px}.read-note{background:var(--sage);border-radius:var(--radius);padding:23px;margin-top:24px}.read-note h3{font-size:17px;margin:0 0 8px}.read-note p{font-size:13px;line-height:1.8;color:#496057;margin:0}.accordion{background:transparent;margin:0}.accordion-item{border:1px solid var(--line);margin-bottom:9px;border-radius:12px;overflow:hidden;background:#fff}.accordion-title{border:0!important;color:var(--pine)!important;font-weight:800;font-size:16px;padding:18px 48px 18px 20px;line-height:1.55}.accordion-title:before{content:"+"!important;color:var(--coral);font-size:23px;font-weight:400;right:18px;margin-top:-17px}.is-active>.accordion-title{background:#eef5ec}.is-active>.accordion-title:before{content:"−"!important}.accordion-content{border:0!important;background:#fff;color:#53615b;font-size:14px;line-height:1.9;padding:0 21px 20px}.related-row{border-top:1px solid var(--line);padding-top:25px;margin-top:30px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.related-row strong{font-size:14px}.related-row a{font-size:13px;font-weight:700;color:var(--pine);border-bottom:1px solid #b6c5b5}.related-row a:hover{color:var(--coral);border-color:var(--coral)}
.feedback{padding:76px 0;background:var(--pine)}.feedback-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.feedback-copy{color:#fff}.feedback-copy h2{font-size:clamp(30px,3.7vw,42px);line-height:1.2;letter-spacing:-.065em;margin:9px 0 15px}.feedback-copy p{color:rgba(255,255,255,.76);max-width:430px}.feedback-copy .tag{margin-top:13px}.feedback-form{background:#fff;border-radius:var(--radius-lg);padding:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:13px}.field label{display:block;font-size:13px;font-weight:800;color:var(--pine);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbfcf9;color:var(--ink);padding:11px 12px;box-shadow:none;margin:0}.field textarea{height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pine);background:#fff}.form-tip{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.extend{padding:52px 0}.extend-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.extend-card{border-top:1px solid var(--pine);padding:18px 0}.extend-card h3{font-size:19px;margin:0 0 7px}.extend-card p{font-size:13px;color:var(--muted);margin:0 0 8px}.extend-card a{font-size:13px;font-weight:800;color:var(--pine)}.extend-card a:hover{color:var(--coral)}
footer{background:#102e27;color:#fff;padding:59px 0 23px}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr .85fr;gap:34px}.footer-logo{color:#fff}.footer-logo .logo-mark{background:#dce8dc}.footer-logo .logo-mark:after{border-color:var(--pine)}.footer-desc{font-size:13px;line-height:1.85;color:rgba(255,255,255,.64);max-width:300px;margin:15px 0 0}.footer-title{font-size:13px;font-weight:900;letter-spacing:.07em;margin:5px 0 15px;color:#dce8dc}.footer-links{display:grid;gap:8px}.footer-links a,.footer-contact{font-size:13px;color:rgba(255,255,255,.67)}.footer-links a:hover{color:#fff;padding-left:4px}.footer-contact .tag{margin-top:12px;background:transparent;color:#d9ead6;border-color:rgba(255,255,255,.2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:43px;padding-top:18px;display:flex;flex-wrap:wrap;gap:9px 23px;font-size:12px;color:rgba(255,255,255,.55)}.footer-bottom a:hover{color:#fff}
.reveal{border:0;border-radius:var(--radius);box-shadow:var(--shadow-up);padding:30px;background:var(--paper)}.reveal h2{font-size:28px;letter-spacing:-.05em;color:var(--pine)}.reveal .close-button{color:var(--pine)}
@media(max-width:1024px){.index-layout{grid-template-columns:195px minmax(0,1fr);gap:26px}.feature-wrap{gap:35px}.faq-grid{gap:35px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.index-art{padding-left:10px}}
@media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.status-note{display:none}.brand-row{height:61px}.channel-menu{gap:17px}.channel-menu a{font-size:13px}.term-hero{padding:48px 0 38px}.term-hero h1{font-size:43px}.index-art{display:none}.quick-links{justify-content:flex-start;margin-top:8px}.index-layout,.feature-wrap,.faq-grid,.feedback-panel{grid-template-columns:1fr}.letter-nav{position:relative;top:auto;display:flex;gap:13px;overflow:auto;white-space:nowrap;padding:13px}.letter-nav h3{padding:6px 5px;margin:0}.letter-nav a{display:block;border:0;padding:6px}.letter-nav b{display:none}.article-aside{padding-top:0}.aside-card{position:relative;top:auto}.term-item{grid-template-columns:65px 1fr}.term-meta{grid-column:2}.content-band{grid-template-columns:1fr}.guide-panel{min-height:310px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.misread-grid{grid-template-columns:1fr}section{padding:58px 0}}
@media(max-width:520px){body{font-size:16px}.logo{font-size:23px}.search-shell{padding:6px}.search-shell input{font-size:14px}.search-shell .btn{padding:11px 12px}.quick-strip{padding:14px 0}.term-item{padding:18px;gap:14px}.term-key{font-size:23px}.term-body h3{font-size:17px}.term-body p{font-size:13px}.feature-wrap .editorial p{font-size:15px}.form-row,.footer-grid{grid-template-columns:1fr}.feedback-form{padding:20px}.guide-panel{padding:26px}.guide-panel h2{font-size:29px}.footer-grid>div{grid-column:auto!important}.footer-bottom{display:grid;gap:7px}.btn{padding:11px 15px}.popular-tags{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category5 */
:root{--pine:#173f35;--pine-2:#24574a;--ink:#15211d;--muted:#63716b;--paper:#fcfbf7;--mist:#f1f0e9;--sage:#dce8dc;--line:#d9ddd5;--coral:#d96445;--coral-soft:#fae7df;--white:#fff;--radius-lg:24px;--radius:17px;--radius-sm:11px;--shadow:0 12px 32px rgba(23,63,53,.08);--shadow-up:0 18px 45px rgba(23,63,53,.15);--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.78;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:.22s ease}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{appearance:none}
.grid-container{max-width:1280px;padding-left:24px;padding-right:24px}.topbar{position:sticky;top:0;z-index:50;background:rgba(252,251,247,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,213,.9);box-shadow:0 3px 17px rgba(20,38,31,.035)}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.07em;color:var(--pine)}.logo-mark{width:30px;height:30px;border-radius:50% 50% 50% 7px;background:var(--pine);position:relative;transform:rotate(-17deg)}.logo-mark:after{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;position:absolute;left:9px;top:8px}.header-actions{display:flex;align-items:center;gap:10px}.header-note{font-size:12px;color:var(--muted);padding-right:8px}.search-trigger,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--pine);border-radius:10px;width:38px;height:38px;transition:.2s}.search-trigger:hover,.menu-toggle:hover{background:var(--pine);color:#fff;border-color:var(--pine)}.channel-row{border-top:1px solid #edf0e9;overflow:hidden}.channel-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap}.channel-menu a{display:block;font-size:14px;font-weight:700;color:#50605a;position:relative;padding:13px 0}.channel-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--coral);transition:.22s}.channel-menu a:hover,.channel-menu a.active{color:var(--pine)}.channel-menu a:hover:after,.channel-menu a.active:after{width:100%}.mobile-menu{display:none}
.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#537066;background:#fff}.tag.orange{border-color:#f2c6b8;background:var(--coral-soft);color:#a1442e}.tag.dark{background:rgba(255,255,255,.1);color:#e4eee8;border-color:rgba(255,255,255,.2)}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--pine-2);text-transform:uppercase}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:10px;transition:.23s ease}.btn i{transition:.23s}.btn:hover{transform:translateY(-2px)}.btn:hover i{transform:translateX(4px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(217,100,69,.2)}.btn-primary:hover{background:#bf5036;color:#fff}.btn-dark{background:var(--pine);color:#fff}.btn-dark:hover{background:#0e3027;color:#fff}.btn-light{background:#fff;color:var(--pine);border:1px solid rgba(255,255,255,.35)}.btn-light:hover{background:#edf4ed}.btn-text{padding:9px 0;background:transparent;color:var(--pine);border-radius:0}.btn-text:hover{color:var(--coral)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,100,69,.3);outline-offset:3px}
section{padding:78px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(29px,3.5vw,42px);line-height:1.2;letter-spacing:-.065em;font-weight:900;margin:7px 0 12px;color:var(--ink)}.section-head p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.85;margin:0}.guide-hero{position:relative;overflow:hidden;background:var(--pine);color:#fff;padding:72px 0 66px}.guide-hero:before{content:"";position:absolute;right:-8%;top:-180px;width:620px;height:620px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 115px rgba(255,255,255,.018)}.guide-hero .grid-container{position:relative;z-index:1}.guide-hero h1{font-size:clamp(42px,5vw,63px);line-height:1.12;letter-spacing:-.075em;margin:17px 0 19px;font-weight:900;max-width:780px}.guide-hero p{font-size:17px;line-height:1.9;color:rgba(255,255,255,.8);max-width:725px;margin:0 0 27px}.hero-labels{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.step-strip{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.23);border-bottom:1px solid rgba(255,255,255,.16)}.hero-step{padding:19px 20px 17px;border-right:1px solid rgba(255,255,255,.16)}.hero-step:last-child{border:0}.hero-step b{display:block;color:#cfdfd1;font-size:12px;letter-spacing:.08em}.hero-step span{display:block;font-size:15px;font-weight:800;margin-top:3px}.hot-row{padding:16px 0;border-bottom:1px solid var(--line);background:#f7f6f1}.hot-inner{display:flex;gap:11px;align-items:center;overflow:auto;white-space:nowrap}.hot-inner strong{font-size:13px;color:var(--pine)}.hot-inner a{font-size:13px;color:var(--muted)}.hot-inner a:hover{color:var(--coral)}
.intro-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(270px,.68fr);gap:70px}.reading-copy h2{font-size:34px;line-height:1.28;letter-spacing:-.06em;margin:0 0 20px}.reading-copy h3{font-size:23px;line-height:1.4;margin:32px 0 12px}.reading-copy p{font-size:17px;color:#34413c;margin:0 0 18px}.reading-copy .lead{font-size:20px;color:var(--pine);font-weight:680;line-height:1.85}.note-box{background:var(--sage);border-radius:var(--radius);padding:22px 24px;margin:25px 0;color:var(--pine)}.note-box strong{display:block;font-size:14px;margin-bottom:6px}.index-panel{height:max-content;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:sticky;top:130px}.index-panel h3{font-size:16px;margin:0 0 12px}.index-panel a{display:block;padding:10px 0;border-bottom:1px solid #edf0e9;font-size:14px;color:var(--muted)}.index-panel a:last-child{border:0}.index-panel a:hover{color:var(--coral);padding-left:5px}.index-tip{font-size:13px;color:var(--muted);padding-top:13px;margin:10px 0 0;border-top:1px solid var(--line)}
.guide-zone{background:var(--mist)}.guide-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:48px}.chapter-intro{padding-top:5px}.chapter-intro p{color:var(--muted);margin:0 0 19px}.chapter-count{font-size:68px;line-height:1;font-weight:900;color:#b8cbbb;letter-spacing:-.08em}.guide-list{display:grid;gap:13px}.guide-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:19px 22px;border-radius:var(--radius);transition:.24s}.guide-card:hover{transform:translateX(5px);box-shadow:var(--shadow)}.guide-num{font-size:28px;font-weight:900;color:var(--coral);letter-spacing:-.06em}.guide-card h3{margin:0 0 5px;font-size:19px;line-height:1.35}.guide-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.65}.guide-card .tag{margin:3px}
.scene-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.scene-main{min-height:380px;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--pine);color:#fff;padding:38px;background-image:linear-gradient(90deg,rgba(23,63,53,.94),rgba(23,63,53,.47)),url('/assets/images/backpic/back-2.webp');background-size:cover;background-position:center}.scene-main h2{font-size:36px;line-height:1.22;letter-spacing:-.06em;max-width:520px;margin:14px 0}.scene-main p{max-width:500px;color:rgba(255,255,255,.8)}.scene-side{display:grid;gap:17px}.scene-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.22s}.scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.scene-card i{color:var(--coral);font-size:22px}.scene-card h3{font-size:20px;margin:13px 0 7px}.scene-card p{font-size:14px;color:var(--muted);margin:0}
.article-section{padding-bottom:50px}.article-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(285px,.95fr);gap:30px}.article-image{min-height:470px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.article-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,39,32,.45),transparent 55%)}.article-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.article-image:hover img{transform:scale(1.045)}.article-copy{padding:14px 8px}.article-copy h2{font-size:36px;line-height:1.25;letter-spacing:-.065em;margin:8px 0 18px}.article-copy p{color:#3b4843;font-size:16.5px;margin:0 0 16px}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{border-top:1px solid var(--line);padding:12px 0 12px 28px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--coral);font-weight:900}.warning{border-left:3px solid var(--coral);padding:14px 17px;background:var(--coral-soft);font-size:14px;color:#6d3829;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.dual-section{background:#f5f5f0}.dual-grid{display:grid;grid-template-columns:1fr .92fr;gap:18px}.steps-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px}.steps-panel h2,.questions-panel h2{font-size:30px;letter-spacing:-.055em;line-height:1.3;margin:0 0 18px}.steps-panel ol{list-style:none;padding:0;margin:0;counter-reset:step}.steps-panel li{counter-increment:step;border-top:1px solid var(--line);padding:16px 0 16px 50px;position:relative;font-size:15px;color:#48554f}.steps-panel li:before{content:counter(step);position:absolute;left:0;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--pine);font-size:13px;font-weight:900}.questions-panel{background:var(--pine);color:#fff;border-radius:var(--radius-lg);padding:34px}.questions-panel h2{color:#fff}.questions-panel p{color:rgba(255,255,255,.72);font-size:14px}.quick-q{border-top:1px solid rgba(255,255,255,.18);padding:14px 0}.quick-q b{display:block;font-size:15px}.quick-q span{display:block;font-size:13px;color:rgba(255,255,255,.7);margin-top:4px}
.recommend-area{padding-top:48px}.recommend-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.recommend-head h2{font-size:34px;letter-spacing:-.06em;margin:0}.horizontal-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommend-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.24s}.recommend-card:hover{box-shadow:var(--shadow-up);transform:translateY(-5px)}.recommend-card img{width:100%;height:175px;object-fit:cover}.recommend-card .card-copy{padding:18px}.recommend-card h3{font-size:19px;line-height:1.4;margin:10px 0 8px}.recommend-card p{font-size:14px;color:var(--muted);margin:0 0 12px}.catalogue{padding-top:40px}.catalogue-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.catalogue-intro{padding:30px;background:var(--sage);border-radius:var(--radius-lg)}.catalogue-intro h2{font-size:30px;line-height:1.3;letter-spacing:-.06em;margin:7px 0 12px}.catalogue-intro p{font-size:14px;color:#456056;margin:0}.catalogue-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.catalogue-links a{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;font-size:15px;font-weight:800;color:var(--pine)}.catalogue-links a small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:3px}.catalogue-links a:hover{border-color:var(--pine-2);transform:translateY(-2px)}
.cta-section{padding:72px 0}.cta-panel{background:var(--pine);border-radius:var(--radius-lg);padding:42px 46px;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;right:-90px;bottom:-120px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 48px rgba(255,255,255,.03)}.cta-panel>*{position:relative;z-index:1}.cta-panel h2{font-size:34px;letter-spacing:-.06em;line-height:1.25;margin:0 0 8px}.cta-panel p{margin:0;color:rgba(255,255,255,.76);max-width:650px}
footer{background:#102e27;color:#e4eee8;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr .85fr;gap:32px}.footer-logo{color:#fff}.footer-logo .logo-mark{background:#dce8dc}.footer-logo .logo-mark:after{border-color:var(--pine)}.footer-desc{color:#b9c8bf;font-size:13px;line-height:1.8;max-width:310px;margin:16px 0 0}.footer-title{font-size:13px;font-weight:900;color:#fff;margin:6px 0 15px}.footer-links{display:grid;gap:8px}.footer-links a,.footer-contact{font-size:13px;color:#b9c8bf}.footer-links a:hover{color:#fff;padding-left:4px}.footer-contact .tag{margin-top:10px;background:transparent;border-color:rgba(255,255,255,.18);color:#d5e3d9}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:19px;display:flex;flex-wrap:wrap;gap:10px 23px;font-size:12px;color:#aec1b6}.footer-bottom a:hover{color:#fff}
.reveal{border-radius:var(--radius-lg);border:0;padding:30px;background:var(--paper);box-shadow:var(--shadow-up)}.reveal h2{font-size:27px;letter-spacing:-.05em}.search-form{display:flex;gap:10px}.search-form input{border:1px solid var(--line);border-radius:11px;padding:12px 14px;box-shadow:none;height:auto;margin:0}.close-button{color:var(--pine)}
@media(max-width:1024px){.guide-layout,.intro-layout{gap:38px}.guide-card{grid-template-columns:56px minmax(0,1fr)}.guide-card>div:last-child{display:none}.article-grid{gap:22px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.horizontal-track{grid-template-columns:repeat(3,minmax(230px,1fr));overflow:auto;padding-bottom:7px}.recommend-card{min-width:230px}}
@media(max-width:768px){.grid-container{padding-left:18px;padding-right:18px}.brand-row{height:61px}.header-note{display:none}.channel-menu{gap:18px;overflow:auto;padding:0 18px;margin:0 -18px}.channel-menu a{padding:11px 0}.guide-hero{padding:57px 0 48px}.guide-hero h1{font-size:42px}.step-strip{grid-template-columns:repeat(2,1fr);margin-top:32px}.hero-step:nth-child(2){border-right:0}.hero-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}section{padding:58px 0}.intro-layout,.guide-layout,.scene-grid,.article-grid,.dual-grid,.catalogue-grid{grid-template-columns:1fr}.index-panel{position:static}.chapter-count{font-size:55px}.scene-main{min-height:330px}.article-image{min-height:280px}.article-copy{padding:0}.catalogue-links{grid-template-columns:repeat(3,1fr)}.cta-panel{grid-template-columns:1fr;padding:32px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}.footer-grid>div:last-child{grid-column:auto}.search-form{flex-direction:column}}
@media(max-width:520px){body{font-size:16px}.logo{font-size:22px}.guide-hero h1{font-size:35px}.guide-hero p{font-size:16px}.hero-step{padding:15px 12px}.hero-step span{font-size:13px}.section-head h2,.reading-copy h2,.article-copy h2{font-size:29px}.reading-copy p{font-size:16px}.guide-card{padding:17px;gap:12px;grid-template-columns:42px 1fr}.guide-num{font-size:22px}.guide-card h3{font-size:17px}.guide-card p{font-size:13px}.scene-main{padding:25px}.scene-main h2{font-size:29px}.steps-panel,.questions-panel{padding:25px}.catalogue-links{grid-template-columns:1fr 1fr}.cta-panel{padding:27px}.cta-panel h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:7px}.menu-toggle{display:inline-grid;place-items:center}.mobile-menu{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}