:root{--spectrum-cyan: #22d3ee;--spectrum-blue: #3b82f6;--spectrum-indigo: #6366f1;--spectrum-violet: #a855f7;--primary: #4f46e5;--primary-light: #6366f1;--dark: #0b0d16;--dark-deep: #05060b;--ink: #0b1020;--surface: rgba(255, 255, 255, .03);--surface-strong: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .08);--border-strong: rgba(99, 102, 241, .35);--text: #e8ecf8;--text-muted: #9aa3b8;--text-faint: #6b7388;--radius: 18px;--radius-sm: 12px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--font: Inter, "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--shell: min(1080px, calc(100% - 2rem) );--header-h: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background:var(--dark);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.skip-link{position:absolute;left:1rem;top:-100px;z-index:100;padding:.6rem .9rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.875rem}.skip-link:focus{top:1rem}.shell{width:var(--shell);margin-inline:auto}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 50% -10%,#12162a 0%,var(--dark) 55%)}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.bg-glow-a{width:420px;height:420px;top:-80px;left:-60px;background:color-mix(in srgb,var(--spectrum-cyan) 40%,transparent)}.bg-glow-b{width:480px;height:480px;top:20%;right:-120px;background:color-mix(in srgb,var(--spectrum-violet) 35%,transparent)}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);opacity:.45}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--dark) 78%,transparent);border-bottom:1px solid var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem}.brand-mark{border-radius:10px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-en{font-weight:700;letter-spacing:.02em;font-size:.95rem}.brand-zh{font-size:.72rem;color:var(--text-muted)}.nav{display:flex;gap:.35rem}.nav a{font-size:.84rem;color:var(--text-muted);padding:.45rem .7rem;border-radius:999px;transition:color .2s ease,background .2s ease}.nav a:hover,.nav a:focus-visible{color:var(--text);background:var(--surface-strong);outline:none}.hero{padding:3.5rem 0 3rem}.hero-inner{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:720px}.hero-mark-wrap{margin-bottom:.25rem}.hero-mark{width:84px;height:84px;border-radius:22px;box-shadow:var(--shadow)}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--spectrum-cyan)}.hero-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.hero-zh{background:linear-gradient(105deg,#fff 10%,var(--spectrum-cyan) 40%,var(--spectrum-blue) 62%,var(--spectrum-violet) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-dot{color:var(--text-faint)}.hero-en{color:#f4f6ff}.hero-lede{color:var(--text-muted);font-size:1.05rem;max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.15rem;border-radius:999px;font-size:.92rem;font-weight:600;border:1px solid transparent;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--spectrum-blue),var(--spectrum-indigo));box-shadow:0 10px 30px #3b82f647}.btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.08);outline:none}.btn-ghost{color:var(--text);background:var(--surface);border-color:var(--border)}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--border-strong);background:var(--surface-strong);outline:none}.section{padding:3rem 0}.section-head{margin-bottom:1.75rem;max-width:36rem}.section-head h2{margin-top:.35rem;font-size:clamp(1.6rem,4vw,2rem);letter-spacing:-.02em}.section-desc{margin-top:.55rem;color:var(--text-muted)}.project-grid{display:grid;gap:1rem}.project-card{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.35rem 1.25rem 1.25rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:0 1px #ffffff08 inset;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.project-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--spectrum-cyan),var(--spectrum-blue),var(--spectrum-indigo),var(--spectrum-violet));opacity:.85}.project-card[data-accent=cyan]{--accent: var(--spectrum-cyan)}.project-card[data-accent=blue]{--accent: var(--spectrum-blue)}.project-card[data-accent=violet]{--accent: var(--spectrum-violet)}.project-card:hover,.project-card:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between}.card-index{font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--text-faint)}.card-chip{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);padding:.28rem .55rem;border-radius:999px}.card-title{display:flex;flex-direction:column;gap:.15rem}.card-title-zh{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.card-title-en{font-size:.9rem;color:var(--text-muted);font-weight:500}.card-body{color:var(--text-muted);font-size:.95rem;flex:1}.card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.25rem;width:fit-content;font-size:.9rem;font-weight:600;color:#dfe7ff;border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding-bottom:.1rem}.card-link:hover,.card-link:focus-visible{color:#fff;outline:none}.focus-inner{max-width:760px}.focus-list{display:grid;gap:.85rem}.focus-list li{display:grid;gap:.25rem;padding:1.1rem 1.15rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.focus-list strong{font-size:.98rem}.focus-list span{color:var(--text-muted);font-size:.92rem}.contact-grid{display:grid;gap:.85rem}.contact-card{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.15rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease,background .2s ease;min-height:72px}.contact-card:hover,.contact-card:focus-visible{border-color:var(--border-strong);background:var(--surface-strong);outline:none}.contact-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.contact-value{font-size:1rem;font-weight:600;word-break:break-all}.site-footer{margin-top:1rem;padding:2rem 0 2.5rem;border-top:1px solid var(--border)}.footer-inner{display:flex;flex-direction:column;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-brand img{border-radius:8px}.footer-name{font-weight:600;font-size:.95rem}.footer-url,.footer-copy{color:var(--text-faint);font-size:.8rem}@media(min-width:640px){.project-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:960px){:root{--shell: min(1100px, calc(100% - 3rem) )}.hero{padding:5rem 0 4rem}.hero-mark{width:96px;height:96px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:4rem 0}}@media(max-width:420px){.nav a:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.btn{transition:none}}