/* roulang page: index */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.8;overflow-x:hidden} a{color:inherit;text-decoration:none;transition:var(--transition)} img{display:block;max-width:100%;object-fit:cover} button,input,textarea,select{font:inherit} button{cursor:pointer} ::selection{background:var(--pale);color:var(--green)} :focus-visible{outline:3px solid var(--moss);outline-offset:3px}
    .site-shell{max-width:1280px;margin:auto;padding:0 28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.45);border-radius:999px;background:rgba(230,239,217,.72);font-size:13px;font-weight:700;color:var(--green);letter-spacing:.06em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.section{padding:88px 0}.section-title{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.04em;font-weight:800;margin:16px 0}.section-lead{font-size:17px;color:var(--muted);max-width:690px;margin:0}.btn{min-height:46px;padding:11px 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:1px solid transparent;transition:var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(105deg,var(--green),var(--teal))}.btn-secondary{color:var(--green);background:#fff;border-color:var(--line)}.btn-soft{color:var(--green);background:var(--pale)}
    .header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(252,252,248,.93);backdrop-filter:blur(10px)}.header.scrolled{box-shadow:0 8px 24px rgba(18,37,31,.06);border-color:var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}.logo-mark:before{width:11px;height:11px;top:8px;left:8px}.logo-mark:after{width:2px;height:19px;top:4px;left:13px;border-radius:0;border-width:0 1px}.desktop-nav{display:flex;align-items:center;gap:5px}.desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-weight:650;font-size:14px;border-radius:10px;border:0;background:none}.desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover{color:var(--green);background:var(--pale)}.dropdown{position:relative}.drop-menu{display:none;position:absolute;top:43px;left:-30px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.dropdown:hover .drop-menu,.dropdown:focus-within .drop-menu{display:block}.drop-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;color:#496158}.drop-menu a:hover{background:var(--pale);color:var(--green)}.nav-actions{display:flex;gap:8px}.nav-actions .btn{font-size:14px;min-height:40px;padding:8px 14px}.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green)}.mobile-panel{display:none;padding:0 20px 18px}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}.mobile-panel .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
    .hero{padding:42px 0 62px;background:linear-gradient(180deg,#fcfcf8 0%,#f5f1e8 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:680px;height:680px;right:-220px;top:-350px;border:1px solid rgba(141,189,71,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(141,189,71,.06),0 0 0 110px rgba(28,137,114,.035)}.hero-stage{min-height:590px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#164c3e url('/assets/images/backpic/back-1.webp') center/cover no-repeat;display:grid;grid-template-columns:1.12fr .88fr;align-items:end;box-shadow:var(--shadow-lg)}.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,43,34,.95) 0%,rgba(15,70,55,.82) 45%,rgba(15,70,55,.22) 100%)}.hero-stage:after{content:"";position:absolute;inset:22px;border:1px solid rgba(230,239,217,.35);border-radius:22px;pointer-events:none}.hero-copy{position:relative;z-index:1;padding:64px 58px;color:#fff}.hero-copy h1{font-size:clamp(40px,5vw,62px);line-height:1.13;letter-spacing:-.065em;font-weight:800;margin:18px 0 22px}.hero-copy h1 em{font-style:normal;color:#b8d970}.hero-copy p{font-size:17px;line-height:1.95;color:#e5f1e9;max-width:630px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-actions .btn-secondary{background:rgba(255,255,255,.9)}.hero-art{position:relative;z-index:1;align-self:center;padding:38px 42px 28px 15px}.field-note{margin-left:auto;max-width:330px;padding:24px;background:rgba(252,252,248,.95);color:var(--ink);border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.18);transform:rotate(2deg)}.field-note .note-line{height:1px;background:#d6dfd1;margin:14px 0}.field-note h3{font-size:18px;margin:10px 0}.field-note p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.note-number{font-size:42px;color:var(--green);font-weight:800;line-height:1}.hero-badges{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-28px 28px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 16px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center}.metric b{display:block;font-size:21px;line-height:1;color:var(--green)}.metric span{font-size:12px;line-height:1.45;color:var(--muted)}
    .feature-layout{display:grid;grid-template-columns:32% 1fr;gap:28px;align-items:start}.feature-index{display:grid;gap:10px}.feature-tab{padding:16px;border:1px solid var(--line);background:#fff;border-radius:17px;display:flex;gap:12px;align-items:center;transition:var(--transition)}.feature-tab:hover,.feature-tab.active{background:var(--pale);border-color:rgba(28,137,114,.5);transform:translateX(3px)}.feature-tab b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:12px}.feature-tab h3{font-size:16px;margin:0}.feature-tab p{display:none}.feature-panel{padding:34px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-height:420px;position:relative;overflow:hidden}.feature-panel:after{content:"";position:absolute;right:-70px;bottom:-90px;width:290px;height:290px;border:35px solid var(--pale);border-radius:50%}.feature-panel>div{position:relative;z-index:1}.feature-panel h3{font-size:30px;line-height:1.3;margin:14px 0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.feature-list li{list-style:none;padding:12px 14px;border-radius:12px;background:var(--cream);font-size:14px}.feature-list li:before{content:"✓";color:var(--teal);font-weight:800;margin-right:9px}.data-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff3e9;color:#9d552e;font-size:13px;font-weight:700}
    .reading-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.photo-frame{position:relative}.photo-frame img{height:580px;width:100%;border-radius:var(--radius-lg)}.photo-frame:after{content:"资料阅读笔记";position:absolute;bottom:18px;left:18px;padding:8px 14px;border-radius:999px;background:var(--green);color:#fff;font-size:13px;font-weight:700}.long-copy{max-width:760px}.long-copy h2{font-size:38px;line-height:1.3;margin:12px 0 18px}.long-copy h3{font-size:22px;margin:25px 0 8px}.long-copy p{font-size:17px;color:#3f5049;margin:0 0 16px}.quote{margin:25px 0;padding:18px 21px;border-left:4px solid var(--moss);background:var(--pale);border-radius:0 16px 16px 0;font-size:17px;color:var(--green);font-weight:700}.number-list{counter-reset:item;padding:0;display:grid;gap:10px}.number-list li{list-style:none;counter-increment:item;padding:12px 12px 12px 48px;background:#fff;border:1px solid var(--line);border-radius:13px;position:relative}.number-list li:before{content:counter(item);position:absolute;left:13px;top:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:800}
    .scene-bg{background:var(--pale);position:relative}.scene-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-top:34px}.scene-main{min-height:420px;position:relative;overflow:hidden;border-radius:var(--radius-lg);color:#fff}.scene-main img{position:absolute;inset:0;width:100%;height:100%}.scene-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,37,31,.92),rgba(18,37,31,.08))}.scene-main div{position:absolute;z-index:1;left:30px;right:30px;bottom:26px}.scene-main h3{font-size:27px;margin:0 0 5px}.scene-main p{margin:0;font-size:15px;color:#edf5e9}.scene-side{display:grid;gap:20px}.scene-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;min-height:200px;box-shadow:0 8px 20px rgba(18,37,31,.05);transition:var(--transition)}.scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.scene-card h3{font-size:20px;margin:8px 0}.scene-card p{font-size:14px;color:var(--muted);margin:0}.scene-card small{color:var(--orange);font-weight:800}.path-band{margin-top:24px;border-radius:var(--radius-lg);background:var(--green);color:#fff;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:45px;position:relative;overflow:hidden}.path-band:after{content:"";position:absolute;width:380px;height:380px;right:-130px;top:-160px;border:45px solid rgba(141,189,71,.3);border-radius:50%}.path-band h3{font-size:29px;line-height:1.3;margin:12px 0}.path-band p{color:#dceae1;margin:0}.timeline{position:relative;z-index:1;display:grid;gap:12px}.timeline div{padding:12px 14px;background:rgba(255,255,255,.1);border-radius:13px;font-size:14px}.timeline b{color:#c5e37d;margin-right:10px}
    .magazine{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:52px;align-items:start}.article-body{font-size:17px;color:#3b4d46}.article-body h2{font-size:36px;line-height:1.3;color:var(--ink);margin:0 0 18px}.article-body h3{font-size:23px;color:var(--green);margin:30px 0 9px}.article-body p{margin:0 0 17px}.sticky-note{position:sticky;top:104px;padding:23px;background:var(--cream);border-radius:20px;border:1px solid var(--line)}.sticky-note h3{font-size:17px;margin:0 0 12px}.sticky-note a{display:block;padding:9px 0;border-bottom:1px dashed rgba(21,92,69,.2);font-size:14px;color:#426055}.sticky-note a:hover{color:var(--green);padding-left:4px}.tip{margin-top:18px;padding:14px;border-radius:13px;background:#fff;color:var(--muted);font-size:13px}
    .case-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:32px}.case-main{min-height:490px;padding:40px;color:#fff;border-radius:var(--radius-lg);background:linear-gradient(145deg,#123e31,#1c765f);position:relative;overflow:hidden}.case-main:after{content:"";position:absolute;width:400px;height:400px;right:-140px;bottom:-180px;border:50px solid rgba(141,189,71,.3);border-radius:50%}.case-main>*{position:relative;z-index:1}.case-main h3{font-size:31px;line-height:1.3;margin:17px 0}.case-main p{max-width:590px;color:#dcece3}.case-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.case-steps div{padding:14px;background:rgba(255,255,255,.1);border-radius:14px;font-size:13px}.case-steps b{display:block;color:#c5e37d;font-size:20px}.case-side{display:grid;gap:20px}.mini-case{padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff}.mini-case:nth-child(2){background:#fff3e9}.mini-case h3{font-size:20px;margin:9px 0}.mini-case p,.mini-case li{font-size:14px;color:var(--muted)}.mini-case ul{padding-left:18px;margin:10px 0 0}.brand-strip{margin-top:25px;padding:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.brand-strip h2{font-size:30px;line-height:1.35;margin:0}.brand-strip p{font-size:16px;color:var(--muted);margin:0}.brand-numbers{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brand-numbers div{border-left:2px solid var(--moss);padding-left:13px;font-size:14px;color:var(--muted)}.brand-numbers b{display:block;color:var(--green);font-size:20px}
    .pricing-wrap{background:var(--cream)}.pricing-grid{display:grid;grid-template-columns:.9fr 1.18fr .9fr;gap:18px;align-items:center;margin-top:35px}.price-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 9px 22px rgba(18,37,31,.05)}.price-card.recommend{padding:37px 31px;background:var(--pale);border-color:rgba(28,137,114,.35);position:relative}.price-card.recommend:before{content:"推荐阅读支持";position:absolute;top:-13px;left:28px;padding:5px 12px;color:#fff;background:linear-gradient(90deg,var(--green),var(--teal));border-radius:999px;font-size:12px;font-weight:800}.price-card h3{font-size:24px;margin:0 0 8px}.price-card .price{font-size:31px;line-height:1.2;font-weight:800;color:var(--green);margin:16px 0}.price-card p{font-size:14px;color:var(--muted)}.price-card ul{padding:0;margin:20px 0;display:grid;gap:9px}.price-card li{list-style:none;font-size:14px}.price-card li:before{content:"✓";color:var(--teal);font-weight:800;margin-right:8px}.price-note{max-width:830px;margin:25px auto 0;color:var(--muted);font-size:14px;text-align:center}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-panel{padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line)}.compare-panel.dark{background:var(--green);color:#fff}.compare-panel h3{font-size:23px;margin:0 0 12px}.compare-panel p{font-size:16px;margin:0 0 15px}.compare-panel ul{padding:0;margin:0;display:grid;gap:10px}.compare-panel li{list-style:none;padding:10px 0;border-bottom:1px solid rgba(21,92,69,.12);font-size:14px}.dark li{border-color:rgba(255,255,255,.16)}.compare-panel li:before{content:"—";margin-right:8px;color:var(--moss)}
    .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:var(--transition)}.benefit:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:var(--shadow)}.benefit .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--pale);color:var(--green);font-size:20px}.benefit h3{font-size:20px;margin:15px 0 7px}.benefit p{font-size:14px;color:var(--muted);margin:0}
    .news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:30px}.featured-news{border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--line)}.featured-news img{width:100%;height:250px}.featured-news .inside{padding:25px}.news-date{font-size:13px;color:#9d552e;font-weight:800}.featured-news h3{font-size:26px;line-height:1.35;margin:9px 0}.featured-news p{font-size:15px;color:var(--muted)}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:98px 1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.news-item time{font-size:13px;color:var(--orange);font-weight:800}.news-item h3{font-size:16px;margin:0 0 3px}.news-item p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}.text-link{font-size:13px;color:var(--green);font-weight:800;white-space:nowrap}.text-link:hover{text-decoration:underline}
    .media-scroll{display:flex;gap:16px;overflow:auto;padding:5px 2px 15px;scroll-snap-type:x mandatory}.media-card{min-width:285px;max-width:285px;scroll-snap-align:start;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line)}.media-card img{height:142px;width:100%}.media-card div{padding:16px}.media-card span{font-size:12px;color:var(--orange);font-weight:800}.media-card h3{font-size:17px;margin:8px 0 0;line-height:1.4}
    .faq-section{background:var(--pale)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}.faq-intro h2{font-size:39px;line-height:1.25;margin:14px 0}.faq-intro p{color:var(--muted)}.faq-count{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border-radius:999px;font-weight:800;color:var(--green);font-size:14px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-q{width:100%;padding:17px 19px;background:none;border:0;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--ink);font-weight:800;font-size:16px}.faq-q span:last-child{color:var(--green);font-size:24px;line-height:1;transition:transform .25s}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-a>div{overflow:hidden}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a p{margin:0;padding:0 19px 18px;color:var(--muted);font-size:15px}
    .apply{padding:44px 0;background:var(--paper)}.apply-box{padding:43px;border-radius:var(--radius-lg);background:linear-gradient(110deg,#123e31,#1c765f);position:relative;overflow:hidden;color:#fff;display:grid;grid-template-columns:1fr .82fr;gap:35px}.apply-box:after{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-230px;border:52px solid rgba(141,189,71,.28);border-radius:50%}.apply-box>*{position:relative;z-index:1}.apply h2{font-size:37px;line-height:1.25;margin:13px 0}.apply p{color:#dcece3;max-width:600px}.apply-form{padding:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);border-radius:18px;display:grid;gap:11px}.apply-form label{font-size:13px;color:#dcece3}.apply-form input{width:100%;border:1px solid rgba(255,255,255,.32);background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink)}.apply-form small{font-size:12px;line-height:1.55;color:#dcece3}
    footer{background:#12251F;color:#dce8df;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:30px}.footer-logo{color:#fff}.footer-brand p{font-size:14px;color:#aebfb5;max-width:300px}.footer-col h3{font-size:14px;color:#c7df87;margin:0 0 12px}.footer-col a{display:block;font-size:14px;color:#b8c8bf;padding:4px 0}.footer-col a:hover{color:#fff;padding-left:3px}.footer-input{display:flex;gap:8px}.footer-input input{min-width:0;width:100%;border:1px solid rgba(230,239,217,.25);border-radius:10px;background:#19352d;color:#fff;padding:9px}.footer-input button{border:0;border-radius:10px;background:var(--moss);color:#163a2d;padding:8px 10px;font-size:13px;font-weight:800}.footer-bottom{margin-top:38px;padding-top:18px;border-top:1px solid rgba(230,239,217,.16);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#91a59a;font-size:12px}.footer-bottom a{color:#c7d9ce}.footer-bottom a:hover{color:#fff}
    @media(max-width:1024px){.desktop-nav{display:none}.mobile-toggle{display:block}.nav-actions{display:none}.hero-copy{padding:48px}.feature-layout,.reading-block,.faq-layout{grid-template-columns:1fr}.feature-index{grid-template-columns:repeat(2,1fr)}.feature-tab p{display:none}.photo-frame img{height:400px}.magazine{gap:28px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-brand{grid-column:1/-1}.hero-badges{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.site-shell{padding:0 18px}.section{padding:60px 0}.hero{padding-top:22px}.hero-stage{display:block;min-height:auto}.hero-copy{padding:45px 25px 30px}.hero-art{padding:0 25px 26px}.field-note{margin:0;max-width:none;transform:none}.hero-badges{margin:-10px 18px 0}.feature-index{grid-template-columns:1fr}.feature-panel{padding:25px;min-height:0}.feature-list,.scene-grid,.path-band,.case-grid,.brand-strip,.compare,.news-layout,.apply-box{grid-template-columns:1fr}.magazine{grid-template-columns:1fr}.sticky-note{position:static;order:-1}.case-steps,.pricing-grid,.benefit-grid{grid-template-columns:1fr}.pricing-grid{align-items:stretch}.price-card.recommend{padding:30px}.brand-numbers{grid-template-columns:1fr}.news-item{grid-template-columns:76px 1fr}.news-item .text-link{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.section-title{font-size:32px}.long-copy h2,.article-body h2{font-size:31px}}
    @media(max-width:480px){.nav-wrap{height:66px}.logo{font-size:18px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-badges{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:11px}.metric b{font-size:18px}.metric span{font-size:11px}.feature-list{grid-template-columns:1fr}.path-band,.case-main,.apply-box{padding:27px 21px}.case-steps{gap:8px}.case-steps div{padding:10px;font-size:12px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom div{margin:6px 0}.mobile-panel .mobile-actions{grid-template-columns:1fr}.scene-main div{left:20px;right:20px}.scene-main{min-height:350px}}

/* roulang page: category2 */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition)}img{display:block;max-width:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--moss);color:var(--ink)}:focus-visible{outline:3px solid rgba(141,189,71,.8);outline-offset:3px}
    .site-shell{width:min(1200px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(252,252,248,.94);backdrop-filter:blur(10px)}.header.scrolled{box-shadow:0 8px 24px rgba(18,37,31,.07);border-color:var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}.logo-mark:before{width:11px;height:11px;top:8px;left:8px}.logo-mark:after{width:2px;height:19px;top:4px;left:13px;border-radius:0;border-width:0 1px}
    .desktop-nav{display:flex;align-items:center;gap:5px}.desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-weight:650;font-size:14px;border-radius:10px;border:0;background:none}.desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover{color:var(--green);background:var(--pale)}.drop-wrap{position:relative}.drop-menu{display:none;position:absolute;top:43px;left:-30px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.drop-wrap:hover .drop-menu,.drop-wrap:focus-within .drop-menu{display:block}.drop-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;color:#496158}.drop-menu a:hover{background:var(--pale);color:var(--green)}.nav-actions{display:flex;gap:8px}.btn{min-height:46px;padding:11px 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:1px solid transparent;transition:var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(105deg,var(--green),var(--teal))}.btn-secondary{color:var(--green);background:#fff;border-color:var(--line)}.nav-actions .btn{font-size:14px;min-height:40px;padding:8px 14px}.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green)}.mobile-panel{display:none;padding:0 20px 18px}.mobile-panel.open{display:block}.mobile-panel>a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.45);border-radius:999px;background:rgba(230,239,217,.72);font-size:13px;font-weight:700;color:var(--green);letter-spacing:.04em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.section{padding:82px 0}.section-title{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.04em;font-weight:800;margin:14px 0}.section-lead{font-size:17px;color:var(--muted);max-width:700px;margin:0}.muted{color:var(--muted)}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--pale);color:var(--green);font-size:12px;font-weight:700}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}.card:hover{transform:translateY(-4px);border-color:rgba(28,137,114,.48);box-shadow:var(--shadow-lg)}.stat{padding:16px 18px;border:1px solid rgba(141,189,71,.38);border-radius:17px;background:#fff}.stat strong{display:block;color:var(--green);font-size:25px;line-height:1.2}.stat span{font-size:13px;color:var(--muted)}
    .hero-observe{min-height:560px;padding:76px 0;background-image:linear-gradient(90deg,rgba(11,51,39,.96),rgba(19,81,62,.84) 48%,rgba(21,92,69,.38)),url('/assets/images/backpic/back-2.webp');background-size:cover;background-position:center;position:relative;color:#fff;overflow:hidden}.hero-observe:after{content:"";position:absolute;inset:24px;border:1px solid rgba(230,239,217,.32);border-radius:26px;pointer-events:none}.hero-inner{position:relative;z-index:1}.hero-observe h1{font-size:clamp(42px,6vw,68px);line-height:1.12;letter-spacing:-.07em;max-width:680px;margin:20px 0}.hero-observe h1 em{font-style:normal;color:#c1dc7b}.hero-observe p{max-width:650px;font-size:18px;color:#e2eee6}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-meta span{padding:7px 12px;border:1px solid rgba(230,239,217,.35);border-radius:999px;color:#e7f2e8;font-size:13px;background:rgba(255,255,255,.08)}.hero-mark{position:absolute;right:10%;top:25%;font-size:120px;font-weight:800;color:rgba(230,239,217,.12);line-height:1}
    .filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.filter-bar button{border:1px solid var(--line);background:#fff;color:var(--green);padding:9px 16px;border-radius:999px;font-weight:700}.filter-bar button.active,.filter-bar button:hover{background:var(--green);color:#fff}
    .observe-layout{display:grid;grid-template-columns:5fr 7fr;gap:30px;align-items:start}.side-panel{position:sticky;top:100px}.dimension-list{display:grid;gap:12px;margin-top:24px}.dimension{padding:17px 18px;background:var(--cream);border-left:4px solid var(--moss);border-radius:0 16px 16px 0}.dimension h3{margin:0 0 3px;font-size:17px}.dimension p{margin:0;color:var(--muted);font-size:14px}.observation-grid{display:grid;gap:15px}.observe-card{padding:24px}.observe-card.hidden{display:none}.observe-card header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.observe-card h3{font-size:21px;line-height:1.35;margin:10px 0 7px}.observe-card p{color:var(--muted);margin:0;font-size:15px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:13px;color:var(--muted)}.card-foot b{color:var(--orange)}
    .check-section{background:var(--pale)}.check-wrap{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.check-image{height:410px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.check-image img{width:100%;height:100%}.check-image:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(21,92,69,.1),rgba(21,92,69,.55))}.check-list{display:grid;gap:13px;margin-top:25px}.check-list li{list-style:none;display:flex;gap:12px;align-items:flex-start;background:#fff;padding:14px 16px;border-radius:15px;border:1px solid rgba(21,92,69,.12)}.check-list b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:var(--green);color:#fff;font-size:13px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px}.step{position:relative;padding:20px 22px 18px;border-top:2px solid var(--moss)}.step:not(:last-child):after{content:"→";position:absolute;right:-7px;top:11px;color:var(--teal);font-size:22px;background:var(--paper)}.step-num{color:var(--orange);font-weight:800;font-size:13px}.step h3{font-size:18px;margin:8px 0}.step p{font-size:14px;color:var(--muted);margin:0}
    .deep{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px}.article-copy{font-size:17px;line-height:2}.article-copy h2{font-size:30px;line-height:1.35;margin:0 0 20px}.article-copy h3{font-size:21px;margin:30px 0 8px}.article-copy p{margin:0 0 19px}.quote{margin:25px 0;padding:21px 24px;border-left:4px solid var(--orange);background:var(--cream);border-radius:0 17px 17px 0;font-weight:700;color:var(--green)}.note-card{background:var(--green);color:#fff;border-radius:var(--radius);padding:25px;position:sticky;top:100px}.note-card h3{margin:0 0 12px}.note-card a{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px;color:#dbead8}.note-card a:hover{color:#c1dc7b}
    .faq-section{background:var(--cream)}.faq-layout{display:grid;grid-template-columns:4fr 8fr;gap:45px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-q{width:100%;padding:18px 20px;background:none;border:0;text-align:left;display:flex;justify-content:space-between;gap:15px;color:var(--ink);font-weight:800}.faq-q span{color:var(--teal);font-size:22px;transition:transform .25s}.faq-a{max-height:0;overflow:hidden;padding:0 20px;color:var(--muted);transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-a{max-height:180px;padding:0 20px 18px}.faq-item.open .faq-q span{transform:rotate(45deg)}
    .cta{padding:56px 0;background:var(--green);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:500px;height:500px;border:70px solid rgba(141,189,71,.18);border-radius:50%;right:-150px;top:-250px}.cta-inner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:0 0 10px}.cta p{color:#d9e9dd;max-width:650px;margin:0}.cta-actions{display:flex;gap:10px;flex-shrink:0}.cta .btn-secondary{background:#f9fff8}
    footer{background:var(--ink);color:#f2f5ed;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr 1.2fr;gap:40px}.footer-brand p{color:#aebfb5;font-size:14px;max-width:300px}.footer-logo{color:#eaf5e7}.footer-col{display:flex;flex-direction:column;gap:7px}.footer-col h3{font-size:15px;margin:0 0 8px;color:#d2e5c6}.footer-col a{font-size:14px;color:#aebfb5}.footer-col a:hover{color:#b8d970}.footer-input{display:flex;border:1px solid rgba(141,189,71,.35);border-radius:12px;overflow:hidden;margin-top:5px}.footer-input input{min-width:0;width:100%;padding:10px;background:transparent;border:0;color:#fff;outline:0}.footer-input button{border:0;background:var(--moss);color:var(--ink);padding:0 13px;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(141,189,71,.25);margin-top:42px;padding-top:18px;color:#91a79b;font-size:12px}.footer-bottom a:hover{color:#c1dc7b}
    @media(max-width:1024px){.desktop-nav>a:nth-last-child(-n+2){display:none}.observe-layout{grid-template-columns:1fr 1.5fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:span 3}.hero-observe{min-height:500px}}
    @media(max-width:768px){.site-shell{width:min(100% - 28px,620px)}.desktop-nav,.nav-actions{display:none}.mobile-toggle{display:block}.nav-wrap{height:68px}.hero-observe{padding:60px 0;min-height:470px}.hero-observe h1{font-size:42px}.observe-layout,.check-wrap,.deep,.faq-layout{grid-template-columns:1fr;gap:28px}.side-panel,.note-card{position:static}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2):after{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:last-child{grid-column:span 2}.footer-bottom{flex-direction:column}.section{padding:65px 0}.cta-inner{align-items:flex-start;flex-direction:column}}
    @media(max-width:480px){.site-shell{width:calc(100% - 24px)}.hero-observe h1{font-size:35px}.hero-observe p{font-size:16px}.steps{grid-template-columns:1fr}.step:after{display:none!important}.cta-actions{width:100%;flex-direction:column}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.hero-mark{font-size:80px;right:4%;top:20%}}

/* roulang page: category1 */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.85;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition)}img{display:block;max-width:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--pale);color:var(--green)}:focus-visible{outline:3px solid rgba(141,189,71,.75);outline-offset:3px}.site-shell{width:min(1200px,calc(100% - 40px));margin:0 auto}.section{padding:82px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.48);border-radius:999px;background:var(--pale);font-size:13px;font-weight:800;color:var(--green);letter-spacing:.06em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}.section-title{font-size:clamp(30px,4vw,42px);line-height:1.25;letter-spacing:-.045em;font-weight:800;margin:15px 0}.section-lead{max-width:740px;margin:0;color:var(--muted);font-size:17px}.btn{min-height:46px;padding:10px 19px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid transparent;transition:var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(105deg,var(--green),var(--teal));color:white}.btn-secondary{background:#fff;color:var(--green);border-color:var(--line)}.btn-soft{background:var(--pale);color:var(--green)}
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(252,252,248,.94);backdrop-filter:blur(10px)}.header.scrolled{border-color:var(--line);box-shadow:0 8px 24px rgba(18,37,31,.06)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}.logo-mark:before{width:11px;height:11px;top:8px;left:8px}.logo-mark:after{width:2px;height:19px;top:4px;left:13px;border-radius:0;border-width:0 1px}.desktop-nav{display:flex;align-items:center;gap:5px}.desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-weight:650;font-size:14px;border-radius:10px;border:0;background:none}.desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover{color:var(--green);background:var(--pale)}.dropdown{position:relative}.drop-menu{display:none;position:absolute;top:43px;left:-30px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.dropdown:hover .drop-menu,.dropdown:focus-within .drop-menu{display:block}.drop-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;color:#496158}.drop-menu a:hover{background:var(--pale);color:var(--green)}.nav-actions{display:flex;gap:8px}.nav-actions .btn{font-size:14px;min-height:40px;padding:8px 14px}.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green)}.mobile-panel{display:none;padding:0 20px 18px}.mobile-panel.open{display:block}.mobile-panel>a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
.page-hero{padding:42px 0 48px;background:linear-gradient(180deg,#fcfcf8,#f5f1e8);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:460px;height:460px;right:-120px;top:-260px;border:44px solid rgba(141,189,71,.13);border-radius:50%}.crumbs{position:relative;z-index:1;display:flex;gap:9px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:24px}.crumbs span{color:var(--orange)}.hero-strip{position:relative;z-index:1;border-radius:var(--radius-lg);overflow:hidden;min-height:285px;background:var(--green) url('/assets/images/backpic/back-2.webp') center/cover}.hero-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,57,43,.96),rgba(21,92,69,.79),rgba(21,92,69,.28))}.hero-strip:after{content:"";position:absolute;inset:18px;border:1px solid rgba(230,239,217,.35);border-radius:20px}.hero-content{position:relative;z-index:2;padding:44px 54px;color:white;max-width:810px}.hero-content h1{font-size:clamp(36px,5vw,57px);line-height:1.15;letter-spacing:-.06em;margin:14px 0 15px;font-weight:800}.hero-content p{margin:0;color:#e2f0e7;font-size:17px}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.meta-chip{padding:6px 11px;border:1px solid rgba(230,239,217,.35);border-radius:999px;background:rgba(255,255,255,.11);font-size:13px}
.portal-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,4fr);gap:34px;align-items:start}.content-list{display:grid;gap:18px}.feature-article,.article-row,.side-card,.note-box{border:1px solid var(--line);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.feature-article{overflow:hidden;display:grid;grid-template-columns:38% 1fr}.feature-article img{height:100%;min-height:270px}.article-copy{padding:28px}.kicker{font-size:13px;font-weight:800;color:var(--teal);letter-spacing:.06em}.article-copy h2{font-size:27px;line-height:1.32;margin:10px 0}.article-copy p{color:var(--muted);margin:0 0 18px}.article-row{padding:22px;display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:start}.article-row:hover{transform:translateY(-4px);border-color:rgba(28,137,114,.55);box-shadow:var(--shadow-lg)}.article-number{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--pale);font-weight:800;color:var(--green)}.article-row h3{font-size:20px;line-height:1.35;margin:0 0 7px}.article-row p{font-size:15px;color:var(--muted);margin:0}.article-info{display:flex;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:9px}.tag{padding:3px 9px;border-radius:999px;background:var(--cream);color:var(--green);font-weight:700}.sidebar{position:sticky;top:96px;display:grid;gap:16px}.side-card{padding:24px}.side-card h3{font-size:19px;margin:0 0 12px}.side-card ol,.side-card ul{padding:0;margin:0;list-style:none}.side-card li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.side-card li:last-child{border:0}.side-card a:hover{color:var(--teal)}.mini-date{color:var(--orange);font-size:12px;font-weight:800;display:block}
.deep-reading{background:var(--pale);position:relative}.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px}.prose{font-size:17px;line-height:2;color:#294239}.prose h2{font-size:34px;line-height:1.3;color:var(--ink);margin:0 0 22px;letter-spacing:-.04em}.prose h3{font-size:22px;color:var(--green);margin:30px 0 10px}.prose p{margin:0 0 19px}.prose strong{color:var(--green)}.prose ul{padding-left:22px;margin:0 0 20px}.prose li{margin:8px 0}.quote{margin:28px 0;padding:20px 24px;border-left:5px solid var(--moss);background:#fff;border-radius:0 16px 16px 0;color:var(--green);font-weight:700}.reading-aside{position:sticky;top:100px;height:max-content}.check-card{background:var(--green);color:#fff;border-radius:var(--radius);padding:25px;box-shadow:var(--shadow-lg)}.check-card h3{font-size:21px;margin:0 0 13px}.check-card p{font-size:14px;color:#d8ebe0}.check-card li{list-style:none;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px}.check-card li:before{content:"✓";color:var(--moss);font-weight:800;margin-right:8px}
.path-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}.image-panel{min-height:380px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.image-panel img{height:100%;width:100%}.image-panel:after{content:"资料阅读不是抢答。保留版本、时间与出处，才能判断一条信息是否仍然适用。";position:absolute;left:22px;right:22px;bottom:20px;padding:16px 18px;border-radius:16px;background:rgba(18,37,31,.84);color:#fff;font-weight:700;line-height:1.7}.steps-panel{padding:32px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-lg)}.step{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pale);color:var(--green)}.step h3{margin:0;font-size:18px}.step p{margin:3px 0 0;font-size:14px;color:var(--muted)}
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.faq-list{display:grid;gap:10px}.faq-item{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px}.faq-q{width:100%;padding:18px 19px;display:flex;justify-content:space-between;gap:16px;text-align:left;border:0;background:#fff;color:var(--ink);font-weight:800}.faq-q span:last-child{color:var(--teal);font-size:22px;line-height:1;transition:var(--transition)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{margin:0;padding:0 19px 19px;color:var(--muted);font-size:15px}.faq-item.open .faq-a{max-height:220px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta-panel{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:42px 48px;background:linear-gradient(110deg,var(--green),var(--teal));color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta-panel:after{content:"";position:absolute;width:300px;height:300px;right:-105px;bottom:-190px;border:48px solid rgba(141,189,71,.32);border-radius:50%}.cta-panel>*{position:relative;z-index:1}.cta-panel h2{font-size:32px;line-height:1.25;margin:0 0 9px}.cta-panel p{margin:0;color:#d8ebe0}.cta-panel .btn-secondary{background:white}
footer{background:#12251F;color:#edf4eb;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr 1fr;gap:30px;padding-bottom:34px}.footer-logo{color:#fff}.footer-brand p{max-width:335px;margin:16px 0 0;color:#aebfb5;font-size:14px}.footer-col h3{font-size:15px;margin:0 0 12px;color:#fff}.footer-col>a{display:block;color:#b9c9bf;font-size:14px;padding:4px 0}.footer-col>a:hover{color:#b8d970}.footer-input{display:flex;margin-top:13px}.footer-input input{width:100%;border:1px solid rgba(230,239,217,.24);border-radius:10px 0 0 10px;background:rgba(255,255,255,.08);color:white;padding:9px 10px;font-size:13px}.footer-input button{border:0;background:var(--moss);color:var(--green);font-weight:800;padding:0 12px;border-radius:0 10px 10px 0}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid rgba(230,239,217,.18);font-size:12px;color:#aebfb5}.footer-bottom a:hover{color:#b8d970}
@media(max-width:1024px){.desktop-nav{display:none}.feature-article{grid-template-columns:34% 1fr}.portal-grid,.reading-grid,.faq-wrap{gap:26px}.footer-grid{grid-template-columns:1fr 1fr}.nav-actions{margin-left:auto}}@media(max-width:768px){.site-shell{width:min(100% - 28px,1200px)}.nav-actions{display:none}.mobile-toggle{display:block}.section{padding:58px 0}.hero-content{padding:34px 28px}.hero-strip{min-height:310px}.portal-grid,.reading-grid,.path-grid,.faq-wrap{grid-template-columns:1fr}.sidebar,.reading-aside{position:static}.feature-article{grid-template-columns:1fr}.feature-article img{height:210px;min-height:0}.article-row{grid-template-columns:46px 1fr}.article-row>.btn{grid-column:2;justify-self:start}.faq-wrap{gap:25px}.cta-panel{grid-template-columns:1fr;padding:33px 28px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}}@media(max-width:480px){.nav-wrap{height:68px}.logo{font-size:18px}.hero-content h1{font-size:34px}.hero-content{padding:29px 22px}.meta-row{gap:7px}.article-row{padding:18px 15px;gap:12px}.article-copy{padding:22px}.prose{font-size:16px}.prose h2{font-size:28px}.section-title{font-size:29px}.footer-grid{grid-template-columns:1fr}.mobile-actions{grid-template-columns:1fr}.cta-panel h2{font-size:28px}}

/* roulang page: category3 */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.8;overflow-x:hidden}
    a{color:inherit;text-decoration:none;transition:var(--transition)}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    ::selection{background:var(--pale);color:var(--green)}
    :focus-visible{outline:3px solid rgba(141,189,71,.72);outline-offset:3px}
    .site-shell{width:min(1240px,calc(100% - 48px));margin:auto}
    .section{padding:84px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.48);border-radius:999px;background:rgba(230,239,217,.74);font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--green)}
    .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
    .section-title{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.045em;font-weight:800;margin:14px 0}
    .section-lead{font-size:17px;line-height:1.9;color:var(--muted);max-width:720px;margin:0}
    .btn{min-height:46px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;font-weight:750;transition:var(--transition)}
    .btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}
    .btn:active{transform:translateY(0)}
    .btn-primary{color:#fff;background:linear-gradient(105deg,var(--green),var(--teal))}
    .btn-secondary{color:var(--green);background:#fff;border-color:var(--line)}
    .btn-soft{color:var(--green);background:var(--pale)}
    .header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(252,252,248,.93);backdrop-filter:blur(10px)}
    .header.scrolled{box-shadow:0 8px 24px rgba(18,37,31,.06);border-color:var(--line)}
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}
    .logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale);flex:none}
    .logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}
    .logo-mark:before{width:11px;height:11px;top:8px;left:8px}
    .logo-mark:after{width:2px;height:19px;top:4px;left:13px;border-radius:0;border-width:0 1px}
    .desktop-nav{display:flex;align-items:center;gap:5px;position:relative}
    .desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-weight:650;font-size:14px;border-radius:10px;border:0;background:none}
    .desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover,.drop-trigger.active{color:var(--green);background:var(--pale)}
    .drop-wrap{position:relative}
    .drop-menu{display:none;position:absolute;top:43px;left:-30px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}
    .drop-wrap.open .drop-menu{display:block}
    .drop-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;color:#496158}
    .drop-menu a:hover,.drop-menu a.active{background:var(--pale);color:var(--green)}
    .nav-actions{display:flex;gap:8px}
    .nav-actions .btn{font-size:14px;min-height:40px;padding:8px 14px}
    .mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green)}
    .mobile-panel{display:none;padding:0 20px 18px}
    .mobile-panel.open{display:block}
    .mobile-panel>a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}
    .mobile-panel>a.active{color:var(--green);background:var(--pale)}
    .mobile-panel .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
    .breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--muted);font-size:14px;padding:25px 0 10px}
    .breadcrumb span{color:#a1aaa3}
    .page-hero{position:relative;overflow:hidden;padding:42px 0 62px;background:var(--cream)}
    .page-hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(28,137,114,.2);border-radius:50%;right:-215px;top:-295px;box-shadow:0 0 0 48px rgba(141,189,71,.08),0 0 0 101px rgba(28,137,114,.04)}
    .title-grid{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) 330px;gap:28px;align-items:end}
    .vertical-count{font-size:13px;font-weight:800;color:var(--green);letter-spacing:.2em;writing-mode:vertical-rl;align-self:stretch;padding-top:16px}
    .vertical-count strong{font-size:42px;line-height:1;color:var(--teal);letter-spacing:-.05em;margin-bottom:14px}
    .page-hero h1{font-size:clamp(42px,5vw,61px);line-height:1.15;letter-spacing:-.065em;margin:14px 0 18px;font-weight:850}
    .page-hero h1 em{font-style:normal;color:var(--teal)}
    .hero-summary{color:#4f6259;font-size:17px;max-width:700px;margin:0}
    .hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
    .meta-pill{padding:6px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;color:#4d655a}
    .hero-note{padding:22px;background:var(--green);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
    .hero-note:after{content:"";position:absolute;width:150px;height:150px;border:22px solid rgba(141,189,71,.32);border-radius:50%;right:-55px;bottom:-75px}
    .hero-note small{display:block;color:#bdd8cb;font-weight:700;letter-spacing:.08em}
    .hero-note b{display:block;font-size:26px;line-height:1.3;margin:8px 0}
    .hero-note p{position:relative;z-index:1;margin:0;font-size:14px;line-height:1.75;color:#e2eee7}
    .metric-strip{margin-top:-27px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px 18px;box-shadow:var(--shadow)}
    .metric b{display:block;color:var(--green);font-size:25px;line-height:1.15;letter-spacing:-.04em}
    .metric span{font-size:13px;color:var(--muted)}
    .editorial-grid{display:grid;grid-template-columns:1.15fr .55fr .8fr;grid-template-areas:"main annotation photo";gap:24px;align-items:start}
    .article-main{grid-area:main;background:#fff;border:1px solid var(--line);padding:38px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
    .annotation{grid-area:annotation;display:grid;gap:16px}
    .photo-stack{grid-area:photo;display:grid;gap:16px}
    .article-main h2{font-size:31px;line-height:1.32;letter-spacing:-.04em;margin:14px 0}
    .article-main h3{font-size:21px;line-height:1.45;margin:28px 0 8px}
    .article-main p{font-size:16px;color:#40534a;margin:0 0 18px}
    .rule-line{padding-left:18px;border-left:3px solid var(--moss);margin:25px 0;color:var(--green);font-size:18px;font-weight:750;line-height:1.8}
    .annotation-card,.legend-card{padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--pale)}
    .annotation-card.white{background:#fff}
    .annotation-card h3,.legend-card h3{font-size:18px;margin:0 0 12px}
    .annotation-card p,.legend-card p{font-size:14px;line-height:1.8;color:#51645b;margin:0}
    .note-number{font-size:34px;font-weight:850;line-height:1;color:var(--orange);letter-spacing:-.06em;margin-bottom:10px}
    .photo-card{overflow:hidden;border-radius:var(--radius-lg);background:var(--green);position:relative;min-height:235px}
    .photo-card img{width:100%;height:100%;position:absolute;inset:0}
    .photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,37,31,.04),rgba(18,37,31,.72))}
    .photo-card span{position:absolute;z-index:1;left:20px;right:20px;bottom:17px;color:#fff;font-size:15px;font-weight:750;line-height:1.55}
    .data-board{background:var(--green);color:#fff;border-radius:var(--radius-lg);padding:38px;position:relative;overflow:hidden}
    .data-board:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(141,189,71,.14));pointer-events:none}
    .data-board>*{position:relative;z-index:1}
    .board-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}
    .data-board h2{font-size:35px;line-height:1.3;letter-spacing:-.04em;margin:14px 0}
    .data-board p{color:#d7e8df;margin:0;font-size:16px}
    .bar-list{display:grid;gap:17px}
    .bar-head{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#d6e8df;margin-bottom:7px}
    .bar{height:10px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
    .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--moss),#d8e99a)}
    .legend-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
    .legend-inline span{padding:5px 9px;background:rgba(255,255,255,.12);border:1px solid rgba(230,239,217,.2);border-radius:999px;font-size:12px;color:#e6f0e9}
    .method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .method-copy{padding:18px 20px}
    .method-copy h2{font-size:33px;line-height:1.3;letter-spacing:-.04em;margin:13px 0}
    .method-copy p{font-size:16px;color:#4e6057;margin:0 0 17px}
    .method-steps{display:grid;gap:13px;margin-top:24px}
    .method-step{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start;padding:16px;border-bottom:1px solid var(--line)}
    .method-step:last-child{border-bottom:0}
    .step-no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pale);color:var(--green);font-size:14px;font-weight:850}
    .method-step h3{font-size:17px;margin:0 0 3px}
    .method-step p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
    .compare-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow)}
    .compare-panel h3{font-size:22px;margin:0 0 20px}
    .compare-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
    .compare-cell{border-radius:15px;padding:16px;background:var(--cream)}
    .compare-cell.good{background:var(--pale)}
    .compare-cell b{display:block;font-size:14px;margin-bottom:6px;color:var(--green)}
    .compare-cell p{font-size:14px;line-height:1.7;margin:0;color:#526259}
    .notes-wall{background:var(--cream)}
    .wall-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}
    .note-wall-grid{display:grid;grid-template-columns:1.05fr .85fr 1fr;gap:20px;align-items:start}
    .note-card{border-radius:var(--radius);padding:25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:var(--transition)}
    .note-card:hover{transform:translateY(-4px);border-color:rgba(28,137,114,.48);box-shadow:var(--shadow-lg)}
    .note-card.tall{min-height:306px;background:var(--green);color:#fff}
    .note-card.moss{background:var(--pale)}
    .note-card.orange{background:#f8e3d4}
    .note-card h3{font-size:21px;line-height:1.4;margin:12px 0}
    .note-card p{font-size:14px;line-height:1.8;color:#53645b;margin:0}
    .note-card.tall p{color:#dcece4}
    .note-card .tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(21,92,69,.1);color:var(--green);font-size:12px;font-weight:800}
    .note-card.tall .tag{background:rgba(255,255,255,.13);color:#e7f2db}
    .check-list{padding:0;margin:20px 0 0;list-style:none}
    .check-list li{padding:8px 0 8px 22px;position:relative;font-size:14px;line-height:1.65}
    .check-list li:before{content:"✓";position:absolute;left:0;color:var(--moss);font-weight:850}
    .deep-reading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:56px;align-items:start}
    .prose h2{font-size:35px;line-height:1.3;letter-spacing:-.04em;margin:15px 0 20px}
    .prose h3{font-size:22px;line-height:1.4;margin:28px 0 8px}
    .prose p{font-size:16.5px;line-height:2;color:#40534a;margin:0 0 18px}
    .reading-aside{position:sticky;top:102px;padding:25px;background:var(--pale);border:1px solid rgba(21,92,69,.15);border-radius:var(--radius)}
    .reading-aside h3{font-size:18px;margin:0 0 12px}
    .reading-aside a{display:block;padding:9px 0;border-bottom:1px solid rgba(21,92,69,.12);font-size:14px;font-weight:700;color:#446055}
    .reading-aside a:last-of-type{border-bottom:0}
    .tip-box{margin-top:20px;padding:15px;border-radius:14px;background:#fff;color:#52645a;font-size:13px;line-height:1.8}
    .related{padding-top:0}
    .scroll-row{display:flex;gap:18px;overflow-x:auto;padding:7px 3px 16px;scroll-snap-type:x proximity}
    .scroll-row::-webkit-scrollbar{height:8px}
    .scroll-row::-webkit-scrollbar-thumb{background:#b8cfb7;border-radius:99px}
    .related-card{flex:0 0 318px;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:var(--transition)}
    .related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
    .related-card img{width:100%;height:150px}
    .related-card div{padding:18px}
    .related-card small{color:var(--orange);font-weight:800}
    .related-card h3{font-size:18px;line-height:1.5;margin:7px 0}
    .related-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
    .faq-section{background:#fff}
    .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px}
    .faq-intro{padding-top:10px}
    .faq-intro .metric{margin-top:24px;max-width:225px}
    .faq-list{display:grid;gap:11px}
    .faq-item{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--paper)}
    .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:0;background:transparent;color:var(--ink);font-size:16px;font-weight:800;text-align:left}
    .faq-sign{font-size:25px;color:var(--teal);line-height:1;transition:transform .25s}
    .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
    .faq-answer>div{overflow:hidden}
    .faq-answer p{padding:0 20px 20px;margin:0;color:#52635a;font-size:14px;line-height:1.9}
    .faq-item.open{background:#fff}
    .faq-item.open .faq-answer{grid-template-rows:1fr}
    .faq-item.open .faq-sign{transform:rotate(45deg)}
    .cta{padding:0 0 84px}
    .cta-box{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:42px 48px;background:var(--green);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}
    .cta-box:before{content:"";position:absolute;width:440px;height:440px;right:-115px;top:-285px;border:42px solid rgba(141,189,71,.25);border-radius:50%}
    .cta-copy,.cta-actions{position:relative;z-index:1}
    .cta-box h2{font-size:34px;line-height:1.3;letter-spacing:-.04em;margin:0 0 12px}
    .cta-box p{margin:0;color:#d4e5dc}
    .cta-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
    .cta .btn-secondary{background:#fff}
    footer{background:#12251F;color:#eaf0e9;padding:62px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.15fr;gap:36px;padding-bottom:42px}
    .footer-logo{color:#fff;margin-bottom:15px}
    .footer-logo .logo-mark{border-color:#d4eb91;background:rgba(141,189,71,.16)}
    .footer-brand p{max-width:340px;margin:0;color:#aebfb5;font-size:14px;line-height:1.9}
    .footer-col h3{font-size:15px;color:#e8f1dc;margin:0 0 13px}
    .footer-col>a{display:block;color:#aec0b5;font-size:14px;margin:8px 0}
    .footer-col>a:hover{color:#d8ec9e}
    .footer-input{display:flex;margin-top:12px;border:1px solid rgba(230,239,217,.23);background:rgba(255,255,255,.06);border-radius:13px;overflow:hidden}
    .footer-input input{min-width:0;width:100%;padding:10px;border:0;background:transparent;color:#fff;outline:0;font-size:13px}
    .footer-input input::placeholder{color:#8fa398}
    .footer-input button{border:0;background:var(--moss);color:#173827;padding:0 13px;font-size:13px;font-weight:800}
    .footer-bottom{padding-top:22px;border-top:1px solid rgba(230,239,217,.16);display:flex;justify-content:space-between;gap:18px;color:#91a69b;font-size:12px}
    .footer-bottom a:hover{color:#d8ec9e}
    @media(max-width:1080px){
      .desktop-nav{gap:0}.desktop-nav>a,.drop-trigger{padding:8px 7px}.title-grid{grid-template-columns:65px 1fr 280px}.editorial-grid{grid-template-columns:1fr .78fr;grid-template-areas:"main annotation" "photo photo"}.photo-stack{grid-template-columns:1fr 1fr}.note-wall-grid{grid-template-columns:1fr 1fr}.note-card.tall{grid-row:span 2}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}
    }
    @media(max-width:820px){
      .site-shell{width:min(100% - 32px,1240px)}.desktop-nav,.nav-actions{display:none}.mobile-toggle{display:block}.title-grid{grid-template-columns:54px 1fr}.hero-note{grid-column:2}.metric-strip{grid-template-columns:repeat(2,1fr);margin:-20px 16px 0}.editorial-grid{grid-template-columns:1fr;grid-template-areas:"main" "annotation" "photo"}.annotation,.photo-stack{grid-template-columns:1fr 1fr}.board-grid,.method-grid,.deep-reading,.faq-layout,.cta-box{grid-template-columns:1fr;gap:28px}.reading-aside{position:static;order:-1}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}
    }
    @media(max-width:520px){
      .section{padding:58px 0}.nav-wrap{height:68px}.logo{font-size:17px}.logo-mark{width:28px;height:28px}.page-hero{padding:25px 0 47px}.breadcrumb{padding-top:12px}.title-grid{display:block}.vertical-count{writing-mode:initial;padding:0}.vertical-count strong{font-size:25px;margin:0 8px 0 0}.page-hero h1{font-size:38px}.hero-note{margin-top:24px}.metric{padding:13px}.metric b{font-size:21px}.article-main{padding:25px}.article-main h2,.prose h2{font-size:28px}.annotation,.photo-stack{grid-template-columns:1fr}.data-board{padding:27px 22px}.data-board h2{font-size:29px}.method-copy{padding:0}.compare-panel{padding:21px}.compare-row{grid-template-columns:1fr}.wall-head{display:block}.wall-head .section-lead{margin-top:10px}.note-wall-grid{grid-template-columns:1fr}.note-card.tall{min-height:0}.cta-box{padding:30px 24px}.cta-box h2{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-brand{grid-column:auto}.footer-bottom{display:block;line-height:2}.mobile-panel .mobile-actions{grid-template-columns:1fr}.section-lead,.hero-summary{font-size:16px}
    }

/* roulang page: category4 */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.8;overflow-x:hidden}
    a{color:inherit;text-decoration:none;transition:var(--transition)} img{display:block;max-width:100%;object-fit:cover} button,input,textarea{font:inherit} button{cursor:pointer} ::selection{background:var(--moss);color:var(--ink)} :focus-visible{outline:3px solid rgba(141,189,71,.75);outline-offset:3px}
    .site-shell{width:min(1220px,calc(100% - 40px));margin:auto}.section{padding:84px 0}.section-title{font-size:clamp(30px,4vw,42px);line-height:1.25;letter-spacing:-.045em;font-weight:800;margin:14px 0}.section-lead{max-width:700px;color:var(--muted);font-size:17px;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.5);border-radius:999px;background:var(--pale);color:var(--green);font-size:13px;font-weight:800;letter-spacing:.05em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
    .btn{min-height:46px;padding:10px 19px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;transition:var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(105deg,var(--green),var(--teal))}.btn-secondary{color:var(--green);background:#fff;border-color:var(--line)}.btn-soft{color:var(--green);background:var(--pale)}
    .header{position:sticky;top:0;z-index:50;background:rgba(252,252,248,.94);border-bottom:1px solid transparent;backdrop-filter:blur(10px)}.header.scrolled{border-color:var(--line);box-shadow:0 8px 24px rgba(18,37,31,.06)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}.logo-mark:before{width:11px;height:11px;left:8px;top:8px}.logo-mark:after{width:2px;height:19px;left:13px;top:4px;border-radius:0;border-width:0 1px}
    .desktop-nav{display:flex;align-items:center;gap:5px;position:relative}.desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-size:14px;font-weight:700;border:0;border-radius:10px;background:none}.desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover{background:var(--pale);color:var(--green)}.drop-wrap{position:relative}.drop-menu{display:none;position:absolute;left:-26px;top:43px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.drop-wrap:hover .drop-menu,.drop-wrap:focus-within .drop-menu{display:block}.drop-menu a{display:block;padding:10px 12px;border-radius:11px;color:#496158;font-size:14px}.drop-menu a:hover{background:var(--pale);color:var(--green)}.nav-actions{display:flex;gap:8px}.nav-actions .btn{min-height:40px;padding:8px 14px;font-size:14px}.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green);font-size:20px}.mobile-panel{display:none;padding:0 20px 18px}.mobile-panel.open{display:block}.mobile-panel>a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
    .crumb{padding:22px 0 0;color:var(--muted);font-size:14px}.crumb a:hover{color:var(--green)}.page-hero{padding:34px 0 70px;background:linear-gradient(180deg,#fcfcf8 0%,#f5f1e8 100%);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-80px;top:-240px;width:620px;height:620px;border:60px solid rgba(141,189,71,.1);border-radius:50%}.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.page-hero h1{font-size:clamp(40px,5vw,58px);line-height:1.14;letter-spacing:-.065em;margin:18px 0 20px;font-weight:800}.page-hero h1 em{font-style:normal;color:var(--teal)}.hero-copy p{font-size:17px;color:#52655c;max-width:640px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.meta-pill{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--green);font-weight:700}.hero-image{height:390px;position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow-lg)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(21,92,69,.12),rgba(18,37,31,.48))}.hero-image img{width:100%;height:100%}.image-note{position:absolute;z-index:2;right:20px;bottom:20px;padding:12px 15px;border-radius:15px;color:#fff;background:rgba(18,37,31,.78);font-size:13px;font-weight:700}
    .steps-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-27px;position:relative;z-index:3}.step-chip{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.step-no{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:13px}.step-chip strong{font-size:15px}.step-chip span{display:block;font-size:12px;color:var(--muted)}
    .scenario-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}.scenario-card{padding:34px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow);transition:var(--transition)}.scenario-card:hover{transform:translateY(-4px);border-color:rgba(28,137,114,.55);box-shadow:var(--shadow-lg)}.scenario-card.pale{background:var(--pale)}.scenario-card h3{font-size:25px;line-height:1.3;margin:13px 0}.scenario-card p{color:var(--muted);margin:0}.scenario-card ul{margin:22px 0 0;padding:0;list-style:none}.scenario-card li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.scenario-card li b{display:inline-block;width:90px;color:var(--green)}.scenario-photo{min-height:355px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.scenario-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,37,31,.64),transparent 55%)}.scenario-photo img{width:100%;height:100%}.scenario-photo figcaption{position:absolute;z-index:1;bottom:25px;left:25px;right:25px;color:#fff;font-weight:700;font-size:17px}
    .reading-band{background:var(--pale);border-top:1px solid rgba(21,92,69,.1);border-bottom:1px solid rgba(21,92,69,.1)}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.check-list{padding:27px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.check-list li{list-style:none;position:relative;padding:12px 0 12px 34px;border-bottom:1px dashed var(--line);font-size:15px}.check-list li:last-child{border:0}.check-list li:before{content:"✓";position:absolute;left:0;top:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--pale);color:var(--green);font-weight:800;font-size:12px}
    .process-panel{padding:48px;border-radius:32px;background:var(--green);color:#fff;position:relative;overflow:hidden}.process-panel:before{content:"";position:absolute;width:480px;height:480px;right:-170px;bottom:-260px;border:52px solid rgba(141,189,71,.28);border-radius:50%}.process-panel>*{position:relative;z-index:1}.process-panel h2{font-size:clamp(29px,4vw,40px);line-height:1.28;margin:13px 0}.process-panel p{color:#dceae0;max-width:760px}.process-check{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:27px}.process-check div{padding:15px 16px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(230,239,217,.24);font-size:14px}.process-check b{display:block;color:#b8d970;font-size:13px;margin-bottom:3px}
    .article-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:55px;align-items:start}.article{font-size:17px;color:#30443b}.article h2{font-size:31px;line-height:1.35;color:var(--ink);margin:0 0 20px}.article h3{font-size:22px;line-height:1.4;color:var(--green);margin:31px 0 10px}.article p{margin:0 0 20px}.article .quote{margin:28px 0;padding:22px 25px;border-left:4px solid var(--moss);border-radius:0 18px 18px 0;background:var(--cream);color:var(--green);font-weight:700}.sticky-note{position:sticky;top:104px;padding:25px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.sticky-note h3{font-size:18px;margin:0 0 12px}.sticky-note a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:#50645a}.sticky-note a:hover{color:var(--green);padding-left:4px}.tip{margin-top:20px;padding:15px;border-radius:14px;background:var(--pale);font-size:13px;color:var(--green)}
    .qa-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:19px 2px;display:flex;justify-content:space-between;gap:16px;border:0;background:none;text-align:left;color:var(--ink);font-weight:800;font-size:17px}.faq-q span:last-child{color:var(--teal);font-size:24px;line-height:1}.faq-a{max-height:0;overflow:hidden;color:var(--muted);transition:max-height .35s ease,padding .35s ease}.faq-item.open .faq-a{max-height:260px;padding:0 2px 19px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .cta{padding:0 0 90px}.cta-panel{padding:48px 52px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border-radius:32px;background:linear-gradient(110deg,var(--green),var(--teal));color:#fff;position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;width:340px;height:340px;right:-90px;top:-170px;border:45px solid rgba(141,189,71,.3);border-radius:50%}.cta-panel>*{position:relative;z-index:1}.cta-panel h2{font-size:34px;line-height:1.3;margin:0 0 10px}.cta-panel p{margin:0;color:#dceae0;max-width:640px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cta-actions .btn-secondary{background:#fff}
    footer{background:#12251F;color:#edf4ed;padding:61px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr .75fr 1fr 1.05fr;gap:38px}.footer-logo{color:#fff}.footer-brand p,.footer-col p{font-size:13px;color:#aebfb5;margin:17px 0 0}.footer-col h3{font-size:15px;color:#dfece2;margin:0 0 13px}.footer-col>a{display:block;padding:4px 0;color:#b8c9bc;font-size:14px}.footer-col>a:hover{color:#b8d970}.footer-input{display:flex;margin-top:13px;border:1px solid rgba(230,239,217,.23);border-radius:13px;overflow:hidden}.footer-input input{min-width:0;flex:1;padding:10px;border:0;background:rgba(255,255,255,.08);color:#fff;outline:0}.footer-input input::placeholder{color:#9eafa3}.footer-input button{padding:0 13px;border:0;background:var(--moss);color:var(--ink);font-size:13px;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(230,239,217,.16);font-size:12px;color:#aebfb5}.footer-bottom a:hover{color:#fff}
    @media(max-width:1024px){.desktop-nav{display:none}.nav-actions{margin-left:auto}.page-hero-grid,.scenario-grid,.band-grid,.article-grid,.qa-layout{gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.hero-image{height:330px}}@media(max-width:768px){.site-shell{width:min(100% - 28px,1220px)}.nav-actions{display:none}.mobile-toggle{display:block}.page-hero{padding-bottom:48px}.page-hero-grid,.scenario-grid,.band-grid,.article-grid,.qa-layout{grid-template-columns:1fr}.page-hero h1{font-size:38px}.hero-image{height:280px}.steps-bar{grid-template-columns:1fr 1fr;margin-top:-15px}.step-chip{padding:13px}.section{padding:61px 0}.scenario-card,.process-panel{padding:27px}.sticky-note{position:static;order:-1}.process-check{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr;padding:33px 28px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}}@media(max-width:480px){.logo{font-size:18px}.mobile-actions{grid-template-columns:1fr}.steps-bar{grid-template-columns:1fr}.step-chip{min-height:63px}.page-hero h1{font-size:34px}.section-title{font-size:29px}.hero-image{height:235px}.scenario-card{padding:23px}.article{font-size:16px}.cta-panel h2{font-size:28px}}

/* roulang page: category5 */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition)}img{display:block;max-width:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer;border:0}::selection{background:var(--moss);color:var(--ink)}:focus-visible{outline:3px solid rgba(141,189,71,.7);outline-offset:3px}.site-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(252,252,248,.94);backdrop-filter:blur(10px)}.header.scrolled{box-shadow:0 8px 24px rgba(18,37,31,.06);border-color:var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale);flex:none}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}.logo-mark:before{width:11px;height:11px;top:8px;left:8px}.logo-mark:after{width:2px;height:19px;top:4px;left:13px;border-radius:0;border-width:0 1px}.desktop-nav{display:flex;align-items:center;gap:5px;position:relative}.desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-weight:650;font-size:14px;border-radius:10px;border:0;background:none}.desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover{color:var(--green);background:var(--pale)}.drop-menu{display:none;position:absolute;top:43px;left:44px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.desktop-nav:hover .drop-menu,.drop-menu:hover{display:block}.drop-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;color:#496158}.drop-menu a:hover{background:var(--pale);color:var(--green)}.nav-actions{display:flex;gap:8px}.btn{min-height:46px;padding:11px 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:1px solid transparent;transition:var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(105deg,var(--green),var(--teal))}.btn-secondary{color:var(--green);background:#fff;border-color:var(--line)}.btn-soft{color:var(--green);background:var(--pale)}.nav-actions .btn{font-size:14px;min-height:40px;padding:8px 14px}.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green);font-size:20px}.mobile-panel{display:none;padding:0 20px 18px}.mobile-panel.open{display:block}.mobile-panel>a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.45);border-radius:999px;background:rgba(230,239,217,.78);font-size:13px;font-weight:700;color:var(--green);letter-spacing:.06em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.section{padding:84px 0}.section-title{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.045em;font-weight:800;margin:16px 0}.section-lead{font-size:17px;color:var(--muted);max-width:720px;margin:0}.crumb{font-size:14px;color:var(--muted);padding:22px 0 0}.crumb a:hover{color:var(--green)}.page-hero{position:relative;overflow:hidden;padding:40px 0 66px;background:var(--cream)}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(252,252,248,.94),rgba(252,252,248,.58)),url('/assets/images/backpic/back-3.webp');background-size:cover;background-position:center;opacity:.9}.page-hero .site-shell{position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:end}.page-hero h1{font-size:clamp(40px,5vw,61px);line-height:1.12;letter-spacing:-.065em;font-weight:800;margin:17px 0}.page-hero p{max-width:690px;font-size:17px;color:#40574d;margin:0}.hero-note{padding:25px;border:1px solid rgba(21,92,69,.17);border-radius:var(--radius);background:rgba(252,252,248,.91);box-shadow:var(--shadow)}.hero-note b{display:block;font-size:15px;color:var(--green);margin-bottom:9px}.hero-note p{font-size:14px;line-height:1.8}.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.meta{font-size:13px;color:#4f665c;border:1px solid var(--line);background:#fff;padding:6px 11px;border-radius:999px}
.paper{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.featured-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.lead-story{overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;min-height:355px}.lead-story img{height:100%;width:100%}.lead-copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start}.tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--pale);color:var(--green);padding:5px 10px;font-size:12px;font-weight:800}.date{font-size:13px;color:var(--orange);font-weight:800;letter-spacing:.04em}.lead-copy h2{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:14px 0}.lead-copy p{font-size:15px;color:var(--muted);margin:0 0 20px}.small-stories{display:grid;gap:22px}.small-story{padding:23px;min-height:166px;position:relative;overflow:hidden}.small-story:after{content:"";position:absolute;right:-22px;bottom:-35px;width:105px;height:105px;border:16px solid var(--pale);border-radius:50%}.small-story>*{position:relative;z-index:1}.small-story h3{font-size:19px;line-height:1.45;margin:10px 0 5px}.small-story p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.topic-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;background:var(--green);color:#fff;border-radius:var(--radius-lg);position:relative;overflow:hidden}.topic-bar:after{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-210px;border:45px solid rgba(141,189,71,.26);border-radius:50%}.topic-bar h2{font-size:23px;margin:0 0 4px}.topic-bar p{margin:0;color:#d7e9df;font-size:14px}.topics{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px}.topics button{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.topics button:hover,.topics button.active{background:var(--moss);color:var(--ink)}
.timeline{position:relative;margin-top:42px}.timeline:before{content:"";position:absolute;left:126px;top:5px;bottom:5px;border-left:1px solid rgba(21,92,69,.2)}.news-item{display:grid;grid-template-columns:100px 1fr;gap:26px;padding:0 0 28px;margin-bottom:28px;position:relative}.news-item.hidden{display:none}.news-month{padding-top:5px;text-align:right;color:var(--green);font-weight:800;font-size:15px}.news-month span{display:block;color:var(--orange);font-size:12px;letter-spacing:.1em}.news-card{padding:27px 29px;position:relative}.news-card:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;left:-34px;top:33px;background:var(--moss);border:4px solid var(--paper);box-shadow:0 0 0 1px rgba(21,92,69,.3)}.news-card-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.news-card h2{font-size:24px;line-height:1.4;letter-spacing:-.03em;margin:12px 0}.news-card p{color:var(--muted);font-size:15px;margin:0 0 18px}.read-link{font-size:14px;color:var(--green);font-weight:800;display:inline-flex;align-items:center;gap:6px}.read-link:hover{color:var(--teal);gap:10px}
.editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.editorial-aside{position:sticky;top:106px;background:var(--pale);border-radius:var(--radius-lg);padding:29px}.editorial-aside h2{font-size:28px;line-height:1.35;margin:12px 0}.editorial-aside p{font-size:14px;color:#496158}.editorial-body{font-size:17px;line-height:2;color:#334a40}.editorial-body p{margin:0 0 21px}.editorial-body h3{font-size:23px;line-height:1.4;color:var(--green);margin:30px 0 12px}.quote{border-left:4px solid var(--orange);padding:11px 0 11px 20px;color:var(--green);font-weight:700;margin:28px 0}
.month-panel{background:var(--cream);border-radius:var(--radius-lg);padding:37px}.month-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.month-head h2{font-size:31px;margin:0}.month-head p{margin:0;color:var(--muted);font-size:14px}.compact-list{border-top:1px solid var(--line)}.compact-item{display:grid;grid-template-columns:92px 1fr auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.compact-item h3{font-size:18px;line-height:1.45;margin:5px 0}.compact-item p{font-size:14px;color:var(--muted);margin:0}.subscribe{background:var(--green);color:#fff;border-radius:var(--radius-lg);padding:51px;display:grid;grid-template-columns:1fr .85fr;gap:42px;align-items:center;position:relative;overflow:hidden}.subscribe:after{content:"";position:absolute;width:450px;height:450px;right:-190px;bottom:-290px;border:55px solid rgba(141,189,71,.28);border-radius:50%}.subscribe>*{position:relative;z-index:1}.subscribe h2{font-size:clamp(29px,4vw,42px);line-height:1.22;margin:12px 0}.subscribe p{color:#d8e8df;margin:0}.subscribe-form{display:flex;gap:10px;padding:7px;background:#fff;border-radius:999px}.subscribe-form input{min-width:0;flex:1;border:0;outline:0;padding:0 13px;color:var(--ink);background:transparent}.subscribe-form button{border-radius:999px;padding:11px 18px;background:var(--moss);color:var(--ink);font-weight:800}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.faq-intro{padding:28px;background:var(--pale);border-radius:var(--radius)}.faq-intro h2{font-size:32px;line-height:1.3;margin:12px 0}.faq-intro p{font-size:15px;color:#496158}.faq-item{border-bottom:1px solid var(--line)}.faq-q{padding:18px 0;display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;background:transparent;color:var(--ink);font-size:17px;font-weight:800;text-align:left}.faq-q span:last-child{font-size:25px;color:var(--teal);transition:var(--transition)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;color:var(--muted);font-size:15px}.faq-a p{margin:0;padding:0 0 18px}.faq-item.open .faq-a{max-height:260px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
footer{background:#12251F;color:#e7efe9;padding:64px 0 22px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr 1.1fr 1.1fr;gap:35px}.footer-logo{color:#e7efe9}.footer-brand p{font-size:14px;color:#aebfb5;max-width:330px;margin-top:16px}.footer-col h3{font-size:14px;margin:0 0 13px;color:#fff}.footer-col>a{display:block;color:#aebfb5;font-size:14px;padding:4px 0}.footer-col>a:hover{color:var(--moss)}.footer-col p{margin:0}.footer-input{display:flex;margin-top:14px;border:1px solid rgba(230,239,217,.23);padding:5px;border-radius:999px}.footer-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:6px 9px;color:#fff;font-size:13px}.footer-input button{border-radius:999px;padding:7px 11px;background:var(--moss);color:var(--ink);font-size:13px;font-weight:800}.footer-bottom{border-top:1px solid rgba(230,239,217,.17);margin-top:46px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#aebfb5}.footer-bottom a:hover{color:var(--moss)}
@media(max-width:1024px){.desktop-nav{gap:0}.desktop-nav>a,.drop-trigger{padding:8px}.featured-grid{grid-template-columns:1fr}.editorial{gap:30px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-col:last-child{grid-column:span 2}}@media(max-width:768px){.site-shell{width:min(100% - 28px,1240px)}.desktop-nav,.nav-actions{display:none}.mobile-toggle{display:block}.page-hero{padding-bottom:46px}.hero-grid,.lead-story,.editorial,.subscribe,.faq-layout{grid-template-columns:1fr}.hero-note{display:none}.page-hero h1{font-size:39px}.lead-story img{height:230px}.lead-copy{padding:25px}.lead-copy h2{font-size:26px}.topic-bar{display:block}.topics{margin-top:18px}.timeline:before{left:12px}.news-item{grid-template-columns:1fr;padding-left:34px;gap:7px}.news-month{text-align:left}.news-card:before{left:-29px;top:29px}.editorial-aside{position:static}.compact-item{grid-template-columns:75px 1fr}.compact-item .read-link{display:none}.subscribe{padding:34px 25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-col:last-child{grid-column:span 2}}@media(max-width:520px){.section{padding:61px 0}.page-hero h1{font-size:35px}.meta-row{gap:7px}.featured-grid{gap:15px}.small-stories{gap:15px}.news-card{padding:22px 19px}.news-card h2{font-size:21px}.month-panel{padding:24px 18px}.compact-item{gap:14px}.compact-item h3{font-size:16px}.subscribe-form{display:block;border-radius:18px;padding:8px}.subscribe-form input{height:42px;width:100%}.subscribe-form button{width:100%;margin-top:6px}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-col:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}}

/* roulang page: category6 */
:root{--green:#155C45;--teal:#1C8972;--moss:#8DBD47;--cream:#F5F1E8;--paper:#FCFCF8;--pale:#E6EFD9;--ink:#12251F;--muted:#68716C;--orange:#E58D57;--line:rgba(21,92,69,.16);--shadow:0 14px 34px rgba(18,37,31,.08);--shadow-lg:0 22px 48px rgba(18,37,31,.15);--radius:22px;--radius-lg:30px;--transition:all .24s ease}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.8;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:var(--transition)}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button,input,textarea{outline:none}
::selection{background:var(--moss);color:var(--ink)}
:focus-visible{outline:3px solid rgba(141,189,71,.72);outline-offset:3px}
.site-shell{width:min(1200px,calc(100% - 40px));margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(141,189,71,.45);border-radius:999px;background:rgba(230,239,217,.76);font-size:13px;font-weight:700;color:var(--green);letter-spacing:.05em}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}
.section{padding:86px 0}
.section-title{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.045em;font-weight:800;margin:16px 0}
.section-lead{font-size:17px;color:var(--muted);max-width:710px;margin:0}
.btn{min-height:46px;padding:11px 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:1px solid transparent;transition:var(--transition)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,92,69,.16)}
.btn:active{transform:translateY(0)}
.btn-primary{color:#fff;background:linear-gradient(105deg,var(--green),var(--teal))}
.btn-secondary{color:var(--green);background:#fff;border-color:var(--line)}
.btn-soft{color:var(--green);background:var(--pale)}
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:rgba(252,252,248,.94);backdrop-filter:blur(10px)}
.header.scrolled{box-shadow:0 8px 24px rgba(18,37,31,.06);border-color:var(--line)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--green);white-space:nowrap}
.logo-mark{width:31px;height:31px;border:2px solid var(--green);border-radius:50%;position:relative;background:var(--pale);flex:0 0 31px}
.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:1px solid var(--teal);border-radius:50%}
.logo-mark:before{width:11px;height:11px;top:8px;left:8px}
.logo-mark:after{width:2px;height:19px;top:4px;left:13px;border-radius:0;border-width:0 1px}
.desktop-nav{display:flex;align-items:center;gap:5px;position:relative}
.desktop-nav>a,.drop-trigger{padding:9px 11px;color:#496158;font-weight:650;font-size:14px;border-radius:10px;border:0;background:none;white-space:nowrap}
.desktop-nav>a:hover,.desktop-nav>a.active,.drop-trigger:hover{color:var(--green);background:var(--pale)}
.drop-trigger{position:relative}
.drop-menu{display:none;position:absolute;top:43px;left:50px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}
.desktop-nav:hover .drop-menu,.drop-menu:hover{display:block}
.drop-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;color:#496158}
.drop-menu a:hover{background:var(--pale);color:var(--green)}
.nav-actions{display:flex;gap:8px}
.nav-actions .btn{font-size:14px;min-height:40px;padding:8px 14px}
.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green);font-size:20px}
.mobile-panel{display:none;padding:0 20px 18px}
.mobile-panel.open{display:block}
.mobile-panel>a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700;color:#3d564c}
.mobile-panel .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
.breadcrumb{font-size:14px;color:var(--muted);padding:22px 0 0}
.breadcrumb a:hover{color:var(--green)}
.support-hero{padding:38px 0 70px;background:linear-gradient(160deg,#f5f1e8 0%,#fcfcf8 62%,#e6efd9 100%);position:relative;overflow:hidden}
.support-hero:before{content:"";position:absolute;width:440px;height:440px;right:-120px;top:-180px;border:1px solid rgba(28,137,114,.2);border-radius:50%;box-shadow:0 0 0 48px rgba(141,189,71,.07),0 0 0 96px rgba(28,137,114,.04)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding-top:42px}
.support-hero h1{font-size:clamp(39px,5vw,59px);line-height:1.15;letter-spacing:-.065em;font-weight:800;margin:18px 0 20px}
.support-hero h1 span{color:var(--green)}
.hero-text{font-size:17px;color:#52635b;max-width:650px;margin:0}
.search-wrap{position:relative;margin-top:28px;max-width:650px}
.search-wrap input{width:100%;min-height:62px;border-radius:18px;border:1px solid rgba(21,92,69,.25);padding:0 55px 0 21px;background:#fff;color:var(--ink);box-shadow:var(--shadow);transition:var(--transition)}
.search-wrap input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(141,189,71,.22),var(--shadow)}
.search-icon{position:absolute;right:19px;top:17px;color:var(--green);font-size:22px}
.search-note{font-size:13px;color:var(--muted);margin:9px 3px 0}
.hero-board{min-height:385px;padding:25px;border-radius:30px;background:var(--green) url('/assets/images/coverpic/cover-12.webp') center/cover no-repeat;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.hero-board:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(11,48,37,.95),rgba(21,92,69,.76))}
.hero-board>*{position:relative;z-index:1}
.board-label{color:#dff0d5;font-size:13px;letter-spacing:.09em}
.board-card{background:rgba(252,252,248,.95);border-radius:18px;padding:17px;margin-top:15px;display:flex;gap:14px;align-items:flex-start}
.board-number{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:var(--pale);color:var(--green);font-weight:800;flex:0 0 35px}
.board-card b{display:block;font-size:15px}
.board-card p{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.quick-strip{margin-top:-30px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick-item{padding:16px 17px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:var(--transition)}
.quick-item:hover{transform:translateY(-4px);border-color:rgba(28,137,114,.55);box-shadow:var(--shadow-lg)}
.quick-item strong{display:block;font-size:18px;line-height:1.2;color:var(--green)}
.quick-item span{font-size:13px;color:var(--muted)}
.category-bar{padding:23px 0;border-bottom:1px solid var(--line);background:#fff}
.category-scroll{display:flex;align-items:center;gap:10px;overflow:auto;padding-bottom:2px}
.category-scroll a{white-space:nowrap;padding:10px 15px;border-radius:999px;border:1px solid var(--line);font-size:14px;font-weight:700;color:#496158;background:var(--paper)}
.category-scroll a:hover,.category-scroll a.active{color:#fff;background:var(--green);border-color:var(--green)}
.help-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:52px;align-items:start}
.help-sidebar{position:sticky;top:100px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.help-sidebar h2{font-size:20px;margin:0 0 11px}
.help-sidebar p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 15px}
.help-sidebar a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;color:#466057}
.help-sidebar a:last-child{border-bottom:0}
.help-sidebar a:hover{color:var(--green);padding-left:4px}
.help-main{min-width:0}
.faq-group{scroll-margin-top:105px;margin-bottom:52px}
.group-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:17px;border-bottom:1px solid var(--line)}
.group-head h2{font-size:clamp(25px,3vw,33px);line-height:1.25;letter-spacing:-.04em;margin:0}
.group-head p{margin:0;font-size:14px;color:var(--muted)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;padding:20px 4px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--ink);border:0;background:none;text-align:left;font-size:17px;font-weight:750}
.faq-question:hover{color:var(--green)}
.faq-plus{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--pale);color:var(--green);font-size:22px;font-weight:400;line-height:1;flex:0 0 30px;transition:transform .25s ease,background .25s ease}
.faq-item.open .faq-plus{transform:rotate(45deg);background:var(--green);color:#fff}
.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .38s ease,opacity .25s ease}
.faq-answer-inner{padding:0 48px 22px 4px;color:#53655c;font-size:16px}
.faq-answer p{margin:0 0 11px}
.faq-item.open .faq-answer{max-height:550px;opacity:1}
.notice-panel{padding:31px 34px;border-radius:var(--radius-lg);background:var(--pale);border:1px solid rgba(141,189,71,.42);position:relative;overflow:hidden}
.notice-panel:after{content:"";position:absolute;width:230px;height:230px;border:32px solid rgba(28,137,114,.12);border-radius:50%;right:-85px;bottom:-112px}
.notice-panel>*{position:relative;z-index:1}
.notice-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.notice-panel h2{font-size:30px;line-height:1.3;margin:12px 0}
.notice-panel p{margin:0;color:#496158}
.check-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.check-list li{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.74);font-size:14px;color:#3e564b}
.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:9px;border-radius:50%;background:var(--green);color:#fff;font-size:12px}
.support-cards{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}
.support-card{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:var(--transition)}
.support-card:hover{transform:translateY(-4px);border-color:rgba(28,137,114,.5);box-shadow:var(--shadow-lg)}
.support-card.featured{background:var(--green);color:#fff;background-image:linear-gradient(125deg,rgba(21,92,69,.98),rgba(28,137,114,.88))}
.support-card h3{font-size:21px;margin:10px 0}
.support-card p{font-size:14px;color:var(--muted);margin:0}
.support-card.featured p{color:#e0efe5}
.card-icon{font-size:26px;line-height:1}
.form-zone{background:var(--cream);padding:86px 0}
.form-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:start}
.form-copy h2{font-size:clamp(30px,4vw,42px);line-height:1.23;letter-spacing:-.045em;margin:16px 0}
.form-copy p{color:var(--muted);font-size:16px}
.form-copy .mini-rule{margin-top:25px;padding:18px;border-left:3px solid var(--orange);background:#fffdf8;border-radius:0 15px 15px 0;font-size:14px;color:#58675f}
.contact-form{padding:30px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
.field label{display:block;margin:0 0 7px;font-size:14px;font-weight:750;color:#365448}
.required{color:var(--orange);margin-left:3px}
.field input,.field select,.field textarea{width:100%;border:1px solid rgba(21,92,69,.2);border-radius:13px;background:#fcfcf8;color:var(--ink);padding:12px 13px;transition:var(--transition)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(141,189,71,.19)}
.field textarea{height:130px;resize:vertical}
.field-error{display:none;margin-top:5px;font-size:12px;color:#bc5d35}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#d87950}
.field.invalid .field-error{display:block}
.privacy-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 18px}
.privacy-check input{accent-color:var(--green);margin-top:5px}
.form-status{display:none;margin-top:14px;padding:10px 13px;border-radius:11px;background:var(--pale);color:var(--green);font-size:14px;font-weight:700}
.form-status.show{display:block}
.cta-band{padding:70px 0;background:var(--ink);position:relative;overflow:hidden}
.cta-band:before{content:"";position:absolute;width:530px;height:530px;border:55px solid rgba(141,189,71,.18);border-radius:50%;right:-185px;top:-370px}
.cta-band:after{content:"";position:absolute;width:400px;height:170px;border-radius:50%;background:linear-gradient(90deg,rgba(28,137,114,.65),rgba(141,189,71,.45));left:-120px;bottom:-120px}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;color:#fff}
.cta-inner h2{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.05em;margin:12px 0}
.cta-inner p{margin:0;max-width:710px;color:#d8e8dc}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.cta-actions .btn-secondary{background:#fff}
footer{background:#10251e;color:#eaf1e9;padding:62px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr .75fr .9fr 1.1fr;gap:34px}
.footer-logo{color:#f4f7ed}
.footer-logo .logo-mark{border-color:#d6e6bc;background:rgba(141,189,71,.2)}
.footer-brand p{max-width:330px;margin:16px 0 0;color:#aebfb5;font-size:14px;line-height:1.8}
.footer-col h3{font-size:15px;color:#f2f5ed;margin:0 0 13px}
.footer-col>a{display:block;font-size:14px;color:#aebfb5;margin:7px 0}
.footer-col>a:hover{color:#d7e889;padding-left:3px}
.footer-input{display:flex;margin-top:12px;border:1px solid rgba(230,239,217,.22);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.footer-input input{width:100%;min-width:0;border:0;background:transparent;color:#fff;padding:9px 12px;font-size:13px}
.footer-input input::placeholder{color:#94aa9d}
.footer-input button{border:0;background:var(--moss);color:var(--ink);font-weight:800;padding:8px 13px;font-size:13px}
.footer-bottom{margin-top:42px;padding-top:19px;border-top:1px solid rgba(230,239,217,.18);display:flex;justify-content:space-between;gap:20px;color:#aebfb5;font-size:12px}
.footer-bottom a:hover{color:#d7e889}
.search-empty{display:none;margin:15px 0;padding:14px 16px;border-radius:13px;background:var(--cream);color:var(--muted);font-size:14px}
.search-empty.show{display:block}
.highlight{background:#f6dba9;padding:0 2px;border-radius:3px}
@media(max-width:1100px){.desktop-nav{gap:0}.desktop-nav>a,.drop-trigger{padding:8px}.hero-grid{gap:30px}.help-layout{gap:30px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{grid-column:span 2}.support-cards{grid-template-columns:1fr 1fr}.support-card.featured{grid-column:span 2}}
@media(max-width:860px){.desktop-nav,.nav-actions{display:none}.mobile-toggle{display:block}.hero-grid,.form-grid,.notice-grid{grid-template-columns:1fr}.hero-board{min-height:320px}.quick-strip{grid-template-columns:1fr 1fr;margin:-18px 0 0}.help-layout{grid-template-columns:1fr}.help-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.help-sidebar h2,.help-sidebar p{grid-column:span 3}.help-sidebar a{padding:9px 8px}.help-sidebar a:nth-of-type(3){border-bottom:0}.cta-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-col:last-child{grid-column:auto}}
@media(max-width:560px){.site-shell{width:min(100% - 28px,1200px)}.nav-wrap{height:68px}.logo{font-size:18px}.section{padding:62px 0}.support-hero{padding-bottom:52px}.hero-grid{padding-top:28px}.support-hero h1{font-size:37px}.search-wrap input{min-height:56px}.quick-strip{grid-template-columns:1fr 1fr;gap:9px}.quick-item{padding:13px}.quick-item strong{font-size:16px}.category-scroll{margin:0 -14px;padding:0 14px}.group-head{display:block}.group-head p{margin-top:6px}.faq-question{font-size:16px;padding:17px 0}.faq-answer-inner{padding-right:5px;font-size:15px}.support-cards{grid-template-columns:1fr}.support-card.featured{grid-column:auto}.field-grid{grid-template-columns:1fr}.contact-form{padding:21px}.form-zone{padding:62px 0}.cta-band{padding:58px 0}.cta-actions{display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block;line-height:1.9}.footer-bottom div+div{margin-top:8px}.mobile-panel .mobile-actions{grid-template-columns:1fr}.help-sidebar{display:block}.help-sidebar h2,.help-sidebar p{display:block}.notice-panel{padding:25px 22px}}