@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--text);background:radial-gradient(ellipse at 30% 20%,var(--bg) 0%,var(--bg-end) 70%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:color .2s ease,background-color .2s ease}:root{--font-display: "Oswald", "Impact", "Arial Narrow Bold", "Helvetica Narrow", sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--page-padding-x: clamp(24px, 5vw, 96px)}html[data-theme=light]{--bg: #faf6f0;--bg-end: #f0e9df;--accent: #e8502a;--accent-2: #1789d8;--text: #0a0e1a;--text-muted: #5a5a62;--symbol: rgba(232, 80, 42, .15);--symbol-2: rgba(23, 137, 216, .12);--btn-bg: #ffffff;--btn-text-hover: #ffffff;--divider: rgba(10, 14, 26, .12)}html[data-theme=dark]{--bg: #0a0e1a;--bg-end: #1a1a2e;--accent: #f99e1a;--accent-2: #24abff;--text: #ededef;--text-muted: #8b8b92;--symbol: rgba(249, 158, 26, .1);--symbol-2: rgba(36, 171, 255, .08);--btn-bg: #111622;--btn-text-hover: #0a0e1a;--divider: rgba(237, 237, 239, .1)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.symbol-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.symbol-layer__item{position:absolute;display:block}.symbol-layer__item--a{color:var(--symbol)}.symbol-layer__item--b{color:var(--symbol-2)}@media(max-width:768px){.symbol-layer__item--desktop{display:none}}.page{min-height:100vh;display:flex;flex-direction:column;padding:0 var(--page-padding-x);position:relative;z-index:1}.top-bar{height:72px;display:flex;align-items:center;justify-content:space-between}.top-bar__brand{font-family:var(--font-sans);font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--text);display:inline-flex;align-items:baseline;gap:12px}.top-bar__brand-dot{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:2px;align-self:center}.top-bar__brand-en{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.main{flex:1;padding-top:clamp(24px,4vh,48px);padding-bottom:40px;max-width:1100px}.hero{margin-bottom:clamp(32px,5vh,56px)}.hero__eyebrow{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:14px}.hero__eyebrow:before{content:"";width:28px;height:2px;background:var(--accent)}.hero__title{font-family:var(--font-sans);font-size:clamp(56px,9vw,112px);line-height:1.05;letter-spacing:-.04em;font-weight:800;margin:0;color:var(--accent)}.hero__slogan{margin-top:24px;display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.hero__slogan:before,.hero__slogan:after{content:"";height:1px;background:var(--text-muted);flex:0 0 32px;opacity:.5}.hero__slogan:after{flex:1;max-width:240px}.project-list{display:flex;flex-direction:column;gap:12px;max-width:760px}.card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:24px 32px 24px 44px;background:var(--btn-bg);color:var(--text);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);transition:background-color .16s ease,color .16s ease;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:16px;width:4px;background:var(--accent);transition:width .16s ease}.card--live{cursor:pointer}.card--live:hover{background:var(--accent);color:var(--btn-text-hover)}.card--live:hover:before{width:10px}.card--live:hover .card__desc{color:var(--btn-text-hover);opacity:.82}.card--live:hover .card__arrow{color:var(--btn-text-hover);transform:translate(6px)}.card--disabled{opacity:.45;cursor:default}.card__body{display:flex;flex-direction:column;gap:4px;min-width:0}.card__name-en{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);line-height:1;margin-bottom:4px;transition:color .16s ease}.card--live:hover .card__name-en{color:var(--btn-text-hover);opacity:.9}.card__name{font-family:var(--font-sans);font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.15;color:inherit}.card__name-zh{display:none}.card__desc{font-family:var(--font-sans);font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s ease}.card__arrow{flex-shrink:0;font-family:var(--font-display);font-size:32px;line-height:1;color:var(--accent);transition:color .16s ease,transform .16s ease}.card__tag{flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);padding:5px 10px;border:1px solid var(--divider)}.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s ease}.theme-toggle:hover{color:var(--accent)}.theme-toggle svg{width:18px;height:18px}.footer{padding:28px 0 32px;border-top:1px solid var(--divider);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer__accent{color:var(--accent)}.footer__author-link{color:var(--text);border-bottom:1px solid var(--accent);padding-bottom:1px;transition:color .15s ease,border-color .15s ease}.footer__author-link:hover{color:var(--accent)}.footer__beian{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;opacity:.7;transition:opacity .15s ease,color .15s ease}.footer__beian:hover{color:var(--text);opacity:1}@media(max-width:640px){.card{padding:20px 20px 20px 32px;min-height:84px}.card__name{font-size:19px}.card__name-en{font-size:10px}.card__desc{font-size:12px}.card__arrow{font-size:26px}}@media(max-width:420px){.top-bar__brand-en{display:none}.hero__slogan{font-size:11px}.hero__slogan:before{flex:0 0 16px}}