/* roulang page: index */
:root{
      --graphite:#171816;
      --inkgreen:#20231E;
      --paper:#F3F1EB;
      --warmgray:#D8D5CC;
      --moss:#6E8B61;
      --moss-dark:#526b47;
      --coral:#D9795A;
      --charcoal:#1F211D;
      --light:#ECEBE5;
      --muted:#A8AAA1;
      --line:rgba(236,235,229,.16);
      --line-dark:rgba(31,33,29,.16);
      --radius:8px;
      --shadow:0 18px 40px rgba(10,12,9,.12);
      --container:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      overflow-x:hidden;
      color:var(--charcoal);
      background:var(--paper);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      font-size:16px;
      line-height:1.85;
      letter-spacing:0;
    }
    ::selection{background:var(--moss);color:#fff}
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    .container{width:min(var(--container),calc(100% - 64px));margin:0 auto}
    .skip-link{position:absolute;left:12px;top:-100px;z-index:100;color:var(--charcoal);background:var(--paper);padding:8px 14px;border:2px solid var(--moss)}
    .skip-link:focus{top:12px}
    :focus-visible{outline:3px solid var(--coral);outline-offset:3px}
    .site-header{
      position:sticky;top:0;z-index:50;
      background:rgba(32,35,30,.97);
      border-bottom:1px solid rgba(236,235,229,.12);
      backdrop-filter:blur(12px);
    }
    .nav-wrap{height:68px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.93fr)}
    .nav-left,.nav-right{display:flex;align-items:center;min-width:0}
    .nav-left{padding-right:28px;border-right:1px solid var(--line)}
    .nav-right{padding-left:28px;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:10px;min-width:max-content;color:var(--light);font-weight:800;font-size:17px;line-height:1.25}
    .brand-mark{display:grid;grid-template-columns:repeat(4,3px);align-items:center;gap:2px;width:21px;height:24px}
    .brand-mark span{display:block;background:var(--moss);width:3px}
    .brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:12px}.brand-mark span:nth-child(4){height:21px}
    .channel-nav{display:flex;align-items:center;gap:20px;margin-left:42px;font-size:14px;color:#c8c9c2;white-space:nowrap}
    .channel-nav a{height:68px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;transition:color .22s ease,border-color .22s ease}
    .channel-nav a:hover,.channel-nav a.active{color:#fff;border-color:var(--moss)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);color:var(--light);background:transparent;transition:background .2s,border-color .2s}
    .icon-btn:hover{background:rgba(236,235,229,.1);border-color:var(--moss)}
    .nav-cta,.btn-primary,.btn-secondary{
      min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
      padding:10px 17px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;line-height:1.2;
      transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
    }
    .nav-cta,.btn-primary{background:var(--moss);color:#fff}
    .nav-cta:hover,.btn-primary:hover{background:#809d72}
    .btn-primary:hover .arrow,.btn-secondary:hover .arrow{transform:translateX(3px)}
    .btn-secondary{border-color:rgba(236,235,229,.44);color:var(--light);background:transparent}
    .btn-secondary:hover{border-color:var(--light);background:rgba(236,235,229,.08)}
    .arrow{display:inline-block;transition:transform .2s ease;font-size:18px;line-height:1}
    .mobile-toggle{display:none}
    .mobile-panel{display:none}
    .hero{background:var(--graphite);color:var(--light);position:relative;overflow:hidden}
    .hero-grid{min-height:720px;display:grid;grid-template-columns:45% 55%}
    .hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:72px max(32px,calc((100vw - var(--container))/2)) 90px 0}
    .hero-copy:before{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--line)}
    .eyebrow{display:flex;align-items:center;gap:12px;color:#bec6b8;font-size:13px;font-weight:700}
    .eyebrow b{color:var(--coral);font-size:12px}
    .wave{height:18px;width:76px;display:flex;align-items:center;gap:3px}
    .wave i{display:block;width:2px;background:var(--moss);animation:pulse 1.9s ease-in-out infinite}
    .wave i:nth-child(1){height:7px}.wave i:nth-child(2){height:15px;animation-delay:.1s}.wave i:nth-child(3){height:10px;animation-delay:.2s}.wave i:nth-child(4){height:18px;animation-delay:.3s}.wave i:nth-child(5){height:9px;animation-delay:.4s}.wave i:nth-child(6){height:13px;animation-delay:.5s}.wave i:nth-child(7){height:5px;animation-delay:.6s}.wave i:nth-child(8){height:17px;animation-delay:.7s}.wave i:nth-child(9){height:8px;animation-delay:.8s}
    @keyframes pulse{50%{transform:scaleY(.55);opacity:.68}}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:590px;margin:22px 0 22px;font-size:clamp(44px,4.2vw,60px);line-height:1.15;font-weight:800;color:#fff}
    .hero-text{max-width:535px;color:#cccdc7;font-size:16px;line-height:1.9}
    .hero-text p{margin-bottom:8px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .age-note{max-width:500px;display:flex;align-items:flex-start;gap:9px;margin-top:24px;padding-top:17px;border-top:1px solid var(--line);font-size:13px;color:#aeb0a8;line-height:1.7}
    .age-dot{flex:0 0 auto;width:8px;height:8px;margin-top:7px;background:var(--coral)}
    .scroll-cue{position:absolute;left:0;bottom:23px;display:flex;align-items:center;gap:11px;color:#8c8f86;font-size:12px}
    .scroll-cue:before{content:"";display:block;width:42px;height:1px;background:var(--moss)}
    .hero-visual{position:relative;min-height:540px;padding:46px max(32px,calc((100vw - var(--container))/2)) 46px 44px;display:flex;align-items:center}
    .visual-grid{width:100%;height:548px;position:relative;display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:1fr 1fr;gap:12px}
    .cover{position:relative;overflow:hidden;border:1px solid rgba(236,235,229,.18);background:#30362e}
    .cover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 14px);z-index:2;pointer-events:none}
    .cover-major{grid-row:span 2;background:linear-gradient(140deg,#63795a 0%,#3e5140 48%,#20271f 49%,#20271f 100%)}
    .cover-major:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(243,241,235,.45);border-radius:50%;right:-36px;top:58px;box-shadow:0 0 0 18px rgba(243,241,235,.07),0 0 0 45px rgba(243,241,235,.05)}
    .cover-small-a{background:linear-gradient(135deg,#ba7057 0 42%,#493c32 42% 100%)}
    .cover-small-b{background:linear-gradient(135deg,#29392f 0 37%,#a89e84 37% 40%,#42453d 40%)}
    .cover-lines{position:absolute;left:30px;right:30px;bottom:31px;z-index:3}
    .cover-tag{display:inline-block;padding:4px 8px;border:1px solid rgba(255,255,255,.55);color:#fff;font-size:12px;line-height:1.3}
    .cover-title{max-width:195px;margin:13px 0 8px;color:#fff;font-size:25px;line-height:1.3;font-weight:800}
    .cover-meta{display:flex;align-items:center;gap:8px;color:#d2d4cc;font-size:12px}
    .timeline{display:flex;align-items:center;gap:3px;margin-top:14px}
    .timeline span{display:block;height:3px;background:rgba(255,255,255,.34);flex:1}.timeline span:first-child{background:var(--coral);flex:1.7}
    .cover-small-a .cover-title,.cover-small-b .cover-title{font-size:17px;max-width:150px}
    .cover-small-a .cover-lines,.cover-small-b .cover-lines{left:17px;bottom:18px}.cover-small-a .timeline,.cover-small-b .timeline{margin-top:10px}
    .visual-index{position:absolute;right:4px;top:34px;writing-mode:vertical-rl;color:rgba(236,235,229,.42);font-size:11px;letter-spacing:2px}
    .section{padding:108px 0}
    .section-dark{background:var(--inkgreen);color:var(--light)}
    .section-paper{background:var(--paper)}
    .section-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--moss-dark);font-size:13px;font-weight:800}
    .section-kicker:before{content:"";width:28px;height:2px;background:var(--coral)}
    h2{font-size:clamp(30px,3vw,38px);line-height:1.25;font-weight:800;margin-bottom:15px}
    .section-intro{max-width:700px;margin:0;color:#64665f;font-size:16px;line-height:1.9}
    .section-dark .section-kicker{color:#bdcbb7}.section-dark .section-intro{color:#c1c3ba}
    .process-head{display:grid;grid-template-columns:160px 1fr;gap:52px;align-items:end;margin-bottom:44px}
    .process-number{font-size:96px;line-height:.8;font-weight:800;color:#cdd2c8;letter-spacing:0}
    .process-track{display:grid;grid-template-columns:1.15fr .9fr 1.2fr;gap:0;border-top:1px solid var(--line-dark)}
    .track-step{position:relative;min-height:260px;padding:29px 29px 24px;border-right:1px solid var(--line-dark)}
    .track-step:first-child{padding-left:0}.track-step:last-child{border-right:0}
    .track-step:before{content:attr(data-step);position:absolute;top:-12px;left:0;display:grid;place-items:center;width:24px;height:24px;background:var(--paper);border:1px solid var(--moss);color:var(--moss-dark);font-size:11px;font-weight:800}
    .step-wave{display:flex;align-items:center;gap:3px;height:30px;margin:18px 0 18px}
    .step-wave i{display:block;width:3px;background:var(--moss)}
    .step-wave i:nth-child(1){height:6px}.step-wave i:nth-child(2){height:23px}.step-wave i:nth-child(3){height:12px}.step-wave i:nth-child(4){height:27px;background:var(--coral)}.step-wave i:nth-child(5){height:16px}.step-wave i:nth-child(6){height:8px}
    h3{font-size:21px;line-height:1.35;font-weight:800;margin-bottom:10px}
    .track-step p{max-width:265px;margin-bottom:20px;color:#676962;font-size:14px;line-height:1.8}
    .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--moss-dark);font-size:14px;font-weight:800;border-bottom:1px solid currentColor;transition:color .2s,gap .2s}
    .text-link:hover{gap:12px;color:var(--coral)}
    .feature-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:35px;margin-top:45px;align-items:start}
    .feature-cover{min-height:460px;position:relative;overflow:hidden;background:linear-gradient(125deg,#5f7054 0 34%,#c0b18f 34% 37%,#323d32 37% 100%);border:1px solid var(--line-dark)}
    .feature-cover:after{content:"";position:absolute;inset:24px;border:1px solid rgba(243,241,235,.45)}
    .feature-cover-inner{position:absolute;left:42px;bottom:37px;z-index:2;max-width:380px;color:#fff}
    .feature-cover-inner h3{font-size:28px;margin:13px 0 8px}.feature-cover-inner p{margin:0;color:#e6e8e0;font-size:14px;line-height:1.8}
    .feature-label{display:inline-flex;padding:5px 10px;background:var(--coral);font-size:12px;font-weight:800}
    .feature-list{border-top:1px solid var(--line-dark)}
    .feature-item{display:grid;grid-template-columns:62px 1fr auto;gap:17px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line-dark)}
    .item-index{font-weight:800;color:var(--coral);font-size:13px}.feature-item h3{margin:0 0 4px;font-size:18px}.feature-item p{margin:0;color:#676962;font-size:13px;line-height:1.7}
    .circle-arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line-dark);border-radius:50%;font-size:20px;transition:background .2s,color .2s,transform .2s}
    .feature-item:hover .circle-arrow{background:var(--moss);color:#fff;transform:translateX(3px)}
    .data-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
    .data-strip div{padding:16px 17px;border-right:1px solid var(--line-dark);font-size:13px;color:#575951}.data-strip div:last-child{border-right:0}.data-strip strong{display:block;color:var(--charcoal);font-size:19px;line-height:1.4}
    .topic-section{padding:68px 0;background:#dedbd2;border-top:1px solid rgba(31,33,29,.12);border-bottom:1px solid rgba(31,33,29,.12)}
    .topic-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:48px;align-items:center}
    .topic-copy h2{margin-bottom:11px}.topic-copy p{margin:0;color:#61635c;font-size:15px}
    .topic-tags{display:flex;flex-wrap:wrap;gap:10px}
    .topic-tag{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;border:1px solid rgba(31,33,29,.25);background:rgba(243,241,235,.55);font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s}
    .topic-tag:hover{background:var(--moss);border-color:var(--moss);color:#fff}
    .voices{position:relative;overflow:hidden}
    .voices:before{content:"CHANNEL NOTES / VIEWER FEEDBACK";position:absolute;right:-12px;top:42px;color:rgba(236,235,229,.055);font-size:42px;font-weight:800;white-space:nowrap}
    .voice-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
    .voice-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;position:relative}
    .quote-card{min-height:218px;padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:space-between;transition:background .22s,border-color .22s,transform .22s}
    .quote-card:nth-child(2){margin-top:30px}.quote-card:hover{background:rgba(110,139,97,.16);border-color:rgba(190,213,181,.45);transform:translateY(-3px)}
    .quote-mark{font-size:32px;line-height:1;color:var(--coral);font-family:Georgia,serif}
    .quote-card blockquote{margin:10px 0 20px;font-size:16px;line-height:1.85;color:#eff0e9}
    .quote-meta{padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b4b7ad}.quote-meta span:last-child{color:#bdcbb7}
    .news-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;margin-top:42px}
    .news-list{border-top:1px solid var(--line-dark)}
    .news-row{display:grid;grid-template-columns:82px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line-dark);transition:padding .2s}
    .news-row:hover{padding-left:8px}.news-date{color:var(--moss-dark);font-size:13px;font-weight:800}.news-row h3{font-size:17px;margin:0 0 3px}.news-row p{margin:0;color:#696b63;font-size:13px;line-height:1.65}
    .news-aside{padding:27px 28px;background:#e6e3db;border-left:3px solid var(--moss)}
    .news-aside h3{margin-bottom:8px}.news-aside p{color:#62645c;font-size:14px;line-height:1.8}.notice-list{padding:0;margin:19px 0 0;list-style:none}.notice-list li{padding:10px 0;border-top:1px solid rgba(31,33,29,.14);font-size:14px}.notice-list li:before{content:"—";color:var(--coral);margin-right:9px}
    .assurance{background:#242722;color:#e9e9e2;padding:28px 0;border-top:1px solid rgba(236,235,229,.1)}
    .assurance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .assurance-item{display:flex;gap:12px;align-items:flex-start;padding-right:18px;border-right:1px solid var(--line)}.assurance-item:last-child{border-right:0}
    .assurance-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border:1px solid var(--moss);color:#c1d0bb;font-size:16px}.assurance-item strong{display:block;font-size:14px}.assurance-item span{display:block;color:#abb0a5;font-size:12px;line-height:1.6;margin-top:2px}
    .cta-band{position:relative;overflow:hidden;background:#596d50;color:#fff;padding:76px 0}
    .cta-band:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:38px 38px}
    .cta-band:after{content:"00:00  04:12  08:24  12:36  16:48";position:absolute;bottom:10px;left:0;right:0;color:rgba(255,255,255,.26);font-size:11px;word-spacing:36px;white-space:nowrap}
    .cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:42px;align-items:center}
    .cta-inner h2{max-width:640px;margin-bottom:10px}.cta-inner p{max-width:650px;margin:0;color:#e8ece4;font-size:15px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:180px}.cta-actions .btn-primary{background:#f2f0e8;color:var(--charcoal)}.cta-actions .btn-primary:hover{background:#fff}.cta-legal{font-size:12px;color:#e4e8df;border-bottom:1px solid rgba(255,255,255,.6)}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:88px}.faq-copy{padding-top:8px}.faq-copy p{max-width:385px;color:#676962;font-size:15px}
    .faq-list{border-top:1px solid var(--line-dark)}
    .faq-item{border-bottom:1px solid var(--line-dark)}
    .faq-question{width:100%;min-height:65px;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;text-align:left;color:var(--charcoal);font-weight:800;font-size:16px}
    .faq-plus{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;color:var(--moss-dark);font-size:22px;font-weight:400;transition:transform .24s}
    .faq-question[aria-expanded="true"] .faq-plus{transform:rotate(45deg);color:var(--coral)}
    .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
    .faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 40px 0 0;color:#676962;font-size:14px;line-height:1.9}
    .faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:21px}
    footer{background:var(--graphite);color:#d7d8d1}.footer-top{padding:57px 0 39px;display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:30px;border-bottom:1px solid var(--line)}
    .footer-brand p{max-width:325px;margin:15px 0 0;color:#9fa39a;font-size:13px;line-height:1.8}.footer-title{margin:0 0 13px;color:#f0f0ea;font-size:14px;font-weight:800}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:7px 0}.footer-links a{font-size:13px;color:#afb2a9;transition:color .2s}.footer-links a:hover{color:#fff}
    .footer-search{display:flex;margin-top:14px}.footer-search input{min-width:0;width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-right:0;color:#fff;background:rgba(255,255,255,.04);outline:0;font-size:13px}.footer-search input::placeholder{color:#888c82}.footer-search button{width:43px;border:1px solid var(--moss);background:var(--moss);color:#fff;transition:background .2s}.footer-search button:hover{background:#809d72}
    .footer-bottom{display:flex;justify-content:space-between;gap:22px;padding:18px 0;color:#888c82;font-size:12px}.footer-bottom nav{display:flex;gap:17px;flex-wrap:wrap}.footer-bottom a:hover{color:#fff}
    @media(max-width:1023px){
      .container{width:min(var(--container),calc(100% - 48px))}
      .nav-wrap{grid-template-columns:1fr}.nav-left{padding-right:0;border-right:0}.nav-right{display:none}.channel-nav{margin-left:28px;gap:16px}
      .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:500px;padding:74px 24px 90px}.hero-copy:before{display:none}.hero-visual{padding:28px 24px 50px;min-height:430px}.visual-grid{height:420px;max-width:720px}.scroll-cue{left:24px}
      .process-head{grid-template-columns:115px 1fr;gap:32px}.process-number{font-size:76px}.feature-layout,.faq-grid{gap:38px}.footer-top{grid-template-columns:1.35fr 1fr 1fr}
      .footer-top>div:last-child{grid-column:span 3}.assurance-grid{grid-template-columns:1fr 1fr}.assurance-item:nth-child(2){border-right:0}.assurance-item:nth-child(-n+2){padding-bottom:16px;border-bottom:1px solid var(--line)}
    }
    @media(max-width:767px){
      .container{width:calc(100% - 32px)}.site-header{position:sticky}.nav-wrap{height:60px}.nav-left{justify-content:space-between}.channel-nav{display:none}.brand{font-size:15px}.mobile-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:#fff}
      .mobile-panel{position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(360px,88vw);padding:21px;background:var(--inkgreen);border-left:1px solid var(--line);transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column}.mobile-panel.open{transform:translateX(0)}body.menu-open{overflow:hidden}
      .mobile-panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.mobile-close{width:42px;height:42px;background:transparent;border:1px solid var(--line);color:#fff;font-size:24px}.mobile-links{display:flex;flex-direction:column;padding:18px 0;border-bottom:1px solid var(--line)}.mobile-links a{padding:13px 0;color:#e9e9e2;font-size:16px;font-weight:700}.mobile-panel .nav-cta{margin-top:20px}.mobile-note{margin-top:auto;color:#aeb1a8;font-size:13px;line-height:1.75}
      h1{font-size:43px}.hero-copy{min-height:485px;padding:55px 16px 74px}.hero-text{font-size:15px}.hero-visual{padding:16px 16px 42px;min-height:350px}.visual-grid{height:340px;gap:8px}.cover-lines{left:19px;right:18px;bottom:21px}.cover-title{font-size:20px}.visual-index{display:none}
      .section{padding:68px 0}.process-head{display:block;margin-bottom:35px}.process-number{font-size:63px;margin-bottom:24px}.process-track{display:block;border-top:0}.track-step,.track-step:first-child{min-height:auto;padding:26px 0 22px;border-right:0;border-top:1px solid var(--line-dark)}.track-step:last-child{border-bottom:1px solid var(--line-dark)}
      .feature-layout,.topic-grid,.news-layout,.faq-grid,.cta-inner{grid-template-columns:1fr;gap:30px}.feature-cover{min-height:380px}.feature-cover-inner{left:25px;bottom:25px}.feature-list{margin-top:0}.data-strip{grid-template-columns:1fr}.data-strip div{border-right:0;border-bottom:1px solid var(--line-dark)}.data-strip div:last-child{border-bottom:0}.topic-section{padding:56px 0}.voice-header{display:block;margin-bottom:27px}.voice-grid{grid-template-columns:1fr;gap:12px}.quote-card:nth-child(2){margin-top:0}.quote-card{min-height:180px}.news-row{grid-template-columns:56px 1fr auto;gap:10px}.news-row p{display:none}.assurance-grid{grid-template-columns:1fr}.assurance-item,.assurance-item:nth-child(2){padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.assurance-item:last-child{border-bottom:0;padding-bottom:0}.cta-band{padding:60px 0}.cta-actions{align-items:flex-start}.faq-copy{padding-top:0}
      .footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom nav{margin-top:10px}
    }
    @media(max-width:520px){h1{font-size:38px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{width:100%}.cover-small-a .cover-title,.cover-small-b .cover-title{font-size:14px}.cover-small-a .cover-lines,.cover-small-b .cover-lines{left:12px;bottom:13px}.cover-small-a .cover-tag,.cover-small-b .cover-tag{font-size:10px;padding:3px 5px}.feature-item{grid-template-columns:42px 1fr auto;gap:10px}.feature-item h3{font-size:16px}.feature-item p{font-size:12px}.circle-arrow{width:34px;height:34px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:span 1}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* roulang page: category1 */
:root{
 --graphite:#171816;--inkgreen:#20231E;--paper:#F3F1EB;--warmgray:#D8D5CC;
 --moss:#6E8B61;--moss-dark:#526b47;--coral:#D9795A;--charcoal:#1F211D;
 --light:#ECEBE5;--muted:#A8AAA1;--line:rgba(236,235,229,.16);
 --line-dark:rgba(31,33,29,.16);--radius:8px;--shadow:0 18px 40px rgba(10,12,9,.12);
 --container:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.85;letter-spacing:0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 64px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(32,35,30,.97);border-bottom:1px solid rgba(236,235,229,.12);backdrop-filter:blur(12px)}
.nav-wrap{height:68px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.93fr)}
.nav-left,.nav-right{display:flex;align-items:center;min-width:0}
.nav-left{padding-right:28px;border-right:1px solid var(--line)}
.nav-right{padding-left:28px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;color:var(--light);font-weight:800;font-size:17px;line-height:1.25}
.brand-mark{display:grid;grid-template-columns:repeat(4,3px);align-items:center;gap:2px;width:21px;height:24px}
.brand-mark span{display:block;background:var(--moss);width:3px}
.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:12px}.brand-mark span:nth-child(4){height:21px}
.channel-nav{display:flex;align-items:center;gap:20px;margin-left:42px;font-size:14px;color:#c8c9c2;white-space:nowrap}
.channel-nav a{height:68px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;transition:color .22s,border-color .22s}
.channel-nav a:hover,.channel-nav a.active{color:#fff;border-color:var(--moss)}
.nav-actions{display:flex;align-items:center;gap:10px}
.icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);color:var(--light);background:transparent;transition:.2s}
.icon-btn:hover{background:rgba(236,235,229,.1);border-color:var(--moss)}
.nav-cta,.btn-primary,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;line-height:1.2;transition:.22s}
.nav-cta,.btn-primary{background:var(--moss);color:#fff}
.nav-cta:hover,.btn-primary:hover{background:#809d72}
.btn-secondary{border-color:rgba(236,235,229,.44);color:var(--light);background:transparent}
.btn-secondary:hover{border-color:var(--light);background:rgba(236,235,229,.08)}
.arrow{display:inline-block;transition:transform .2s;font-size:18px;line-height:1}
.btn-primary:hover .arrow,.btn-secondary:hover .arrow{transform:translateX(3px)}
.mobile-toggle{display:none}
.page-head{background:var(--graphite);color:var(--light);padding:62px 0 54px;position:relative;overflow:hidden}
.page-head:after{content:"";position:absolute;right:6%;top:18px;width:180px;height:180px;border-right:1px solid rgba(236,235,229,.22);border-bottom:1px solid rgba(236,235,229,.22);transform:rotate(45deg)}
.breadcrumb{display:flex;gap:10px;color:#aeb3a8;font-size:13px;margin-bottom:24px}
.breadcrumb a:hover{color:#fff}
.kicker{display:flex;align-items:center;gap:10px;color:#bdcbb7;font-size:13px;font-weight:800}
.kicker:before{content:"";width:28px;height:2px;background:var(--coral)}
.page-head h1{max-width:820px;margin:14px 0 16px;font-size:clamp(38px,5vw,58px);line-height:1.15;font-weight:800}
.page-summary{max-width:710px;color:#c9cbc4;font-size:16px;line-height:1.9}
.head-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.meta-chip,.tag{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid rgba(236,235,229,.28);border-radius:3px;color:#d9ddd3;font-size:12px}
.meta-chip strong{color:#d9795a;margin-right:5px}
.control-section{padding:28px 0;border-bottom:1px solid var(--line-dark);background:var(--paper)}
.control-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.control-label{font-size:13px;font-weight:800;color:#66695f;white-space:nowrap}
.filter-list{display:flex;gap:8px;flex-wrap:wrap}
.filter{min-height:38px;padding:7px 13px;border:1px solid #b9b8ae;border-radius:4px;background:transparent;color:#55584f;font-size:13px;transition:.2s}
.filter:hover,.filter.active{border-color:var(--moss);background:var(--moss);color:#fff}
.sort-select{margin-left:auto;min-height:38px;border:1px solid #b9b8ae;border-radius:4px;background:var(--paper);padding:6px 12px;color:#55584f;outline:none}
.sort-select:focus,.filter:focus,input:focus,button:focus,a:focus{outline:3px solid rgba(217,121,90,.55);outline-offset:3px}
.content-section{padding:74px 0 96px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.section-heading h2{margin:0;font-size:34px;line-height:1.25}
.section-heading p{max-width:480px;margin:0;color:#6b6d65;font-size:14px;line-height:1.8}
.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.focus-card{grid-column:span 8;border:1px solid var(--line-dark);background:#ebe9e1;position:relative;transition:.25s}
.focus-card:hover,.media-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.cover{position:relative;overflow:hidden;aspect-ratio:16/10;background:#394538}
.cover:before{content:"";position:absolute;inset:16px;border:1px solid rgba(243,241,235,.43)}
.cover:after{content:"01 02 03 04 05 06 07 08";position:absolute;left:20px;right:20px;bottom:17px;color:rgba(255,255,255,.7);font-size:10px;letter-spacing:4px;word-spacing:8px}
.cover-a{background-color:#596b51}
.cover-b{background-color:#ad7059}
.cover-c{background-color:#4d5350}
.cover-d{background-color:#8b826b}
.cover-title-art{position:absolute;left:28px;bottom:44px;color:#fff;font-weight:800;font-size:28px;line-height:1.3;max-width:310px}
.card-body{padding:21px 23px 22px}
.tag{border-color:rgba(82,107,71,.38);color:var(--moss-dark);background:rgba(110,139,97,.08)}
.card-body h3{margin:12px 0 8px;font-size:23px;line-height:1.35}
.card-body p{margin:0;color:#686a62;font-size:14px;line-height:1.8}
.card-meta{display:flex;gap:16px;color:#85877e;font-size:12px;margin-top:15px}
.side-list{grid-column:span 4;display:grid;gap:12px}
.side-item{display:grid;grid-template-columns:106px 1fr;gap:14px;padding:12px;border-bottom:1px solid var(--line-dark);transition:.2s}
.side-item:hover{background:#e8e6de}
.side-cover{aspect-ratio:4/3;background:#526b47;position:relative}
.side-cover:after{content:"字幕";position:absolute;left:9px;bottom:8px;color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.6);padding:2px 5px}
.side-item:nth-child(2) .side-cover{background:#b9785f}.side-item:nth-child(3) .side-cover{background:#696e60}
.side-item h3{font-size:16px;line-height:1.45;margin:4px 0}
.side-item p{margin:0;color:#777970;font-size:12px;line-height:1.65}
.timeline-band{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:21px 24px;margin:10px 0 2px;background:var(--inkgreen);color:var(--light)}
.timeline-band strong{color:#dce5d8;font-size:16px;white-space:nowrap}
.timeline-line{height:2px;flex:1;background:linear-gradient(90deg,var(--coral) 0 38%,rgba(236,235,229,.25) 38% 100%);position:relative}
.timeline-line:after{content:"";position:absolute;left:38%;top:-5px;width:12px;height:12px;border:2px solid var(--coral);background:var(--inkgreen);border-radius:50%}
.media-card{grid-column:span 4;background:#ebe9e1;border:1px solid var(--line-dark);transition:.25s}
.media-card .card-body{padding:17px}
.media-card h3{font-size:18px}
.path-note{margin-top:48px;padding:26px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);display:grid;grid-template-columns:180px 1fr;gap:24px}
.path-note h3{margin:0;font-size:20px}.path-note p{margin:0;color:#696c63;font-size:14px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:46px}
.page-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b9b8ae;color:#55584f;border-radius:4px;font-size:13px}
.page-number:hover,.page-number.current{background:var(--moss);color:#fff;border-color:var(--moss)}
.page-number.disabled{opacity:.45;pointer-events:none}
.cta-band{background:var(--coral);color:#fff;padding:54px 0}
.cta-layout{display:flex;align-items:center;justify-content:space-between;gap:28px}
.cta-band h2{margin:0 0 7px;font-size:30px;line-height:1.3}.cta-band p{margin:0;color:#fff0e9;font-size:14px}
.cta-band .btn-primary{background:var(--charcoal);color:#fff}.cta-band .btn-primary:hover{background:#30342d}
.faq-section{padding:80px 0;background:var(--paper)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.faq-layout h2{margin:0 0 12px;font-size:34px;line-height:1.25}.faq-intro{color:#6a6c64;font-size:14px}
.faq-item{border-top:1px solid var(--line-dark)}.faq-item:last-child{border-bottom:1px solid var(--line-dark)}
.faq-question{width:100%;padding:20px 0;display:flex;justify-content:space-between;gap:20px;border:0;background:transparent;text-align:left;color:var(--charcoal);font-weight:800}
.faq-question span:last-child{color:var(--moss-dark);font-size:22px;transition:.2s}
.faq-answer{max-height:0;overflow:hidden;color:#6a6c64;font-size:14px;line-height:1.85;transition:max-height .3s ease}
.faq-item.open .faq-answer{max-height:150px;padding:0 35px 20px 0}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
#footer{background:var(--inkgreen);color:var(--light)}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:36px;padding:58px 0 46px}
.footer-brand p{max-width:280px;color:#bfc3b9;font-size:13px;line-height:1.8;margin-top:17px}
.footer-title{margin:0 0 15px;font-size:14px;color:#fff;font-weight:800}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:7px;color:#bfc3b9;font-size:13px}
.footer-links a:hover,.footer-bottom a:hover{color:#fff}
.footer-search{display:flex;border:1px solid rgba(236,235,229,.25);height:44px}
.footer-search input{min-width:0;flex:1;border:0;padding:8px 11px;background:transparent;color:#fff;outline:none;font-size:13px}
.footer-search input::placeholder{color:#92988d}.footer-search button{width:44px;border:0;background:var(--moss);color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line);color:#9da49a;font-size:12px}
.footer-bottom nav{display:flex;gap:18px}
@media(max-width:1023px){
 .container{width:min(var(--container),calc(100% - 48px))}
 .nav-wrap{grid-template-columns:1fr auto}.nav-right{padding-left:20px}.channel-nav{margin-left:24px;gap:14px}
 .focus-card{grid-column:span 7}.side-list{grid-column:span 5}.media-card{grid-column:span 6}
 .footer-top{grid-template-columns:1.4fr 1fr 1fr}
 .footer-top>div:last-child{grid-column:span 2}
}
@media(max-width:767px){
 .container{width:calc(100% - 32px)}
 .site-header{position:relative}.nav-wrap{height:60px;display:flex;justify-content:space-between}.nav-left{border:0;padding:0}.nav-right{padding:0}.channel-nav,.nav-cta{display:none}.nav-actions{gap:7px}.mobile-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:#fff}
 .mobile-panel{display:none;background:var(--inkgreen);border-top:1px solid var(--line);padding:8px 16px 20px}.mobile-panel.show{display:block}.mobile-panel a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:#d9ddd3}.mobile-panel .mobile-cta{margin-top:16px;text-align:center;background:var(--moss);padding:12px}
 .page-head{padding:42px 0 38px}.page-head h1{font-size:40px}.page-head:after{right:-50px}
 .control-bar{align-items:flex-start}.filter-list{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}.filter-list::-webkit-scrollbar{display:none}.sort-select{margin-left:0;width:100%}
 .content-section{padding:56px 0 70px}.section-heading{display:block}.section-heading h2{font-size:29px;margin-bottom:10px}.content-grid{display:grid;grid-template-columns:1fr;gap:18px}.focus-card,.side-list,.media-card,.timeline-band{grid-column:1/-1}.side-item{grid-template-columns:112px 1fr}.media-card{display:grid;grid-template-columns:42% 58%}.media-card .cover{height:100%;aspect-ratio:auto}.card-body{padding:17px}.cover-title-art{font-size:22px;left:21px;bottom:38px}
 .path-note{grid-template-columns:1fr;gap:8px;margin-top:35px}.cta-layout{display:block}.cta-band h2{font-size:26px;margin-bottom:10px}.cta-band .btn-primary{margin-top:22px}
 .faq-section{padding:60px 0}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-layout h2{font-size:29px}
 .footer-top{grid-template-columns:1fr 1fr;gap:30px;padding:45px 0 35px}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}.footer-bottom nav{margin-top:10px;flex-wrap:wrap}
}
@media(max-width:520px){.brand{font-size:15px}.icon-btn{display:none}.page-head h1{font-size:34px}.timeline-band{display:block}.timeline-band strong{display:block;margin-bottom:12px}.media-card{display:block}.media-card .cover{aspect-ratio:16/10;height:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}