/* roulang page: index */
:root{--bg:#f4f5ef;--surface:#fff;--ink:#17211d;--muted:#6b746e;--line:#dce1d7;--dark:#131b17;--primary:#c4ee79;--accent:#41633e;--radius:22px;--shadow:0 16px 45px rgba(28,43,27,.07);--space:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s,background .2s,transform .2s}a:hover{color:var(--accent)}img,video,canvas{max-width:100%;display:block}button,input,select{font:inherit}button{cursor:pointer}::selection{background:var(--primary);color:var(--ink)}:focus-visible{outline:3px solid #7d9f43;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:750;line-height:1.3;letter-spacing:-.035em}h2{font-size:clamp(27px,3vw,40px);margin-bottom:20px}h3{font-size:21px;letter-spacing:-.02em}p{color:var(--muted);margin-bottom:20px}.container{max-width:1200px;padding-left:28px;padding-right:28px}.site-header{position:sticky;top:0;z-index:100;background:rgba(244,245,239,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;gap:24px}.nav-side{display:flex;align-items:center;gap:24px}.nav-side:last-child{justify-content:flex-end}.nav-link{color:var(--muted);font-size:14px;font-weight:600;padding:12px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";height:4px;width:18px;border-radius:3px;background:var(--accent);position:absolute;bottom:3px;left:0}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.08em}.brand-mark{font-size:46px;font-weight:900;line-height:1;letter-spacing:-.09em}.brand-text{border-left:1px solid #b9c0b4;padding-left:14px;line-height:1.5}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:6px 12px;color:var(--ink)}.mobile-menu{border-top:1px solid var(--line);padding:12px 28px}.mobile-menu a{display:block;padding:10px 0}.section{padding:var(--space) 0;border-bottom:1px solid var(--line)}.section.white{background:var(--surface)}.eyebrow{display:block;font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head p{max-width:590px;margin-bottom:0;font-size:15px}.intro{max-width:750px}.hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;overflow:hidden;background:#131b17;color:#fff}.hero-video,.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-art{background:radial-gradient(ellipse at 80% 30%,#4b6640 0,transparent 45%),#14221b;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #b1d48840;transform:rotate(-28deg);border-radius:120px;right:-30px;top:-130px;box-shadow:0 0 0 65px #c4ee7907,0 0 0 130px #c4ee7905}.hero-art:after{right:20%;top:50%;width:350px;height:350px;border-radius:50%}.hero-video{z-index:-2;opacity:.5}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(13,23,17,.88),rgba(13,23,17,.44) 65%,rgba(13,23,17,.1))}.hero-content{padding-top:82px;padding-bottom:78px}.hero .eyebrow{color:var(--primary)}.hero h1{font-size:clamp(44px,7.2vw,88px);max-width:850px;letter-spacing:-.045em;margin-bottom:22px}.hero-sub{font-size:24px;color:#d5dfd0;margin-bottom:22px;font-weight:400}.hero p{max-width:700px;color:#bccabd;font-size:16px;line-height:2}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.btn{border-radius:50px;padding:13px 26px;font-weight:650;font-size:14px;border:1px solid transparent;transition:all .2s}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-color:var(--ink);--bs-btn-hover-bg:#d4fa94;--bs-btn-hover-color:var(--ink);--bs-btn-hover-border-color:#d4fa94;--bs-btn-active-bg:#a9d760;--bs-btn-active-color:var(--ink);--bs-btn-active-border-color:#a9d760}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-outline{border-color:#657461;color:#e4ebde;background:transparent}.btn-outline:hover{background:#ffffff12;color:#fff;border-color:var(--primary)}.play-symbol{display:inline-grid;place-items:center;border:1px solid #adbc9d;border-radius:50%;width:29px;height:29px;margin-right:9px;font-size:10px}.hero-foot{display:flex;gap:28px;font-size:12px;letter-spacing:.08em;color:#9aac95;margin-top:48px}.metric-section{padding:38px 0}.metric-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;align-items:center}.metric-grid h2{font-size:22px;margin:0 0 10px}.metric-grid p{font-size:13px;margin:0}.metric{border-left:1px solid var(--line);padding-left:30px}.metric strong{display:block;font-size:42px;line-height:1.2;letter-spacing:-.05em}.metric span{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:none;color:var(--ink);height:100%;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6c79f}.card-body{padding:28px}.card p{font-size:14px;margin:12px 0 0}.serial{display:block;color:#839178;font-size:12px;letter-spacing:.12em;margin-bottom:34px}.card-link{display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:15px}.arrow{font-size:22px;font-weight:400}.badge{font-weight:500;font-size:11px;padding:7px 12px;border-radius:30px;letter-spacing:.04em;background:#e9eedf;color:#506444}.news-feature{background:#e3ead8;border-radius:var(--radius);padding:38px;height:100%;position:relative;overflow:hidden}.news-feature h3{font-size:30px;max-width:380px;margin-top:55px}.news-feature p{max-width:480px;font-size:15px}.news-feature:after{content:"c7";position:absolute;right:0;bottom:-72px;line-height:1;font-size:240px;letter-spacing:-.1em;color:#4761390c;pointer-events:none}.content-list{list-style:none;padding:0;margin:0}.content-list li{padding:22px 0;border-bottom:1px solid var(--line)}.content-list li:first-child{padding-top:0}.content-list li:last-child{border-bottom:0;padding-bottom:0}.content-list h3{font-size:19px;margin-bottom:9px}.content-list p{font-size:14px;margin:0}.list-meta{display:block;color:#7c8874;font-size:12px;margin-bottom:9px}.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cover{min-height:225px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:#283c30;color:#f4f6ed;position:relative;overflow:hidden}.cover:after{content:"";width:160px;height:160px;border:30px solid #e4f8b21c;border-radius:50%;position:absolute;right:-50px;top:60px}.cover.two{background:#52624a}.cover.three{background:#383e36}.cover.four{background:#69705d}.cover b{font-size:50px;letter-spacing:-.06em;line-height:1}.cover span{font-size:14px;position:relative;z-index:1}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.compare-box{padding:28px;border:1px solid var(--line);border-radius:var(--radius)}.compare-box.good{background:#eaf1dd;border-color:#d5e1c4}.compare-box p{font-size:14px;margin-bottom:0}.compare-label{font-size:12px;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:12px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.timeline-item{border-top:2px solid #c8d2bf;padding-top:25px;position:relative}.timeline-item:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);position:absolute;top:-6px;left:0}.timeline-item p{font-size:14px;margin-bottom:0}.timeline-item .serial{margin-bottom:14px}.dark{background:var(--dark);color:#eef3e8;border-color:#344033}.dark p{color:#a5b29f}.dark .eyebrow{color:var(--primary)}.release{padding:30px;border:1px solid #3c4836;border-radius:var(--radius);background:#1e281f}.release h3{margin-top:22px}.release p{font-size:14px}.feature-list{padding:0;list-style:none;margin:18px 0 0}.feature-list li{border-top:1px solid #394233;padding:13px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px}.feature-list span{color:var(--primary)}.device-stage{min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;background:#e8ecdf;border-radius:var(--radius);padding:36px}.desktop-frame{width:86%;height:210px;border:8px solid #2c382c;border-radius:12px;background:#f5f7f0;padding:18px;box-shadow:0 18px 30px #20301a1a}.screen-top{border-bottom:1px solid #d9e1ce;padding-bottom:10px;font-size:20px;font-weight:850}.screen-block{height:65px;background:#d3e5b6;border-radius:8px;margin:15px 0 12px}.screen-line{height:6px;background:#dde3d5;width:68%;border-radius:6px;margin-bottom:8px}.phone-frame{width:88px;height:165px;border:5px solid #2c382c;border-radius:16px;position:absolute;bottom:25px;right:30px;background:#f6f8f0;padding:12px 7px;box-shadow:0 8px 25px #20301a33}.phone-frame .screen-block{height:62px;margin:10px 0}.device-caption{font-size:12px;color:var(--muted);margin-top:12px}.support-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.support-strip span{border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:13px}.trust-row{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.trust-row:last-child{border:0;padding-bottom:0}.trust-icon{width:42px;height:42px;border-radius:13px;background:#e7eddc;display:grid;place-items:center;color:var(--accent);font-weight:700}.trust-row p{font-size:14px;margin:0}.trust-row h3{font-size:18px;margin-bottom:8px}.quick-box{background:#e8eddf;border-radius:var(--radius);padding:32px;height:100%}.quick-box p{font-size:14px;margin-bottom:0}.quick-box h3{font-size:19px}.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--line);--bs-accordion-active-bg:transparent;--bs-accordion-active-color:var(--ink);--bs-accordion-btn-focus-box-shadow:none}.accordion-item{border-left:0;border-right:0}.accordion-button{padding:24px 0;font-size:17px;font-weight:650;color:var(--ink);line-height:1.6}.accordion-button:not(.collapsed){box-shadow:none}.accordion-body{padding:0 40px 24px 0;color:var(--muted);font-size:14px}.preference{background:#dae9c7;border-radius:28px;padding:45px}.preference p{color:#526349;max-width:590px;font-size:15px}.form-label{font-size:14px;font-weight:650}.form-select{border:1px solid #b4c6a1;background-color:#f8fbf3;border-radius:12px;padding:13px 36px 13px 15px;color:var(--ink)}.form-select:focus{border-color:#6d8948;box-shadow:0 0 0 3px #7c9f4833}.form-message{font-size:13px;margin:12px 0 0!important;min-height:24px}.btn-dark{background:#24351f;border-color:#24351f}.site-footer{padding:54px 0 24px;background:#151d17;color:#eff4e8}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:35px}.footer-name{font-size:23px;font-weight:700}.footer-top p{color:#9fac98;font-size:13px;max-width:480px;margin:12px 0 0}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:13px;color:#c5d1bd}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid #33402e;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#93a18b}.category-hero{padding:85px 0;background:#e7eddc}.category-hero h1{font-size:clamp(38px,6vw,64px)}.category-hero p{max-width:770px}.skip-link{position:fixed;left:20px;top:-80px;z-index:200;background:var(--primary);padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}body.comfort{font-size:18px}body.comfort .card p,body.comfort .content-list p,body.comfort .accordion-body{font-size:16px}
@media(min-width:769px){.mobile-menu{display:none!important}}
@media(max-width:1024px){:root{--space:66px}.container{padding-left:24px;padding-right:24px}.hero{min-height:620px}.rail{gap:14px}.card-body{padding:23px}.section-head{gap:25px}.section-head p{max-width:50%}.metric-grid{gap:18px}.metric{padding-left:20px}.cover{padding:20px;min-height:205px}}
@media(max-width:768px){.site-nav{min-height:76px;grid-template-columns:1fr auto 1fr;gap:12px}.nav-side{display:none}.brand{grid-column:2;font-size:12px;gap:9px}.brand-mark{font-size:39px}.brand-text{padding-left:10px}.menu-toggle{display:block;grid-column:3;justify-self:end;grid-row:1;font-size:12px}.hero{min-height:680px}.hero-content{padding-top:65px;padding-bottom:55px}.hero h1{font-size:54px}.hero p{font-size:15px}.hero-sub{font-size:21px}.section-head{display:block}.section-head p{max-width:100%;margin-top:20px}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid>div:first-child{grid-column:1/-1}.metric{padding-left:18px}.metric strong{font-size:34px}.rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.rail>.card{flex:0 0 255px;scroll-snap-align:start}.timeline{gap:22px}.timeline h3{font-size:18px}.comparison{gap:15px}.footer-top{flex-direction:column;gap:25px}.preference{padding:30px}}
@media(max-width:520px){:root{--space:52px}.container{padding-left:20px;padding-right:20px}.site-nav{gap:7px}.brand-text{font-size:11px;letter-spacing:0}.brand-mark{font-size:36px}.hero h1{font-size:43px}.hero{min-height:690px}.hero-content{padding-top:53px}.hero p{font-size:14px}.hero-sub{font-size:19px}.hero-actions{gap:12px}.btn{padding:12px 19px}.hero-foot{gap:18px;font-size:10px;margin-top:35px}.metric{padding-left:12px}.metric strong{font-size:29px}.metric span{font-size:11px}.comparison,.timeline{grid-template-columns:1fr}.news-feature{padding:28px}.news-feature h3{margin-top:35px}.timeline{gap:34px}.device-stage{padding:24px;min-height:260px}.desktop-frame{width:92%;height:190px}.phone-frame{right:18px;bottom:15px}.footer-bottom{flex-direction:column;gap:7px}.preference{padding:26px}.category-hero{padding:58px 0}.quick-box{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-video{display:none}}

/* roulang page: category1 */
:root{--bg:#f4f5ef;--surface:#fff;--ink:#17211d;--muted:#6b746e;--line:#dce1d7;--dark:#131b17;--primary:#c4ee79;--accent:#41633e;--radius:22px;--shadow:0 16px 45px rgba(28,43,27,.07);--space:88px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .2s,background .2s,transform .2s}
a:hover{color:var(--accent)}
img,video,canvas,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
::selection{background:var(--primary);color:var(--ink)}
.container{max-width:1200px;padding-left:28px;padding-right:28px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(244,245,239,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.site-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;gap:24px}
.nav-side{display:flex;align-items:center;gap:24px}
.nav-side:nth-child(3){justify-content:flex-end}
.nav-link{color:var(--muted);font-size:14px;font-weight:600;padding:12px 0;position:relative}
.nav-link:hover,.nav-link.active{color:var(--ink)}
.nav-link.active:after{content:"";height:4px;width:18px;border-radius:3px;background:var(--accent);position:absolute;bottom:3px;left:0}
.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.08em}
.brand-mark{font-size:46px;font-weight:900;line-height:1;letter-spacing:-.09em}
.brand-text{border-left:1px solid #b9c0b4;padding-left:14px;line-height:1.5}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:6px 12px;color:var(--ink)}
.menu-toggle:hover{background:#e6ebdd}
.mobile-menu{border-top:1px solid var(--line);padding:12px 28px}
.mobile-menu a{display:block;padding:10px 0}
.mobile-menu a[aria-current]{color:var(--accent);font-weight:700}
.section{padding:var(--space) 0;border-bottom:1px solid var(--line)}
.section.white{background:var(--surface)}
.eyebrow{display:block;font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin-bottom:18px}
h1,h2,h3,h4{font-weight:700;line-height:1.4;letter-spacing:-.025em}
h2{font-size:clamp(27px,3vw,38px)}
h3{font-size:20px}
p{color:var(--muted)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:35px}
.section-head h2{margin-bottom:0}
.section-head p{max-width:520px;margin-bottom:0;font-size:15px}
.btn{border-radius:50px;padding:13px 26px;font-weight:650;font-size:14px;border:1px solid transparent;transition:all .2s}
.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-color:var(--ink);--bs-btn-hover-bg:#d4fa94;--bs-btn-hover-color:var(--ink);--bs-btn-hover-border-color:#d4fa94;--bs-btn-active-bg:#a9d760;--bs-btn-active-color:var(--ink);--bs-btn-active-border-color:#a9d760}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(1px)}
.btn-outline{border-color:#9daa93;color:var(--ink);background:transparent}
.btn-outline:hover{background:#e9eedf;border-color:var(--accent)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:none;color:var(--ink);height:100%;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6c79f}
.card-body{padding:28px}
.card p{font-size:14px;margin:12px 0 0}
.badge{font-weight:500;font-size:11px;padding:7px 12px;border-radius:30px;letter-spacing:.04em;background:#e9eedf;color:#506444}
.content-list{list-style:none;padding:0;margin:0}
.content-list li{padding:24px 0;border-bottom:1px solid var(--line)}
.content-list li:first-child{padding-top:0}
.content-list li:last-child{border-bottom:0;padding-bottom:0}
.content-list h3{font-size:19px;margin-bottom:9px}
.content-list p{font-size:14px;margin:0}
.list-meta{display:block;color:#7c8874;font-size:12px;margin-bottom:9px}
.timeline-item{border-top:2px solid #c8d2bf;padding-top:25px;position:relative}
.timeline-item:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);position:absolute;top:-6px;left:0}
.timeline-item p{font-size:14px;margin-bottom:0}
.serial{color:var(--accent);font-size:13px;font-weight:700;display:block;margin-bottom:16px}
.dark{background:var(--dark);color:#fff}
.dark .eyebrow{color:var(--primary)}
.dark p{color:#b7c4b3}
.site-footer{padding:52px 0 24px;background:var(--bg)}
.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px}
.footer-name{font-size:23px;font-weight:750}
.footer-top p{font-size:13px;margin:12px 0 0;max-width:440px}
.footer-links{display:flex;gap:25px;align-items:flex-start;font-size:13px}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:23px;font-size:11px;color:var(--muted)}
.topic-hero{padding:55px 0 0;border-bottom:1px solid var(--line);overflow:hidden}
.breadcrumb-line{font-size:12px;color:var(--muted);display:flex;gap:13px;margin-bottom:35px}
.topic-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;padding-bottom:44px}
.topic-intro h1{font-size:clamp(36px,4.8vw,62px);margin:0 0 22px}
.topic-intro h1 span{color:var(--accent)}
.topic-intro p{max-width:650px;margin:0;font-size:16px}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}
.cover-art{background:var(--dark);border-radius:var(--radius);min-height:285px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}
.cover-art:before,.cover-art:after{content:"";position:absolute;border:1px solid #c4ee7940;width:290px;height:290px;border-radius:65px;transform:rotate(-28deg);z-index:-1}
.cover-art:after{width:400px;height:400px}
.cover-word{font-size:140px;line-height:1;font-weight:850;letter-spacing:-.09em;color:var(--primary);transform:rotate(-7deg)}
.cover-caption{position:absolute;bottom:20px;left:24px;color:#b7c4b3;font-size:12px;letter-spacing:.13em}
.cover-label{position:absolute;top:22px;right:24px;color:var(--primary);font-size:11px;border:1px solid #5f704f;padding:4px 12px;border-radius:30px}
.metric-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border-top:1px solid var(--line);padding:26px 0;gap:28px;align-items:center}
.metric-grid h2{font-size:18px;margin-bottom:4px}
.metric-grid p{font-size:12px;margin:0}
.metric{border-left:1px solid var(--line);padding-left:30px}
.metric strong{font-size:31px;font-weight:650;line-height:1.3;display:block}
.metric span{font-size:12px;color:var(--muted)}
.topic-card .serial{margin-bottom:32px}
.topic-card h3{margin:16px 0 0}
.topic-card .card-body{min-height:242px}
.comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.comparison-pane{padding:32px;background:var(--bg)}
.comparison-pane:last-child{background:#e9efdf}
.comparison-pane h3{margin-bottom:23px}
.check-list{padding:0;list-style:none;margin:0}
.check-list li{padding:13px 0;border-top:1px solid #cdd5c4;font-size:14px;display:flex;gap:13px}
.check-list b{color:var(--accent);font-weight:600;flex-shrink:0}
.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}
.news-feature{background:#e3ead8;border-radius:var(--radius);padding:36px;height:100%;position:relative;overflow:hidden}
.news-feature h3{font-size:29px;margin-top:46px}
.news-feature p{font-size:14px}
.news-feature:after{content:"c7";position:absolute;right:0;bottom:-54px;line-height:1;font-size:200px;letter-spacing:-.1em;color:#4761390c;pointer-events:none}
.trust-row{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid #394233}
.trust-row:first-child{padding-top:0}
.trust-row:last-child{border-bottom:0}
.trust-icon{height:42px;width:42px;border:1px solid #4f6143;color:var(--primary);border-radius:13px;display:grid;place-items:center;font-size:14px}
.trust-row h3{font-size:18px;margin-bottom:8px}
.trust-row p{font-size:14px;margin:0}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.quick-item{border-left:3px solid #bdd29e;padding-left:22px}
.quick-item p{font-size:14px;margin:12px 0 0}
.quick-item h3{font-size:18px}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:0 0 0 3px #41633e25;--bs-accordion-active-bg:#e9eedf;--bs-accordion-active-color:var(--ink)}
.accordion-item{border:0;border-bottom:1px solid var(--line)}
.accordion-button{background:transparent;padding:24px 20px;font-size:16px;font-weight:600;color:var(--ink);line-height:1.7}
.accordion-button:not(.collapsed){box-shadow:none}
.accordion-button::after{background-size:16px}
.accordion-body{font-size:14px;color:var(--muted);padding:2px 20px 25px;line-height:2}
.form-panel{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.form-label{font-size:14px;font-weight:600;margin-bottom:8px}
.form-control,.form-select{border-color:var(--line);border-radius:12px;padding:12px 14px;background-color:#fafbf7;color:var(--ink);font-size:14px}
.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #41633e15;background-color:white}
textarea.form-control{resize:vertical;min-height:135px}
.form-note{font-size:12px;color:var(--muted);margin:14px 0 0}
.form-result{margin-top:18px;border-radius:12px;background:#e9efdf;padding:18px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.form-result:empty{display:none}
.form-heading{max-width:410px}
.form-heading p{font-size:15px}
.small-note{font-size:12px!important}
@media(min-width:769px){.mobile-menu{display:none!important}}
@media(max-width:1024px){:root{--space:66px}.topic-intro{gap:32px}.topic-intro h1{font-size:46px}.section-head{gap:25px}.footer-links{gap:16px}.card-body{padding:23px}}
@media(max-width:768px){:root{--space:52px}.site-nav{grid-template-columns:1fr auto;min-height:76px}.nav-side{display:none}.brand{justify-self:start}.brand-mark{font-size:39px}.menu-toggle{display:block}.topic-hero{padding-top:32px}.topic-intro{grid-template-columns:1fr;gap:30px}.topic-intro h1{font-size:42px}.cover-art{min-height:220px}.cover-word{font-size:120px}.metric-grid{grid-template-columns:1fr 1fr;gap:24px}.metric{padding-left:20px}.section-head{display:block}.section-head p{margin-top:16px}.comparison{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr;gap:35px}.quick-grid{grid-template-columns:1fr;gap:28px}.footer-top,.footer-bottom{flex-direction:column;gap:22px}.form-panel{padding:25px}}
@media(max-width:520px){.container{padding-left:20px;padding-right:20px}.site-nav{gap:12px}.brand{gap:9px}.brand-text{font-size:13px;padding-left:11px}.topic-intro h1{font-size:35px}.topic-intro p{font-size:14px}.hero-actions .btn{padding:12px 20px}.metric-grid{gap:20px 12px}.metric strong{font-size:27px}.metric-grid h2{font-size:16px}.comparison-pane{padding:25px}.news-feature{padding:27px}.footer-links{flex-wrap:wrap;gap:18px}.accordion-button{padding:20px 10px}.accordion-body{padding-left:10px;padding-right:10px}.form-panel{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}