:root{--bg:#05050a;--line:hsla(0,0%,100%,.1);--text:#e8f3ff;--muted:#9fb0c3;--neon:#00e5ff;--neon2:#7b61ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans TC,system-ui;background:radial-gradient(800px 400px at 80% -10%,rgba(123,97,255,.3),transparent 60%),radial-gradient(1000px 600px at -10% 30%,rgba(0,229,255,.25),transparent 60%),var(--bg);color:var(--text)}.container{width:min(1200px,92%);margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{justify-content:space-between;height:64px}.brand,.nav-inner{display:flex;align-items:center}.brand{font-weight:700;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,var(--neon),var(--neon2));box-shadow:0 0 10px var(--neon)}.section{padding:96px 0}.section-title{font-size:28px;margin-bottom:28px}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center;padding:96px 0}.hero-img{width:100%;border-radius:18px;border:1px solid var(--line)}.btn{display:inline-block;padding:10px 22px;border-radius:999px;color:#fff;text-decoration:none;background:linear-gradient(90deg,var(--neon),var(--neon2));transition:all .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(0,229,255,.4)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.card{background:hsla(0,0%,100%,.05);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:200px;object-fit:cover}.card .body{padding:16px}.badge{font-size:.78rem;background:linear-gradient(90deg,var(--neon),var(--neon2));color:#000;padding:2px 8px;border-radius:999px;margin-left:8px}.footer{padding:60px 0;text-align:center;border-top:1px solid var(--line)}.muted{color:var(--muted)}