*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(#071326d9,#0b1027e8),url('night-market-bg.png') center/cover fixed;color:#f6f2e8;font-family:system-ui,"Noto Sans TC",sans-serif}main{width:min(650px,100%);min-height:100svh;margin:auto;padding:24px 20px 44px;background:#071326bb;backdrop-filter:blur(8px)}.back{color:#8ce2d5;text-decoration:none;font-size:13px}.eyebrow{color:#f1c66d;font-size:11px;letter-spacing:.18em;font-weight:900;margin-top:52px}h1{font-size:clamp(48px,12vw,86px);line-height:.95;letter-spacing:-.08em;margin:12px 0 18px}h1 em{font-style:normal;color:#f1c66d}p{color:#bdc9d8;line-height:1.7}button,.button{display:block;width:100%;margin-top:28px;padding:15px 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#f4d27b,#c27c46);color:#111a2b;text-align:center;text-decoration:none;font-weight:900;font-size:16px;cursor:pointer}.top{display:flex;justify-content:space-between;color:#9fb2c8;font-size:12px;margin-top:34px}.top b{color:#f1c66d}.bar{height:7px;margin:12px 0 36px;border-radius:9px;background:#1d304b;overflow:hidden}.bar i{display:block;height:100%;width:8%;background:#70e0d0;transition:width .25s}.quiz h2{font-size:28px;line-height:1.35;margin:0 0 22px}.choice{margin:10px 0;padding:16px;text-align:left;background:#12243ddd;border:1px solid #456582;color:#eef6f4}.choice:hover{border-color:#f1c66d;transform:translateY(-2px)}#result h1{color:#f1c66d}.result-card{padding:20px;border:1px solid #46677c;border-radius:16px;background:#0d1c31cc}.dim{margin:12px 0;color:#bbcad7}.dim span{display:flex;justify-content:space-between;font-size:12px}.dim i{display:block;height:7px;margin-top:5px;border-radius:9px;background:linear-gradient(90deg,#70e0d0,#f1c66d)}