/* roulang page: index */
:root{
      --ink:#171714;--panel:#252822;--panel-2:#30342b;--paper:#f2f0e8;--paper-2:#e5e4d9;
      --lime:#b8e63b;--lime-hi:#cdf75a;--berry:#8a5a90;--white:#faf9f2;--muted:#b8bbae;
      --dark-text:#20221e;--dark-muted:#676b61;--line:rgba(250,249,242,.16);--line-dark:rgba(32,34,30,.16);
      --radius:12px;--radius-lg:18px;--shadow:0 18px 32px rgba(0,0,0,.18);--max:1200px;
      --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--white);font-family:var(--font);font-size:16px;line-height:1.8;overflow-x:hidden}
    body.menu-open{overflow:hidden} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} img{max-width:100%;display:block}
    :focus-visible{outline:3px solid var(--lime);outline-offset:3px}.container{width:min(calc(100% - 64px),var(--max));margin:auto}
    .signal{height:30px;background:#11120f;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.12em;color:var(--muted)}
    .signal .container{height:100%;display:flex;align-items:center;gap:12px}.signal-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(184,230,59,.8)}.signal i{height:1px;width:28px;background:#697061}.signal b{font-weight:600;color:#d8dacd}
    .header{position:sticky;top:0;z-index:50;background:rgba(23,23,20,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
    .nav{height:76px;display:flex;align-items:center;gap:28px}.logo{font-size:17px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.logo em{font-style:normal;color:var(--lime)}
    .nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}.nav-link{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;color:var(--muted);font-size:14px;position:relative}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link.active:after{content:"";position:absolute;height:3px;left:13px;right:13px;bottom:4px;background:var(--lime)}
    .phases{display:flex;align-items:center;gap:0;white-space:nowrap}.phase{min-height:32px;padding:0 9px;border:1px solid #667063;color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-size:12px}.phase:first-child{border-radius:6px 0 0 6px}.phase:last-child{border-radius:0 6px 6px 0}.phase+ .phase{border-left:0}.phase:before{content:"";width:6px;height:6px;border-radius:50%;background:#7c8378}.phase.live{background:var(--lime);border-color:var(--lime);color:#17200b;font-weight:800}.phase.live:before{background:#263114;box-shadow:0 0 0 3px rgba(38,49,20,.15)}.phase.replay{color:#d0a8d4;border-color:var(--berry)}.phase.replay:before{background:var(--berry)}
    .menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--white);width:44px;height:44px;border-radius:8px;font-size:20px}
    .hero{position:relative;min-height:410px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 20%,rgba(138,90,144,.25),transparent 25%),linear-gradient(115deg,#1b1d17,#171714 54%,#242620)}
    .hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}.hero:before{background:repeating-linear-gradient(90deg,transparent 0,transparent 86px,rgba(250,249,242,.035) 87px,transparent 88px)}.hero:after{background:linear-gradient(90deg,rgba(23,23,20,.9),transparent 45%,rgba(23,23,20,.3))}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;padding:54px 0}
    .eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"01";color:#7f8778}.hero h1{margin:12px 0 16px;font-size:clamp(42px,5.1vw,64px);line-height:1.18;letter-spacing:-.055em;max-width:770px}.mark{color:var(--lime);text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:8px}.hero p{max-width:650px;margin:0;color:var(--muted);font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
    .btn{min-height:48px;border-radius:8px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s transform,.2s background,.2s box-shadow,.2s border}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#1c2410;box-shadow:0 8px 18px rgba(184,230,59,.18)}.btn-primary:hover{background:var(--lime-hi);box-shadow:0 12px 22px rgba(184,230,59,.28)}.btn-ghost{border-color:var(--line);color:var(--white);background:rgba(255,255,255,.03)}.btn-ghost:hover{background:#30342b;border-color:#64705a}
    .cover-board{position:relative;min-height:266px;border:1px solid rgba(184,230,59,.35);border-radius:var(--radius-lg);background:linear-gradient(135deg,#2b3027,#171714 68%);box-shadow:var(--shadow);overflow:hidden;padding:22px}.cover-board:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(250,249,242,.19);border-radius:50%;right:-92px;top:-88px}.cover-board:after{content:"";position:absolute;inset:24px;background:repeating-linear-gradient(0deg,transparent 0,transparent 23px,rgba(250,249,242,.05) 24px);pointer-events:none}.cover-top,.cover-num,.cover-list{position:relative;z-index:1}.cover-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.1em}.cover-num{margin-top:19px;font-size:74px;line-height:1;color:var(--lime);font-weight:800;font-variant-numeric:tabular-nums}.cover-list{margin-top:16px;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:6px;font-size:12px;color:#d7d9ce}.cover-list span{display:flex;justify-content:space-between}.cover-list b{font-weight:600;color:#d0a8d4}.track{position:absolute;z-index:2;bottom:0;width:100%;border-top:1px solid var(--line);background:#151612}.track-inner{height:50px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.track-line{height:2px;flex:1;background:linear-gradient(90deg,var(--lime) 0 36%,#5e6459 36% 100%)}
    section{padding:96px 0;position:relative}.section-head{max-width:620px;margin-bottom:34px}.section-kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.12em}.section-head h2{font-size:clamp(28px,3vw,38px);line-height:1.28;letter-spacing:-.04em;margin:8px 0 10px}.section-head p{margin:0;color:var(--muted);font-size:15px}
    .dashboard{background:var(--panel);background-image:linear-gradient(rgba(250,249,242,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(250,249,242,.025) 1px,transparent 1px);background-size:44px 44px}.dashboard-wrap{display:grid;grid-template-columns:4fr 8fr;gap:36px}.legend{border-left:2px solid var(--lime);padding:14px 0 14px 16px;color:var(--muted);font-size:14px}.legend strong{display:block;color:var(--white);margin-bottom:4px}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.metric{border:1px solid var(--line);background:#20221d;border-radius:var(--radius);padding:19px;min-height:130px}.metric.big{grid-row:span 2;min-height:274px;display:flex;flex-direction:column;justify-content:space-between}.metric-label{font-size:12px;color:var(--muted)}.metric-num{font-size:48px;line-height:1.1;font-weight:800;color:var(--lime);font-variant-numeric:tabular-nums}.metric.big .metric-num{font-size:78px}.metric-note{font-size:12px;color:#d2d4c8}.meter{height:6px;background:#4b5147;border-radius:6px;overflow:hidden;margin-top:12px}.meter span{display:block;height:100%;background:var(--lime);width:68%}.metric.wide{grid-column:span 2;min-height:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.filter-strip{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #5a6256;border-radius:5px;color:var(--muted);font-size:12px}.tag.lime{border-color:rgba(184,230,59,.7);color:var(--lime)}.tag.berry{border-color:var(--berry);color:#d5b1d9}
    .matrix{background:var(--ink)}.matrix-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.m-card{min-height:178px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);position:relative;overflow:hidden;transition:.2s transform,.2s border,.2s background}.m-card:hover{transform:translateY(-4px);border-color:rgba(184,230,59,.7);background:#2c3029}.m-card:hover .m-num{color:var(--lime)}.m-card.large{grid-column:span 7;min-height:260px;background:linear-gradient(135deg,#34382e,#242720 65%)}.m-card.five{grid-column:span 5}.m-card.four{grid-column:span 4}.m-card.eight{grid-column:span 8}.m-num{font-size:12px;color:#9ea396;letter-spacing:.1em;transition:.2s}.m-card h3{margin:12px 0 8px;font-size:20px;line-height:1.35}.m-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:470px}.m-footer{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.arrow{font-size:20px;color:var(--lime)}
    .compare{background:var(--paper);color:var(--dark-text)}.compare .section-kicker{color:#5d7b11}.compare .section-head p{color:var(--dark-muted)}.compare-box{display:grid;grid-template-columns:1fr 84px 1fr;border:1px solid var(--line-dark);background:#faf9f2;box-shadow:0 14px 30px rgba(32,34,30,.09)}.compare-side{padding:32px}.compare-side.good{background:#e9efcf}.compare-middle{display:grid;place-items:center;background:#deddd3;border-left:1px solid var(--line-dark);border-right:1px solid var(--line-dark);font-size:12px;font-weight:800;letter-spacing:.08em;writing-mode:vertical-rl}.compare-side h3{margin:0 0 16px;font-size:22px}.compare-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.compare-list li{border-bottom:1px solid var(--line-dark);padding-bottom:12px}.compare-list span{display:flex;justify-content:space-between;font-size:13px;color:var(--dark-muted)}.bar{height:5px;background:#c6c8bf;margin-top:7px}.bar i{display:block;height:100%;background:#75806b}.good .bar i{background:#8eb52a}.compare-bottom{margin-top:25px;display:flex;justify-content:flex-end}
    .entry{padding:64px 0;background:#20231d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.entry-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.entry h2{margin:7px 0 10px;font-size:30px;line-height:1.3}.entry p{color:var(--muted);margin:0}.entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-actions .btn{background:#2d312a}.entry-actions .btn:hover{background:#393f35}
    .faq{background:#181916;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 34px,rgba(250,249,242,.03) 35px)}.faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:40px}.faq-intro p{color:var(--muted);font-size:15px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:19px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;border:0;background:none;color:var(--white);text-align:left;font-weight:700;font-size:16px}.faq-q span:first-child:before{content:counter(faq,decimal-leading-zero);counter-increment:faq;color:var(--lime);font-size:12px;letter-spacing:.08em;margin-right:14px}.faq-list{counter-reset:faq}.faq-icon{font-size:24px;font-weight:300;color:var(--lime);flex:0 0 auto}.faq-a{max-height:0;overflow:hidden;color:var(--muted);transition:max-height .25s ease,padding .25s ease}.faq-item.open .faq-a{max-height:180px;padding:0 35px 19px}.faq-item.open .faq-icon{font-size:0}.faq-item.open .faq-icon:after{content:"−";font-size:24px}
    .form-section{background:var(--paper);color:var(--dark-text)}.form-wrap{border:1px solid var(--line-dark);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;background:#faf9f2;box-shadow:0 18px 38px rgba(32,34,30,.1)}.form-copy{padding:38px;background:#2a2d26;color:var(--white)}.form-copy h2{font-size:32px;line-height:1.3;margin:10px 0}.form-copy p{color:var(--muted);font-size:15px}.privacy{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;font-size:12px;color:#c5c8ba}.form{padding:34px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #b8b9ad;background:#f5f4ec;color:var(--dark-text);border-radius:7px;padding:12px 13px;min-height:46px;outline:none;transition:.2s}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8cae25;box-shadow:0 0 0 4px rgba(184,230,59,.18)}.consent{display:flex;align-items:flex-start;gap:9px;color:var(--dark-muted);font-size:12px;margin:2px 0 18px}.consent input{accent-color:#7fa51c;margin-top:5px}.form-msg{display:none;margin-top:12px;padding:10px 12px;border-radius:6px;background:#e4efc3;color:#3b5110;font-size:13px}.quick{background:#171714;padding:20px 0}.quick .container{display:flex;justify-content:space-between;align-items:center;gap:16px}.quick p{margin:0;color:var(--muted);font-size:13px}.quick-links{display:flex;gap:16px;font-size:13px;color:var(--lime)}.quick-links a:hover{text-decoration:underline}
    footer{background:#10110f;border-top:1px solid var(--line);padding:50px 0 22px;color:var(--muted);font-size:13px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:32px}.footer-logo{color:var(--white);font-size:18px;font-weight:800}.footer-brand p{max-width:300px;margin:10px 0}.footer-title{font-size:12px;color:var(--white);letter-spacing:.1em;margin-bottom:10px}.footer-links{display:grid;gap:8px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:16px;font-size:12px}
    @media(max-width:992px){.nav{gap:14px}.nav-links{gap:0}.hero-grid,.dashboard-wrap,.faq-grid{grid-template-columns:1fr}.hero{min-height:auto}.cover-board{max-width:560px}.dashboard-wrap{gap:24px}.matrix-grid .m-card.large{grid-column:span 7}.matrix-grid .m-card.five{grid-column:span 5}.entry-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.container{width:min(calc(100% - 36px),var(--max)}.signal{font-size:10px}.nav{height:68px}.nav-links,.nav>.phases{display:none}.menu-btn{display:block}.mobile-panel{display:none;position:fixed;z-index:60;inset:0;background:rgba(8,9,7,.84);padding:20px}.mobile-panel.show{display:block}.mobile-inner{background:#252822;border:1px solid var(--line);border-radius:14px;padding:20px;max-width:500px;margin:28px auto}.close-menu{float:right;background:none;border:0;color:var(--white);font-size:28px}.mobile-nav{clear:both;display:grid;gap:10px;padding-top:22px}.mobile-nav a{padding:12px;border-bottom:1px solid var(--line)}.mobile-phases{margin-top:18px;display:flex;overflow:auto}.hero-grid{padding:45px 0 70px;gap:28px}.hero h1{font-size:40px}.cover-board{min-height:210px}.track{display:none}section{padding:62px 0}.metric-grid{grid-template-columns:1fr}.metric.big{grid-row:auto;min-height:180px}.metric.wide{grid-column:auto}.matrix-grid{grid-template-columns:1fr 1fr}.matrix-grid .m-card,.matrix-grid .m-card.large,.matrix-grid .m-card.five,.matrix-grid .m-card.four,.matrix-grid .m-card.eight{grid-column:span 1;min-height:190px}.matrix-grid .m-card.large{grid-column:span 2}.compare-box{grid-template-columns:1fr}.compare-middle{writing-mode:initial;padding:12px;min-height:auto;border:0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.faq-grid{gap:20px}.form-wrap{grid-template-columns:1fr}.quick .container,.footer-bottom{flex-direction:column;align-items:flex-start}.entry-actions{grid-template-columns:1fr}.footer-grid{gap:24px}}
    @media(max-width:576px){body{font-size:15px}.logo{font-size:15px}.hero h1{font-size:34px}.hero p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.cover-board{padding:17px}.cover-num{font-size:59px}.section-head h2{font-size:27px}.metric.big .metric-num{font-size:62px}.matrix-grid{grid-template-columns:1fr}.matrix-grid .m-card.large{grid-column:span 1}.m-card{min-height:172px}.compare-side{padding:24px 19px}.field-grid{grid-template-columns:1fr}.form,.form-copy{padding:25px 19px}.footer-grid{grid-template-columns:1fr}.phases{overflow-x:auto}.btn{min-height:46px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{
--ink:#171714;--panel:#252822;--panel-2:#30342b;--paper:#f2f0e8;--paper-2:#e5e4d9;
--lime:#b8e63b;--lime-hi:#cdf75a;--berry:#8a5a90;--white:#faf9f2;--muted:#b8bbae;
--dark-text:#20221e;--dark-muted:#676b61;--line:rgba(250,249,242,.16);--line-dark:rgba(32,34,30,.16);
--radius:12px;--radius-lg:18px;--shadow:0 18px 32px rgba(0,0,0,.18);--max:1200px;
--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:var(--font);font-size:16px;line-height:1.8;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.container{width:min(calc(100% - 64px),var(--max));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(23,23,20,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.logo{font-size:17px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.logo em{font-style:normal;color:var(--lime)}
.nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}
.nav-link{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;color:var(--muted);font-size:14px;position:relative}
.nav-link:hover,.nav-link.active{color:var(--white)}
.nav-link.active:after{content:"";position:absolute;height:3px;left:13px;right:13px;bottom:4px;background:var(--lime)}
.phases{display:flex;align-items:center;gap:0;border-left:1px solid var(--line);padding-left:17px}
.phase{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;color:var(--muted);font-size:12px;border:1px solid transparent;border-radius:5px}
.phase:before{content:"";width:6px;height:6px;border-radius:50%;background:#7b8175}
.phase:hover{color:var(--white);border-color:var(--line)}
.phase.live{color:#25310a;background:var(--lime);font-weight:800}
.phase.live:before{background:#25310a;box-shadow:0 0 0 3px rgba(37,49,10,.15)}
.phase.replay{color:#d7b3db}
.phase.replay:before{background:var(--berry)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--white);width:44px;height:44px;border-radius:8px;font-size:20px}
.section{padding:88px 0;position:relative}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"02";color:#7f8778}
.section-kicker{color:#657d1b}
.section-head{max-width:650px;margin-bottom:34px}
.section-head h2{margin:8px 0 10px;color:var(--dark-text);font-size:clamp(28px,3vw,38px);line-height:1.28;letter-spacing:-.04em}
.section-head p{margin:0;color:var(--dark-muted);font-size:15px}
.btn{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,border .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--lime);color:#1c2410;box-shadow:0 8px 18px rgba(184,230,59,.18)}
.btn-primary:hover{background:var(--lime-hi);box-shadow:0 12px 22px rgba(184,230,59,.28)}
.btn-ghost{border-color:var(--line-dark);color:var(--dark-text);background:transparent}
.btn-ghost:hover{background:#dde1cf;border-color:#81915b}
.tag{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #6c7268;border-radius:5px;color:var(--dark-muted);font-size:12px;line-height:1.2}
.tag.lime{border-color:#839d2c;color:#4f660d}
.tag.berry{border-color:var(--berry);color:#75497a}
.tag.dark{border-color:var(--line);color:var(--muted)}
.category-hero{position:relative;overflow:hidden;background:var(--paper);color:var(--dark-text);border-bottom:1px solid var(--line-dark)}
.category-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 78px,rgba(32,34,30,.045) 79px,transparent 80px),linear-gradient(118deg,transparent 45%,rgba(138,90,144,.13) 45%,rgba(138,90,144,.13) 58%,transparent 58%)}
.category-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:385px;padding:56px 0}
.category-hero h1{max-width:670px;margin:12px 0 16px;font-size:clamp(40px,5vw,61px);line-height:1.16;letter-spacing:-.055em}
.category-hero h1 span{display:inline-block;border-bottom:7px solid var(--lime);line-height:.95}
.category-hero p{max-width:610px;margin:0;color:var(--dark-muted);font-size:16px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.filter-board{min-height:264px;position:relative;padding:25px;border:1px solid #92968a;border-radius:var(--radius-lg);background:#242720;color:var(--white);box-shadow:var(--shadow);overflow:hidden}
.filter-board:before{content:"筛选 / 02";position:absolute;right:18px;top:7px;color:rgba(250,249,242,.11);font-size:42px;font-weight:800;letter-spacing:-.08em}
.board-head,.board-line,.board-foot{position:relative;z-index:1}
.board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}
.board-head b{color:var(--lime)}
.board-line{padding:14px 0;border-bottom:1px solid var(--line)}
.board-line small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}
.board-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.board-option{padding:4px 8px;border:1px solid #586052;border-radius:4px;color:#d8dbcf;font-size:12px}
.board-option.on{border-color:var(--lime);color:var(--lime)}
.board-foot{display:flex;align-items:center;justify-content:space-between;padding-top:15px;color:var(--muted);font-size:12px}
.board-progress{width:112px;height:5px;overflow:hidden;background:#4a4e46;border-radius:5px}
.board-progress i{display:block;width:68%;height:100%;background:var(--lime)}
.filter-strip{background:#252822;border-bottom:1px solid var(--line);padding:18px 0}
.filter-strip-inner{display:flex;align-items:center;gap:14px;overflow:auto;padding-bottom:2px}
.filter-name{flex:none;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.1em}
.filter-chip{flex:none;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:transparent;font-size:13px;transition:.2s}
.filter-chip:hover,.filter-chip.active{border-color:var(--lime);background:rgba(184,230,59,.1);color:var(--white)}
.filter-select{min-height:38px;margin-left:auto;flex:none;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:#1d1f1b;color:var(--white);font-size:13px}
.index-area{background:var(--paper)}
.index-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(250px,4fr);gap:28px;align-items:start}
.content-stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.topic-card{position:relative;min-height:278px;padding:19px;border:1px solid var(--line-dark);border-radius:var(--radius);background:#faf9f2;overflow:hidden;box-shadow:0 8px 18px rgba(30,32,28,.06);transition:transform .2s,border .2s,box-shadow .2s}
.topic-card:hover{transform:translateY(-4px);border-color:#849d31;box-shadow:0 16px 24px rgba(30,32,28,.12)}
.topic-card.featured{grid-column:span 2;min-height:332px;background:#262922;color:var(--white)}
.topic-card.featured .topic-copy{max-width:52%}
.topic-card.featured .topic-card-text{color:var(--muted)}
.topic-num{font-size:12px;font-weight:800;letter-spacing:.12em;color:#6e7568}
.topic-card:hover .topic-num{color:#688817}
.topic-card.featured .topic-num{color:var(--lime)}
.topic-thumb{height:103px;margin:-19px -19px 18px;background:linear-gradient(125deg,#4c5144 0 32%,#8a5a90 32% 45%,#b8e63b 45% 48%,#292c25 48%);position:relative;overflow:hidden}
.topic-thumb:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 25px,rgba(250,249,242,.12) 26px,transparent 27px)}
.featured-art{position:absolute;right:0;top:0;width:43%;height:100%;background:linear-gradient(145deg,transparent 12%,rgba(138,90,144,.7) 12% 37%,transparent 37%),repeating-linear-gradient(90deg,rgba(250,249,242,.07) 0 1px,transparent 1px 38px)}
.featured-art:after{content:"06";position:absolute;right:21px;bottom:-35px;color:rgba(184,230,59,.85);font-size:145px;font-weight:800;line-height:1}
.topic-copy{position:relative;z-index:1}
.topic-card h3{margin:10px 0 7px;color:var(--dark-text);font-size:20px;line-height:1.4;letter-spacing:-.025em}
.topic-card.featured h3{color:var(--white);font-size:27px}
.topic-card-text{margin:0;color:var(--dark-muted);font-size:14px;line-height:1.75}
.card-meta{position:absolute;right:19px;bottom:16px;left:19px;display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line-dark);color:var(--dark-muted);font-size:12px}
.featured .card-meta{border-color:var(--line);color:var(--muted)}
.status-side{position:sticky;top:101px;padding:22px;border:1px solid var(--line-dark);border-radius:var(--radius);background:#e8e7dc;color:var(--dark-text)}
.status-side h2{margin:8px 0 9px;font-size:22px;line-height:1.4}
.status-side p{margin:0;color:var(--dark-muted);font-size:14px;line-height:1.75}
.side-list{list-style:none;padding:0;margin:18px 0}
.side-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line-dark);font-size:13px}
.side-list li:last-child{border-bottom:1px solid var(--line-dark)}
.side-list b{color:#53671a;font-variant-numeric:tabular-nums}
.side-links{display:grid;gap:8px;margin-top:17px}
.side-links a{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:1px solid #aeb1a5;border-radius:6px;font-size:13px;font-weight:700;transition:.2s}
.side-links a:hover{background:#d8dbc9;border-color:#799021}
.path-section{padding:0 0 88px;background:var(--paper)}
.path-box{padding:25px 28px;border:1px solid var(--line-dark);border-radius:var(--radius-lg);background:#dfe0d4;color:var(--dark-text)}
.path-box-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}
.path-box h2{margin:5px 0 0;font-size:26px;line-height:1.3}
.path-box p{max-width:420px;margin:0;color:var(--dark-muted);font-size:14px}
.path-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.path-step{position:relative;padding:13px 16px 0;border-top:3px solid #aab09f}
.path-step:before{content:"";position:absolute;top:-8px;left:0;width:12px;height:12px;border-radius:50%;background:#6e7568}
.path-step.active{border-color:var(--lime)}
.path-step.active:before{background:var(--lime);box-shadow:0 0 0 4px rgba(184,230,59,.2)}
.path-step b{display:block;font-size:14px}
.path-step span{display:block;margin-top:3px;color:var(--dark-muted);font-size:13px;line-height:1.55}
.quick-faq{background:#1b1c18;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 35px,rgba(250,249,242,.035) 36px)}
.quick-grid{display:grid;grid-template-columns:4fr 8fr;gap:42px}
.quick-grid .section-head h2{color:var(--white)}
.quick-grid .section-head p{color:var(--muted)}
.quick-items{border-top:1px solid var(--line)}
.quick-item{padding:18px 0;border-bottom:1px solid var(--line)}
.quick-item h3{margin:0 0 5px;font-size:16px}
.quick-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.feedback{background:var(--panel)}
.feedback-box{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;padding:35px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#2d3129,#22241f)}
.feedback-copy h2{margin:9px 0 10px;font-size:32px;line-height:1.3}
.feedback-copy p{margin:0;color:var(--muted);font-size:15px}
.note{margin-top:16px;color:#c5c8b9;font-size:12px;line-height:1.7}
.feedback-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:5px}
.field.full{grid-column:span 2}
.field label{font-size:12px;color:#d9dbd0;font-weight:700}
.field input,.field select,.field textarea{width:100%;border:1px solid #5a6155;border-radius:7px;padding:10px 12px;background:#191b17;color:var(--white);outline:0;transition:.2s border,.2s box-shadow}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(184,230,59,.15)}
.field textarea{height:92px;resize:vertical}
.form-message{grid-column:span 2;min-height:22px;margin:0;color:var(--muted);font-size:12px}
.form-message.success{color:var(--lime)}
.form-message.error{color:#eab5ce}
footer{padding:56px 0 22px;background:#121310;border-top:1px solid var(--line);background-image:repeating-linear-gradient(90deg,transparent 0,transparent 34px,rgba(250,249,242,.04) 35px)}
.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:30px}
.footer-logo{font-size:18px;font-weight:800;color:var(--white)}
.footer-brand p{max-width:270px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.footer-title{margin-bottom:9px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.09em}
.footer-links{display:grid;gap:6px}
.footer-links a{color:var(--muted);font-size:13px;transition:color .2s}
.footer-links a:hover{color:var(--white)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:1px solid var(--line);color:#85897e;font-size:12px}
@media(max-width:992px){
.container{width:min(calc(100% - 48px),var(--max))}
.nav{gap:14px}.phases{padding-left:10px}.category-grid{gap:30px}.index-layout{grid-template-columns:1fr}.status-side{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.side-list{margin:0}.side-links{margin:0}.quick-grid{gap:28px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:768px){
.container{width:min(calc(100% - 32px),var(--max))}
.nav{height:68px}.nav-links{display:none}.phases{margin-left:auto;max-width:270px;overflow-x:auto;white-space:nowrap}.phase{padding:0 7px}.menu-btn{display:block;flex:none}
.nav-links.open{display:flex;position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(320px,86vw);padding:92px 24px 28px;background:#20221e;flex-direction:column;align-items:stretch;gap:8px;box-shadow:-14px 0 30px rgba(0,0,0,.35)}
.nav-links.open:before{content:"频道导航";color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.12em}.nav-links.open .nav-link{font-size:17px;border-bottom:1px solid var(--line)}
.category-grid{grid-template-columns:1fr;min-height:auto;padding:48px 0}.category-hero h1{font-size:clamp(35px,9vw,48px)}.filter-board{min-height:230px}
.section{padding:64px 0}.filter-strip{padding:13px 0}.filter-select{margin-left:0}.content-stream{grid-template-columns:1fr}.topic-card.featured{grid-column:span 1}.topic-card.featured .topic-copy{max-width:66%}.status-side{grid-template-columns:1fr}.path-section{padding-bottom:64px}.path-box-head,.quick-grid,.feedback-box{grid-template-columns:1fr;display:grid}.path-steps{grid-template-columns:1fr;gap:8px}.path-step{padding-top:11px}.quick-grid{gap:10px}.feedback-box{padding:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:span 2}.footer-bottom{display:grid}
}
@media(max-width:576px){
body{font-size:15px}.logo{font-size:15px}.phases{max-width:184px}.phase{font-size:11px}.phase:before{width:5px;height:5px}.category-grid{padding:39px 0}.category-hero h1{font-size:34px}.category-hero p{font-size:15px}.hero-actions,.feedback-form{grid-template-columns:1fr}.hero-actions .btn{width:100%}.topic-card.featured .topic-copy{max-width:100%}.featured-art{opacity:.32;width:100%}.topic-card.featured h3{font-size:23px}.path-box{padding:21px}.feedback-box{padding:21px}.field,.field.full,.form-message{grid-column:span 1}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{margin-top:28px}.section-head h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}