:root{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#ebebeb;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:gray;--accent:#c9a96e;--accent-hover:#b8954d;--border:#e0e0e0;--font-sans:"Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 32px}@media (width>=1920px){.container{max-width:1600px;padding:0 48px}}@media (width<=1024px){.container{max-width:100%;padding:0 24px}}@media (width<=768px){.container{padding:0 16px}}.section{padding:80px 0}.navbar[data-v-5f11fb48]{background-color:var(--bg-primary);border-bottom:1px solid var(--border);z-index:100;height:64px;position:fixed;top:0;left:0;right:0}.navbar-inner[data-v-5f11fb48]{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 32px;display:flex}@media (width>=1920px){.navbar-inner[data-v-5f11fb48]{max-width:1600px;padding:0 48px}}@media (width<=1024px){.navbar-inner[data-v-5f11fb48]{max-width:100%;padding:0 24px}}@media (width<=768px){.navbar-inner[data-v-5f11fb48]{padding:0 16px}}.logo[data-v-5f11fb48]{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.1em;font-size:1.125rem;font-weight:500;transition:color .2s}.logo-cn[data-v-5f11fb48]{font-family:"Alimama DongFangDaKai", var(--font-sans)}.logo-en[data-v-5f11fb48]{font-family:"Segoe Print", var(--font-sans);font-weight:400}.logo[data-v-5f11fb48]:hover{color:var(--accent)}.nav-desktop[data-v-5f11fb48]{gap:32px;display:flex}.nav-link[data-v-5f11fb48]{color:var(--text-secondary);font-size:.875rem;transition:color .2s;position:relative}.nav-link[data-v-5f11fb48]:after{content:"";background-color:var(--accent);width:0;height:1px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav-link[data-v-5f11fb48]:hover{color:var(--text-primary)}.nav-link[data-v-5f11fb48]:hover:after{width:100%}.hamburger[data-v-5f11fb48]{flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.hamburger span[data-v-5f11fb48]{background-color:var(--text-secondary);width:100%;height:1px;transition:all .2s;display:block}.hamburger.active span[data-v-5f11fb48]:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.active span[data-v-5f11fb48]:nth-child(2){opacity:0}.hamburger.active span[data-v-5f11fb48]:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu[data-v-5f11fb48]{background-color:var(--bg-primary);opacity:0;pointer-events:none;transition:opacity .2s;display:none;position:fixed;inset:64px 0 0}.mobile-menu.open[data-v-5f11fb48]{opacity:1;pointer-events:auto}.mobile-nav[data-v-5f11fb48]{flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;display:flex}.mobile-nav-link[data-v-5f11fb48]{font-family:var(--font-mono);color:var(--text-secondary);font-size:1.5rem;transition:color .2s}.mobile-nav-link[data-v-5f11fb48]:hover{color:var(--accent)}@media (width<=768px){.nav-desktop[data-v-5f11fb48]{display:none}.hamburger[data-v-5f11fb48]{display:flex}.mobile-menu[data-v-5f11fb48]{display:block}}.hero[data-v-df8a1732]{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative}.hero-content[data-v-df8a1732]{text-align:center}.name-wrapper[data-v-df8a1732]{font-family:var(--font-mono);letter-spacing:.3em;text-indent:.3em;margin-bottom:24px;font-size:clamp(3rem,10vw,6rem);font-weight:400;display:inline-block;position:relative}.name-bg[data-v-df8a1732],.name-gradient[data-v-df8a1732]{color:var(--text-primary);display:block}.name-cn[data-v-df8a1732]{font-family:"Alimama DongFangDaKai", var(--font-sans)}.name-en[data-v-df8a1732]{font-family:"Segoe Print", var(--font-sans);letter-spacing:.05em;font-weight:400}.name-gradient[data-v-df8a1732]{background:linear-gradient(to top, #3d2e0a 0%, #5c4a1f 10%, #8b6914 20%, #a67c00 40%, var(--accent-hover) 60%, var(--accent) 80%, #f0d78c 100%);color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;transition:opacity .3s,-webkit-mask-position .6s cubic-bezier(.25,.46,.45,.94),mask-position .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 200%;mask-size:100% 200%}.name-wrapper:hover .name-gradient[data-v-df8a1732]{opacity:1;-webkit-mask-position:top;mask-position:top}.tagline[data-v-df8a1732]{color:var(--text-secondary);font-size:1rem;font-weight:300}.separator[data-v-df8a1732]{color:var(--text-muted);margin:0 8px}.scroll-indicator[data-v-df8a1732]{color:var(--text-muted);transition:color .2s;animation:2s ease-in-out infinite float-df8a1732;position:absolute;bottom:40px}.scroll-indicator[data-v-df8a1732]:hover{color:var(--accent)}@keyframes float-df8a1732{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.about[data-v-14cd1256]{background-color:var(--bg-primary)}.about-content[data-v-14cd1256]{grid-template-columns:1fr 1fr;gap:48px;display:grid}.about-text p[data-v-14cd1256]{color:var(--text-secondary);margin-bottom:16px;font-weight:300;line-height:1.8}.about-text p[data-v-14cd1256]:last-child{margin-bottom:0}.skills[data-v-14cd1256]{border-left:1px solid var(--border);padding-left:48px}.skills .section-label[data-v-14cd1256]{margin-bottom:16px}.tag-list[data-v-14cd1256]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-14cd1256]{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:2px;padding:6px 12px;font-size:.75rem}@media (width<=768px){.about-content[data-v-14cd1256]{grid-template-columns:1fr;gap:40px}.skills[data-v-14cd1256]{border-left:none;border-top:1px solid var(--border);padding-top:32px;padding-left:0}}.works[data-v-68b322ba]{background-color:var(--bg-secondary)}.works-grid[data-v-68b322ba]{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width>=1400px){.works-grid[data-v-68b322ba]{grid-template-columns:repeat(3,1fr);gap:32px}}.work-card[data-v-68b322ba]{background-color:var(--bg-primary);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s;display:block}.work-card[data-v-68b322ba]:hover{border-color:var(--accent);box-shadow:0 4px 20px #0000004d}.work-cover[data-v-68b322ba]{aspect-ratio:4/3;position:relative;overflow:hidden}.work-cover img[data-v-68b322ba]{object-fit:cover;width:100%;height:100%;transition:transform .2s}.work-card:hover .work-cover img[data-v-68b322ba]{transform:scale(1.02)}.work-status[data-v-68b322ba]{font-size:.625rem;font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;position:absolute;top:12px;right:12px}.work-status.released[data-v-68b322ba]{color:var(--accent)}.work-status.development[data-v-68b322ba]{color:var(--text-secondary)}.work-status.paused[data-v-68b322ba]{color:var(--text-muted)}.work-info[data-v-68b322ba]{padding:20px}.work-title[data-v-68b322ba]{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:500}.work-desc[data-v-68b322ba]{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:300;line-height:1.5}.work-platforms[data-v-68b322ba]{flex-wrap:wrap;gap:8px;display:flex}.platform-tag[data-v-68b322ba]{font-size:.625rem;font-family:var(--font-mono);background-color:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px}@media (width<=768px){.works-grid[data-v-68b322ba]{grid-template-columns:1fr}}.contact[data-v-975224a4]{background-color:var(--bg-primary);text-align:center}.contact-title[data-v-975224a4]{color:var(--text-primary);letter-spacing:.05em;margin-bottom:32px;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:400}.contact-en[data-v-975224a4]{font-family:"Segoe Print", var(--font-sans)}.contact-link[data-v-975224a4]{color:var(--accent);text-decoration:none;transition:opacity .2s;position:relative}.contact-link[data-v-975224a4]:after{content:"";background-color:var(--accent);width:0;height:1px;transition:width .2s;position:absolute;bottom:-4px;left:0}.contact-link[data-v-975224a4]:hover:after{width:100%}.email-button[data-v-975224a4]{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);align-items:center;gap:12px;margin-bottom:40px;padding:12px 24px;font-size:1rem;transition:all .2s;display:inline-flex}.email-button[data-v-975224a4]:hover{border-color:var(--accent);color:var(--accent)}.email-icon[data-v-975224a4]{color:var(--text-muted);transition:color .2s}.email-button:hover .email-icon[data-v-975224a4]{color:var(--accent)}.social-links[data-v-975224a4]{justify-content:center;gap:24px;display:flex}.social-link[data-v-975224a4]{color:var(--text-secondary);transition:color .2s}.social-link[data-v-975224a4]:hover{color:var(--accent)}.qr-modal[data-v-975224a4]{z-index:9999;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.qr-modal-content[data-v-975224a4]{background-color:var(--bg-primary);border-radius:8px;flex-direction:column;align-items:center;max-width:90%;max-height:90%;padding:24px;display:flex;position:relative}.qr-modal-close[data-v-975224a4]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:8px;right:8px}.qr-modal-close[data-v-975224a4]:hover{color:var(--accent)}.qr-image[data-v-975224a4]{border-radius:4px;width:100%;max-width:300px;height:auto;max-height:300px}.qr-text[data-v-975224a4]{color:var(--text-secondary);margin-top:16px;font-size:14px}.footer[data-v-5e02bdf6]{border-top:1px solid var(--border);background-color:var(--bg-primary);padding:32px 0 0}.copyright[data-v-5e02bdf6]{color:var(--text-muted);text-align:left;margin-bottom:24px;font-size:.75rem}.copyright-cn[data-v-5e02bdf6]{font-family:"Alimama DongFangDaKai", var(--font-sans)}.copyright-en[data-v-5e02bdf6]{font-family:"Segoe Print", var(--font-sans)}.beian-bar[data-v-5e02bdf6]{background-color:var(--text-primary);padding:12px 0}.beian-content[data-v-5e02bdf6]{text-align:center;max-width:600px;margin:0 auto}.beian-info[data-v-5e02bdf6]{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.beian[data-v-5e02bdf6]{vertical-align:middle;width:16px;height:16px;margin-right:4px}.beian-info a[data-v-5e02bdf6]{color:#fff;margin:0 8px;text-decoration:none;transition:color .2s}.beian-info a[data-v-5e02bdf6]:hover{text-decoration:underline}@media (width<=768px){.copyright[data-v-5e02bdf6]{margin-bottom:16px}.beian-content[data-v-5e02bdf6]{max-width:400px}.beian-info[data-v-5e02bdf6]{flex-direction:column;gap:8px}.beian-info a[data-v-5e02bdf6]{margin:4px 0}}.toast[data-v-7c8ec205]{background-color:var(--bg-tertiary);border:1px solid var(--accent);z-index:200;padding:12px 24px;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.toast-message[data-v-7c8ec205]{color:var(--accent);font-size:.875rem}.toast-enter-active[data-v-7c8ec205],.toast-leave-active[data-v-7c8ec205]{transition:all .2s}.toast-enter-from[data-v-7c8ec205],.toast-leave-to[data-v-7c8ec205]{opacity:0;transform:translate(-50%)translateY(10px)}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}