:root{--accent: #4c5be8;--accent-dark: #3a47c4;--text: #1f2430;--text-soft: #5a6272;--bg: #f7f8fb;--card: #ffffff;--border: #e5e8f0;--radius: 14px;--col: 720px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 40px;--sp-5: 64px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:10;background:#ffffffd9;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--col);margin:0 auto;display:flex;align-items:center;gap:var(--sp-2);padding:10px var(--sp-2)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--text)}.brand:hover{text-decoration:none}.brand img{width:34px;height:34px;border-radius:50%}.nav{margin-left:auto;display:flex;gap:var(--sp-1)}.nav a{color:var(--text-soft);font-size:15px;padding:6px 12px;border-radius:8px}.nav a:hover{color:var(--accent);background:#eef0fb;text-decoration:none}#menu-toggle{display:none}.menu-btn{display:none;margin-left:auto;cursor:pointer;padding:6px 10px;border-radius:8px;color:var(--text-soft);font-size:20px;line-height:1}@media(max-width:560px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:#fff;border-bottom:1px solid var(--border);padding:var(--sp-1) var(--sp-2)}#menu-toggle:checked~.nav{display:flex}}.hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:clamp(36px,8vw,64px) var(--sp-2);background:#23263a}.hero:before{content:"";position:absolute;inset:0;background:var(--hero-bg) center 35% / cover no-repeat;opacity:.35}.hero>*{position:relative}.hero img.avatar{width:clamp(72px,20vw,96px);height:auto;aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 18px #00000059}.hero h1{font-size:clamp(20px,6vw,30px);margin-top:var(--sp-2);letter-spacing:.5px;overflow-wrap:break-word}.hero .tagline{font-size:clamp(14px,4vw,17px);opacity:.92;margin-top:4px}.hero .loc{font-size:14px;opacity:.75;margin-top:6px}main{max-width:var(--col);margin:0 auto;padding:0 var(--sp-2) var(--sp-5)}section{margin-top:var(--sp-4)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3)}h2{font-size:20px;display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-2)}h2:after{content:"";flex:1;height:1px;background:var(--border)}.info-list{list-style:none}.info-list li{display:flex;gap:12px;padding:6px 0}.info-list .k{color:var(--text-soft);min-width:56px}.hobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}@media(max-width:720px){.hobby-grid{grid-template-columns:1fr}}.hobby{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2);display:flex;gap:12px;align-items:flex-start}.hobby .emoji{font-size:24px;line-height:1.4}.hobby .t{font-weight:600;font-size:15px}.hobby .d{font-size:14px;color:var(--text-soft)}.social{display:flex;flex-wrap:wrap;gap:10px}.social a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;font-weight:500;transition:border-color .15s,color .15s,transform .15s}@media(max-width:420px){.social{display:grid;grid-template-columns:1fr 1fr}.social a{width:100%}}.social a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-1px)}.social svg{width:18px;height:18px;fill:currentColor}.mail-btn{display:inline-flex;align-items:center;gap:8px;margin-top:var(--sp-2);background:var(--accent);color:#fff;padding:10px 22px;border-radius:10px;font-weight:600}.mail-btn svg{width:16px;height:16px;fill:currentColor}.mail-btn:hover{background:var(--accent-dark);text-decoration:none}footer{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-2);text-align:center;font-size:13px;color:var(--text-soft)}footer p{margin:2px 0}footer a{color:var(--text-soft)}footer a:hover{color:var(--accent)}footer .beian{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}@media(prefers-color-scheme:dark){:root{--text: #e6e8ef;--text-soft: #9aa1b2;--bg: #14151c;--card: #1d1f29;--border: #2c2f3d}.site-header{background:#14151cd9}.nav a:hover{background:#262a38}@media(max-width:560px){.nav{background:#1d1f29}}}