/* roulang page: index */
:root{--bg:#07111f;--bg2:#0b1730;--panel:rgba(15,31,57,.72);--panel2:#102343;--line:rgba(139,190,255,.18);--text:#edf6ff;--muted:#91a8c4;--blue:#5aa8ff;--cyan:#9de8ff;--violet:#b783ff;--rose:#ff8eaa;--radius:20px;--shadow:0 22px 70px rgba(0,0,0,.32)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 4%,rgba(92,93,220,.23),transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.78);border-bottom:1px solid rgba(139,190,255,.12);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand-mark{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.brand small{display:block;color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:600}.links{display:flex;align-items:center;gap:6px;margin-left:auto}.links a{padding:9px 14px;border-radius:10px;color:var(--muted);font-size:14px;transition:.2s}.links a:hover,.links a.active{color:#fff;background:rgba(90,168,255,.12);box-shadow:inset 0 -2px var(--blue)}.nav-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#65e5b4;box-shadow:0 0 12px #65e5b4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 19px;font-weight:700;font-size:14px;transition:.2s}.btn-primary{background:linear-gradient(135deg,#3989f2,#7768ee);color:#fff;box-shadow:0 10px 28px rgba(75,126,255,.3)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--cyan)}.btn-secondary:hover{border-color:var(--blue);background:rgba(90,168,255,.1);transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(157,232,255,.65);outline-offset:3px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{padding:88px 0 74px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:420px;height:420px;right:6%;top:30px;background:radial-gradient(circle,rgba(90,168,255,.23),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--cyan)}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.hero p{color:var(--muted);font-size:17px;max-width:590px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{display:flex;gap:26px;margin-top:30px;color:var(--muted);font-size:12px}.hero-meta strong{display:block;color:#fff;font-size:21px}.console{position:relative;padding:18px;border-radius:24px;transform:rotate(1deg)}.console-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.console-title{font-weight:800}.console-tools{color:var(--muted);font-size:12px}.preview{height:205px;border-radius:16px;margin:18px 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#172f57 0%,#4c3275 50%,#21172f 100%)}.preview:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(157,232,255,.18),transparent 65%)}.preview-label{position:absolute;left:18px;bottom:16px;z-index:1}.preview-label b{display:block;font-size:22px}.preview-label span{color:#c5d8eb;font-size:12px}.console-list{display:grid;gap:9px}.console-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.thumb{width:54px;height:38px;border-radius:8px;background:linear-gradient(135deg,#235e95,#6c3c8d);flex:none}.row-text{flex:1;font-size:13px}.row-text small{display:block;color:var(--muted);font-size:11px}.quality{color:var(--cyan);font-size:11px}.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-kicker{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1px}.section h2{font-size:34px;line-height:1.2;margin:7px 0 0;letter-spacing:-1px}.section-head p{color:var(--muted);max-width:520px;margin:0}.panel{border-radius:var(--radius);padding:24px}.feature-layout{display:grid;grid-template-columns:270px 1fr;gap:20px}.side-tabs{display:grid;align-content:start;gap:8px}.side-tabs button{background:transparent;border:1px solid transparent;color:var(--muted);padding:13px 15px;text-align:left;border-radius:12px}.side-tabs button:hover,.side-tabs button.active{color:#fff;background:rgba(90,168,255,.12);border-color:var(--line)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-item{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid transparent;transition:.2s}.content-item:hover{border-color:var(--line);background:rgba(90,168,255,.08);transform:translateY(-2px)}.content-item .thumb{width:88px;height:62px}.item-info{flex:1}.item-info b{display:block;font-size:15px}.item-info p{font-size:12px;color:var(--muted);margin:2px 0}.item-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{padding:3px 8px;border-radius:6px;background:rgba(90,168,255,.1);font-size:10px;letter-spacing:0}.tag.rose{color:var(--rose);background:rgba(255,142,170,.1)}.scenes{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.scene-main{min-height:310px;border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(35,81,139,.72),rgba(58,34,98,.9))}.scene-main:after{content:"";position:absolute;right:-50px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(157,232,255,.3);box-shadow:0 0 0 32px rgba(157,232,255,.05),0 0 0 64px rgba(157,232,255,.03)}.scene-main h3{font-size:27px;margin:18px 0 8px}.scene-main p{color:#c4d8ed;max-width:450px}.scene-steps{display:flex;gap:14px;margin-top:30px}.step{font-size:12px;color:var(--muted)}.step i{display:block;color:var(--cyan);font-style:normal;font-size:22px;font-weight:800}.scene-list{display:grid;gap:12px}.scene-list article{padding:20px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.scene-list h3{font-size:17px;margin:0 0 5px}.scene-list p{font-size:13px;color:var(--muted);margin:0}.showcase{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.showcase-main{min-height:270px;padding:28px;border-radius:var(--radius);background:linear-gradient(110deg,rgba(55,80,150,.8),rgba(83,39,98,.7));position:relative;overflow:hidden}.showcase-main h3{font-size:28px;margin:55px 0 8px}.showcase-main p{color:#c9d7e9;max-width:500px}.showcase-side{display:grid;gap:16px}.mini{padding:20px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.mini b{display:block;font-size:18px;margin:12px 0 4px}.mini p{margin:0;color:var(--muted);font-size:12px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price{padding:25px;border-radius:var(--radius);position:relative}.price.featured{border-color:rgba(157,232,255,.6);background:linear-gradient(145deg,rgba(31,75,133,.8),rgba(38,35,83,.78));box-shadow:0 0 38px rgba(90,168,255,.14)}.price h3{margin:0;font-size:19px}.price p{color:var(--muted);font-size:13px;min-height:44px}.price ul{list-style:none;padding:0;margin:20px 0}.price li{padding:7px 0;border-bottom:1px solid rgba(139,190,255,.1);color:#c7d8e9;font-size:13px}.faq{max-width:820px;margin:auto;display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:14px;padding:17px 20px;background:rgba(255,255,255,.035)}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);font-size:14px;margin:12px 0 2px}.cta{padding:38px 42px;border-radius:24px;background:linear-gradient(105deg,#173d70,#37285f);display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{margin:0 0 7px;font-size:29px}.cta p{margin:0;color:#bfd0e5}.footer{padding:42px 0 28px;border-top:1px solid var(--line);background:#06101d}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer p,.footer a{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.copyright{padding-top:25px;margin-top:25px;border-top:1px solid rgba(139,190,255,.1);color:#637991;font-size:12px}
    @media(max-width:900px){.links{display:none}.menu{display:block;margin-left:auto}.nav-status{display:none}.hero-grid,.scenes,.showcase{grid-template-columns:1fr}.hero{padding-top:58px}.console{max-width:650px;margin:auto}.feature-layout{grid-template-columns:1fr}.side-tabs{display:flex;overflow-x:auto}.side-tabs button{white-space:nowrap}.price-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.nav{height:66px;gap:12px}.brand{font-size:14px}.brand small{display:none}h1{letter-spacing:-1px}.hero p{font-size:15px}.hero-meta{gap:15px}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:12px}.section h2{font-size:28px}.content-grid,.price-grid{grid-template-columns:1fr}.content-item .thumb{width:72px}.cta{padding:28px 22px;display:block}.cta .btn{margin-top:20px}.footer-grid{display:block}.footer-links{margin-top:25px;gap:16px}.scene-steps{gap:10px}.panel{padding:16px}}

