/* roulang page: index */
:root{--ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;--cream:#fffdf7;--line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;--light-field:#dfe4ce;--shadow:0 12px 28px rgba(24,32,27,.08);--radius:18px;--serif:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.88;letter-spacing:.015em;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(24,32,27,.13) .55px,transparent .75px);background-size:7px 7px;z-index:-1}
    a{color:inherit;text-decoration:none;transition:.22s ease} img{display:block;max-width:100%;object-fit:cover} button,input,select,textarea{font:inherit} ::selection{background:var(--light-field);color:var(--ink)}
    .container{max-width:1240px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}
    .section{padding:96px 0;position:relative}.section-title{font-size:clamp(30px,4vw,43px);line-height:1.25;letter-spacing:-.04em;font-weight:800;margin:12px 0 18px}.section-intro{max-width:680px;color:var(--muted);font-size:17px;margin:0}.rule{border-top:1px solid var(--line)}
    .topline{height:33px;background:var(--ink);color:#e8e5d9;font-size:12px;letter-spacing:.08em}.topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}.topline span+span:before{content:"／";opacity:.45;margin:0 8px}
    .masthead{position:sticky;top:0;z-index:1030;background:rgba(244,240,231,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:.25s}.masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}.brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--accent)}
    .nav-list{display:flex;flex:1;justify-content:flex-end;gap:0;align-items:center}.nav-list a{font-size:14px;font-weight:700;padding:13px 12px;position:relative;white-space:nowrap}.nav-list a:after{content:"";position:absolute;height:2px;background:var(--field);left:12px;right:12px;bottom:5px;transform:scaleX(0);transform-origin:left;transition:.2s}.nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}.nav-list a.active{color:var(--field-dark)}.menu-btn{display:none;border:1px solid var(--ink);background:transparent;border-radius:9px;width:44px;height:44px;color:var(--ink);font-size:20px}
    .offcanvas{background:var(--paper);color:var(--ink)}.offcanvas-header{border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:800}.mobile-note{margin-top:28px;padding:16px;background:var(--light-field);font-size:14px}
    .hero{padding:38px 0 0}.hero-stage{min-height:605px;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.06fr .94fr;position:relative;background:var(--ink);box-shadow:var(--shadow)}.hero-copy{padding:68px 54px 38px;background:var(--cream);display:flex;flex-direction:column;align-items:flex-start;position:relative}.hero-copy:after{content:"01 / 赛事资料册";position:absolute;right:-60px;top:26px;transform:rotate(90deg);font-size:10px;letter-spacing:.16em;color:var(--muted)}.hero h1{font-size:clamp(46px,5.4vw,68px);line-height:1.08;letter-spacing:-.075em;font-weight:900;margin:18px 0 24px;max-width:590px}.hero h1 em{color:var(--field);font-style:normal}.hero p{font-size:17px;line-height:1.95;max-width:545px;margin:0;color:#464b43}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn-paper,.btn-outline{min-height:46px;padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid transparent;transition:.22s}.btn-paper{background:var(--field);color:var(--cream)}.btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(64,80,42,.18)}.btn-outline{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}.btn-paper:active,.btn-outline:active{transform:translateY(0)}.btn-paper:focus-visible,.btn-outline:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
    .age-note{font-size:12px;line-height:1.55;color:var(--muted);margin-top:auto;padding-top:28px}.hero-media{position:relative;background:#34412a}.hero-media>img{width:100%;height:100%;position:absolute;inset:0;opacity:.82}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,32,27,.1),rgba(24,32,27,.65))}.issue{position:absolute;top:24px;right:24px;z-index:1;border:1px solid rgba(255,253,247,.65);padding:9px 12px;color:var(--cream);font-size:11px;letter-spacing:.1em}.cover-card{position:absolute;z-index:2;left:28px;bottom:28px;right:28px;background:rgba(255,253,247,.94);padding:19px;border-left:4px solid var(--accent);box-shadow:var(--shadow)}.cover-card strong{display:block;font-size:20px;line-height:1.3}.cover-card span{font-size:13px;color:var(--muted)}.hero-index{background:var(--field-dark);color:var(--cream);padding:16px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;font-size:12px}.hero-index b{display:block;font-size:19px;color:#dfe4ce;line-height:1.2}
    .service-layout{display:grid;grid-template-columns:3.5fr 8.5fr;gap:48px}.sticky-head{position:sticky;top:118px;height:max-content}.editorial-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-row{display:grid;grid-template-columns:175px 1fr;min-height:183px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s}.feature-row:hover,.topic-card:hover,.sample-card:hover{transform:translateY(-3px);border-color:var(--field);box-shadow:var(--shadow)}.feature-row img{width:100%;height:100%}.feature-row .text{padding:22px}.num{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.13em}.feature-row h3,.topic-card h3{font-size:22px;margin:8px 0;line-height:1.35;font-weight:800}.feature-row p,.topic-card p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 10px}.read-link{font-size:13px;color:var(--field-dark);font-weight:800;border-bottom:1px solid currentColor}.topic-card{background:var(--field);color:var(--cream);padding:27px;border-radius:var(--radius);min-height:183px;display:flex;flex-direction:column;justify-content:end;transition:.22s}.topic-card p{color:#edf0e2}.topic-card .read-link{color:#fff}.quick-list{border-top:2px solid var(--ink);padding-top:8px}.quick-list a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.quick-list a:hover{color:var(--field)}
    .deep-reading{margin-top:50px;padding-top:50px;border-top:1px solid var(--line);display:grid;grid-template-columns:5fr 7fr;gap:50px}.image-note{position:sticky;top:120px;height:max-content}.image-frame{border-radius:22px;overflow:hidden;background:#d6d3c5;aspect-ratio:4/5}.image-frame img{height:100%;width:100%;transition:.5s}.image-frame:hover img{transform:scale(1.035)}.caption{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0}.article-copy h3{font-size:24px;line-height:1.35;margin:26px 0 10px;font-weight:800}.article-copy p{margin:0 0 18px;font-size:16px;color:#333a33}.article-copy ul{padding-left:20px;margin:0 0 18px}.article-copy li{padding-left:5px;margin-bottom:6px}.about-card{margin-top:50px;background:#e7e2d5;padding:39px 42px;border-radius:var(--radius);border:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:34px}.about-card h3{font-size:26px;font-weight:800;margin:0}.about-card p{margin:0;color:#4b514a}
    .data-section{background:var(--ink);color:var(--cream);overflow:hidden}.data-section:before{content:"";position:absolute;width:45vw;height:45vw;border:1px solid rgba(223,228,206,.17);border-radius:50%;left:-19vw;bottom:-30vw}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-item{border:1px solid rgba(223,228,206,.25);padding:28px 23px;min-height:164px;background:rgba(255,255,255,.025)}.data-item:nth-child(2){transform:translateY(26px)}.data-item:nth-child(3){transform:translateX(26px)}.data-item b{display:block;font-size:49px;line-height:1;color:#dfe4ce;letter-spacing:-.07em}.data-item span{display:block;color:#d4d7ce;font-size:13px;line-height:1.65;margin-top:13px}.data-copy{padding-left:46px}.data-copy .eyebrow{color:#dfe4ce}.data-copy .section-intro{color:#cbd0c3}.data-copy h2{font-size:39px;line-height:1.28;margin:13px 0 18px}.data-copy p{color:#d5d7d0;margin:0 0 17px}.data-copy mark{background:none;color:#f0a98f;padding:0;font-weight:800}
    .cases-layout{display:grid;grid-template-columns:7fr 5fr;gap:20px;margin-top:38px}.main-sample{position:relative;min-height:465px;overflow:hidden;border-radius:22px;background:var(--ink);color:#fff}.main-sample img{position:absolute;inset:0;width:100%;height:100%;opacity:.56}.main-sample:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,32,27,.94),transparent 72%)}.sample-content{position:absolute;z-index:1;bottom:0;padding:34px}.sample-content h3{font-size:32px;margin:8px 0;line-height:1.25}.sample-content p{max-width:600px;margin:0 0 17px;color:#e2e5dc}.tag{display:inline-block;border:1px solid currentColor;padding:3px 9px;font-size:11px;border-radius:99px;margin-right:5px}.side-samples{display:grid;gap:18px}.sample-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);padding:20px;display:grid;grid-template-columns:92px 1fr;gap:15px;transition:.22s}.sample-card img{width:92px;height:92px;border-radius:10px}.sample-card h3{font-size:18px;line-height:1.35;margin:4px 0 6px;font-weight:800}.sample-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
    .news-desk{margin-top:78px;padding-top:45px;border-top:2px solid var(--ink)}.news-list{margin-top:22px}.news-item{display:grid;grid-template-columns:145px 1fr auto;gap:25px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.news-date{font-weight:900;font-size:19px;letter-spacing:-.04em;color:var(--field-dark)}.news-item h3{font-size:19px;margin:0 0 6px;font-weight:800}.news-item p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:720px}.news-item .read-link{white-space:nowrap}
    .long-feature{margin-top:68px;background:var(--cream);border:1px solid var(--line);padding:45px;display:grid;grid-template-columns:200px 1fr;gap:42px}.feature-toc{border-right:1px solid var(--line)}.feature-toc b{font-size:13px;color:var(--accent);letter-spacing:.1em}.feature-toc a{display:block;font-size:13px;margin:12px 0;color:var(--muted)}.feature-toc a:hover{color:var(--field-dark)}.long-feature h2{font-size:32px;line-height:1.3;margin:0 0 19px;font-weight:900}.long-feature blockquote{margin:25px 0;padding:15px 20px;border-left:4px solid var(--field);background:#edf0e4;font-size:17px;font-weight:700}.inline-cover{width:100%;height:235px;border-radius:14px;margin:24px 0}
    .path-intro{display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:start}.check-panel{background:#e3e8d4;border-top:4px solid var(--field);padding:28px;border-radius:0 0 var(--radius) var(--radius)}.check-panel h3{font-size:23px;font-weight:800;margin:0 0 13px}.check-panel details{border-top:1px solid rgba(64,80,42,.25);padding:13px 0}.check-panel summary{cursor:pointer;font-weight:800}.check-panel p{font-size:14px;margin:9px 0 0;color:#4d5940}.path-copy p{margin-bottom:18px;color:#3f473f}.path-road{margin-top:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.path-road:before{content:"";position:absolute;top:38px;left:8%;right:8%;height:1px;background:var(--field)}.path-step{background:var(--cream);border:1px solid var(--line);padding:20px;min-height:190px;position:relative;border-radius:14px}.path-step:nth-child(even){transform:translateY(25px)}.path-step b{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--field);color:#fff;position:relative;z-index:1}.path-step h3{font-size:18px;margin:17px 0 7px;font-weight:800}.path-step p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
    .timeline{margin-top:66px;border-top:1px solid var(--line);padding-top:35px}.timeline h3{font-size:25px;font-weight:800;margin:0 0 8px}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.timeline-item{padding:21px;border-left:3px solid var(--accent);background:rgba(255,253,247,.7)}.timeline-item time{font-size:12px;font-weight:900;color:var(--field-dark)}.timeline-item strong{display:block;font-size:18px;margin:7px 0}.timeline-item p{font-size:14px;color:var(--muted);margin:0}
    .faq-section{background:#ebe7dc}.faq-layout{display:grid;grid-template-columns:3.2fr 8.8fr;gap:58px}.faq-side p{color:var(--muted)}.accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}.accordion-button{padding:21px 4px;background:transparent!important;color:var(--ink)!important;font-weight:800;font-size:17px;box-shadow:none!important}.accordion-button:not(.collapsed){border-left:3px solid var(--field);padding-left:15px}.accordion-button:after{background-image:none;content:"＋";font-size:24px;width:auto;height:auto;color:var(--field)}.accordion-button:not(.collapsed):after{content:"－";transform:none}.accordion-body{padding:0 20px 21px 19px;color:#4a5049;font-size:15px}.rational-note{margin-top:30px;border:1px solid #bfc7a7;background:#f4f6ec;padding:15px 18px;font-size:13px;color:#4e593e}
    .contact-shell{display:grid;grid-template-columns:5fr 7fr;box-shadow:var(--shadow)}.contact-copy{padding:46px;background:var(--ink);color:var(--cream)}.contact-copy h2{font-size:38px;line-height:1.25;margin:15px 0}.contact-copy p{color:#d5d9cd}.contact-links{margin-top:35px;border-top:1px solid rgba(255,255,255,.22)}.contact-links a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.16);font-weight:700}.contact-links a:hover{color:#dfe4ce}.contact-form{background:var(--cream);padding:42px}.form-label{font-size:13px;font-weight:800;margin-bottom:7px}.form-control,.form-select{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:11px 13px;color:var(--ink)}.form-control:focus,.form-select:focus{border-color:var(--field);box-shadow:0 0 0 .22rem rgba(98,115,63,.17);background:#fff}.form-control.is-invalid{border-color:var(--accent)}textarea.form-control{min-height:120px;resize:vertical}.form-check-input:checked{background-color:var(--field);border-color:var(--field)}.form-check-label{font-size:13px;color:var(--muted)}.success-message{display:none;margin-top:16px;padding:12px 15px;background:#e5ead8;color:var(--field-dark);font-size:14px;font-weight:700}
    footer{background:var(--ink);color:#e9e7db;padding:54px 0 25px;border-top:4px solid var(--field)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px}.footer-brand{font-size:29px;font-weight:900;letter-spacing:-.06em}.footer-brand p{font-size:13px;line-height:1.7;color:#c7ccc0;margin-top:12px;max-width:310px}.footer-title{font-size:12px;letter-spacing:.13em;color:#acb99a;font-weight:800;margin-bottom:12px}.footer-links a{display:block;font-size:14px;padding:4px 0}.footer-links a:hover,.legal a:hover{color:#d6e3a9;text-decoration:underline}.legal{border-top:1px solid rgba(255,255,255,.17);margin-top:36px;padding-top:20px;font-size:12px;color:#bac0b4;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:991px){.nav-list{display:none}.menu-btn{display:block;margin-left:auto}.masthead .container{min-height:71px}.hero-stage,.service-layout,.deep-reading,.path-intro,.faq-layout,.contact-shell{grid-template-columns:1fr}.hero-copy{padding:49px 31px}.hero-media{min-height:390px}.hero-copy:after{display:none}.sticky-head{position:static}.data-copy{padding:38px 0 0}.cases-layout{grid-template-columns:1fr}.about-card{grid-template-columns:1fr}.faq-layout{gap:25px}.path-road{grid-template-columns:1fr 1fr}.path-road:before{display:none}.path-step:nth-child(even){transform:none}.long-feature{grid-template-columns:1fr}.feature-toc{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.timeline-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:767px){body{font-size:15px;line-height:1.8}.topline .container span:last-child{display:none}.brand{font-size:28px}.section{padding:65px 0}.hero{padding:18px 0 0}.hero-stage{border-radius:0;min-height:auto}.hero h1{font-size:42px}.hero-media{min-height:315px}.hero-index{grid-template-columns:1fr 1fr;padding:16px}.editorial-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:120px 1fr}.deep-reading{gap:28px;margin-top:35px;padding-top:35px}.image-note{position:static}.image-frame{aspect-ratio:16/11}.about-card{padding:28px 23px}.data-grid{margin-top:25px}.data-item{padding:19px;min-height:135px}.data-item:nth-child(2),.data-item:nth-child(3){transform:none}.data-item b{font-size:40px}.data-copy h2{font-size:32px}.main-sample{min-height:395px}.sample-content{padding:24px}.sample-content h3{font-size:27px}.sample-card{grid-template-columns:76px 1fr}.sample-card img{width:76px;height:76px}.news-item{grid-template-columns:1fr;gap:7px}.news-item .read-link{margin-top:5px}.long-feature{padding:27px 21px}.long-feature h2{font-size:27px}.path-road{grid-template-columns:1fr}.path-step{min-height:auto}.contact-copy,.contact-form{padding:31px 23px}.footer-grid{grid-template-columns:1fr}.legal{display:block}.legal div{margin-bottom:9px}}
    @media(max-width:440px){.hero-actions{display:grid;width:100%}.hero-actions a{width:100%}.feature-row{grid-template-columns:1fr}.feature-row img{height:150px}.hero-index{font-size:11px}.section-title{font-size:29px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category2 */
:root{
      --ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;
      --cream:#fffdf7;--line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;
      --light-field:#dfe4ce;--shadow:0 12px 28px rgba(24,32,27,.08);
      --radius:18px;--serif:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.88;letter-spacing:.015em;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(24,32,27,.13) .55px,transparent .75px);background-size:7px 7px;z-index:-1}
    a{color:inherit;text-decoration:none;transition:.22s ease}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,select,textarea{font:inherit}
    .container{max-width:1240px}
    .topline{height:32px;background:var(--ink);color:#dfe4ce;font-size:11px;letter-spacing:.08em}
    .topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;transition:.25s}
    .masthead.scrolled{box-shadow:0 5px 18px rgba(24,32,27,.08)}
    .masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}
    .brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.08em;white-space:nowrap}
    .brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--accent)}
    .nav-list{display:flex;flex:1;justify-content:flex-end;gap:0;align-items:center}
    .nav-list a{font-size:14px;font-weight:700;padding:13px 12px;position:relative;white-space:nowrap}
    .nav-list a:after{content:"";position:absolute;height:2px;background:var(--field);left:12px;right:12px;bottom:5px;transform:scaleX(0);transform-origin:left;transition:.2s}
    .nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}
    .nav-list a.active{color:var(--field-dark)}
    .menu-btn{display:none;border:1px solid var(--ink);background:transparent;border-radius:9px;width:44px;height:44px;color:var(--ink);font-size:20px}
    .offcanvas{background:var(--paper);color:var(--ink)}
    .offcanvas-header{border-bottom:1px solid var(--line)}
    .mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:800}
    .mobile-note{margin-top:28px;padding:16px;background:var(--light-field);font-size:14px}
    .eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:800;letter-spacing:.14em}
    .eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}
    .section{padding:88px 0;position:relative}
    .section-title{font-size:clamp(30px,4vw,43px);line-height:1.25;letter-spacing:-.04em;font-weight:800;margin:12px 0 18px}
    .section-intro{max-width:720px;color:var(--muted);font-size:17px;margin:0}
    .breadcrumb-line{padding:26px 0 0;font-size:13px;color:var(--muted)}
    .breadcrumb-line a{text-decoration:underline;text-underline-offset:4px}
    .hero{padding:30px 0 0}
    .hero-panel{min-height:420px;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;background:var(--ink);box-shadow:var(--shadow)}
    .hero-copy{padding:55px 56px;background:var(--cream);position:relative}
    .hero-copy:after{content:"02 / 规则手册";position:absolute;right:-58px;top:38px;transform:rotate(90deg);font-size:10px;letter-spacing:.16em;color:var(--muted)}
    h1{font-size:clamp(40px,5.2vw,64px);line-height:1.1;letter-spacing:-.075em;font-weight:900;margin:18px 0 20px;max-width:650px}
    .hero-copy p{font-size:17px;color:#4b514a;max-width:620px;margin:0}
    .hero-media{position:relative;min-height:360px;background:#34412a}
    .hero-media img{height:100%;opacity:.82}
    .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,32,27,.08),rgba(24,32,27,.66))}
    .edition-card{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;padding:18px 21px;background:rgba(255,253,247,.94);border-left:4px solid var(--accent);font-size:14px}
    .edition-card strong{display:block;font-size:21px;line-height:1.35}
    .edition-card span{color:var(--muted)}
    .rush-strip{background:var(--field-dark);color:var(--cream);padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}
    .timer{display:flex;gap:8px;align-items:center;font-weight:800;white-space:nowrap}
    .timer b{font-size:20px;color:#e7e2d5}
    .btn-paper,.btn-outline{min-height:46px;padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid transparent;transition:.22s}
    .btn-paper{background:var(--field);color:var(--cream)}
    .btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(64,80,42,.18)}
    .btn-outline{background:transparent;border-color:var(--ink);color:var(--ink)}
    .btn-outline:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}
    .btn-paper:active,.btn-outline:active{transform:translateY(0)}
    .btn-paper:focus-visible,.btn-outline:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
    .index-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-top:22px}
    .index-item{padding:18px 14px;border-right:1px solid var(--line)}
    .index-item:last-child{border-right:0}
    .index-item b{display:block;font-size:24px;color:var(--field-dark);line-height:1.2}
    .index-item span{font-size:13px;color:var(--muted)}
    .manual-layout{display:grid;grid-template-columns:220px 1fr;gap:52px}
    .side-label{border-top:3px solid var(--ink);padding-top:15px;position:sticky;top:120px;height:max-content}
    .side-label strong{font-size:25px;display:block;line-height:1.3}
    .side-label p{color:var(--muted);font-size:14px}
    .topic-index{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 35px}
    .topic-index a{border:1px solid var(--line);padding:5px 13px;border-radius:999px;font-size:13px;background:var(--cream)}
    .topic-index a:hover{border-color:var(--field);color:var(--field-dark)}
    .term-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .term-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:.22s}
    .term-card:hover{border-color:var(--field);transform:translateY(-3px);box-shadow:var(--shadow)}
    .term-card .num{color:var(--accent);font-weight:900;font-size:13px}
    .term-card h3{font-size:21px;margin:4px 0 7px}
    .term-card p{font-size:14px;color:var(--muted);margin:0}
    .deep-reading{background:#e7e2d5;border:1px solid var(--line);border-radius:22px;padding:38px;display:grid;grid-template-columns:300px 1fr;gap:42px}
    .deep-reading figure{margin:0}
    .deep-reading figure img{height:390px;border-radius:16px}
    figcaption{font-size:12px;color:var(--muted);margin-top:9px}
    .article-copy h2{font-size:27px;line-height:1.35;margin:0 0 14px}
    .article-copy h3{font-size:20px;margin:25px 0 5px}
    .article-copy p{margin:0 0 15px;color:#4b514a}
    .article-copy ul{padding-left:22px;color:#4b514a}
    .article-copy li{margin:4px 0}
    .quote{border-left:4px solid var(--accent);background:var(--cream);padding:16px 20px;margin:23px 0;font-weight:700}
    .contrast{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .contrast-box{padding:30px;border-radius:var(--radius);border:1px solid var(--line);background:var(--cream)}
    .contrast-box.dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}
    .contrast-box h3{font-size:23px;margin:0 0 12px}
    .contrast-box p{color:var(--muted);margin:0}
    .contrast-box.dark p{color:#dfe4ce}
    .checklist{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}
    .checklist-intro{background:var(--field);color:var(--cream);padding:32px;border-radius:20px}
    .checklist-intro h2{font-size:30px;line-height:1.3;margin:0 0 13px}
    .checklist-intro p{color:#edf0e2}
    .check-items{background:var(--cream);border-top:2px solid var(--ink)}
    .check-item{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}
    .check-item b{color:var(--accent);font-size:20px}
    .check-item strong{display:block;font-size:18px}
    .check-item span{display:block;color:var(--muted);font-size:14px}
    .note-bar{background:var(--light-field);padding:17px 22px;border-left:4px solid var(--field);font-size:14px}
    .faq-layout{display:grid;grid-template-columns:260px 1fr;gap:55px}
    .faq-label{border-top:3px solid var(--ink);padding-top:15px}
    .faq-label strong{font-size:32px;display:block;line-height:1.2}
    .faq-label p{color:var(--muted)}
    .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}
    .accordion-button{background:transparent!important;color:var(--ink)!important;box-shadow:none!important;padding:20px 4px;font-weight:800;font-size:17px}
    .accordion-button:after{background-image:none;content:"+";font-size:25px;font-weight:400;color:var(--field)}
    .accordion-button:not(.collapsed):after{content:"−"}
    .accordion-body{padding:0 38px 21px 4px;color:var(--muted);font-size:15px}
    .contact-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
    .contact-copy{background:var(--ink);color:var(--cream);padding:42px}
    .contact-copy h2{font-size:34px;line-height:1.3;margin:12px 0}
    .contact-copy p{color:#dfe4ce}
    .contact-links{margin-top:28px;border-top:1px solid rgba(255,253,247,.28)}
    .contact-links a{display:block;padding:11px 0;border-bottom:1px solid rgba(255,253,247,.2);color:#e7e2d5}
    .contact-links a:hover{color:#dfe4ce;padding-left:5px}
    .form-card{background:var(--cream);padding:42px}
    .form-label{font-weight:800;font-size:14px;margin-bottom:5px}
    .form-control,.form-select{border:1px solid var(--line);border-radius:10px;background:#fffefa;padding:11px 13px;color:var(--ink)}
    .form-control:focus,.form-select:focus{border-color:var(--field);box-shadow:0 0 0 3px rgba(98,115,63,.15)}
    .form-check-input:checked{background-color:var(--field);border-color:var(--field)}
    .success{display:none;margin-top:15px;background:var(--light-field);padding:12px 16px;color:var(--field-dark);font-size:14px}
    footer{background:var(--ink);color:var(--cream);padding:58px 0 25px;border-top:1px solid var(--field-dark)}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:45px}
    .footer-brand{font-size:30px;font-weight:900;letter-spacing:-.08em}
    footer p{color:#dfe4ce;font-size:14px;max-width:350px}
    .footer-title{font-weight:800;margin-bottom:11px;color:#e7e2d5}
    .footer-links a{display:block;color:#dfe4ce;font-size:14px;margin:5px 0}
    .footer-links a:hover{color:#dfe4ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
    .legal{border-top:1px solid rgba(255,253,247,.2);margin-top:35px;padding-top:18px;color:#bfc8b1;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:991px){
      .nav-list{display:none}.menu-btn{display:block;margin-left:auto}.hero-panel,.deep-reading,.contact-wrap{grid-template-columns:1fr}
      .hero-media{min-height:370px}.manual-layout,.faq-layout,.checklist{grid-template-columns:1fr;gap:25px}
      .side-label,.faq-label{position:static}.index-grid{grid-template-columns:repeat(3,1fr)}
      .index-item:nth-child(3){border-right:0}.deep-reading figure img{height:300px}.footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:575px){
      body{font-size:15px}.topline .container{padding:0 16px}.topline span:last-child{display:none}
      .masthead .container{min-height:70px;padding:0 16px}.brand{font-size:28px}
      .hero{padding-top:18px}.hero-copy{padding:38px 25px}.hero h1{font-size:42px}.hero-copy:after{display:none}
      .rush-strip{align-items:flex-start;flex-direction:column;gap:6px}.timer{font-size:13px}
      .index-grid{grid-template-columns:repeat(2,1fr)}.index-item:nth-child(3){border-right:1px solid var(--line)}
      .index-item:nth-child(even){border-right:0}.section{padding:62px 0}.section-title{font-size:32px}
      .term-grid,.contrast{grid-template-columns:1fr}.deep-reading{padding:22px}.deep-reading figure img{height:240px}
      .contact-copy,.form-card{padding:27px}.footer-grid{grid-template-columns:1fr;gap:25px}.legal{display:block}.legal div+div{margin-top:8px}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category3 */
:root{--ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;--cream:#fffdf7;--line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;--light-field:#dfe4ce;--shadow:0 12px 28px rgba(24,32,27,.08);--radius:18px;--serif:"PingFang SC","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.88;letter-spacing:.015em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(24,32,27,.15) .5px,transparent .8px);background-size:8px 8px}a{color:inherit;text-decoration:none;transition:.22s ease}img{display:block;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}.container{max-width:1240px}.topline{height:33px;color:#596055;background:#e8e3d8;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.08em}.topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}.masthead{position:sticky;top:0;z-index:100;background:rgba(244,240,231,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}.brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.09em;white-space:nowrap}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--accent)}.nav-list{display:flex;flex:1;justify-content:flex-end;align-items:center}.nav-list a{position:relative;padding:13px 12px;font-size:14px;font-weight:750;white-space:nowrap}.nav-list a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--field);transform:scaleX(0);transform-origin:left;transition:.22s}.nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}.nav-list a.active{color:var(--field-dark)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--ink);border-radius:9px;color:var(--ink);background:transparent;font-size:20px}.offcanvas{background:var(--paper);color:var(--ink)}.offcanvas-header{border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:800}.mobile-note{margin-top:28px;padding:16px;background:var(--light-field);font-size:14px}.section{position:relative;padding:88px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}.section-title{margin:12px 0 17px;font-size:clamp(30px,4vw,43px);font-weight:900;letter-spacing:-.05em;line-height:1.22}.section-intro{max-width:740px;color:var(--muted);font-size:17px}.breadcrumb-wrap{padding:25px 0 0;font-size:13px;color:var(--muted)}.breadcrumb{margin:0}.breadcrumb-item+.breadcrumb-item:before{content:"／";color:var(--accent)}.breadcrumb a:hover{color:var(--field-dark);text-decoration:underline}.btn-paper,.btn-outline{min-height:46px;padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;border:1px solid transparent;transition:.22s}.btn-paper{background:var(--field);color:var(--cream)}.btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(64,80,42,.18)}.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}.btn-outline:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}.btn-paper:active,.btn-outline:active{transform:translateY(0)}.btn-paper:focus-visible,.btn-outline:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.note-hero{padding:34px 0 35px}.note-stage{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:480px;background:var(--ink);border-radius:26px;box-shadow:var(--shadow)}.note-copy{padding:58px 52px;background:var(--cream);position:relative}.note-copy:after{content:"DATA / 03";position:absolute;right:-31px;top:38px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.18em;transform:rotate(90deg)}.note-copy h1{max-width:640px;margin:17px 0 21px;font-size:clamp(43px,5.3vw,66px);line-height:1.08;font-weight:900;letter-spacing:-.075em}.note-copy h1 em{font-style:normal;color:var(--field)}.note-copy p{max-width:570px;margin:0;color:#474d45;font-size:17px}.hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.reading-note{margin-top:25px;padding:12px 14px;border-left:3px solid var(--accent);background:#eee9dc;font-size:13px;color:#555b52}.board{position:relative;overflow:hidden;padding:30px;background:#283222 url("/assets/images/backpic/back-2.webp") center/cover}.board:after{content:"";position:absolute;inset:0;background:rgba(24,32,27,.72)}.board-inner{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;justify-content:center}.board-title{color:#dfe4ce;font-size:11px;font-weight:800;letter-spacing:.17em}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.board-cell{min-height:118px;padding:17px;border:1px solid rgba(255,253,247,.34);background:rgba(24,32,27,.52);color:var(--cream)}.board-cell b{display:block;color:#dfe4ce;font-size:31px;line-height:1;margin-bottom:8px}.board-cell span{font-size:12px;line-height:1.55;color:#e8eadf}.board-strip{margin-top:14px;padding:12px 14px;border-left:3px solid var(--accent);background:rgba(255,253,247,.92);font-size:13px;font-weight:700;color:var(--ink)}
.index-bar{margin-top:17px;padding:16px 20px;background:var(--field-dark);color:var(--cream);display:grid;grid-template-columns:repeat(4,1fr);gap:15px;font-size:12px}.index-bar b{display:block;color:#dfe4ce;font-size:20px;line-height:1.2}.metric-zone{background:var(--ink);color:var(--cream);overflow:hidden}.metric-zone:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(223,228,206,.15);border-radius:50%;right:-210px;top:-250px}.metric-copy{padding-right:38px}.metric-copy .eyebrow{color:#dfe4ce}.metric-copy .section-title{color:#fff}.metric-copy .section-intro{color:#daddd4}.metric-copy p{color:#daddd4}.metric-wall{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;z-index:1}.metric{padding:24px 21px;min-height:185px;border:1px solid rgba(223,228,206,.3);background:rgba(255,253,247,.055)}.metric:nth-child(2){transform:translateY(27px)}.metric:nth-child(3){transform:translateY(-10px)}.metric b{display:block;color:#dfe4ce;font-size:47px;line-height:1;font-weight:900;letter-spacing:-.07em}.metric strong{display:block;margin-top:12px;font-size:17px}.metric p{margin:7px 0 0;color:#d7dbd0;font-size:13px;line-height:1.7}.method-list{margin:23px 0 0;padding:0;list-style:none}.method-list li{padding:12px 0;border-top:1px solid rgba(223,228,206,.23);font-size:14px}.method-list li:before{content:"—";color:var(--accent);font-weight:900;margin-right:10px}
.paper-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.legend-panel{padding:34px}.legend-panel h3{font-size:25px;font-weight:900;margin:8px 0 15px}.field-list{margin:0;padding:0;list-style:none}.field-list li{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.field-list li:last-child{border-bottom:0}.field-list b{color:var(--field-dark);font-size:14px}.field-list span{color:var(--muted);font-size:14px;line-height:1.75}.chart-panel{height:100%;padding:34px;background:#e7e2d5;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.chart-panel h3{font-size:25px;font-weight:900;margin:8px 0}.chart-panel p{color:var(--muted);font-size:14px}.chart-area{height:250px;margin-top:30px;padding:0 4px 27px;border-bottom:1px solid #aaa89e;display:flex;gap:13px;align-items:flex-end;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 60px,rgba(24,32,27,.12) 61px)}.chart-bar{position:relative;flex:1;min-width:28px;background:var(--field);border-radius:5px 5px 0 0}.chart-bar:nth-child(2),.chart-bar:nth-child(5){background:var(--accent)}.chart-bar span{position:absolute;bottom:-26px;left:50%;font-size:11px;white-space:nowrap;transform:translateX(-50%)}.chart-caption{margin-top:15px;font-size:12px;color:#666c62}.reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px}.side-index{align-self:start;position:sticky;top:115px;padding:22px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.side-index strong{display:block;margin-bottom:10px;font-size:13px;letter-spacing:.12em}.side-index a{display:block;padding:8px 0;color:var(--muted);font-size:14px}.side-index a:hover{color:var(--field-dark);padding-left:5px}.long-reading{max-width:790px}.long-reading h2{margin:0 0 20px;font-size:clamp(28px,3.3vw,39px);line-height:1.3;font-weight:900;letter-spacing:-.045em}.long-reading h3{margin:35px 0 11px;font-size:22px;font-weight:900}.long-reading p{margin:0 0 20px;color:#383f37}.long-reading .lead{font-size:19px;line-height:2;color:#273027}.pullquote{margin:30px 0;padding:22px 27px;border-left:4px solid var(--accent);background:#e8e3d7;font-size:19px;font-weight:800;line-height:1.75}.inline-photo{margin:31px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.inline-photo img{width:100%;height:330px}.inline-photo figcaption{padding:10px 15px;color:var(--muted);background:var(--cream);font-size:12px}.check-card{padding:34px;background:var(--light-field);border:1px solid #c5cbb0;border-radius:var(--radius)}.check-card h3{font-size:26px;font-weight:900;margin:8px 0 14px}.check-list{margin:19px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding:14px 0 14px 30px;border-bottom:1px solid rgba(64,80,42,.2);font-size:15px}.check-list li:last-child{border-bottom:0}.check-list li:before{content:"✓";position:absolute;left:0;top:14px;width:20px;height:20px;border-radius:50%;background:var(--field-dark);color:#fff;text-align:center;line-height:20px;font-size:12px}.timeline{margin-top:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline-item{position:relative;padding:25px 22px 15px;border-top:2px solid var(--ink)}.timeline-item:before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--accent)}.timeline-item b{display:block;color:var(--field-dark);font-size:13px;letter-spacing:.1em}.timeline-item h3{margin:9px 0;font-size:19px;font-weight:900}.timeline-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.notice{padding:23px 27px;border:1px solid #d2bea9;border-left:4px solid var(--accent);background:#f3e7dc;border-radius:0 var(--radius) var(--radius) 0}.notice strong{display:block;margin-bottom:6px;font-size:17px}.notice p{margin:0;color:#654f42;font-size:14px}.faq-section{background:#ebe6da}.faq-heading{padding-right:40px}.faq-heading p{color:var(--muted)}.accordion-item{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}.accordion-button{padding:20px 48px 20px 0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-size:17px;font-weight:850;line-height:1.55}.accordion-button:after{position:absolute;right:5px;width:25px;height:25px;background-image:none;content:"＋";font-size:26px;line-height:22px;color:var(--field-dark);text-align:center}.accordion-button:not(.collapsed){color:var(--field-dark)!important}.accordion-button:not(.collapsed):after{content:"－";transform:none}.accordion-button:focus{border-color:transparent;box-shadow:0 0 0 3px rgba(184,91,62,.48)!important}.accordion-body{margin-bottom:17px;padding:19px 22px!important;background:var(--cream);border-left:3px solid var(--field);color:#4d544c;font-size:15px}.contact-band{padding:68px 0;background:var(--field-dark);color:var(--cream)}.contact-band h2{font-size:clamp(29px,4vw,42px);font-weight:900;letter-spacing:-.05em}.contact-band p{max-width:670px;color:#e1e5d8}.contact-band .btn-outline{border-color:#dfe4ce;color:#fff}.contact-band .btn-outline:hover{background:#dfe4ce;color:var(--ink)}
footer{padding:55px 0 25px;background:var(--ink);color:#e7eadf;border-top:1px solid rgba(223,228,206,.2)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:50px}.footer-brand{font-size:31px;font-weight:900;letter-spacing:-.08em}.footer-grid p{max-width:380px;color:#bfc5b9;font-size:14px}.footer-title{margin-bottom:13px;color:#dfe4ce;font-size:13px;font-weight:850;letter-spacing:.12em}.footer-links a{display:block;margin:7px 0;color:#cbd1c4;font-size:14px}.footer-links a:hover{color:#dfe4ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.legal{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:21px;border-top:1px solid rgba(223,228,206,.18);color:#aeb5a7;font-size:12px}
@media(max-width:991px){.nav-list{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.note-stage{grid-template-columns:1fr}.board{min-height:365px}.metric-copy{padding-right:0;margin-bottom:38px}.reading-layout{grid-template-columns:1fr;gap:28px}.side-index{position:relative;top:auto;display:flex;gap:16px;overflow:auto;padding:15px 0}.side-index strong,.side-index a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr;gap:18px}.timeline-item{border:1px solid var(--line);padding:21px;border-radius:12px;background:var(--cream)}.timeline-item:before{display:none}}
@media(max-width:767px){body{font-size:15px}.topline .container span:last-child{display:none}.masthead .container{min-height:70px}.brand{font-size:29px}.section{padding:64px 0}.note-copy{padding:42px 26px}.note-copy h1{font-size:42px}.note-copy:after{display:none}.board{padding:24px}.index-bar{grid-template-columns:1fr 1fr}.metric-wall{margin-top:10px}.metric:nth-child(2),.metric:nth-child(3){transform:none}.metric{min-height:158px;padding:18px}.metric b{font-size:38px}.field-list li{grid-template-columns:72px 1fr}.chart-panel,.legend-panel{padding:25px}.reading-layout{gap:20px}.inline-photo img{height:230px}.timeline{grid-template-columns:1fr}.faq-heading{padding-right:0;margin-bottom:27px}.footer-grid{grid-template-columns:1fr;gap:28px}.legal{display:block;line-height:1.9}.hero-links .btn-paper,.hero-links .btn-outline{width:100%}}
@media(max-width:520px){.section-title{font-size:30px}.note-copy h1{font-size:37px}.board-grid{gap:8px}.board-cell{min-height:107px;padding:13px}.board-cell b{font-size:27px}.index-bar{padding:14px}.metric-wall{grid-template-columns:1fr}.metric{min-height:auto}.chart-area{gap:8px}.chart-bar span{font-size:9px}.pullquote{padding:18px;font-size:17px}.accordion-button{font-size:16px;padding-right:38px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{
      --ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;--cream:#fffdf7;
      --line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;--light-field:#dfe4ce;
      --shadow:0 12px 28px rgba(24,32,27,.08);--radius:18px;
      --serif:"PingFang SC","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.9;letter-spacing:.012em;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.16;pointer-events:none;background-image:radial-gradient(rgba(24,32,27,.15) .55px,transparent .8px);background-size:7px 7px}
    a{color:inherit;text-decoration:none;transition:.22s ease}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,select,textarea{font:inherit}
    .container{max-width:1240px}
    .section{padding:88px 0;position:relative}
    .eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:900;letter-spacing:.14em}
    .eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}
    .section-title{font-size:clamp(31px,4vw,44px);line-height:1.25;letter-spacing:-.05em;font-weight:900;margin:11px 0 17px}
    .section-intro{max-width:720px;margin:0;color:var(--muted);font-size:17px}
    .topline{height:31px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.08em}
    .topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:rgba(244,240,231,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1030;backdrop-filter:blur(12px)}
    .masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}
    .brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.09em;white-space:nowrap}
    .brand small{display:block;margin-top:6px;color:var(--accent);font-size:9px;letter-spacing:.16em;font-weight:800}
    .nav-list{display:flex;flex:1;justify-content:flex-end;align-items:center}
    .nav-list a{position:relative;padding:13px 11px;font-size:14px;font-weight:800;white-space:nowrap}
    .nav-list a:after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:2px;background:var(--field);transform:scaleX(0);transform-origin:left;transition:.2s}
    .nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}
    .nav-list a.active{color:var(--field-dark)}
    .menu-btn{display:none;width:44px;height:44px;border:1px solid var(--ink);border-radius:9px;background:transparent;color:var(--ink;font-size:20px}
    .offcanvas{background:var(--paper);color:var(--ink)}
    .offcanvas-header{border-bottom:1px solid var(--line)}
    .mobile-brand{font-size:28px;font-weight:900;letter-spacing:-.07em}
    .mobile-nav a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-weight:900;font-size:21px}
    .mobile-note{margin-top:28px;padding:16px;border-left:3px solid var(--accent);background:var(--light-field);font-size:14px}
    .breadcrumb-wrap{padding:25px 0 0;font-size:13px;color:var(--muted)}
    .breadcrumb-wrap a:hover{color:var(--field-dark);text-decoration:underline}
    .breadcrumb-wrap span{padding:0 8px;color:var(--accent)}
    .page-hero{padding:25px 0 52px}
    .page-hero-panel{display:grid;grid-template-columns:1.1fr .9fr;min-height:405px;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:var(--cream);box-shadow:var(--shadow)}
    .page-copy{padding:58px 54px 46px;display:flex;flex-direction:column;align-items:flex-start}
    .page-copy h1{max-width:650px;margin:16px 0 20px;font-size:clamp(40px,5vw,62px);line-height:1.1;letter-spacing:-.075em;font-weight:900}
    .page-copy h1 em{font-style:normal;color:var(--field)}
    .page-copy p{max-width:620px;margin:0;color:#4e534c;font-size:17px}
    .hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
    .tag{display:inline-flex;align-items:center;min-height:29px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:12px;font-weight:800;color:var(--field-dark)}
    .page-visual{position:relative;min-height:320px;background:var(--field-dark)}
    .page-visual img{height:100%;width:100%;opacity:.83}
    .page-visual:after{content:"观察档案 · 01";position:absolute;right:22px;top:22px;padding:7px 10px;color:var(--cream);border:1px solid rgba(255,253,247,.55);font-size:11px;letter-spacing:.13em}
    .visual-note{position:absolute;left:24px;right:24px;bottom:23px;z-index:2;padding:15px 17px;background:rgba(255,253,247,.93);border-left:4px solid var(--accent);font-size:13px;line-height:1.65}
    .index-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e9e4d8}
    .index-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}
    .index-item{padding:17px 20px;border-right:1px solid var(--line);font-size:13px;font-weight:800}
    .index-item b{display:block;color:var(--field-dark);font-size:20px;line-height:1.25}
    .btn-paper,.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:900;transition:.22s}
    .btn-paper{background:var(--field);color:var(--cream)}
    .btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px rgba(64,80,42,.18)}
    .btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-outline:hover{color:var(--cream);background:var(--ink);transform:translateY(-2px)}
    .btn-paper:active,.btn-outline:active{transform:translateY(0)}
    a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
    .feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
    .lead-story{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}
    .lead-story-media{height:320px;overflow:hidden;background:var(--field-dark)}
    .lead-story img{height:100%;width:100%;transition:transform .5s}
    .lead-story:hover img{transform:scale(1.035)}
    .lead-story-copy{padding:31px 34px}
    .story-number{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--accent)}
    .lead-story h2{font-size:31px;line-height:1.3;letter-spacing:-.04em;font-weight:900;margin:9px 0 13px}
    .lead-story p{color:var(--muted);margin:0 0 18px}
    .side-index{padding:26px;background:var(--ink);color:var(--cream);border-radius:var(--radius)}
    .side-index h2{margin:7px 0 16px;font-size:25px;font-weight:900}
    .side-index p{color:#d8dec9;font-size:14px;line-height:1.75}
    .side-index a{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid rgba(255,253,247,.2);font-size:14px;font-weight:800}
    .side-index a span{color:#b9c994;font-size:12px}
    .side-index a:hover{color:#dfe4ce}
    .topic-band{padding-top:24px}
    .topic-band .row>*{display:flex}
    .topic-mini{width:100%;padding:21px 21px 19px;background:#ebe6da;border:1px solid var(--line);border-radius:14px;transition:.22s}
    .topic-mini:hover{border-color:var(--field);transform:translateY(-3px);box-shadow:var(--shadow)}
    .topic-mini b{color:var(--accent);font-size:12px;letter-spacing:.13em}
    .topic-mini h3{font-size:19px;font-weight:900;margin:8px 0}
    .topic-mini p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
    .timeline-section{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .timeline-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:60px}
    .timeline-side{position:sticky;top:124px;align-self:start}
    .timeline-side .section-intro{font-size:16px}
    .read-note{margin-top:24px;padding:18px;border-left:4px solid var(--accent);background:#eee8da;color:#4b5048;font-size:14px}
    .article-list{border-top:2px solid var(--ink)}
    .article-item{display:grid;grid-template-columns:114px 1fr auto;gap:26px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}
    .date-box{font-size:13px;color:var(--muted);line-height:1.35}
    .date-box b{display:block;color:var(--field-dark);font-size:25px;letter-spacing:-.04em}
    .article-item h3{font-size:21px;line-height:1.35;font-weight:900;margin:0 0 7px}
    .article-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
    .read-link{font-size:13px;font-weight:900;color:var(--field-dark);white-space:nowrap;border-bottom:1px solid currentColor}
    .read-link:hover{color:var(--accent)}
    .deep-section{padding:94px 0;background:var(--ink);color:var(--cream)}
    .deep-layout{display:grid;grid-template-columns:.35fr .65fr;gap:58px}
    .deep-index{padding-top:10px}
    .deep-index h2{font-size:34px;line-height:1.25;font-weight:900;letter-spacing:-.05em}
    .deep-index ul{padding:0;margin:24px 0;list-style:none}
    .deep-index li{padding:10px 0;border-bottom:1px solid rgba(255,253,247,.18);color:#dfe4ce;font-size:14px}
    .deep-content{font-size:17px;line-height:2}
    .deep-content p{margin:0 0 23px;color:#edf0e6}
    .deep-content h3{margin:29px 0 11px;color:#dfe4ce;font-size:24px;font-weight:900}
    .deep-content blockquote{margin:30px 0;padding:22px 25px;border-left:4px solid var(--accent);background:rgba(255,253,247,.08);font-size:19px;line-height:1.75;font-weight:700}
    .image-caption{margin-top:35px}
    .image-caption img{width:100%;height:280px;border-radius:16px}
    .image-caption figcaption{margin-top:8px;color:#bbc3ae;font-size:12px}
    .method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}
    .method-image{min-height:460px;position:relative;overflow:hidden;border-radius:22px;background:var(--field-dark)}
    .method-image img{width:100%;height:100%}
    .method-image:after{content:"资料读法 / 先核验，再阅读";position:absolute;left:20px;bottom:20px;padding:8px 11px;background:rgba(24,32,27,.8);color:var(--cream);font-size:12px;letter-spacing:.08em}
    .method-copy{padding:10px 0}
    .method-copy h2{font-size:34px;line-height:1.3;font-weight:900;letter-spacing:-.05em;margin:10px 0 18px}
    .method-copy p{color:#4c514a;margin-bottom:20px}
    .checklist{margin-top:26px;border-top:2px solid var(--ink)}
    .checklist div{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}
    .checklist b{color:var(--accent)}
    .resource-panel{margin-top:38px;padding:30px;background:#e5e0d2;border:1px solid var(--line);border-radius:var(--radius)}
    .resource-panel h3{font-size:23px;font-weight:900;margin:0 0 10px}
    .resource-panel p{margin:0 0 18px;color:var(--muted)}
    .faq-section{background:var(--cream);border-top:1px solid var(--line)}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:62px}
    .faq-side p{color:var(--muted)}
    .faq-reminder{margin-top:27px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-size:14px;color:#4c514a}
    .accordion-item{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
    .accordion-button{padding:21px 48px 21px 0;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-size:18px;font-weight:900;line-height:1.45}
    .accordion-button:after{position:absolute;right:5px;width:24px;height:24px;background-image:none;content:"+";font-size:27px;font-weight:400;color:var(--field-dark);transform:none}
    .accordion-button:not(.collapsed):after{content:"−";color:var(--accent)}
    .accordion-button:not(.collapsed){color:var(--field-dark)!important}
    .accordion-button:focus{box-shadow:none;outline:3px solid var(--accent);outline-offset:-3px}
    .accordion-body{padding:0 28px 22px 0;color:var(--muted);font-size:15px;line-height:1.9}
    .contact-section{padding:88px 0 0}
    .contact-panel{display:grid;grid-template-columns:.86fr 1.14fr;overflow:hidden;border-radius:22px 22px 0 0;background:var(--ink)}
    .contact-copy{padding:49px 45px;color:var(--cream)}
    .contact-copy .eyebrow{color:#dfe4ce}
    .contact-copy h2{font-size:36px;line-height:1.25;font-weight:900;letter-spacing:-.05em;margin:12px 0 18px}
    .contact-copy p{color:#d7ddcf}
    .contact-links{margin-top:27px;border-top:1px solid rgba(255,253,247,.19)}
    .contact-links a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,253,247,.19);font-weight:800}
    .contact-links a:hover{color:#dfe4ce}
    .form-card{padding:43px;background:var(--cream)}
    .form-card h3{font-size:27px;font-weight:900;margin:0 0 21px}
    .form-label{font-size:14px;font-weight:900}
    .form-control,.form-select{padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fffdf8;color:var(--ink);box-shadow:none}
    .form-control:focus,.form-select:focus{border-color:var(--field);box-shadow:0 0 0 3px rgba(98,115,63,.16)}
    textarea.form-control{min-height:112px;resize:vertical}
    .form-check-input{border-color:var(--field);border-radius:3px}
    .form-check-input:checked{background-color:var(--field);border-color:var(--field)}
    .form-status{display:none;margin-top:16px;padding:12px 14px;border-left:3px solid var(--field);background:var(--light-field);font-size:14px;color:var(--field-dark)}
    footer{padding:48px 0 26px;background:#121914;color:#e9eddf;border-top:1px solid #3b4639}
    .footer-grid{display:grid;grid-template-columns:1.2fr .7fr .8fr;gap:54px}
    .footer-brand{font-size:31px;font-weight:900;letter-spacing:-.08em}
    footer p{max-width:380px;margin:12px 0 0;color:#bec7b7;font-size:14px;line-height:1.8}
    .footer-title{margin-bottom:12px;color:#dfe4ce;font-size:13px;font-weight:900;letter-spacing:.12em}
    .footer-links a{display:block;width:max-content;max-width:100%;padding:4px 0;color:#cbd3c3;font-size:14px}
    .footer-links a:hover{color:#dfe4ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
    .legal{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,253,247,.16);color:#9eaa9a;font-size:12px}
    @media(max-width:1199px){
      .nav-list a{padding:13px 8px;font-size:13px}
      .page-copy{padding:48px 40px}
      .timeline-layout,.faq-grid{gap:38px}
    }
    @media(max-width:991px){
      .nav-list{display:none}.menu-btn{display:block;margin-left:auto}
      .page-hero-panel,.feature-grid,.timeline-layout,.deep-layout,.method-grid,.faq-grid,.contact-panel{grid-template-columns:1fr}
      .page-visual{min-height:330px}.page-copy{padding:45px 35px}
      .timeline-side{position:static}.deep-layout{gap:10px}
      .deep-index ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}
      .method-image{min-height:340px}.contact-copy{padding:42px 35px}
    }
    @media(max-width:767px){
      body{font-size:15px;line-height:1.85}.section{padding:65px 0}
      .topline .container{font-size:10px}.topline span:last-child{display:none}
      .masthead .container{min-height:70px}.brand{font-size:29px}
      .breadcrumb-wrap{padding-top:18px}.page-hero{padding-bottom:37px}
      .page-copy{padding:37px 24px}.page-copy h1{font-size:40px}.page-copy p,.section-intro{font-size:16px}
      .page-visual{min-height:280px}.index-strip .container{grid-template-columns:repeat(2,1fr)}
      .index-item{padding:12px 14px;font-size:11px}.index-item:nth-child(2){border-right:0}.index-item b{font-size:17px}
      .lead-story-media{height:235px}.lead-story-copy{padding:24px}
      .lead-story h2{font-size:26px}.side-index{padding:23px}
      .article-item{grid-template-columns:1fr;gap:9px;padding:23px 0}.date-box b{display:inline;margin-right:7px;font-size:18px}.date-box{font-size:12px}
      .article-item h3{font-size:19px}.read-link{justify-self:start}
      .deep-section{padding:65px 0}.deep-index h2,.method-copy h2,.contact-copy h2{font-size:31px}.deep-content{font-size:16px}
      .deep-index ul{grid-template-columns:1fr}.image-caption img{height:210px}
      .topic-band .row{gap:14px}.faq-grid{gap:25px}.accordion-button{font-size:16px}
      .form-card{padding:31px 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.legal{display:block}.legal div+div{margin-top:8px}
    }
    @media(max-width:520px){
      .container{padding-left:18px;padding-right:18px}.page-copy h1{font-size:35px}
      .hero-tags{gap:6px}.tag{font-size:11px}.btn-paper,.btn-outline{width:100%;min-height:48px}
      .section-title{font-size:30px}.contact-copy{padding:35px 25px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
    }

/* roulang page: category5 */
:root{--ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;--cream:#fffdf7;--line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;--light-field:#dfe4ce;--shadow:0 12px 28px rgba(24,32,27,.08);--radius:18px;--serif:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.9;letter-spacing:.012em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(24,32,27,.13) .55px,transparent .75px);background-size:7px 7px;z-index:-1}a{color:inherit;text-decoration:none;transition:.22s ease}img{display:block;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}.container{max-width:1240px}.topline{height:33px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.08em}.topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}.masthead{background:rgba(244,240,231,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}.brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--accent)}.nav-list{display:flex;flex:1;justify-content:flex-end;align-items:center}.nav-list a{font-size:14px;font-weight:700;padding:13px 12px;position:relative;white-space:nowrap}.nav-list a:after{content:"";position:absolute;height:2px;background:var(--field);left:12px;right:12px;bottom:5px;transform:scaleX(0);transform-origin:left;transition:.2s}.nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}.nav-list a.active{color:var(--field-dark)}.menu-btn{display:none;border:1px solid var(--ink);background:transparent;border-radius:9px;width:44px;height:44px;color:var(--ink);font-size:20px}.offcanvas{background:var(--paper);color:var(--ink)}.offcanvas-header{border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:800}.mobile-note{margin-top:28px;padding:16px;background:var(--light-field);font-size:14px}.breadcrumb-wrap{padding:28px 0 0;font-size:13px;color:var(--muted)}.breadcrumb-wrap a:hover{color:var(--field);text-decoration:underline}.breadcrumb-wrap span{padding:0 9px;color:var(--accent)}.section{padding:72px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}.section-title{font-size:clamp(30px,4vw,43px);line-height:1.25;letter-spacing:-.045em;font-weight:900;margin:12px 0 18px}.section-intro{max-width:700px;color:var(--muted);font-size:17px}.archive-hero{padding:34px 0 30px}.archive-hero-inner{border-top:2px solid var(--ink);padding-top:26px;display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:end}.archive-hero h1{font-size:clamp(43px,6vw,66px);letter-spacing:-.08em;line-height:1.08;margin:16px 0 20px;font-weight:900}.archive-hero p{max-width:720px;color:#485047;font-size:17px}.issue-box{background:var(--field-dark);color:var(--cream);padding:24px;border-radius:var(--radius);position:relative;overflow:hidden}.issue-box:after{content:"06";position:absolute;right:-6px;bottom:-29px;font-size:115px;font-weight:900;color:rgba(223,228,206,.13)}.issue-box strong{font-size:22px;display:block;position:relative}.issue-box p{font-size:13px;color:#e3e7d7;margin:10px 0 0;position:relative}.date-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:flex;gap:9px;flex-wrap:wrap}.date-strip a{padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700}.date-strip a.active,.date-strip a:hover{background:var(--field);color:var(--cream)}.lead-story{display:grid;grid-template-columns:7fr 5fr;background:var(--cream);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.lead-image{min-height:430px;overflow:hidden;background:#586547}.lead-image img{width:100%;height:100%;transition:.5s}.lead-story:hover img{transform:scale(1.035)}.lead-copy{padding:44px;display:flex;flex-direction:column;align-items:flex-start}.story-meta{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em}.lead-copy h2{font-size:34px;line-height:1.25;letter-spacing:-.04em;margin:14px 0}.lead-copy p{color:var(--muted);margin:0 0 24px}.tag{display:inline-block;padding:4px 10px;background:var(--light-field);color:var(--field-dark);font-size:12px;font-weight:800;border-radius:999px}.btn-paper,.btn-outline{min-height:46px;padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid transparent;transition:.22s}.btn-paper{background:var(--field);color:var(--cream)}.btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(64,80,42,.18)}.btn-outline{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}.btn-paper:active,.btn-outline:active{transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:56px}.news-item{display:grid;grid-template-columns:112px 1fr auto;gap:26px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.news-date{font-size:23px;font-weight:900;line-height:1.05;letter-spacing:-.06em;color:var(--field-dark)}.news-date small{display:block;margin-top:7px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.news-item h3{font-size:22px;line-height:1.35;margin:0 0 8px;font-weight:800}.news-item p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.read-more{font-size:13px;font-weight:800;border-bottom:2px solid var(--accent);white-space:nowrap}.read-more:hover{color:var(--field);border-color:var(--field)}.archive-side{border-top:2px solid var(--ink);padding-top:13px}.side-title{font-size:18px;font-weight:900;margin:0 0 15px}.side-link{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.side-link:hover{color:var(--field);padding-left:5px}.note-panel{background:#e7e2d5;border:1px solid var(--line);padding:24px;border-radius:var(--radius);margin-top:25px;font-size:14px;color:#4b514a}.note-panel strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}.reading-paper{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:52px;display:grid;grid-template-columns:180px 1fr;gap:42px}.paper-index{border-top:2px solid var(--field);font-size:13px}.paper-index b{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.paper-body h2{font-size:32px;line-height:1.3;letter-spacing:-.04em;margin:0 0 22px}.paper-body h3{font-size:20px;margin:27px 0 8px;font-weight:900}.paper-body p{color:#414941;margin:0 0 17px}.quote{border-left:4px solid var(--accent);padding:13px 20px;margin:25px 0;background:#f4efe5;color:#3f493e;font-weight:700}.rule-bar{background:var(--ink);color:var(--cream);padding:30px;border-radius:18px;display:flex;justify-content:space-between;gap:22px;align-items:center}.rule-bar p{margin:0;color:#e0e6d6;max-width:760px}.pagination{gap:8px}.page-link{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:8px!important;font-weight:800;padding:9px 14px}.page-link:hover,.page-item.active .page-link{background:var(--field);border-color:var(--field);color:var(--cream)}footer{background:var(--ink);color:var(--cream);margin-top:80px;padding:58px 0 25px;border-top:3px solid var(--field)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:48px}.footer-brand{font-size:29px;font-weight:900;letter-spacing:-.07em}.footer-grid p{font-size:14px;line-height:1.8;color:#cbd0c4;max-width:390px}.footer-title{font-size:13px;color:#dfe4ce;font-weight:800;letter-spacing:.1em;margin-bottom:12px}.footer-links a{display:block;color:#d8ddd2;font-size:14px;padding:4px 0}.footer-links a:hover{color:#dfe4ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.legal{margin-top:38px;padding-top:19px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#bfc7b8}
@media(max-width:991px){.nav-list{display:none}.menu-btn{display:block;margin-left:auto}.archive-hero-inner,.archive-layout{grid-template-columns:1fr}.issue-box{max-width:420px}.archive-side{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.note-panel{grid-column:1/-1}.lead-story{grid-template-columns:1fr}.lead-image{min-height:310px}.reading-paper{grid-template-columns:1fr;padding:32px}.paper-index{display:flex;gap:15px;overflow:auto}.paper-index b{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){body{font-size:15px}.topline .container{font-size:10px}.topline span:last-child{display:none}.masthead .container{min-height:68px}.brand{font-size:29px}.archive-hero{padding-top:25px}.archive-hero h1{font-size:42px}.section{padding:54px 0}.lead-copy{padding:28px}.lead-copy h2{font-size:29px}.news-item{grid-template-columns:1fr;gap:10px;padding:24px 0}.news-date{font-size:18px}.news-date small{display:inline;margin-left:8px}.news-item .btn-outline{justify-self:start}.archive-side{display:block}.reading-paper{padding:25px}.paper-body h2{font-size:28px}.rule-bar{display:block}.rule-bar .btn-paper{margin-top:18px}.footer-grid{grid-template-columns:1fr;gap:25px}.legal{display:block}.legal div+div{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category4 */
:root{--ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;--cream:#fffdf7;--line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;--light-field:#dfe4ce;--shadow:0 12px 28px rgba(24,32,27,.08);--radius:18px;--serif:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.88;letter-spacing:.015em;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(24,32,27,.13) .55px,transparent .75px);background-size:7px 7px;z-index:-1}
    a{color:inherit;text-decoration:none;transition:.22s ease} img{display:block;max-width:100%;object-fit:cover} button,input,select,textarea{font:inherit}
    .container{max-width:1240px}.section{padding:84px 0;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}
    .section-title{font-size:clamp(30px,4vw,43px);line-height:1.25;letter-spacing:-.04em;font-weight:900;margin:12px 0 17px}.section-intro{max-width:720px;color:var(--muted);font-size:17px;margin:0}
    .topline{height:33px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}.topline span+span{margin-left:18px}
    .masthead{background:rgba(244,240,231,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}
    .brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--accent)}
    .nav-list{display:flex;flex:1;justify-content:flex-end;gap:0;align-items:center}.nav-list a{font-size:14px;font-weight:700;padding:13px 12px;position:relative;white-space:nowrap}.nav-list a:after{content:"";position:absolute;height:2px;background:var(--field);left:12px;right:12px;bottom:5px;transform:scaleX(0);transform-origin:left;transition:.2s}.nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}.nav-list a.active{color:var(--field-dark)}
    .menu-btn{display:none;border:1px solid var(--ink);background:transparent;border-radius:9px;width:44px;height:44px;color:var(--ink);font-size:20px}.offcanvas{background:var(--paper);color:var(--ink)}.offcanvas-header{border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:800}.mobile-note{margin-top:28px;padding:16px;background:var(--light-field);font-size:14px}
    .breadcrumb-wrap{padding:25px 0 0;font-size:13px;color:var(--muted)}.breadcrumb-wrap a:hover{color:var(--field);text-decoration:underline}.breadcrumb-wrap span{margin:0 8px;color:var(--accent)}
    .guide-hero{padding:32px 0 62px}.guide-head{border-top:2px solid var(--ink);padding-top:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.guide-head h1{font-size:clamp(42px,6vw,67px);line-height:1.08;letter-spacing:-.075em;font-weight:900;margin:16px 0}.guide-head p{font-size:18px;color:#454b42;margin:0;max-width:680px}.issue-box{background:var(--field-dark);color:var(--cream);padding:25px;border-radius:var(--radius);position:relative;overflow:hidden}.issue-box:after{content:"核验";position:absolute;right:-14px;bottom:-45px;font-size:110px;font-weight:900;color:rgba(255,255,255,.07);letter-spacing:-.12em}.issue-box strong{display:block;font-size:18px;position:relative}.issue-box p{color:#dfe4ce;font-size:14px;margin:10px 0 0;position:relative}.issue-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;position:relative}.issue-meta span{font-size:12px;border:1px solid rgba(255,255,255,.28);padding:4px 9px}
    .guide-layout{display:grid;grid-template-columns:278px minmax(0,1fr);gap:48px;align-items:start}.guide-sidebar{position:sticky;top:116px}.side-title{font-size:14px;font-weight:900;letter-spacing:.12em;margin:0 0 12px}.side-nav{border-top:2px solid var(--ink)}.side-nav a{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:15px;font-weight:700}.side-nav a:hover,.side-nav a.active{color:var(--field)}.side-nav b{font-size:11px;color:var(--accent)}.side-note{margin-top:22px;background:#e5e1d5;border-left:3px solid var(--accent);padding:18px;font-size:14px;line-height:1.75;color:#545950}
    .check-panel{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.panel-bar{padding:21px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-bar h2{margin:0;font-size:24px;font-weight:900}.panel-bar span{font-size:12px;color:var(--muted)}
    .check-item{padding:26px 28px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:start}.check-item:last-child{border-bottom:0}.check-number{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--field);border-radius:50%;font-weight:900;color:var(--field-dark);font-size:13px}.check-item h3{font-size:21px;line-height:1.35;margin:2px 0 7px;font-weight:900}.check-item p{color:var(--muted);font-size:15px;line-height:1.82;margin:0}.check-tag{font-size:12px;color:var(--accent);font-weight:800;white-space:nowrap;border-bottom:1px solid var(--accent);padding-top:4px}
    .notice{margin-top:26px;background:var(--light-field);border:1px solid #c7cfad;border-radius:var(--radius);padding:24px 27px;display:flex;gap:17px;align-items:flex-start}.notice-mark{color:var(--accent);font-size:24px;font-weight:900;line-height:1}.notice h3{margin:0 0 5px;font-size:18px;font-weight:900}.notice p{margin:0;color:#4f5845;font-size:14px}
    .split-editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:stretch}.image-note{min-height:545px;border-radius:24px;overflow:hidden;position:relative;background:var(--field-dark)}.image-note img{height:100%;width:100%;opacity:.8}.image-note:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,32,27,.76),transparent 65%)}.image-caption{position:absolute;z-index:1;left:27px;right:27px;bottom:24px;color:var(--cream)}.image-caption b{display:block;font-size:22px;line-height:1.35}.image-caption span{font-size:13px;color:#e1e6cf}
    .reading-copy{padding:12px 0}.reading-copy h2{font-size:35px;line-height:1.25;font-weight:900;letter-spacing:-.045em;margin:9px 0 20px}.reading-copy h3{font-size:20px;font-weight:900;margin:27px 0 8px}.reading-copy p{font-size:16px;color:#454a43;margin:0 0 16px}.reading-copy blockquote{border-left:4px solid var(--accent);padding:8px 0 8px 20px;margin:26px 0;color:var(--field-dark);font-size:19px;font-weight:800;line-height:1.7}
    .dark-section{background:var(--ink);color:var(--cream);overflow:hidden}.dark-section .eyebrow{color:#dfe4ce}.dark-section .section-intro{color:#c5cbb9}.method-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;margin-top:35px}.method-main{padding:34px;background:#263128;border:1px solid rgba(223,228,206,.2);border-radius:var(--radius)}.method-main h2{font-size:30px;font-weight:900;line-height:1.3;margin:0 0 20px}.method-main p{color:#dfe4ce;margin:0 0 16px}.method-main ul{padding-left:20px;margin:18px 0 0;color:#f4f0e7}.method-main li{padding:5px 0}.method-card{padding:28px;background:var(--cream);color:var(--ink);border-radius:var(--radius);border-top:4px solid var(--accent)}.method-card h3{font-size:21px;font-weight:900;margin:0 0 12px}.method-card p{font-size:14px;color:var(--muted);margin:0 0 18px}.method-card a{font-size:14px;font-weight:900;color:var(--field-dark);border-bottom:1px solid var(--field)}
    .terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.term{background:var(--cream);border:1px solid var(--line);border-radius:15px;padding:22px;transition:.22s}.term:hover{transform:translateY(-3px);border-color:var(--field);box-shadow:var(--shadow)}.term b{font-size:13px;color:var(--accent);letter-spacing:.1em}.term h3{font-size:20px;font-weight:900;margin:7px 0}.term p{margin:0;color:var(--muted);font-size:14px}
    .accordion{border-top:2px solid var(--ink)}.accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}.accordion-button{background:transparent!important;color:var(--ink)!important;padding:21px 4px;font-size:18px;font-weight:900;box-shadow:none!important}.accordion-button:not(.collapsed){color:var(--field-dark)!important}.accordion-button:focus{outline:3px solid var(--accent);outline-offset:-3px}.accordion-button:after{background-image:none;content:"＋";width:auto;height:auto;font-size:24px;color:var(--field);transform:none!important}.accordion-button:not(.collapsed):after{content:"－"}.accordion-body{padding:0 5px 22px;color:#4d534b;line-height:1.9}
    .cta-strip{background:#e5e1d5;border:1px solid var(--line);border-radius:22px;padding:35px 39px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-strip h2{font-size:29px;line-height:1.3;font-weight:900;margin:0 0 7px}.cta-strip p{margin:0;color:var(--muted)}
    .btn-paper,.btn-outline{min-height:46px;padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid transparent;transition:.22s;white-space:nowrap}.btn-paper{background:var(--field);color:var(--cream)}.btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(64,80,42,.18)}.btn-outline{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}.btn-paper:active,.btn-outline:active{transform:translateY(0)}.btn-paper:focus-visible,.btn-outline:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
    footer{background:var(--ink);color:var(--cream);padding:64px 0 26px;border-top:4px solid var(--field)}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:50px}.footer-brand{font-size:32px;font-weight:900;letter-spacing:-.07em;margin-bottom:13px}.footer-grid p{font-size:14px;color:#c8cec0;max-width:360px}.footer-title{font-size:13px;color:#dfe4ce;font-weight:900;letter-spacing:.12em;margin:4px 0 13px}.footer-links a{display:block;color:#d4d9cb;font-size:14px;padding:3px 0}.footer-links a:hover{color:#dfe4ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.legal{border-top:1px solid rgba(223,228,206,.22);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#afb7a8;font-size:12px}
    @media(max-width:991px){.nav-list{display:none}.menu-btn{display:block;margin-left:auto}.guide-head,.guide-layout,.split-editorial,.method-grid{grid-template-columns:1fr}.guide-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px}.side-note{margin-top:0}.image-note{min-height:380px}.masthead .container{min-height:72px}.section{padding:67px 0}}
    @media(max-width:767px){body{font-size:15px;line-height:1.82}.topline span:last-child{display:none}.brand{font-size:29px}.guide-hero{padding-bottom:42px}.guide-head{gap:26px}.guide-head h1{font-size:42px}.guide-head p{font-size:16px}.guide-sidebar{grid-template-columns:1fr}.check-item{grid-template-columns:38px 1fr;padding:21px 18px;gap:13px}.check-tag{grid-column:2;justify-self:start;padding-top:0}.panel-bar{padding:18px}.panel-bar h2{font-size:21px}.notice{padding:19px}.terms-grid{grid-template-columns:1fr}.cta-strip{padding:27px;display:block}.cta-strip .btn-paper{margin-top:20px;width:100%}.footer-grid{grid-template-columns:1fr;gap:27px}.legal{display:block}.legal div+div{margin-top:8px}.section-title{font-size:31px}.image-note{min-height:315px}.method-main,.method-card{padding:24px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category6 */
:root{--ink:#18201b;--field:#62733f;--field-dark:#40502a;--paper:#f4f0e7;--cream:#fffdf7;--line:#d8d1c2;--accent:#b85b3e;--muted:#6e7169;--light-field:#dfe4ce;--shadow:0 12px 28px rgba(24,32,27,.08);--radius:18px;--serif:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.88;letter-spacing:.015em;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(24,32,27,.13) .55px,transparent .75px);background-size:7px 7px;z-index:-1}
    a{color:inherit;text-decoration:none;transition:.22s ease}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,select,textarea{font:inherit}
    .container{max-width:1240px}
    .topline{height:32px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
    .topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:rgba(244,240,231,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(7px)}
    .masthead .container{min-height:82px;display:flex;align-items:center;gap:28px}
    .brand{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.08em;white-space:nowrap}
    .brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--accent)}
    .nav-list{display:flex;flex:1;justify-content:flex-end;gap:0;align-items:center}
    .nav-list a{font-size:14px;font-weight:700;padding:13px 12px;position:relative;white-space:nowrap}
    .nav-list a:after{content:"";position:absolute;height:2px;background:var(--field);left:12px;right:12px;bottom:5px;transform:scaleX(0);transform-origin:left;transition:.2s}
    .nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}
    .nav-list a.active{color:var(--field-dark)}
    .menu-btn{display:none;border:1px solid var(--ink);background:transparent;border-radius:9px;width:44px;height:44px;color:var(--ink);font-size:20px}
    .offcanvas{background:var(--paper);color:var(--ink)}
    .offcanvas-header{border-bottom:1px solid var(--line)}
    .mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:800}
    .mobile-note{margin-top:28px;padding:16px;background:var(--light-field);font-size:14px}
    .hero{padding:44px 0 0}
    .hero-stage{min-height:470px;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.06fr .94fr;position:relative;background:var(--ink);box-shadow:var(--shadow)}
    .hero-copy{padding:58px 54px;background:var(--cream);display:flex;flex-direction:column;align-items:flex-start}
    .eyebrow{display:flex;align-items:center;gap:10px;color:var(--field-dark);font-size:12px;font-weight:800;letter-spacing:.14em}
    .eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}
    h1{font-size:clamp(42px,5vw,64px);line-height:1.12;letter-spacing:-.07em;font-weight:900;margin:18px 0 20px}
    .hero-copy p{font-size:17px;line-height:1.9;max-width:590px;color:#4b514a;margin:0}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
    .btn-paper,.btn-outline{min-height:46px;padding:10px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid transparent;transition:.22s}
    .btn-paper{background:var(--field);color:var(--cream)}
    .btn-paper:hover{background:var(--field-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(64,80,42,.18)}
    .btn-outline{background:transparent;border-color:var(--ink);color:var(--ink)}
    .btn-outline:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}
    .btn-paper:active,.btn-outline:active{transform:translateY(0)}
    .hero-media{position:relative;background:#34412a;min-height:350px}
    .hero-media img{width:100%;height:100%;position:absolute;inset:0;opacity:.82}
    .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,32,27,.1),rgba(24,32,27,.7))}
    .cover-card{position:absolute;z-index:2;left:28px;bottom:28px;right:28px;background:rgba(255,253,247,.94);padding:19px;border-left:4px solid var(--accent);box-shadow:var(--shadow)}
    .cover-card strong{display:block;font-size:20px;line-height:1.3}.cover-card span{font-size:13px;color:var(--muted)}
    .section{padding:82px 0;position:relative}
    .section-title{font-size:clamp(30px,4vw,43px);line-height:1.25;letter-spacing:-.04em;font-weight:800;margin:12px 0 18px}
    .section-intro{max-width:720px;color:var(--muted);font-size:17px;margin:0}
    .crumb{font-size:13px;color:var(--muted);padding:25px 0 0}.crumb a:hover{color:var(--field)}
    .faq-layout{display:grid;grid-template-columns:245px 1fr;gap:70px}
    .side-note{border-top:2px solid var(--ink);padding-top:15px;position:sticky;top:125px;height:max-content}
    .side-note strong{font-size:26px;display:block;line-height:1.3}.side-note p{font-size:14px;color:var(--muted)}
    .accordion-item{background:var(--cream);border:0;border-bottom:1px solid var(--line)!important}
    .accordion-button{background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-weight:800;font-size:18px;padding:22px 20px}
    .accordion-button:after{background-image:none;content:"+";font-size:25px;color:var(--field);width:auto;height:auto}
    .accordion-button:not(.collapsed):after{content:"−"}
    .accordion-button:focus{outline:3px solid var(--accent);outline-offset:-3px}
    .accordion-body{padding:0 48px 23px 20px;color:#555c53;font-size:16px}
    .reading-panel{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:38px 42px;box-shadow:var(--shadow)}
    .reading-panel h2,.contact-copy h2{font-size:30px;line-height:1.35;margin:0 0 20px}.reading-panel h3{font-size:21px;margin:27px 0 8px}
    .reading-panel p{margin:0 0 16px;color:#4d544b}.reading-panel ul{padding-left:21px;color:#4d544b}
    .quote{border-left:4px solid var(--accent);padding:14px 20px;background:#eee9dc;color:var(--field-dark);font-weight:700;margin:25px 0}
    .index-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
    .index-strip div{padding:18px;background:var(--light-field);border:1px solid #cbd4b4}.index-strip b{display:block;font-size:28px;line-height:1.2}
    .image-panel{height:100%;min-height:430px;border-radius:20px;overflow:hidden;position:relative;background:var(--field-dark)}
    .image-panel img{width:100%;height:100%;transition:.5s}.image-panel:hover img{transform:scale(1.035)}
    .caption{position:absolute;bottom:0;left:0;right:0;background:rgba(24,32,27,.8);color:var(--cream);padding:15px 20px;font-size:13px}
    .notice{padding:17px 22px;border-left:4px solid var(--accent);background:#eee9dc;margin-top:28px;color:#51574e}
    .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .topic-card{background:var(--field);color:var(--cream);padding:25px;border-radius:var(--radius);min-height:180px;border:1px solid var(--field);transition:.22s}
    .topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:var(--field-dark)}
    .topic-card h3{font-size:21px;margin:9px 0}.topic-card p{font-size:14px;color:#edf0e2}
    .contact-section{background:var(--field-dark);color:var(--cream)}
    .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
    .contact-copy p{color:#dfe4ce}.contact-copy ul{padding-left:20px;color:#dfe4ce}
    .form-card{background:var(--cream);color:var(--ink);padding:34px;border-radius:20px}
    .form-label{font-size:14px;font-weight:800;margin-bottom:6px}.form-control,.form-select{border:1px solid var(--line);border-radius:9px;background:#fffdf7;padding:12px 14px;color:var(--ink)}
    .form-control:focus,.form-select:focus{border-color:var(--field);box-shadow:0 0 0 3px rgba(98,115,63,.18)}
    .form-check-input:checked{background-color:var(--field);border-color:var(--field)}
    .form-status{display:none;margin-top:16px;padding:12px;background:var(--light-field);color:var(--field-dark);font-size:14px}
    footer{background:var(--ink);color:var(--cream);padding:52px 0 25px;border-top:1px solid rgba(255,253,247,.22)}
    .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:45px}.footer-brand{font-size:30px;font-weight:900}.footer-grid p{color:#cbd2bd;max-width:350px;font-size:14px}
    .footer-title{font-weight:800;margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:5px;color:#dfe4ce;font-size:14px}.footer-links a:hover{color:#dfe4ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
    .legal{border-top:1px solid rgba(255,253,247,.18);margin-top:35px;padding-top:18px;color:#b9c2b0;font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    .back-top{display:inline-block;margin-top:20px;color:#dfe4ce;font-size:13px}.back-top:hover{color:#fff;text-decoration:underline}
    @media(max-width:991px){.nav-list{display:none}.menu-btn{display:block;margin-left:auto}.hero-stage{grid-template-columns:1fr}.hero-media{min-height:360px}.faq-layout,.contact-grid{grid-template-columns:1fr;gap:30px}.side-note{position:static}.topic-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:767px){body{font-size:15px}.topline .container{padding:0 18px}.topline span:last-child{display:none}.masthead .container{min-height:70px;padding:0 18px}.brand{font-size:29px}.hero{padding:20px 12px 0}.hero-copy{padding:38px 25px}.hero h1{font-size:42px}.hero-media{min-height:300px}.cover-card{left:18px;right:18px;bottom:18px}.section{padding:61px 0}.section-title{font-size:32px}.container{padding-left:18px;padding-right:18px}.reading-panel{padding:25px 21px}.image-panel{min-height:310px}.index-strip{grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:1fr}.accordion-button{font-size:16px;padding:18px 12px}.accordion-body{padding:0 18px 20px 12px}.form-card{padding:24px 19px}.footer-grid{grid-template-columns:1fr;gap:25px}.legal{display:block}.legal div+div{margin-top:7px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}