.app[data-v-9eab6f11]{min-height:100vh}.navbar[data-v-9eab6f11]{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:1.25rem 3rem;background:var(--bg);border-bottom:1px solid var(--border);z-index:100}.nav-logo[data-v-9eab6f11]{font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:1rem;font-weight:600;letter-spacing:2px}.nav-links[data-v-9eab6f11]{display:flex;gap:2rem;margin-left:3rem}.nav-links a[data-v-9eab6f11]{font-size:.875rem;color:var(--text-secondary);transition:color .2s}.nav-links a[data-v-9eab6f11]:hover{color:var(--text)}.nav-contact[data-v-9eab6f11]{margin-left:auto;font-size:.875rem;color:var(--text-secondary);transition:color .2s}.nav-contact[data-v-9eab6f11]:hover{color:var(--text)}.nav-cta[data-v-9eab6f11]{margin-left:auto;padding:.5rem 1rem;background:var(--text);color:var(--bg);font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:1.4px;transition:opacity .2s}.nav-cta[data-v-9eab6f11]:hover{color:var(--bg);opacity:.9}.product-section[data-v-9eab6f11]{padding:6rem 3rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.product-content[data-v-9eab6f11]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.product-text h2[data-v-9eab6f11]{font-size:2rem;font-weight:400;margin-bottom:1.5rem}.product-text p[data-v-9eab6f11]{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:2rem;max-width:480px}.product-visual[data-v-9eab6f11]{position:relative}.image-grid[data-v-9eab6f11]{position:relative;width:100%;height:400px}.grid-img[data-v-9eab6f11]{position:absolute;background:#0d0d0f;border:1px solid var(--border);cursor:pointer;transition:transform .2s,z-index .2s;object-fit:contain;max-width:320px}.grid-img[data-v-9eab6f11]:hover{transform:scale(1.03);z-index:10!important}.grid-img-1[data-v-9eab6f11]{top:0;left:0;z-index:4}.grid-img-2[data-v-9eab6f11]{top:40px;left:200px;z-index:3}.grid-img-3[data-v-9eab6f11]{top:90px;left:120px;z-index:2}.grid-img-4[data-v-9eab6f11]{top:130px;left:50px;z-index:1}.lightbox[data-v-9eab6f11]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.lightbox img[data-v-9eab6f11]{max-width:90%;max-height:90%;object-fit:contain}.lightbox-close[data-v-9eab6f11]{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:1px solid var(--border-strong);color:var(--text);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close[data-v-9eab6f11]:hover{background:var(--surface-hover)}.hero[data-v-9eab6f11]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 2rem 4rem}.hero-label[data-v-9eab6f11]{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem;letter-spacing:2px}.hero-title[data-v-9eab6f11]{font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:5rem;font-weight:300;letter-spacing:-2px;margin-bottom:1rem}.hero-sub[data-v-9eab6f11]{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:400px}.hero-tags[data-v-9eab6f11]{display:flex;gap:.75rem;margin-bottom:2.5rem}.tag[data-v-9eab6f11]{padding:.25rem .75rem;border:1px solid var(--border);font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.hero-actions[data-v-9eab6f11]{display:flex;gap:1rem}.btn-primary[data-v-9eab6f11]{padding:.75rem 1.5rem;background:var(--text);color:var(--bg);font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:1.4px;transition:opacity .2s}.btn-primary[data-v-9eab6f11]:hover{color:var(--bg);opacity:.9}.btn-ghost[data-v-9eab6f11]{padding:.75rem 1.5rem;border:1px solid var(--border-strong);color:var(--text);font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:1.4px;transition:background .2s}.btn-ghost[data-v-9eab6f11]:hover{color:var(--text);background:var(--surface-hover)}.section[data-v-9eab6f11]{padding:6rem 3rem;max-width:1200px;margin:0 auto}.section-title[data-v-9eab6f11]{font-size:1.875rem;font-weight:400;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.about-content p[data-v-9eab6f11]{color:var(--text-secondary);line-height:1.8;font-size:1rem;margin-bottom:1rem;max-width:720px}.contact-email[data-v-9eab6f11]{font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Monaco,Microsoft YaHei,monospace;font-size:1.25rem;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:.25rem}.footer[data-v-9eab6f11]{padding:3rem;text-align:center;border-top:1px solid var(--border)}.footer p[data-v-9eab6f11]{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.product-section[data-v-9eab6f11]{padding:4rem 1.5rem}.product-content[data-v-9eab6f11]{grid-template-columns:1fr;gap:2rem}.product-text h2[data-v-9eab6f11]{font-size:1.5rem}.image-grid[data-v-9eab6f11]{height:auto;min-height:400px}.grid-img-1[data-v-9eab6f11],.grid-img-2[data-v-9eab6f11],.grid-img-3[data-v-9eab6f11],.grid-img-4[data-v-9eab6f11]{position:relative;top:auto;left:auto;max-width:100%}.navbar[data-v-9eab6f11]{padding:1rem 1.5rem}.nav-links[data-v-9eab6f11]{display:none}.nav-cta[data-v-9eab6f11]{margin-left:auto}.hero[data-v-9eab6f11]{padding:6rem 1.5rem 3rem}.hero-title[data-v-9eab6f11]{font-size:2.5rem}.section[data-v-9eab6f11]{padding:4rem 1.5rem}.skills-grid[data-v-9eab6f11],.projects-grid[data-v-9eab6f11]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1f2228;--text: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .08)}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5}#app{min-height:100vh}a{color:var(--text);text-decoration:none}a:hover{color:var(--text-muted)}button{font-family:ui-monospace,Cascadia Code,Fira Code,SFMono-Regular,Roboto Mono,Menlo,Monaco,Microsoft YaHei,monospace}