html,body,#root{min-height:100%;margin:0}a{color:inherit}:root{--font-ui:"SF Pro Text", "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif}:root[data-theme=minimal-light]{--bg:radial-gradient(circle at top, #f4f7ff 0%, #eef1f6 45%, #e7ebf2 100%);--card:#ffffffc7;--text:#111827;--muted:#4b5563;--border:#ffffffb3;--btn:#f8fafc;--btn-text:#1f2937;--shadow:0 20px 60px #0f172a21}:root[data-theme=graphite-dark]{--bg:radial-gradient(circle at top, #20242d 0%, #141821 55%, #0c1018 100%);--card:#161b24bd;--text:#e5e7eb;--muted:#cbd5e1;--border:#94a3b838;--btn:#273244;--btn-text:#f8fafc;--shadow:0 20px 60px #02061780}*{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);margin:0;transition:background .26s,color .22s}.page-shell{place-items:center;min-height:100svh;padding:24px;display:grid;position:relative}.intro-screen{z-index:20;background:var(--bg);text-align:center;place-content:center;gap:12px;animation:1.4s forwards introOut;display:grid;position:fixed;inset:0}.intro-subtitle{letter-spacing:.2em;color:var(--muted);margin:0;font-size:12px}.intro-title{margin:0;font-size:clamp(36px,8vw,72px);line-height:1.05}.card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(860px,100%);box-shadow:var(--shadow);border-radius:28px;padding:24px;transition:background .26s,border-color .22s,box-shadow .26s}.card.lang-switch .tag,.card.lang-switch h1,.card.lang-switch .role,.card.lang-switch .bio,.card.lang-switch .links a,.card.lang-switch .themes button{animation:.22s langFade}.hero{align-items:center;gap:20px;display:flex}.avatar{object-fit:cover;border:1px solid var(--border);border-radius:24px;width:110px;height:110px;transition:border-color .22s}.tag{letter-spacing:.12em;color:var(--muted);margin:0;font-size:12px;transition:color .22s}h1{margin:8px 0 4px;font-size:clamp(30px,5vw,44px);line-height:1.1}.role{color:var(--muted);margin:0;font-size:clamp(16px,2.3vw,20px);transition:color .22s}.bio{color:var(--text);margin-top:20px;font-size:17px;line-height:1.8;transition:color .22s}.footer{gap:16px;margin-top:24px;display:grid}.links{gap:12px;display:grid}.links a{color:var(--text);border:1px solid var(--border);background:#ffffff38;border-radius:14px;padding:12px 14px;text-decoration:none;transition:transform .18s,background .18s,color .22s,border-color .22s}.links a:hover{background:#ffffff5c;transform:translateY(-1px)}.themes{flex-wrap:wrap;gap:10px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.themes button{border:1px solid var(--border);background:var(--btn);color:var(--btn-text);cursor:pointer;border-radius:999px;padding:10px 14px;transition:background .22s,color .22s,border-color .22s}.themes button.active,.themes button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (width<=640px){.page-shell{padding:16px}.card{border-radius:22px;padding:20px}.hero{flex-direction:column;align-items:flex-start}.avatar{width:92px;height:92px}.bio{font-size:16px;line-height:1.75}.controls{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){body,.card,.avatar,.tag,.role,.bio,.links a,.themes button{transition:none}.intro-screen{animation:none}}@keyframes introOut{0%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(1.015)}}@keyframes langFade{0%{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}