body{background:#fafafa;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}@media(prefers-color-scheme:dark){body{background:#111;color:#eee}}.nav{position:fixed;top:0;width:100%;padding:14px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000}.nav-inner{width:90%;max-width:1200px;margin:0 auto;display:flex;align-items:center}.logo{height:36px}.nav-links{margin-left:40px;display:flex;align-items:center}.nav-links a{margin-left:24px;text-decoration:none;color:#222;opacity:.85;letter-spacing:-.2px}.nav-links a:hover{opacity:1}@media(prefers-color-scheme:dark){.nav-links a{color:#eee}}.lang-switch{margin-left:auto;display:flex;align-items:center}.lang-switch a{margin-left:16px;text-decoration:none;color:#222;opacity:.85;font-size:calc(1rem - 2px);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}.lang-switch a:hover{opacity:1}.lang-switch a:after{content:"|";margin-left:12px;opacity:.5}.lang-switch a.last-visible:after{content:""}@media(prefers-color-scheme:dark){.lang-switch a{color:#eee}}.hamburger{display:none;font-size:26px;cursor:pointer;color:#666;margin-left:28px}@media(prefers-color-scheme:dark){.hamburger{color:#ccc}}@media(max-width:768px){.nav{background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{padding-bottom:72px}.nav-inner{justify-content:space-between}.nav-links{display:none;flex-direction:column;position:fixed;top:60px;right:20px;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 0 0 .5px #fff6,0 4px 20px #0000001f;background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:12px}.nav-links a{margin:12px 0}.nav-links.active{display:flex}.hamburger{display:block}}@media(max-width:768px)and (prefers-color-scheme:dark){.nav{background:#00000073}.nav-links{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 .5px #fff3,0 4px 20px #0000002e;background:#00000073}}:root{--nav-height: 64px}.panel{min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;padding-bottom:64px}.panel.visible{opacity:1;transform:translateY(0)}.panel .content{margin-top:auto;margin-bottom:auto}.panel p{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease}.panel.visible p{opacity:1;transform:translateY(0)}.content{width:90%;max-width:820px;margin:0 auto;opacity:.95}.work-intro{margin-bottom:1.2rem;font-size:1.1rem;line-height:1.6;opacity:1}.work-items{display:flex;flex-direction:column;gap:1rem}.work-item{display:flex;gap:1rem}.work-number{font-size:1.2rem;font-weight:600;opacity:1}.work-body h3{margin:0 0 .5rem;font-size:1.2rem;opacity:1}.work-body p{margin:0;opacity:.95}.work-core{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.12)}@media(prefers-color-scheme:dark){.work-core{border-top:1px solid rgba(255,255,255,.12)}}.work-core-title{font-size:1.2rem;font-weight:600;opacity:.9}.work-core-text{font-size:1.1rem;line-height:1.6;opacity:.95}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;color:#222;opacity:0;animation:heroFade 1.2s ease forwards}@keyframes heroFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;pointer-events:none;z-index:0;animation:breatheLight 2s linear infinite alternate}@keyframes breatheLight{0%{opacity:.2}to{opacity:.42}}@media(prefers-color-scheme:dark){.hero{background:#111;color:#eee}.hero svg{animation:breatheDark 2.5s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes breatheDark{0%{opacity:.16}to{opacity:.28}}}.hero-content{width:100%;text-align:center;position:relative;z-index:1}.hero h1{font-size:52px;font-weight:600;line-height:1.2;margin:0}:root{--dot-color: rgba(0,0,0,.35)}@media(prefers-color-scheme:dark){:root{--dot-color: rgba(255,255,255,.25)}}section{scroll-margin-top:var(--nav-height)}h2{font-size:28px;margin-bottom:20px}p,li{font-size:18px;line-height:1.6}ul{padding-left:20px}@media(max-width:600px){.hero h1{font-size:36px}h2{font-size:22px}p,li{font-size:16px}}