/* roulang page: index */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none;transition:.24s ease}img{display:block;width:100%;object-fit:cover}button,input,textarea{font:inherit}p{color:#53615a;margin-bottom:1rem}.container{max-width:1180px}
    .site-head{background:rgba(247,245,239,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.masthead{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}.brand em{font-style:normal;color:var(--orange)}.issue{border-left:1px solid var(--line);padding-left:22px;color:var(--muted);font-size:13px;line-height:1.5}.issue strong{display:block;color:var(--green);font-size:15px}.head-action{border:1px solid var(--green);padding:9px 16px;color:var(--green);font-size:14px}.head-action:hover{background:var(--green);color:#fff}
    .channel-bar{border-top:1px solid var(--line);display:flex;align-items:center;gap:4px;overflow:auto;white-space:nowrap}.channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative}.channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}.channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}.menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px}
    .hero{min-height:620px;background:linear-gradient(90deg,rgba(13,33,27,.94) 0%,rgba(13,33,27,.73) 48%,rgba(13,33,27,.3)),url('/assets/images/backpic/back-1.webp') center/cover;display:flex;align-items:flex-end;color:#fff;padding:86px 0 64px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:50px;align-items:end}.eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.1;letter-spacing:-5px;margin:16px 0 24px;max-width:720px}.hero h1 span{color:var(--yellow)}.hero p{color:#e4ebe5;max-width:650px;font-size:17px}.btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}.btn-main{background:var(--orange);color:#1b241e}.btn-main:hover{background:#f2a052;transform:translateY(-2px)}.btn-line{border-color:#b9d0c0;color:#fff}.btn-line:hover{background:#fff;color:var(--green)}.btn-text{padding-left:0;color:var(--orange);font-size:14px}.btn-text:hover{color:var(--green);transform:translateX(3px)}.hero-note{border-left:1px solid rgba(255,255,255,.45);padding:24px;background:rgba(12,32,25,.56)}.hero-note h3{font-size:20px;margin:8px 0}.hero-note p{font-size:14px;margin:0}.hero-stats{display:flex;gap:25px;margin-top:30px}.stat b{display:block;font-size:28px;color:var(--yellow);line-height:1}.stat small{color:#cbd7cf}
    section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}.section-head p{max-width:500px;margin:0}.rule{height:1px;background:var(--line);margin:22px 0 0}.soft{background:var(--sand)}.dark{background:var(--deep);color:#fff}.dark p{color:#c5d0c8}
    .triple{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value{padding:34px 28px 36px;border-right:1px solid var(--line)}.value:last-child{border:0}.num{font-size:14px;color:var(--orange);font-weight:800}.value h3{font-size:23px;margin:18px 0 10px}.value p{font-size:14px}
    .scene{display:grid;grid-template-columns:5fr 7fr;gap:54px;align-items:center}.scene img{height:510px;border-radius:var(--radius);filter:saturate(.8)}.caption{font-size:12px;color:var(--muted);margin-top:10px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.step b{color:var(--orange);font-size:20px}.step h3{margin:0 0 5px;font-size:19px}.step p{margin:0;font-size:14px}
    .intro-grid{display:grid;grid-template-columns:7fr 5fr;gap:58px}.copy h3{font-size:25px;margin:28px 0 10px}.copy p{font-size:16px}.quote{background:var(--green);color:#fff;padding:34px;border-radius:var(--radius);font-size:22px;line-height:1.6;align-self:start}.quote small{display:block;color:var(--yellow);font-size:12px;margin-top:20px}
    .topic-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.topic-card{position:relative;min-height:300px;border-radius:var(--radius);overflow:hidden;background:var(--deep);color:#fff}.topic-card img{height:100%;opacity:.7}.topic-card .overlay{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent 25%,rgba(9,28,21,.9))}.topic-card h3{font-size:25px;margin:8px 0}.topic-card p{color:#dbe3dc;font-size:14px}.topic-side{display:grid;gap:20px}.topic-side .topic-card{min-height:140px}.topic-side h3{font-size:19px}
    .news-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px}.feature-news{border-top:4px solid var(--orange);padding-top:23px}.feature-news h3{font-size:31px;line-height:1.35}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.news-date{color:var(--orange);font-size:13px;font-weight:700}.news-item h3{font-size:17px;margin:0 0 4px}.news-item p{font-size:13px;margin:0}.news-item .btn-text{margin:0;font-size:13px}
    .recognition{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}.recognition h2{font-size:42px}.marks{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.mark{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mark b{font-size:28px;color:var(--green);display:block}.mark span{font-size:13px;color:var(--muted)}
    .data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.data-box{padding:24px;background:#fff;border:1px solid var(--line)}.data-box b{font-size:27px;color:var(--green);display:block}.data-box span{font-size:13px;color:var(--muted)}.data-box p{font-size:13px;margin:12px 0 0}.bar{height:5px;background:#dfe6df;margin-top:16px}.bar i{display:block;height:100%;background:var(--orange)}
    .responsible{display:grid;grid-template-columns:1fr 1fr;gap:44px}.protect-list{list-style:none;padding:0;margin:0}.protect-list li{padding:18px 0;border-bottom:1px solid #496458;display:flex;gap:15px}.protect-list b{color:var(--yellow)}
    .brand-story{max-width:850px}.brand-story p{font-size:17px}.brand-story strong{color:var(--green)}
    .faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}.faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:22px 0;box-shadow:none}.faq .accordion-button:not(.collapsed){color:var(--green)}.faq .accordion-button:after{filter:hue-rotate(90deg)}.faq .accordion-body{padding:0 40px 22px 0;color:var(--muted)}
    .form-box{background:#fff;padding:36px;border:1px solid var(--line);box-shadow:var(--shadow)}.form-control,.form-select{border:1px solid #cbd3cc;border-radius:4px;padding:12px;background:#fbfcfa}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(48,103,82,.14)}.form-label{font-size:14px;font-weight:700}.form-note{font-size:12px;color:var(--muted)}
    .cta{background:var(--orange);padding:55px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:38px;margin:0;letter-spacing:-1px}.cta p{margin:8px 0 0;color:#4f3825}.cta .btn-main{background:var(--deep);color:#fff}.cta .btn-main:hover{background:var(--green)}
    footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-brand{font-size:25px;font-weight:800;color:#fff}.footer p,.footer a{font-size:13px;color:#9eafa4}.footer a:hover{color:var(--yellow)}.footer h3{font-size:15px;color:#fff;margin-bottom:16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:7px 0}.copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}.float-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(16,29,24,.96);color:#fff;z-index:30;border-top:1px solid #496458;padding:12px 0}.float-inner{display:flex;justify-content:center;align-items:center;gap:25px;font-size:14px}.float-bar button{background:none;border:0;color:#aabbb0;font-size:20px}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
    @media(max-width:992px){.hero-grid,.scene,.intro-grid,.recognition,.responsible,.news-layout{grid-template-columns:1fr}.hero{min-height:650px}.hero-note{max-width:520px}.footer-grid{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.masthead{min-height:70px}.brand{font-size:24px}.issue,.head-action{display:none}.menu-toggle{display:block}.channel-bar{display:none}.channel-bar.open{display:flex;flex-wrap:wrap;padding:10px 0}.channel-bar a{padding:7px 10px}.channel-bar a.active:after{left:10px;right:10px}.hero{padding:65px 0 45px;min-height:590px}.hero h1{letter-spacing:-3px}.hero-stats{gap:16px}.stat b{font-size:23px}section{padding:65px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:15px}.triple,.topic-grid{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid var(--line)}.topic-side{grid-template-columns:1fr 1fr}.scene img{height:330px}.marks{border-left:0}.mark{padding:17px}.cta-inner{display:block}.cta h2{font-size:30px}.float-inner{justify-content:space-between;padding:0 14px;font-size:13px}}
    @media(max-width:576px){.container{padding-left:20px;padding-right:20px}.hero h1{font-size:43px}.hero p{font-size:15px}.topic-side,.data-grid,.footer-grid{grid-template-columns:1fr}.news-item{grid-template-columns:75px 1fr}.form-box{padding:22px}.float-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* roulang page: category2 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:.24s ease}
    a:hover{color:var(--orange)}
    img{display:block;width:100%;object-fit:cover}
    button,input,textarea,select{font:inherit}
    .container{max-width:1180px}
    .masthead{background:var(--paper);border-bottom:1px solid var(--line)}
    .masthead-top{display:flex;justify-content:space-between;align-items:center;padding:22px 0 16px;gap:20px}
    .brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
    .brand em{font-style:normal;color:var(--orange)}
    .issue{font-size:12px;color:var(--muted);letter-spacing:1px;text-align:right}
    .channel-wrap{border-top:1px solid var(--line)}
    .channel-bar{display:flex;align-items:center;gap:2px;overflow-x:auto;white-space:nowrap}
    .channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative}
    .channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
    .channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px}
    .hero{min-height:480px;background:linear-gradient(90deg,rgba(13,33,27,.95),rgba(13,33,27,.68),rgba(13,33,27,.25)),url('/assets/images/backpic/back-2.webp') center/cover;display:flex;align-items:center;color:#fff;padding:70px 0}
    .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
    .eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
    .hero h1{font-size:clamp(42px,6vw,74px);line-height:1.12;letter-spacing:-5px;margin:15px 0 22px;max-width:700px}
    .hero h1 span{color:var(--yellow)}
    .hero p{color:#e4ebe5;max-width:650px;font-size:17px;margin-bottom:20px}
    .btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
    .btn-main{background:var(--orange);color:#1b241e}
    .btn-main:hover{background:#f2a052;color:#1b241e;transform:translateY(-2px)}
    .btn-line{border-color:#b9d0c0;color:#fff}
    .btn-line:hover{background:#fff;color:var(--green)}
    .btn-text{padding-left:0;color:var(--orange);font-size:14px}
    .btn-text:hover{color:var(--green);transform:translateX(3px)}
    .creator-panel{border-left:1px solid rgba(255,255,255,.45);padding:27px;background:rgba(12,32,25,.62);max-width:440px}
    .creator-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}
    .avatar{width:58px;height:58px;border-radius:50%;border:2px solid var(--yellow);object-fit:cover}
    .creator-head strong{font-size:18px;color:#fff}
    .creator-head small{display:block;color:#b9c9bd}
    .follow{margin-left:auto;border:1px solid var(--yellow);color:var(--yellow);background:transparent;padding:5px 11px;font-size:12px}
    .follow:hover{background:var(--yellow);color:var(--deep)}
    .badge-row{display:flex;gap:9px;flex-wrap:wrap}
    .stat-badge{padding:8px 12px;background:rgba(255,255,255,.1);font-size:12px;color:#e5eee7}
    .stat-badge b{display:block;color:var(--yellow);font-size:19px;line-height:1.3}
    section{padding:80px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
    .section-head h2{font-size:clamp(29px,4vw,46px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
    .section-head p{max-width:520px;margin:0;color:var(--muted)}
    .kicker{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:1px}
    .index-strip{background:var(--deep);color:#fff;padding:24px 0}
    .index-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    .index-links a{color:#dbe7de;border-bottom:1px solid #60766a;padding-bottom:4px;font-size:14px}
    .index-links a:hover{color:var(--yellow);border-color:var(--yellow)}
    .rule-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:60px}
    .rule-intro{font-size:18px;color:var(--muted)}
    .rule-intro p{margin-bottom:18px}
    .rule-list{border-top:1px solid var(--line)}
    .rule-row{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
    .rule-no{font-size:25px;font-weight:900;color:var(--orange)}
    .rule-row h3{font-size:20px;margin:0 0 5px}
    .rule-row p{margin:0;color:var(--muted);font-size:14px}
    .compare{background:var(--sand)}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .compare-card{background:#fff;padding:28px;border:1px solid var(--line);min-height:250px}
    .compare-card.accent{border-top:4px solid var(--orange)}
    .compare-card h3{margin:12px 0;font-size:24px}
    .compare-card ul{padding-left:20px;color:var(--muted);margin-bottom:0}
    .compare-card li{margin:7px 0}
    .visual-story{display:grid;grid-template-columns:5fr 7fr;gap:46px;align-items:center}
    .visual-story img{height:420px;border-radius:var(--radius);filter:saturate(.82)}
    .caption{font-size:12px;color:var(--muted);margin-top:10px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .step{padding:25px 20px 25px 0;border-right:1px solid var(--line);margin-right:20px}
    .step:last-child{border-right:0;margin-right:0}
    .step b{font-size:29px;color:var(--green);display:block}
    .step h3{font-size:17px;margin:8px 0}
    .step p{font-size:13px;color:var(--muted);margin:0}
    .notice{background:var(--deep);color:#fff}
    .notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
    .notice h2{font-size:40px;line-height:1.25;margin:8px 0 20px}
    .notice p{color:#cbd8ce}
    .notice-list{list-style:none;padding:0;margin:0}
    .notice-list li{padding:15px 0;border-bottom:1px solid #40564b;display:flex;gap:13px;color:#dce7de}
    .notice-list b{color:var(--yellow)}
    .tip-band{border-left:4px solid var(--orange);background:#fff;padding:22px 25px;box-shadow:var(--shadow)}
    .tip-band strong{display:block;font-size:18px;margin-bottom:5px}
    .tip-band p{margin:0;color:var(--muted);font-size:14px}
    .faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
    .faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:21px 0;box-shadow:none}
    .faq .accordion-button:not(.collapsed){color:var(--green)}
    .faq .accordion-button:after{filter:hue-rotate(90deg)}
    .faq .accordion-body{padding:0 40px 22px 0;color:var(--muted)}
    .related{background:#fff;border-top:1px solid var(--line)}
    .related-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .related-card{border:1px solid var(--line);padding:22px;transition:.25s}
    .related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--orange)}
    .related-card h3{font-size:19px;margin:10px 0}
    .related-card p{font-size:13px;color:var(--muted);margin:0}
    .cta{background:var(--orange);padding:48px 0}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta h2{font-size:38px;margin:0;letter-spacing:-1px}
    .cta p{margin:8px 0 0;color:#4f3825}
    .cta .btn-main{background:var(--deep);color:#fff}
    .cta .btn-main:hover{background:var(--green)}
    footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
    .footer-brand{font-size:25px;font-weight:800;color:#fff}
    footer p,footer a{font-size:13px;color:#9eafa4}
    footer a:hover{color:var(--yellow)}
    footer h3{font-size:15px;color:#fff;margin-bottom:16px}
    .footer-links{list-style:none;padding:0;margin:0}
    .footer-links li{margin:7px 0}
    .copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
    .float-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(16,29,24,.97);color:#fff;z-index:20;border-top:1px solid #40564b;padding:10px 0}
    .float-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .float-bar p{margin:0;font-size:13px;color:#dbe7de}
    .float-bar button{background:none;border:0;color:#aabbb0;font-size:20px}
    :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
    @media(max-width:992px){
      .hero-grid,.rule-layout,.visual-story,.notice-grid{grid-template-columns:1fr}
      .hero{min-height:610px}
      .creator-panel{max-width:520px}
      .footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .masthead-top{padding:16px 0 12px}.issue{display:none}.brand{font-size:24px}
      .menu-toggle{display:block}
      .channel-bar{display:none;flex-wrap:wrap;padding:8px 0}
      .channel-bar.show{display:flex}
      .channel-bar a{padding:7px 10px}
      .channel-bar a.active:after{left:10px;right:10px}
      .hero{padding:58px 0 42px}
      .hero h1{letter-spacing:-3px}.hero p{font-size:15px}
      section{padding:60px 0}
      .section-head{display:block;margin-bottom:28px}.section-head p{margin-top:14px}
      .steps,.compare-grid,.related-grid{grid-template-columns:1fr}
      .step{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:20px 0}
      .step:last-child{border-bottom:0}
      .cta-inner{display:block}.cta h2{font-size:30px}
      .float-inner{align-items:center}.float-bar p{font-size:12px}
      .float-bar .btn-main{padding:8px 13px;font-size:13px}
    }
    @media(max-width:576px){
      .hero h1{font-size:42px}.hero-stats{display:block}.stat-badge{display:inline-block;margin:4px 3px 0 0}
      .creator-panel{padding:20px}.rule-row{grid-template-columns:42px 1fr;gap:12px}
      .notice h2{font-size:31px}.footer-grid{grid-template-columns:1fr}
      footer{padding-bottom:125px}.float-bar .btn-main{margin-right:0}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:.24s ease}
    a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(233,139,58,.5);outline-offset:3px}
    img{display:block;width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    .container{max-width:1180px}
    .site-head{background:rgba(247,245,239,.96);border-bottom:1px solid var(--line);position:relative;z-index:5}
    .masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0 18px}
    .brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
    .brand em{font-style:normal;color:var(--orange)}
    .issue{border-left:1px solid var(--line);padding-left:22px;color:var(--muted);font-size:13px;line-height:1.5}
    .issue b{display:block;color:var(--green);font-size:14px}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px;border-radius:4px}
    .channel-bar{display:flex;align-items:center;gap:2px;overflow-x:auto;border-top:1px solid var(--line)}
    .channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative;white-space:nowrap}
    .channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
    .channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
    .crumb{font-size:13px;color:var(--muted);margin-bottom:24px}
    .crumb a{color:var(--green)}
    .inner-hero{background:var(--deep);color:#fff;padding:78px 0 74px;position:relative;overflow:hidden}
    .inner-hero:after{content:"01";position:absolute;right:7%;bottom:-45px;font-size:240px;line-height:1;font-weight:900;color:rgba(255,255,255,.035)}
    .inner-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
    .eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
    .inner-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.13;letter-spacing:-4px;margin:14px 0 22px;max-width:700px}
    .inner-hero h1 span{color:var(--yellow)}
    .inner-hero p{color:#dbe6dd;font-size:17px;max-width:620px}
    .btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
    .btn-main{background:var(--orange);color:#1b241e}.btn-main:hover{background:#f2a052;transform:translateY(-2px)}
    .btn-line{border-color:#b9d0c0;color:#fff}.btn-line:hover{background:#fff;color:var(--green)}
    .btn-text{padding-left:0;color:var(--orange);font-size:14px}.btn-text:hover{color:var(--green);transform:translateX(3px)}
    .hero-card{background:#f4f0e5;color:var(--ink);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:1}
    .hero-card img{height:210px;border-radius:8px;margin-bottom:20px}
    .hero-card h2{font-size:24px;line-height:1.35;margin:0 0 9px}.hero-card p{color:var(--muted);font-size:14px;margin:0}
    section{padding:88px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
    .section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
    .section-head p{max-width:500px;margin:0;color:var(--muted)}
    .index-strip{background:var(--sand);padding:30px 0;border-bottom:1px solid var(--line)}
    .index-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .index-list a{padding:16px 22px;border-left:1px solid #cbd1c8;color:var(--green);font-weight:700}
    .index-list a:first-child{border-left:0}.index-list a:hover{background:#e4ded2;color:var(--orange)}
    .index-list small{display:block;color:var(--muted);font-weight:400;font-size:12px}
    .guide-layout{display:grid;grid-template-columns:4fr 8fr;gap:70px}
    .side-title{position:sticky;top:25px}
    .side-title h2{font-size:34px;line-height:1.35;margin:8px 0 16px}
    .side-title p{color:var(--muted)}
    .note-box{border-left:4px solid var(--orange);background:#fff;padding:22px 25px;margin-top:25px;font-size:14px}
    .term-list{border-top:1px solid var(--line)}
    .term-row{display:grid;grid-template-columns:125px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}
    .term-row b{color:var(--green);font-size:18px}.term-row p{margin:0;color:var(--muted)}
    .paper-section{background:#fff}
    .reading-grid{display:grid;grid-template-columns:5fr 7fr;gap:55px;align-items:center}
    .reading-grid img{height:410px;border-radius:var(--radius)}
    figcaption{font-size:12px;color:var(--muted);padding-top:9px}
    .step-list{counter-reset:steps;list-style:none;padding:0;margin:0}
    .step-list li{counter-increment:steps;display:grid;grid-template-columns:50px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}
    .step-list li:before{content:counter(steps,decimal-leading-zero);font-weight:900;color:var(--orange);font-size:19px}
    .step-list h3{font-size:18px;margin:0 0 5px}.step-list p{font-size:14px;color:var(--muted);margin:0}
    .compare-section{background:var(--green);color:#fff}
    .compare-section .section-head p{color:#cbdacf}
    .compare-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:50px;align-items:start}
    .quote{font-size:27px;line-height:1.5;border-top:1px solid #668174;border-bottom:1px solid #668174;padding:25px 0;color:#f5ead5}
    .clarify-list{list-style:none;padding:0;margin:0}.clarify-list li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #496458;color:#dae5dc;font-size:14px}.clarify-list b{color:var(--yellow)}
    .timeline{position:relative;padding-left:40px;border-left:1px solid #bdc7bd}
    .timeline-item{position:relative;padding:0 0 30px 24px}.timeline-item:before{content:"";position:absolute;left:-46px;top:8px;width:11px;height:11px;border:3px solid var(--orange);background:var(--paper);border-radius:50%}
    .timeline-item time{font-size:12px;color:var(--orange);letter-spacing:1px}.timeline-item h3{font-size:20px;margin:4px 0}.timeline-item p{color:var(--muted);margin:0;font-size:14px}
    .faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
    .faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:22px 0;box-shadow:none}
    .faq .accordion-button:not(.collapsed){color:var(--green)}
    .faq .accordion-button:after{filter:hue-rotate(90deg)}.faq .accordion-body{padding:0 40px 22px 0;color:var(--muted)}
    .cta{background:var(--orange);padding:52px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:38px;margin:0;letter-spacing:-1px}.cta p{margin:8px 0 0;color:#4f3825}.cta .btn-main{background:var(--deep);color:#fff}.cta .btn-main:hover{background:var(--green)}
    footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-brand{font-size:25px;font-weight:800;color:#fff}footer p,footer a{font-size:13px;color:#9eafa4}footer a:hover{color:var(--yellow)}footer h3{font-size:15px;color:#fff;margin-bottom:16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:7px 0}.copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
    .float-bar{position:fixed;z-index:10;bottom:0;left:0;right:0;background:var(--deep);color:#fff;padding:12px 0;box-shadow:0 -8px 22px rgba(16,35,29,.16)}.float-inner{display:flex;align-items:center;justify-content:center;gap:24px}.float-bar p{margin:0;font-size:14px}.float-bar .btn-main{margin:0;padding:8px 18px}.float-bar button{background:none;border:0;color:#aabbb0;font-size:20px}
    @media(max-width:992px){.inner-hero-grid,.guide-layout,.reading-grid,.compare-grid{grid-template-columns:1fr;gap:35px}.side-title{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.masthead{padding:18px 0}.issue{display:none}.brand{font-size:24px}.menu-toggle{display:block}.channel-bar{display:none;flex-wrap:wrap;padding:8px 0}.channel-bar.show{display:flex}.channel-bar a{padding:7px 10px}.channel-bar a.active:after{left:10px;right:10px}.inner-hero{padding:60px 0 55px}.inner-hero h1{letter-spacing:-3px}.index-list{grid-template-columns:repeat(2,1fr)}.index-list a:nth-child(3){border-left:0}.index-list a{border-bottom:1px solid #cbd1c8}section{padding:65px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:14px}.term-row{grid-template-columns:1fr;gap:5px}.reading-grid img{height:300px}.cta-inner{display:block}.cta h2{font-size:30px}.float-inner{justify-content:space-between;padding:0 15px}}
    @media(max-width:576px){.container{padding-left:20px;padding-right:20px}.index-list{grid-template-columns:1fr}.index-list a,.index-list a:nth-child(3){border-left:0}.hero-card img{height:175px}.inner-hero h1{font-size:42px}.footer-grid{grid-template-columns:1fr;gap:25px}.float-bar p{font-size:12px;line-height:1.4}.float-bar .btn-main{font-size:13px;padding:7px 12px}.float-bar button{font-size:18px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category4 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:.24s ease}
    img{display:block;width:100%;object-fit:cover}
    button,input,textarea,select{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(233,139,58,.55);outline-offset:3px}
    .container{max-width:1180px}
    .masthead{background:var(--white);border-bottom:1px solid var(--line)}
    .masthead-top{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;gap:20px}
    .brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
    .brand em{font-style:normal;color:var(--orange)}
    .issue-note{font-size:12px;color:var(--muted);text-align:right}
    .issue-note strong{display:block;color:var(--green);font-size:14px}
    .channel-wrap{border-top:1px solid var(--line)}
    .channel-bar{display:flex;align-items:center;gap:2px;overflow-x:auto;white-space:nowrap}
    .channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative}
    .channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
    .channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px;border-radius:4px}
    .hero{min-height:550px;background:linear-gradient(90deg,rgba(13,33,27,.95),rgba(13,33,27,.72) 54%,rgba(13,33,27,.35)),url('/assets/images/backpic/back-3.webp') center/cover;display:flex;align-items:center;color:#fff;padding:70px 0}
    .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:58px;align-items:center}
    .eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
    .hero h1{font-size:clamp(42px,6vw,76px);line-height:1.1;letter-spacing:-5px;margin:16px 0 24px;max-width:700px}
    .hero h1 span{color:var(--yellow)}
    .hero p{color:#e4ebe5;max-width:650px;font-size:17px}
    .hero-actions{margin-top:22px}
    .btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
    .btn-main{background:var(--orange);color:#1b241e}
    .btn-main:hover{background:#f2a052;transform:translateY(-2px)}
    .btn-line{border-color:#b9d0c0;color:#fff}
    .btn-line:hover{background:#fff;color:var(--green)}
    .btn-text{padding-left:0;color:var(--orange);font-size:14px}
    .btn-text:hover{color:var(--green);transform:translateX(3px)}
    .progress-panel{border:1px solid rgba(255,255,255,.3);background:rgba(12,32,25,.66);padding:28px}
    .progress-panel h2{font-size:22px;margin:8px 0 20px}
    .progress-ring{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:conic-gradient(var(--orange) 0 68%,rgba(255,255,255,.16) 68% 100%);position:relative}
    .progress-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--deep)}
    .progress-ring b{position:relative;z-index:1;font-size:31px;color:var(--yellow)}
    .tier-list{border-top:1px solid rgba(255,255,255,.25)}
    .tier{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:13px}
    section{padding:86px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
    .section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
    .section-head p{max-width:510px;margin:0;color:var(--muted)}
    .intro-grid{display:grid;grid-template-columns:5fr 7fr;gap:58px;align-items:start}
    .lead-copy{font-size:19px;line-height:1.9}
    .note-box{background:var(--sand);border-left:4px solid var(--orange);padding:22px 25px;margin-top:28px}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .metric{background:#fff;border:1px solid var(--line);padding:25px;min-height:170px;transition:.24s ease}
    .metric:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b7c8bc}
    .metric b{display:block;font-size:36px;line-height:1.1;color:var(--green);margin:12px 0 8px}
    .metric span{font-size:13px;color:var(--muted)}
    .chart-section{background:var(--deep);color:#fff}
    .chart-section .section-head p{color:#c4d1c8}
    .chart-layout{display:grid;grid-template-columns:7fr 5fr;gap:28px}
    .chart-card{background:#18352a;border:1px solid #355648;padding:26px;border-radius:var(--radius)}
    .chart-card h3{font-size:20px;margin:0}
    .chart-sub{font-size:13px;color:#aabdb1;margin:5px 0 20px}
    .bars{height:225px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #628171;padding:0 8px}
    .bar{flex:1;background:linear-gradient(to top,var(--orange),var(--yellow));min-height:24px;position:relative;transition:.25s ease}
    .bar:hover{filter:brightness(1.12);transform:scaleY(1.03)}
    .bar small{position:absolute;bottom:-29px;left:50%;transform:translateX(-50%);font-size:11px;color:#b9c8bd}
    .reading-list{list-style:none;padding:0;margin:0}
    .reading-list li{padding:17px 0;border-bottom:1px solid #3b5a4b;display:flex;gap:15px}
    .reading-list b{color:var(--yellow);min-width:30px}
    .reading-list span{color:#d9e3db;font-size:14px}
    .image-story{display:grid;grid-template-columns:7fr 5fr;gap:50px;align-items:center}
    .image-story img{height:420px;border-radius:var(--radius);filter:saturate(.8)}
    figcaption{font-size:12px;color:var(--muted);margin-top:10px}
    .story-copy h3{font-size:28px;line-height:1.35}
    .story-copy p{color:var(--muted)}
    .story-copy ul{padding-left:20px}
    .story-copy li{margin:10px 0}
    .timeline{border-left:1px solid var(--green2);padding-left:30px}
    .timeline-item{position:relative;padding:0 0 28px}
    .timeline-item:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--orange);left:-36px;top:9px;box-shadow:0 0 0 5px var(--paper)}
    .timeline-item h3{font-size:20px;margin:0 0 6px}
    .timeline-item p{color:var(--muted);margin:0}
    .quote-section{background:var(--sand)}
    .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .quote{background:#fff;padding:30px;border-top:3px solid var(--green);min-height:190px}
    .quote p{font-size:18px;margin:0 0 18px}
    .quote small{color:var(--muted)}
    .faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
    .faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:22px 0;box-shadow:none}
    .faq .accordion-button:not(.collapsed){color:var(--green)}
    .faq .accordion-button:after{filter:hue-rotate(90deg)}
    .faq .accordion-body{padding:0 40px 22px 0;color:var(--muted)}
    .cta{background:var(--orange);padding:54px 0}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta h2{font-size:38px;margin:0;letter-spacing:-1px}
    .cta p{margin:8px 0 0;color:#4f3825}
    .cta .btn-main{background:var(--deep);color:#fff}
    .cta .btn-main:hover{background:var(--green)}
    footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
    .footer-brand{font-size:25px;font-weight:800;color:#fff}
    .footer p,.footer a{font-size:13px;color:#9eafa4}
    .footer a:hover{color:var(--yellow)}
    .footer h3{font-size:15px;color:#fff;margin-bottom:16px}
    .footer-links{list-style:none;padding:0;margin:0}
    .footer-links li{margin:7px 0}
    .copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
    .float-bar{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#172b22;color:#fff;border-top:1px solid #486456;padding:12px 0}
    .float-inner{display:flex;justify-content:space-between;align-items:center}
    .float-bar span{font-size:14px}
    .float-bar button{background:none;border:0;color:#aabbb0;font-size:20px;margin-left:15px}
    .reveal{opacity:0;transform:translateY(18px);transition:.65s ease}
    .reveal.show{opacity:1;transform:none}
    @media(max-width:992px){.hero-grid,.chart-layout,.image-story{grid-template-columns:1fr}.hero{min-height:650px}.progress-panel{max-width:520px}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.masthead-top{padding:17px 0}.brand{font-size:24px}.issue-note{display:none}.menu-toggle{display:block}.channel-wrap{display:none}.channel-wrap.open{display:block}.channel-bar{display:grid;grid-template-columns:repeat(2,1fr);padding:8px 0}.channel-bar a{padding:8px 10px}.channel-bar a.active:after{left:10px;right:auto;width:28px}.hero{padding:55px 0 42px}.hero h1{letter-spacing:-3px}.hero p{font-size:15px}.intro-grid,.quote-grid{grid-template-columns:1fr}section{padding:65px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:14px}.image-story img{height:300px}.cta-inner{display:block}.cta h2{font-size:31px}.float-inner{padding:0 15px}.float-bar span{font-size:12px}.float-bar .btn-main{padding:8px 13px;font-size:13px}}
    @media(max-width:576px){.container{padding-left:18px;padding-right:18px}.metric-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.progress-panel{padding:22px}.bars{gap:7px}.chart-card{padding:19px}.float-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* roulang page: category3 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:.24s ease}
    a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(233,139,58,.5);outline-offset:3px}
    img{display:block;width:100%;object-fit:cover}
    button,input,textarea,select{font:inherit}
    .container{max-width:1180px}
    .site-header{background:rgba(247,245,239,.96);border-bottom:1px solid var(--line);position:relative;z-index:5}
    .masthead{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
    .brand em{font-style:normal;color:var(--orange)}
    .issue-note{font-size:12px;letter-spacing:1px;color:var(--muted);text-align:right}
    .channel-wrap{border-top:1px solid var(--line)}
    .channel-bar{display:flex;align-items:center;overflow-x:auto;white-space:nowrap}
    .channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative}
    .channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
    .channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px}
    .hero-match{min-height:570px;background:linear-gradient(90deg,rgba(13,33,27,.95) 0%,rgba(13,33,27,.75) 48%,rgba(13,33,27,.25)),url('/assets/images/backpic/back-2.webp') center/cover;display:flex;align-items:center;color:#fff}
    .hero-content{max-width:760px;padding:78px 0}
    .eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
    .hero-match h1{font-size:clamp(43px,6.5vw,78px);line-height:1.1;letter-spacing:-5px;margin:17px 0 23px}
    .hero-match h1 span{color:var(--yellow)}
    .hero-match p{color:#e4ebe5;max-width:680px;font-size:17px}
    .btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
    .btn-main{background:var(--orange);color:#1b241e}
    .btn-main:hover{background:#f2a052;transform:translateY(-2px)}
    .btn-line{border-color:#b9d0c0;color:#fff}
    .btn-line:hover{background:#fff;color:var(--green)}
    .btn-text{padding-left:0;color:var(--orange);font-size:14px}
    .btn-text:hover{color:var(--green);transform:translateX(3px)}
    .play-mark{display:inline-flex;width:48px;height:48px;border:1px solid rgba(255,255,255,.65);align-items:center;justify-content:center;border-radius:50%;margin-right:12px;color:var(--yellow)}
    section{padding:88px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
    .section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
    .section-head p{max-width:510px;margin:0;color:var(--muted)}
    .intro-layout{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}
    .intro-layout h2{font-size:39px;line-height:1.25;letter-spacing:-2px;margin:10px 0 20px}
    .intro-copy p{color:var(--muted)}
    .index-list{border-top:1px solid var(--ink)}
    .index-row{display:grid;grid-template-columns:80px 1fr 25px;gap:18px;padding:19px 0;border-bottom:1px solid var(--line);align-items:center}
    .index-row strong{font-size:13px;color:var(--orange);letter-spacing:1px}
    .index-row h3{font-size:18px;margin:0}
    .index-row p{font-size:13px;color:var(--muted);margin:3px 0 0}
    .index-row:hover{padding-left:8px;background:rgba(238,233,223,.55)}
    .feature-scene{background:var(--deep);color:#fff}
    .scene-grid{display:grid;grid-template-columns:7fr 5fr;gap:46px;align-items:center}
    .scene-image{height:465px;border-radius:var(--radius);filter:saturate(.78)}
    .caption{font-size:12px;color:var(--muted);margin-top:10px}
    .feature-scene .caption{color:#9eafa4}
    .scene-copy h2{font-size:42px;line-height:1.25;letter-spacing:-2px;margin:9px 0 20px}
    .scene-copy p{color:#cbd7ce}
    .read-steps{margin-top:28px;border-top:1px solid #496458}
    .read-step{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #496458}
    .read-step b{color:var(--yellow);font-size:18px}
    .read-step h3{font-size:16px;margin:0;color:#fff}
    .read-step p{font-size:13px;margin:2px 0 0;color:#aebfb4}
    .schedule-section{background:var(--sand)}
    .schedule-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:52px}
    .schedule-note{border-left:4px solid var(--orange);padding-left:22px}
    .schedule-note h2{font-size:36px;line-height:1.3;margin:0 0 15px}
    .schedule-note p{color:var(--muted)}
    .match-list{background:#fff;border:1px solid var(--line)}
    .match-item{display:grid;grid-template-columns:105px 1fr 115px;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
    .match-item:last-child{border-bottom:0}
    .match-time{font-size:13px;color:var(--muted)}
    .match-time b{display:block;color:var(--green);font-size:16px}
    .match-item h3{font-size:17px;margin:0}
    .match-item p{font-size:12px;color:var(--muted);margin:2px 0 0}
    .state{font-size:12px;text-align:right;color:var(--green);font-weight:700}
    .data-section{padding-top:76px}
    .data-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr 1fr;gap:14px}
    .data-box{padding:25px;background:#fff;border:1px solid var(--line);min-height:155px}
    .data-box:first-child{background:var(--green);color:#fff}
    .data-box b{font-size:30px;color:var(--green);display:block}
    .data-box:first-child b{color:var(--yellow)}
    .data-box span{font-size:13px;color:var(--muted)}
    .data-box:first-child span{color:#d0dfd4}
    .data-box p{font-size:13px;margin:12px 0 0;color:var(--muted)}
    .data-box:first-child p{color:#d0dfd4}
    .article-layout{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:start}
    .article-layout img{height:405px;border-radius:var(--radius)}
    .article-text h2{font-size:38px;line-height:1.3;letter-spacing:-2px;margin:0 0 18px}
    .article-text p{color:var(--muted);margin:0 0 17px}
    .quote{border-left:3px solid var(--orange);padding:14px 20px;background:var(--sand);font-weight:700;color:var(--green);margin:23px 0}
    .recognition{background:#e6eee8}
    .recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
    .recognition h2{font-size:38px;line-height:1.3;letter-spacing:-2px;margin:7px 0 18px}
    .recognition p{color:var(--muted)}
    .source-list{border-top:1px solid #aec0b4}
    .source-item{padding:17px 0;border-bottom:1px solid #aec0b4;display:flex;justify-content:space-between;gap:20px}
    .source-item span{font-size:13px;color:var(--muted)}
    .responsibility{background:var(--paper)}
    .responsibility-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}
    .responsibility h2{font-size:38px;line-height:1.3;letter-spacing:-2px}
    .principles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
    .principle{padding:20px;background:#fff;border:1px solid var(--line)}
    .principle b{display:block;color:var(--orange);font-size:22px;margin-bottom:6px}
    .principle p{font-size:13px;color:var(--muted);margin:0}
    .faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
    .faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:22px 0;box-shadow:none}
    .faq .accordion-button:not(.collapsed){color:var(--green)}
    .faq .accordion-body{padding:0 40px 22px 0;color:var(--muted)}
    .cta{background:var(--orange);padding:55px 0}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta h2{font-size:38px;margin:0;letter-spacing:-1px}
    .cta p{margin:8px 0 0;color:#4f3825}
    .cta .btn-main{background:var(--deep);color:#fff}
    .cta .btn-main:hover{background:var(--green)}
    footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
    .footer-brand{font-size:25px;font-weight:800;color:#fff}
    .footer p,.footer a{font-size:13px;color:#9eafa4}
    .footer a:hover{color:var(--yellow)}
    .footer h3{font-size:15px;color:#fff;margin-bottom:16px}
    .footer-links{list-style:none;padding:0;margin:0}
    .footer-links li{margin:7px 0}
    .copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
    .float-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(16,29,24,.96);color:#fff;padding:13px 0;z-index:10;border-top:1px solid #496458}
    .float-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
    .float-inner p{margin:0;font-size:13px;color:#d6e0d8}
    .float-bar button{background:none;border:0;color:#aabbb0;font-size:20px}
    @media(max-width:992px){
      .masthead{min-height:76px}.issue-note{display:none}.intro-layout,.scene-grid,.schedule-layout,.article-layout,.recognition-grid,.responsibility-grid{grid-template-columns:1fr;gap:32px}
      .scene-image{height:360px}.data-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .brand{font-size:24px}.menu-toggle{display:block}.channel-wrap{display:none}.channel-wrap.open{display:block}.channel-bar{display:grid;grid-template-columns:1fr 1fr;padding:10px 0}.channel-bar a{padding:7px 10px}.channel-bar a.active:after{left:10px;right:10px}
      .hero-match{min-height:590px}.hero-content{padding:62px 0 48px}.hero-match h1{letter-spacing:-3px}.hero-match p{font-size:15px}
      section{padding:64px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:14px}.intro-layout h2,.scene-copy h2,.recognition h2,.article-text h2,.responsibility h2{font-size:32px}
      .match-item{grid-template-columns:82px 1fr}.state{text-align:left;grid-column:2}.principles{grid-template-columns:1fr}.cta-inner{display:block}.cta h2{font-size:31px}.float-inner{padding:0 8px}
    }
    @media(max-width:576px){
      .hero-match h1{font-size:44px}.hero-content{padding-top:48px}.data-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.index-row{grid-template-columns:52px 1fr 18px}.scene-image,.article-layout img{height:285px}.match-item{padding:15px 14px;gap:10px}.float-inner p{font-size:12px}.float-inner .btn-main{padding:8px 12px;font-size:12px}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category5 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.24s ease}
img{display:block;width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
.container{max-width:1180px}
.masthead{background:#fbfaf6;border-bottom:1px solid var(--line)}
.masthead-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
.brand em{font-style:normal;color:var(--orange)}
.issue{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}
.issue-mark{width:42px;height:42px;border:1px solid var(--orange);display:grid;place-items:center;color:var(--orange);font-weight:800}
.channel-wrap{background:#fff;border-bottom:1px solid var(--line)}
.channel-bar{display:flex;align-items:center;gap:2px;overflow-x:auto;white-space:nowrap}
.channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative}
.channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
.channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px}
.hero{min-height:475px;background:linear-gradient(90deg,rgba(13,33,27,.95),rgba(13,33,27,.76) 54%,rgba(13,33,27,.28)),url('/assets/images/backpic/back-2.webp') center/cover;display:flex;align-items:center;color:#fff;padding:70px 0}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.12;letter-spacing:-5px;margin:14px 0 22px;max-width:690px}
.hero h1 span{color:var(--yellow)}
.hero p{color:#e4ebe5;max-width:650px;font-size:17px;margin-bottom:25px}
.btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
.btn-main{background:var(--orange);color:#1b241e}
.btn-main:hover{background:#f2a052;color:#17241f;transform:translateY(-2px)}
.btn-line{border-color:#b9d0c0;color:#fff}
.btn-line:hover{background:#fff;color:var(--green)}
.btn-text{padding-left:0;color:var(--orange);font-size:14px}
.btn-text:hover{color:var(--green);transform:translateX(3px)}
.hero-panel{border-left:1px solid rgba(255,255,255,.45);padding:28px;background:rgba(12,32,25,.58)}
.hero-panel strong{font-size:46px;line-height:1;color:var(--yellow);display:block}
.hero-panel h2{font-size:21px;margin:12px 0 6px}
.hero-panel p{font-size:14px;margin:0;color:#d9e4db}
.progress{height:5px;background:rgba(255,255,255,.2);margin:24px 0 10px}
.progress-bar{background:var(--orange)}
.panel-meta{display:flex;justify-content:space-between;color:#c7d4cb;font-size:12px}
section{padding:78px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
.section-head p{max-width:500px;margin:0;color:var(--muted)}
.intro-layout{display:grid;grid-template-columns:4fr 8fr;gap:55px}
.intro-copy{font-size:17px}
.intro-copy p{margin-bottom:18px}
.index-list{border-top:1px solid var(--line)}
.index-row{display:grid;grid-template-columns:68px 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.index-row b{font-size:14px;color:var(--orange)}
.index-row strong{font-size:18px}
.index-row span{font-size:13px;color:var(--muted)}
.feature{background:var(--deep);color:#fff}
.feature-grid{display:grid;grid-template-columns:7fr 5fr;gap:38px;align-items:stretch}
.feature-image{height:390px;border-radius:var(--radius);overflow:hidden;position:relative}
.feature-image img{height:100%;transition:.3s}
.feature-image:hover img{transform:scale(1.03)}
.caption{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(transparent,rgba(10,25,19,.9));font-size:12px;color:#e9efe9}
.feature-copy{padding:12px 0}
.feature-copy h2{font-size:34px;line-height:1.3;margin:14px 0}
.feature-copy p{color:#ccd8cf}
.quote{border-left:3px solid var(--orange);padding:15px 20px;margin:23px 0;color:#e7eee8}
.topic-strip{background:var(--sand)}
.topic-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
.topic-card{position:relative;min-height:220px;border-radius:var(--radius);overflow:hidden;background:var(--green);color:#fff}
.topic-card img{height:100%;opacity:.72;transition:.3s}
.topic-card:hover img{transform:scale(1.04);opacity:.85}
.topic-card .overlay{position:absolute;inset:0;padding:25px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent 22%,rgba(9,28,21,.92))}
.topic-card h3{font-size:25px;margin:7px 0}
.topic-card p{font-size:14px;color:#dbe3dc;margin:0}
.topic-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.topic-side .topic-card{min-height:220px}
.news-section{background:#fff}
.news-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:58px}
.feature-news{border-top:4px solid var(--orange);padding-top:22px}
.feature-news .date{font-size:13px;color:var(--orange);font-weight:700}
.feature-news h3{font-size:31px;line-height:1.35;margin:13px 0}
.feature-news p{color:var(--muted)}
.news-list{border-top:1px solid var(--line)}
.news-item{display:grid;grid-template-columns:82px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.news-item time{font-size:12px;color:var(--muted);padding-top:4px}
.news-item h3{font-size:17px;margin:0 0 4px}
.news-item p{font-size:13px;color:var(--muted);margin:0 0 4px}
.news-item .btn-text{margin:0;font-size:13px}
.data-section{background:var(--paper)}
.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.data-box{padding:24px;background:#fff;border:1px solid var(--line);min-height:165px}
.data-box b{font-size:27px;color:var(--green);display:block}
.data-box span{font-size:13px;color:var(--muted)}
.data-box p{font-size:13px;margin:12px 0 0;color:var(--muted)}
.recognition{background:var(--green);color:#fff}
.recognition-grid{display:grid;grid-template-columns:5fr 7fr;gap:65px;align-items:center}
.recognition h2{font-size:39px;line-height:1.25}
.recognition p{color:#d7e2da}
.source-list{list-style:none;padding:0;margin:0}
.source-list li{border-bottom:1px solid rgba(255,255,255,.2);padding:17px 0;display:flex;justify-content:space-between;gap:20px}
.source-list span{font-size:13px;color:#c8d8cc}
.source-list b{color:var(--yellow);font-size:14px}
.responsible{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.responsible h2{font-size:38px;line-height:1.3}
.responsible p{color:var(--muted)}
.notice-card{background:#fff;border:1px solid var(--line);padding:27px;box-shadow:var(--shadow)}
.notice-card h3{font-size:21px;margin-top:0}
.notice-card li{margin:9px 0;color:var(--muted)}
.faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
.faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:21px 0;box-shadow:none}
.faq .accordion-button:not(.collapsed){color:var(--green)}
.faq .accordion-button:after{filter:hue-rotate(90deg)}
.faq .accordion-body{padding:0 40px 21px 0;color:var(--muted)}
.cta{background:var(--orange);padding:52px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta h2{font-size:38px;margin:0;letter-spacing:-1px}
.cta p{margin:8px 0 0;color:#4f3825}
.cta .btn-main{background:var(--deep);color:#fff}
.cta .btn-main:hover{background:var(--green)}
footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.footer-brand{font-size:25px;font-weight:800;color:#fff}
footer p,footer a{font-size:13px;color:#9eafa4}
footer a:hover{color:var(--yellow)}
footer h3{font-size:15px;color:#fff;margin-bottom:16px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:7px 0}
.copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
.float-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;background:var(--deep);color:#fff;border:1px solid #486658;border-radius:8px;padding:10px 14px 10px 20px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:14px}
.float-bar button{background:none;border:0;color:#aabbb0;font-size:20px;line-height:1}
.float-bar .btn-main{margin:0;padding:8px 16px}
.reveal{animation:rise .65s both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:992px){.hero-grid,.feature-grid,.news-layout,.recognition-grid,.responsible,.intro-layout{grid-template-columns:1fr;gap:30px}.hero{min-height:600px}.hero-panel{max-width:520px}.data-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.masthead-inner{min-height:76px}.brand{font-size:24px}.issue{display:none}.channel-bar{padding-left:10px}.channel-bar a{padding:8px 10px}.channel-bar a.active:after{left:10px;right:10px}.hero{padding:58px 0 45px}.hero h1{letter-spacing:-3px}.section-head{display:block}.section-head p{margin-top:15px}.topic-grid,.topic-side{grid-template-columns:1fr}.feature-image{height:290px}.cta-inner{display:block}.cta h2{font-size:30px}.float-bar{left:10px;right:10px;transform:none;justify-content:space-between;gap:8px;font-size:12px}.float-bar .btn-main{font-size:12px}}
@media(max-width:576px){section{padding:58px 0}.data-grid,.footer-grid{grid-template-columns:1fr}.index-row{grid-template-columns:45px 1fr}.index-row span{display:none}.hero h1{font-size:43px}.hero p{font-size:15px}.feature-copy h2,.recognition h2,.responsible h2{font-size:29px}.news-item{grid-template-columns:1fr;gap:2px}.news-item time{padding:0}.footer-grid{gap:24px}.copyright{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* roulang page: category6 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.24s ease}
img{display:block;width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
.container{max-width:1180px}
.site-header{background:rgba(247,245,239,.96);border-bottom:1px solid var(--line);position:relative;z-index:5}
.masthead{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
.brand em{font-style:normal;color:var(--orange)}
.issue-note{border-left:1px solid var(--line);padding-left:22px;color:var(--muted);font-size:13px;line-height:1.6}
.issue-note b{color:var(--green);display:block;font-size:14px}
.channel-bar{display:flex;align-items:center;gap:2px;overflow-x:auto;border-top:1px solid var(--line);min-height:49px}
.channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative;white-space:nowrap}
.channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
.channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px;border-radius:4px}
.hero{background:linear-gradient(90deg,rgba(13,33,27,.95),rgba(13,33,27,.72)),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff;padding:86px 0 72px}
.hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}
.eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.1;letter-spacing:-5px;margin:16px 0 24px;max-width:690px}
.hero h1 span{color:var(--yellow)}
.hero p{color:#e4ebe5;max-width:620px;font-size:17px}
.btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
.btn-main{background:var(--orange);color:#1b241e}
.btn-main:hover{background:#f2a052;transform:translateY(-2px)}
.btn-line{border-color:#b9d0c0;color:#fff}
.btn-line:hover{background:#fff;color:var(--green)}
.btn-text{padding-left:0;color:var(--orange);font-size:14px}
.btn-text:hover{color:var(--green);transform:translateX(3px)}
.hero-panel{background:rgba(10,28,22,.62);border:1px solid rgba(255,255,255,.26);padding:24px;border-radius:var(--radius)}
.hero-panel img{height:190px;border-radius:8px;margin-bottom:20px}
.hero-panel h2{font-size:24px;margin:0 0 8px}
.hero-panel p{font-size:14px;margin:0}
section{padding:84px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
.section-head p{max-width:520px;margin:0;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:5fr 7fr;gap:62px;align-items:start}
.intro-copy{font-size:17px}
.intro-copy p{margin:0 0 18px}
.index-list{border-top:1px solid var(--line)}
.index-row{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}
.index-row b{font-size:13px;color:var(--orange)}
.index-row h3{font-size:18px;margin:0 0 3px}
.index-row p{font-size:14px;color:var(--muted);margin:0}
.principles{background:var(--sand)}
.principle-grid{display:grid;grid-template-columns:1.1fr .9fr 1.2fr;gap:16px}
.principle{background:#fff;border:1px solid var(--line);padding:28px;min-height:245px;transition:.24s}
.principle:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.principle .num{font-size:14px;color:var(--orange);font-weight:800}
.principle h3{font-size:24px;margin:30px 0 10px}
.principle p{font-size:14px;color:var(--muted);margin:0}
.notice-section{background:var(--deep);color:#fff}
.notice-grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.notice-grid h2{font-size:42px;line-height:1.25;letter-spacing:-2px}
.notice-grid p{color:#cbd8cf}
.notice-card{border-left:3px solid var(--orange);padding:24px 26px;background:rgba(255,255,255,.07)}
.notice-card strong{display:block;color:var(--yellow);font-size:20px;margin-bottom:10px}
.notice-card ul{padding-left:20px;margin:0;color:#d6e1d9}
.protect-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.protect-box{padding:30px;background:#fff;border:1px solid var(--line)}
.protect-box h3{font-size:24px;margin:0 0 16px}
.protect-box p{color:var(--muted);font-size:15px}
.protect-list{list-style:none;padding:0;margin:0}
.protect-list li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:13px}
.protect-list li:before{content:"✓";color:var(--green2);font-weight:800}
.soft{background:#edf1ea}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.check-image{position:relative}
.check-image img{height:420px;border-radius:var(--radius);filter:saturate(.82)}
.caption{font-size:12px;color:var(--muted);margin-top:9px}
.check-list{counter-reset:check}
.check-item{counter-increment:check;display:grid;grid-template-columns:42px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}
.check-item:before{content:counter(check,decimal-leading-zero);font-size:13px;color:var(--orange);font-weight:800}
.check-item h3{font-size:18px;margin:0 0 3px}
.check-item p{font-size:14px;color:var(--muted);margin:0}
.quote{padding:72px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote-inner{max-width:850px;margin:auto;text-align:center}
.quote blockquote{font-size:clamp(24px,3vw,38px);line-height:1.5;letter-spacing:-1px;margin:0 0 18px}
.quote cite{font-size:13px;color:var(--muted);font-style:normal}
.faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
.faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:21px 0;box-shadow:none}
.faq .accordion-button:not(.collapsed){color:var(--green)}
.faq .accordion-button:after{filter:hue-rotate(90deg)}
.faq .accordion-body{padding:0 45px 22px 0;color:var(--muted)}
.cta{background:var(--orange);padding:52px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta h2{font-size:38px;margin:0;letter-spacing:-1px}
.cta p{margin:8px 0 0;color:#4f3825}
.cta .btn-main{background:var(--deep);color:#fff}
.cta .btn-main:hover{background:var(--green)}
footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.footer-brand{font-size:25px;font-weight:800;color:#fff}
.footer p,.footer a{font-size:13px;color:#9eafa4}
.footer a:hover{color:var(--yellow)}
.footer h3{font-size:15px;color:#fff;margin-bottom:16px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:7px 0}
.copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
.float-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:rgba(16,29,24,.97);color:#fff;border-top:1px solid rgba(255,255,255,.15);padding:12px 0}
.float-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.float-inner p{margin:0;font-size:14px;color:#d6e0d8}
.float-bar button{background:none;border:0;color:#aabbb0;font-size:20px}
.tag{display:inline-block;background:rgba(243,201,107,.16);color:var(--yellow);padding:3px 9px;font-size:12px;border-radius:3px}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.reveal{animation:rise .7s ease both}
a:focus-visible,button:focus-visible,.accordion-button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:992px){
 .hero-grid,.notice-grid,.check-grid{grid-template-columns:1fr;gap:30px}
 .hero{padding:72px 0 60px}
 .principle-grid{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .masthead{min-height:74px}
 .issue-note{display:none}
 .menu-toggle{display:block}
 .channel-bar{display:none;flex-wrap:wrap;padding:10px 0}
 .channel-bar.open{display:flex}
 .channel-bar a{padding:7px 10px}
 .channel-bar a.active:after{left:10px;right:10px}
 .brand{font-size:24px}
 .hero h1{font-size:clamp(40px,11vw,62px);letter-spacing:-3px}
 .hero p{font-size:15px}
 section{padding:62px 0}
 .section-head{display:block;margin-bottom:28px}
 .section-head p{margin-top:14px}
 .principle-grid,.protect-grid{grid-template-columns:1fr}
 .notice-grid h2{font-size:34px}
 .check-image img{height:300px}
 .cta-inner{display:block}
 .cta h2{font-size:30px}
}
@media(max-width:576px){
 .container{padding-left:20px;padding-right:20px}
 .hero{padding:57px 0 45px}
 .hero h1{font-size:40px}
 .hero-panel{padding:18px}
 .hero-panel img{height:155px}
 .intro-copy{font-size:15px}
 .principle{min-height:auto;padding:22px}
 .principle h3{margin-top:20px}
 .footer-grid{grid-template-columns:1fr;gap:25px}
 .float-inner{align-items:flex-start}
 .float-inner p{font-size:12px;line-height:1.5}
 .float-inner .btn-main{padding:9px 12px;font-size:13px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* roulang page: category7 */
:root{--ink:#17241f;--deep:#10231d;--green:#244c3d;--green2:#306752;--orange:#e98b3a;--yellow:#f3c96b;--paper:#f7f5ef;--sand:#eee9df;--muted:#68736d;--line:#d9ddd5;--white:#fff;--radius:14px;--shadow:0 14px 38px rgba(20,42,33,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.24s ease}
img{display:block;width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
.container{max-width:1180px}
.site-head{background:#fbfaf6;border-bottom:1px solid var(--line)}
.masthead{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:30px;font-weight:900;letter-spacing:-2px;color:var(--deep);white-space:nowrap}
.brand em{font-style:normal;color:var(--orange)}
.issue{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}
.issue-mark{border-left:1px solid var(--line);padding-left:18px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 11px}
.channel-wrap{border-top:1px solid var(--line)}
.channel-bar{display:flex;align-items:center;gap:2px;overflow-x:auto}
.channel-bar a{padding:10px 15px;font-size:14px;color:var(--muted);position:relative;white-space:nowrap}
.channel-bar a:hover,.channel-bar a.active{color:var(--green);font-weight:700}
.channel-bar a.active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:0;left:15px;right:15px}
.hero-service{background:linear-gradient(105deg,rgba(16,35,29,.97),rgba(16,35,29,.72)),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff;padding:84px 0 76px}
.hero-service-grid{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}
.eyebrow,.label{font-size:12px;letter-spacing:2px;color:var(--yellow);font-weight:700}
.hero-service h1{font-size:clamp(43px,6vw,74px);line-height:1.12;letter-spacing:-5px;margin:16px 0 22px;max-width:680px}
.hero-service h1 span{color:var(--yellow)}
.hero-service p{font-size:17px;color:#e1ebe3;max-width:650px}
.btn-main,.btn-line,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:5px;font-weight:700;border:1px solid transparent;margin:8px 8px 0 0}
.btn-main{background:var(--orange);color:#1b241e}
.btn-main:hover{background:#f2a052;transform:translateY(-2px)}
.btn-line{border-color:#b9d0c0;color:#fff}
.btn-line:hover{background:#fff;color:var(--green)}
.btn-text{padding-left:0;color:var(--orange);font-size:14px}
.btn-text:hover{color:var(--green);transform:translateX(3px)}
.hero-panel{background:rgba(247,245,239,.1);border:1px solid rgba(255,255,255,.28);padding:28px;border-radius:var(--radius)}
.hero-panel img{height:150px;border-radius:8px;margin-bottom:20px}
.hero-panel h2{font-size:22px;margin:0 0 8px}
.hero-panel p{font-size:14px;margin:0;color:#d8e5da}
section{padding:84px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-2px;margin:8px 0 0}
.section-head p{max-width:520px;margin:0;color:var(--muted)}
.service-index{background:var(--sand)}
.index-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.index-main,.index-side article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:var(--radius);transition:.24s ease}
.index-main:hover,.index-side article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.index-main{display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:start}
.index-number{font-size:42px;color:var(--orange);font-weight:900;line-height:1}
.index-main h3,.index-side h3{margin:0 0 8px;font-size:22px}
.index-main p,.index-side p{font-size:14px;color:var(--muted);margin:0}
.index-side{display:grid;gap:18px}
.index-side article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px}
.index-side b{color:var(--green);font-size:20px}
.quick-section{background:var(--deep);color:#fff}
.quick-layout{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.quick-layout h2{font-size:45px;line-height:1.25;letter-spacing:-2px;margin:10px 0 20px}
.quick-layout>div>p{color:#c8d6cc}
.quick-list{border-top:1px solid #496458}
.quick-row{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid #496458}
.quick-row b{color:var(--yellow);font-size:18px}
.quick-row h3{font-size:17px;margin:0}
.quick-row p{font-size:13px;color:#aabbb0;margin:3px 0 0}
.quick-row a{color:var(--orange);font-size:13px;white-space:nowrap}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step{padding:28px 24px 30px;border-right:1px solid var(--line)}
.step:last-child{border-right:0}
.step-num{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:1px}
.step h3{font-size:20px;margin:14px 0 8px}
.step p{font-size:14px;color:var(--muted);margin:0}
.feature-area{background:#fff}
.feature-grid{display:grid;grid-template-columns:7fr 5fr;gap:54px;align-items:center}
.feature-grid img{height:390px;border-radius:var(--radius)}
.caption{font-size:12px;color:var(--muted);margin-top:9px}
.feature-copy h2{font-size:38px;line-height:1.3;letter-spacing:-1px}
.feature-copy p{color:var(--muted)}
.note-list{list-style:none;padding:0;margin:20px 0}
.note-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.note-list li:before{content:"—";color:var(--orange);font-weight:bold;margin-right:10px}
.faq .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important}
.faq .accordion-button{background:transparent;color:var(--ink);font-weight:700;padding:21px 0;box-shadow:none}
.faq .accordion-button:not(.collapsed){color:var(--green)}
.faq .accordion-button:after{filter:hue-rotate(90deg)}
.faq .accordion-body{padding:0 40px 22px 0;color:var(--muted);font-size:14px}
.form-section{background:var(--sand)}
.form-box{background:#fff;padding:36px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}
.form-control,.form-select{border:1px solid #cbd3cc;border-radius:4px;padding:12px;background:#fbfcfa}
.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(48,103,82,.14)}
.form-label{font-size:14px;font-weight:700}
.form-note{font-size:12px;color:var(--muted)}
.feedback{display:none;color:var(--green);font-size:14px;margin-top:14px}
.feedback.show{display:block}
.related{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.related-card{border:1px solid var(--line);padding:24px;background:#fff;border-radius:var(--radius)}
.related-card h3{font-size:20px;margin:7px 0}
.related-card p{font-size:14px;color:var(--muted);margin:0 0 8px}
.cta{background:var(--orange);padding:55px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta h2{font-size:38px;margin:0;letter-spacing:-1px}
.cta p{margin:8px 0 0;color:#4f3825}
.cta .btn-main{background:var(--deep);color:#fff}
.cta .btn-main:hover{background:var(--green)}
footer{background:#101d18;color:#d6e0d8;padding:58px 0 105px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.footer-brand{font-size:25px;font-weight:800;color:#fff}
footer p,footer a{font-size:13px;color:#9eafa4}
footer a:hover{color:var(--yellow)}
footer h3{font-size:15px;color:#fff;margin-bottom:16px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:7px 0}
.copyright{border-top:1px solid #34463e;margin-top:40px;padding-top:20px;font-size:12px;color:#91a198}
.float-bar{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#172c23;color:#fff;border-top:1px solid #466456;padding:12px 0}
.float-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.float-inner p{margin:0;font-size:14px}
.float-bar button{background:none;border:0;color:#aabbb0;font-size:20px}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.reveal{animation:rise .7s both}
@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:992px){
 .hero-service-grid,.quick-layout,.feature-grid,.index-grid{grid-template-columns:1fr}
 .hero-panel{max-width:550px}.steps{grid-template-columns:repeat(2,1fr)}
 .step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .masthead{min-height:76px}.brand{font-size:24px}.issue{display:none}.menu-toggle{display:block}
 .channel-wrap{overflow:hidden}.channel-bar{padding-bottom:2px}
 .channel-bar a{padding:7px 10px}.channel-bar a.active:after{left:10px;right:10px}
 .hero-service{padding:62px 0 48px}.hero-service h1{letter-spacing:-3px}
 section{padding:62px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:14px}
 .quick-layout h2{font-size:36px}.quick-row{grid-template-columns:34px 1fr}.quick-row a{grid-column:2}
 .feature-grid img{height:300px}.cta-inner{display:block}.cta h2{font-size:31px}
 .float-inner p{font-size:12px}.float-inner .btn-main{padding:9px 13px;font-size:13px}
}
@media(max-width:576px){
 .hero-service h1{font-size:43px}.hero-service p{font-size:15px}
 .steps,.related,.footer-grid{grid-template-columns:1fr}
 .step{border-right:0;border-bottom:1px solid var(--line)!important}
 .step:last-child{border-bottom:0!important}.form-box{padding:23px}
 .index-main{grid-template-columns:48px 1fr;padding:22px}.index-number{font-size:30px}
 footer{padding-bottom:115px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}