:root{--bg:#030414;--bg2:#071027;--ink:#f5fbff;--muted:#9fb3ca;--cyan:#00f5ff;--pink:#ff2bd6;--lime:#b9ff37;--amber:#ffd166;--purple:#7b5cff;--panel:rgba(8,18,42,.72);--line:rgba(0,245,255,.22);--soft:rgba(255,255,255,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;background:radial-gradient(circle at 16% -6%,rgba(255,43,214,.32),transparent 32%),radial-gradient(circle at 88% 8%,rgba(0,245,255,.34),transparent 30%),linear-gradient(180deg,#030414 0%,#061127 48%,#02030b 100%);color:var(--ink);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(0,245,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.15));}body:after{content:"";position:fixed;left:-10%;right:-10%;bottom:-22%;height:42vh;z-index:-1;background:repeating-linear-gradient(90deg,rgba(0,245,255,.28) 0 1px,transparent 1px 78px),linear-gradient(to top,rgba(255,43,214,.25),transparent);transform:perspective(520px) rotateX(58deg);transform-origin:bottom;filter:blur(.1px)}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;background:rgba(3,4,20,.72);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,245,255,.18)}.top-inner{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:1000;letter-spacing:.04em}.logo-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:conic-gradient(from 180deg,var(--cyan),var(--pink),var(--lime),var(--cyan));color:#030414;box-shadow:0 0 34px rgba(0,245,255,.38)}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav a{padding:10px 14px;border-radius:999px;text-decoration:none;color:#d9ecff;background:rgba(255,255,255,.055);border:1px solid transparent;font-weight:850}.nav a:hover{border-color:var(--line);box-shadow:0 0 22px rgba(0,245,255,.18)}.nav .join,.btn.primary{background:linear-gradient(90deg,var(--cyan),var(--pink));color:#02030b;font-weight:1000;box-shadow:0 0 36px rgba(255,43,214,.28)}.wrap{max-width:1360px;margin:auto;padding:24px}.neon-shell,.portal-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:20px}.rail{position:sticky;top:88px;align-self:start;padding:18px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 0 40px rgba(0,245,255,.035)}.rail-title{color:var(--lime);font-size:12px;letter-spacing:.22em;font-weight:1000;margin:4px 0 14px}.rail a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:14px 12px;margin:8px 0;border-radius:18px;background:rgba(3,4,20,.42);border:1px solid rgba(255,255,255,.07);color:#eaf8ff;font-weight:900}.rail a b{color:var(--pink);text-shadow:0 0 12px var(--pink)}.rail a:hover{transform:translateX(5px);border-color:rgba(0,245,255,.42);box-shadow:0 0 26px rgba(0,245,255,.14)}.hero{position:relative;min-height:520px;border-radius:42px;overflow:hidden;border:1px solid rgba(0,245,255,.26);background:radial-gradient(circle at 75% 25%,rgba(255,43,214,.45),transparent 24%),radial-gradient(circle at 42% 62%,rgba(0,245,255,.34),transparent 30%),linear-gradient(135deg,rgba(8,18,42,.9),rgba(18,7,50,.76));box-shadow:0 34px 100px rgba(0,0,0,.48),0 0 90px rgba(0,245,255,.16)}.hero:before{content:"666";position:absolute;right:3%;bottom:-8%;font-size:210px;font-weight:1000;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);letter-spacing:-.08em}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.12) 49%,transparent 51% 100%);mix-blend-mode:screen;animation:sweep 6s linear infinite}@keyframes sweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.hero-content{position:relative;z-index:2;padding:58px;max-width:760px}.badge{display:inline-flex;padding:8px 13px;border-radius:999px;border:1px solid rgba(185,255,55,.35);background:rgba(185,255,55,.1);color:#ecffbe;font-weight:1000;letter-spacing:.07em}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.96;margin:18px 0 16px;letter-spacing:-.07em;text-shadow:0 0 28px rgba(0,245,255,.22)}.lead{font-size:18px;line-height:1.9;color:#d8eaff}.hero-actions,.section-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:18px;text-decoration:none;border:1px solid rgba(255,255,255,.12);font-weight:1000}.btn.ghost{background:rgba(255,255,255,.07);color:#f7fbff}.ticker{margin-top:22px;padding:15px 18px;border-radius:20px;background:rgba(3,4,20,.48);border:1px solid rgba(255,43,214,.22);color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{padding:18px;border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1)}.stat strong{display:block;font-size:36px;color:var(--cyan);text-shadow:0 0 18px rgba(0,245,255,.35)}.stat span{color:var(--muted);font-size:13px;font-weight:900}.section,.panel{border:1px solid rgba(0,245,255,.18);border-radius:32px;background:var(--panel);box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 0 40px rgba(255,255,255,.025)}.section{padding:28px;margin-top:20px}.section h1,.section h2{margin:0 0 8px;font-size:32px}.section p{color:var(--muted);line-height:1.75}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-tile{min-height:180px;text-decoration:none;border-radius:30px;padding:22px;position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(0,245,255,.16),rgba(255,43,214,.12) 52%,rgba(185,255,55,.07));border:1px solid rgba(255,255,255,.11);transition:.2s}.game-tile:before{content:"";position:absolute;right:-28px;bottom:-44px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--pink),transparent 65%);opacity:.35}.game-tile:hover{transform:translateY(-5px) scale(1.01);border-color:rgba(185,255,55,.45);box-shadow:0 0 42px rgba(255,43,214,.16)}.game-tile small{color:var(--lime);font-weight:1000;letter-spacing:.18em}.game-tile h3{font-size:25px;margin:8px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-card{display:block;text-decoration:none;border-radius:26px;padding:18px;min-height:184px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--lime))}.post-card:after{content:"PLAY";position:absolute;right:12px;bottom:5px;color:rgba(255,255,255,.07);font-size:32px;font-weight:1000}.post-card:hover{border-color:rgba(0,245,255,.5);box-shadow:0 0 36px rgba(0,245,255,.13)}.post-card .cat,.eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(0,245,255,.12);border:1px solid rgba(0,245,255,.3);color:#bffbff;font-size:12px;font-weight:1000}.post-card h3{font-size:18px;line-height:1.35}.post-card p{font-size:14px;color:var(--muted)}.rightbar{position:sticky;top:88px;align-self:start;padding:16px}.mini{padding:16px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.mini strong{color:var(--amber)}.crumb{color:#a9e9ff;margin:10px 0 16px}.crumb a{text-decoration:none;color:#d4f9ff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px}.article{padding:38px}.article h1{font-size:clamp(32px,5vw,58px);line-height:1.05;margin:14px 0;letter-spacing:-.04em}.article h2{margin-top:34px;border-left:4px solid var(--pink);padding-left:12px}.article h3{color:#effcff}.article p,.article li{color:#d6e7f7;line-height:1.92}.article ol,.article ul{padding-left:24px}.side{padding:18px;position:sticky;top:88px;align-self:start}.toc a,.related a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e8fbff}.faq-item{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.page-link{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid var(--line);text-decoration:none}.page-link:hover{background:rgba(0,245,255,.14)}.float-tools{position:fixed;right:18px;bottom:98px;z-index:25;display:flex;flex-direction:column;gap:9px}.float-tools a{min-width:50px;height:50px;border-radius:18px;display:grid;place-items:center;text-decoration:none;background:linear-gradient(135deg,var(--cyan),var(--pink));font-weight:1000;color:#02030b;box-shadow:0 0 26px rgba(255,43,214,.3)}.fixed-cta{position:fixed;left:14px;right:14px;bottom:14px;z-index:60;max-width:560px;margin:auto;text-align:center;text-decoration:none;padding:16px 22px;border-radius:999px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--pink));color:#02030b;font-weight:1000;box-shadow:0 18px 60px rgba(0,245,255,.34)}.site-footer{text-align:center;color:#9eb6c8;padding:42px 20px 90px}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.tag-cloud span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:13px}.neon-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.neon-strip div{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px;background:rgba(255,255,255,.055)}
@media(max-width:1120px){.portal-layout,.neon-shell,.article-layout{grid-template-columns:1fr}.rail,.rightbar,.side{position:relative;top:auto}.rail{display:grid;grid-template-columns:repeat(4,1fr)}.rail-title{grid-column:1/-1}.game-grid,.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.top-inner{display:block}.nav{overflow:auto;margin-top:10px;flex-wrap:nowrap}.wrap{padding:14px}.hero{min-height:auto;border-radius:30px}.hero-content{padding:36px 22px}.stats,.game-grid,.article-grid,.rail,.neon-strip{grid-template-columns:1fr}.article{padding:22px}.rightbar{display:none}.float-tools{display:none}}