/* roulang page: index */
:root{
      --bg:#07111f;
      --bg-soft:#091827;
      --panel:rgba(14,35,58,.76);
      --panel-strong:rgba(12,30,51,.92);
      --line:rgba(125,196,255,.16);
      --line-strong:rgba(90,183,255,.42);
      --blue:#36a9ff;
      --blue-soft:#9bd7ff;
      --mint:#42d6c3;
      --text:#edf7ff;
      --muted:#9bb3c9;
      --dim:#668199;
      --coral:#ff9b82;
      --radius-lg:24px;
      --radius-md:16px;
      --shadow:0 22px 65px rgba(0,0,0,.34);
      --glow:0 0 0 1px rgba(54,169,255,.22),0 10px 35px rgba(22,131,224,.23);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;color:var(--text);background:var(--bg);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      line-height:1.7;overflow-x:hidden;
      background-image:
        radial-gradient(circle at 82% 5%,rgba(54,169,255,.14),transparent 24rem),
        radial-gradient(circle at 12% 36%,rgba(66,214,195,.06),transparent 22rem),
        linear-gradient(rgba(151,212,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(151,212,255,.035) 1px,transparent 1px);
      background-size:auto,auto,42px 42px,42px 42px;
    }
    body:before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
      background:linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.68));
    }
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}
    ::selection{background:rgba(54,169,255,.32);color:#fff}
    ::-webkit-scrollbar{width:9px;height:7px}
    ::-webkit-scrollbar-track{background:#07111f}
    ::-webkit-scrollbar-thumb{background:#234968;border-radius:20px}
    ::-webkit-scrollbar-thumb:hover{background:#3579a5}
    .container{width:min(1240px,calc(100% - 48px));margin:auto}
    .site-header{
      position:sticky;top:0;z-index:50;background:rgba(7,17,31,.84);
      border-bottom:1px solid rgba(135,203,255,.12);backdrop-filter:blur(18px);
    }
    .topbar{min-height:72px;display:flex;align-items:center;gap:22px}
    .brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:-.04em;font-size:17px}
    .brand-mark{
      width:34px;height:34px;border-radius:12px;display:grid;place-items:center;
      color:#06111d;background:var(--blue);box-shadow:0 0 26px rgba(54,169,255,.52);
    }
    .brand-mark svg{width:19px;height:19px}
    .search-wrap{margin-left:auto;position:relative;width:min(340px,32vw)}
    .search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dim);width:18px;height:18px}
    .search-input{
      width:100%;height:42px;border:1px solid var(--line);border-radius:12px;
      padding:0 42px;color:var(--text);background:rgba(15,38,62,.64);outline:none;
      transition:.2s ease;
    }
    .search-input::placeholder{color:#758fa7}
    .search-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(54,169,255,.13)}
    .clear-search{position:absolute;right:8px;top:6px;width:30px;height:30px;border:0;color:var(--muted);background:transparent;border-radius:8px;display:none}
    .clear-search:hover{background:rgba(155,215,255,.1);color:#fff}
    .clear-search.show{display:block}
    .btn{
      min-height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
      gap:9px;padding:0 18px;border:1px solid transparent;font-weight:700;font-size:14px;
      transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn:focus-visible,.tab:focus-visible,.text-link:focus-visible,summary:focus-visible,.filter-btn:focus-visible{
      outline:3px solid rgba(155,215,255,.7);outline-offset:3px
    }
    .btn-primary{background:var(--blue);color:#06111d;box-shadow:0 9px 28px rgba(54,169,255,.3)}
    .btn-primary:hover{background:#6fc0ff;box-shadow:0 12px 36px rgba(54,169,255,.42)}
    .btn-secondary{background:rgba(11,32,53,.68);border-color:var(--line-strong);color:var(--blue-soft)}
    .btn-secondary:hover{border-color:var(--blue);background:rgba(22,67,104,.66);box-shadow:var(--glow)}
    .channel-bar{border-top:1px solid rgba(135,203,255,.1);position:relative}
    .channel-bar:after,.channel-bar:before{content:"";position:absolute;z-index:2;top:0;bottom:0;width:38px;pointer-events:none}
    .channel-bar:before{left:0;background:linear-gradient(90deg,#081625,transparent)}
    .channel-bar:after{right:0;background:linear-gradient(270deg,#081625,transparent)}
    .tabs{display:flex;align-items:center;gap:9px;height:52px;overflow-x:auto;scrollbar-width:none;padding:0 3px}
    .tabs::-webkit-scrollbar{display:none}
    .tab{white-space:nowrap;display:inline-flex;align-items:center;height:33px;padding:0 14px;border-radius:999px;color:var(--muted);border:1px solid transparent;font-size:14px;transition:.2s ease}
    .tab:hover{color:var(--text);border-color:var(--line);background:rgba(144,208,255,.06)}
    .tab.active{color:var(--blue-soft);border-color:rgba(54,169,255,.5);background:rgba(54,169,255,.12);box-shadow:inset 0 0 17px rgba(54,169,255,.09)}
    main{padding-bottom:20px}
    section{position:relative}
    .hero{padding:78px 0 54px}
    .hero-stage{
      min-height:520px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);
      padding:clamp(34px,6vw,78px);display:flex;align-items:flex-end;box-shadow:var(--shadow);
      background:
        linear-gradient(90deg,rgba(7,17,31,.95) 14%,rgba(7,17,31,.66) 54%,rgba(7,17,31,.26)),
        radial-gradient(circle at 74% 45%,rgba(54,169,255,.35),transparent 25%),
        linear-gradient(135deg,#102b47,#091a2b 52%,#07111f);
    }
    .hero-stage:after{
      content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;
      background-image:linear-gradient(rgba(169,220,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(169,220,255,.14) 1px,transparent 1px);
      background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 0%,#000 44%,#000 100%);
    }
    .hero-copy{position:relative;z-index:2;max-width:700px}
    .eyebrow,.status-badge{
      display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 11px;
      color:var(--blue-soft);background:rgba(13,51,80,.7);border:1px solid rgba(110,197,255,.24);font-size:13px;font-weight:700;
    }
    .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(38px,5.3vw,61px);line-height:1.15;letter-spacing:-.055em;margin:18px 0 20px;font-weight:850}
    h1 .shine{color:var(--blue-soft);text-shadow:0 0 30px rgba(54,169,255,.28)}
    .hero-copy>p{max-width:670px;color:#bfd2e1;font-size:17px;margin-bottom:27px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-metrics{display:flex;flex-wrap:wrap;gap:22px;margin-top:35px;color:var(--muted);font-size:13px}
    .hero-metrics span{display:flex;align-items:center;gap:8px}
    .hero-metrics b{color:var(--text);font-size:16px}
    .hero-index{
      position:absolute;z-index:1;right:5%;top:13%;width:min(410px,42%);padding:20px;border-radius:20px;
      background:rgba(9,27,46,.73);border:1px solid rgba(155,215,255,.2);backdrop-filter:blur(12px);
      transform:rotate(-3deg);box-shadow:0 30px 70px rgba(0,0,0,.34);
    }
    .index-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;color:var(--muted);font-size:12px}
    .signal{display:flex;gap:5px}.signal i{width:7px;height:7px;background:var(--mint);border-radius:50%}.signal i:nth-child(2){opacity:.55}.signal i:nth-child(3){opacity:.24}
    .index-line{height:1px;background:var(--line);margin:11px 0}
    .index-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 0;color:#c9ddeb;font-size:13px}
    .index-row strong{font-size:12px;color:var(--blue)}
    .index-row em{font-size:11px;font-style:normal;color:var(--dim)}
    .index-row:nth-child(4){background:rgba(54,169,255,.11);margin:0 -8px;padding:12px 8px;border-radius:10px}
    .scroll-note{position:absolute;z-index:3;bottom:20px;right:34px;color:#afd5ef;font-size:12px;display:flex;gap:9px;align-items:center}
    .scroll-note:after{content:"↓";font-size:18px;color:var(--blue)}
    .section-pad{padding:96px 0}
    .section-heading{max-width:700px;margin-bottom:38px}
    .section-kicker{color:var(--mint);font-size:13px;font-weight:700;letter-spacing:.08em}
    h2{font-size:clamp(29px,3.5vw,41px);line-height:1.25;letter-spacing:-.045em;margin:9px 0 13px}
    .section-heading p{color:var(--muted);font-size:16px;margin:0}
    .glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(15px)}
    .countdown-wrap{padding:0 0 20px}
    .countdown{
      display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center;padding:23px 28px;border-radius:18px;
      background:linear-gradient(100deg,rgba(14,47,76,.89),rgba(11,30,51,.84));border:1px solid rgba(66,214,195,.27);
    }
    .countdown h2{font-size:21px;margin:0 0 3px}.countdown p{margin:0;color:var(--muted);font-size:14px}
    .time-boxes{display:flex;justify-content:flex-end;gap:9px}
    .time-box{min-width:58px;text-align:center;padding:8px 7px;border-radius:10px;background:rgba(3,14,26,.52);border:1px solid var(--line)}
    .time-box b{display:block;font-size:21px;line-height:1.1;color:var(--blue-soft)}.time-box small{font-size:11px;color:var(--dim)}
    .pain-grid{display:grid;grid-template-columns:1fr .92fr;gap:30px;align-items:stretch}
    .pain-list{padding:8px 0}
    .pain-item{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
    .pain-item:first-child{border-top:1px solid var(--line)}
    .pain-num{font-size:14px;color:var(--blue);font-weight:800;padding-top:3px}
    .pain-item h3{margin:0 0 5px;font-size:19px}.pain-item p{margin:0;color:var(--muted);font-size:14px}
    .path-card{padding:28px;border-radius:var(--radius-lg);position:relative;overflow:hidden}
    .path-card:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-90px;border-radius:50%;background:rgba(54,169,255,.13);filter:blur(20px)}
    .path-card h3{font-size:21px;margin:14px 0 23px}
    .path-step{position:relative;display:flex;align-items:flex-start;gap:13px;padding-bottom:22px}
    .path-step:not(:last-child):before{content:"";position:absolute;width:1px;top:25px;bottom:2px;left:10px;background:linear-gradient(var(--blue),transparent)}
    .path-dot{position:relative;z-index:1;width:21px;height:21px;flex:0 0 21px;border:5px solid #0c2239;border-radius:50%;background:var(--blue);box-shadow:0 0 14px rgba(54,169,255,.7)}
    .path-step p{margin:0;color:#b6cad9;font-size:14px}.path-step b{display:block;margin-bottom:2px;font-size:15px}
    .flow-rail{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:rgba(11,31,52,.55)}
    .flow-step{padding:26px 23px;min-height:204px;position:relative;border-right:1px solid var(--line)}
    .flow-step:last-child{border-right:0}
    .flow-step:after{content:"→";position:absolute;right:-10px;top:37%;z-index:2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#133858;color:var(--blue-soft);font-size:12px}
    .flow-step:last-child:after{display:none}
    .flow-no{color:var(--blue);font-weight:800;font-size:13px}.flow-step h3{font-size:19px;margin:15px 0 8px}.flow-step p{font-size:14px;color:var(--muted);margin:0}.micro-tag{color:var(--mint);font-size:12px;margin-top:17px;display:block}
    .topic-matrix{margin-top:24px;display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}
    .topic-card{border-radius:16px;padding:20px;min-height:138px;position:relative;overflow:hidden;background:rgba(13,35,57,.73);border:1px solid var(--line);transition:.22s ease}
    .topic-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:var(--glow)}
    .topic-card:first-child{grid-row:span 2;min-height:290px;background:linear-gradient(145deg,rgba(20,68,105,.85),rgba(12,31,51,.76))}
    .topic-card h3{font-size:18px;margin:13px 0 7px}.topic-card p{font-size:13px;color:var(--muted);margin:0;max-width:245px}.topic-arrow{position:absolute;bottom:17px;right:18px;color:var(--blue);font-size:20px}
    .result-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:30px;align-items:stretch}
    .result-lead{padding:32px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between}
    .big-number{font-size:72px;line-height:1;color:var(--blue-soft);letter-spacing:-.08em;font-weight:800}.result-lead h3{font-size:25px;margin:11px 0}.result-lead p{color:var(--muted);font-size:15px;margin:0}.result-foot{padding-top:27px;color:var(--mint);font-size:13px}
    .preview-list{display:flex;flex-direction:column;gap:12px}
    .preview{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:17px;padding:13px;border-radius:16px;border:1px solid var(--line);background:rgba(11,30,51,.59);transition:.2s ease}
    .preview:hover{transform:translateX(3px);border-color:var(--line-strong);background:rgba(16,44,70,.73)}
    .preview-img{height:78px;border-radius:10px;background:linear-gradient(140deg,#164b73,#0b2138);position:relative;overflow:hidden}
    .preview-img:after{content:"";position:absolute;width:110px;height:110px;right:-28px;bottom:-58px;border-radius:50%;border:1px solid rgba(155,215,255,.25)}
    .preview small{color:var(--mint);font-size:12px}.preview h3{font-size:16px;margin:3px 0}.preview p{color:var(--muted);font-size:13px;margin:0}.preview-arrow{font-size:22px;color:var(--blue)}
    .highlight-wall{display:grid;grid-template-columns:1.12fr .88fr;gap:15px}
    .highlight-main,.highlight-side{border-radius:var(--radius-lg);padding:30px;position:relative;overflow:hidden}
    .highlight-main{min-height:312px;background:linear-gradient(135deg,rgba(17,74,110,.84),rgba(9,29,49,.85));border:1px solid rgba(54,169,255,.34)}
    .highlight-main:before{content:"";position:absolute;width:380px;height:380px;right:-170px;bottom:-180px;border-radius:50%;border:1px solid rgba(155,215,255,.28);box-shadow:0 0 60px rgba(54,169,255,.16)}
    .highlight-main h3{position:relative;font-size:28px;line-height:1.3;max-width:430px;margin:18px 0 10px}.highlight-main p{position:relative;color:#c5ddeb;max-width:460px;font-size:15px}
    .highlight-points{position:relative;display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.highlight-points span{font-size:13px;padding:6px 10px;border-radius:999px;background:rgba(2,15,28,.32);border:1px solid rgba(155,215,255,.18);color:var(--blue-soft)}
    .highlight-side{display:grid;gap:15px;padding:0;background:transparent;border:0}
    .side-note{padding:24px;border-radius:18px;background:rgba(13,36,59,.74);border:1px solid var(--line)}
    .side-note h3{font-size:18px;margin:10px 0 5px}.side-note p{font-size:14px;color:var(--muted);margin:0}
    .side-note .line-icon{display:block;color:var(--mint);font-size:21px;line-height:1}
    .quote-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:15px}
    .quote-main,.quote-mini{border-radius:var(--radius-lg);border:1px solid var(--line);background:rgba(12,32,53,.7);padding:30px}
    .quote-mark{color:var(--blue);font-size:58px;line-height:.7;font-family:Georgia,serif}
    .quote-main blockquote{font-size:22px;line-height:1.55;margin:16px 0 28px;color:#e2f2ff}.quote-name{font-size:13px;color:var(--muted)}.quote-name b{display:block;color:var(--blue-soft);font-size:14px}
    .quote-stack{display:grid;gap:15px}.quote-mini{padding:22px}.quote-mini p{margin:10px 0 16px;font-size:15px;color:#cfdfec}.quote-mini .quote-mark{font-size:38px}
    .faq-wrap{max-width:900px;margin:auto}.faq-wrap details{border-top:1px solid var(--line);padding:0}.faq-wrap details:last-child{border-bottom:1px solid var(--line)}
    summary{list-style:none;position:relative;padding:20px 43px 20px 0;font-size:17px;font-weight:700;cursor:pointer}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:7px;top:15px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:22px;font-weight:400;transition:.2s ease}
    details[open] summary:after{transform:rotate(45deg);background:rgba(54,169,255,.12)}
    .faq-answer{padding:0 45px 21px 0;color:var(--muted);font-size:15px}
    .cta-panel{padding:clamp(30px,5vw,62px);border-radius:var(--radius-lg);overflow:hidden;position:relative;background:linear-gradient(120deg,rgba(17,61,94,.86),rgba(8,25,42,.93));border:1px solid rgba(70,173,255,.37);box-shadow:var(--shadow)}
    .cta-panel:before{content:"";position:absolute;inset:auto -50px -170px auto;width:480px;height:480px;border-radius:50%;border:1px solid rgba(155,215,255,.2);box-shadow:0 0 0 42px rgba(54,169,255,.04),0 0 0 84px rgba(54,169,255,.025)}
    .cta-panel>*{position:relative}.cta-panel h2{max-width:670px;margin-bottom:13px}.cta-panel p{max-width:650px;color:#b9d1e1;font-size:16px}.cta-note{margin-top:18px;color:var(--dim);font-size:13px}
    .footer{margin-top:95px;border-top:1px solid var(--line);background:rgba(4,13,24,.64)}
    .footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:45px;padding:54px 0 35px}.footer .brand{font-size:18px}.footer-intro{color:var(--muted);font-size:14px;max-width:390px;margin-top:15px}.footer h3{font-size:14px;color:var(--blue-soft);margin:0 0 13px}.footer-links{display:grid;gap:9px}.footer-links a{font-size:14px;color:var(--muted);transition:.2s}.footer-links a:hover{color:var(--blue-soft);padding-left:3px}
    .footer-bottom{padding:19px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--dim);font-size:13px}.back-top{color:var(--blue-soft)}.back-top:hover{color:#fff}
    @media(max-width:1024px){
      .hero{padding-top:54px}.hero-stage{min-height:520px}.hero-index{right:3%;width:43%;opacity:.82}
      .flow-step{padding:21px 16px}.topic-matrix{grid-template-columns:1fr 1fr}.topic-card:first-child{grid-row:auto;grid-column:span 2;min-height:185px}
    }
    @media(max-width:768px){
      .container{width:min(100% - 36px,1240px)}.topbar{min-height:64px;gap:11px}.brand{font-size:14px}.brand-mark{width:31px;height:31px;border-radius:10px}
      .search-wrap{width:42px;margin-left:auto}.search-wrap svg{left:12px;z-index:1}.search-input{padding:0;width:42px;color:transparent;background:rgba(15,38,62,.45)}.search-input:focus{width:190px;position:absolute;right:0;color:var(--text);padding-left:40px}.clear-search{display:none!important}.topbar>.btn{padding:0 12px;font-size:13px;min-height:40px}
      .hero{padding:34px 0 38px}.hero-stage{min-height:620px;padding:34px 25px;align-items:flex-start}.hero-copy>p{font-size:16px}.hero-index{top:auto;bottom:51px;left:25px;right:25px;width:auto;transform:none}.scroll-note{right:25px}
      .section-pad{padding:68px 0}.pain-grid,.result-layout,.highlight-wall,.quote-grid{grid-template-columns:1fr}.path-card{min-height:auto}.flow-rail{grid-template-columns:1fr 1fr}.flow-step:nth-child(2){border-right:0}.flow-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow-step:after{display:none}
      .countdown{grid-template-columns:1fr;padding:21px}.time-boxes{justify-content:flex-start}.preview{grid-template-columns:94px 1fr auto}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:span 2}
    }
    @media(max-width:520px){
      .container{width:calc(100% - 32px)}.brand{max-width:175px}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>.btn{font-size:0;width:42px;padding:0}.topbar>.btn svg{display:block}
      h1{font-size:38px}.hero-stage{min-height:650px;padding:29px 20px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-metrics{gap:11px 16px}.hero-index{left:20px;right:20px;bottom:45px;padding:15px}.index-row{padding:9px 0;grid-template-columns:30px 1fr auto}.index-row:nth-child(4){padding:9px 6px}
      .section-pad{padding:58px 0}.section-heading{margin-bottom:26px}.section-heading p{font-size:15px}.countdown h2{font-size:19px}.time-box{min-width:52px}.pain-item{grid-template-columns:38px 1fr;gap:10px}.flow-rail{grid-template-columns:1fr}.flow-step{border-right:0!important;border-bottom:1px solid var(--line)}.flow-step:last-child{border-bottom:0}.topic-matrix{grid-template-columns:1fr}.topic-card:first-child{grid-column:auto}.preview{grid-template-columns:76px 1fr}.preview-arrow{display:none}.preview-img{height:70px}.preview h3{font-size:15px}.preview p{font-size:12px}.big-number{font-size:61px}.quote-main blockquote{font-size:19px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.cta-panel{padding:30px 23px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
    }

/* roulang page: category1 */
:root{
 --bg:#07111f;--bg-soft:#091827;--panel:rgba(14,35,58,.76);--panel-strong:rgba(12,30,51,.92);
 --line:rgba(125,196,255,.16);--line-strong:rgba(90,183,255,.42);--blue:#36a9ff;
 --blue-soft:#9bd7ff;--mint:#42d6c3;--text:#edf7ff;--muted:#9bb3c9;--dim:#668199;
 --coral:#ff9b82;--radius-lg:24px;--radius-md:16px;--shadow:0 22px 65px rgba(0,0,0,.34);
 --glow:0 0 0 1px rgba(54,169,255,.22),0 10px 35px rgba(22,131,224,.23);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;color:var(--text);background:var(--bg);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
 line-height:1.7;overflow-x:hidden;
 background-image:radial-gradient(circle at 82% 5%,rgba(54,169,255,.14),transparent 24rem),radial-gradient(circle at 12% 36%,rgba(66,214,195,.06),transparent 22rem),linear-gradient(rgba(151,212,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(151,212,255,.035) 1px,transparent 1px);
 background-size:auto,auto,42px 42px,42px 42px;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.68))}
a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer} img{max-width:100%;display:block}
.container{width:min(1240px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.84);border-bottom:1px solid rgba(135,203,255,.12);backdrop-filter:blur(18px)}
.topbar{min-height:72px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:-.04em;font-size:17px}
.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#06111d;background:var(--blue);box-shadow:0 0 26px rgba(54,169,255,.52)}
.brand-mark svg{width:19px;height:19px}
.search-wrap{margin-left:auto;position:relative;width:min(340px,32vw)}
.search-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dim);width:18px;height:18px}
.search-input{width:100%;height:42px;border:1px solid var(--line);border-radius:12px;padding:0 42px;color:var(--text);background:rgba(15,38,62,.64);outline:none;transition:.2s ease}
.search-input::placeholder{color:#758fa7}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(54,169,255,.13)}
.clear-search{position:absolute;right:8px;top:6px;width:30px;height:30px;border:0;color:var(--muted);background:transparent;border-radius:8px;display:none}.clear-search.show{display:block}.clear-search:hover{background:rgba(155,215,255,.1);color:#fff}
.btn{min-height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid transparent;font-weight:700;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--blue);color:#06111d;box-shadow:0 9px 28px rgba(54,169,255,.3)}.btn-primary:hover{background:#6fc0ff;box-shadow:0 12px 36px rgba(54,169,255,.42)}
.btn-secondary{background:rgba(11,32,53,.68);border-color:var(--line-strong);color:var(--blue-soft)}.btn-secondary:hover{border-color:var(--blue);background:rgba(22,67,104,.66);box-shadow:var(--glow)}
.btn-text{padding:0;color:var(--blue-soft);min-height:30px}.btn-text:hover{color:#fff}.btn-text span{transition:transform .2s ease}.btn-text:hover span{transform:translateX(4px)}
.btn:focus-visible,.tab:focus-visible,.text-link:focus-visible,summary:focus-visible,.filter-btn:focus-visible,.content-card a:focus-visible,input:focus-visible{outline:3px solid rgba(155,215,255,.7);outline-offset:3px}
.channel-bar{border-top:1px solid rgba(125,196,255,.08);background:rgba(6,19,33,.56)}
.tabs{display:flex;align-items:center;gap:9px;min-height:52px;overflow-x:auto;scrollbar-width:none;position:relative}.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;border:1px solid transparent;border-radius:999px;padding:7px 13px;color:var(--muted);font-size:14px;font-weight:700;transition:.2s ease}.tab:hover{color:var(--blue-soft);border-color:var(--line)}.tab.active{color:var(--blue-soft);border-color:var(--line-strong);background:rgba(54,169,255,.12);box-shadow:inset 0 0 16px rgba(54,169,255,.08)}
main{padding-bottom:18px}.page-hero{padding:48px 0 32px}
.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--dim);font-size:13px;margin-bottom:20px}.breadcrumb a:hover{color:var(--blue-soft)}.breadcrumb span{color:var(--line-strong)}
.index-head{position:relative;overflow:hidden;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(110deg,rgba(12,35,58,.94),rgba(10,27,45,.78));box-shadow:var(--shadow)}
.index-head:after{content:"";position:absolute;width:320px;height:320px;right:-80px;top:-130px;border:1px solid rgba(91,185,255,.22);border-radius:50%;box-shadow:0 0 0 36px rgba(54,169,255,.035),0 0 0 72px rgba(54,169,255,.02)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:38px;align-items:end;position:relative;z-index:1}
.eyebrow,.status-badge,.tag{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 10px;color:var(--blue-soft);background:rgba(13,51,80,.7);border:1px solid rgba(110,197,255,.24);font-size:12px;font-weight:700}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.5vw,56px);letter-spacing:-.055em;line-height:1.18;margin:16px 0 18px;max-width:800px}h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.045em;line-height:1.25;margin-bottom:12px}h3{font-size:19px;letter-spacing:-.025em;line-height:1.4}
.hero-desc{color:#bdd1e2;font-size:16px;max-width:720px;margin-bottom:25px}
.hero-search{display:flex;gap:10px;max-width:630px}.hero-search input{width:100%;min-height:48px;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:0 15px;background:rgba(5,20,35,.55);outline:none}.hero-search input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(54,169,255,.12)}
.signal-panel{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(6,22,38,.63);backdrop-filter:blur(12px)}
.signal-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.live-dot{display:inline-flex;gap:6px;align-items:center;color:var(--mint);font-weight:700}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.signal-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:14px 0 0;font-size:13px}.signal-row b{color:var(--blue);font-size:12px}.signal-row em{font-style:normal;color:var(--dim);font-size:11px}
.statusbar{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,28,47,.54);color:var(--muted);font-size:13px}.statusbar strong{color:var(--text)}.status-divider{height:16px;width:1px;background:var(--line)}
.section-pad{padding:76px 0}.content-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.filter-panel{position:sticky;top:142px;padding:21px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:0 16px 44px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.filter-panel h2{font-size:18px;margin-bottom:17px}.filter-group{padding:18px 0;border-top:1px solid var(--line)}.filter-group:first-of-type{border-top:0;padding-top:0}.filter-group h3{font-size:13px;color:var(--blue-soft);margin-bottom:10px}
.check-item{display:flex;align-items:center;gap:10px;min-height:34px;color:var(--muted);font-size:14px;cursor:pointer}.check-item:hover{color:var(--text)}.check-item input{accent-color:var(--blue);width:15px;height:15px}.filter-actions{display:grid;gap:9px;margin-top:6px}
.filter-btn{min-height:40px;border-radius:10px;border:1px solid var(--line);background:rgba(10,31,51,.7);color:var(--blue-soft);font-weight:700;font-size:13px}.filter-btn:hover{border-color:var(--line-strong);background:rgba(31,81,121,.38)}.mobile-filter{display:none}
.result-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.result-head p{margin:0;color:var(--muted);font-size:14px}.sort-select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#0b2137;color:var(--blue-soft);padding:0 10px;outline:none}
.feature-card,.content-card,.explore-banner{border:1px solid var(--line);background:var(--panel);box-shadow:0 16px 48px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
.feature-card{display:grid;grid-template-columns:42% 1fr;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:22px;transition:.25s ease}.feature-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.cover{position:relative;min-height:270px;overflow:hidden;background:linear-gradient(135deg,#154971,#0c263f 58%,#061421)}.cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(150,216,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(150,216,255,.15) 1px,transparent 1px);background-size:28px 28px;opacity:.6}.cover:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-30px;bottom:-35px;border:1px solid rgba(155,215,255,.5);box-shadow:0 0 0 28px rgba(54,169,255,.08),0 0 50px rgba(54,169,255,.3)}
.cover-label{position:absolute;z-index:2;left:20px;top:18px;padding:7px 10px;border:1px solid rgba(155,215,255,.28);border-radius:999px;background:rgba(4,17,29,.64);color:var(--blue-soft);font-size:12px;font-weight:700}.cover-lines{position:absolute;z-index:2;left:20px;bottom:22px;width:68%;display:grid;gap:8px}.cover-lines i{height:7px;border-radius:99px;background:rgba(193,229,255,.55)}.cover-lines i:nth-child(2){width:74%;background:var(--blue)}.cover-lines i:nth-child(3){width:46%;background:rgba(66,214,195,.72)}
.feature-copy{padding:28px}.feature-copy h2{font-size:25px;margin:12px 0}.feature-copy p{color:var(--muted);font-size:15px;margin-bottom:18px}.meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--dim);font-size:12px;margin-bottom:20px}.meta span{display:inline-flex;align-items:center;gap:5px}.meta i{width:5px;height:5px;border-radius:50%;background:var(--mint)}
.card-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:start}.card-stack{display:grid;gap:20px}.content-card{position:relative;overflow:hidden;border-radius:var(--radius-md);padding:23px;transition:.25s ease}.content-card:hover,.content-card:focus-within{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--glow)}.content-card.large{min-height:286px}.card-number{position:absolute;right:19px;top:14px;color:rgba(155,215,255,.13);font-size:48px;line-height:1;font-weight:800}
.content-card p{position:relative;color:var(--muted);font-size:14px;margin:12px 0 16px}.content-card h3{position:relative;margin:12px 0 0}.card-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.card-footer small{color:var(--dim)}.text-link{font-size:13px;color:var(--blue-soft);font-weight:700}.text-link:hover{color:#fff}
.explore-banner{overflow:hidden;position:relative;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:22px 0;padding:27px;border-color:rgba(54,169,255,.38);border-radius:var(--radius-lg);background:linear-gradient(100deg,rgba(15,57,88,.68),rgba(9,28,46,.87))}.explore-banner:after{content:"";position:absolute;right:-20px;top:50%;width:250px;height:90px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(155,215,255,.25) 17px 18px);mask-image:linear-gradient(90deg,transparent,#000 30%,transparent)}.explore-banner p{color:var(--muted);margin:8px 0 0;font-size:14px}.explore-banner h2{font-size:23px;margin:0;position:relative;z-index:1}.explore-banner .btn{position:relative;z-index:1}
.pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:31px}.page-num{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:14px}.page-num:hover{border-color:var(--line-strong);color:var(--blue-soft)}.page-num.active{background:var(--blue);border-color:var(--blue);color:#06111d;font-weight:800}
.faq-wrap{max-width:900px;margin:auto}.section-heading{max-width:690px;margin-bottom:30px}.section-kicker{color:var(--mint);font-size:13px;font-weight:700;letter-spacing:.08em}.section-heading p{color:var(--muted);margin:0;font-size:16px}
.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 42px 20px 0;font-weight:700;font-size:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:6px;top:15px;color:var(--blue);font-size:26px;font-weight:300;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{max-width:780px;color:var(--muted);padding:0 0 20px;margin:0;font-size:15px}
.mini-cta{padding:0 0 84px}.mini-cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 30%,rgba(54,169,255,.18),transparent 16rem),rgba(11,32,53,.8);box-shadow:var(--shadow)}.mini-cta h2{font-size:28px;margin:0 0 8px}.mini-cta p{color:var(--muted);margin:0;max-width:650px;font-size:15px}
.footer{padding:52px 0 20px;border-top:1px solid var(--line);background:rgba(4,14,25,.68)}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:45px;padding-bottom:38px}.footer h3{font-size:14px;color:var(--blue-soft);margin:5px 0 14px}.footer-intro{max-width:390px;color:var(--muted);font-size:14px;margin:17px 0 0}.footer-links{display:grid;gap:9px}.footer-links a{color:var(--muted);font-size:14px}.footer-links a:hover{color:var(--blue-soft)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:19px;border-top:1px solid var(--line);color:var(--dim);font-size:13px}.back-top{color:var(--blue-soft)}.back-top:hover{color:#fff}
@media(max-width:1024px){.hero-layout{grid-template-columns:1fr 300px}.content-layout{grid-template-columns:235px minmax(0,1fr)}.feature-card{grid-template-columns:38% 1fr}.footer-grid{gap:26px}}
@media(max-width:768px){.container{width:min(100% - 36px,1240px)}.topbar{min-height:64px;gap:12px}.brand{font-size:14px}.brand-mark{width:31px;height:31px}.search-wrap{width:auto;margin-left:auto}.search-input{width:42px;padding:0;opacity:0}.search-input:focus{width:190px;padding-left:42px;opacity:1}.clear-search{display:none!important}.topbar>.btn{padding:0 12px;min-height:40px;font-size:13px}.topbar>.btn span{display:none}.page-hero{padding-top:30px}.hero-layout{grid-template-columns:1fr;gap:22px}.signal-panel{max-width:500px}.statusbar{align-items:flex-start}.status-divider{display:none}.content-layout{display:block}.filter-panel{display:none}.mobile-filter{display:flex;width:100%;margin-bottom:18px}.result-head{align-items:flex-start;flex-direction:column}.feature-card{grid-template-columns:1fr}.cover{min-height:180px}.card-grid{grid-template-columns:1fr}.explore-banner{grid-template-columns:1fr}.explore-banner .btn{width:max-content}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mini-cta-box{display:block}.mini-cta-box .btn{margin-top:20px}.hero-search{flex-direction:column}.hero-search .btn{width:100%}}
@media(max-width:480px){.container{width:min(100% - 32px,1240px)}.brand>span:last-child{max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>.btn{width:40px;padding:0}.tabs{margin:0 -16px;padding:0 16px}.index-head{padding:25px 20px}h1{font-size:34px}.statusbar{padding:12px}.feature-copy,.content-card{padding:20px}.feature-copy h2{font-size:22px}.section-pad{padding:58px 0}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.back-top{display:inline-block;margin-top:8px}.mini-cta-box{padding:25px 21px}.explore-banner{padding:22px}.pagination{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}