.intro-container[data-v-7f80ce87]{width:100%;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.intro-content[data-v-7f80ce87]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.intro-text[data-v-7f80ce87]{position:relative;z-index:1}.text-tag[data-v-7f80ce87]{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-mono);font-size:12px;color:var(--color-accent-cyan);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:2px}.tag-line[data-v-7f80ce87]{width:40px;height:1px;background:var(--color-accent-cyan)}.intro-title[data-v-7f80ce87]{font-family:var(--font-mono);font-size:72px;font-weight:700;margin-bottom:var(--spacing-md);line-height:1}.title-prefix[data-v-7f80ce87]{color:var(--color-accent-cyan);margin-right:var(--spacing-sm)}.title-main[data-v-7f80ce87]{background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle[data-v-7f80ce87]{font-size:24px;font-weight:400;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.highlight[data-v-7f80ce87]{color:var(--color-accent-orange)}.highlight-cyan[data-v-7f80ce87]{color:var(--color-accent-cyan)}.intro-description[data-v-7f80ce87]{font-size:16px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-2xl);max-width:500px}.intro-stats[data-v-7f80ce87]{display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stat-item[data-v-7f80ce87]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-value[data-v-7f80ce87]{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--color-accent-cyan)}.stat-label[data-v-7f80ce87]{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.intro-contact[data-v-7f80ce87]{display:flex;gap:var(--spacing-xl)}.contact-item[data-v-7f80ce87]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:14px;transition:color .3s ease}.contact-item[data-v-7f80ce87]:hover{color:var(--color-accent-cyan)}.contact-icon[data-v-7f80ce87]{width:32px;height:32px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-item:hover .contact-icon[data-v-7f80ce87]{border-color:var(--color-accent-cyan);box-shadow:0 0 10px #00d4ff4d}.intro-visual[data-v-7f80ce87]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.avatar-frame[data-v-7f80ce87]{position:relative;width:300px;height:300px}.frame-corner[data-v-7f80ce87]{position:absolute;width:30px;height:30px;border:2px solid var(--color-accent-cyan)}.frame-corner.tl[data-v-7f80ce87]{top:0;left:0;border-right:none;border-bottom:none}.frame-corner.tr[data-v-7f80ce87]{top:0;right:0;border-left:none;border-bottom:none}.frame-corner.bl[data-v-7f80ce87]{bottom:0;left:0;border-right:none;border-top:none}.frame-corner.br[data-v-7f80ce87]{bottom:0;right:0;border-left:none;border-top:none}.avatar-image[data-v-7f80ce87]{width:100%;height:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border);overflow:hidden;position:relative}.actual-avatar[data-v-7f80ce87]{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.2);transition:all .5s ease}.avatar-frame:hover .actual-avatar[data-v-7f80ce87]{filter:grayscale(0) contrast(1);transform:scale(1.05)}.avatar-placeholder[data-v-7f80ce87]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-svg[data-v-7f80ce87]{width:80%;height:80%}.scan-effect[data-v-7f80ce87]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);animation:scan-7f80ce87 3s linear infinite}@keyframes scan-7f80ce87{0%{top:0;opacity:1}50%{opacity:.5}to{top:100%;opacity:1}}.tech-tags[data-v-7f80ce87]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.tech-tag[data-v-7f80ce87]{font-family:var(--font-mono);font-size:12px;padding:6px 16px;border:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.tech-tag[data-v-7f80ce87]:hover{border-color:var(--color-accent-orange);color:var(--color-accent-orange)}.section-label[data-v-7f80ce87]{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-lg);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:2px}@media (max-width: 968px){.intro-content[data-v-7f80ce87]{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.intro-title[data-v-7f80ce87]{font-size:48px}.intro-subtitle[data-v-7f80ce87]{font-size:20px}.intro-description[data-v-7f80ce87]{margin:0 auto var(--spacing-2xl)}.intro-stats[data-v-7f80ce87],.intro-contact[data-v-7f80ce87]{justify-content:center}.avatar-frame[data-v-7f80ce87]{width:250px;height:250px}}.papers-container[data-v-6fa73deb]{width:100%;max-width:1200px;height:80vh;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;display:flex;flex-direction:column}.papers-header[data-v-6fa73deb]{margin-bottom:var(--spacing-2xl)}.header-tag[data-v-6fa73deb]{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-mono);font-size:12px;color:var(--color-accent-orange);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:2px}.tag-line[data-v-6fa73deb]{width:40px;height:1px;background:var(--color-accent-orange)}.section-title[data-v-6fa73deb]{font-family:var(--font-mono);font-size:36px;font-weight:700;color:var(--color-text-primary)}.title-en[data-v-6fa73deb]{font-size:20px;color:var(--color-text-muted);font-weight:400}.papers-content[data-v-6fa73deb]{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-2xl);flex:1;min-height:0}.papers-list[data-v-6fa73deb]{display:flex;flex-direction:column;gap:var(--spacing-md);border-right:1px solid var(--color-border);padding-right:var(--spacing-xl);overflow-y:auto}.papers-list[data-v-6fa73deb]::-webkit-scrollbar{width:4px}.papers-list[data-v-6fa73deb]::-webkit-scrollbar-thumb{background:var(--color-border)}.paper-item[data-v-6fa73deb]{padding:var(--spacing-md);border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--color-bg-secondary)}.paper-item[data-v-6fa73deb]:hover{border-color:var(--color-accent-cyan);transform:translate(5px)}.paper-item.active[data-v-6fa73deb]{border-color:var(--color-accent-cyan);background:#0099cc0d;box-shadow:inset 4px 0 0 var(--color-accent-cyan)}.paper-index[data-v-6fa73deb]{font-family:var(--font-mono);font-size:14px;color:var(--color-accent-cyan);font-weight:700}.paper-name[data-v-6fa73deb]{font-size:15px;line-height:1.4;color:var(--color-text-secondary)}.paper-item.active .paper-name[data-v-6fa73deb]{color:var(--color-text-primary);font-weight:600}.paper-detail[data-v-6fa73deb]{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column}.detail-scroll[data-v-6fa73deb]{padding:var(--spacing-2xl);overflow-y:auto;flex:1}.detail-header[data-v-6fa73deb]{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-md);border-bottom:1px dashed var(--color-border)}.paper-detail-title[data-v-6fa73deb]{font-size:28px;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.paper-meta[data-v-6fa73deb]{display:flex;gap:var(--spacing-lg);font-family:var(--font-mono);font-size:13px}.meta-tag[data-v-6fa73deb]{color:var(--color-accent-cyan)}.meta-date[data-v-6fa73deb]{color:var(--color-text-muted)}.paper-article[data-v-6fa73deb]{font-size:16px;line-height:1.8;color:var(--color-text-secondary)}.article-text[data-v-6fa73deb]{margin-bottom:var(--spacing-lg);text-indent:2em}.image-wrapper[data-v-6fa73deb]{margin:var(--spacing-2xl) 0;border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-bg-tertiary)}.image-wrapper img[data-v-6fa73deb]{width:100%;height:auto;display:block}.image-caption[data-v-6fa73deb]{display:block;text-align:center;font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-sm);font-family:var(--font-mono)}.detail-deco[data-v-6fa73deb]{position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,transparent 50%,rgba(0,153,204,.05) 50%);pointer-events:none}.section-label[data-v-6fa73deb]{position:absolute;bottom:0;left:var(--spacing-lg);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:2px}@media (max-width: 968px){.papers-container[data-v-6fa73deb]{height:auto}.papers-content[data-v-6fa73deb]{grid-template-columns:1fr}.papers-list[data-v-6fa73deb]{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--spacing-xl);flex-direction:row;overflow-x:auto}.paper-item[data-v-6fa73deb]{min-width:200px}.paper-detail-title[data-v-6fa73deb]{font-size:22px}}.works-container[data-v-1dca3e82]{width:100%;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;display:flex;flex-direction:column}.works-header[data-v-1dca3e82]{text-align:center;margin-bottom:var(--spacing-3xl)}.header-tag[data-v-1dca3e82]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:14px;color:var(--color-accent-orange);margin-bottom:var(--spacing-md)}.tag-num[data-v-1dca3e82]{font-size:24px;font-weight:700}.tag-slash[data-v-1dca3e82]{color:var(--color-text-muted)}.works-title[data-v-1dca3e82]{font-family:var(--font-mono);font-size:36px;font-weight:700;letter-spacing:4px;color:var(--color-text-primary)}.works-window[data-v-1dca3e82]{width:100%;max-height:65vh;overflow-y:auto;padding:var(--spacing-md);background:radial-gradient(circle,var(--color-border-light) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-accent-orange) transparent}.works-window[data-v-1dca3e82]::-webkit-scrollbar{width:3px}.works-window[data-v-1dca3e82]::-webkit-scrollbar-thumb{background:var(--color-accent-orange)}.works-mosaic[data-v-1dca3e82]{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:var(--spacing-lg)}.work-tile[data-v-1dca3e82]{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.165,.84,.44,1);box-shadow:5px 5px 0 var(--color-bg-tertiary)}.work-tile.tile-wide[data-v-1dca3e82]{grid-column:span 2}.work-tile[data-v-1dca3e82]:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #d4632a1a;border-color:var(--color-accent-orange)}.tile-visual[data-v-1dca3e82]{width:100%;height:100%;position:relative}.tile-img[data-v-1dca3e82]{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:.8s}.work-tile:hover .tile-img[data-v-1dca3e82]{filter:saturate(1.1);transform:scale(1.05)}.tile-overlay[data-v-1dca3e82]{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xl);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff;opacity:0;transition:.4s;transform:translateY(10px)}.work-tile:hover .tile-overlay[data-v-1dca3e82]{opacity:1;transform:translateY(0)}.tile-title[data-v-1dca3e82]{font-size:18px;font-weight:700;margin-top:4px}.tile-type[data-v-1dca3e82]{font-family:var(--font-mono);font-size:10px;color:var(--color-accent-orange);text-transform:uppercase}.tile-action[data-v-1dca3e82]{font-family:var(--font-mono);font-size:10px;margin-top:var(--spacing-md);border:1px solid white;padding:4px 8px;display:inline-block}.tile-badge[data-v-1dca3e82]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#fff;color:#000;font-family:var(--font-mono);font-size:9px;padding:2px 6px;border:1px solid black;z-index:10}.works-scroll-hint[data-v-1dca3e82]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.hint-arrow[data-v-1dca3e82]{animation:bounce-1dca3e82 2s infinite}@keyframes bounce-1dca3e82{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.modal-overlay[data-v-1dca3e82]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.work-modal[data-v-1dca3e82]{background:var(--color-bg-secondary);border:1px solid var(--color-border);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl);position:relative}.modal-close[data-v-1dca3e82]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:24px;cursor:pointer}.modal-close[data-v-1dca3e82]:hover{border-color:var(--color-accent-orange);color:var(--color-accent-orange)}.modal-header[data-v-1dca3e82]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.modal-type[data-v-1dca3e82]{font-family:var(--font-mono);font-size:12px;color:var(--color-accent-orange);text-transform:uppercase}.modal-year[data-v-1dca3e82]{font-family:var(--font-mono);font-size:14px;color:var(--color-accent-cyan)}.modal-title[data-v-1dca3e82]{font-family:var(--font-mono);font-size:24px;font-weight:700;margin-bottom:var(--spacing-lg)}.modal-gallery[data-v-1dca3e82]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.modal-gallery-img[data-v-1dca3e82]{width:100%;max-height:500px;object-fit:contain;border:1px solid var(--color-border);background:var(--color-bg-tertiary)}.modal-venue[data-v-1dca3e82]{font-size:14px;margin-bottom:var(--spacing-sm)}.venue-label[data-v-1dca3e82]{color:var(--color-text-muted);margin-right:var(--spacing-sm)}.modal-divider[data-v-1dca3e82]{height:1px;background:var(--color-border);margin:var(--spacing-lg) 0}.modal-abstract h4[data-v-1dca3e82]{font-family:var(--font-mono);font-size:14px;color:var(--color-accent-cyan);margin-bottom:var(--spacing-md)}.modal-abstract p[data-v-1dca3e82]{color:var(--color-text-secondary);line-height:1.8}.modal-tags[data-v-1dca3e82]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.section-label[data-v-1dca3e82]{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-lg);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:2px}.modal-enter-active[data-v-1dca3e82],.modal-leave-active[data-v-1dca3e82]{transition:opacity .3s ease}.modal-enter-from[data-v-1dca3e82],.modal-leave-to[data-v-1dca3e82]{opacity:0}@media (max-width: 768px){.works-grid[data-v-1dca3e82]{grid-template-columns:1fr}.work-card.featured[data-v-1dca3e82]{grid-column:span 1}.modal-gallery[data-v-1dca3e82]{grid-template-columns:1fr}}.projects-container[data-v-cffec4d3]{width:100%;max-width:1100px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.projects-header[data-v-cffec4d3]{text-align:left;margin-bottom:var(--spacing-2xl);border-left:6px solid var(--color-accent-cyan);padding-left:var(--spacing-xl)}.header-tag[data-v-cffec4d3]{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:14px;color:var(--color-accent-cyan);margin-bottom:var(--spacing-xs)}.tag-num[data-v-cffec4d3]{font-size:20px;font-weight:700}.projects-title[data-v-cffec4d3]{font-size:36px;font-weight:900;color:var(--color-text-primary);margin-top:4px;line-height:1;letter-spacing:-2px}.projects-subtitle[data-v-cffec4d3]{font-size:14px;color:var(--color-text-muted);font-family:var(--font-mono);margin-top:var(--spacing-xs)}.project-dashboard[data-v-cffec4d3]{background:var(--color-bg-secondary);border:1px solid var(--color-border);display:flex;flex-direction:column;height:600px;box-shadow:0 20px 50px #0000001a}.dashboard-main[data-v-cffec4d3]{flex:1;display:grid;grid-template-columns:1.2fr 1fr;min-height:0;animation:fadeIn-cffec4d3 .5s ease-out}@keyframes fadeIn-cffec4d3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-visual-large[data-v-cffec4d3]{position:relative;background:#000;overflow:hidden}.main-img[data-v-cffec4d3]{width:100%;height:100%;object-fit:cover;opacity:.7;transition:.8s cubic-bezier(.2,1,.3,1)}.dashboard-main:hover .main-img[data-v-cffec4d3]{opacity:.9;transform:scale(1.05)}.visual-meta[data-v-cffec4d3]{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;gap:var(--spacing-sm);z-index:10}.status-chip[data-v-cffec4d3],.year-chip[data-v-cffec4d3]{padding:2px 8px;font-family:var(--font-mono);font-size:10px;background:#000000b3;color:var(--color-accent-cyan);border:1px solid var(--color-accent-cyan);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-info-panel[data-v-cffec4d3]{padding:var(--spacing-3xl);display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary))}.info-header[data-v-cffec4d3]{margin-bottom:var(--spacing-xl)}.info-id[data-v-cffec4d3]{font-family:var(--font-mono);color:var(--color-accent-orange);font-size:14px;letter-spacing:2px}.info-title[data-v-cffec4d3]{font-size:32px;font-weight:800;color:var(--color-text-primary);margin-top:4px;line-height:1.1}.info-desc[data-v-cffec4d3]{font-size:15px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-2xl);flex:1;overflow-y:auto}.info-tags[data-v-cffec4d3]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.tech-tag[data-v-cffec4d3]{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:2px}.view-details-btn[data-v-cffec4d3]{align-self:flex-start;background:transparent;border:1px solid var(--color-text-primary);color:var(--color-text-primary);padding:12px 24px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .3s;letter-spacing:1px}.view-details-btn[data-v-cffec4d3]:hover{background:var(--color-text-primary);color:var(--color-bg-primary);padding-left:36px}.dashboard-nav[data-v-cffec4d3]{display:flex;height:80px;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.dashboard-nav[data-v-cffec4d3]::-webkit-scrollbar{height:2px}.dashboard-nav[data-v-cffec4d3]::-webkit-scrollbar-thumb{background:var(--color-accent-cyan)}.nav-item[data-v-cffec4d3]{flex:0 0 180px;display:flex;flex-direction:column;justify-content:center;padding:0 var(--spacing-lg);cursor:pointer;border-right:1px solid var(--color-border);transition:all .3s;position:relative;background:#00000005}.nav-item[data-v-cffec4d3]:hover,.nav-item.active[data-v-cffec4d3]{background:var(--color-bg-secondary)}.nav-num[data-v-cffec4d3]{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.nav-label[data-v-cffec4d3]{font-size:12px;font-weight:700;color:var(--color-text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item.active .nav-label[data-v-cffec4d3]{color:var(--color-accent-cyan)}.nav-bar[data-v-cffec4d3]{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--color-accent-cyan);transition:.4s cubic-bezier(.2,1,.3,1)}.nav-item.active .nav-bar[data-v-cffec4d3]{width:100%}.modal-overlay[data-v-cffec4d3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.project-modal[data-v-cffec4d3]{background:var(--color-bg-secondary);border:1px solid var(--color-border);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl);position:relative}.modal-close[data-v-cffec4d3]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:24px;cursor:pointer}.modal-close[data-v-cffec4d3]:hover{border-color:var(--color-accent-orange);color:var(--color-accent-orange)}.modal-header[data-v-cffec4d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-index[data-v-cffec4d3]{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--color-bg-tertiary)}.modal-status[data-v-cffec4d3]{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:12px;color:var(--color-accent-cyan)}.modal-title[data-v-cffec4d3]{font-family:var(--font-mono);font-size:24px;font-weight:700;margin-bottom:var(--spacing-lg)}.modal-header-visual[data-v-cffec4d3]{margin-bottom:var(--spacing-xl);display:grid;gap:var(--spacing-md)}.modal-header-visual.layout-large[data-v-cffec4d3]{grid-template-columns:1fr}.modal-header-visual.layout-two[data-v-cffec4d3]{grid-template-columns:1fr 1fr}.modal-header-visual.layout-four[data-v-cffec4d3]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.modal-header-visual.layout-three[data-v-cffec4d3]{grid-template-columns:1fr 1fr}.header-img[data-v-cffec4d3]{width:100%;height:100%;object-fit:contain;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.layout-large .header-img[data-v-cffec4d3]{aspect-ratio:21/9}.layout-two .header-img[data-v-cffec4d3]{aspect-ratio:16/9}.layout-four .header-img[data-v-cffec4d3]{aspect-ratio:4/3}.layout-three .header-img[data-v-cffec4d3]:first-child{grid-column:span 2;aspect-ratio:21/9}.layout-three .header-img[data-v-cffec4d3]:not(:first-child){aspect-ratio:16/9}.modal-meta[data-v-cffec4d3]{display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.meta-item[data-v-cffec4d3]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label[data-v-cffec4d3]{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.meta-value[data-v-cffec4d3]{font-size:14px;color:var(--color-text-primary)}.modal-divider[data-v-cffec4d3]{height:1px;background:var(--color-border);margin-bottom:var(--spacing-xl)}.modal-content-sections[data-v-cffec4d3]{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.content-section[data-v-cffec4d3]{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-text h4[data-v-cffec4d3]{font-family:var(--font-mono);font-size:14px;color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.section-text p[data-v-cffec4d3]{font-size:14px;color:var(--color-text-secondary);line-height:1.8}.section-image img[data-v-cffec4d3]{width:100%;border:1px solid var(--color-border)}.modal-section[data-v-cffec4d3]{margin-bottom:var(--spacing-lg)}.modal-section h4[data-v-cffec4d3]{font-family:var(--font-mono);font-size:13px;color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.results-list[data-v-cffec4d3]{list-style:none;padding:0}.results-list li[data-v-cffec4d3]{font-size:14px;color:var(--color-text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.results-list li[data-v-cffec4d3]:before{content:">";position:absolute;left:0;color:var(--color-accent-orange);font-family:var(--font-mono)}.modal-tech h4[data-v-cffec4d3]{font-family:var(--font-mono);font-size:13px;color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.tech-grid[data-v-cffec4d3]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.section-label[data-v-cffec4d3]{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-lg);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:2px}.modal-enter-active[data-v-cffec4d3],.modal-leave-active[data-v-cffec4d3]{transition:opacity .3s ease}.modal-enter-from[data-v-cffec4d3],.modal-leave-to[data-v-cffec4d3]{opacity:0}@media (max-width: 900px){.project-dashboard[data-v-cffec4d3]{height:auto}.dashboard-main[data-v-cffec4d3]{grid-template-columns:1fr}.project-visual-large[data-v-cffec4d3]{height:250px}.project-info-panel[data-v-cffec4d3]{border-left:none;border-top:1px solid var(--color-border);padding:var(--spacing-xl)}}@media (max-width: 768px){.modal-header-visual.layout-two[data-v-cffec4d3],.modal-header-visual.layout-four[data-v-cffec4d3],.modal-header-visual.layout-three[data-v-cffec4d3]{grid-template-columns:1fr}}.shop-container[data-v-9217de12]{width:100%;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.shop-header[data-v-9217de12]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.header-title-box[data-v-9217de12]{display:flex;align-items:baseline;gap:var(--spacing-sm)}.title-index[data-v-9217de12]{font-family:var(--font-mono);font-size:14px;background:var(--color-accent-cyan);color:#fff;padding:2px 8px}.shop-title[data-v-9217de12]{font-family:var(--font-mono);font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--color-text-primary)}.header-info[data-v-9217de12]{margin-top:var(--spacing-xs)}.shop-subtitle[data-v-9217de12]{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:1px}.status-badge[data-v-9217de12]{font-family:var(--font-mono);font-size:14px;color:var(--color-accent-cyan);margin-top:4px}.header-deco[data-v-9217de12]{display:flex;flex-direction:column;align-items:flex-end}.barcode[data-v-9217de12]{width:120px;height:20px;background:repeating-linear-gradient(90deg,var(--color-text-muted),var(--color-text-muted) 1px,transparent 1px,transparent 4px);opacity:.3}.shop-window[data-v-9217de12]{width:100%;overflow-x:auto;padding:var(--spacing-md) 0;scrollbar-width:thin;scrollbar-color:var(--color-accent-cyan) transparent}.shop-window[data-v-9217de12]::-webkit-scrollbar{height:4px}.shop-window[data-v-9217de12]::-webkit-scrollbar-thumb{background:var(--color-accent-cyan);border-radius:2px}.shop-grid[data-v-9217de12]{display:grid;grid-template-rows:repeat(2,auto);grid-auto-columns:220px;grid-auto-flow:column;gap:var(--spacing-md);width:max-content}.shop-grid.single-row[data-v-9217de12]{grid-template-rows:auto!important}.product-card[data-v-9217de12]{width:220px;background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.product-card[data-v-9217de12]:hover{border-color:var(--color-accent-cyan);transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.product-visual[data-v-9217de12]{aspect-ratio:1;background:var(--color-bg-tertiary);position:relative;overflow:hidden;border-bottom:1px solid var(--color-border-light)}.product-img[data-v-9217de12]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-img[data-v-9217de12]{transform:scale(1.1)}.product-tag[data-v-9217de12]{position:absolute;top:8px;left:8px;background:#ffffffe6;color:var(--color-accent-orange);font-size:10px;padding:2px 6px;font-family:var(--font-mono);border:1px solid var(--color-border)}.product-info[data-v-9217de12]{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.product-title[data-v-9217de12]{font-size:14px;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary);line-height:1.4;flex-grow:1}.product-meta[data-v-9217de12]{display:flex;justify-content:space-between;align-items:center}.product-price[data-v-9217de12]{font-family:var(--font-mono);font-size:13px;color:var(--color-accent-cyan);font-weight:700}.product-action[data-v-9217de12]{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid transparent}.product-card:hover .product-action[data-v-9217de12]{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan)}.shop-scroll-hint[data-v-9217de12]{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.hint-dot[data-v-9217de12]{width:6px;height:6px;background:var(--color-accent-orange);border-radius:50%;animation:blink-9217de12 1.5s infinite}@keyframes blink-9217de12{0%,to{opacity:1}50%{opacity:.3}}.lightbox-overlay[data-v-9217de12]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-xl)}.lightbox-close[data-v-9217de12]{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;border:1px solid var(--color-border);background:#00000080;color:var(--color-text-primary);font-size:28px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center}.lightbox-close[data-v-9217de12]:hover{border-color:var(--color-accent-orange);color:var(--color-accent-orange)}.item-switch-controls[data-v-9217de12]{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--spacing-xl);pointer-events:none;z-index:300}.switch-btn[data-v-9217de12]{width:50px;height:100px;background:#0000004d;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:40px;cursor:pointer;pointer-events:auto;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.switch-btn[data-v-9217de12]:hover{background:#00d4ff1a;border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.lightbox-content[data-v-9217de12]{display:flex;gap:var(--spacing-2xl);max-width:1100px;width:90%;height:80vh;z-index:100}.lightbox-image[data-v-9217de12]{flex:1;background:#000;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-wrapper[data-v-9217de12]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.main-lightbox-img[data-v-9217de12]{max-width:100%;max-height:100%;object-fit:contain}.img-nav-btn[data-v-9217de12]{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:60px;background:#0006;border:none;color:#fff;font-size:24px;cursor:pointer;transition:opacity .3s;opacity:0;z-index:10}.image-wrapper:hover .img-nav-btn[data-v-9217de12]{opacity:1}.img-nav-btn.prev[data-v-9217de12]{left:10px}.img-nav-btn.next[data-v-9217de12]{right:10px}.img-nav-btn[data-v-9217de12]:hover{background:#00d4ff66}.image-nav[data-v-9217de12]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:10;padding:10px;background:#0000004d;border-radius:20px}.nav-dot[data-v-9217de12]{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.nav-dot.active[data-v-9217de12]{background:var(--color-accent-cyan);transform:scale(1.2)}.lightbox-svg[data-v-9217de12]{width:100%;height:auto}.lightbox-info[data-v-9217de12]{flex:0 0 320px;padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);overflow-y:auto}.info-category[data-v-9217de12]{font-family:var(--font-mono);font-size:11px;color:var(--color-accent-orange);text-transform:uppercase;letter-spacing:2px}.info-title[data-v-9217de12]{font-family:var(--font-mono);font-size:24px;font-weight:700;margin:var(--spacing-md) 0}.info-description[data-v-9217de12]{font-size:14px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-lg)}.info-tags[data-v-9217de12]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.tag[data-v-9217de12]{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border:1px solid var(--color-border);color:var(--color-accent-orange);text-transform:uppercase}.info-footer[data-v-9217de12]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto}.info-price[data-v-9217de12]{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--color-accent-cyan)}.btn-primary[data-v-9217de12]{background:var(--color-accent-cyan);color:var(--color-bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-9217de12]:hover{background:var(--color-accent-orange);box-shadow:0 0 15px #ff6b3566}.lightbox-counter[data-v-9217de12]{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.lightbox-enter-active[data-v-9217de12],.lightbox-leave-active[data-v-9217de12]{transition:opacity .3s ease}.lightbox-enter-from[data-v-9217de12],.lightbox-leave-to[data-v-9217de12]{opacity:0}.section-label[data-v-9217de12]{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-lg);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:2px}@media (max-width: 968px){.gallery-mosaic[data-v-9217de12]{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.gallery-item.size-large[data-v-9217de12]{grid-column:span 2;grid-row:span 1}.gallery-item.size-wide[data-v-9217de12]{grid-column:span 2}.lightbox-content[data-v-9217de12]{flex-direction:column;width:95%;height:90vh}.lightbox-info[data-v-9217de12]{flex:none;height:300px}.item-switch-controls[data-v-9217de12]{display:none}}@media (max-width: 600px){.gallery-mosaic[data-v-9217de12]{grid-template-columns:1fr}.gallery-item.size-large[data-v-9217de12],.gallery-item.size-wide[data-v-9217de12]{grid-column:span 1}}.app[data-v-56849456]{min-height:100vh;position:relative;overflow-x:hidden}.top-nav[data-v-56849456]{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#faf8f5fa,#faf8f5f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}[data-theme=light] .top-nav[data-v-56849456]{background:linear-gradient(180deg,#fffffffa,#ffffffe6)}.nav-container[data-v-56849456]{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);max-width:800px;margin:0 auto}.nav-btn[data-v-56849456]{position:relative;padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .3s ease;overflow:hidden}.nav-btn[data-v-56849456]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .5s ease}.nav-btn[data-v-56849456]:hover:before{left:100%}.nav-btn[data-v-56849456]:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);text-shadow:0 0 10px var(--color-accent-cyan)}.nav-btn.active[data-v-56849456]{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);box-shadow:0 0 15px #00d4ff4d,inset 0 0 15px #00d4ff1a}.btn-glow[data-v-56849456]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--color-accent-cyan),var(--color-accent-orange));opacity:0;z-index:-1;filter:blur(8px);transition:opacity .3s ease}.nav-btn:hover .btn-glow[data-v-56849456],.nav-btn.active .btn-glow[data-v-56849456]{opacity:.3}.btn-index[data-v-56849456]{position:absolute;top:2px;right:4px;font-size:10px;opacity:.5}.nav-progress[data-v-56849456]{height:2px;background:var(--color-border)}.progress-bar[data-v-56849456]{height:100%;background:linear-gradient(90deg,var(--color-accent-cyan),var(--color-accent-orange));transition:width .3s ease;box-shadow:0 0 10px var(--color-accent-cyan)}.section[data-v-56849456]{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.side-indicator[data-v-56849456]{position:fixed;right:var(--spacing-xl);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--spacing-md);z-index:999}.indicator-dot[data-v-56849456]{width:10px;height:10px;border:1px solid var(--color-border);background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.indicator-dot[data-v-56849456]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:4px;height:4px;background:var(--color-accent-cyan);transition:transform .3s ease}.indicator-dot[data-v-56849456]:hover,.indicator-dot.active[data-v-56849456]{border-color:var(--color-accent-cyan)}.indicator-dot.active[data-v-56849456]:before{transform:translate(-50%,-50%) scale(1)}.scroll-hint[data-v-56849456]{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);z-index:999;animation:bounce-56849456 2s infinite}.hint-arrow[data-v-56849456]{font-size:18px}@keyframes bounce-56849456{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.deco-corner[data-v-56849456]{position:fixed;width:60px;height:60px;border:1px solid var(--color-border);z-index:998;pointer-events:none}.deco-tl[data-v-56849456]{top:100px;left:var(--spacing-lg);border-right:none;border-bottom:none}.deco-tr[data-v-56849456]{top:100px;right:var(--spacing-lg);border-left:none;border-bottom:none}.deco-bl[data-v-56849456]{bottom:var(--spacing-lg);left:var(--spacing-lg);border-right:none;border-top:none}.deco-br[data-v-56849456]{bottom:var(--spacing-lg);right:var(--spacing-lg);border-left:none;border-top:none}.scanline[data-v-56849456]{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);opacity:.1;z-index:997;animation:scanline-56849456 8s linear infinite}@keyframes scanline-56849456{0%{top:0}to{top:100%}}.data-flow[data-v-56849456]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:996;overflow:hidden}.data-line[data-v-56849456]{position:absolute;width:1px;height:100px;background:linear-gradient(180deg,transparent,var(--color-accent-cyan),transparent);opacity:.1;animation:dataFlow-56849456 15s linear infinite}.data-line[data-v-56849456]:nth-child(1){left:10%;animation-delay:0s}.data-line[data-v-56849456]:nth-child(2){left:30%;animation-delay:3s}.data-line[data-v-56849456]:nth-child(3){left:50%;animation-delay:6s}.data-line[data-v-56849456]:nth-child(4){left:70%;animation-delay:9s}.data-line[data-v-56849456]:nth-child(5){left:90%;animation-delay:12s}@keyframes dataFlow-56849456{0%{top:-100px;opacity:0}10%{opacity:.2}90%{opacity:.2}to{top:100vh;opacity:0}}@media (max-width: 768px){.nav-container[data-v-56849456]{padding:var(--spacing-sm);gap:4px}.nav-btn[data-v-56849456]{padding:var(--spacing-xs) var(--spacing-sm);font-size:11px}.btn-index[data-v-56849456]{display:none}.side-indicator[data-v-56849456]{right:var(--spacing-sm)}.deco-corner[data-v-56849456]{display:none}}:root{--color-bg-primary: #faf8f5;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f2ed;--color-text-primary: #2d2a26;--color-text-secondary: #6b6560;--color-text-muted: #9a948c;--color-accent-cyan: #0099cc;--color-accent-orange: #d4632a;--color-border: #e5e0d8;--color-border-light: #ebe7e0;--grid-color: rgba(0, 212, 255, .03);--grid-size: 40px;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-glow-cyan: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-orange: 0 0 20px rgba(255, 107, 53, .3)}[data-theme=light]{--color-bg-primary: #f0f0f0;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e5e5e5;--color-text-primary: #0a0a0a;--color-text-secondary: #555555;--color-text-muted: #888888;--color-border: #dddddd;--color-border-light: #eeeeee;--grid-color: rgba(0, 0, 0, .03)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.btn{font-family:var(--font-mono);font-size:13px;padding:var(--spacing-sm) var(--spacing-xl);border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-glow-cyan);color:var(--color-accent-cyan)}.btn-primary{background:var(--color-accent-cyan);border-color:var(--color-accent-cyan);color:var(--color-bg-primary)}.btn-primary:hover{background:transparent;color:var(--color-accent-cyan)}.tag{font-family:var(--font-mono);font-size:11px;padding:4px 12px;border:1px solid var(--color-border);color:var(--color-accent-cyan);display:inline-block;text-transform:uppercase;letter-spacing:1px}.tag-orange{border-color:var(--color-accent-orange);color:var(--color-accent-orange)}@media (max-width: 768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--grid-size: 30px}}.page-enter-active,.page-leave-active{transition:opacity .4s ease,transform .4s ease}.page-enter-from{opacity:0;transform:translate(30px)}.page-leave-to{opacity:0;transform:translate(-30px)}