:root{--bg:#0f1115;--card:#1a1d24;--accent:#ffd166;--ink:#f5f6f8;--muted:#9aa3b2;--line:#2a2f3a}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
html,body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:640px;margin:0 auto;padding:32px 18px calc(96px + env(safe-area-inset-bottom))}
.kicker{color:var(--muted);font-size:13px;letter-spacing:.12em;margin-bottom:20px}
.type-hero{text-align:center;margin-bottom:22px}
.type-avatar{width:144px;height:144px;border-radius:20px;object-fit:cover;box-shadow:0 10px 36px rgba(0,0,0,.45)}
.kw{font-size:38px;font-weight:800;color:var(--accent);letter-spacing:-.02em;margin-top:14px;line-height:1.15}
.slug-name{color:var(--muted);font-size:14px;letter-spacing:.08em;text-transform:capitalize;margin-top:4px}
.lead-desc{font-size:17px;font-weight:600;text-align:center;margin-bottom:26px;line-height:1.6}
.block{background:var(--card);border-radius:14px;padding:18px 16px;margin-bottom:14px}
.block h2{font-size:14px;color:var(--accent);letter-spacing:.06em;margin-bottom:6px}
.block p{font-size:16px}
.btn{display:block;width:100%;padding:17px 18px;border-radius:14px;border:0;font-size:17px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;user-select:none}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--accent);color:#1a1d24}
.cta-fixed{position:fixed;left:0;right:0;bottom:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(15,17,21,0),rgba(15,17,21,.92) 40%);z-index:10}
.cta-fixed .btn{max-width:640px;margin:0 auto;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.hint{margin-top:14px;color:var(--muted);font-size:13px;text-align:center}
.other-types{margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.other-types h2{font-size:14px;color:var(--muted);margin-bottom:12px}
.other-types ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px}
.other-types li{min-height:44px;display:flex;align-items:center}
.other-types a{display:inline-block;padding:8px 6px;color:var(--muted);font-size:15px;text-decoration:none;border-bottom:1px solid var(--line)}
.other-types a:active{color:var(--ink)}
@media (min-width:768px){.kw{font-size:44px}.lead-desc{font-size:19px}.type-avatar{width:160px;height:160px}}