:root { --bg:#0b1020; --card:#121a33; --text:#eef2ff; --muted:#9fb0d9; --accent:#7c9cff; --accent2:#4ade80; }
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC",sans-serif;background:linear-gradient(180deg,#0a0f1f,#0b1020 40%,#111a35);color:var(--text)}
.container{max-width:860px;margin:0 auto;padding:24px}
.hero{padding:28px 24px;border:1px solid #2a3764;background:rgba(18,26,51,.72);backdrop-filter: blur(6px);border-radius:16px}
.tag{display:inline-block;padding:6px 10px;border:1px solid #30437f;border-radius:999px;color:var(--muted);font-size:13px}
h1{font-size:34px;line-height:1.2;margin:12px 0}
.lead{font-size:18px;color:#cdd8ff;line-height:1.6}
.btn{display:inline-block;margin-top:10px;background:var(--accent);color:#0b1020;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.btn:hover{filter:brightness(1.08)}
.btn-secondary{background:var(--accent2)}
.hint{color:var(--muted);margin-top:10px}
.card{margin-top:16px;padding:18px 20px;border-radius:14px;border:1px solid #263560;background:rgba(18,26,51,.74)}
h2{margin:0 0 8px;font-size:22px}
ul{margin:8px 0 0 20px;padding:0;line-height:1.7}
.footer{margin:24px 0 10px;text-align:center;color:var(--muted)}