/* roulang page: index */
:root{
      --bg:#07101f;
      --bg2:#0a1428;
      --panel:rgba(15,29,53,.72);
      --solid:#0d1a31;
      --line:rgba(167,203,255,.16);
      --line-strong:rgba(126,176,255,.38);
      --text:#f2f7ff;
      --muted:#aab9d0;
      --weak:#71829e;
      --blue:#63a8ff;
      --violet:#a78bfa;
      --mint:#41d7c7;
      --radius:20px;
      --shadow:0 24px 72px rgba(0,0,0,.34);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;color:var(--text);background:
      radial-gradient(circle at 85% 9%,rgba(89,111,255,.18),transparent 27rem),
      radial-gradient(circle at 8% 35%,rgba(43,170,187,.10),transparent 25rem),
      radial-gradient(circle at 50% 75%,rgba(110,72,203,.14),transparent 30rem),
      var(--bg);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      line-height:1.75;overflow-x:hidden;
    }
    body:before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;
      background:repeating-linear-gradient(0deg,rgba(199,221,255,.035) 0,rgba(199,221,255,.035) 1px,transparent 1px,transparent 5px);
    }
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}
    ::selection{background:rgba(99,168,255,.38);color:#fff}
    .container{width:min(1240px,calc(100% - 64px));margin:0 auto}
    .glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
    .eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#c8d8f2;font-size:.77rem;letter-spacing:.11em;text-transform:uppercase}
    .eyebrow i{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}
    .section{padding:92px 0;position:relative}
    .section-title{font-size:clamp(1.85rem,3.6vw,2.75rem);line-height:1.22;letter-spacing:-.04em;font-weight:700;margin:14px 0}
    .section-copy{max-width:700px;color:var(--muted);font-size:1rem;margin:0}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:14px;
      min-height:48px;padding:0 1.1rem;border:1px solid transparent;font-weight:700;font-size:.93rem;
      transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
    }
    .btn:focus-visible,.nav-link:focus-visible,.faq-btn:focus-visible,input:focus-visible{outline:3px solid rgba(99,168,255,.58);outline-offset:3px}
    .btn-primary{background:linear-gradient(110deg,#438cea,#8a73ee);box-shadow:0 10px 27px rgba(71,126,239,.28);color:#fff}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(92,128,247,.40);filter:brightness(1.08)}
    .btn-secondary{border-color:var(--line-strong);background:rgba(23,50,87,.28);color:#dbeaff}
    .btn-secondary:hover{transform:translateY(-2px);background:rgba(65,111,175,.24);border-color:rgba(151,194,255,.65)}
    .btn:active{transform:translateY(0) scale(.98)}
    .chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .68rem;border-radius:999px;border:1px solid var(--line);color:#b9cae5;background:rgba(17,37,67,.52);font-size:.77rem;white-space:nowrap}
    .chip.mint{color:#aaf3ea;border-color:rgba(65,215,199,.28);background:rgba(65,215,199,.09)}
    .site-header{position:sticky;top:0;z-index:40;padding:16px 0;background:linear-gradient(to bottom,rgba(7,16,31,.88),rgba(7,16,31,.48));backdrop-filter:blur(14px)}
    .header-shell{min-height:66px;border:1px solid rgba(166,203,255,.13);border-radius:18px;background:rgba(9,20,40,.66);display:flex;align-items:center;gap:24px;padding:10px 14px 10px 18px}
    .brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#74b3ff,#886ef0);position:relative;box-shadow:0 0 20px rgba(99,168,255,.34)}
    .brand-mark:after{content:"";position:absolute;inset:8px 7px;border:1px solid rgba(255,255,255,.8);border-radius:5px}
    .desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .nav-link{padding:.55rem .72rem;border-radius:10px;color:var(--muted);font-size:.88rem;transition:.2s}
    .nav-link:hover,.nav-link.active{color:#fff;background:rgba(99,168,255,.11)}
    .nav-link.active{box-shadow:inset 0 -1px 0 rgba(132,185,255,.8)}
    .location-wrap{position:relative}
    .location-btn{display:flex;align-items:center;gap:7px;background:rgba(15,39,70,.66);color:#d9e8ff;border:1px solid var(--line);border-radius:12px;padding:.55rem .7rem;font-size:.82rem}
    .location-btn:hover{border-color:var(--line-strong)}
    .location-pop{position:absolute;right:0;top:calc(100% + 10px);width:290px;padding:16px;border-radius:17px;display:none}
    .location-pop.open{display:block}
    .city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
    .city-grid button{border:1px solid var(--line);border-radius:9px;padding:7px;background:rgba(29,54,91,.45);color:#c8d8ee;font-size:.8rem}
    .city-grid button:hover{background:rgba(99,168,255,.2);border-color:var(--line-strong)}
    .menu-btn{display:none;width:42px;height:42px;border-radius:12px;color:#dceaff;background:rgba(24,48,82,.6);border:1px solid var(--line)}
    .mobile-menu{display:none;margin-top:9px;padding:14px;border-radius:17px}
    .mobile-menu.open{display:block}
    .mobile-menu a{display:block;padding:12px;border-bottom:1px solid var(--line);color:#dce8fa;font-size:1.02rem}
    .hero{padding:52px 0 68px;position:relative}
    .hero-stage{min-height:610px;border-radius:28px;overflow:hidden;position:relative;border:1px solid rgba(164,203,255,.18);background:linear-gradient(115deg,rgba(12,31,61,.95),rgba(10,19,43,.78) 48%,rgba(49,32,92,.68));box-shadow:var(--shadow)}
    .hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,32,.28),transparent 45%),radial-gradient(circle at 73% 38%,rgba(114,164,255,.26),transparent 20rem)}
    .hero-content{position:relative;z-index:2;width:min(720px,100%);padding:88px 7.2% 190px}
    .hero h1{font-size:clamp(2.4rem,5.1vw,4.15rem);line-height:1.13;letter-spacing:-.065em;margin:16px 0 22px;font-weight:800}
    .hero h1 span{background:linear-gradient(100deg,#fff,#a9ccff 52%,#c5b6ff);background-clip:text;color:transparent}
    .hero-copy{max-width:650px;color:#c3d0e5;font-size:1.05rem;margin:0}
    .pain-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .hero-bottom{position:absolute;z-index:3;left:5%;right:5%;bottom:24px;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;padding:12px;border-radius:18px;background:rgba(5,15,31,.62);border:1px solid rgba(174,207,255,.17);backdrop-filter:blur(14px)}
    .quick-cell{padding:8px 11px;border-right:1px solid var(--line)}
    .quick-cell b{display:block;font-size:.75rem;color:var(--weak);font-weight:500}.quick-cell span{font-size:.9rem;color:#e4efff}
    .hero-visual{position:absolute;z-index:1;right:6%;top:58px;width:330px;height:465px}
    .poster{height:318px;border-radius:26px;overflow:hidden;position:relative;border:1px solid rgba(179,211,255,.31);background:linear-gradient(145deg,#101e42 0%,#1e2863 42%,#241443 100%);box-shadow:0 28px 50px rgba(2,8,22,.45)}
    .poster:before{content:"";position:absolute;width:290px;height:500px;right:-90px;top:-140px;transform:rotate(26deg);background:linear-gradient(90deg,transparent,rgba(162,212,255,.38),transparent);filter:blur(3px)}
    .poster:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 78%,rgba(92,213,221,.27),transparent 34%),linear-gradient(to top,rgba(3,10,25,.78),transparent 65%)}
    .poster-text{position:absolute;z-index:2;bottom:24px;left:24px;right:24px}.poster-text small{color:#a9c1e6;letter-spacing:.12em}.poster-text strong{display:block;font-size:1.25rem;line-height:1.35;margin-top:6px}
    .console{position:absolute;z-index:3;right:-25px;bottom:-22px;width:255px;padding:16px;border-radius:18px}
    .progress{height:5px;background:rgba(200,220,255,.15);border-radius:99px;overflow:hidden;margin:12px 0}.progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:99px}
    .console-row{display:flex;justify-content:space-between;gap:7px;color:#dbe8fb;font-size:.76rem;margin:7px 0}.console-row em{font-style:normal;color:var(--weak)}
    .film-holes{position:absolute;right:0;top:0;width:14px;height:100%;background:repeating-linear-gradient(to bottom,rgba(185,214,255,.3) 0 16px,transparent 16px 31px);opacity:.45}
    .ticket-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px;margin-top:34px}
    .ticket{padding:25px;border-radius:20px;position:relative;overflow:hidden;min-height:210px}.ticket:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(153,198,255,.2);border-radius:50%;right:-35px;bottom:-40px}
    .ticket.feature{background:linear-gradient(120deg,rgba(45,101,177,.42),rgba(53,36,113,.52));border-color:rgba(134,187,255,.31)}
    .ticket h3{font-size:1.18rem;margin:13px 0 8px}.ticket p{color:var(--muted);font-size:.9rem;margin:0}
    .ticket-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9ebee9;font-size:.8rem}
    .rail-layout{display:grid;grid-template-columns:200px 1fr;gap:48px;margin-top:42px}
    .step-rail{position:sticky;top:112px;height:max-content;border-left:1px solid var(--line);padding-left:22px}
    .step-rail div{padding:0 0 26px;position:relative;color:var(--weak);font-size:.88rem}.step-rail div:before{content:"";position:absolute;left:-27px;top:6px;width:9px;height:9px;border-radius:50%;background:#304561;border:1px solid var(--line-strong)}
    .step-rail div:first-child{color:#eff6ff}.step-rail div:first-child:before{background:var(--blue);box-shadow:0 0 14px var(--blue)}
    .step-rail b{display:block;color:inherit;font-size:1rem;margin-top:2px}
    .panels{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
    .work-panel{padding:24px;border-radius:22px;min-height:205px;position:relative;overflow:hidden}
    .work-panel.large{grid-row:span 2;min-height:426px;background:linear-gradient(150deg,rgba(24,55,96,.78),rgba(14,26,51,.77))}
    .work-panel.shift{transform:translateY(28px)}
    .work-panel h3{font-size:1.16rem;margin:12px 0 7px}.work-panel p{font-size:.9rem;color:var(--muted);margin:0}
    .mini-tree{margin-top:22px;border-left:1px solid rgba(125,183,255,.38);padding-left:16px}.mini-tree span{display:block;color:#c8d8ee;font-size:.85rem;padding:7px 0}.mini-tree span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#6aa7f9;margin-right:8px}
    .timeline{display:flex;gap:7px;align-items:end;height:64px;margin-top:25px}.timeline i{display:block;flex:1;border-radius:4px 4px 0 0;background:linear-gradient(to top,#4d86dd,rgba(137,113,235,.35))}.timeline i:nth-child(1){height:30%}.timeline i:nth-child(2){height:65%}.timeline i:nth-child(3){height:42%}.timeline i:nth-child(4){height:82%}.timeline i:nth-child(5){height:54%}.timeline i:nth-child(6){height:92%}
    .dashboard{display:grid;grid-template-columns:1.55fr .72fr;gap:16px;margin-top:38px}
    .metric-main{padding:32px;border-radius:24px;min-height:310px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(18,44,80,.86),rgba(15,26,55,.82))}
    .metric-main h3{font-size:1.3rem;margin:12px 0}.metric-main p{color:var(--muted);max-width:560px}
    .ring{position:absolute;right:45px;bottom:34px;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--blue) 0 72%,rgba(182,205,246,.12) 72%);display:grid;place-items:center;box-shadow:0 0 35px rgba(71,145,255,.2)}.ring:before{content:"";width:112px;height:112px;border-radius:50%;background:#10213f}.ring b{position:absolute;font-size:1.42rem}.ring small{position:absolute;margin-top:45px;color:var(--weak);font-size:.7rem}
    .path-line{display:flex;gap:10px;align-items:center;margin-top:26px}.path-line span{padding:7px 9px;border-radius:9px;background:rgba(101,149,215,.13);border:1px solid var(--line);font-size:.8rem;color:#cee0ff}.path-line i{height:1px;flex:1;background:var(--line)}
    .metric-side{display:grid;gap:16px}.side-metric{padding:21px;border-radius:20px}.side-metric strong{display:block;font-size:1.7rem;letter-spacing:-.05em;margin-top:8px}.side-metric p{font-size:.83rem;color:var(--muted);margin:3px 0 0}
    .notice{margin-top:18px;padding:12px 15px;border-radius:14px;border:1px solid rgba(255,199,122,.18);background:rgba(117,79,27,.13);color:#c9d2df;font-size:.82rem}
    .topic-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;margin-top:38px}
    .quote-main{padding:32px;border-radius:24px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(50,70,129,.44),rgba(14,28,54,.82))}
    .avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#85b8fb,#6351b1);display:grid;place-items:center;color:#fff;font-weight:800}
    .quote-main blockquote{font-size:1.25rem;line-height:1.65;margin:23px 0;color:#eff6ff}
    .quote-stream{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px}.bubble{padding:15px;border-radius:17px;color:#c7d5e9;font-size:.89rem}.bubble:nth-child(2){transform:translateY(25px)}.bubble:nth-child(3){transform:translateX(16px)}.bubble:nth-child(5){transform:translateY(-16px)}.bubble small{display:block;color:var(--weak);margin-top:7px}
    .news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:38px}
    .news-list{border-radius:22px;overflow:hidden}.news-item{display:grid;grid-template-columns:86px 1fr auto;gap:16px;padding:19px 22px;border-bottom:1px solid var(--line);transition:.2s}.news-item:last-child{border:none}.news-item:hover{background:rgba(87,135,207,.09)}.news-item time{font-size:.78rem;color:var(--weak);padding-top:4px}.news-item h3{font-size:1rem;margin:0 0 4px}.news-item p{margin:0;color:var(--muted);font-size:.85rem}.news-item strong{color:#a9c7f6;font-size:1.2rem;align-self:center;transition:.2s}.news-item:hover strong{transform:translateX(4px)}
    .rule-card{padding:28px;border-radius:22px;background:linear-gradient(150deg,rgba(23,51,86,.78),rgba(17,25,53,.75))}.rule-card ul{list-style:none;padding:0;margin:20px 0}.rule-card li{color:#c4d2e8;font-size:.9rem;padding:10px 0;border-bottom:1px solid var(--line)}.rule-card li:before{content:"✓";color:var(--mint);margin-right:9px}
    .faq-wrap{max-width:900px;margin:38px auto 0}.faq-item{border-bottom:1px solid var(--line)}.faq-btn{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:21px 0;background:none;border:0;color:#edf5ff;font-weight:700;font-size:1.02rem}.faq-btn span:last-child{color:var(--blue);font-size:1.3rem;transition:transform .2s}.faq-item.open .faq-btn span:last-child{transform:rotate(45deg)}.faq-answer{display:none;padding:0 36px 20px 0;color:var(--muted);font-size:.92rem}.faq-item.open .faq-answer{display:block}
    .cta{padding:44px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(125deg,rgba(29,58,104,.83),rgba(18,23,55,.94));border:1px solid rgba(166,203,255,.24);box-shadow:var(--shadow)}.cta:before{content:"";position:absolute;width:700px;height:280px;left:50%;top:-220px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(135,189,255,.34),transparent 67%)}.cta>*{position:relative}.cta h2{font-size:clamp(1.8rem,3.7vw,2.7rem);margin:11px 0}.cta p{color:#c3d0e6;max-width:700px}.cta-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px}.legal-links{display:flex;gap:13px;flex-wrap:wrap;color:#91a6c5;font-size:.8rem}.legal-links a:hover{color:#d9eaff}
    footer{margin-top:92px;border-top:1px solid var(--line);background:rgba(4,12,25,.46)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:42px;padding:56px 0 35px}.footer-grid h3{font-size:.86rem;color:#e8f1ff;margin:0 0 14px}.footer-grid p,.footer-grid a{color:var(--muted);font-size:.86rem}.footer-grid a{display:block;margin:8px 0}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid var(--line);padding:17px 0 86px;color:var(--weak);font-size:.78rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .tool-bar{position:fixed;z-index:35;right:22px;bottom:22px;display:flex;gap:7px;padding:7px;border-radius:15px}.tool-bar button,.tool-bar a{border:1px solid var(--line);background:rgba(10,26,50,.89);color:#dbeaff;padding:9px 11px;border-radius:10px;font-size:.78rem;transition:.2s}.tool-bar button:hover,.tool-bar a:hover{background:rgba(74,128,206,.35);transform:translateY(-2px)}
    @media(max-width:1024px){.desktop-nav{display:none}.menu-btn{display:block;margin-left:auto}.hero-content{padding-bottom:200px}.hero-visual{right:4%;opacity:.78}.rail-layout{grid-template-columns:150px 1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.topic-layout{grid-template-columns:1fr}.quote-stream{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:768px){.container{width:min(100% - 32px,1240px)}.site-header{padding:9px 0}.header-shell{border-radius:15px;gap:10px;padding:8px 10px}.brand{font-size:.88rem}.brand-mark{width:27px;height:27px}.location-btn span{display:none}.hero{padding:24px 0 38px}.hero-stage{min-height:670px}.hero-content{padding:52px 24px 270px}.hero h1{font-size:2.35rem}.hero-copy{font-size:.96rem}.hero-visual{width:240px;height:340px;right:calc(50% - 120px);top:auto;bottom:80px}.poster{height:250px}.console{width:205px;padding:12px}.hero-bottom{grid-template-columns:1fr 1fr;left:16px;right:16px;bottom:14px}.quick-cell{border-right:0;padding:4px 8px}.quick-cell:nth-child(3){display:none}.hero-bottom .btn{grid-column:span 2;min-height:36px}.section{padding:64px 0}.ticket-grid,.dashboard,.news-layout{grid-template-columns:1fr}.ticket-grid .ticket{min-height:170px}.rail-layout{grid-template-columns:1fr}.step-rail{display:flex;gap:15px;position:static;border-left:0;border-bottom:1px solid var(--line);padding:0;overflow:auto}.step-rail div{min-width:95px;padding-bottom:13px}.step-rail div:before{left:0;top:auto;bottom:-5px}.panels{grid-template-columns:1fr}.work-panel.large{grid-row:auto;min-height:280px}.work-panel.shift{transform:none}.ring{right:20px;bottom:18px;width:115px;height:115px}.ring:before{width:87px;height:87px}.path-line{padding-right:80px}.quote-stream{grid-template-columns:1fr 1fr}.news-item{grid-template-columns:1fr auto;gap:8px}.news-item time{grid-column:span 2}.news-item p{display:none}.footer-grid{grid-template-columns:1fr;gap:24px}.tool-bar{right:12px;bottom:12px}.tool-bar a:nth-child(2){display:none}}
    @media(max-width:520px){.location-wrap{display:none}.hero h1{font-size:2rem}.hero-content{padding-left:20px;padding-right:20px}.hero-actions .btn{width:100%}.poster-text{left:17px;bottom:17px}.ticket{padding:20px}.section-title{font-size:1.8rem}.quote-stream{grid-template-columns:1fr}.bubble:nth-child(n){transform:none}.cta{padding:28px 21px}.cta-bottom .btn{width:100%}.copyright{padding-bottom:80px}.tool-bar a{padding:8px 9px}}

/* roulang page: category1 */
:root{
 --bg:#07101f;--bg2:#0a1428;--panel:rgba(15,29,53,.72);--solid:#0d1a31;
 --line:rgba(167,203,255,.16);--line-strong:rgba(126,176,255,.38);
 --text:#f2f7ff;--muted:#aab9d0;--weak:#71829e;--blue:#63a8ff;
 --violet:#a78bfa;--mint:#41d7c7;--radius:20px;--shadow:0 24px 72px rgba(0,0,0,.34)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:radial-gradient(circle at 84% 7%,rgba(95,103,255,.18),transparent 29rem),radial-gradient(circle at 8% 42%,rgba(43,170,187,.11),transparent 26rem),radial-gradient(circle at 48% 80%,rgba(110,72,203,.13),transparent 32rem),var(--bg);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,rgba(199,221,255,.035) 0,rgba(199,221,255,.035) 1px,transparent 1px,transparent 5px)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}
.container{width:min(1240px,calc(100% - 64px));margin:auto}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#c8d8f2;font-size:.77rem;letter-spacing:.11em;text-transform:uppercase}.eyebrow i{width:.5rem;height:.5rem;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}
.section{padding:76px 0;position:relative}.section-title{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.2;letter-spacing:-.045em;font-weight:800;margin:13px 0}.section-copy{max-width:680px;color:var(--muted);margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:0 1.05rem;border:1px solid transparent;border-radius:14px;font-weight:700;font-size:.9rem;transition:.22s ease}.btn:focus-visible,.nav-link:focus-visible,.faq-btn:focus-visible,input:focus-visible{outline:3px solid rgba(99,168,255,.58);outline-offset:3px}
.btn-primary{background:linear-gradient(110deg,#438cea,#8a73ee);box-shadow:0 10px 27px rgba(71,126,239,.28);color:#fff}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 34px rgba(92,128,247,.42)}.btn-secondary{border-color:var(--line-strong);background:rgba(23,50,87,.28);color:#dbeaff}.btn-secondary:hover{transform:translateY(-2px);background:rgba(65,111,175,.24)}.btn:active{transform:scale(.98)}
.chip{display:inline-flex;align-items:center;gap:.34rem;padding:.31rem .66rem;border-radius:999px;border:1px solid var(--line);background:rgba(17,37,67,.52);color:#bdd0eb;font-size:.76rem;white-space:nowrap}.chip.mint{color:#aaf3ea;border-color:rgba(65,215,199,.28);background:rgba(65,215,199,.09)}
.site-header{position:sticky;top:0;z-index:40;padding:16px 0;background:linear-gradient(to bottom,rgba(7,16,31,.9),rgba(7,16,31,.45));backdrop-filter:blur(14px)}.header-shell{min-height:66px;padding:10px 14px 10px 18px;display:flex;align-items:center;gap:24px;border:1px solid rgba(166,203,255,.13);border-radius:18px;background:rgba(9,20,40,.66)}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:-.04em}.brand-mark{position:relative;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#74b3ff,#886ef0);box-shadow:0 0 20px rgba(99,168,255,.34)}.brand-mark:after{content:"";position:absolute;inset:8px 7px;border:1px solid rgba(255,255,255,.8);border-radius:5px}
.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{padding:.55rem .72rem;border-radius:10px;color:var(--muted);font-size:.88rem;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(99,168,255,.11)}.nav-link.active{box-shadow:inset 0 -1px 0 rgba(132,185,255,.8)}
.location-wrap{position:relative}.location-btn{display:flex;align-items:center;gap:7px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:12px;background:rgba(15,39,70,.66);color:#d9e8ff;font-size:.82rem}.location-btn:hover{border-color:var(--line-strong)}.location-pop{display:none;position:absolute;top:calc(100% + 10px);right:0;width:272px;padding:15px;border-radius:16px}.location-pop.open{display:block}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.city-grid button{padding:7px;border:1px solid var(--line);border-radius:9px;background:rgba(29,54,91,.45);color:#c8d8ee;font-size:.8rem}.city-grid button:hover,.city-grid button.selected{background:rgba(99,168,255,.2);border-color:var(--line-strong)}
.menu-btn{display:none;width:42px;height:42px;border-radius:12px;color:#dceaff;background:rgba(24,48,82,.6);border:1px solid var(--line)}.mobile-menu{display:none;margin-top:9px;padding:14px;border-radius:17px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:12px;border-bottom:1px solid var(--line);color:#dce8fa;font-size:1.02rem}
.page-head{padding:46px 0 24px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--weak);font-size:.82rem}.breadcrumbs b{color:#d4e4fd;font-weight:500}.page-head-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:end;margin-top:22px}.page-title{font-size:clamp(2.15rem,4.5vw,3.7rem);line-height:1.12;letter-spacing:-.065em;font-weight:800;margin:12px 0 16px}.page-copy{max-width:720px;color:var(--muted);font-size:1rem;margin:0}.status-panel{padding:18px;border-radius:20px;position:relative;overflow:hidden}.status-panel:after{content:"";position:absolute;width:140px;height:140px;right:-42px;top:-54px;border-radius:50%;background:radial-gradient(circle,rgba(99,168,255,.22),transparent 68%)}.status-row{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.84rem}.status-row:last-child{border:0}.status-row span{color:var(--weak)}.status-row strong{color:#dce9fd}
.filter-bar{margin-top:24px;padding:14px;border-radius:20px;display:grid;grid-template-columns:1.3fr .9fr .9fr .9fr 1.5fr auto;gap:9px;align-items:center}.filter-item{min-height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(6,17,35,.42);color:#c9d8ee;padding:0 11px;display:flex;align-items:center;gap:8px;font-size:.82rem}.filter-item label{color:var(--weak);white-space:nowrap}.filter-item input{width:100%;min-width:0;color:#eaf3ff;background:transparent;border:0;outline:0}.filter-item input::placeholder{color:#71829e}.filter-reset{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:transparent;color:#b9cae5;font-size:.82rem}.filter-reset:hover{background:rgba(99,168,255,.12);border-color:var(--line-strong)}
.selected-chips{display:none;gap:7px;flex-wrap:wrap;margin-top:15px}.index-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:start}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.content-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(12,27,50,.76);box-shadow:0 16px 42px rgba(0,0,0,.18);transition:.26s ease}.content-card:hover{transform:translateY(-4px);border-color:rgba(135,185,255,.58);box-shadow:0 20px 50px rgba(19,67,142,.23)}.cover{height:185px;position:relative;overflow:hidden;background:#102448}.cover:before,.cover:after{content:"";position:absolute;inset:0;transition:transform .45s ease}.content-card:hover .cover:before{transform:scale(1.06)}.cover.one:before{background:radial-gradient(circle at 72% 32%,rgba(130,180,255,.7),transparent 12%),linear-gradient(130deg,#0c1936 4%,#233e7a 47%,#17152f);}.cover.two:before{background:linear-gradient(115deg,rgba(4,13,29,.3),rgba(100,70,193,.5)),repeating-linear-gradient(90deg,#132b51 0 18px,#0a1931 18px 25px)}.cover.three:before{background:radial-gradient(ellipse at 45% 0,rgba(161,131,250,.62),transparent 42%),linear-gradient(140deg,#081529,#103c5c 65%,#0c1b36)}.cover.four:before{background:linear-gradient(45deg,#0d203f,#1e426e 48%,#111934);}.cover.five:before{background:radial-gradient(circle at 25% 60%,rgba(65,215,199,.42),transparent 18%),linear-gradient(135deg,#071426,#172d59 54%,#312369)}.cover.six:before{background:linear-gradient(120deg,#111a31,#304067 40%,#0a1b32 41%,#14294c)}.cover:after{background:linear-gradient(to top,rgba(4,12,27,.72),transparent 65%)}.cover-play{position:absolute;z-index:2;left:17px;bottom:15px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(218,234,255,.43);border-radius:50%;background:rgba(8,19,39,.52);color:#e8f1ff}.cover-code{position:absolute;z-index:2;right:14px;top:13px;color:#dbe9ff;font-size:.72rem;letter-spacing:.12em}.card-body{padding:17px}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-title{font-size:1.08rem;line-height:1.45;font-weight:750;margin:11px 0 7px;transition:.2s}.content-card:hover .card-title{color:#ddecff}.card-copy{min-height:49px;margin:0;color:var(--muted);font-size:.85rem;line-height:1.7}.meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px;color:var(--weak);font-size:.75rem}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:#b8d5fa;font-size:.84rem}.arrow{font-size:1.2rem;transition:.2s}.content-card:hover .arrow{transform:translateX(4px);color:#fff}
.feature-card{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.2fr;gap:22px;align-items:center;padding:22px;overflow:hidden;border:1px solid rgba(127,177,255,.3);border-radius:22px;background:linear-gradient(110deg,rgba(28,47,91,.82),rgba(31,23,73,.62));position:relative}.feature-card:after{content:"";position:absolute;width:240px;height:240px;right:-90px;bottom:-170px;border-radius:50%;background:rgba(99,168,255,.2);filter:blur(16px)}.feature-visual{height:130px;border:1px solid rgba(180,210,255,.23);border-radius:15px;background:linear-gradient(90deg,transparent 0 9%,rgba(156,190,255,.5) 9% 13%,transparent 13% 24%,rgba(156,190,255,.3) 24% 27%,transparent 27%),radial-gradient(circle at 80% 45%,rgba(167,139,250,.65),transparent 21%),#0b1c38}.feature-card h2{position:relative;z-index:1;margin:6px 0;font-size:1.4rem;letter-spacing:-.03em}.feature-card p{position:relative;z-index:1;margin:0;color:#bdcae0;font-size:.9rem}.side-rail{position:sticky;top:102px;display:grid;gap:16px}.rail-card{padding:19px;border-radius:19px}.rail-card h2{font-size:1rem;margin:0 0 13px}.topic-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:#c8d9f1;font-size:.85rem}.topic-link:last-child{border-bottom:0}.topic-link:hover{color:#fff}.topic-link small{color:var(--weak)}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:4px;top:7px;bottom:8px;width:1px;background:var(--line-strong)}.timeline-item{position:relative;padding:0 0 16px;color:var(--muted);font-size:.81rem}.timeline-item:before{content:"";position:absolute;left:-17px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px rgba(99,168,255,.7)}.timeline-item b{display:block;color:#e2edff;font-size:.83rem}.notice{border-color:rgba(65,215,199,.24);background:rgba(14,50,64,.32)}.notice p{color:#a9c8d0;font-size:.81rem;margin:0}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.page-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(15,34,62,.5);color:#c7d8ee;font-size:.84rem}.page-btn:hover,.page-btn.active{background:rgba(99,168,255,.2);border-color:var(--line-strong);color:#fff}
.rules-band{margin-top:28px;padding:15px 18px;border:1px solid rgba(233,191,119,.2);border-radius:15px;background:rgba(84,59,27,.16);color:#cdbf9f;font-size:.82rem}.faq-wrap{max-width:900px;margin:0 auto}.faq-item{border-bottom:1px solid var(--line)}.faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border:0;background:transparent;color:#edf4ff;text-align:left;font-weight:700;font-size:1rem}.faq-icon{color:var(--blue);font-size:1.3rem;transition:.2s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{display:none;padding:0 36px 20px 0;color:var(--muted);font-size:.9rem}.faq-item.open .faq-answer{display:block}
.cta-box{padding:60px clamp(22px,6vw,76px);border:1px solid rgba(148,191,255,.27);border-radius:28px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -22%,rgba(107,163,255,.34),transparent 43%),linear-gradient(120deg,rgba(14,35,69,.9),rgba(30,19,69,.82));box-shadow:var(--shadow)}.cta-box:before{content:"";position:absolute;left:50%;top:-120px;width:220px;height:260px;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(205,226,255,.16),transparent);clip-path:polygon(36% 0,64% 0,100% 100%,0 100%)}.cta-box>*{position:relative}.cta-box h2{max-width:720px;margin:0 auto 13px;font-size:clamp(1.8rem,3.6vw,2.65rem);line-height:1.24;letter-spacing:-.05em}.cta-box p{max-width:650px;margin:0 auto;color:#bdcce2}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.fine-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:20px;color:#aabedc;font-size:.8rem}.fine-links a:hover{text-decoration:underline;color:#fff}
footer{padding:34px 0 24px;border-top:1px solid var(--line);background:rgba(4,12,25,.35)}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .9fr;gap:38px;padding:30px 0}.footer-grid p{color:var(--muted);font-size:.86rem}.footer-grid h3{margin:0 0 12px;font-size:.88rem;color:#e0ecff}.footer-grid a:not(.brand){display:block;color:#9fb1cc;font-size:.84rem;padding:3px 0}.footer-grid a:not(.brand):hover{color:#fff}.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid var(--line);color:var(--weak);font-size:.76rem}.bottom-tools{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;gap:8px}.tool-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:13px;background:rgba(10,26,51,.84);backdrop-filter:blur(12px);color:#dbeaff;box-shadow:0 10px 25px rgba(0,0,0,.25)}.tool-btn:hover{background:rgba(65,111,175,.55);transform:translateY(-2px)}
@media(max-width:1024px){.desktop-nav{display:none}.menu-btn{display:block;margin-left:auto}.page-head-grid{grid-template-columns:1fr}.status-panel{max-width:640px}.filter-bar{grid-template-columns:repeat(3,1fr)}.index-layout{grid-template-columns:1fr}.side-rail{position:static;grid-template-columns:repeat(3,1fr)}.side-rail .rail-card:last-child{grid-column:auto}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:768px){.container{width:min(100% - 32px,1240px)}.site-header{padding:9px 0}.header-shell{min-height:58px;padding:8px 10px 8px 13px;gap:10px}.brand{font-size:.88rem}.brand-mark{width:27px;height:27px}.location-btn span:nth-child(2){display:none}.page-head{padding:35px 0 10px}.filter-bar{display:none}.mobile-filter{display:inline-flex!important}.selected-chips{display:flex}.section{padding:58px 0}.content-grid{grid-template-columns:1fr}.cover{height:195px}.feature-card{grid-template-columns:1fr}.feature-visual{height:105px}.side-rail{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:23px}.copyright{display:block}.copyright span{display:block;margin:4px 0}.bottom-tools{right:12px;bottom:12px}.rules-band{margin-top:18px}}
@media(max-width:520px){.page-title{font-size:2.1rem}.page-copy{font-size:.91rem}.card-body{padding:15px}.cta-box{padding:46px 18px}.cta-actions .btn{width:100%}.location-pop{right:-44px;width:min(272px,calc(100vw - 32px))}.bottom-tools{gap:6px}.tool-btn{width:38px;height:38px}.pagination .page-btn:nth-child(5),.pagination .page-btn:nth-child(6){display:none}}