:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f8fafc;--surface:#fff;--surface-muted:#eef4ff;--text:#14213d;--muted:#64748b;--line:#dbe4f0;--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#0f766e;--shadow:0 24px 70px #0f172a1a;--radius:24px;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34rem),linear-gradient(#f8fafc 0%,#fff 48%,#f8fafc 100%);min-width:320px;margin:0}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2563eb59}h1,h2,h3,p{margin-top:0}h1,.page-title{letter-spacing:-.07em;max-width:880px;font-size:clamp(2.4rem,7vw,5.7rem);line-height:.98}h2{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}h3{font-size:1.2rem;line-height:1.35}p{color:var(--muted);line-height:1.75}.container{width:min(1120px,100% - 32px);margin-inline:auto}.site-main{min-height:70vh}.skip-link{z-index:10;background:var(--primary);color:#fff;border-radius:999px;padding:.7rem 1rem;transition:transform .16s;position:absolute;top:.5rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcd1;border-bottom:1px solid #dbe4f0b8;position:sticky;top:0}.nav,.footer-grid{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav{min-height:72px}.brand{letter-spacing:-.04em;font-weight:900}.brand span{color:var(--primary)}.nav-links,.footer-links,.hero-actions,.card-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.55rem .8rem;transition:background .16s,color .16s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--text);background:#fff}.hero{padding:clamp(4rem,10vw,8rem) 0 4rem}.hero-grid,.about-grid,.contact-grid,.split-section{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.hero-summary{max-width:680px;font-size:1.16rem}.hero-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffbd;border-radius:32px;padding:2rem}.avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:28px;place-items:center;width:88px;height:88px;margin-bottom:1.2rem;font-size:1.7rem;font-weight:900;display:grid}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.8rem 1.15rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 14px 30px #2563eb3d}.button.primary:hover{background:var(--primary-dark)}.button.secondary{border-color:var(--line);color:var(--text);background:#fff}.section{padding:clamp(3.5rem,7vw,6rem) 0}.page-hero{padding-bottom:2rem}.muted{background:#eef4ffa3}.section-title{max-width:760px;margin-bottom:2rem}.section-description{font-size:1.05rem}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:900}.grid{gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.story-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;padding:1.35rem;box-shadow:0 12px 36px #0f172a0f}.highlight-card{transition:transform .16s,box-shadow .16s}.highlight-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-icon{background:var(--surface-muted);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.35rem;display:inline-grid}.project-card,.post-card{flex-direction:column;gap:1rem;display:flex}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-list span,.post-meta span{background:var(--surface-muted);color:#31527a;border-radius:999px;padding:.42rem .68rem;font-size:.78rem;font-weight:800}.project-details{gap:.8rem;margin:0;display:grid}.project-details div{border-left:3px solid var(--primary);padding-left:.8rem}.project-details dt{color:var(--text);font-weight:900}.project-details dd{color:var(--muted);margin:.2rem 0 0;line-height:1.65}.card-actions{margin-top:auto}.card-actions a{color:var(--primary);font-weight:900}.section-cta{text-align:center;margin-top:1.5rem}.latest-post{border-left:4px solid var(--primary);padding-left:1.5rem}.latest-post span{color:var(--primary);font-weight:900}.philosophy-card ul{color:var(--muted);gap:.8rem;margin:0;padding-left:1.2rem;line-height:1.75;display:grid}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.skill-bar{border:1px solid var(--line);background:#fff;border-radius:20px;padding:1rem}.skill-meta{justify-content:space-between;gap:1rem;margin-bottom:.8rem;font-weight:900;display:flex}.skill-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.skill-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;display:block}.skill-bar small{color:var(--muted);margin-top:.7rem;font-weight:800;display:inline-block}.post-meta{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem;display:flex}.filter-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:.65rem .9rem;font-weight:900}.filter-tabs button.active,.filter-tabs button:hover{border-color:var(--primary);background:var(--primary);color:#fff}.contact-grid{align-items:start}.contact-list{gap:1rem;display:grid}.contact-card a{color:var(--text);word-break:break-word;font-size:1.05rem;font-weight:900}.contact-form{gap:1rem;display:grid}.contact-form label{margin-bottom:.45rem;font-weight:900;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#f8fafc;border-radius:16px;padding:.85rem 1rem}.form-note{margin:0;font-size:.9rem}.app-footer{border-top:1px solid var(--line);padding:1.5rem 0}.app-footer p{margin:0}.footer-links a{color:var(--muted);font-weight:800}@media (width<=920px){.hero-grid,.about-grid,.contact-grid,.split-section{grid-template-columns:1fr}.grid-4,.grid-3,.grid-2,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.container{width:min(100% - 24px,1120px)}.nav{flex-direction:column;align-items:flex-start;padding:1rem 0}.nav-links{gap:.3rem;width:100%}.nav-links a{padding:.5rem .65rem}.grid-4,.grid-3,.grid-2,.skills-grid{grid-template-columns:1fr}.hero{padding-top:3rem}.footer-grid{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}