/* roulang page: index */
:root{
      --green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;
      --paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;
      --line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;
      --shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;
      --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}
    a{color:inherit;text-decoration:none;transition:.22s ease} img{display:block;max-width:100%} button,input{font:inherit} button{cursor:pointer}
    :focus-visible{outline:3px solid var(--lime);outline-offset:3px}.site-container{width:min(1200px,calc(100% - 40px));margin:auto}
    .utility{background:var(--green);color:#dce8df;font-size:12px;letter-spacing:.08em}.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:var(--paper);border-bottom:1px solid var(--line)}.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}
    .logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}.edition{border-left:1px solid var(--line);padding-left:22px;font-size:13px;color:var(--muted);line-height:1.55}
    .head-tools{margin-left:auto;display:flex;gap:11px;align-items:center}.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px}
    .channel-bar{border-top:1px solid var(--line);background:#fff}.channels{display:flex;align-items:center;overflow-x:auto;white-space:nowrap}.channels a{padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44}.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
    .menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:none}.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}.button.hollow:hover{background:var(--green);color:#fff}.button.tiny{padding:7px 10px;font-size:12px}
    .hero{background:linear-gradient(90deg,rgba(246,248,241,.97) 0%,rgba(246,248,241,.88) 48%,rgba(246,248,241,.36) 100%),url('/assets/images/backpic/back-1.webp') center/cover;min-height:390px;border-bottom:1px solid var(--line);position:relative}.hero .site-container{padding:52px 0 42px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}
    h1,h2,h3,p{margin-top:0}h1{font:700 clamp(33px,4.2vw,56px)/1.22 var(--serif);letter-spacing:.02em;max-width:770px;margin:16px 0}h2{font:700 clamp(25px,3vw,37px)/1.32 var(--serif);color:var(--green);margin-bottom:12px}h3{font-size:18px;line-height:1.45;margin-bottom:8px;color:var(--green)}
    .hero-copy{max-width:760px;font-size:17px;color:#3c4b43;margin-bottom:23px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-facts{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;max-width:750px}.hero-facts div{padding:2px 25px 2px 0;margin-right:25px;border-right:1px solid #bfcabf}.hero-facts div:last-child{border:0}.hero-facts b{display:block;font:700 24px/1.15 var(--serif);color:var(--green)}.hero-facts span{font-size:12px;color:var(--muted)}
    section{padding:66px 0}.intro{max-width:800px;color:#49564f;font-size:16px}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:27px}.section-head p{max-width:620px;margin:0;color:var(--muted)}
    .ticket-section{background:var(--warm);padding:38px 0 48px}.ticket-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px}.ticket{position:relative;background:#fff;border:1px solid #dcd6ca;border-radius:var(--radius);padding:23px;min-height:205px;overflow:hidden;box-shadow:0 5px 15px rgba(70,57,29,.05);transition:.22s}.ticket:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#a5b98a}.ticket.major{background:var(--green);color:#fff}.ticket.major h3{color:#fff;font:700 27px/1.3 var(--serif)}.ticket .mark{font:700 12px/1 var(--sans);letter-spacing:.12em;color:#7a887f}.ticket.major .mark{color:var(--lime)}.ticket p{font-size:14px;color:var(--muted);line-height:1.75}.ticket.major p{color:#d4e0d8}.ticket .arrow{position:absolute;right:20px;bottom:15px;color:var(--green);font-size:22px}.ticket.major .arrow{color:var(--lime)}
    .rule-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start}.rule-figure{position:sticky;top:15px}.rule-figure img{width:100%;height:390px;object-fit:cover;border-radius:8px}.caption{font-size:12px;color:var(--muted);padding-top:8px}.rule-list{border-top:1px solid var(--line)}.rule-item{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.rule-num{font:700 26px/1 var(--serif);color:#9aaa50}.rule-item p{font-size:14px;color:var(--muted);margin:0}
    .pain{background:var(--mist)}.pain-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:45px}.longcopy p{color:#47554d;margin-bottom:18px}.pain-notes{align-self:center}.note{border-left:3px solid var(--lime);padding:13px 0 13px 17px;border-bottom:1px solid var(--line)}.note b{display:block;color:var(--green);font-size:15px}.note span{font-size:13px;color:var(--muted)}
    .solution-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}.solution-lead{background:var(--green);color:#e9f1e9;padding:38px;border-radius:8px;min-height:385px;display:flex;flex-direction:column;justify-content:space-between}.solution-lead h2{color:#fff}.solution-lead p{color:#d3dfd6}.channel-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-card{border:1px solid var(--line);padding:21px;border-radius:8px;background:#fff;min-height:177px;transition:.22s}.channel-card:hover{border-color:#84a179;transform:translateY(-3px);box-shadow:var(--shadow)}.badge{display:inline-block;border:1px solid #bdd0bd;background:var(--green-3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.channel-card p{font-size:13px;line-height:1.72;color:var(--muted);margin:8px 0 0}
    .news-wrap{background:#fff}.news-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:42px}.news-item{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:19px 0}.date{font:700 13px/1.4 var(--serif);color:var(--green)}.date strong{display:block;font-size:24px}.news-item h3{margin:0 0 5px}.news-item p{margin:0;font-size:13px;color:var(--muted);line-height:1.65}.feature-news{background:var(--green-3);padding:20px;border-radius:8px}.feature-news img{width:100%;height:170px;object-fit:cover;border-radius:5px;margin-bottom:16px}.feature-news p{font-size:14px;color:#53625a}
    .stage{background:#f6f7f2}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.screen{border:9px solid #203d30;background:#fff;border-radius:12px;padding:12px;box-shadow:var(--shadow)}.screen img{width:100%;height:290px;object-fit:cover;border-radius:4px}.screenbar{display:flex;justify-content:space-between;font-size:11px;color:#698075;padding:8px 2px 0}.stage-text p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.checklist li:before{content:"✓";color:var(--green);font-weight:700;margin-right:10px}
    .results{background:#e6f0e9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bcd0c1;border-left:1px solid #bcd0c1}.metric{padding:25px 20px;border-right:1px solid #bcd0c1;border-bottom:1px solid #bcd0c1}.metric b{display:block;color:var(--green);font:700 34px/1 var(--serif)}.metric span{font-size:13px;color:#58695e}.timeline{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.time-card{background:rgba(255,255,255,.68);padding:16px;border-top:3px solid var(--green)}.time-card small{color:#728278}.time-card p{font-size:13px;margin:7px 0 0;color:#405047}
    .deep-read{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.deep-read img{height:375px;width:100%;object-fit:cover;border-radius:8px}.deep-read p{color:#4c5952}.pullquote{border-left:4px solid var(--lime);padding:16px 0 16px 20px;font:700 20px/1.65 var(--serif);color:var(--green);margin:24px 0}
    .testimonials{background:var(--green);color:#fff}.testimonials h2{color:#fff}.testimonials .section-head p{color:#cfddd3}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{border-top:1px solid #668172;padding:22px 4px}.quote:before{content:"“";font:700 52px/.6 var(--serif);color:var(--lime)}.quote p{color:#e2ebe4;font-size:15px}.quote footer{font-size:12px;color:#b8c9bc}.quote footer b{color:var(--lime)}
    .brand{background:var(--paper)}.brand-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}.brand-stamp{border:1px solid var(--line);padding:30px;background:#fff}.brand-stamp b{display:block;font:700 44px/1 var(--serif);color:var(--green)}.brand-stamp span{font-size:13px;color:var(--muted)}.brand-copy p{color:#4a5750}
    .faq-area{background:var(--mist)}.accordion{background:transparent}.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}.accordion-title:before{color:var(--green);font-size:22px}.accordion-content{border:0;color:#536057;font-size:14px;line-height:1.85;padding:0 19px 18px}
    .quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick{background:#fff;border:1px solid var(--line);padding:19px;border-radius:8px}.quick h3{font-size:16px}.quick p{font-size:13px;color:var(--muted);margin:0}
    .cta-band{padding:52px 0;background:url('/assets/images/backpic/back-3.webp') center/cover;position:relative}.cta-band:before{content:"";position:absolute;inset:0;background:rgba(16,54,38,.87)}.cta-inner{position:relative;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{color:#fff;margin:0}.cta-inner p{margin:8px 0 0;color:#d8e5db;max-width:650px}.cta-inner .button{background:var(--lime);border-color:var(--lime);color:#173d2d;white-space:nowrap}.cta-inner .button:hover{background:#d8e86f;border-color:#d8e86f}
    .footer{background:#13251d;color:#c6d0c9;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer .logo{color:#fff;font-size:31px}.footer p{font-size:13px;line-height:1.8;color:#aab9af}.footer h3{color:#fff;font-size:14px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{padding:4px 0}.footer-links a{font-size:13px;color:#b8c6bc}.footer-links a:hover{color:var(--lime)}.subscribe{display:flex;gap:7px}.subscribe input{min-width:0;flex:1;background:#20382c;border:1px solid #426150;color:#fff;padding:9px;border-radius:5px}.subscribe button{background:var(--lime);border:0;color:var(--green);font-weight:700;border-radius:5px;padding:0 11px}.legal{margin-top:35px;padding-top:18px;border-top:1px solid #385145;font-size:12px;color:#91a499;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.legal a{color:#c9d8cd}.legal a:hover{color:var(--lime)}
    @media(max-width:1024px){.ticket-grid{grid-template-columns:1fr 1fr}.ticket.major{grid-column:span 2}.news-layout,.rule-layout,.pain-grid,.deep-read{gap:28px}.metrics,.timeline{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.utility .site-container{font-size:10px}.masthead-main{min-height:72px}.logo{font-size:29px}.edition,.search{display:none}.menu-toggle{display:block;margin-left:auto}.head-tools{margin-left:0}.channels{display:none}.channels.open{display:block;position:absolute;top:106px;left:0;right:0;z-index:20;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.channels.open a{display:block;background:#fff}.hero{min-height:auto}.hero .site-container{padding:42px 0}.hero-copy{font-size:15px}.ticket-grid,.solution-grid,.news-layout,.stage-grid,.deep-read,.brand-grid,.footer-grid{grid-template-columns:1fr}.ticket.major{grid-column:auto}.rule-layout{grid-template-columns:1fr}.rule-figure{position:static}.rule-figure img{height:240px}.quotes,.quick-grid{grid-template-columns:1fr}.pain-grid{grid-template-columns:1fr}.channel-cards{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta-inner .button{margin-top:18px}.footer-grid{gap:20px}}
    @media(max-width:520px){.site-container{width:min(100% - 28px,1200px)}section{padding:45px 0}.hero-facts div{margin-right:12px;padding-right:12px}.hero-facts b{font-size:20px}.section-head{display:block}.section-head p{margin-top:8px}.ticket-section{padding-top:30px}.ticket-grid,.channel-cards,.metrics,.timeline{grid-template-columns:1fr}.news-item{grid-template-columns:58px 1fr}.news-item .button{grid-column:2;justify-self:start}.date strong{font-size:18px}.solution-lead{padding:26px}.screen img{height:220px}.legal{display:block}.legal div+div{margin-top:8px}}

/* roulang page: category1 */
:root{
--green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;
--paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;
--line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;
--shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;
--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}a{color:inherit;text-decoration:none;transition:.22s ease}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.site-container{width:min(1200px,calc(100% - 40px));margin:auto}.utility{background:var(--green);color:#dbe8df;font-size:12px;letter-spacing:.04em}.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}.masthead{background:var(--paper);border-bottom:1px solid var(--line)}.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}.masthead-note{border-left:1px solid var(--line);padding-left:21px;color:var(--muted);font-size:13px;line-height:1.55}.masthead-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px;outline:none}.search:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(36,91,66,.13)}.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}.channel-bar{background:#fff;border-bottom:1px solid var(--line)}.channels{display:flex;align-items:center;overflow-x:auto}.channels a{flex:0 0 auto;padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44}.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:none;transition:.22s ease}.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}.button:focus{outline:3px solid rgba(200,219,87,.65);outline-offset:2px}.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}.button.hollow:hover{background:var(--green);color:#fff}.button.tiny{padding:7px 10px;font-size:12px}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(246,248,241,.98) 0%,rgba(246,248,241,.9) 48%,rgba(246,248,241,.34) 100%),url('/assets/images/backpic/back-2.webp') center/cover;min-height:430px;border-bottom:1px solid var(--line)}.hero .site-container{padding:57px 0 48px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:23px}.breadcrumb a:hover{color:var(--green);text-decoration:underline}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em}.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}h1,h2,h3,h4{font-family:var(--serif);color:var(--green);line-height:1.3;margin:0}h1{font-size:48px;max-width:760px;margin:14px 0 18px}h2{font-size:31px}h3{font-size:21px}.hero-copy{max-width:710px;font-size:17px;color:#3c4b43;margin:0 0 23px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-meta{display:flex;gap:0;flex-wrap:wrap;margin-top:32px}.hero-meta span{font-size:13px;color:var(--muted);padding-right:21px;margin-right:21px;border-right:1px solid #bfcabf}.hero-meta span:last-child{border:0}.hero-card{position:absolute;right:max(20px,calc((100vw - 1200px)/2));bottom:37px;width:275px;background:rgba(23,61,45,.94);color:#e8f1e9;padding:22px;border-top:4px solid var(--lime);box-shadow:var(--shadow)}.hero-card strong{display:block;color:#fff;font:700 21px/1.35 var(--serif);margin:8px 0}.hero-card p{font-size:13px;line-height:1.65;margin:0;color:#cad9ce}section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head p{max-width:590px;margin:0;color:var(--muted)}.index-line{font-size:12px;color:var(--green);font-weight:700;letter-spacing:.12em}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.intro-grid p,.editorial-copy p{margin:0 0 18px;color:#46554d}.quote-strip{border-left:4px solid var(--lime);background:var(--green-3);padding:22px 25px;margin-top:25px;color:var(--green);font-family:var(--serif);font-size:20px;line-height:1.65}.focus-board{background:var(--warm)}.board-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:21px}.lead-story{background:#fff;border:1px solid var(--line);padding:18px}.lead-story img{width:100%;height:245px;object-fit:cover;border-radius:5px;margin-bottom:18px}.lead-story p{color:var(--muted);font-size:14px;margin:10px 0 17px}.brief-list{background:#fff;border:1px solid var(--line)}.brief-item{display:grid;grid-template-columns:72px 1fr;gap:15px;padding:18px;border-bottom:1px solid var(--line)}.brief-item:last-child{border-bottom:0}.datebox{font-size:12px;line-height:1.45;color:var(--green);font-weight:700;border-top:2px solid var(--lime);padding-top:7px}.brief-item h3{font-size:18px;margin-bottom:5px}.brief-item p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.path-section{background:#f6f7f2}.path-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.path-panel{background:var(--green);padding:37px;color:#d6e2d9;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius)}.path-panel h2{color:#fff}.path-panel p{margin:16px 0;color:#d2dfd6}.path-list{margin:21px 0 0;padding:0;list-style:none}.path-list li{border-top:1px solid rgba(220,235,224,.24);padding:11px 0;font-size:14px}.path-list li b{color:var(--lime);margin-right:11px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic-card{background:#fff;border:1px solid var(--line);padding:19px;border-radius:var(--radius);min-height:172px;transition:.22s}.topic-card:hover{transform:translateY(-3px);border-color:#88a981;box-shadow:var(--shadow)}.badge{display:inline-block;border:1px solid #bdd0bd;background:var(--green-3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.topic-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:9px 0 0}.timeline-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}.timeline-note{padding:20px 0}.timeline-note p{color:var(--muted)}.timeline{border-left:1px solid var(--line);padding-left:27px}.timeline-item{position:relative;padding:0 0 27px}.timeline-item:before{content:"";position:absolute;left:-34px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--lime);border:3px solid var(--paper)}.timeline-item time{font-size:12px;color:var(--green);font-weight:700}.timeline-item p{font-size:14px;color:var(--muted);margin:6px 0 0}.reading-section{background:var(--mist)}.reading-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.reading-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.reading-card img{width:100%;height:176px;object-fit:cover}.reading-card .card-copy{padding:18px}.reading-card h3{font-size:20px}.reading-card p{font-size:13px;color:var(--muted);margin:9px 0 15px}.notice{display:grid;grid-template-columns:90px 1fr;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.notice-mark{font:700 43px/1 var(--serif);color:var(--green)}.notice p{margin:0;color:#4c5b53}.faq-area{background:var(--warm)}.accordion{margin:0}.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}.accordion-title:before{color:var(--green);font-size:22px}.accordion-content{border:0;color:#516057;padding:0 20px 19px;font-size:14px;line-height:1.8}.cta{background:var(--green);color:#e5eee7}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{color:#fff;max-width:700px}.cta p{margin:9px 0 0;color:#cad9ce}.cta .button{background:var(--lime);border-color:var(--lime);color:#193628;white-space:nowrap}.cta .button:hover{background:#d8ea70;border-color:#d8ea70}footer{background:#132d22;color:#c9d7cd;padding:48px 0 25px}footer h3{color:#fff;font-size:23px}footer p{color:#afc0b5;font-size:13px;margin:10px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:35px;padding-bottom:31px;border-bottom:1px solid rgba(221,235,224,.18)}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a:hover{color:var(--lime)}.subscribe{display:flex;margin-top:13px}.subscribe input{min-width:0;width:100%;border:1px solid #52695d;background:#fff;color:var(--ink);padding:10px;border-radius:5px 0 0 5px}.subscribe .button{border-radius:0 5px 5px 0;padding:10px 13px;background:var(--lime);border-color:var(--lime);color:#193628}.record{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#aabdb0;padding-top:20px}.record a{color:#d5e3d8}.record a:hover{color:var(--lime)}@media(max-width:1024px){.hero-card{display:none}.masthead-note{display:none}.board-grid,.path-grid{grid-template-columns:1fr}.reading-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.site-container{width:min(100% - 28px,1200px)}.utility .site-container{font-size:11px}.masthead-main{min-height:70px}.logo{font-size:31px}.masthead-tools .search{display:none}.menu-toggle{display:block}.channels{padding:0}.channels a{padding-left:12px;padding-right:12px}h1{font-size:36px}.hero{min-height:auto}.hero .site-container{padding:38px 0}.section-head,.cta-grid{display:block}.section-head p{margin-top:12px}.intro-grid,.timeline-wrap{grid-template-columns:1fr;gap:24px}.timeline-wrap{gap:5px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:520px){body{font-size:15px}.utility .site-container span:last-child{display:none}.logo{font-size:28px}.channels a{font-size:13px}.hero-copy{font-size:16px}h1{font-size:31px}h2{font-size:27px}.hero-actions .button{width:100%}.hero-meta span{margin-right:12px;padding-right:12px}.topic-grid,.reading-grid{grid-template-columns:1fr}.brief-item{grid-template-columns:57px 1fr;gap:11px}.lead-story img{height:190px}.path-panel{padding:26px}.notice{grid-template-columns:1fr;gap:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.record{display:block}.record span{display:block;margin-bottom:8px}}

/* roulang page: category2 */
:root{--green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;--paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;--line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;--shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}a{color:inherit;text-decoration:none;transition:.22s ease}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.site-container{width:min(1200px,calc(100% - 40px));margin:auto}
.utility{background:var(--green);color:#dfe9e1;font-size:12px;border-bottom:1px solid rgba(255,255,255,.13)}.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}.utility span:last-child{color:var(--lime)}
.masthead{background:var(--paper)}.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}.edition{border-left:1px solid var(--line);padding-left:22px;font-size:13px;line-height:1.55;color:var(--muted);flex:1}.edition b{display:block;color:var(--ink);letter-spacing:.08em;font-size:12px}.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px}.search:focus{outline:3px solid rgba(200,219,87,.4);border-color:var(--green)}
.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}.channel-bar{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.channels{display:flex;align-items:center;overflow-x:auto}.channels a{padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44;white-space:nowrap}.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:none}.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}.button:focus{outline:3px solid rgba(200,219,87,.55);outline-offset:3px}.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}.button.hollow:hover{background:var(--green);color:#fff}.button.tiny{padding:7px 10px;font-size:12px}
.hero{background:linear-gradient(90deg,rgba(246,248,241,.97) 0%,rgba(246,248,241,.9) 50%,rgba(246,248,241,.35) 100%),url('/assets/images/backpic/back-2.webp') center/cover;min-height:390px;border-bottom:1px solid var(--line)}.hero .site-container{padding:53px 0 47px}.crumb{font-size:13px;color:var(--muted);margin-bottom:20px}.crumb a:hover{color:var(--green);text-decoration:underline}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em}.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}h1,h2,h3{font-family:var(--serif);color:var(--green);line-height:1.32}h1{font-size:45px;margin:14px 0 16px;max-width:760px}h2{font-size:30px;margin:0 0 14px}h3{font-size:20px;margin:0 0 8px}.hero-copy{max-width:720px;font-size:17px;color:#3c4b43;margin:0 0 25px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-facts{display:flex;flex-wrap:wrap;margin-top:31px}.hero-facts div{padding:2px 25px 2px 0;margin-right:25px;border-right:1px solid #bfcabf}.hero-facts div:last-child{border:0}.hero-facts b{display:block;font:700 23px/1.2 var(--serif);color:var(--green)}.hero-facts span{font-size:12px;color:var(--muted)}
section{padding:64px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:27px}.section-head p{max-width:590px;margin:0;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:48px;align-items:start}.intro-grid p{color:#45534b;margin-top:0}.side-note{background:var(--warm);border-left:4px solid var(--lime);padding:24px}.side-note p{font-size:14px;margin:8px 0 0;color:#59655e}.number-list{list-style:none;padding:0;margin:20px 0 0;counter-reset:step}.number-list li{counter-increment:step;border-top:1px solid var(--line);padding:13px 0 13px 44px;position:relative;font-size:14px}.number-list li:before{content:"0" counter(step);position:absolute;left:0;top:13px;font:700 18px var(--serif);color:var(--green)}
.calendar-wrap{background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-grid{display:grid;grid-template-columns:245px 1fr;gap:28px}.calendar-aside{background:var(--green);padding:29px;color:#edf4ed}.calendar-aside h2{color:#fff;font-size:27px}.calendar-aside p{color:#d0dfd3;font-size:14px}.calendar-aside .badge{background:rgba(255,255,255,.1);border-color:#6f9a7c;color:var(--lime)}.day-list{background:#fff;border:1px solid var(--line)}.day-row{display:grid;grid-template-columns:106px 1fr auto;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.day-row:last-child{border-bottom:0}.date-box{font-family:var(--serif);color:var(--green);border-right:1px solid var(--line)}.date-box b{display:block;font-size:24px;line-height:1.1}.date-box span{font-size:12px;color:var(--muted)}.day-row p{font-size:13px;color:var(--muted);margin:4px 0 0}.day-row h3{font-size:19px}
.feature-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:stretch}.feature-image{position:relative;min-height:350px;overflow:hidden;border-radius:8px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,38,27,.65),transparent 56%)}.feature-caption{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;color:#fff}.feature-caption h2{color:#fff;margin-bottom:7px}.feature-caption p{margin:0;font-size:14px;color:#eef4ee}.reading-panel{border:1px solid var(--line);padding:30px;background:#fff}.reading-panel p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.checklist li:before{content:"✓";color:var(--green);font-weight:700;margin-right:10px}
.topic-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px}.topic-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;min-height:224px;transition:.22s}.topic-card:hover{transform:translateY(-3px);border-color:#8ca68e;box-shadow:var(--shadow)}.topic-card.major{background:var(--green);border-color:var(--green)}.topic-card.major h3{color:#fff}.topic-card.major p{color:#d7e2da}.topic-card p{font-size:13px;line-height:1.72;color:var(--muted);margin:10px 0}.badge{display:inline-block;border:1px solid #bdd0bd;background:var(--green-3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.major .badge{background:rgba(255,255,255,.1);border-color:#73967c;color:var(--lime)}
.timeline-section{background:#f6f7f2}.timeline{border-left:1px solid #b6c6b9;margin-left:18px;padding-left:31px}.timeline-item{position:relative;padding:0 0 27px}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);border:3px solid var(--green);left:-38px;top:7px}.timeline-item time{display:block;font-size:12px;font-weight:700;color:var(--green);letter-spacing:.08em}.timeline-item p{margin:5px 0 0;color:var(--muted);font-size:14px}.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.split-feature img{width:100%;height:330px;object-fit:cover;border-radius:8px}.split-feature p{color:var(--muted)}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:86px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.article-row time{font-size:12px;color:var(--muted);font-weight:700}.article-row h3{font-size:18px;margin:0 0 4px}.article-row p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.accordion{background:transparent}.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}.accordion-title:before{color:var(--green);font-size:22px}.accordion-content{border:0;background:#fff;color:var(--muted);font-size:14px;line-height:1.85;padding:0 20px 19px}
.cta{background:var(--green);color:#e9f1e9;padding:48px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:#fff;margin:0 0 8px}.cta p{margin:0;color:#d0dfd3;max-width:690px}.cta .button{background:var(--lime);border-color:var(--lime);color:#183529;white-space:nowrap}.cta .button:hover{background:#dbe978;border-color:#dbe978}
footer{background:#17221c;color:#c9d1ca;padding:45px 0 22px}footer b{font:700 27px var(--serif);color:#fff;letter-spacing:.08em}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:35px;padding-bottom:31px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-grid p{font-size:13px;line-height:1.8;color:#aebbb1;margin:11px 0}.footer-links a{display:block;font-size:13px;margin:5px 0;color:#d5ddd6}.footer-links a:hover{color:var(--lime)}.footer-subscribe input{width:100%;padding:10px;border:1px solid #506057;background:#243129;color:#fff;border-radius:5px;margin:9px 0}.footer-bottom{padding-top:18px;font-size:12px;color:#9cac9f;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-bottom a:hover{color:var(--lime)}
@media(max-width:1024px){.topic-grid{grid-template-columns:1fr 1fr}.topic-card.major{grid-column:span 2}.calendar-grid{grid-template-columns:210px 1fr}.edition{display:none}.search{width:165px}}
@media(max-width:768px){.site-container{width:min(100% - 28px,1200px)}.masthead-main{min-height:73px;gap:12px}.logo{font-size:30px}.search{display:none}.menu-toggle{display:block;margin-left:auto}.channels{padding:0}.channels a{font-size:13px;padding:11px 13px}.hero{min-height:auto;background-position:60% center}.hero .site-container{padding:37px 0}.hero h1{font-size:35px}.intro-grid,.calendar-grid,.feature-strip,.split-feature{grid-template-columns:1fr}.calendar-aside{padding:24px}.topic-grid{grid-template-columns:1fr 1fr}.day-row{grid-template-columns:88px 1fr}.day-row .button{grid-column:2;justify-self:start}.section-head{display:block}.section-head p{margin-top:10px}.cta-grid{display:block}.cta .button{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-subscribe{grid-column:span 2}}
@media(max-width:520px){body{font-size:15px}.utility .site-container span:first-child{display:none}.utility .site-container{justify-content:center}.logo{font-size:27px}.hero h1{font-size:30px}.hero-copy{font-size:15px}.hero-facts div{margin-right:14px;padding-right:14px}.hero-facts b{font-size:19px}section{padding:46px 0}h2{font-size:26px}.topic-grid{grid-template-columns:1fr}.topic-card.major{grid-column:auto}.day-row,.article-row{grid-template-columns:1fr;gap:7px}.date-box{border:0}.article-row .button{justify-self:start}.feature-image{min-height:285px}.footer-grid{grid-template-columns:1fr}.footer-subscribe{grid-column:auto}.footer-bottom{display:block}.footer-bottom div{margin-bottom:8px}.button{padding:10px 14px}.channels{scrollbar-width:none}}

/* roulang page: category3 */
:root{--green:#173d2d;--green2:#245b42;--green3:#e8f2eb;--lime:#c8db57;--paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;--line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;--shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}a{color:inherit;text-decoration:none;transition:.22s ease}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.site-container{width:min(1200px,calc(100% - 40px));margin:auto}
.utility{background:var(--green);color:#dce8df;font-size:12px}.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}.masthead{background:var(--paper);border-bottom:1px solid var(--line)}.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}.logo-note{border-left:1px solid var(--line);padding-left:23px;color:var(--muted);font-size:13px;line-height:1.5;flex:1}.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px}.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}.channel-bar{border-bottom:1px solid var(--line);background:#fff}.channels{display:flex;overflow-x:auto}.channels a{padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44;white-space:nowrap}.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;min-height:42px}.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}.button.hollow:hover{background:var(--green);color:#fff}.button.tiny{padding:7px 10px;font-size:12px;min-height:32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em}.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}
.hero{background:linear-gradient(90deg,rgba(246,248,241,.97),rgba(246,248,241,.82) 53%,rgba(246,248,241,.4)),url('/assets/images/backpic/back-2.webp') center/cover;border-bottom:1px solid var(--line)}.hero .site-container{padding:62px 0 56px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.hero h1{font:700 clamp(34px,4vw,58px)/1.2 var(--serif);margin:16px 0 16px;color:var(--green)}.hero-copy{max-width:650px;font-size:17px;color:#3c4b43;margin-bottom:25px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-panel{background:rgba(255,255,255,.9);border:1px solid #cfd9ce;border-radius:8px;padding:23px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:4px}.panel-head strong{font:700 22px var(--serif);color:var(--green)}.live{font-size:11px;color:var(--green);background:var(--green3);padding:4px 8px;border-radius:99px}.data-row{display:grid;grid-template-columns:82px 1fr 74px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.data-row:last-child{border:0}.data-row b{text-align:right;color:var(--green)}.bar{height:6px;background:#e5ebe4;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green2);border-radius:99px}.bar i.lime{background:var(--lime)}
section{padding:68px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.section-head h2{margin:0;font:700 32px/1.3 var(--serif);color:var(--green)}.section-head p{max-width:620px;margin:0;color:var(--muted)}.kicker{font-size:12px;color:var(--muted);letter-spacing:.1em;margin-bottom:9px}.badge{display:inline-block;border:1px solid #bdd0bd;background:var(--green3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}
.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px}.intro-copy p{color:#4b5951;margin-top:0}.issue-list{border-top:2px solid var(--green)}.issue{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.issue b{font:700 21px var(--serif);color:var(--green)}.issue strong{display:block;color:var(--green)}.issue span{font-size:13px;color:var(--muted)}
.dashboard{background:var(--mist)}.dashboard-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px}.lead-card{background:var(--green);border-radius:8px;padding:34px;color:#eaf2eb;min-height:330px}.lead-card h2{color:#fff;font:700 30px var(--serif);margin:8px 0 14px}.lead-card p{color:#cfddd3}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;min-height:157px}.metric b{font:700 35px var(--serif);color:var(--green);display:block}.metric small{color:var(--muted)}.metric p{font-size:13px;color:#59665e;margin:8px 0 0}
.feature{background:var(--paper)}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.feature-main{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.feature-main img{width:100%;height:295px;object-fit:cover}.feature-main article{padding:23px}.feature-main h3{font:700 25px var(--serif);color:var(--green);margin:7px 0}.feature-main p{color:var(--muted);font-size:14px}.side-feature{display:grid;gap:14px}.mini{display:grid;grid-template-columns:125px 1fr;gap:16px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px}.mini img{width:125px;height:95px;object-fit:cover;border-radius:5px}.mini h3{font-size:16px;line-height:1.5;margin:4px 0;color:var(--green)}.mini p{font-size:12px;color:var(--muted);margin:0}
.timeline{background:var(--warm)}.timeline-grid{display:grid;grid-template-columns:180px 1fr;gap:30px}.timeline-nav{border-right:1px solid #cfd5c8}.timeline-nav a{display:block;padding:12px 18px;border-left:3px solid transparent;font-size:14px}.timeline-nav a:hover,.timeline-nav a.active{border-color:var(--green);background:#fff;color:var(--green);font-weight:700}.timeline-list{border-top:2px solid var(--green)}.timeline-item{display:grid;grid-template-columns:120px 1fr 120px;gap:20px;padding:20px 0;border-bottom:1px solid #d4d8cd;align-items:center}.timeline-item time{font-size:13px;color:var(--muted)}.timeline-item h3{font-size:18px;color:var(--green);margin:0}.timeline-item p{font-size:13px;color:var(--muted);margin:4px 0 0}
.guide{background:#fff}.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.guide img{width:100%;height:310px;object-fit:cover;border-radius:8px}.guide-copy p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.checklist li:before{content:"✓";color:var(--green);font-weight:700;margin-right:10px}
.news{background:var(--green3)}.news-list{border-top:2px solid var(--green)}.news-item{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid #cbd8cc;padding:18px 0}.news-item time{font-size:12px;color:var(--muted)}.news-item h3{margin:0 0 5px;color:var(--green);font-size:18px}.news-item p{margin:0;font-size:13px;color:#58665d;line-height:1.65}
.readers{background:var(--green);color:#edf4ee}.readers .section-head h2{color:#fff}.readers .section-head p{color:#cbdacf}.quotes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.quote{border-top:3px solid var(--lime);padding:21px;background:rgba(255,255,255,.08);min-height:180px}.quote p{font:18px/1.8 var(--serif);margin:0 0 20px;color:#f3f7f1}.quote footer{font-size:12px;color:#b8c9bc}.quote footer b{color:var(--lime)}
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px}.stamp{border:1px solid var(--line);padding:30px;background:#fff}.stamp b{display:block;font:700 45px/1 var(--serif);color:var(--green)}.stamp span{font-size:13px;color:var(--muted)}.about-copy p{color:#4a5750;margin-top:0}
.faq-area{background:var(--mist)}.accordion{margin:0;background:transparent}.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}.accordion-title:hover,.accordion-title:focus{background:var(--green3);color:var(--green)}.accordion-title:before{color:var(--green);font-size:22px}.accordion-content{border:0;padding:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.8}
.cta{padding:42px 0;background:#dcebdc;border-top:1px solid #c7d8c8}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:0 0 5px;font:700 29px var(--serif);color:var(--green)}.cta p{margin:0;color:#53635a}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
footer{background:#142b20;color:#c5d4c8;padding:34px 0 25px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding-bottom:25px;border-bottom:1px solid #365142}.footer-brand b{font:700 28px var(--serif);color:#fff}.footer-brand p{max-width:350px;color:#aebeb2}.footer h3{font-size:14px;color:#fff;margin:4px 0 12px}.footer a{color:#c5d4c8}.footer a:hover{color:var(--lime)}.copyright{padding-top:18px;color:#9caf9f;line-height:2}
@media(max-width:900px){.hero-grid,.intro-grid,.dashboard-grid,.feature-grid,.guide-grid,.about-grid{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr}.timeline-nav{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.timeline-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.hero-panel{max-width:600px}.quotes{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-container{width:min(100% - 28px,1200px)}.masthead-main{min-height:75px;gap:12px}.logo{font-size:29px}.logo-note,.search{display:none}.menu-toggle{display:block;margin-left:auto}.channels{display:none}.channels.open{display:flex;flex-direction:column;padding:8px 0}.channels.open a{padding:10px 12px}.hero .site-container{padding:42px 0}.hero h1{font-size:37px}.hero-copy{font-size:15px}.hero-facts{gap:10px}.hero-facts div{padding-right:12px;margin-right:12px}.hero-facts b{font-size:20px}section{padding:48px 0}.section-head{display:block}.section-head h2{font-size:27px;margin-bottom:10px}.metric-grid,.quotes{grid-template-columns:1fr}.news-item{grid-template-columns:72px 1fr}.news-item .button{display:none}.mini{grid-template-columns:100px 1fr}.mini img{width:100px;height:82px}.timeline-item{grid-template-columns:75px 1fr}.timeline-item .badge{display:none}.cta-inner{display:block}.cta-actions{margin-top:20px}.footer-grid{grid-template-columns:1fr}.data-row{grid-template-columns:70px 1fr 58px}}

/* roulang page: category5 */
:root{
 --green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;
 --paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;
 --line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;
 --shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;
 --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}
a{color:inherit;text-decoration:none;transition:.22s ease}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.site-container{width:min(1200px,calc(100% - 40px));margin:auto}
.utility{background:var(--green);color:#d9e5dc;font-size:12px;letter-spacing:.03em}
.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}
.utility span:last-child{color:var(--lime)}
.masthead{background:var(--paper);border-bottom:1px solid var(--line)}
.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}
.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}
.logo-note{padding-left:23px;border-left:1px solid var(--line);font-size:13px;color:var(--muted);letter-spacing:.1em}
.head-tools{margin-left:auto;display:flex;gap:12px;align-items:center}
.search{width:205px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px;outline:none}
.search:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(36,91,66,.12)}
.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}
.channel-bar{background:#fff;border-bottom:1px solid var(--line)}
.channels{display:flex;align-items:center;overflow-x:auto;white-space:nowrap}
.channels a{padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44;flex:0 0 auto}
.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:none;transition:.22s ease}
.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}
.button:focus{outline:3px solid rgba(200,219,87,.65);outline-offset:3px}
.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}
.button.hollow:hover{background:var(--green);color:#fff}
.button.tiny{padding:7px 10px;font-size:12px}
.hero-archive{position:relative;min-height:430px;color:#fff;background:linear-gradient(90deg,rgba(18,48,35,.96) 0%,rgba(18,48,35,.84) 48%,rgba(18,48,35,.34) 100%),url('/assets/images/backpic/back-2.webp') center/cover}
.hero-archive .site-container{padding:58px 0 52px}
.breadcrumb{font-size:13px;color:#d8e3d9;margin-bottom:22px}
.breadcrumb a:hover{text-decoration:underline;color:var(--lime)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--lime);font-weight:700;letter-spacing:.13em}
.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--green);line-height:1.35}
h1{font-size:46px;color:#fff;margin:13px 0 15px;letter-spacing:.03em}
h2{font-size:30px;margin:0 0 12px}
h3{font-size:20px;margin:0 0 8px}
p{margin:0 0 16px}
.hero-copy{max-width:720px;font-size:17px;color:#e4eee6;line-height:1.9}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-actions .hollow{color:#fff;border-color:#d4e3d7}
.hero-actions .hollow:hover{background:#fff;color:var(--green)}
.archive-meta{display:flex;gap:0;margin-top:40px;flex-wrap:wrap}
.archive-meta div{min-width:130px;padding:3px 24px 3px 0;margin-right:24px;border-right:1px solid rgba(255,255,255,.34)}
.archive-meta div:last-child{border:0}
.archive-meta b{display:block;font:700 24px/1.15 var(--serif);color:var(--lime)}
.archive-meta span{font-size:12px;color:#d8e3d9}
section{padding:66px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.intro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.intro-copy p{color:#46534c}
.intro-image{position:relative}
.intro-image img{width:100%;height:355px;object-fit:cover;border-radius:var(--radius)}
.image-caption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.94);padding:12px 15px;border-left:3px solid var(--lime);font-size:13px;color:var(--green)}
.reference-strip{background:var(--warm);padding:32px 0}
.reference-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1px;background:#d5d0c6;border:1px solid #d5d0c6}
.reference-item{background:#f8f5ee;padding:22px}
.reference-item b{display:block;color:var(--green);font:700 26px/1.2 var(--serif);margin-bottom:7px}
.reference-item span{font-size:13px;color:var(--muted)}
.archive-layout{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:start}
.archive-aside{position:sticky;top:15px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:20px}
.archive-aside h3{font-size:19px}
.archive-aside a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:#526158}
.archive-aside a:last-child{border-bottom:0}
.archive-aside a:hover{color:var(--green);padding-left:5px}
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.topic-card{display:flex;flex-direction:column;min-height:236px;border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:#fff;transition:.22s ease}
.topic-card:hover{border-color:#85a27d;transform:translateY(-3px);box-shadow:var(--shadow)}
.topic-card .index{font:700 13px/1 var(--serif);color:var(--green-2);letter-spacing:.1em}
.topic-card p{font-size:14px;color:var(--muted);line-height:1.72;margin:6px 0 16px}
.topic-card a{margin-top:auto;font-size:13px;font-weight:700;color:var(--green)}
.topic-card a:hover{color:var(--green-2)}
.badge{display:inline-block;width:max-content;border:1px solid #bdd0bd;background:var(--green-3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}
.feature-zone{background:var(--mist)}
.feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px}
.feature-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.feature-main img{width:100%;height:285px;object-fit:cover}
.feature-main .body{padding:25px}
.feature-main p{color:#53625a}
.feature-list{display:grid;gap:12px}
.feature-row{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:.22s ease}
.feature-row:hover{border-color:#90a985;transform:translateY(-2px)}
.feature-row time{font:700 15px/1.2 var(--serif);color:var(--green);border-right:1px solid var(--line);min-height:54px}
.feature-row p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.timeline{background:#fff}
.timeline-track{border-left:2px solid var(--green-3);margin-left:14px}
.timeline-item{position:relative;padding:0 0 26px 34px}
.timeline-item:before{content:"";position:absolute;left:-8px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--lime);border:3px solid var(--green)}
.timeline-item h3{font-size:19px}
.timeline-item p{color:var(--muted);max-width:760px}
.method-band{background:var(--green);color:#dce8df}
.method-band h2{color:#fff}
.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:start}
.method-note{border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);padding:24px;background:rgba(255,255,255,.06)}
.method-note p{color:#d4e1d7}
.method-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.step-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:21px}
.step-card b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--lime);color:var(--green);border-radius:50%;margin-bottom:12px}
.step-card h3{color:#fff;font-size:19px}
.step-card p{color:#cfddd3;font-size:14px;line-height:1.72}
.reading-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.reading-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:22px}
.reading-card ul{list-style:none;margin:14px 0 0;padding:0}
.reading-card li{padding:9px 0;border-top:1px solid var(--line);font-size:14px;color:#4f5d55}
.reading-card li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:9px;vertical-align:middle}
.quote-section{background:var(--green-3)}
.quote-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px}
.quote-mark{background:#fff;border-left:4px solid var(--lime);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}
.quote-mark p{font:700 24px/1.6 var(--serif);color:var(--green)}
.quote-list{display:grid;gap:12px}
.quote-list article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px}
.quote-list b{color:var(--green)}
.quote-list p{font-size:14px;color:var(--muted);line-height:1.75;margin:6px 0 0}
.faq-area{background:var(--mist)}
.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff;border-radius:var(--radius);overflow:hidden}
.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}
.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}
.accordion-title:before{color:var(--green);font-size:22px}
.accordion-content{border:0;border-top:1px solid var(--line);color:#4c5a52;line-height:1.85}
.cta-band{background:linear-gradient(90deg,#173d2d,#245b42);color:#e9f1e9;padding:48px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-inner h2{color:#fff;margin-bottom:8px}
.cta-inner p{max-width:720px;color:#d5e1d8;margin:0}
.cta-inner .button{background:var(--lime);border-color:var(--lime);color:var(--green)}
.cta-inner .button:hover{background:#d7e76d;border-color:#d7e76d;color:var(--green)}
.site-footer{background:#111b16;color:#c9d3cc;padding:52px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;margin-bottom:32px}
.footer-logo{font:700 32px/1 var(--serif);letter-spacing:.08em;color:#fff}
.site-footer p{color:#aebbb2;font-size:14px;line-height:1.8}
.site-footer h3{color:#fff;font:700 16px/1.4 var(--sans);margin-bottom:12px}
.site-footer a{display:block;color:#c9d3cc;font-size:14px;margin:8px 0}
.site-footer a:hover{color:var(--lime)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;font-size:13px;color:#aebbb2}
.footer-bottom a{display:inline;color:#dce5df;margin:0 5px}
@media screen and (max-width:1024px){
 .site-container{width:min(100% - 32px,960px)}
 h1{font-size:38px}
 .intro-grid,.archive-layout,.feature-grid,.method-grid,.quote-layout{grid-template-columns:1fr}
 .archive-aside{position:relative;top:auto}
 .reference-grid{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:768px){
 .utility .site-container{justify-content:center;text-align:center}
 .utility span:first-child{display:none}
 .masthead-main{min-height:auto;padding:18px 0;flex-wrap:wrap}
 .logo{font-size:31px}
 .logo-note{display:none}
 .head-tools{width:100%;margin-left:0}
 .search{flex:1;width:auto}
 .menu-toggle{display:inline-flex}
 .channels{display:none;flex-direction:column;align-items:stretch;white-space:normal;padding:8px 0}
 .channels.is-open{display:flex}
 .channels a{border-bottom:1px solid var(--line);padding:12px 4px}
 .hero-archive .site-container{padding:44px 0}
 .archive-meta div{width:50%;margin:0 0 15px;padding-right:15px}
 .section-head{display:block}
 .topic-grid,.method-steps,.reading-panel{grid-template-columns:1fr}
 .cta-inner{display:block}
 .cta-inner .button{margin-top:20px}
}
@media screen and (max-width:520px){
 .site-container{width:min(100% - 24px,480px)}
 h1{font-size:31px}
 h2{font-size:24px}
 section{padding:48px 0}
 .hero-copy{font-size:15px}
 .hero-actions .button{width:100%}
 .reference-grid{grid-template-columns:1fr}
 .feature-row{grid-template-columns:1fr}
 .feature-row time{border-right:0;border-bottom:1px solid var(--line);padding-bottom:8px;min-height:0}
 .footer-grid{grid-template-columns:1fr}
}

/* roulang page: category6 */
:root{
 --green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;
 --paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;
 --line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;
 --shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;
 --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}
a{color:inherit;text-decoration:none;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.site-container{width:min(1200px,calc(100% - 40px));margin:auto}
.utility{background:var(--green);color:#d9e6dc;font-size:12px;letter-spacing:.04em}
.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}
.utility-note{display:flex;gap:16px;align-items:center}
.utility-note span+span{border-left:1px solid rgba(255,255,255,.25);padding-left:16px}
.masthead{background:var(--paper)}
.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}
.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}
.mast-kicker{border-left:1px solid var(--line);padding-left:22px;color:var(--muted);font-size:13px;line-height:1.55;flex:1}
.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px;outline:none}
.search:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(36,91,66,.14)}
.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px;font-weight:700}
.channel-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.channels{display:flex;align-items:center;overflow-x:auto;white-space:nowrap}
.channels a{padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44}
.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;line-height:1.35}
.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}
.button:focus{outline:3px solid rgba(200,219,87,.7);outline-offset:3px}
.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}
.button.hollow:hover{background:var(--green);color:#fff}
.button.tiny{padding:7px 10px;font-size:12px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em}
.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}
h1,h2,h3,p{margin-top:0}
h1{font:700 clamp(32px,4vw,52px)/1.18 var(--serif);letter-spacing:.02em;margin:14px 0 18px;color:var(--green)}
h2{font:700 clamp(25px,3vw,34px)/1.3 var(--serif);margin:0 0 14px;color:var(--green)}
h3{font:700 19px/1.45 var(--serif);margin:0 0 8px;color:var(--green)}
p{margin-bottom:15px}
section{padding:64px 0}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.section-head p{max-width:630px;margin:0;color:var(--muted)}
.page-hero{background:linear-gradient(90deg,rgba(246,248,241,.98) 0%,rgba(246,248,241,.91) 54%,rgba(246,248,241,.58) 100%),url('/assets/images/backpic/back-2.webp') center/cover;border-bottom:1px solid var(--line)}
.page-hero .site-container{padding:48px 0 44px}
.breadcrumb{font-size:13px;color:#627069;margin-bottom:19px}
.breadcrumb a:hover{color:var(--green-2)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:end}
.hero-copy{font-size:17px;color:#405148;max-width:710px}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}
.reading-board{background:rgba(255,255,255,.91);border:1px solid #d6ded6;border-radius:var(--radius);padding:19px;box-shadow:var(--shadow)}
.board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--green)}
.board-row{display:grid;grid-template-columns:50px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #e6ebe5;align-items:center}
.board-row:last-child{border-bottom:0}
.board-num{font:700 22px/1 var(--serif);color:#93aa92}
.board-row b{font-size:14px;line-height:1.4}
.board-row small{font-size:11px;color:var(--muted)}
.badge{display:inline-block;border:1px solid #bdd0bd;background:var(--green-3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.intro{background:var(--warm)}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px}
.lead-note{border-top:4px solid var(--green);padding-top:18px}
.lead-note p{font:700 21px/1.65 var(--serif);color:#32473b}
.intro-copy p{color:#47554e}
.issue-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:30px}
.issue-strip div{padding:16px;background:#fff}
.issue-strip b{display:block;font:700 24px/1.1 var(--serif);color:var(--green)}
.issue-strip span{font-size:12px;color:var(--muted)}
.feature-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}
.feature-cover{position:relative;min-height:470px;border-radius:8px;overflow:hidden;background:var(--green)}
.feature-cover img{width:100%;height:470px;object-fit:cover;opacity:.84}
.cover-caption{position:absolute;left:0;right:0;bottom:0;padding:33px 29px 27px;background:linear-gradient(transparent,rgba(13,36,26,.92));color:#fff}
.cover-caption h2{color:#fff;font-size:31px;margin-bottom:9px}
.cover-caption p{color:#dce7dd;font-size:14px;margin-bottom:15px}
.feature-list{border-top:1px solid var(--line)}
.feature-item{padding:21px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr;gap:16px}
.feature-item .index{font:700 28px/1 var(--serif);color:#89a18c}
.feature-item p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.feature-item:hover h3{color:var(--green-2)}
.timeline-section{background:var(--mist)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.timeline:before{content:"";position:absolute;top:30px;left:3%;right:3%;height:1px;background:#aebbae}
.time-card{position:relative;padding-top:0}
.time-dot{width:13px;height:13px;border-radius:50%;background:var(--lime);border:3px solid var(--green);margin:24px 0 16px}
.time-card small{color:#607168;font-weight:700}
.time-card p{font-size:13px;color:var(--muted);line-height:1.72}
.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.read-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;transition:.22s ease}
.read-card:hover{transform:translateY(-4px);border-color:#8ba487;box-shadow:var(--shadow)}
.read-card img{width:100%;height:175px;object-fit:cover}
.read-card-body{padding:18px}
.read-card p{font-size:13px;color:var(--muted);line-height:1.72;margin:8px 0 14px}
.read-card .button{margin-top:auto}
.method-section{background:var(--green);color:#d9e7dc}
.method-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}
.method-section h2{color:#fff}
.method-section .eyebrow{color:var(--lime)}
.method-section p{color:#cfddd2}
.method-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.22)}
.method-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.method-list b{font:700 23px/1 var(--serif);color:var(--lime)}
.method-list span{font-size:14px;color:#d6e2d8}
.quote-area{background:#fff}
.quote-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.quote{border-left:3px solid var(--lime);background:var(--mist);padding:23px 22px 19px}
.quote p{font:700 18px/1.72 var(--serif);color:#33473c}
.quote footer{font-size:12px;color:var(--muted)}
.quote footer b{color:var(--green)}
.archive-grid{display:grid;grid-template-columns:1fr .95fr;gap:30px;align-items:center}
.archive-photo img{width:100%;height:330px;object-fit:cover;border-radius:8px}
.archive-copy p{color:#4c5a53}
.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.tag-cloud a{border:1px solid var(--line);padding:6px 11px;border-radius:999px;font-size:13px;background:#fff}
.tag-cloud a:hover{background:var(--green-3);border-color:#91aa90;color:var(--green)}
.faq-area{background:var(--mist)}
.accordion{margin:0;background:transparent}
.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}
.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px;line-height:1.6}
.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}
.accordion-title:before{color:var(--green);font-size:22px}
.accordion-content{border:0;color:#4c5a53;padding:0 19px 18px;font-size:14px;line-height:1.85}
.cta-band{padding:48px 0;background:var(--warm);border-top:1px solid #ded5c4}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-inner h2{margin:0 0 6px}
.cta-inner p{margin:0;color:var(--muted)}
footer.site-footer{background:#142c21;color:#cedbd1;padding:48px 0 23px}
.footer-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:35px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.16)}
.footer-brand{font:700 31px/1 var(--serif);letter-spacing:.08em;color:#fff;margin-bottom:12px}
.footer-grid p{font-size:13px;line-height:1.78;color:#b8c9bc;max-width:370px}
.footer-grid h3{font:700 16px/1.4 var(--sans);color:#fff;margin-bottom:12px}
.footer-links{display:grid;gap:8px;font-size:13px;color:#c7d4ca}
.footer-links a:hover{color:var(--lime)}
.subscribe{display:flex;gap:7px;margin-top:12px}
.subscribe input{min-width:0;width:100%;border:1px solid #567061;background:#fff;color:var(--ink);border-radius:5px;padding:9px 10px;font-size:13px}
.subscribe .button{padding:9px 12px;white-space:nowrap;background:var(--lime);color:#193729;border-color:var(--lime)}
.footer-bottom{padding-top:20px;font-size:12px;color:#aebfb3;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footer-bottom a{color:#d5e2d7}
.footer-bottom a:hover{color:var(--lime)}
@media(max-width:1024px){
 .hero-grid,.intro-grid,.method-grid{grid-template-columns:1fr;gap:28px}
 .reading-grid{grid-template-columns:repeat(2,1fr)}
 .timeline{grid-template-columns:repeat(2,1fr)}
 .timeline:before{display:none}
 .time-dot{margin-top:0}
}
@media(max-width:768px){
 .site-container{width:min(100% - 28px,1200px)}
 .masthead-main{min-height:72px;gap:13px}
 .logo{font-size:29px}
 .mast-kicker,.search{display:none}
 .menu-toggle{display:block;margin-left:auto}
 .channels{display:none;padding:7px 0;align-items:stretch;white-space:normal}
 .channels.is-open{display:flex;flex-direction:column}
 .channels a{padding:9px 10px;border-bottom:0;border-left:3px solid transparent}
 .channels a.active{border-left-color:var(--lime)}
 h1{font-size:35px}
 section{padding:48px 0}
 .page-hero .site-container{padding:34px 0}
 .feature-layout,.archive-grid{grid-template-columns:1fr}
 .feature-cover,.feature-cover img{min-height:350px;height:350px}
 .quote-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 body{font-size:15px}
 .utility .site-container{justify-content:center}
 .utility-note span:last-child{display:none}
 .section-head,.cta-inner{display:block}
 .section-head p{margin-top:10px}
 .hero-actions .button{flex:1}
 .issue-strip{grid-template-columns:1fr 1fr}
 .reading-grid,.timeline,.footer-grid{grid-template-columns:1fr}
 .board-row{grid-template-columns:43px 1fr}
 .board-row small{display:none}
 .feature-cover,.feature-cover img{min-height:315px;height:315px}
 .cover-caption{padding:23px 19px}
 .cover-caption h2{font-size:25px}
 .footer-bottom{display:block;line-height:2}
}

/* roulang page: category4 */
:root{
 --green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;
 --paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;
 --line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;
 --shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;
 --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}
a{color:inherit;text-decoration:none;transition:.22s ease} img{display:block;max-width:100%}
button,input{font:inherit} button{cursor:pointer}
.site-container{width:min(1200px,calc(100% - 40px));margin:auto}
.utility{background:var(--green);color:#dce7de;font-size:12px;letter-spacing:.03em}
.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}
.utility span:last-child{color:var(--lime)}
.masthead{background:var(--paper);border-bottom:1px solid var(--line)}
.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}
.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}
.edition{border-left:1px solid var(--line);padding-left:22px;font-size:13px;color:var(--muted);line-height:1.5}
.head-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px;outline:none}
.search:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(36,91,66,.12)}
.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}
.channel-bar{background:#fff;border-bottom:1px solid var(--line);overflow-x:auto}
.channels{display:flex;align-items:stretch;min-height:47px;white-space:nowrap}
.channels a{padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44}
.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:none;line-height:1.4}
.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}
.button:focus{outline:3px solid rgba(200,219,87,.7);outline-offset:3px}
.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}
.button.hollow:hover{background:var(--green);color:#fff}.button.tiny{padding:7px 10px;font-size:12px}
.hero{position:relative;background:linear-gradient(90deg,rgba(246,248,241,.98) 0%,rgba(246,248,241,.90) 52%,rgba(246,248,241,.30) 100%),url('/assets/images/backpic/back-2.webp') center/cover;border-bottom:1px solid var(--line)}
.hero .site-container{padding:53px 0 48px}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:24px}.breadcrumb a:hover{color:var(--green);text-decoration:underline}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em}
.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--green);line-height:1.28;margin:0}
h1{font-size:43px;margin:13px 0 15px}h2{font-size:30px}h3{font-size:20px}
.hero-copy{max-width:735px;font-size:17px;color:#3c4b43;margin:0 0 25px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.hero-note{display:flex;flex-wrap:wrap;gap:0;margin-top:32px}.hero-note span{font-size:13px;padding:2px 20px 2px 0;margin-right:20px;border-right:1px solid #bdc9bd;color:#526158}.hero-note span:last-child{border:0}
section{padding:66px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-head p{max-width:620px;color:var(--muted);margin:0}
.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:center}.intro-image{position:relative}.intro-image img{height:390px;width:100%;object-fit:cover;border-radius:8px}.caption{position:absolute;bottom:15px;left:15px;background:rgba(23,61,45,.92);color:#fff;padding:8px 12px;font-size:12px;border-radius:4px}
.prose p{color:#48554e;margin:0 0 17px}.prose p:last-child{margin-bottom:0}
.fact-strip{margin-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.fact-strip div{padding:17px 16px 0 0}.fact-strip b{font:700 26px/1 var(--serif);display:block;color:var(--green)}.fact-strip span{font-size:12px;color:var(--muted)}
.mist{background:var(--mist)}.rule-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:23px}
.rule-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:9px 25px}
.rule-row{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.rule-row:last-child{border:0}.rule-no{font:700 24px/1 var(--serif);color:var(--green-2)}.rule-row p{font-size:14px;line-height:1.75;color:var(--muted);margin:6px 0 0}
.side-callout{background:var(--green);color:#eef4ef;padding:31px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.side-callout h2{color:#fff;font-size:27px}.side-callout p{font-size:14px;color:#d5e2d8}.side-list{list-style:none;padding:0;margin:21px 0}.side-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px}.side-list li:before{content:"✓";color:var(--lime);font-weight:bold;margin-right:9px}
.term-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.term-lead{padding:14px 5px}.term-lead p{color:var(--muted)}.term-list{border-top:1px solid var(--line)}.term-item{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.term-item strong{color:var(--green);font-size:15px}.term-item p{margin:0;color:#56635c;font-size:14px}
.reading-map{background:var(--warm)}.map-grid{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:14px}.map-card{background:rgba(255,255,255,.76);border:1px solid #ddd6c8;padding:23px;border-radius:8px;min-height:220px}.map-card:nth-child(2){background:var(--green);border-color:var(--green)}.map-card:nth-child(2) h3,.map-card:nth-child(2) p{color:#fff}.map-card p{font-size:14px;color:var(--muted);margin:9px 0}.step{display:inline-block;color:var(--green);font:700 25px/1 var(--serif);margin-bottom:15px}.map-card:nth-child(2) .step{color:var(--lime)}
.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.feature-image{min-height:390px;position:relative;overflow:hidden;border-radius:8px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image:after{content:"资料阅读提示";position:absolute;left:18px;bottom:17px;color:white;background:rgba(23,61,45,.9);padding:7px 11px;font-size:12px}.feature-copy{border:1px solid var(--line);padding:32px;border-radius:8px;background:#fff}.feature-copy p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.checklist li:before{content:"—";color:var(--green);font-weight:bold;margin-right:10px}
.article-list{border-top:1px solid var(--line)}.article-item{display:grid;grid-template-columns:86px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:19px 0}.date{font:700 14px/1.35 var(--serif);color:var(--green-2)}.date small{display:block;font:12px var(--sans);color:var(--muted);margin-top:4px}.article-item h3{font-size:19px;margin-bottom:5px}.article-item p{font-size:14px;color:var(--muted);line-height:1.65;margin:0}
.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.notice{padding:22px;border-top:3px solid var(--green);background:#fff;box-shadow:var(--shadow)}.notice h3{font-size:19px}.notice p{font-size:14px;color:var(--muted);margin:9px 0 0}
.faq-area{background:var(--mist)}.accordion{margin:0}.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}.accordion-title:before{color:var(--green);font-size:22px}.accordion-content{border:0;color:#56635c;font-size:14px;line-height:1.85;padding:0 22px 20px}
.cta{padding:55px 0;background:var(--green);color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{color:#fff}.cta p{margin:9px 0 0;color:#d3dfd6;max-width:680px}.cta .button{background:var(--lime);border-color:var(--lime);color:var(--green);white-space:nowrap}.cta .button:hover{background:#d8e678;border-color:#d8e678}
footer{background:#12291f;color:#c8d4cb;padding:46px 0 22px;font-size:13px}footer h3{color:#fff;font-size:21px}.footer-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:40px;padding-bottom:33px}.footer-grid p{color:#aebdb2;line-height:1.8;margin:10px 0}.footer-links{display:grid;gap:7px}.footer-links a:hover{color:var(--lime)}.footer-note{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#9eb0a3}.footer-note a:hover{color:var(--lime);text-decoration:underline}
@media(max-width:1024px){.site-container{width:min(100% - 32px,1200px)}.edition{display:none}.term-layout{gap:25px}}
@media(max-width:768px){.masthead-main{min-height:72px;gap:12px}.logo{font-size:30px}.head-right .search{display:none}.menu-toggle{display:inline-block}.channels{padding:0 16px;width:max-content}.channels a{padding-left:12px;padding-right:12px}.hero .site-container{padding:40px 0}.hero{background:linear-gradient(90deg,rgba(246,248,241,.97),rgba(246,248,241,.74)),url('/assets/images/backpic/back-2.webp') center/cover}h1{font-size:35px}h2{font-size:27px}section{padding:50px 0}.section-head{display:block}.section-head p{margin-top:10px}.intro-grid,.rule-grid,.term-layout,.feature-grid{grid-template-columns:1fr;gap:25px}.map-grid{grid-template-columns:1fr}.map-card{min-height:auto}.notice-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.side-callout{min-height:320px}.article-item{grid-template-columns:72px 1fr}.article-item .button{grid-column:2;justify-self:start}}
@media(max-width:520px){body{font-size:15px}.site-container{width:calc(100% - 28px)}.utility .site-container{font-size:11px}.utility span:last-child{display:none}.logo{font-size:27px}.masthead-main{min-height:66px}.hero .site-container{padding:33px 0}.breadcrumb{margin-bottom:18px}h1{font-size:30px}.hero-copy{font-size:16px}.hero-note span{margin-right:12px;padding-right:12px}.hero-actions .button{width:100%}.intro-image img{height:280px}.fact-strip{grid-template-columns:1fr}.fact-strip div{padding:10px 0;border-bottom:1px solid var(--line)}.rule-panel{padding:6px 17px}.term-item{grid-template-columns:1fr;gap:5px}.notice-grid{grid-template-columns:1fr}.article-item{grid-template-columns:1fr;gap:8px}.article-item .button{grid-column:auto}.date small{display:inline;margin-left:8px}.cta-grid{display:block}.cta .button{margin-top:22px;width:100%}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-note{display:block}.footer-note div+div{margin-top:8px}}

/* roulang page: category7 */
:root{
--green:#173d2d;--green-2:#245b42;--green-3:#e8f2eb;--lime:#c8db57;
--paper:#fcfbf7;--mist:#f2f4ef;--ink:#18201d;--muted:#64706a;
--line:#d9dfd8;--warm:#efe9dc;--white:#fff;--radius:8px;
--shadow:0 12px 30px rgba(25,50,39,.08);--serif:"Songti SC","STSong","SimSun",serif;
--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.86}
a{color:inherit;text-decoration:none;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.site-container{width:min(1200px,calc(100% - 40px));margin:0 auto}
.utility{background:var(--green);color:#dce9df;font-size:12px;letter-spacing:.04em}
.utility .site-container{min-height:34px;display:flex;align-items:center;justify-content:space-between}
.utility-note{opacity:.86}
.utility-links{display:flex;gap:18px}
.utility a:hover{color:var(--lime)}
.masthead{background:var(--paper);border-bottom:1px solid var(--line)}
.masthead-main{min-height:94px;display:flex;align-items:center;gap:24px}
.logo{font:700 37px/1 var(--serif);letter-spacing:.08em;color:var(--green);white-space:nowrap}
.masthead-rule{height:38px;width:1px;background:var(--line)}
.masthead-caption{font-size:13px;color:var(--muted);letter-spacing:.14em;white-space:nowrap}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:12px}
.search{width:190px;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:5px;color:var(--ink);font-size:13px;outline:0}
.search:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(36,91,66,.12)}
.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:5px;padding:9px 12px}
.channel-bar{background:#fff;border-bottom:1px solid var(--line)}
.channels{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.channels::-webkit-scrollbar{display:none}
.channels a{flex:0 0 auto;padding:13px 15px 12px;border-bottom:3px solid transparent;font-size:14px;color:#3d4b44}
.channels a:hover,.channels a.active{color:var(--green);border-color:var(--lime);background:#fafcf9}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-weight:700;font-size:14px;background:var(--green);border:1px solid var(--green);color:#fff;line-height:1.3}
.button:hover{background:#0f2e21;border-color:#0f2e21;transform:translateY(-2px);color:#fff}
.button:focus{outline:3px solid rgba(200,219,87,.72);outline-offset:3px}
.button.hollow{background:transparent;color:var(--green);border-color:var(--green)}
.button.hollow:hover{background:var(--green);color:#fff}
.button.tiny{padding:7px 10px;font-size:12px}
.crumbs{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.crumbs a{color:var(--green)}
.crumbs span{margin:0 8px;color:#9ba69f}
.hero-guide{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(246,248,241,.98) 0%,rgba(246,248,241,.9) 53%,rgba(246,248,241,.26) 100%),url('/assets/images/backpic/back-2.webp') center/cover;border-bottom:1px solid var(--line)}
.hero-guide .site-container{min-height:414px;padding:52px 0 46px;display:grid;grid-template-columns:1.05fr .72fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700;letter-spacing:.13em}
.eyebrow:before{content:"";width:28px;height:3px;background:var(--lime)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--green);line-height:1.32}
h1{font-size:45px;margin:13px 0 17px;letter-spacing:.02em}
h2{font-size:30px;margin:0 0 13px}
h3{font-size:20px;margin:0 0 8px}
p{margin:0 0 15px}
.hero-copy{max-width:680px;color:#3b4a42;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.hero-panel{background:rgba(23,61,45,.95);color:#edf4ee;padding:25px 25px 20px;border-radius:8px;box-shadow:var(--shadow);position:relative}
.hero-panel:before{content:"新读者起步";position:absolute;right:18px;top:-12px;background:var(--lime);color:var(--green);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.hero-panel h3{color:#fff;font-size:23px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.22)}
.hero-panel p{font-size:13px;color:#d2e0d4;line-height:1.7}
.start-steps{list-style:none;margin:17px 0 0;padding:0}
.start-steps li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.14);font-size:13px}
.start-steps b{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font-size:11px;flex:0 0 23px}
section{padding:66px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.reading-map{background:var(--warm)}
.map-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:36px;align-items:start}
.map-intro{padding:10px 0}
.map-intro p{color:#4e5a53}
.map-list{border-top:1px solid #cfd1c5}
.map-row{display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #cfd1c5}
.map-no{font:700 27px/1 var(--serif);color:var(--green-2)}
.map-row p{font-size:13px;color:var(--muted);margin:0}
.map-row a{font-size:13px;color:var(--green);font-weight:700}
.map-row a:hover{color:var(--green-2);transform:translateX(3px)}
.guide-feature{display:grid;grid-template-columns:1fr 1fr;min-height:402px;border:1px solid var(--line);background:#fff}
.guide-feature img{width:100%;height:100%;min-height:402px;object-fit:cover}
.feature-copy{padding:39px}
.feature-copy p{color:var(--muted)}
.badge{display:inline-block;border:1px solid #bdd0bd;background:var(--green-3);color:var(--green);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}
.checklist{list-style:none;padding:0;margin:20px 0 0}
.checklist li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.checklist li:before{content:"✓";color:var(--green);font-weight:700;margin-right:10px}
.topic-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}
.topic-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;transition:.22s ease}
.topic-card:hover{border-color:#84a179;box-shadow:var(--shadow);transform:translateY(-3px)}
.topic-card img{width:100%;height:148px;object-fit:cover}
.topic-card .card-copy{padding:18px}
.topic-card p{font-size:13px;line-height:1.72;color:var(--muted);margin:7px 0 0}
.topic-card.major{grid-row:span 2}
.topic-card.major img{height:246px}
.topic-card.major .card-copy{padding:22px}
.topic-card.major h3{font-size:24px}
.note-strip{background:var(--green);color:#eff6ef;padding:31px 0}
.note-grid{display:grid;grid-template-columns:150px 1fr auto;gap:26px;align-items:center}
.note-grid h2{color:#fff;font-size:25px;margin:0}
.note-grid p{margin:0;color:#cddbd0;font-size:14px}
.note-grid .button{background:var(--lime);border-color:var(--lime);color:var(--green)}
.note-grid .button:hover{background:#dbe975;border-color:#dbe975}
.timeline-wrap{background:var(--mist)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.timeline:before{content:"";height:1px;background:#b9c7bc;position:absolute;top:34px;left:6%;right:6%}
.time-card{position:relative;background:rgba(255,255,255,.82);padding:18px;border-top:3px solid var(--green);min-height:205px}
.time-card b{position:relative;display:flex;align-items:center;justify-content:center;background:var(--lime);color:var(--green);border-radius:50%;width:32px;height:32px;margin:-35px 0 15px;font-size:13px}
.time-card h3{font-size:18px}
.time-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.article-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:start}
.article-image{position:sticky;top:20px}
.article-image img{width:100%;height:425px;object-fit:cover;border-radius:8px}
.article-image small{display:block;color:var(--muted);font-size:12px;margin-top:10px}
.article-list{border-top:1px solid var(--line)}
.article-item{display:grid;grid-template-columns:92px 1fr auto;gap:17px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.article-date{color:var(--green);font:700 17px/1.15 var(--serif)}
.article-date small{display:block;margin-top:5px;color:var(--muted);font:400 11px/1 var(--sans)}
.article-item h3{font-size:19px;margin:0 0 4px}
.article-item p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.reading-tips{background:#f8f9f5}
.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tip-box{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:21px;border:1px solid var(--line);background:#fff;border-radius:8px}
.tip-icon{width:46px;height:46px;border-radius:50%;background:var(--green-3);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif);font-size:20px}
.tip-box p{font-size:13px;color:var(--muted);margin:0}
.quote-section{background:var(--green);color:#e4eee5}
.quote-section .section-head h2{color:#fff}
.quote-section .section-head p{color:#c5d5c8}
.quote-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:18px}
.quote{border:1px solid rgba(210,230,214,.25);padding:24px;background:rgba(255,255,255,.045)}
.quote:nth-child(3){grid-column:span 2;background:rgba(255,255,255,.08)}
.quote blockquote{margin:0 0 16px;font-family:var(--serif);font-size:20px;line-height:1.68;color:#fff}
.quote footer{font-size:12px;color:#b8c9bc}
.quote footer b{color:var(--lime)}
.brand-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:46px}
.brand-stamp{border:1px solid var(--line);padding:30px;background:#fff}
.brand-stamp b{display:block;font:700 44px/1 var(--serif);color:var(--green)}
.brand-stamp span{font-size:13px;color:var(--muted)}
.brand-copy p{color:#4a5750}
.faq-area{background:var(--mist)}
.accordion{background:transparent;margin:0}
.accordion-item{border:1px solid var(--line);margin-bottom:10px;background:#fff}
.accordion-title{color:var(--green);font-weight:700;font-size:16px;border:0;padding:17px 48px 17px 19px}
.accordion-title:hover,.accordion-title:focus{background:var(--green-3);color:var(--green)}
.accordion-title:before{color:var(--green);font-size:22px}
.accordion-content{border:0;background:#fff;color:#536159;font-size:14px;line-height:1.85;padding:0 20px 18px}
.cta-band{padding:49px 0;background:linear-gradient(90deg,rgba(23,61,45,.97),rgba(36,91,66,.93)),url('/assets/images/backpic/back-3.webp') center/cover}
.cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.cta-band h2{color:#fff;margin:0 0 8px}
.cta-band p{color:#d8e5da;max-width:700px;margin:0}
.cta-band .button{background:var(--lime);border-color:var(--lime);color:var(--green)}
.cta-band .button:hover{background:#e0ed81;border-color:#e0ed81}
footer{background:#17241e;color:#c5d0c7;padding:48px 0 24px;font-size:13px}
.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .9fr;gap:35px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-brand{font:700 29px/1 var(--serif);letter-spacing:.08em;color:#fff;margin-bottom:12px}
.footer-about{max-width:385px;color:#adbbb0;line-height:1.8}
.footer-title{color:var(--lime);font-weight:700;margin-bottom:10px}
.footer-links{display:grid;gap:7px}
.footer-links a:hover{color:#fff;transform:translateX(3px)}
.subscribe{display:flex;margin-top:12px}
.subscribe input{min-width:0;width:100%;padding:10px;border:1px solid #52635a;background:#23352b;color:#fff;border-radius:5px 0 0 5px;outline:0}
.subscribe input:focus{border-color:var(--lime)}
.subscribe .button{padding:9px 12px;border-radius:0 5px 5px 0;background:var(--lime);color:var(--green);border-color:var(--lime)}
.footer-bottom{padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#91a096;font-size:12px}
.footer-bottom a{color:#cbd8cc}
.footer-bottom a:hover{color:var(--lime)}
@media(max-width:1024px){
.hero-guide .site-container{grid-template-columns:1fr .78fr;gap:25px}
.topic-grid{grid-template-columns:1fr 1fr}.topic-card.major{grid-row:auto;grid-column:span 2}.topic-card.major img{height:210px}
.timeline{grid-template-columns:1fr 1fr}.timeline:before{display:none}
}
@media(max-width:768px){
.site-container{width:min(100% - 30px,1200px)}
.utility-links{display:none}.masthead-main{min-height:70px;gap:13px}.logo{font-size:30px}.masthead-rule,.masthead-caption,.search{display:none}.header-tools{margin-left:auto}.menu-toggle{display:block}
.channels{display:none}.channels.open{display:flex;position:absolute;z-index:20;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column}.channels a{padding:11px 20px;border-bottom:1px solid var(--line)}
.hero-guide .site-container,.map-grid,.guide-feature,.article-layout,.brand-grid{grid-template-columns:1fr}.hero-guide .site-container{min-height:0;padding:40px 0}.hero-panel{margin-top:5px}
h1{font-size:36px}h2{font-size:27px}section{padding:49px 0}.section-head{display:block}.section-head p{margin-top:8px}
.guide-feature img{min-height:245px;height:245px}.feature-copy{padding:28px}
.note-grid,.cta-grid{grid-template-columns:1fr}.note-grid .button,.cta-grid .button{justify-self:start}
.article-image{position:static}.article-image img{height:280px}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
body{font-size:15px}.utility .site-container{font-size:11px}.logo{font-size:27px}
h1{font-size:31px}.hero-copy{font-size:15px}.hero-actions .button{width:100%}
.map-row{grid-template-columns:48px 1fr}.map-row a{grid-column:2}.map-no{font-size:22px}
.topic-grid,.tips-grid,.timeline,.quote-grid{grid-template-columns:1fr}.topic-card.major{grid-column:auto}.topic-card.major img{height:175px}
.article-item{grid-template-columns:65px 1fr}.article-item .button{display:none}.article-date{font-size:14px}.article-item h3{font-size:17px}
.quote:nth-child(3){grid-column:auto}.quote blockquote{font-size:18px}
.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-bottom:8px}
}