:root{--prm-white:#fff;--prm-slate-50:#f7f8fb;--prm-slate-100:#eff1f5;--prm-slate-200:#e2e4ea;--prm-slate-900:#0f1117;--prm-ink:#16181d;--prm-charcoal:#525560;--prm-stone:#898b92;--prm-warm-light:#e8e4db;--prm-terracotta:#c7512e;--prm-terracotta-hover:#b84726;--prm-terracotta-pale:#fdf0eb;--prm-coral:#d97757;--prm-slate-accent:#4a5b6e;--prm-border-subtle:#00000012;--prm-border-strong:#0000001f;--prm-font-display:"DM Serif Display", Georgia, "Times New Roman", serif;--prm-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--prm-font-cjk-display:"Noto Serif SC", "DM Serif Display", Georgia, "Times New Roman", serif;--prm-font-cjk-sans:"Noto Sans SC", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--prm-space-1:.25rem;--prm-space-2:.5rem;--prm-space-3:.75rem;--prm-space-4:1rem;--prm-space-5:1.25rem;--prm-space-6:1.5rem;--prm-space-8:2rem;--prm-space-10:2.5rem;--prm-space-12:3rem;--prm-space-16:4rem;--prm-space-20:5rem;--prm-space-24:6rem;--prm-space-32:8rem;--prm-radius-sm:4px;--prm-radius-md:8px;--prm-radius-lg:12px;--prm-radius-xl:20px;--prm-radius-full:999px;--color-surface:var(--prm-slate-50);--color-surface-raised:var(--prm-white);--color-surface-subdued:var(--prm-slate-100);--color-surface-inverse:var(--prm-slate-900);--color-text:var(--prm-ink);--color-text-secondary:var(--prm-charcoal);--color-text-muted:var(--prm-stone);--color-text-inverse:#e8e9ed;--color-text-inverse-muted:#9a9ca4;--color-accent:var(--prm-terracotta);--color-accent-hover:var(--prm-terracotta-hover);--color-accent-subtle:var(--prm-terracotta-pale);--color-accent-alt:var(--prm-coral);--color-accent-cool:var(--prm-slate-accent);--color-border:var(--prm-border-subtle);--color-border-strong:var(--prm-border-strong);--font-display:var(--prm-font-display);--font-body:var(--prm-font-sans)}html.zh{--font-display:var(--prm-font-cjk-display);--font-body:var(--prm-font-cjk-sans)}html.zh h1,html.zh .featured-project h3,html.zh .about-section h2,html.zh .contact-section h2,html.zh .contact-highlight,html.zh .project-body h2,html.zh .big-number,html.zh .stat-value{font-weight:700}@media (prefers-color-scheme:dark){:root{--color-surface:#12141a;--color-surface-raised:#1a1d24;--color-surface-subdued:#16181e;--color-surface-inverse:#e8e9ed;--color-text:#e8e9ed;--color-text-secondary:#b0b3bc;--color-text-muted:#757880;--color-text-inverse:var(--prm-ink);--color-text-inverse-muted:var(--prm-charcoal);--color-accent:var(--prm-coral);--color-accent-hover:#e58a6e;--color-accent-subtle:#d977571f;--color-accent-alt:var(--prm-terracotta);--color-border:#ffffff12;--color-border-strong:#ffffff1f}}:root{--card-radius:var(--prm-radius-md);--card-shadow:0 1px 2px #0000000a;--card-shadow-hover:0 4px 16px #0000000f;--btn-radius:var(--prm-radius-sm);--content-width:1200px;--reading-width:640px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);color:var(--color-text-secondary);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}h1{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.025em;font-weight:400;line-height:1.08}h2,h3,h4{font-family:var(--font-body);color:var(--color-text);letter-spacing:-.015em;font-weight:700;line-height:1.15}h1{font-size:clamp(3rem,6vw,5rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.25rem;font-weight:600}h4{font-size:1rem}code{font-family:var(--font-body);background:var(--color-surface-subdued);color:var(--color-text);border-radius:3px;padding:.15em .4em;font-size:.85em;font-weight:500}.container{max-width:var(--content-width);margin:0 auto;padding:0 2rem}.container-narrow{max-width:960px;margin:0 auto;padding:0 2rem}.section{padding:var(--prm-space-24) 0}.section-sm{padding:var(--prm-space-16) 0}.site-header{padding:var(--prm-space-5) 0;z-index:100;-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb, var(--color-surface) 88%, transparent);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--color-border)}.site-header .container{justify-content:space-between;align-items:center;display:flex}.site-logo{font-family:var(--font-body);color:var(--color-text);letter-spacing:-.01em;align-items:center;gap:.15em;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.site-logo span{color:var(--color-accent);font-weight:800}.site-logo:hover{color:var(--color-text)}.site-nav{gap:var(--prm-space-6);align-items:center;display:flex}.site-nav a{color:var(--color-text-secondary);align-items:center;gap:.35em;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.site-nav a:hover{color:var(--color-text)}.site-nav a.lang-switcher{letter-spacing:.02em;color:var(--color-text-muted);padding-left:var(--prm-space-2);border-left:1px solid var(--color-border);font-size:.78rem;font-weight:600}.site-nav a.lang-switcher:hover{color:var(--color-accent)}.hero{padding:var(--prm-space-32) 0 var(--prm-space-16)}.hero h1{max-width:900px}.hero .subtitle{color:var(--color-text-muted);max-width:520px;margin-top:var(--prm-space-6);font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:400;line-height:1.55}.hero-line{background:var(--color-accent);width:56px;height:2px;margin:var(--prm-space-8) 0}.section-header{margin-bottom:var(--prm-space-12);justify-content:space-between;align-items:baseline;display:flex}.section-header h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:.85rem;font-weight:700}.featured-project{gap:var(--prm-space-12);margin-bottom:var(--prm-space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.featured-project .featured-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--prm-radius-md);border:1px solid var(--color-border);width:100%}.featured-project .featured-content{max-width:440px}.featured-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--prm-space-4);font-size:.75rem;font-weight:700}.featured-project h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--prm-space-4);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.08}.featured-project .featured-desc{color:var(--color-text-secondary);margin-bottom:var(--prm-space-6);font-size:1.05rem;line-height:1.55}.featured-link{align-items:center;gap:var(--prm-space-2);color:var(--color-accent);margin-top:var(--prm-space-5);font-size:.95rem;font-weight:600;display:inline-flex}.featured-link:hover{color:var(--color-accent-hover)}.project-grid{gap:var(--prm-space-6);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.project-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card-thumb{aspect-ratio:16/10;object-fit:cover;background:var(--color-surface-subdued);border-bottom:1px solid var(--color-border);width:100%}.card-body{padding:var(--prm-space-5) var(--prm-space-6);flex-direction:column;flex:1;display:flex}.card-number{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--prm-space-3);font-size:.68rem;font-weight:700}.project-card h3{font-family:var(--font-body);margin-bottom:var(--prm-space-2);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.card-desc{color:var(--color-text-secondary);flex:1;font-size:.88rem;line-height:1.5}.card-tags{gap:var(--prm-space-2);margin-top:var(--prm-space-4);flex-wrap:wrap;display:flex}.tag{border-radius:var(--prm-radius-sm);background:var(--color-surface-subdued);color:var(--color-text-muted);align-items:center;gap:.3em;padding:.2em .6em;font-size:.72rem;font-weight:600;display:inline-flex}.tag-accent{background:var(--color-accent-subtle);color:var(--color-accent)}.big-number{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-.03em;font-size:clamp(4rem,8vw,7rem);font-weight:400;line-height:.9}.big-number-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600}.about-section{gap:var(--prm-space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-section h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.about-text{color:var(--color-text-secondary);max-width:var(--reading-width);font-size:1.05rem;line-height:1.7}.contact-section{gap:var(--prm-space-16);padding:var(--prm-space-20) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;display:grid}.contact-section h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--prm-space-4);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:400}.contact-section .contact-desc{color:var(--color-text-secondary);margin-bottom:var(--prm-space-6);font-size:1rem;line-height:1.6}.contact-links{gap:var(--prm-space-3);flex-wrap:wrap;display:flex}.contact-highlight{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15}.contact-highlight a{color:var(--color-accent);text-decoration:none}.contact-highlight a:hover{color:var(--color-accent-hover)}.project-hero{padding:var(--prm-space-12) 0 var(--prm-space-16)}.project-hero .back-link{color:var(--color-text-muted);margin-bottom:var(--prm-space-8);align-items:center;gap:.35em;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.project-hero .back-link:hover{color:var(--color-text)}.project-hero h1{max-width:800px;margin-bottom:var(--prm-space-4)}.project-hero .project-subtitle{color:var(--color-text-secondary);max-width:560px;font-size:1.1rem;line-height:1.55}.project-meta{gap:var(--prm-space-6);margin-top:var(--prm-space-6);color:var(--color-text-muted);flex-wrap:wrap;font-size:.88rem;display:flex}.project-meta span,.project-meta a{align-items:center;gap:.35em;display:inline-flex}.project-meta a{color:var(--color-accent)}.project-meta a:hover{color:var(--color-accent-hover)}.title-row{align-items:center;gap:var(--prm-space-4);margin-bottom:var(--prm-space-3);display:flex}.title-row .app-icon-inline{border-radius:10px;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 6px #00000014}.title-row h1{margin-bottom:0}.project-image{object-fit:contain;border-radius:var(--prm-radius-md);border:1px solid var(--color-border);width:100%;max-height:480px;margin-bottom:var(--prm-space-8)}.project-image-inline{margin:var(--prm-space-8) 0}.project-body{max-width:var(--reading-width)}.project-body h2{font-family:var(--font-display);letter-spacing:-.02em;margin-top:var(--prm-space-12);margin-bottom:var(--prm-space-3);font-size:1.6rem;font-weight:400}.project-body h2:first-child{margin-top:0}.project-body p{color:var(--color-text-secondary);line-height:1.65}.project-body ul,.project-body ol{margin:var(--prm-space-4) 0;padding-left:0;list-style:none}.project-body li{color:var(--color-text-secondary);padding:.35em 0 .35em 1.5em;line-height:1.5;position:relative}.project-body li:before{content:"";background:var(--color-accent);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:.8em;left:0}.project-body ol{counter-reset:step}.project-body ol li:before{content:counter(step);counter-increment:step;width:auto;height:auto;font-family:var(--font-body);color:var(--color-accent);opacity:1;background:0 0;font-size:.78rem;font-weight:700;top:.35em}.feature-grid{gap:var(--prm-space-4);margin:var(--prm-space-8) 0;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.feature-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--prm-radius-sm);padding:var(--prm-space-5)}.feature-card h4{color:var(--color-text);margin-bottom:var(--prm-space-2);align-items:center;gap:var(--prm-space-2);font-size:.9rem;font-weight:700;display:flex}.feature-card p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.45}.stats-row{gap:var(--prm-space-10);margin:var(--prm-space-8) 0;flex-wrap:wrap;display:flex}.stat-item{flex-direction:column;gap:.15em;display:flex}.stat-value{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-.02em;font-size:2.2rem;font-weight:400;line-height:1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.status-banner{align-items:center;gap:var(--prm-space-2);padding:var(--prm-space-2) var(--prm-space-4);border-radius:var(--prm-radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);margin-top:var(--prm-space-6);font-size:.82rem;font-weight:600;display:inline-flex}.status-banner.complete{color:#0d9e6c;background:#10b9811f}.btn{align-items:center;gap:var(--prm-space-2);font-family:var(--font-body);border-radius:var(--btn-radius);cursor:pointer;border:none;padding:.6rem 1.3rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px)}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border-strong);background:0 0}.btn-outline:hover{border-color:var(--color-text);color:var(--color-text)}.btn-group{gap:var(--prm-space-3);margin-top:var(--prm-space-8);flex-wrap:wrap;display:flex}.site-footer{padding:var(--prm-space-8) 0;text-align:center;color:var(--color-text-muted);font-size:.8rem}.site-footer a{color:var(--color-text-secondary);font-weight:500}.site-footer a:hover{color:var(--color-text)}.footer-copy{margin-top:var(--prm-space-1)}.error-page{text-align:center;justify-content:center;align-items:center;min-height:60vh;display:flex}.error-page .big-number{color:var(--color-accent);margin-bottom:var(--prm-space-4);font-size:clamp(5rem,12vw,9rem)}.error-page p{color:var(--color-text-secondary);max-width:400px;margin:0 auto var(--prm-space-8);line-height:1.6}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(16px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .5s ease-out}.fade-in.visible{opacity:1}.slide-in-left{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translate(-20px)}.slide-in-left.visible{opacity:1;transform:translate(0)}.hero-entrance h1{opacity:0;animation:.8s ease-out 50ms forwards hero-rise;transform:translateY(20px)}.hero-entrance .hero-line{opacity:0;animation:.5s ease-out .3s forwards line-extend;transform:scaleX(0)}.hero-entrance .subtitle{opacity:0;animation:.6s ease-out .45s forwards hero-rise;transform:translateY(12px)}@keyframes hero-rise{to{opacity:1;transform:translateY(0)}}@keyframes line-extend{to{opacity:1;transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.fade-up,.fade-in,.slide-in-left,.slide-in-right{opacity:1;transition:none;transform:none}.hero-entrance h1,.hero-entrance .hero-line,.hero-entrance .subtitle{opacity:1;animation:none;transform:none}}.brand-icon{vertical-align:middle;flex-shrink:0;width:12px;height:12px}.site-nav .brand-icon,.project-meta .brand-icon,.status-banner .brand-icon{width:15px;height:15px}.btn .brand-icon,.contact-links .brand-icon{width:16px;height:16px}@media (prefers-reduced-motion:no-preference){@keyframes lang-banner-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}}.skip-link{top:-100%;left:var(--prm-space-4);background:var(--color-accent);color:#fff;padding:var(--prm-space-2) var(--prm-space-4);border-radius:var(--prm-radius-sm);z-index:200;font-size:.85rem;font-weight:600;position:absolute}.skip-link:focus{top:var(--prm-space-2)}@media (width<=900px){.featured-project{gap:var(--prm-space-6);grid-template-columns:1fr}.featured-project .featured-content{max-width:none}.project-grid{grid-template-columns:1fr 1fr}.about-section,.contact-section{gap:var(--prm-space-8);grid-template-columns:1fr}}@media (width<=640px){.container,.container-narrow{padding:0 1.25rem}.section{padding:var(--prm-space-16) 0}.hero{padding:var(--prm-space-20) 0 var(--prm-space-12)}.project-grid,.feature-grid{grid-template-columns:1fr}.project-meta,.site-nav{gap:var(--prm-space-4)}.stats-row{gap:var(--prm-space-6)}.contact-section{padding:var(--prm-space-12) 0}}