/* roulang page: category1 */
:root{
      --bg:#07111f;
      --bg2:#0b1730;
      --panel:rgba(15,31,57,.76);
      --panel2:#102343;
      --line:rgba(139,190,255,.18);
      --line-strong:rgba(157,232,255,.42);
      --text:#edf6ff;
      --muted:#91a8c4;
      --blue:#5aa8ff;
      --cyan:#9de8ff;
      --violet:#b783ff;
      --rose:#ff8eaa;
      --radius:20px;
      --shadow:0 22px 70px rgba(0,0,0,.32);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      min-width:320px;
      color:var(--text);
      background:
        radial-gradient(circle at 82% 4%,rgba(92,93,220,.24),transparent 29%),
        radial-gradient(circle at 8% 52%,rgba(35,111,183,.12),transparent 25%),
        var(--bg);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
      line-height:1.7;
    }
    a{text-decoration:none;color:inherit}
    button,input,select{font:inherit}
    button{cursor:pointer}
    .wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .topbar{
      position:sticky;top:0;z-index:20;
      background:rgba(7,17,31,.8);
      border-bottom:1px solid rgba(139,190,255,.12);
      backdrop-filter:blur(18px);
    }
    .nav{height:76px;display:flex;align-items:center;gap:26px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}
    .brand-mark{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
    .brand small{display:block;color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:600}
    .links{display:flex;align-items:center;gap:2px;margin-left:auto}
    .links a{
      padding:9px 14px;border-radius:10px;color:var(--muted);
      font-size:14px;transition:.2s;
    }
    .links a:hover,.links a.active{
      color:#fff;background:rgba(90,168,255,.12);
      box-shadow:inset 0 -2px var(--blue)
    }
    .nav-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
    .status-dot{width:7px;height:7px;border-radius:50%;background:#7ff0cb;box-shadow:0 0 12px #7ff0cb}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      border:1px solid transparent;border-radius:12px;padding:12px 19px;
      font-weight:700;font-size:14px;transition:.2s
    }
    .btn-primary{background:linear-gradient(135deg,#3989f2,#7768ee);color:#fff;box-shadow:0 10px 28px rgba(75,126,255,.3)}
    .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}
    .btn-secondary{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--cyan)}
    .btn-secondary:hover{border-color:var(--blue);background:rgba(90,168,255,.1);transform:translateY(-2px)}
    .btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(157,232,255,.65);outline-offset:3px}
    .menu{display:none;background:none;border:0;color:#fff;font-size:24px}
    .page-hero{padding:76px 0 54px;position:relative;overflow:hidden}
    .page-hero:before{
      content:"";position:absolute;right:2%;top:10px;width:420px;height:300px;
      background:radial-gradient(circle,rgba(183,131,255,.2),transparent 68%);
      pointer-events:none
    }
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1px}
    .eyebrow:before{content:"";width:24px;height:1px;background:var(--cyan)}
    h1{font-size:clamp(34px,5vw,58px);line-height:1.15;letter-spacing:-2px;margin:18px 0 16px}
    .page-hero p{max-width:690px;color:var(--muted);font-size:16px;margin:0}
    .hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
    .meta-chip,.tag{
      padding:5px 10px;border-radius:8px;background:rgba(90,168,255,.1);
      letter-spacing:0;font-size:11px
    }
    .tag.rose{color:var(--rose);background:rgba(255,142,170,.1)}
    .tag.violet{color:var(--violet);background:rgba(183,131,255,.11)}
    .section{padding:42px 0 82px}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
    .section-kicker{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1px}
    h2{font-size:32px;line-height:1.2;margin:7px 0 0;letter-spacing:-1px}
    .section-head p{color:var(--muted);max-width:520px;margin:0;font-size:14px}
    .panel{
      border:1px solid var(--line);border-radius:var(--radius);
      background:var(--panel);box-shadow:var(--shadow);
      backdrop-filter:blur(18px)
    }
    .toolbar{padding:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
    .search{flex:1;min-width:210px;position:relative}
    .search input,.select{
      width:100%;height:44px;color:var(--text);background:rgba(4,14,29,.72);
      border:1px solid var(--line);border-radius:11px;padding:0 14px;
      transition:.2s
    }
    .search input::placeholder{color:#7189a6}
    .search input:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(90,168,255,.1);outline:none}
    .select{width:auto;min-width:130px}
    .filter-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}
    .filter-tabs button{
      flex:none;color:var(--muted);background:rgba(255,255,255,.035);
      border:1px solid var(--line);border-radius:9px;padding:8px 13px;font-size:13px;transition:.2s
    }
    .filter-tabs button:hover,.filter-tabs button.active{color:#fff;border-color:var(--blue);background:rgba(90,168,255,.13)}
    .feature-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
    .feature-main{
      min-height:330px;padding:28px;display:flex;flex-direction:column;justify-content:end;
      border-radius:var(--radius);overflow:hidden;position:relative;
      background:linear-gradient(135deg,rgba(35,81,139,.85),rgba(58,34,98,.92))
    }
    .feature-main:before,.thumb:before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(180deg,rgba(9,22,42,.05),rgba(7,13,28,.83))
    }
    .feature-main:after{
      content:"";position:absolute;right:-70px;top:-80px;width:270px;height:270px;
      border:1px solid rgba(157,232,255,.35);border-radius:50%;
      box-shadow:0 0 0 28px rgba(157,232,255,.05),0 0 0 56px rgba(157,232,255,.03)
    }
    .feature-main>*{position:relative;z-index:1}
    .feature-main h3{font-size:28px;line-height:1.25;margin:16px 0 8px}
    .feature-main p{color:#c6d8ea;max-width:520px;margin:0 0 18px;font-size:14px}
    .feature-side{display:grid;gap:12px}
    .mini-feature{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);transition:.2s}
    .mini-feature:hover{transform:translateY(-2px);border-color:var(--line-strong);background:rgba(90,168,255,.08)}
    .mini-feature h3{font-size:18px;margin:12px 0 5px}
    .mini-feature p{color:var(--muted);font-size:13px;margin:0}
    .icon-box{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--cyan);background:rgba(90,168,255,.14);border:1px solid var(--line)}
    .index-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}
    .index-side{padding:22px}
    .index-side h3{font-size:17px;margin:0 0 15px}
    .index-side ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}
    .index-side li a{display:flex;justify-content:space-between;padding:10px 11px;border-radius:9px;color:var(--muted);font-size:13px}
    .index-side li a:hover,.index-side li a.current{color:#fff;background:rgba(90,168,255,.12)}
    .content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .content-item{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid transparent;transition:.2s}
    .content-item:hover{border-color:var(--line);background:rgba(90,168,255,.08);transform:translateY(-2px)}
    .thumb{width:112px;height:80px;flex:none;border-radius:11px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e5487,#422d70)}
    .thumb:after{content:"";position:absolute;width:75px;height:75px;right:-18px;top:-20px;border:1px solid rgba(157,232,255,.3);border-radius:50%}
    .item-info{flex:1;min-width:0}
    .item-info b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .item-info p{font-size:12px;color:var(--muted);margin:3px 0}
    .item-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
    .item-tags .tag{font-size:10px;padding:3px 7px}
    .path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .path-step{padding:20px;border-left:1px solid var(--line);position:relative}
    .path-step strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(90,168,255,.15);color:var(--cyan);font-size:13px;margin-bottom:17px}
    .path-step h3{font-size:16px;margin:0 0 6px}
    .path-step p{color:var(--muted);font-size:13px;margin:0}
    .faq{max-width:820px;margin:auto;display:grid;gap:10px}
    .faq details{border:1px solid var(--line);border-radius:14px;padding:17px 20px;background:rgba(255,255,255,.035)}
    .faq details[open]{border-color:rgba(90,168,255,.42);background:rgba(90,168,255,.07)}
    .faq summary{cursor:pointer;font-weight:700}
    .faq p{color:var(--muted);font-size:14px;margin:12px 0 2px}
    .cta{padding:38px 42px;border-radius:24px;background:linear-gradient(105deg,#173d70,#37285f);display:flex;justify-content:space-between;align-items:center;gap:24px}
    .cta h2{margin:0 0 7px;font-size:29px}
    .cta p{margin:0;color:#bfd0e5}
    .footer{padding:42px 0 28px;border-top:1px solid var(--line);background:#06101d}
    .footer-grid{display:flex;justify-content:space-between;gap:30px}
    .footer p,.footer a{color:var(--muted);font-size:13px}
    .footer-links{display:flex;gap:24px;flex-wrap:wrap}
    .footer-links a:hover{color:var(--cyan)}
    .copyright{padding-top:25px;margin-top:25px;border-top:1px solid rgba(139,190,255,.1);color:#7189a6;font-size:12px}
    @media(max-width:900px){
      .nav{gap:14px}.nav-status{display:none}.feature-layout,.index-layout{grid-template-columns:1fr}.path-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:680px){
      .wrap{width:min(100% - 28px,1180px)}
      .nav{height:66px}.links{display:none}.menu{display:block;margin-left:auto}
      .nav .btn{padding:9px 12px;font-size:12px}.brand{font-size:13px}
      .page-hero{padding:55px 0 38px}h1{letter-spacing:-1px}
      .section{padding:34px 0 58px}.section-head{display:block}.section-head p{margin-top:12px}
      .toolbar{padding:13px}.select{flex:1;min-width:0}
      .content-grid{grid-template-columns:1fr}.content-item{align-items:flex-start}
      .path-grid{grid-template-columns:1fr 1fr}.path-step{padding:15px 12px}
      .cta{display:block;padding:28px 24px}.cta .btn{margin-top:20px}
      .footer-grid{display:block}.footer-links{margin-top:22px;gap:16px}
    }
    @media(max-width:430px){
      .thumb{width:92px;height:70px}.path-grid{grid-template-columns:1fr}
      .page-hero p{font-size:15px}.feature-main{min-height:300px;padding:22px}.feature-main h3{font-size:24px}
    }

/* roulang page: category2 */
:root{--bg:#07111f;--bg2:#0b1730;--panel:rgba(15,31,57,.72);--panel2:#102343;--line:rgba(139,190,255,.18);--text:#edf6ff;--muted:#91a8c4;--blue:#5aa8ff;--cyan:#9de8ff;--violet:#b783ff;--rose:#ff8eaa;--radius:20px;--shadow:0 22px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 74% 4%,rgba(92,93,220,.23),transparent 31%),linear-gradient(180deg,#07111f 0%,#09172b 58%,#07111f 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(7,17,31,.82);border-bottom:1px solid rgba(139,190,255,.12);backdrop-filter:blur(18px)}
.nav{height:76px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}
.brand-mark{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.brand small{display:block;color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:600}
.links{display:flex;align-items:center;gap:3px;margin-left:18px}
.links a{padding:9px 14px;border-radius:10px;color:var(--muted);font-size:14px;transition:.2s}
.links a:hover,.links a.active{color:#fff;background:rgba(90,168,255,.12);box-shadow:inset 0 -2px var(--blue)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:17px}
.nav-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#74e0be;box-shadow:0 0 12px #74e0be}
.notice{color:var(--muted);font-size:19px;line-height:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 19px;font-weight:700;font-size:14px;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#3989f2,#7768ee);color:#fff;box-shadow:0 10px 28px rgba(75,126,255,.3)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}
.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--cyan)}
.btn-secondary:hover{border-color:var(--blue);background:rgba(90,168,255,.1);transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(157,232,255,.65);outline-offset:3px}
.menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.page-hero{padding:72px 0 48px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:4%;top:15px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(183,131,255,.2),transparent 68%);pointer-events:none}
.hero-line{display:flex;justify-content:space-between;align-items:end;gap:35px;position:relative;z-index:1}
.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1px}
.eyebrow:before{content:"";width:24px;height:1px;background:var(--cyan)}
.page-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.16;letter-spacing:-2px;margin:15px 0 15px}
.page-hero p{color:var(--muted);max-width:670px;margin:0;font-size:16px}
.hero-state{min-width:205px;border:1px solid var(--line);background:rgba(15,31,57,.65);border-radius:16px;padding:17px 19px;box-shadow:var(--shadow)}
.hero-state span{font-size:11px;color:var(--muted);display:block}
.hero-state strong{display:block;font-size:22px;margin:3px 0;color:var(--cyan)}
.hero-state small{color:#8ee0ba;font-size:12px}
.section{padding:43px 0 78px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}
.section-kicker{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1px}
.section h2{font-size:31px;line-height:1.2;margin:7px 0 0;letter-spacing:-1px}
.section-head p{color:var(--muted);max-width:500px;margin:0;font-size:14px}
.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(15px)}
.filter-panel{display:grid;grid-template-columns:1.25fr .8fr .8fr auto;gap:12px;padding:16px;margin-bottom:25px}
.field{min-width:0}
.field label{display:block;color:var(--muted);font-size:11px;margin:0 0 5px 3px}
.field input,.field select{width:100%;height:43px;color:var(--text);background:rgba(4,14,29,.72);border:1px solid var(--line);border-radius:10px;padding:0 13px;outline:none}
.field input::placeholder{color:#67809d}
.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(90,168,255,.12)}
.filter-actions{display:flex;align-items:end;gap:8px}
.filter-actions .btn{height:43px;padding:0 15px}
.index-layout{display:grid;grid-template-columns:1.38fr .82fr;gap:20px;align-items:start}
.featured{min-height:390px;padding:28px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(31,75,133,.8),rgba(57,35,94,.85))}
.featured:before{content:"";position:absolute;right:-55px;top:-80px;width:290px;height:290px;border-radius:50%;border:1px solid rgba(157,232,255,.28);box-shadow:0 0 0 30px rgba(157,232,255,.045),0 0 0 62px rgba(157,232,255,.025)}
.featured .visual{height:155px;border-radius:15px;background:linear-gradient(130deg,#397bb2,#5b447d 55%,#b06c83);margin:22px 0;position:relative;overflow:hidden}
.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,10,22,.72))}
.visual-label{position:absolute;z-index:1;left:16px;bottom:13px;color:#fff;font-size:12px}
.featured h3{font-size:25px;margin:0 0 6px;position:relative;z-index:1}
.featured p{color:#c5d8eb;font-size:13px;margin:0;max-width:530px;position:relative;z-index:1}
.card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px;position:relative;z-index:1}
.tag{padding:4px 8px;border-radius:6px;background:rgba(90,168,255,.12);font-size:10px;letter-spacing:0}
.tag.rose{color:var(--rose);background:rgba(255,142,170,.1)}
.tag.violet{color:#d3b8ff;background:rgba(183,131,255,.13)}
.featured .btn{margin-top:21px;position:relative;z-index:1}
.index-list{display:grid;gap:10px}
.index-item{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid transparent;border-radius:15px;background:rgba(255,255,255,.035);transition:.2s}
.index-item:hover{border-color:var(--line);background:rgba(90,168,255,.08);transform:translateX(2px)}
.thumb{width:94px;height:68px;border-radius:10px;flex:0 0 auto;background:linear-gradient(135deg,#26557d,#4d3972);position:relative;overflow:hidden}
.thumb:after{content:"高清";position:absolute;right:7px;bottom:6px;border-radius:5px;padding:1px 5px;background:rgba(3,12,25,.75);color:var(--cyan);font-size:10px}
.thumb.two{background:linear-gradient(135deg,#754d72,#244f79)}
.thumb.three{background:linear-gradient(135deg,#426f78,#665080)}
.thumb.four{background:linear-gradient(135deg,#6b506c,#245a71)}
.item-info{min-width:0;flex:1}
.item-info b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-info p{font-size:12px;color:var(--muted);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
.item-bottom .tag{font-size:10px;padding:2px 7px}
.item-time{font-size:11px;color:#7791ae;white-space:nowrap}
.scope{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.scope-item{padding:19px;border-top:2px solid rgba(90,168,255,.65);background:rgba(255,255,255,.035);border-radius:14px}
.scope-item strong{display:block;font-size:17px;margin-bottom:5px}
.scope-item p{color:var(--muted);font-size:12px;margin:0}
.scope-item span{display:block;color:var(--cyan);font-size:11px;margin-top:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(15,31,57,.55)}
.step{padding:24px 20px;border-right:1px solid var(--line);position:relative}
.step:last-child{border-right:0}
.step-number{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1px}
.step h3{font-size:17px;margin:15px 0 6px}
.step p{font-size:12px;color:var(--muted);margin:0}
.step:after{content:"→";position:absolute;right:13px;top:47%;color:var(--blue);font-size:18px}
.step:last-child:after{display:none}
.update-band{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;border:1px solid rgba(183,131,255,.25);border-radius:17px;background:linear-gradient(100deg,rgba(71,43,107,.42),rgba(18,53,91,.55))}
.update-band h3{margin:0 0 4px;font-size:19px}
.update-band p{margin:0;color:var(--muted);font-size:13px}
.faq{max-width:850px;margin:auto;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:14px;padding:17px 20px;background:rgba(255,255,255,.035)}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary:after{content:"+";color:var(--cyan);font-size:20px;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq p{color:var(--muted);font-size:14px;margin:12px 0 2px}
.cta{padding:38px 42px;border-radius:24px;background:linear-gradient(105deg,#173d70,#37285f);display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta h2{margin:0 0 7px;font-size:29px}
.cta p{margin:0;color:#bfd0e5;font-size:14px}
.footer{padding:42px 0 28px;border-top:1px solid var(--line);background:#06101d}
.footer-grid{display:flex;justify-content:space-between;gap:30px}
.footer p,.footer a{color:var(--muted);font-size:13px}
.footer-links{display:flex;gap:24px;flex-wrap:wrap}
.footer-links a:hover{color:var(--cyan)}
.copyright{padding-top:25px;margin-top:25px;border-top:1px solid rgba(139,190,255,.1);color:#637b97;font-size:12px}
@media(max-width:900px){
 .nav{gap:14px}.links{margin-left:0}.nav-status{display:none}
 .hero-line{display:block}.hero-state{margin-top:25px;width:100%}
 .filter-panel{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}
 .index-layout{grid-template-columns:1fr}.scope,.steps{grid-template-columns:repeat(2,1fr)}
 .step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .step:after{display:none}
}
@media(max-width:640px){
 .wrap{width:min(100% - 28px,1180px)}.nav{height:68px}
 .brand{font-size:14px}.links,.nav-right .btn{display:none}.menu{display:block;margin-left:auto}
 .mobile-open .links{display:flex;position:absolute;top:68px;left:14px;right:14px;padding:10px;flex-direction:column;align-items:stretch;background:#0c1d36;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
 .mobile-open .links a{display:block}
 .page-hero{padding:51px 0 35px}.page-hero h1{letter-spacing:-1px}
 .section{padding:35px 0 55px}.section-head{display:block}.section-head p{margin-top:12px}
 .filter-panel{grid-template-columns:1fr;padding:13px}.filter-actions{grid-column:auto}
 .filter-actions .btn{flex:1}
 .featured{padding:20px}.featured .visual{height:132px}
 .index-item{padding:11px}.thumb{width:78px;height:60px}
 .scope,.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)!important}.step:last-child{border-bottom:0!important}
 .update-band,.cta{display:block;padding:25px 22px}.update-band .btn,.cta .btn{margin-top:18px;width:100%}
 .footer-grid{display:block}.footer-links{margin-top:22px;gap:15px}
}