:root{--bg:#020817;--deep:#050126;--violet:#7c3cff;--blue:#18d8ff;--green:#47ffb3;--gold:#ffe083;--text:#f4fbff;--muted:#a9bdd7;--panel:rgba(7,20,48,.66);--line:rgba(139,196,255,.18);--glass:rgba(255,255,255,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC',Arial,sans-serif;color:var(--text);background:#020817;line-height:1.75;padding-bottom:76px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 8%,rgba(24,216,255,.32),transparent 26%),radial-gradient(circle at 80% 10%,rgba(124,60,255,.36),transparent 30%),radial-gradient(circle at 50% 70%,rgba(71,255,179,.14),transparent 32%),linear-gradient(135deg,#020817 0%,#071334 47%,#07021d 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 85%)}
a{color:inherit}.topbar{position:sticky;top:0;z-index:30;background:rgba(2,8,23,.66);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.top-inner{max-width:1360px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;letter-spacing:.06em}.logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:conic-gradient(from 210deg,var(--blue),var(--violet),var(--green),var(--blue));color:#031225;box-shadow:0 0 26px rgba(24,216,255,.5)}.nav{display:flex;align-items:center;gap:10px}.nav a{text-decoration:none;color:#dff7ff;padding:9px 12px;border-radius:999px;font-weight:800}.nav a:hover,.join{background:linear-gradient(90deg,rgba(24,216,255,.16),rgba(124,60,255,.18));border:1px solid var(--line)}
.wrap{max-width:1360px;margin:auto;padding:22px}.portal-layout{display:grid;grid-template-columns:220px 1fr 260px;gap:18px}.rail{position:sticky;top:82px;align-self:start;border:1px solid var(--line);border-radius:28px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 0 30px rgba(24,216,255,.06)}.rail-title{font-size:12px;color:var(--green);letter-spacing:.22em;font-weight:950;margin:8px 8px 14px}.rail a{display:flex;align-items:center;gap:10px;text-decoration:none;margin:8px 0;padding:12px 13px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#e8fbff;font-weight:850}.rail a b{color:var(--blue)}.rail a:hover{transform:translateX(3px);border-color:rgba(24,216,255,.45)}
.hero{min-height:560px;border:1px solid var(--line);border-radius:36px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(5,17,48,.9),rgba(20,7,61,.72)),radial-gradient(circle at 82% 28%,rgba(24,216,255,.28),transparent 24%);box-shadow:0 24px 80px rgba(0,0,0,.45)}.hero:before{content:"";position:absolute;right:-80px;top:50px;width:480px;height:480px;border-radius:50%;background:conic-gradient(from 60deg,rgba(24,216,255,.75),rgba(124,60,255,.75),rgba(71,255,179,.55),rgba(24,216,255,.75));filter:blur(4px);opacity:.4}.hero:after{content:"777\A JACKPOT\A LIVE GAME";white-space:pre;position:absolute;right:60px;top:112px;font-size:70px;line-height:1.05;font-weight:1000;color:rgba(255,255,255,.09);letter-spacing:.08em}.hero-content{position:relative;z-index:2;max-width:760px;padding:70px 56px}.badge{display:inline-flex;border:1px solid rgba(71,255,179,.35);background:rgba(71,255,179,.09);color:#cffff0;border-radius:999px;padding:8px 13px;font-weight:950;font-size:13px}.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.04;margin:20px 0 16px;letter-spacing:-.05em}.lead{font-size:18px;color:#d0e5ff;max-width:760px}.hero-actions,.section-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:950;border-radius:18px;padding:13px 18px;border:1px solid var(--line)}.btn.primary{background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff;box-shadow:0 0 36px rgba(24,216,255,.28)}.btn.ghost{background:rgba(255,255,255,.07)}.ticker{margin-top:20px;padding:14px 16px;border-radius:18px;background:rgba(2,8,23,.42);border:1px solid var(--line);color:#ddfaff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.stat{padding:16px;border-radius:22px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}.stat strong{display:block;font-size:30px;color:var(--green)}.stat span{color:var(--muted);font-size:13px;font-weight:800}
.section,.panel{border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:0 18px 60px rgba(0,0,0,.26)}.section{padding:24px;margin-top:18px}.section h2,.section h1{margin:0 0 8px;font-size:30px}.section p{color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-tile{min-height:154px;text-decoration:none;border-radius:28px;padding:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(24,216,255,.16),rgba(124,60,255,.12));border:1px solid rgba(255,255,255,.12);transition:.2s}.game-tile:before{content:"";position:absolute;inset:auto -20px -45px auto;width:130px;height:130px;background:radial-gradient(circle,var(--blue),transparent 64%);opacity:.24}.game-tile:hover{transform:translateY(-4px);border-color:rgba(71,255,179,.5)}.game-tile small{color:var(--green);font-weight:950;letter-spacing:.18em}.game-tile h3{font-size:24px;margin:8px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-card{display:block;text-decoration:none;border-radius:24px;padding:18px;min-height:176px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.post-card:after{content:"READ";position:absolute;right:14px;bottom:8px;color:rgba(255,255,255,.08);font-size:30px;font-weight:1000}.post-card:hover{border-color:rgba(24,216,255,.55)}.post-card .cat,.eyebrow{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(24,216,255,.12);border:1px solid rgba(24,216,255,.28);color:#bff6ff;font-size:12px;font-weight:950}.post-card h3{font-size:18px;line-height:1.35}.post-card p{font-size:14px;color:var(--muted)}.rightbar{position:sticky;top:82px;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(--gold)}
.crumb{color:#9ed9ef;margin:10px 0 16px}.crumb a{text-decoration:none;color:#c9f7ff}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:18px}.article{padding:34px}.article h1{font-size:clamp(30px,5vw,54px);line-height:1.08;margin:14px 0}.article h2{margin-top:34px;border-left:4px solid var(--blue);padding-left:12px}.article h3{color:#dffaff}.article p,.article li{color:#d6e4f3}.article ol,.article ul{padding-left:22px}.side{padding:18px;position:sticky;top:82px;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:22px}.page-link{padding:9px 13px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid var(--line);text-decoration:none}.float-tools{position:fixed;right:18px;bottom:96px;z-index:25;display:flex;flex-direction:column;gap:9px}.float-tools a{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;text-decoration:none;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:950}.fixed-cta{position:fixed;left:14px;right:14px;bottom:14px;z-index:40;max-width:520px;margin:auto;text-align:center;text-decoration:none;padding:15px 22px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue),var(--violet));color:#061126;font-weight:1000;box-shadow:0 18px 55px rgba(24,216,255,.42)}.site-footer{text-align:center;color:#9eb6c8;padding:38px 20px}.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}
@media(max-width:1080px){.portal-layout,.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:680px){.top-inner{display:block}.nav{overflow:auto;margin-top:10px}.wrap{padding:14px}.hero{min-height:auto}.hero-content{padding:38px 22px}.stats,.game-grid,.article-grid,.rail{grid-template-columns:1fr}.article{padding:22px}.rightbar{display:none}}