/* roulang page: index */
:root{
      --bg:#120d14;
      --bg-deep:#0c090d;
      --panel:#1a121d;
      --panel-2:#24182a;
      --panel-soft:#201722;
      --text:#f5eff3;
      --muted:#b8aab5;
      --dim:#887886;
      --line:rgba(236,222,231,.14);
      --line-strong:rgba(208,255,83,.42);
      --lime:#d2ff53;
      --lime-dark:#a9d62b;
      --coral:#ff896f;
      --purple:#aa78c8;
      --radius:18px;
      --radius-sm:11px;
      --shadow:0 20px 55px rgba(0,0,0,.28);
      --sidebar:248px;
      --content:1320px;
      --ease:180ms ease;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;background:var(--bg);color:var(--text);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
      font-size:16px;line-height:1.72;overflow-x:hidden;
    }
    body:before{
      content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;z-index:-1;
      background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
      background-size:42px 42px;
    }
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    :focus-visible{outline:3px solid var(--lime);outline-offset:3px}
    .side-nav{
      width:var(--sidebar);min-height:100vh;position:fixed;inset:0 auto 0 0;z-index:20;
      display:flex;flex-direction:column;padding:28px 18px 20px;
      background:rgba(14,10,15,.96);border-right:1px solid var(--line);
    }
    .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 28px}
    .brand-mark{
      width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:#14100e;
      font-weight:900;font-size:14px;border-radius:8px;box-shadow:0 0 0 5px rgba(210,255,83,.08);
    }
    .brand-name{font-size:18px;font-weight:800;letter-spacing:.02em;line-height:1.25}
    .brand-sub{display:block;font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.16em;margin-top:3px}
    .nav-label{font-size:11px;letter-spacing:.16em;color:var(--dim);padding:0 10px 10px}
    .nav-links{display:grid;gap:7px}
    .nav-link{
      min-height:51px;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;
      color:var(--muted);border-radius:10px;transition:var(--ease);font-size:15px;font-weight:650;
    }
    .nav-no{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);min-width:23px}
    .nav-link:hover{background:var(--panel-soft);color:var(--text);border-color:var(--line)}
    .nav-link.active{background:linear-gradient(90deg,rgba(210,255,83,.15),rgba(210,255,83,.03));border-color:rgba(210,255,83,.24);color:var(--lime)}
    .nav-link.active .nav-no{color:var(--lime)}
    .nav-bottom{margin-top:auto;padding:20px 9px 4px;border-top:1px solid var(--line)}
    .live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);display:inline-block;margin-right:7px}
    .nav-bottom p{color:var(--dim);font-size:12px;margin:7px 0 0;line-height:1.6}
    .mobile-header{display:none}
    .main{margin-left:var(--sidebar);min-width:0}
    .container{width:min(calc(100% - 72px),var(--content));margin:0 auto}
    section{position:relative}
    .section{padding:92px 0}
    .eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.13em;margin:0 0 13px}
    .eyebrow:before{content:"";display:block;width:25px;height:1px;background:currentColor}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(39px,5.2vw,77px);line-height:1.08;letter-spacing:-.055em;margin-bottom:22px}
    h2{font-size:clamp(28px,3vw,44px);line-height:1.16;letter-spacing:-.04em;margin-bottom:16px}
    h3{font-size:20px;line-height:1.35;margin-bottom:8px}
    .section-copy{max-width:680px;color:var(--muted);margin-bottom:30px}
    .button{
      min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;
      border:1px solid transparent;border-radius:9px;font-weight:800;font-size:14px;transition:var(--ease);
    }
    .button-primary{background:var(--lime);color:#15120e;box-shadow:0 9px 22px rgba(210,255,83,.14)}
    .button-primary:hover{background:#e0ff81;transform:translateY(-2px);box-shadow:0 14px 29px rgba(210,255,83,.2)}
    .button-primary:active{transform:translateY(0);background:var(--lime-dark)}
    .button-ghost{border-color:var(--line);background:rgba(255,255,255,.02);color:var(--text)}
    .button-ghost:hover{border-color:rgba(210,255,83,.5);color:var(--lime);background:rgba(210,255,83,.06)}
    .hero{padding:56px 0 55px;min-height:650px;display:flex;align-items:center;overflow:hidden}
    .hero:after{content:"";position:absolute;width:48vw;height:48vw;right:-18vw;top:-12vw;border-radius:50%;background:radial-gradient(circle,rgba(170,120,200,.17),transparent 66%);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:46px;align-items:center;width:100%}
    .hero-copy{position:relative;z-index:1;padding:26px 0}
    .hero-copy p{max-width:530px;color:var(--muted);font-size:17px;margin-bottom:29px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:33px}
    .hero-kpi{display:flex;gap:24px;flex-wrap:wrap}
    .hero-kpi div{padding-left:12px;border-left:2px solid var(--coral)}
    .hero-kpi strong{display:block;font-family:ui-monospace,monospace;font-size:20px;color:var(--text);line-height:1.2}
    .hero-kpi span{font-size:12px;color:var(--dim)}
    .hero-stage{
      min-height:480px;position:relative;display:grid;align-content:end;padding:26px;
      border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);
      background:linear-gradient(132deg,#2a1730 0%,#160f18 47%,#271b23 100%);
      clip-path:polygon(7% 0,100% 0,100% 91%,93% 100%,0 100%,0 9%);
    }
    .hero-stage:before{
      content:"";position:absolute;inset:0;
      background:radial-gradient(circle at 76% 22%,rgba(210,255,83,.34),transparent 19%),radial-gradient(circle at 35% 68%,rgba(255,137,111,.23),transparent 30%),linear-gradient(125deg,transparent 0 42%,rgba(255,255,255,.04) 42% 43%,transparent 43%);
    }
    .stage-number{position:absolute;top:25px;right:27px;font:900 clamp(90px,13vw,177px)/.8 ui-monospace,monospace;letter-spacing:-.12em;color:rgba(255,255,255,.08)}
    .stage-ribbon{position:absolute;left:0;top:76px;padding:8px 20px;background:var(--coral);color:#25110d;font-size:12px;font-weight:900;letter-spacing:.1em}
    .stage-card{position:relative;background:rgba(13,10,14,.74);border:1px solid rgba(255,255,255,.16);padding:20px;border-radius:13px;backdrop-filter:blur(10px)}
    .stage-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
    .status{font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px;background:rgba(210,255,83,.13);color:var(--lime);border:1px solid rgba(210,255,83,.23)}
    .stage-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px 0 0;align-items:end}
    .stage-row strong{font-size:21px;line-height:1.2}
    .stage-row b{font:900 41px/1 ui-monospace,monospace;color:var(--lime)}
    .filter-band{margin-top:32px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 15px;background:var(--bg-deep);border:1px solid var(--line);border-radius:12px}
    .filter-band small{font-weight:800;color:var(--dim);margin-right:5px}
    .pill{display:inline-flex;align-items:center;min-height:29px;padding:4px 10px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line);font-size:12px;color:var(--muted)}
    .pill.hot{color:#2d1e18;background:var(--coral);border-color:var(--coral);font-weight:800}
    .story{background:#100c11;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .story-layout{display:grid;grid-template-columns:1.05fr 1.45fr;gap:55px;align-items:start}
    .story-side{padding:24px 0;border-left:1px solid var(--line);padding-left:23px}
    .story-side strong{display:block;font:800 48px/1 ui-monospace,monospace;color:var(--lime);letter-spacing:-.1em}
    .story-side span{color:var(--dim);font-size:13px}
    .promise-list{display:grid;gap:0;border-top:1px solid var(--line)}
    .promise{display:grid;grid-template-columns:52px 1fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
    .promise-index{color:var(--coral);font:800 13px ui-monospace,monospace}
    .promise p{margin:0;color:var(--muted);font-size:14px}
    .promise b{font-size:13px;color:var(--text)}
    .matrix-head,.compare-head,.news-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:29px}
    .matrix-head .section-copy,.compare-head .section-copy,.news-head .section-copy{margin-bottom:0}
    .matrix{display:grid;grid-template-columns:1.35fr .85fr .85fr;grid-template-rows:255px 255px;gap:14px}
    .topic-card{
      position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
      padding:20px;display:flex;flex-direction:column;justify-content:end;transition:var(--ease);
    }
    .topic-card:hover{transform:translateY(-4px);border-color:rgba(210,255,83,.43);box-shadow:var(--shadow)}
    .topic-card:first-child{grid-row:span 2;background:linear-gradient(145deg,#2a1a2e,#171017 65%)}
    .topic-art{position:absolute;inset:0;opacity:.72;pointer-events:none}
    .art-one{background:radial-gradient(circle at 75% 23%,rgba(210,255,83,.35),transparent 16%),linear-gradient(143deg,transparent 0 42%,rgba(255,137,111,.16) 42% 43%,transparent 43%),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px)}
    .art-two{background:radial-gradient(circle at 75% 22%,rgba(255,137,111,.32),transparent 18%),linear-gradient(160deg,transparent 40%,rgba(170,120,200,.2) 40% 42%,transparent 42%)}
    .art-three{background:radial-gradient(circle at 28% 34%,rgba(210,255,83,.23),transparent 21%),repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.035) 22px 23px)}
    .topic-card:after{content:"";position:absolute;right:-21px;top:-30px;width:116px;height:116px;border:1px solid rgba(255,255,255,.13);border-radius:50%}
    .topic-content{position:relative;z-index:1}
    .topic-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}
    .topic-num{font:800 13px ui-monospace,monospace;color:var(--lime)}
    .topic-card h3{font-size:25px;margin:17px 0 7px}
    .topic-card:not(:first-child) h3{font-size:18px;margin-top:13px}
    .topic-card p{font-size:13px;color:var(--muted);margin-bottom:15px;max-width:370px}
    .topic-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--dim)}
    .text-link{color:var(--lime);font-weight:800;white-space:nowrap}
    .text-link:hover{color:#edffc1}
    .compare{background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .route-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px}
    .route-panel.featured{border-color:rgba(210,255,83,.4);background:linear-gradient(135deg,rgba(210,255,83,.09),var(--panel) 50%)}
    .route-top{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}
    .route-top h3{margin:0}
    .route-no{font:900 36px/1 ui-monospace,monospace;color:var(--coral)}
    .featured .route-no{color:var(--lime)}
    .route-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:13px}
    .route-list li{display:grid;grid-template-columns:115px 1fr;gap:13px;align-items:center;font-size:13px}
    .route-list span{color:var(--dim)}
    .bar{height:7px;background:#0d090e;border-radius:10px;overflow:hidden}
    .bar i{display:block;height:100%;border-radius:inherit;background:var(--coral)}
    .featured .bar i{background:var(--lime)}
    .route-panel .button{width:100%}
    .timeline-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}
    .timeline{border-left:1px solid var(--line);margin:8px 0 0 9px;padding-left:28px;display:grid;gap:0}
    .timeline-item{position:relative;padding:0 0 26px}
    .timeline-item:before{content:"";position:absolute;width:11px;height:11px;left:-34px;top:6px;border-radius:50%;background:var(--panel);border:2px solid var(--coral)}
    .timeline-item:first-child:before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 13px rgba(210,255,83,.5)}
    .timeline-time{font:800 12px ui-monospace,monospace;color:var(--coral)}
    .timeline-item h3{font-size:17px;margin:4px 0}
    .timeline-item p{font-size:14px;color:var(--muted);margin:0}
    .news-board{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
    .news-row{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line);transition:var(--ease)}
    .news-row:last-child{border-bottom:0}
    .news-row:hover{background:rgba(210,255,83,.06)}
    .news-row strong{font:800 13px ui-monospace,monospace;color:var(--dim)}
    .news-row h3{font-size:16px;margin:0 0 2px}
    .news-row p{font-size:12px;color:var(--dim);margin:0}
    .news-row time{color:var(--muted);font-size:12px;white-space:nowrap}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:start}
    .faq-sticky{position:sticky;top:30px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{
      width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 1px;
      color:var(--text);background:none;border:0;text-align:left;font-weight:800;font-size:16px;
    }
    .faq-icon{width:27px;height:27px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--lime);transition:var(--ease)}
    .faq-question[aria-expanded="true"] .faq-icon{transform:rotate(45deg);background:var(--lime);color:#16100f;border-color:var(--lime)}
    .faq-answer{display:none;padding:0 40px 20px 1px;color:var(--muted);font-size:14px}
    .faq-answer.open{display:block}
    .subscribe{padding-top:45px}
    .form-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:42px;background:linear-gradient(120deg,#27162c,#1a131d 54%,#242019);border:1px solid rgba(210,255,83,.22);border-radius:23px;box-shadow:var(--shadow)}
    .form-panel p{color:var(--muted)}
    .privacy-note{font-size:12px;color:var(--dim);border-left:2px solid var(--coral);padding-left:12px;margin-top:23px}
    form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .field{display:grid;gap:7px}
    .field.full{grid-column:1/-1}
    label{font-size:13px;font-weight:800;color:var(--text)}
    input,select,textarea{
      width:100%;min-height:47px;border:1px solid var(--line);border-radius:9px;padding:11px 13px;
      background:#100c12;color:var(--text);transition:var(--ease);
    }
    textarea{min-height:92px;resize:vertical}
    input::placeholder,textarea::placeholder{color:#746774}
    input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.3)}
    input:focus,select:focus,textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(210,255,83,.13)}
    .field-error{display:none;color:#ffad9a;font-size:12px}
    .form-submit{grid-column:1/-1;display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:3px}
    .form-success{display:none;color:var(--lime);font-size:13px;font-weight:700}
    .cta-strip{margin-top:27px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg-deep);border:1px solid var(--line);border-radius:13px}
    .cta-strip h3{margin:0;font-size:18px}
    .cta-strip p{margin:2px 0 0;color:var(--dim);font-size:13px}
    footer{margin-top:82px;background:#0b080c;border-top:1px solid var(--line);padding:43px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:32px;padding-bottom:31px;border-bottom:1px solid var(--line)}
    .footer-brand{font-size:20px;font-weight:900}
    .footer-grid p{font-size:13px;color:var(--dim);max-width:370px;margin:10px 0 0}
    .footer-title{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.1em;margin-bottom:11px}
    .footer-links{display:grid;gap:8px;font-size:13px;color:var(--dim)}
    .footer-links a:hover{color:var(--lime)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:19px;color:#746875;font-size:12px}
    .age-note{color:var(--coral);font-weight:700}
    @media(max-width:1024px){
      :root{--sidebar:204px}
      .container{width:min(calc(100% - 46px),var(--content))}
      .hero-grid{gap:27px}.hero-stage{min-height:420px}
      .matrix{grid-template-columns:1.15fr .85fr .85fr}
      .form-panel,.faq-layout,.timeline-wrap,.story-layout{gap:30px}
    }
    @media(max-width:768px){
      body{padding-top:65px}.side-nav{display:none}.main{margin-left:0}.mobile-header{height:65px;display:flex;position:fixed;inset:0 0 auto;z-index:30;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(12,9,13,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
      .mobile-brand{font-size:16px;font-weight:900}.mobile-brand span{color:var(--lime)}
      .menu-button{width:42px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:19px}
      .mobile-menu{display:none;position:fixed;z-index:29;top:65px;left:0;right:0;padding:14px 18px 19px;background:#120d14;border-bottom:1px solid var(--line)}
      .mobile-menu.open{display:grid;gap:7px}.mobile-menu .nav-link{min-height:44px}
      .section{padding:68px 0}.hero{padding:31px 0 43px;min-height:auto}.hero-grid,.story-layout,.timeline-wrap,.faq-layout,.form-panel{grid-template-columns:1fr}
      .hero-stage{min-height:365px}.hero-copy{padding:0}.matrix-head,.compare-head,.news-head{align-items:start;flex-direction:column}
      .matrix{grid-template-columns:1fr 1fr;grid-template-rows:260px 215px}.topic-card:first-child{grid-column:span 2;grid-row:auto}
      .compare-grid{grid-template-columns:1fr}.faq-sticky{position:static}.footer-grid{grid-template-columns:1fr 1fr}
      .footer-grid>div:first-child{grid-column:1/-1}.story-side{display:none}
    }
    @media(max-width:520px){
      .container{width:min(calc(100% - 30px),var(--content))}h1{font-size:40px}.section{padding:54px 0}
      .hero-stage{min-height:320px;padding:16px;clip-path:polygon(5% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%)}
      .stage-number{font-size:100px;top:19px}.stage-ribbon{top:57px;padding:6px 14px}.stage-card{padding:15px}.stage-row b{font-size:33px}
      .hero-kpi{gap:16px}.filter-band{overflow-x:auto;flex-wrap:nowrap}.filter-band::-webkit-scrollbar{display:none}
      .matrix{display:flex;flex-direction:column}.topic-card,.topic-card:first-child{min-height:210px}.topic-card:first-child{min-height:260px}
      .route-list li{grid-template-columns:90px 1fr}.news-row{grid-template-columns:35px 1fr}.news-row time{display:none}
      form{grid-template-columns:1fr}.field.full{grid-column:auto}.form-submit{grid-column:auto}.form-panel{padding:26px 19px;gap:24px}
      .cta-strip{padding:17px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom p{margin:0 0 8px}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{
 --bg:#120d14;
 --bg-deep:#0c090d;
 --panel:#1a121d;
 --panel-2:#24182a;
 --panel-soft:#201722;
 --text:#f5eff3;
 --muted:#b8aab5;
 --dim:#887886;
 --line:rgba(236,222,231,.14);
 --line-strong:rgba(208,255,83,.42);
 --lime:#d2ff53;
 --lime-dark:#a9d62b;
 --coral:#ff896f;
 --purple:#aa78c8;
 --radius:18px;
 --radius-sm:11px;
 --shadow:0 20px 55px rgba(0,0,0,.28);
 --sidebar:204px;
 --content:1320px;
 --ease:180ms ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:var(--bg);color:var(--text);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
 font-size:16px;line-height:1.72;overflow-x:hidden;
}
body:before{
 content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;z-index:-1;
 background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
 background-size:42px 42px;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
.side-nav{
 width:var(--sidebar);min-height:100vh;position:fixed;inset:0 auto 0 0;z-index:20;
 display:flex;flex-direction:column;padding:28px 18px 20px;
 background:rgba(14,10,15,.96);border-right:1px solid var(--line);
}
.side-nav-logo{display:block;padding:6px 8px 28px}
.logo-main{display:block;font-size:18px;font-weight:800;letter-spacing:.02em;line-height:1.25}
.logo-sub{display:block;font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.12em;margin-top:5px}
.side-nav-links{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.side-nav-link{
 min-height:51px;display:flex;align-items:center;gap:11px;padding:10px;
 border:1px solid transparent;color:var(--muted);border-radius:10px;
 transition:var(--ease);font-size:15px;font-weight:650;
}
.side-nav-link:hover{background:var(--panel-soft);color:var(--text);border-color:var(--line)}
.side-nav-link.active{background:linear-gradient(90deg,rgba(210,255,83,.15),rgba(210,255,83,.03));border-color:rgba(210,255,83,.24);color:var(--lime)}
.nav-icon{font-size:22px;line-height:0;color:var(--dim)}
.side-nav-link.active .nav-icon{color:var(--lime)}
.side-nav-footer{margin-top:auto;padding:20px 9px 4px;border-top:1px solid var(--line);color:var(--dim);font-size:11px;letter-spacing:.12em}
.mobile-header{display:none}
.main{margin-left:var(--sidebar);min-width:0}
.container{width:min(calc(100% - 72px),var(--content));margin:0 auto}
.section{padding:84px 0}
.eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.13em;margin:0 0 13px}
.eyebrow:before{content:"";display:block;width:25px;height:1px;background:currentColor}
.button{
 min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:800;font-size:14px;transition:var(--ease);
}
.button-primary{background:var(--lime);color:#15120e;box-shadow:0 9px 22px rgba(210,255,83,.14)}
.button-primary:hover{background:#e0ff81;transform:translateY(-2px)}
.button-primary:active{transform:translateY(0);background:var(--lime-dark)}
.button-ghost{border-color:var(--line);background:rgba(255,255,255,.02);color:var(--text)}
.button-ghost:hover{border-color:rgba(210,255,83,.5);color:var(--lime);background:rgba(210,255,83,.06)}
.button:focus-visible,.side-nav-link:focus-visible,.filter-chip:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(210,255,83,.7);outline-offset:3px}
.page-head{padding:64px 0 34px}
.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--dim);font-size:13px;margin-bottom:28px}
.breadcrumb a:hover{color:var(--lime)}
.head-grid{display:grid;grid-template-columns:1fr 390px;gap:42px;align-items:stretch}
.head-copy{padding:8px 0}
.head-copy h1{font-size:clamp(36px,5vw,68px);line-height:1.1;letter-spacing:-.05em;margin:0 0 20px;max-width:760px}
.head-copy p{max-width:680px;color:var(--muted);font-size:17px;margin-bottom:25px}
.head-meta{display:flex;flex-wrap:wrap;gap:10px}
.meta-item{border-left:2px solid var(--coral);padding:2px 14px 2px 11px}
.meta-item strong{display:block;color:var(--text);font:800 21px/1.2 ui-monospace,SFMono-Regular,monospace}
.meta-item span{font-size:12px;color:var(--dim)}
.head-visual{
 min-height:285px;position:relative;overflow:hidden;padding:24px;
 border:1px solid var(--line);background:linear-gradient(135deg,#2b1931,#171019 58%,#342025);
 clip-path:polygon(8% 0,100% 0,100% 88%,92% 100%,0 100%,0 12%);
 box-shadow:var(--shadow);
}
.head-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(210,255,83,.3),transparent 21%),linear-gradient(125deg,transparent 42%,rgba(255,255,255,.06) 43%,transparent 44%)}
.visual-num{position:absolute;right:20px;top:15px;color:rgba(255,255,255,.1);font:900 116px/.9 ui-monospace,monospace}
.visual-label{position:absolute;left:0;top:54px;padding:8px 18px;background:var(--coral);color:#28100d;font-size:12px;font-weight:900}
.visual-note{position:absolute;left:25px;right:25px;bottom:23px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;background:rgba(20,13,22,.55)}
.filter-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filter-title{font-size:12px;color:var(--dim);font-weight:800;margin-right:5px}
.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;border-radius:30px;font-size:13px;transition:var(--ease)}
.filter-chip:hover,.filter-chip.active{border-color:var(--lime);color:var(--lime);background:rgba(210,255,83,.08)}
.filter-select{margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:8px}
.index-section{padding:76px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.section-heading h2{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-.035em;margin:0}
.section-heading p{color:var(--muted);max-width:420px;margin:0}
.index-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}
.feature-card{min-height:430px;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#39203b 0%,#1b121d 63%,#24151b 100%);box-shadow:var(--shadow)}
.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(210,255,83,.23),transparent 20%),linear-gradient(130deg,transparent 45%,rgba(255,137,111,.16) 46%,transparent 47%)}
.feature-card:hover{border-color:rgba(210,255,83,.42)}
.card-number{position:absolute;top:23px;left:27px;color:var(--lime);font:800 13px ui-monospace,monospace}
.feature-tag,.list-tag{display:inline-flex;width:max-content;color:#1a150c;background:var(--lime);font-size:11px;font-weight:900;padding:4px 9px;border-radius:4px;margin-bottom:14px}
.feature-card h3{position:relative;font-size:30px;line-height:1.25;margin:0 0 10px}
.feature-card p{position:relative;color:var(--muted);max-width:600px;margin:0 0 20px}
.card-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--dim);font-size:12px}
.card-foot a{color:var(--lime);font-weight:800}
.index-list{display:grid;gap:10px}
.index-item{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);transition:var(--ease)}
.index-item:hover{transform:translateX(4px);border-color:rgba(210,255,83,.4);background:var(--panel-2)}
.index-no{font:800 15px ui-monospace,monospace;color:var(--coral)}
.index-item h3{font-size:16px;margin:0 0 4px;line-height:1.4}
.index-item p{font-size:12px;color:var(--dim);margin:0}
.index-arrow{color:var(--lime);font-size:20px}
.groups{padding:20px 0 86px}
.group-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.group{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:25px}
.group h3{display:flex;justify-content:space-between;gap:15px;font-size:19px;margin:0 0 20px}
.group h3 span{font:700 12px ui-monospace,monospace;color:var(--dim)}
.entry{display:grid;grid-template-columns:9px 1fr auto;gap:13px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.entry:first-of-type{border-top:0;padding-top:0}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);margin-top:9px;box-shadow:0 0 0 4px rgba(210,255,83,.1)}
.entry h4{font-size:15px;margin:0 0 3px}
.entry p{color:var(--dim);font-size:12px;margin:0}
.entry time{font-size:11px;color:var(--dim);white-space:nowrap}
.trend{height:8px;background:#302230;border-radius:5px;overflow:hidden;margin-top:18px}
.trend i{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--lime));border-radius:inherit}
.faq-section{padding:84px 0;background:rgba(10,7,12,.28);border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}
.faq-intro h2{font-size:clamp(28px,3vw,44px);line-height:1.2;margin:0 0 14px}
.faq-intro p{color:var(--muted)}
.faq-list{display:grid;gap:9px}
details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);transition:var(--ease)}
details[open]{border-color:rgba(210,255,83,.4)}
summary{cursor:pointer;list-style:none;padding:17px 20px;font-weight:750;display:flex;justify-content:space-between;gap:15px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--lime);font-size:21px;line-height:1}
details[open] summary:after{content:"−"}
.answer{padding:0 20px 18px;color:var(--muted);font-size:14px}
.cta-section{padding:70px 0}
.cta-box{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:30px 34px;border:1px solid rgba(210,255,83,.3);background:linear-gradient(100deg,rgba(210,255,83,.1),rgba(255,137,111,.06));border-radius:var(--radius)}
.cta-box h2{font-size:27px;margin:0 0 7px}
.cta-box p{color:var(--muted);margin:0}
.cta-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:flex-end}
.status-label{font-size:12px;color:var(--lime);white-space:nowrap}
footer{border-top:1px solid var(--line);padding:54px 0 22px;background:var(--bg-deep)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}
.footer-brand{font-size:20px;font-weight:850}
.footer-grid p{color:var(--dim);font-size:13px;max-width:390px;margin:12px 0 0}
.footer-title{color:var(--text);font-weight:800;margin-bottom:12px}
.footer-links{display:grid;gap:8px;color:var(--muted);font-size:14px}
.footer-links a{transition:var(--ease)}
.footer-links a:hover{color:var(--lime);transform:translateX(3px)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:var(--dim);font-size:12px}
.footer-bottom p{margin:0}
.age-note{color:var(--coral)!important}
@media(max-width:1024px){
 :root{--sidebar:176px}
 .container{width:min(calc(100% - 44px),var(--content))}
 .head-grid{grid-template-columns:1fr 330px;gap:25px}
 .index-layout,.group-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
 :root{--sidebar:0px}
 .side-nav{display:none}
 .mobile-header{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;padding:15px 20px;background:rgba(14,10,15,.97);border-bottom:1px solid var(--line)}
 .mobile-logo{font-weight:850;font-size:16px}
 .menu-button{border:1px solid var(--line);background:var(--panel);color:var(--lime);border-radius:8px;padding:8px 12px}
 .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:12px 20px 18px;background:var(--bg-deep);border-bottom:1px solid var(--line)}
 .mobile-menu.open{display:grid;gap:7px}
 .mobile-menu a{padding:11px;border-radius:8px;color:var(--muted)}
 .mobile-menu a:hover,.mobile-menu a.active{background:var(--panel-soft);color:var(--lime)}
 .main{margin-left:0}
 .section,.index-section,.faq-section{padding:58px 0}
 .page-head{padding:42px 0 28px}
 .head-grid,.faq-grid{grid-template-columns:1fr}
 .head-visual{min-height:220px}
 .filter-inner{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
 .filter-title{flex:0 0 auto}
 .filter-chip{flex:0 0 auto}
 .filter-select{margin-left:0;flex:0 0 auto}
 .section-heading{display:block}
 .section-heading p{margin-top:12px}
 .cta-box{grid-template-columns:1fr;padding:25px}
 .cta-actions{justify-content:flex-start}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .container{width:min(calc(100% - 32px),var(--content))}
 .head-copy h1{font-size:39px}
 .head-copy p{font-size:15px}
 .head-meta{gap:7px}
 .meta-item{padding-right:8px}
 .feature-card{min-height:390px;padding:23px}
 .feature-card h3{font-size:25px}
 .index-item{grid-template-columns:35px 1fr auto;padding:14px 12px;gap:9px}
 .index-arrow{font-size:17px}
 .group{padding:19px}
 .entry{grid-template-columns:9px 1fr}
 .entry time{grid-column:2}
 .footer-grid{grid-template-columns:1fr}
 .footer-bottom{display:block}
 .footer-bottom p+p{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
}