.nav[data-v-dedda8e9]{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#000c;position:fixed;top:0;left:0;right:0}.nav-content[data-v-dedda8e9]{justify-content:space-between;align-items:center;max-width:980px;height:48px;margin:0 auto;padding:0 22px;display:flex}.nav-logo[data-v-dedda8e9]{color:#f5f5f7;align-items:center;gap:8px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.nav-logo-img[data-v-dedda8e9]{object-fit:cover;filter:drop-shadow(0 0 8px #ffffff80);border-radius:6px;width:32px;height:32px}[data-theme=dark] .nav-logo-img[data-v-dedda8e9]{filter:drop-shadow(0 0 12px #fffc)drop-shadow(0 0 20px #6496ff99)}.nav-logo svg[data-v-dedda8e9]{width:24px;height:24px}.nav-right[data-v-dedda8e9]{align-items:center;gap:20px;display:flex}.theme-btn[data-v-dedda8e9]{cursor:pointer;color:#f5f5f7;opacity:.8;background:0 0;border:none;padding:4px;transition:opacity .3s}.theme-btn[data-v-dedda8e9]:hover{opacity:1}.theme-btn svg[data-v-dedda8e9]{width:20px;height:20px}.nav-link[data-v-dedda8e9]{color:#f5f5f7;opacity:.8;font-size:14px;text-decoration:none;transition:opacity .3s}.nav-link[data-v-dedda8e9]:hover{opacity:1}.hero[data-v-dedda8e9]{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg[data-v-dedda8e9]{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-overlay[data-v-dedda8e9]{background:#0009;position:absolute;inset:0}.hero-content[data-v-dedda8e9]{z-index:1;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:980px;padding:0 22px;display:flex;position:relative}.hero-text[data-v-dedda8e9]{flex:1}.hero-title[data-v-dedda8e9]{color:#fff;margin-bottom:8px;font-size:56px;font-weight:600}.hero-subtitle[data-v-dedda8e9]{color:#f5f5f7;margin-bottom:20px;font-size:28px;font-weight:500}.hero-desc[data-v-dedda8e9]{color:#86868b;margin-bottom:8px;font-size:21px}.hero-links[data-v-dedda8e9]{gap:30px;margin-top:30px;display:flex}.hero-link[data-v-dedda8e9]{color:#2997ff;font-size:21px;text-decoration:none;transition:color .3s}.hero-link[data-v-dedda8e9]:hover{color:#0071e3}.hero-video-wrap[data-v-dedda8e9]{flex-shrink:0}.video-circle[data-v-dedda8e9]{object-fit:cover;border:4px solid #fff3;border-radius:50%;width:300px;height:300px;box-shadow:0 20px 40px #0000004d}.skills[data-v-dedda8e9]{background:var(--bg-secondary);padding:100px 0}.container[data-v-dedda8e9]{max-width:980px;margin:0 auto;padding:0 22px}.section-title[data-v-dedda8e9]{text-align:center;color:var(--text-primary);margin-bottom:50px;font-size:48px;font-weight:600}.skills-grid[data-v-dedda8e9]{grid-template-columns:repeat(6,1fr);gap:30px;display:grid}.skill-item[data-v-dedda8e9]{background:var(--bg-primary);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex}.skill-item[data-v-dedda8e9]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.skill-icon[data-v-dedda8e9]{width:48px;height:48px}.skill-name[data-v-dedda8e9]{color:var(--text-primary);font-size:14px;font-weight:500}.works[data-v-dedda8e9]{background:var(--bg-dark);padding:100px 0}.section-subtitle[data-v-dedda8e9]{color:#86868b;text-align:center;margin-top:-30px;margin-bottom:50px;font-size:21px}.works-grid[data-v-dedda8e9]{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.work-item[data-v-dedda8e9]{aspect-ratio:1;cursor:pointer;border-radius:12px;transition:transform .3s;overflow:hidden}.work-item[data-v-dedda8e9]:hover{transform:scale(1.05)}.work-item img[data-v-dedda8e9]{object-fit:cover;width:100%;height:100%}.video-section[data-v-dedda8e9]{background:var(--bg-dark);padding:100px 0}.video-wrapper[data-v-dedda8e9]{border-radius:20px;max-width:980px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.main-video[data-v-dedda8e9]{background:#000;border-radius:20px;width:100%;min-height:300px;display:block}.video-error[data-v-dedda8e9]{text-align:center;color:#ff3b30;padding:40px;font-size:16px}.scripts[data-v-dedda8e9]{background:var(--bg-secondary);padding:100px 0}.scripts-grid[data-v-dedda8e9]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.script-item[data-v-dedda8e9]{aspect-ratio:1;cursor:pointer;border-radius:12px;transition:transform .3s;overflow:hidden}.script-item[data-v-dedda8e9]:hover{transform:scale(1.05)}.script-item img[data-v-dedda8e9]{object-fit:cover;width:100%;height:100%}.footer[data-v-dedda8e9]{background:var(--bg-secondary);padding:40px 0}.footer-copyright[data-v-dedda8e9],.footer-icp[data-v-dedda8e9]{color:var(--text-secondary);text-align:center;margin-bottom:10px;font-size:12px}.footer-icp a[data-v-dedda8e9]{color:var(--text-secondary);text-decoration:none}.footer-icp a[data-v-dedda8e9]:hover{text-decoration:underline}.footer-divider[data-v-dedda8e9]{margin:0 10px}.footer-email[data-v-dedda8e9]{color:var(--text-secondary);text-align:center;font-size:12px}.footer-email a[data-v-dedda8e9]{color:var(--link);text-decoration:none}.footer-email a[data-v-dedda8e9]:hover{text-decoration:underline}.modal[data-v-dedda8e9]{z-index:1000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-dedda8e9]{cursor:default;max-width:90%;max-height:90%;position:relative}.modal-content img[data-v-dedda8e9]{border-radius:12px;max-width:100%;max-height:90vh}.modal-close[data-v-dedda8e9]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex;position:absolute;top:-40px;right:0}.modal-close[data-v-dedda8e9]:hover{background:#ffffff4d}@media (width<=768px){.hero-content[data-v-dedda8e9]{text-align:center;flex-direction:column}.hero-title[data-v-dedda8e9]{font-size:40px}.hero-subtitle[data-v-dedda8e9]{font-size:21px}.video-circle[data-v-dedda8e9]{width:200px;height:200px}.skills-grid[data-v-dedda8e9]{grid-template-columns:repeat(3,1fr)}.works-grid[data-v-dedda8e9]{grid-template-columns:repeat(2,1fr)}.section-title[data-v-dedda8e9]{font-size:32px}}:root{--text-primary:#1d1d1f;--text-secondary:#86868b;--text-light:#f5f5f7;--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-dark:#000;--link:#06c;--link-hover:#2997ff;--border:#d2d2d7}[data-theme=dark]{--text-primary:#f5f5f7;--text-secondary:#86868b;--text-light:#1d1d1f;--bg-primary:#000;--bg-secondary:#1d1d1f;--bg-dark:#000;--link:#2997ff;--link-hover:#0071e3;--border:#424245}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}body{background:var(--bg-primary);color:var(--text-primary);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.47059;transition:background .3s,color .3s}.fade-in{opacity:0;animation:.8s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){html{font-size:14px}}