:root{color-scheme:dark;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(251,191,36,.18),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 24%),linear-gradient(180deg,#07111f,#08101a 38%,#05080d);color:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body,#root{min-height:100vh}a{color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}a:hover{transform:translateY(-1px)}.page-shell{position:relative;overflow:hidden}.page-glow{position:fixed;inset:auto;width:28rem;height:28rem;border-radius:999px;filter:blur(90px);opacity:.22;pointer-events:none}.page-glow-left{top:-8rem;left:-10rem;background:#f59e0b}.page-glow-right{top:12rem;right:-10rem;background:#2563eb}.site-wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:28px 20px 72px}.topbar{position:sticky;top:16px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:18px 22px;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:#05080dbf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow,.section-label,.project-type,.contact-label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#94a3b8}.brand-name{margin-top:6px;font-size:clamp(28px,4vw,38px);font-weight:800}.brand-role{margin-top:6px;font-size:14px;color:#cbd5e1}.topnav{display:flex;gap:10px;flex-wrap:wrap}.topnav a,.inline-link,.tag-item,.role-badge{border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172a80}.topnav a{padding:9px 14px;font-size:14px;color:#e2e8f0}.hero-grid,.about-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px}.panel{border:1px solid rgba(148,163,184,.16);border-radius:28px;background:linear-gradient(180deg,#0f172ad6,#0f172a9e),#0f172ab3;box-shadow:0 18px 50px #02081747;padding:26px}.hero-panel{padding:34px}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(251,191,36,.25);background:#fbbf241a;color:#fde68a;font-size:12px}h1,h2,h3,p{margin:0}h1{margin-top:20px;font-size:clamp(40px,6vw,64px);line-height:1.05}h1 span{display:block;margin-top:10px;color:#94a3b8}h2{margin-top:10px;font-size:clamp(30px,4vw,42px);line-height:1.1}h3{font-size:24px;line-height:1.3}.hero-copy,.section-copy,.muted-copy{color:#cbd5e1;line-height:1.9}.hero-copy{margin-top:18px;max-width:760px;font-size:17px}.section-copy,.muted-copy{margin-top:14px;font-size:15px}.button-row,.link-row,.tag-list,.bullet-list,.contact-grid{display:flex;flex-wrap:wrap;gap:12px}.button-row{margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:16px;font-weight:700;font-size:14px}.button-primary{background:linear-gradient(135deg,#f8fafc,#fde68a);color:#111827}.button-secondary,.inline-link{color:#f8fafc;border:1px solid rgba(148,163,184,.2);background:#0f172a99}.button-secondary{padding:0 18px}.highlight-grid,.project-grid,.skill-grid,.three-up,.game-grid{display:grid;gap:16px}.highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}.mini-card,.tag-item{padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#0206175c;color:#dbeafe;line-height:1.7;font-size:14px}.side-stack{display:grid;gap:18px}.side-strong{margin-top:14px;font-size:20px;font-weight:700;line-height:1.6}.three-up{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:46px}.section-block{margin-top:56px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.project-card .bullet-list{margin-top:18px}.project-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.project-subtitle,.project-period{margin-top:8px;color:#94a3b8;font-size:14px}.role-badge,.inline-link{padding:9px 14px;font-size:14px}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.about-grid{margin-top:56px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.contact-panel{padding:28px}.contact-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.contact-card{padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:#0206176b}.contact-value{margin-top:10px;color:#f8fafc;font-size:16px;font-weight:700;line-height:1.6;word-break:break-word}@media (max-width: 980px){.hero-grid,.about-grid,.project-grid,.skill-grid,.three-up,.contact-grid,.highlight-grid{grid-template-columns:1fr}}@media (max-width: 720px){.site-wrap{padding:20px 14px 64px}.panel,.hero-panel{padding:22px}.topbar{top:10px}.game-grid{grid-template-columns:1fr}h1{font-size:36px}}