.navbar[data-v-c2cadace]{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem 0;transition:all var(--transition-normal);background:transparent}.navbar.scrolled[data-v-c2cadace]{background:color-mix(in srgb,var(--bg-secondary) 85%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:.75rem 0}.nav-container[data-v-c2cadace]{display:flex;align-items:center;justify-content:space-between}.logo[data-v-c2cadace]{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:2px;transition:var(--transition-fast)}.logo[data-v-c2cadace]:hover{filter:drop-shadow(0 0 12px rgba(0,212,255,.3))}.logo-bracket[data-v-c2cadace]{color:var(--accent-cyan)}.logo-text[data-v-c2cadace]{color:var(--text-primary)}.logo-dot[data-v-c2cadace]{color:var(--accent-green)}.nav-links[data-v-c2cadace]{display:flex;align-items:center;gap:2.5rem}.nav-link[data-v-c2cadace]{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;padding:.4rem 0;position:relative;transition:var(--transition-fast)}.nav-link[data-v-c2cadace]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));transition:width var(--transition-normal)}.nav-link[data-v-c2cadace]:hover,.nav-link.router-link-active[data-v-c2cadace]{color:var(--text-primary)}.nav-link[data-v-c2cadace]:hover:after,.nav-link.router-link-active[data-v-c2cadace]:after{width:100%}.link-prefix[data-v-c2cadace]{color:var(--accent-cyan);font-size:.75rem;opacity:.7}.nav-actions[data-v-c2cadace]{display:flex;align-items:center;gap:.6rem}.action-btn[data-v-c2cadace]{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;cursor:pointer;transition:var(--transition-fast)}.action-btn[data-v-c2cadace]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.06)}.mobile-toggle[data-v-c2cadace]{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.mobile-toggle span[data-v-c2cadace],.mobile-toggle span[data-v-c2cadace]:before,.mobile-toggle span[data-v-c2cadace]:after{display:block;width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-normal)}.mobile-toggle span[data-v-c2cadace]:before,.mobile-toggle span[data-v-c2cadace]:after{content:""}.mobile-toggle span[data-v-c2cadace]:before{transform:translateY(-8px)}.mobile-toggle span[data-v-c2cadace]:after{transform:translateY(8px)}.mobile-toggle span.open[data-v-c2cadace]{background:transparent}.mobile-toggle span.open[data-v-c2cadace]:before{transform:rotate(45deg) translate(5.5px,5.5px)}.mobile-toggle span.open[data-v-c2cadace]:after{transform:rotate(-45deg) translate(5.5px,-5.5px)}@media (max-width: 900px){.nav-actions[data-v-c2cadace]{gap:.4rem}}@media (max-width: 768px){.mobile-toggle[data-v-c2cadace]{display:flex}.nav-links[data-v-c2cadace]{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-secondary);flex-direction:column;justify-content:center;gap:2rem;padding:2rem;transition:right var(--transition-slow);border-left:1px solid var(--border-color)}.nav-links.active[data-v-c2cadace]{right:0}.nav-link[data-v-c2cadace]{font-size:1rem}}.wechat-popover-wrapper[data-v-5cf5427a]{position:relative;display:inline-block}.wechat-popover[data-v-5cf5427a]{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:260px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 40px #0003,0 0 0 1px #0000000d;z-index:1000}.qr-image[data-v-5cf5427a]{width:100%;height:auto;display:block;border-radius:4px}.popover-arrow[data-v-5cf5427a]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.05))}.popover-enter-active[data-v-5cf5427a],.popover-leave-active[data-v-5cf5427a]{transition:all .25s cubic-bezier(.4,0,.2,1)}.popover-enter-from[data-v-5cf5427a],.popover-leave-to[data-v-5cf5427a]{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}@media (max-width: 480px){.wechat-popover[data-v-5cf5427a]{width:220px}}.footer[data-v-925b155c]{margin-top:auto;background:transparent;border-top:1px solid var(--border-color);padding:4rem 0 2rem;position:relative}.footer[data-v-925b155c]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.footer-grid[data-v-925b155c]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.brand-logo[data-v-925b155c]{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.brand-logo .dot[data-v-925b155c]{color:var(--accent-green)}.brand-desc[data-v-925b155c]{color:var(--text-muted);font-size:.9rem;max-width:280px}.footer-section h4[data-v-925b155c]{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-cyan);margin-bottom:1.25rem}.footer-section a[data-v-925b155c]{display:block;color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem .5rem 2rem;margin:.15rem -1rem;border-radius:var(--radius-sm);transition:var(--transition-fast);position:relative}.footer-section a[data-v-925b155c]:hover{color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08);transform:translate(4px)}.footer-section a[data-v-925b155c]:before{content:">";position:absolute;left:1rem;opacity:0;transform:translate(-4px);transition:var(--transition-fast);font-family:var(--font-mono);color:var(--accent-cyan);font-weight:600;font-size:.85rem}.footer-section a[data-v-925b155c]:hover:before{opacity:1;transform:translate(0)}.wechat-link[data-v-925b155c]{display:block;color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem .5rem 2rem;margin:.15rem -1rem;border-radius:var(--radius-sm);transition:var(--transition-fast);position:relative;cursor:pointer}.wechat-link[data-v-925b155c]:hover{color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08);transform:translate(4px)}.wechat-link[data-v-925b155c]:before{content:">";position:absolute;left:1rem;opacity:0;transform:translate(-4px);transition:var(--transition-fast);font-family:var(--font-mono);color:var(--accent-cyan);font-weight:600;font-size:.85rem}.wechat-link[data-v-925b155c]:hover:before{opacity:1;transform:translate(0)}.footer-bottom[data-v-925b155c]{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-color)}.copyright[data-v-925b155c]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.terminal-text[data-v-925b155c]{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-green)}.prompt[data-v-925b155c]{color:var(--accent-cyan);margin-right:.5rem}@media (max-width: 768px){.footer-grid[data-v-925b155c]{grid-template-columns:1fr;gap:2rem}.footer-bottom[data-v-925b155c]{flex-direction:column;gap:1rem;text-align:center}}.particle-canvas[data-v-2b8cfb51]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app[data-v-d8024448]{position:relative;min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-d8024448]{flex:1;position:relative;z-index:1}.page-enter-active[data-v-d8024448],.page-leave-active[data-v-d8024448]{transition:opacity .25s ease,transform .25s ease}.page-enter-from[data-v-d8024448]{opacity:0;transform:translateY(12px)}.page-leave-to[data-v-d8024448]{opacity:0;transform:translateY(-12px)}.home[data-v-85b0b6b9]{padding-top:80px}.hero[data-v-85b0b6b9]{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:4rem 0}.container[data-v-85b0b6b9]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-badge[data-v-85b0b6b9]{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cyan);margin-bottom:1.5rem;letter-spacing:.1em}.hero-title[data-v-85b0b6b9]{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.15;margin-bottom:1.5rem}.highlight[data-v-85b0b6b9]{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-text[data-v-85b0b6b9]{color:var(--text-secondary)}.cursor[data-v-85b0b6b9]{animation:blink-85b0b6b9 1s infinite}@keyframes blink-85b0b6b9{0%,50%{opacity:1}51%,to{opacity:0}}.hero-desc[data-v-85b0b6b9]{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.hero-actions[data-v-85b0b6b9]{display:flex;gap:1rem;margin-bottom:3rem}.btn[data-v-85b0b6b9]{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9rem;font-weight:500;transition:var(--transition-normal)}.btn-primary[data-v-85b0b6b9]{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary)}.btn-primary[data-v-85b0b6b9]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--accent-cyan-rgb),.3)}.btn-secondary[data-v-85b0b6b9]{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary[data-v-85b0b6b9]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.hero-stats[data-v-85b0b6b9]{display:flex;align-items:center;gap:2rem}.stat[data-v-85b0b6b9]{text-align:center}.stat-number[data-v-85b0b6b9]{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label[data-v-85b0b6b9]{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.stat-divider[data-v-85b0b6b9]{width:1px;height:40px;background:var(--border-color)}.code-window[data-v-85b0b6b9]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-glow),var(--shadow-card)}.window-header[data-v-85b0b6b9]{display:flex;align-items:center;gap:8px;padding:.875rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.dot[data-v-85b0b6b9]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-85b0b6b9]{background:#ff5f57}.dot.yellow[data-v-85b0b6b9]{background:#febc2e}.dot.green[data-v-85b0b6b9]{background:#28c840}.window-title[data-v-85b0b6b9]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-left:auto}.code-content[data-v-85b0b6b9]{padding:1.5rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;overflow-x:auto;color:var(--text-secondary)}.code-content code[data-v-85b0b6b9]{white-space:pre}.keyword[data-v-85b0b6b9]{color:var(--accent-purple)}.variable[data-v-85b0b6b9]{color:var(--accent-orange)}.property[data-v-85b0b6b9]{color:var(--accent-cyan)}.string[data-v-85b0b6b9]{color:var(--accent-green)}.method[data-v-85b0b6b9]{color:var(--accent-pink)}.latest-posts[data-v-85b0b6b9]{padding:5rem 0}.section-header[data-v-85b0b6b9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.section-header h2[data-v-85b0b6b9]{font-family:var(--font-mono);font-size:1.25rem;color:var(--text-primary);letter-spacing:.05em}.view-all[data-v-85b0b6b9]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cyan);transition:var(--transition-fast)}.view-all[data-v-85b0b6b9]:hover{gap:.75rem}.posts-grid[data-v-85b0b6b9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.post-card[data-v-85b0b6b9]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.75rem;transition:var(--transition-normal);opacity:0;transform:translateY(20px);animation:fadeInUp-85b0b6b9 .6s ease forwards}@keyframes fadeInUp-85b0b6b9{to{opacity:1;transform:translateY(0)}}.post-card[data-v-85b0b6b9]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.post-meta[data-v-85b0b6b9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-tag[data-v-85b0b6b9]{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;background:rgba(var(--accent-cyan-rgb),.1);color:var(--accent-cyan);border-radius:var(--radius-sm)}.post-date[data-v-85b0b6b9]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.post-title[data-v-85b0b6b9]{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.post-excerpt[data-v-85b0b6b9]{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.read-more[data-v-85b0b6b9]{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cyan);transition:var(--transition-fast)}.read-more[data-v-85b0b6b9]:hover{gap:.65rem}@media (max-width: 900px){.container[data-v-85b0b6b9]{grid-template-columns:1fr}.hero-visual[data-v-85b0b6b9]{order:-1}.hero[data-v-85b0b6b9]{text-align:center}.hero-actions[data-v-85b0b6b9],.hero-stats[data-v-85b0b6b9]{justify-content:center}}@media (max-width: 480px){.posts-grid[data-v-85b0b6b9]{grid-template-columns:1fr}}.blog-page[data-v-a62d95ff]{padding-top:80px}.page-header[data-v-a62d95ff]{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-a62d95ff]{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;margin-bottom:.6rem;animation:titleIn-a62d95ff .7s ease-out}@keyframes titleIn-a62d95ff{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-prefix[data-v-a62d95ff]{color:var(--accent-cyan)}.page-desc[data-v-a62d95ff]{color:var(--text-secondary);font-size:1rem;opacity:0;animation:fadeIn-a62d95ff .6s ease-out .2s forwards}@keyframes fadeIn-a62d95ff{to{opacity:1}}.blog-content[data-v-a62d95ff]{padding:2rem 0 4rem}.mobile-filter-toggle[data-v-a62d95ff]{display:none;align-items:center;gap:8px;width:100%;padding:12px 16px;margin-bottom:14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .25s ease}.mobile-filter-toggle[data-v-a62d95ff]:hover,.mobile-filter-toggle.active[data-v-a62d95ff]{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 20px rgba(var(--accent-cyan-rgb),.08)}.mobile-filter-toggle .filter-icon[data-v-a62d95ff]{width:16px;height:16px;flex-shrink:0}.mobile-filter-toggle .chevron[data-v-a62d95ff]{margin-left:auto;transition:transform .3s ease;width:18px;height:18px}.mobile-filter-toggle .chevron.open[data-v-a62d95ff]{transform:rotate(180deg)}.blog-layout[data-v-a62d95ff]{display:grid;grid-template-columns:260px 1fr;gap:2.5rem}.sidebar[data-v-a62d95ff]{position:sticky;top:100px;height:fit-content}.search-section[data-v-a62d95ff]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.25rem}.search-input-wrapper[data-v-a62d95ff]{position:relative}.search-input[data-v-a62d95ff]{width:100%;padding:.7rem 2.5rem .7rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.88rem;transition:all .25s ease}.search-input[data-v-a62d95ff]:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(var(--accent-cyan-rgb),.08)}.search-input[data-v-a62d95ff]::placeholder{color:var(--text-muted)}.search-icon[data-v-a62d95ff]{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem}.filter-section[data-v-a62d95ff],.tags-section[data-v-a62d95ff]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}.filter-title[data-v-a62d95ff]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);margin-bottom:.85rem;text-transform:uppercase;letter-spacing:.12em}.filter-list[data-v-a62d95ff]{display:flex;flex-direction:column;gap:.35rem}.filter-btn[data-v-a62d95ff]{background:none;border:none;padding:.55rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.84rem;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.filter-btn[data-v-a62d95ff]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent-cyan);border-radius:0 2px 2px 0;transition:height .2s ease}.filter-btn[data-v-a62d95ff]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active[data-v-a62d95ff]{background:rgba(var(--accent-cyan-rgb),.08);color:var(--accent-cyan)}.filter-btn.active[data-v-a62d95ff]:before{height:60%}.tags-cloud[data-v-a62d95ff]{display:flex;flex-wrap:wrap;gap:.45rem}.tag[data-v-a62d95ff]{font-family:var(--font-mono);font-size:.72rem;padding:.3rem .7rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.tag[data-v-a62d95ff]:hover{background:rgba(var(--accent-purple-rgb),.12);color:var(--accent-purple);border-color:rgba(var(--accent-purple-rgb),.15);transform:scale(1.04)}.posts-list[data-v-a62d95ff]{display:flex;flex-direction:column;gap:1.25rem}.post-item[data-v-a62d95ff]{display:flex;gap:1.25rem;padding:1.5rem 1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);animation:postSlideIn-a62d95ff .55s cubic-bezier(.22,1,.36,1) var(--delay) forwards}@keyframes postSlideIn-a62d95ff{to{opacity:1;transform:translateY(0)}}.post-item[data-v-a62d95ff]:hover{border-color:var(--border-hover);transform:translate(8px);box-shadow:-4px 0 24px #00d4ff0f}.post-number[data-v-a62d95ff]{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--bg-tertiary);min-width:44px;line-height:1;transition:color .3s ease}.post-item:hover .post-number[data-v-a62d95ff]{color:var(--accent-cyan);text-shadow:0 0 12px rgba(var(--accent-cyan-rgb),.3)}.post-content[data-v-a62d95ff]{flex:1;min-width:0}.post-header[data-v-a62d95ff]{display:flex;align-items:center;gap:.85rem;margin-bottom:.65rem;flex-wrap:wrap}.post-category[data-v-a62d95ff]{font-family:var(--font-mono);font-size:.72rem;padding:.2rem .65rem;background:rgba(var(--accent-cyan-rgb),.1);color:var(--accent-cyan);border-radius:var(--radius-sm);letter-spacing:.02em}.post-date[data-v-a62d95ff]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.post-title[data-v-a62d95ff]{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.6rem;line-height:1.4}.post-title a[data-v-a62d95ff]{color:var(--text-primary);transition:all .25s ease;display:inline-block}.post-title a[data-v-a62d95ff]:hover{color:var(--accent-cyan);transform:translate(4px)}.post-excerpt[data-v-a62d95ff]{color:var(--text-secondary);font-size:.9rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.file-indicator-icon[data-v-a62d95ff]{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:4px;color:var(--accent-cyan);flex-shrink:0}.post-link[data-v-a62d95ff]{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-cyan);transition:all .25s ease;display:inline-flex;align-items:center;gap:4px}.post-link[data-v-a62d95ff]:hover{letter-spacing:.06em;text-shadow:0 0 8px rgba(var(--accent-cyan-rgb),.3)}.loading-state[data-v-a62d95ff]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);font-family:var(--font-mono)}.loading-spinner[data-v-a62d95ff]{width:36px;height:36px;border:3px solid var(--border-color);border-top:3px solid var(--accent-cyan);border-radius:50%;animation:spin-a62d95ff .8s linear infinite;margin-bottom:1rem}@keyframes spin-a62d95ff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-a62d95ff]{text-align:center;padding:3rem 2rem;color:var(--error-color);font-family:var(--font-mono)}.retry-btn[data-v-a62d95ff]{margin-top:1rem;padding:.5rem 1.5rem;background:var(--accent-cyan);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.88rem;cursor:pointer;transition:all .25s ease}.retry-btn[data-v-a62d95ff]:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--accent-cyan-rgb),.25)}.empty-state[data-v-a62d95ff]{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-family:var(--font-mono)}@media (max-width: 900px){.blog-layout[data-v-a62d95ff]{grid-template-columns:1fr;gap:0}.sidebar[data-v-a62d95ff]{position:static;max-height:0;overflow:hidden;opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.blog-layout.sidebar-open .sidebar[data-v-a62d95ff]{max-height:800px;opacity:1;pointer-events:auto;margin-bottom:1.5rem}.mobile-filter-toggle[data-v-a62d95ff]{display:flex}.filter-list[data-v-a62d95ff]{flex-direction:row;flex-wrap:wrap}.filter-btn[data-v-a62d95ff]{padding:.4rem .85rem;font-size:.8rem}.filter-btn[data-v-a62d95ff]:before{display:none}}@media (max-width: 600px){.page-header[data-v-a62d95ff]{padding:2.5rem 0 1.5rem}.page-title[data-v-a62d95ff]{font-size:1.5rem}.post-item[data-v-a62d95ff]{flex-direction:column;gap:.75rem;padding:1.15rem}.post-number[data-v-a62d95ff]{font-size:1.3rem;min-width:auto}.post-title[data-v-a62d95ff]{font-size:1rem}.post-excerpt[data-v-a62d95ff]{-webkit-line-clamp:2;font-size:.84rem}.mobile-filter-toggle[data-v-a62d95ff]{padding:11px 14px;font-size:.82rem}.mobile-filter-toggle .filter-icon[data-v-a62d95ff]{width:15px;height:15px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-link{text-decoration:underline}.article-page[data-v-0a29d0dc]{padding-top:80px}.loading-state-detail[data-v-0a29d0dc]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted);font-family:var(--font-mono)}.loading-state-detail .loading-spinner[data-v-0a29d0dc]{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-cyan);border-radius:50%;animation:spin-0a29d0dc 1s linear infinite;margin-bottom:1rem}@keyframes spin-0a29d0dc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state-detail[data-v-0a29d0dc]{text-align:center;padding:4rem 2rem;color:var(--error-color);font-family:var(--font-mono)}.error-state-detail h2[data-v-0a29d0dc]{margin-bottom:1.5rem;font-size:1.25rem}.back-btn[data-v-0a29d0dc]{display:inline-block;padding:.75rem 1.5rem;background:var(--accent-cyan);color:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);transition:var(--transition-fast)}.back-btn[data-v-0a29d0dc]:hover{background:var(--accent-cyan-hover);transform:translateY(-2px)}.article-header[data-v-0a29d0dc]{padding:4rem 0 3rem;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary),transparent)}.container-narrow[data-v-0a29d0dc]{max-width:960px;margin:0 auto;padding:0 2rem}.back-link[data-v-0a29d0dc]{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);display:inline-block;margin-bottom:2rem;transition:var(--transition-fast)}.back-link[data-v-0a29d0dc]:hover{color:var(--accent-cyan)}.article-meta[data-v-0a29d0dc]{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.article-tag[data-v-0a29d0dc]{font-family:var(--font-mono);font-size:.8rem;padding:.3rem .85rem;background:rgba(var(--accent-cyan-rgb),.12);color:var(--accent-cyan);border-radius:var(--radius-sm)}.article-date[data-v-0a29d0dc],.article-author[data-v-0a29d0dc]{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.article-author[data-v-0a29d0dc]:before{content:"@ ";color:var(--accent-purple)}.article-title[data-v-0a29d0dc]{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.25}.article-body[data-v-0a29d0dc]{padding:4rem 0}.markdown-body[data-v-0a29d0dc]{font-size:1.05rem;line-height:1.9;color:var(--text-secondary)}.markdown-body[data-v-0a29d0dc] h1{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text-primary);margin:2.5rem 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-cyan)}.markdown-body[data-v-0a29d0dc] h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:2.5rem 0 1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-color)}.markdown-body[data-v-0a29d0dc] h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.markdown-body[data-v-0a29d0dc] h4{font-family:var(--font-mono);font-size:1.05rem;font-weight:600;color:var(--accent-cyan);margin:1.5rem 0 .75rem}.markdown-body[data-v-0a29d0dc] p{margin-bottom:1.25rem}.markdown-body[data-v-0a29d0dc] strong{color:var(--text-primary);font-weight:700}.markdown-body[data-v-0a29d0dc] a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition-fast)}.markdown-body[data-v-0a29d0dc] a:hover{border-bottom-color:var(--accent-cyan)}.markdown-body[data-v-0a29d0dc] ul,.markdown-body[data-v-0a29d0dc] ol{padding-left:1.5rem;margin:1.25rem 0}.markdown-body[data-v-0a29d0dc] li{margin-bottom:.5rem;position:relative}.markdown-body[data-v-0a29d0dc] ul li::marker{color:var(--accent-cyan)}.markdown-body[data-v-0a29d0dc] blockquote{border-left:4px solid var(--accent-cyan);padding:1rem 1.5rem;margin:1.5rem 0;background:rgba(var(--accent-cyan-rgb),.04);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.markdown-body[data-v-0a29d0dc] blockquote p:last-child{margin-bottom:0}.markdown-body[data-v-0a29d0dc] pre.code-block{background:var(--code-bg)!important;border:1px solid var(--code-border, rgba(255,255,255,.08));border-radius:var(--radius-md);padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.4) transparent}.markdown-body[data-v-0a29d0dc] pre.code-block::-webkit-scrollbar{height:6px}.markdown-body[data-v-0a29d0dc] pre.code-block::-webkit-scrollbar-track{background:transparent;border-radius:3px}.markdown-body[data-v-0a29d0dc] pre.code-block::-webkit-scrollbar-thumb{background:#00d4ff59;border-radius:3px;transition:background .2s ease}.markdown-body[data-v-0a29d0dc] pre.code-block::-webkit-scrollbar-thumb:hover{background:#00d4ff99}.markdown-body[data-v-0a29d0dc] pre.code-block:before{content:attr(data-lang);position:absolute;top:0;right:0;padding:.2rem .75rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);background:var(--bg-tertiary);border-radius:0 var(--radius-sm) 0 0;text-transform:uppercase;letter-spacing:.05em}.markdown-body[data-v-0a29d0dc] code{font-family:var(--font-mono);font-size:.88rem}.markdown-body[data-v-0a29d0dc] :not(pre)>code{background:var(--bg-tertiary);padding:.15rem .45rem;border-radius:4px;font-size:.88em;color:var(--accent-orange)}.markdown-body[data-v-0a29d0dc] .hljs{background:transparent!important;padding:0!important}.markdown-body[data-v-0a29d0dc] .hljs-keyword,.markdown-body[data-v-0a29d0dc] .hljs-selector-tag,.markdown-body[data-v-0a29d0dc] .hljs-built_in{color:#c678dd!important}.markdown-body[data-v-0a29d0dc] .hljs-string,.markdown-body[data-v-0a29d0dc] .hljs-attr{color:#98c379!important}.markdown-body[data-v-0a29d0dc] .hljs-number,.markdown-body[data-v-0a29d0dc] .hljs-literal{color:#d19a66!important}.markdown-body[data-v-0a29d0dc] .hljs-comment,.markdown-body[data-v-0a29d0dc] .hljs-quote{color:#5c6370!important;font-style:italic}.markdown-body[data-v-0a29d0dc] .hljs-function .hljs-title,.markdown-body[data-v-0a29d0dc] .hljs-title.function_{color:#61afef!important}.markdown-body[data-v-0a29d0dc] .hljs-variable,.markdown-body[data-v-0a29d0dc] .hljs-template-variable{color:#e06c75!important}.markdown-body[data-v-0a29d0dc] .hljs-type,.markdown-body[data-v-0a29d0dc] .hljs-class .hljs-title{color:#e5c07b!important}.markdown-body[data-v-0a29d0dc] .hljs-regexp,.markdown-body[data-v-0a29d0dc] .hljs-link{color:#56b6c2!important}.markdown-body[data-v-0a29d0dc] .hljs-symbol,.markdown-body[data-v-0a29d0dc] .hljs-bullet,.markdown-body[data-v-0a29d0dc] .hljs-meta{color:#61afef!important}.markdown-body[data-v-0a29d0dc] .hljs-deletion{background:#e06c7526!important;color:#e06c75!important}.markdown-body[data-v-0a29d0dc] .hljs-addition{background:#98c37926!important;color:#98c379!important}.markdown-body[data-v-0a29d0dc] .hljs-emphasis{font-style:italic}.markdown-body[data-v-0a29d0dc] .hljs-strong{font-weight:700}.markdown-body[data-v-0a29d0dc] hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:2.5rem 0}.markdown-body[data-v-0a29d0dc] table{width:100%;border-collapse:collapse;margin:1.5rem 0}.markdown-body[data-v-0a29d0dc] th,.markdown-body[data-v-0a29d0dc] td{padding:.6rem 1rem;border:1px solid var(--border-color);text-align:left;font-size:.9rem}.markdown-body[data-v-0a29d0dc] th{background:var(--bg-tertiary);font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.markdown-body[data-v-0a29d0dc] tr:nth-child(2n){background:rgba(var(--accent-cyan-rgb),.02)}.divider[data-v-0a29d0dc]{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:3rem 0 2rem}.article-footer[data-v-0a29d0dc]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-top:1.5rem}.tags-row[data-v-0a29d0dc],.share-row[data-v-0a29d0dc]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.label[data-v-0a29d0dc]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.tag[data-v-0a29d0dc]{font-family:var(--font-mono);font-size:.78rem;padding:.3rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast)}.tag[data-v-0a29d0dc]:hover{color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08)}.share-btn[data-v-0a29d0dc]{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-cyan);padding:.35rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast)}.share-btn[data-v-0a29d0dc]:hover{border-color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08)}.not-found[data-v-0a29d0dc]{text-align:center;padding:6rem 2rem}.not-found h1[data-v-0a29d0dc]{font-family:var(--font-display);font-size:2rem;margin-bottom:1.5rem;color:var(--accent-orange)}@media (max-width: 600px){.container-narrow[data-v-0a29d0dc]{padding:0 1.25rem}.article-footer[data-v-0a29d0dc]{flex-direction:column;align-items:flex-start}.markdown-body[data-v-0a29d0dc] pre.code-block{padding:1rem;border-radius:var(--radius-sm);scrollbar-width:thin}.markdown-body[data-v-0a29d0dc] pre.code-block::-webkit-scrollbar{height:4px}.markdown-body[data-v-0a29d0dc] code{font-size:.82rem}}.about-page[data-v-7425ea93]{padding-top:80px}.page-header[data-v-7425ea93]{padding:5rem 0 3rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-7425ea93]{font-family:var(--font-mono);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:.75rem}.title-prefix[data-v-7425ea93]{color:var(--accent-cyan)}.page-desc[data-v-7425ea93]{color:var(--text-secondary);font-size:1.1rem}.about-content[data-v-7425ea93]{padding:4rem 0 6rem}.about-grid[data-v-7425ea93]{display:grid;grid-template-columns:300px 1fr;gap:3rem}.profile-card[data-v-7425ea93]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;position:sticky;top:100px;height:fit-content}.avatar-wrapper[data-v-7425ea93]{position:relative;display:inline-block;margin-bottom:1.5rem}.avatar[data-v-7425ea93]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid transparent;background-clip:padding-box}.avatar-img[data-v-7425ea93]{width:100%;height:100%;object-fit:cover;object-position:center top}.status-dot[data-v-7425ea93]{position:absolute;bottom:8px;right:8px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-card)}.status-dot.online[data-v-7425ea93]{background:var(--accent-green);box-shadow:0 0 10px rgba(var(--accent-green-rgb),.3)}.name[data-v-7425ea93]{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.role[data-v-7425ea93]{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-cyan);margin-bottom:.5rem}.location[data-v-7425ea93]{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.social-links[data-v-7425ea93]{display:flex;justify-content:center;gap:1rem}.social-link[data-v-7425ea93]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);transition:var(--transition-fast)}.social-link[data-v-7425ea93]:hover{background:var(--accent-cyan);color:var(--bg-primary);transform:translateY(-2px)}.wechat-trigger[data-v-7425ea93]{cursor:pointer}.info-sections[data-v-7425ea93]{display:flex;flex-direction:column;gap:1.5rem}.info-card[data-v-7425ea93]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.card-title[data-v-7425ea93]{font-family:var(--font-mono);font-size:.95rem;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.card-title .icon[data-v-7425ea93]{color:var(--accent-cyan);font-weight:700}.card-body[data-v-7425ea93]{padding:1.5rem;line-height:1.8;color:var(--text-secondary)}.skills-grid[data-v-7425ea93]{padding:1.5rem;display:grid;gap:1.5rem}.skill-group h4[data-v-7425ea93]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.skill-tags[data-v-7425ea93]{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tags span[data-v-7425ea93]{font-family:var(--font-mono);font-size:.82rem;padding:.35rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast)}.skill-tags span[data-v-7425ea93]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.full-width[data-v-7425ea93]{width:100%}.timeline[data-v-7425ea93]{padding:1.5rem;position:relative}.timeline[data-v-7425ea93]:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item[data-v-7425ea93]{position:relative;padding-left:2.5rem;padding-bottom:2rem}.timeline-item[data-v-7425ea93]:last-child{padding-bottom:0}.timeline-dot[data-v-7425ea93]{position:absolute;left:4px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg-card);border:3px solid var(--accent-cyan)}.timeline-header[data-v-7425ea93]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.timeline-header h4[data-v-7425ea93]{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.timeline-date[data-v-7425ea93]{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-cyan)}.timeline-company[data-v-7425ea93]{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.timeline-desc[data-v-7425ea93]{font-size:.92rem;color:var(--text-secondary);line-height:1.7}@media (max-width: 900px){.about-grid[data-v-7425ea93]{grid-template-columns:1fr}.profile-card[data-v-7425ea93]{position:static}.skills-grid[data-v-7425ea93]{grid-template-columns:1fr}}.projects-page[data-v-3c5009c2]{padding-top:80px}.page-header[data-v-3c5009c2]{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-3c5009c2]{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;margin-bottom:.6rem;animation:titleIn-3c5009c2 .7s ease-out}@keyframes titleIn-3c5009c2{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-prefix[data-v-3c5009c2]{color:var(--accent-cyan)}.page-desc[data-v-3c5009c2]{color:var(--text-secondary);font-size:1rem;opacity:0;animation:fadeIn-3c5009c2 .6s ease-out .2s forwards}@keyframes fadeIn-3c5009c2{to{opacity:1}}.projects-content[data-v-3c5009c2]{padding:3rem 0 5rem}.projects-grid[data-v-3c5009c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;position:relative}.loading-state[data-v-3c5009c2],.empty-state[data-v-3c5009c2]{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner[data-v-3c5009c2]{width:40px;height:40px;border:3px solid rgba(0,212,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin-3c5009c2 .8s linear infinite;margin-bottom:1rem}@keyframes spin-3c5009c2{to{transform:rotate(360deg)}}.empty-icon[data-v-3c5009c2]{width:64px;height:64px;opacity:.3;margin-bottom:1rem}.project-card[data-v-3c5009c2]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;opacity:0;transform:translateY(28px);animation:cardSlideIn-3c5009c2 .6s cubic-bezier(.22,1,.36,1) var(--delay) forwards;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes cardSlideIn-3c5009c2{to{opacity:1;transform:translateY(0)}}.project-card[data-v-3c5009c2]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-6px)}.project-image[data-v-3c5009c2]{height:130px;position:relative;overflow:hidden;background-size:cover;background-position:center;background-color:var(--bg-tertiary);flex-shrink:0;contain:layout style paint}.image-overlay[data-v-3c5009c2]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-primary) 100%);opacity:.7;transition:all .35s ease;pointer-events:none}.project-card:hover .image-overlay[data-v-3c5009c2]{background:linear-gradient(to bottom,rgba(0,212,255,.03) 30%,var(--bg-primary) 100%);opacity:.8}.project-info[data-v-3c5009c2]{padding:1.4rem 1.5rem 1.5rem;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.project-meta[data-v-3c5009c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.project-type[data-v-3c5009c2]{font-family:var(--font-mono);font-size:.72rem;padding:.2rem .65rem;background:#a855f71f;color:var(--accent-purple);border-radius:var(--radius-sm);letter-spacing:.02em}.project-year[data-v-3c5009c2]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.project-name[data-v-3c5009c2]{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:.55rem;line-height:1.4;transition:color .25s ease}.project-card:hover .project-name[data-v-3c5009c2]{color:var(--accent-cyan)}.project-desc[data-v-3c5009c2]{font-size:.87rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guest-account[data-v-3c5009c2]{display:flex;align-items:center;gap:.45rem;padding:.65rem .9rem;margin-bottom:1.1rem;background:#3b82f612;border:1px solid rgba(59,130,246,.16);border-radius:var(--radius-sm);font-size:.82rem;transition:all .25s ease}.guest-account[data-v-3c5009c2]:hover{background:#3b82f61c;border-color:#3b82f642}.guest-icon[data-v-3c5009c2]{width:15px;height:15px;color:var(--accent-cyan);flex-shrink:0}.guest-label[data-v-3c5009c2]{color:var(--text-secondary)}.guest-code[data-v-3c5009c2]{font-family:var(--font-mono);color:var(--accent-cyan);background:#3b82f61f;padding:.12rem .45rem;border-radius:4px;font-size:.76rem;font-weight:600}.project-links[data-v-3c5009c2]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.link-btn[data-v-3c5009c2]{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.8rem;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.link-btn svg[data-v-3c5009c2]:first-child{width:14px;height:14px;flex-shrink:0;transition:transform .25s ease}.link-btn span[data-v-3c5009c2]{transition:transform .25s ease}.link-btn .link-arrow[data-v-3c5009c2]{width:12px;height:12px;opacity:0;transform:translate(-8px);transition:all .25s ease}.link-btn.demo[data-v-3c5009c2]{background:linear-gradient(135deg,#00d4ff1f,#00d4ff0f);border:1px solid rgba(0,212,255,.2);color:var(--accent-cyan)}.link-btn.demo[data-v-3c5009c2]:hover{background:linear-gradient(135deg,#00d4ff38,#00d4ff1a);border-color:var(--accent-cyan);box-shadow:0 4px 20px #00d4ff2e;transform:translateY(-2px)}.link-btn.code[data-v-3c5009c2]{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.link-btn.code[data-v-3c5009c2]:hover{border-color:var(--accent-green);color:var(--accent-green);background:#00ff880d;box-shadow:0 4px 20px #00ff8814;transform:translateY(-2px)}.link-btn:hover .link-arrow[data-v-3c5009c2]{opacity:1;transform:translate(0)}.link-btn:hover svg[data-v-3c5009c2]:first-child{transform:scale(1.1)}.link-btn:hover span[data-v-3c5009c2]{letter-spacing:.02em}.project-tech[data-v-3c5009c2]{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}.tech-tag[data-v-3c5009c2]{font-family:var(--font-mono);font-size:.7rem;padding:.24rem .58rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s ease;border:1px solid transparent}.tech-tag[data-v-3c5009c2]:hover{color:var(--text-secondary);border-color:var(--border-color);background:var(--bg-tertiary)}@media (max-width: 768px){.projects-grid[data-v-3c5009c2]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem}.page-header[data-v-3c5009c2]{padding:2.5rem 0 1.75rem}.projects-content[data-v-3c5009c2]{padding:1.75rem 0 3.5rem}.project-image[data-v-3c5009c2]{height:100px}.project-info[data-v-3c5009c2]{padding:1.1rem 1.15rem 1.2rem;overflow:hidden;display:flex;flex-direction:column}.project-meta[data-v-3c5009c2]{margin-bottom:.55rem}.project-type[data-v-3c5009c2]{font-size:.68rem;padding:.18rem .55rem}.project-year[data-v-3c5009c2]{font-size:.74rem}.project-name[data-v-3c5009c2]{font-size:1rem;margin-bottom:.45rem}.project-desc[data-v-3c5009c2]{-webkit-line-clamp:2;font-size:.82rem;line-height:1.6;margin-bottom:.9rem}.guest-account[data-v-3c5009c2]{padding:.55rem .8rem;margin-bottom:.9rem;font-size:.78rem}.project-links[data-v-3c5009c2]{gap:.6rem;margin-bottom:1rem}.link-btn[data-v-3c5009c2]{padding:.42rem .8rem;font-size:.76rem;gap:5px}.link-btn svg[data-v-3c5009c2]:first-child{width:13px;height:13px}.link-btn .link-arrow[data-v-3c5009c2]{display:none}.tech-tag[data-v-3c5009c2]{font-size:.66rem;padding:.2rem .5rem}}@media (max-width: 480px){.projects-grid[data-v-3c5009c2]{grid-template-columns:1fr}.project-card[data-v-3c5009c2]{border-radius:var(--radius-sm)}.project-image[data-v-3c5009c2]{height:90px}.project-info[data-v-3c5009c2]{padding:1rem 1.1rem 1.15rem;overflow:hidden;display:flex;flex-direction:column}.project-links[data-v-3c5009c2]{flex-direction:column;gap:.55rem}.link-btn[data-v-3c5009c2]{justify-content:center;padding:.45rem 1rem;font-size:.78rem;gap:5px}.link-btn svg[data-v-3c5009c2]:first-child{width:13px;height:13px}.guest-account[data-v-3c5009c2]{flex-wrap:wrap;gap:4px}}.music-player[data-v-cdf7143a]{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:0 -8px 32px #0000004d;transition:transform .35s cubic-bezier(.4,0,.2,1);animation:playerIn-cdf7143a .4s cubic-bezier(.22,1,.36,1)}@keyframes playerIn-cdf7143a{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-bar[data-v-cdf7143a]{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;max-width:1200px;margin:0 auto;cursor:pointer;transition:background .2s ease}.player-bar[data-v-cdf7143a]:hover{background:var(--bg-tertiary)}.player-left[data-v-cdf7143a]{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.player-cover[data-v-cdf7143a]{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-card));background-size:cover;background-position:center;flex-shrink:0;position:relative;overflow:hidden}.cover-playing[data-v-cdf7143a]{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:2px;align-items:flex-end;height:100%;padding-bottom:6px}.cover-playing span[data-v-cdf7143a]{width:3px;background:var(--accent-cyan);border-radius:2px;animation:eq-cdf7143a .8s ease-in-out infinite}.cover-playing span[data-v-cdf7143a]:nth-child(1){height:40%;animation-delay:0s}.cover-playing span[data-v-cdf7143a]:nth-child(2){height:70%;animation-delay:.15s}.cover-playing span[data-v-cdf7143a]:nth-child(3){height:50%;animation-delay:.3s}@keyframes eq-cdf7143a{0%,to{height:30%}50%{height:80%}}.player-track-info[data-v-cdf7143a]{display:flex;flex-direction:column;min-width:0}.track-name[data-v-cdf7143a]{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-cdf7143a]{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center[data-v-cdf7143a]{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.player-right[data-v-cdf7143a]{display:flex;align-items:center;gap:.4rem;flex:1;justify-content:flex-end}.ctrl-btn[data-v-cdf7143a]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all .2s ease}.ctrl-btn[data-v-cdf7143a]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.play-btn[data-v-cdf7143a]{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);box-shadow:0 4px 18px #00d4ff40}.play-btn[data-v-cdf7143a]:hover{box-shadow:0 4px 18px #00d4ff66;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary)}.mode-btn.single svg[data-v-cdf7143a]:after{content:"1"}.fullscreen-btn[data-v-cdf7143a]{color:var(--accent-cyan)}.fullscreen-btn[data-v-cdf7143a]:hover{background:#00d4ff1a}.player-expanded[data-v-cdf7143a]{padding:1rem 1.5rem 1.2rem;max-width:1200px;margin:0 auto;animation:expandIn-cdf7143a .3s cubic-bezier(.22,1,.36,1);border-top:1px solid var(--border-color)}@keyframes expandIn-cdf7143a{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.progress-section[data-v-cdf7143a]{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.time[data-v-cdf7143a]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);min-width:38px}.progress-bar[data-v-cdf7143a]{flex:1;cursor:pointer;padding:6px 0}.progress-track[data-v-cdf7143a]{height:4px;background:var(--bg-tertiary);border-radius:2px;position:relative;overflow:visible}.progress-fill[data-v-cdf7143a]{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:2px;transition:width .15s linear}.progress-thumb[data-v-cdf7143a]{position:absolute;top:50%;width:12px;height:12px;background:var(--accent-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00d4ff80;opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-thumb[data-v-cdf7143a]{opacity:1}.volume-section[data-v-cdf7143a]{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.vol-btn[data-v-cdf7143a]{width:30px;height:30px}.volume-bar[data-v-cdf7143a]{width:100px;cursor:pointer;padding:4px 0}.volume-track[data-v-cdf7143a]{height:3px;background:var(--bg-tertiary);border-radius:2px}.volume-fill[data-v-cdf7143a]{height:100%;background:var(--accent-cyan);border-radius:2px;transition:width .1s ease}.queue-section[data-v-cdf7143a]{max-height:200px;overflow:hidden}.queue-title[data-v-cdf7143a]{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:.55rem}.queue-list[data-v-cdf7143a]{display:flex;flex-direction:column;gap:.25rem;max-height:150px;overflow-y:auto}.queue-item[data-v-cdf7143a]{display:flex;align-items:center;gap:.65rem;padding:.45rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.queue-item[data-v-cdf7143a]:hover{background:var(--bg-tertiary)}.queue-item.active[data-v-cdf7143a]{background:#00d4ff14}.q-idx[data-v-cdf7143a]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);width:22px;text-align:center}.q-cover[data-v-cdf7143a]{width:30px;height:30px;border-radius:4px;background:var(--bg-tertiary);background-size:cover;background-position:center;flex-shrink:0}.q-info[data-v-cdf7143a]{flex:1;min-width:0}.q-name[data-v-cdf7143a]{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.q-artist[data-v-cdf7143a]{font-size:.7rem;color:var(--text-muted)}.q-dur[data-v-cdf7143a]{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}@media (max-width: 768px){.player-bar[data-v-cdf7143a]{padding:.55rem .85rem}.player-right[data-v-cdf7143a]{gap:.15rem}.player-expanded[data-v-cdf7143a]{padding:0 .85rem 1rem}.volume-bar[data-v-cdf7143a]{width:60px}.player-track-info[data-v-cdf7143a]{max-width:130px}}@media (max-width: 480px){.player-center[data-v-cdf7143a]{gap:.3rem}.ctrl-btn[data-v-cdf7143a]{width:28px;height:28px}.play-btn[data-v-cdf7143a]{width:36px;height:36px}}.music-page[data-v-a8613a66]{padding-top:80px;min-height:100vh}.page-header[data-v-a8613a66]{padding:3rem 0 0;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,rgba(var(--accent-cyan-rgb),.03) 0%,transparent 100%)}.header-grid[data-v-a8613a66]{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start;padding-bottom:2rem}.page-title[data-v-a8613a66]{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;margin-bottom:.6rem;display:flex;align-items:center;gap:.65rem;animation:titleIn-a8613a66 .7s ease-out}@keyframes titleIn-a8613a66{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-icon[data-v-a8613a66]{color:var(--accent-cyan);font-size:1.6em;animation:pulse-a8613a66 2s ease-in-out infinite}@keyframes pulse-a8613a66{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.page-desc[data-v-a8613a66]{color:var(--text-secondary);font-size:1rem;line-height:1.7;animation:fadeIn-a8613a66 .6s ease-out .2s forwards;opacity:0}@keyframes fadeIn-a8613a66{to{opacity:1}}.search-box[data-v-a8613a66]{display:flex;align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:.45rem .75rem;transition:all .3s ease;box-shadow:var(--shadow-card)}.search-box.focused[data-v-a8613a66]{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow),var(--shadow-card)}.search-icon[data-v-a8613a66]{color:var(--text-muted);flex-shrink:0;transition:color .25s ease}.search-box.focused .search-icon[data-v-a8613a66]{color:var(--accent-cyan)}.search-box input[data-v-a8613a66]{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:.92rem;padding:.35rem .6rem;min-width:0}.search-box input[data-v-a8613a66]::placeholder{color:var(--text-muted)}.clear-btn[data-v-a8613a66]{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:color .2s ease;flex-shrink:0}.clear-btn[data-v-a8613a66]:hover{color:var(--error-color)}.search-btn[data-v-a8613a66]{font-family:var(--font-mono);font-size:.82rem;font-weight:600;padding:.55rem 1.2rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all .25s ease;flex-shrink:0}.search-btn[data-v-a8613a66]:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--accent-cyan-rgb),.35)}.hot-keys[data-v-a8613a66]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.hot-label[data-v-a8613a66]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);flex-shrink:0}.hot-tag[data-v-a8613a66]{font-family:var(--font-mono);font-size:.76rem;padding:.28rem .7rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.hot-tag[data-v-a8613a66]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.06)}.hot-tag.top3[data-v-a8613a66]{border-color:rgba(var(--accent-orange-rgb),.3);color:var(--accent-orange)}.hot-tag.top3[data-v-a8613a66]:hover{border-color:var(--accent-orange);background:rgba(var(--accent-orange-rgb),.08)}.tab-nav[data-v-a8613a66]{display:flex;gap:.25rem;padding-bottom:0;overflow-x:auto}.tab-btn[data-v-a8613a66]{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.83rem;padding:.7rem 1.2rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;white-space:nowrap}.tab-btn .tab-icon[data-v-a8613a66]{display:flex;opacity:.7}.tab-btn[data-v-a8613a66]:hover{color:var(--text-primary);background:rgba(var(--accent-cyan-rgb),.03)}.tab-btn.active[data-v-a8613a66]{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.tab-btn.active .tab-icon[data-v-a8613a66]{opacity:1}.music-content[data-v-a8613a66]{padding:2.5rem 0 5rem}.loading-state[data-v-a8613a66]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);font-size:.9rem}.loading-spinner[data-v-a8613a66]{width:40px;height:40px;border:3px solid rgba(var(--accent-cyan-rgb),.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin-a8613a66 .8s linear infinite;margin-bottom:1rem}.loading-spinner.small[data-v-a8613a66]{width:24px;height:24px;border-width:2px}@keyframes spin-a8613a66{to{transform:rotate(360deg)}}.results-info[data-v-a8613a66]{margin-bottom:1.5rem}.result-count[data-v-a8613a66]{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.song-list[data-v-a8613a66]{display:flex;flex-direction:column;gap:.5rem}.song-card[data-v-a8613a66]{display:grid;grid-template-columns:42px 56px 1fr auto 70px;align-items:center;gap:1rem;padding:.85rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(-16px);animation:slideIn-a8613a66 .45s cubic-bezier(.22,1,.36,1) calc(var(--index) * .05s) forwards}@keyframes slideIn-a8613a66{to{opacity:1;transform:translate(0)}}.song-card[data-v-a8613a66]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translate(4px)}.song-rank[data-v-a8613a66]{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-muted);text-align:center;width:100%}.song-rank.top[data-v-a8613a66]{color:var(--accent-cyan);text-shadow:0 0 12px rgba(var(--accent-cyan-rgb),.3)}.song-cover[data-v-a8613a66]{width:56px;height:56px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-card));background-size:cover;background-position:center;position:relative;overflow:hidden;flex-shrink:0}.play-overlay[data-v-a8613a66]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity .25s ease}.play-overlay.visible[data-v-a8613a66]{opacity:1}.play-overlay[data-v-a8613a66]:hover{background:rgba(var(--accent-cyan-rgb),.7)}.song-info[data-v-a8613a66]{min-width:0;overflow:hidden}.song-name[data-v-a8613a66]{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.song-card:hover .song-name[data-v-a8613a66]{color:var(--accent-cyan)}.song-artist[data-v-a8613a66]{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}.song-album[data-v-a8613a66]{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-actions[data-v-a8613a66]{display:flex;gap:.35rem;opacity:0;transition:opacity .25s ease}.song-card:hover .song-actions[data-v-a8613a66]{opacity:1}.action-icon[data-v-a8613a66]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-icon[data-v-a8613a66]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08)}.song-duration[data-v-a8613a66]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-align:right}.empty-state[data-v-a8613a66]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon[data-v-a8613a66]{width:64px;height:64px;opacity:.25;margin-bottom:1rem}.rank-grid[data-v-a8613a66],.playlist-grid[data-v-a8613a66],.album-grid[data-v-a8613a66]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.rank-card[data-v-a8613a66],.pl-card[data-v-a8613a66],.album-card[data-v-a8613a66]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.rank-card[data-v-a8613a66]:hover,.pl-card[data-v-a8613a66]:hover,.album-card[data-v-a8613a66]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow),var(--shadow-card)}.rank-cover[data-v-a8613a66],.pl-img[data-v-a8613a66],.album-img[data-v-a8613a66]{aspect-ratio:1;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-card));background-size:cover;background-position:center;position:relative}.rank-badge[data-v-a8613a66]{position:absolute;bottom:.5rem;left:.5rem;font-family:var(--font-mono);font-size:.68rem;padding:.2rem .55rem;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-sm)}.rank-info[data-v-a8613a66],.pl-info[data-v-a8613a66],.album-info[data-v-a8613a66]{padding:.85rem 1rem}.rank-title[data-v-a8613a66],.pl-title[data-v-a8613a66],.album-name[data-v-a8613a66]{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-count[data-v-a8613a66],.pl-creator[data-v-a8613a66],.album-singer[data-v-a8613a66]{font-size:.76rem;color:var(--text-muted);font-family:var(--font-mono)}.lyric-modal-backdrop[data-v-a8613a66]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn-a8613a66 .2s ease}.lyric-modal[data-v-a8613a66]{width:min(90vw,580px);max-height:75vh;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card),var(--shadow-glow);animation:modalIn-a8613a66 .3s cubic-bezier(.22,1,.36,1)}@keyframes modalIn-a8613a66{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lyric-header[data-v-a8613a66]{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.lyric-header h3[data-v-a8613a66]{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-a8613a66]{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.3rem;border-radius:var(--radius-sm);transition:all .2s ease}.close-btn[data-v-a8613a66]:hover{color:var(--error-color);background:rgba(var(--accent-pink-rgb),.08)}.lyric-body[data-v-a8613a66]{padding:1.5rem;max-height:55vh;overflow-y:auto}.lyric-loading[data-v-a8613a66]{display:flex;justify-content:center;padding:2rem}.lyric-content[data-v-a8613a66]{font-family:var(--font-mono);font-size:.85rem;line-height:2;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0}.back-btn[data-v-a8613a66]{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.82rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;margin-bottom:1.25rem;transition:all .2s ease}.back-btn[data-v-a8613a66]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.rank-detail-title[data-v-a8613a66]{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.play-all-btn[data-v-a8613a66]{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:.7rem 1.5rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:1rem;transition:all .25s ease}.play-all-btn[data-v-a8613a66]:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--accent-cyan-rgb),.25)}.pl-play-hint[data-v-a8613a66]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;opacity:0;transition:opacity .3s ease}.pl-card:hover .pl-play-hint[data-v-a8613a66]{opacity:1}.playlist-section[data-v-a8613a66]{animation:fadeInUp-a8613a66 .5s ease}@keyframes fadeInUp-a8613a66{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scroll-sentinel[data-v-a8613a66]{height:1px;width:100%}.load-more-indicator[data-v-a8613a66]{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.25rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.load-more-end[data-v-a8613a66]{text-align:center;padding:1rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.player-toast[data-v-a8613a66]{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:2001;display:flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;box-shadow:var(--shadow-card),0 0 24px rgba(var(--accent-cyan-rgb),.08);white-space:nowrap;transition:background var(--transition-normal),border-color var(--transition-normal)}.player-toast svg[data-v-a8613a66]{color:var(--accent-cyan);flex-shrink:0}.toast-enter-active[data-v-a8613a66]{animation:toastIn-a8613a66 .3s cubic-bezier(.22,1,.36,1)}.toast-leave-active[data-v-a8613a66]{animation:toastOut-a8613a66 .25s ease forwards}@keyframes toastIn-a8613a66{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut-a8613a66{0%{opacity:1}to{opacity:0}}@media (max-width: 900px){.header-grid[data-v-a8613a66]{grid-template-columns:1fr;gap:1.75rem}.song-card[data-v-a8613a66]{grid-template-columns:32px 48px 1fr auto;gap:.7rem;padding:.7rem .85rem}.song-duration[data-v-a8613a66]{display:none}.rank-grid[data-v-a8613a66],.playlist-grid[data-v-a8613a66],.album-grid[data-v-a8613a66]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}}@media (max-width: 600px){.song-card[data-v-a8613a66]{grid-template-columns:28px 44px 1fr;gap:.6rem;padding:.65rem .75rem}.song-actions[data-v-a8613a66]{display:none}.song-cover[data-v-a8613a66]{width:44px;height:44px}.tab-btn[data-v-a8613a66]{padding:.6rem .85rem;font-size:.78rem}.rank-grid[data-v-a8613a66],.playlist-grid[data-v-a8613a66],.album-grid[data-v-a8613a66]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.music-play-page[data-v-c05e024d]{min-height:100vh;padding-top:80px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,var(--bg-secondary) 0%,var(--bg-primary) 60%,var(--bg-primary) 100%)}.ambient-bg[data-v-c05e024d]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.gradient-orb[data-v-c05e024d]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:orbFloat-c05e024d 20s ease-in-out infinite}.orb-1[data-v-c05e024d]{width:600px;height:600px;background:radial-gradient(circle,var(--accent-cyan),transparent 70%);top:-200px;left:-100px;animation-delay:0s}.orb-2[data-v-c05e024d]{width:500px;height:500px;background:radial-gradient(circle,var(--accent-purple),transparent 70%);bottom:-150px;right:-100px;animation-delay:-7s}.orb-3[data-v-c05e024d]{width:400px;height:400px;background:radial-gradient(circle,var(--accent-pink),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes orbFloat-c05e024d{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.play-container[data-v-c05e024d]{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem}.back-nav[data-v-c05e024d]{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all .25s ease;margin-bottom:2rem}.back-nav[data-v-c05e024d]:hover{color:var(--accent-cyan);border-color:#00d4ff4d;background:#00d4ff0f}.empty-play[data-v-c05e024d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.vinyl-placeholder[data-v-c05e024d]{width:200px;height:200px;border-radius:50%;background:var(--bg-tertiary);border:3px solid var(--border-color);position:relative;margin-bottom:2rem}.vinyl-grooves[data-v-c05e024d]{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;border:1px solid var(--border-color)}.vinyl-center[data-v-c05e024d]{position:absolute;top:50%;left:50%;width:30px;height:30px;background:var(--bg-primary);border-radius:50%;border:3px solid var(--border-color);transform:translate(-50%,-50%)}.empty-text[data-v-c05e024d]{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.goto-music[data-v-c05e024d]{font-family:var(--font-mono);font-size:.9rem;padding:.7rem 1.8rem;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;color:var(--accent-cyan);text-decoration:none;transition:all .25s ease}.goto-music[data-v-c05e024d]:hover{background:#00d4ff26;box-shadow:0 0 30px #00d4ff26}.hero-section[data-v-c05e024d]{display:flex;align-items:center;gap:3rem;margin-bottom:2.5rem;animation:heroIn-c05e024d .6s cubic-bezier(.22,1,.36,1)}@keyframes heroIn-c05e024d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vinyl-container[data-v-c05e024d]{flex-shrink:0;width:240px;height:240px;position:relative}.vinyl-disc[data-v-c05e024d]{width:100%;height:100%;border-radius:50%;background:var(--bg-tertiary);position:relative;box-shadow:0 0 0 4px var(--border-color),0 0 0 8px var(--bg-card),0 0 0 12px var(--border-color),var(--shadow-card);animation:rotateVinyl-c05e024d 4s linear infinite;animation-play-state:paused}.vinyl-container.spinning .vinyl-disc[data-v-c05e024d]{animation-play-state:running}@keyframes rotateVinyl-c05e024d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-groove[data-v-c05e024d]{position:absolute;border-radius:50%;border:1px solid var(--border-color);top:calc(var(--gr) * 8px);left:calc(var(--gr) * 8px);right:calc(var(--gr) * 8px);bottom:calc(var(--gr) * 8px)}.vinyl-label[data-v-c05e024d]{position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);background-size:cover;background-position:center;box-shadow:0 0 0 3px var(--border-color);z-index:2}.vinyl-hole[data-v-c05e024d]{position:absolute;top:50%;left:50%;width:14px;height:14px;background:var(--bg-primary);border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:inset 0 0 4px #0000004d}.vinyl-highlight[data-v-c05e024d]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(0,212,255,.08),transparent,rgba(168,85,247,.06),transparent);animation:rotateVinyl-c05e024d 6s linear infinite;opacity:.6;pointer-events:none}.track-hero-info[data-v-c05e024d]{flex:1;min-width:0}.now-badge[data-v-c05e024d]{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--accent-cyan);padding:.25rem .7rem;border:1px solid rgba(0,212,255,.2);border-radius:4px;margin-bottom:1rem}.badge-dot[data-v-c05e024d]{width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;animation:dotPulse-c05e024d 1.5s ease-in-out infinite}@keyframes dotPulse-c05e024d{0%,to{opacity:1;box-shadow:0 0 6px var(--accent-cyan)}50%{opacity:.4;box-shadow:0 0 2px var(--accent-cyan)}}.hero-title[data-v-c05e024d]{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:.5rem;letter-spacing:-.02em}.hero-artist[data-v-c05e024d]{font-family:var(--font-display);font-size:1.05rem;color:var(--text-secondary);margin-bottom:.35rem}.hero-album[data-v-c05e024d]{display:inline-block;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);padding:.15rem .6rem;border:1px solid var(--border-color);border-radius:4px;margin-top:.3rem}.waveform-bars[data-v-c05e024d]{display:flex;align-items:flex-end;gap:2px;height:40px;margin-top:1.25rem;opacity:.5}.wave-bar[data-v-c05e024d]{width:3px;background:linear-gradient(to top,var(--accent-cyan),var(--accent-purple));border-radius:2px;height:8px;transition:height .15s ease}.wave-bar.active[data-v-c05e024d]{animation:waveJump-c05e024d .6s ease-in-out calc(var(--i) * .05s) infinite alternate}@keyframes waveJump-c05e024d{0%{height:calc(8px + var(--h, .5) * 20px)}to{height:calc(8px + var(--h, .5) * 32px)}}.control-section[data-v-c05e024d]{margin-bottom:2.5rem}.progress-wrap[data-v-c05e024d]{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem}.prog-time[data-v-c05e024d]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);min-width:40px}.prog-bar[data-v-c05e024d]{flex:1;cursor:pointer;padding:8px 0}.prog-track[data-v-c05e024d]{height:3px;background:var(--bg-tertiary);border-radius:2px;position:relative;overflow:visible}.prog-fill[data-v-c05e024d]{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:2px;position:relative;transition:width .15s linear}.prog-glow[data-v-c05e024d]{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--accent-cyan);border-radius:50%;filter:blur(4px);opacity:.6}.prog-thumb[data-v-c05e024d]{position:absolute;top:50%;width:14px;height:14px;background:var(--accent-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00d4ff80;opacity:0;transition:opacity .2s ease}.prog-bar:hover .prog-thumb[data-v-c05e024d]{opacity:1}.main-controls[data-v-c05e024d]{display:flex;align-items:center;justify-content:center;gap:.8rem}.mc-btn[data-v-c05e024d]{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mc-btn[data-v-c05e024d]:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:var(--bg-card)}.play-main[data-v-c05e024d]{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);border:none;box-shadow:0 4px 30px #00d4ff40}.play-main[data-v-c05e024d]:hover{transform:scale(1.06);box-shadow:0 6px 40px #00d4ff66;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);border:none}.vol-wrap[data-v-c05e024d]{margin-left:.5rem}.vol-slider-wrap[data-v-c05e024d]{margin-left:.25rem}.vol-slider[data-v-c05e024d]{width:80px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.vol-slider[data-v-c05e024d]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #00d4ff66}.vol-slider[data-v-c05e024d]::-moz-range-thumb{width:12px;height:12px;background:var(--accent-cyan);border-radius:50%;border:none;cursor:pointer}.bottom-section[data-v-c05e024d]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.lyric-panel[data-v-c05e024d]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;max-height:300px;overflow-y:auto}.lyric-text[data-v-c05e024d]{font-family:var(--font-sans)}.l-line[data-v-c05e024d]{margin:0;padding:.25rem 0;font-size:.82rem;line-height:1.7;color:var(--text-secondary);transition:color .2s ease}.l-line[data-v-c05e024d]:hover{color:var(--text-primary)}.l-empty[data-v-c05e024d]{text-align:center;color:var(--text-muted);font-size:.82rem;padding:1.5rem 0}.lyric-loading[data-v-c05e024d]{color:var(--text-muted);font-size:.85rem}.queue-panel[data-v-c05e024d]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.queue-header[data-v-c05e024d]{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.section-label[data-v-c05e024d]{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.queue-list-full[data-v-c05e024d]{margin-top:1rem;display:flex;flex-direction:column;gap:.15rem;max-height:250px;overflow-y:auto}.queue-row[data-v-c05e024d]{display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;border-radius:6px;cursor:pointer;transition:background .15s ease}.queue-row[data-v-c05e024d]:hover{background:var(--bg-tertiary)}.queue-row.active[data-v-c05e024d]{background:#00d4ff14}.q-num[data-v-c05e024d]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);width:22px;text-align:center}.q-num.playing[data-v-c05e024d]{color:var(--accent-cyan)}.eq-mini[data-v-c05e024d]{display:flex;align-items:flex-end;gap:1px;height:12px;justify-content:center}.eq-mini i[data-v-c05e024d]{width:2px;background:var(--accent-cyan);border-radius:1px;animation:eqMini-c05e024d .6s ease-in-out infinite alternate}.eq-mini i[data-v-c05e024d]:nth-child(1){height:6px;animation-delay:0s}.eq-mini i[data-v-c05e024d]:nth-child(2){height:10px;animation-delay:.15s}.eq-mini i[data-v-c05e024d]:nth-child(3){height:8px;animation-delay:.3s}@keyframes eqMini-c05e024d{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}.q-cover-mini[data-v-c05e024d]{width:32px;height:32px;border-radius:4px;background:var(--bg-tertiary);background-size:cover;background-position:center;flex-shrink:0}.q-meta[data-v-c05e024d]{flex:1;min-width:0}.q-title[data-v-c05e024d]{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.q-artist[data-v-c05e024d]{font-size:.7rem;color:var(--text-muted)}.q-time[data-v-c05e024d]{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}@media (max-width: 768px){.hero-section[data-v-c05e024d]{flex-direction:column;gap:1.5rem;text-align:center}.vinyl-container[data-v-c05e024d]{width:180px;height:180px}.vinyl-label[data-v-c05e024d]{width:72px;height:72px}.bottom-section[data-v-c05e024d]{grid-template-columns:1fr}.waveform-bars[data-v-c05e024d]{justify-content:center}}.skip-toast[data-v-c05e024d]{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;margin-bottom:1rem;background:var(--bg-card);border:1px solid rgba(var(--accent-orange-rgb),.3);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;box-shadow:var(--shadow-card)}.skip-toast svg[data-v-c05e024d]{color:var(--accent-orange);flex-shrink:0}.toast-fade-enter-active[data-v-c05e024d],.toast-fade-leave-active[data-v-c05e024d]{transition:all .35s cubic-bezier(.4,0,.2,1)}.toast-fade-enter-from[data-v-c05e024d],.toast-fade-leave-to[data-v-c05e024d]{opacity:0;transform:translateY(-10px)}.components-page[data-v-2207c2aa]{padding-top:80px}.page-header[data-v-2207c2aa]{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-2207c2aa]{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;margin-bottom:.6rem;animation:titleIn-2207c2aa .7s ease-out}@keyframes titleIn-2207c2aa{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-prefix[data-v-2207c2aa]{color:var(--accent-cyan)}.page-desc[data-v-2207c2aa]{color:var(--text-secondary);font-size:1rem;opacity:0;animation:fadeIn-2207c2aa .6s ease-out .2s forwards}@keyframes fadeIn-2207c2aa{to{opacity:1}}.components-content[data-v-2207c2aa]{padding:2.5rem 0 5rem}.category-section[data-v-2207c2aa]{margin-bottom:3rem}.category-section[data-v-2207c2aa]:last-child{margin-bottom:0}.category-title[data-v-2207c2aa]{display:flex;align-items:baseline;gap:.8rem;font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 1.2rem;padding-bottom:.6rem;border-bottom:1px dashed var(--border-color)}.cat-prefix[data-v-2207c2aa]{color:var(--accent-cyan);font-weight:400}.cat-count[data-v-2207c2aa]{margin-left:auto;font:500 .72rem/1 ui-monospace,monospace;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.25rem .55rem;border-radius:999px}.components-grid[data-v-2207c2aa]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.widget-card[data-v-2207c2aa]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:cardIn-2207c2aa .55s cubic-bezier(.22,1,.36,1) var(--delay, 0s) forwards;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}@keyframes cardIn-2207c2aa{to{opacity:1;transform:translateY(0)}}.widget-card[data-v-2207c2aa]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.widget-demo[data-v-2207c2aa]{padding:1.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);flex:0 0 180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.widget-footer[data-v-2207c2aa]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .25rem;margin-top:auto;background:transparent;border:none;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:6px;width:100%;transition:background-color .2s ease}.widget-footer[data-v-2207c2aa]:hover{background-color:#00d4ff0f}.widget-footer[data-v-2207c2aa]:focus{outline:none}.widget-footer[data-v-2207c2aa]:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.widget-meta[data-v-2207c2aa]{display:flex;align-items:center;gap:.8rem;min-width:0}.widget-num[data-v-2207c2aa]{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--accent-cyan);line-height:1;flex-shrink:0}.widget-title[data-v-2207c2aa]{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-arrow[data-v-2207c2aa]{color:var(--text-muted);display:inline-flex;transition:color .2s ease,transform .2s ease;flex-shrink:0}.widget-card:hover .widget-arrow[data-v-2207c2aa]{color:var(--accent-cyan);transform:translate(4px)}.toast[data-v-2207c2aa]{position:fixed;bottom:30px;left:50%;display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card),0 0 24px #00d4ff1a;font-family:var(--font-mono);font-size:.85rem;z-index:9999;transform:translate(-50%)}.toast svg[data-v-2207c2aa]{color:var(--accent-green);flex-shrink:0}.toast-enter-active[data-v-2207c2aa],.toast-leave-active[data-v-2207c2aa]{transition:all .3s cubic-bezier(.22,1,.36,1)}.toast-enter-from[data-v-2207c2aa],.toast-leave-to[data-v-2207c2aa]{opacity:0;transform:translate(-50%) translateY(20px)}.toast-enter-to[data-v-2207c2aa],.toast-leave-from[data-v-2207c2aa]{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 900px){.components-grid[data-v-2207c2aa]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 480px){.widget-card[data-v-2207c2aa]{padding:1rem}}.detail-page[data-v-a0bd436c]{padding-top:80px}.detail-header[data-v-a0bd436c]{padding:2.5rem 0 2rem;border-bottom:1px solid var(--border-color)}.back-btn[data-v-a0bd436c]{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.back-btn[data-v-a0bd436c]:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.title-row[data-v-a0bd436c]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.title-meta[data-v-a0bd436c]{display:flex;align-items:center;gap:1rem}.detail-title[data-v-a0bd436c]{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700;color:var(--text-primary);margin-bottom:.4rem;line-height:1.2}.detail-desc[data-v-a0bd436c]{color:var(--text-secondary);font-size:.95rem}.widget-num[data-v-a0bd436c]{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--accent-cyan);line-height:1;flex-shrink:0}.copy-all-btn[data-v-a0bd436c]{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);font-family:var(--font-mono);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #00d4ff33;transition:transform .2s ease,box-shadow .2s ease}.copy-all-btn[data-v-a0bd436c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff4d}.copy-all-btn[data-v-a0bd436c]:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.detail-content[data-v-a0bd436c]{padding:2.5rem 0 5rem}.detail-grid[data-v-a0bd436c]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}.code-panel[data-v-a0bd436c]{display:flex;flex-direction:column;min-height:480px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.code-tabs[data-v-a0bd436c]{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.code-tab[data-v-a0bd436c]{padding:.65rem 1.1rem;border:0;background:transparent;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease}.code-tab[data-v-a0bd436c]:hover{color:var(--text-primary)}.code-tab.active[data-v-a0bd436c]{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:var(--bg-tertiary)}.code-block[data-v-a0bd436c]{flex:1;margin:0;padding:1.25rem 1.4rem;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;line-height:1.65;overflow:auto;white-space:pre;counter-reset:line}.code-block code[data-v-a0bd436c]{display:block}.preview-panel[data-v-a0bd436c]{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.preview-label[data-v-a0bd436c]{padding:.65rem 1.1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);letter-spacing:0}.preview-stage[data-v-a0bd436c]{flex:1;padding:1.75rem 1.5rem;background:var(--bg-tertiary);min-height:380px;display:flex;align-items:center;justify-content:center}.empty[data-v-a0bd436c]{padding:6rem 0;text-align:center;color:var(--text-muted)}.toast[data-v-a0bd436c]{position:fixed;bottom:30px;left:50%;display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-card),0 0 24px #00d4ff1a;font-family:var(--font-mono);font-size:.85rem;z-index:9999;transform:translate(-50%)}.toast svg[data-v-a0bd436c]{color:var(--accent-green);flex-shrink:0}.toast-enter-active[data-v-a0bd436c],.toast-leave-active[data-v-a0bd436c]{transition:all .3s cubic-bezier(.22,1,.36,1)}.toast-enter-from[data-v-a0bd436c],.toast-leave-to[data-v-a0bd436c]{opacity:0;transform:translate(-50%) translateY(20px)}.toast-enter-to[data-v-a0bd436c],.toast-leave-from[data-v-a0bd436c]{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 900px){.detail-grid[data-v-a0bd436c]{grid-template-columns:1fr}.code-panel[data-v-a0bd436c]{min-height:360px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-primary-rgb: 10, 10, 15;--bg-secondary: #111118;--bg-secondary-rgb: 17, 17, 24;--bg-tertiary: #1a1a24;--bg-tertiary-rgb: 26, 26, 36;--bg-card: #14141c;--bg-card-rgb: 20, 20, 28;--text-primary: #e8e8ed;--text-primary-rgb: 232, 232, 237;--text-secondary: #9898a6;--text-secondary-rgb: 152, 152, 166;--text-muted: #5c5c6d;--text-muted-rgb: 92, 92, 109;--accent-cyan: #00d4ff;--accent-green: #00ff88;--accent-purple: #a855f7;--accent-orange: #ff6b35;--accent-pink: #ff3366;--accent-cyan-hover: #00b8e6;--error-color: #ff3366;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(0, 212, 255, .4);--shadow-glow: 0 0 20px rgba(0, 212, 255, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--code-bg: #111118;--code-border: rgba(255, 255, 255, .08)}[data-theme=light]{--bg-primary: #f5f7fa;--bg-primary-rgb: 245, 247, 250;--bg-secondary: #ffffff;--bg-secondary-rgb: 255, 255, 255;--bg-tertiary: #eef1f5;--bg-tertiary-rgb: 238, 241, 245;--bg-card: #ffffff;--bg-card-rgb: 255, 255, 255;--text-primary: #1a1a2e;--text-primary-rgb: 26, 26, 46;--text-secondary: #555b70;--text-secondary-rgb: 85, 91, 112;--text-muted: #8b92a5;--text-muted-rgb: 139, 146, 165;--accent-cyan: #0891b2;--accent-green: #059669;--accent-purple: #7c3aed;--accent-orange: #ea580c;--accent-pink: #db2777;--accent-cyan-hover: #06748f;--error-color: #db2777;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(8, 145, 178, .35);--shadow-glow: 0 0 20px rgba(8, 145, 178, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--code-bg: #1e293b;--code-border: rgba(148, 163, 184, .2)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 0%,rgba(var(--accent-cyan-rgb),.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(var(--accent-purple-rgb),.03) 0%,transparent 50%);pointer-events:none;z-index:0}::selection{background-color:var(--accent-cyan);color:var(--bg-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-green),var(--accent-purple))}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.25rem}}.demo-buttons{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center}.btn-demo{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-demo:hover{transform:translateY(-1px)}.btn-demo.primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary);box-shadow:0 4px 16px #00d4ff2e}.btn-demo.secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-demo.secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-demo.danger{background:var(--accent-pink);color:#fff}.btn-demo.ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-demo.ghost:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.demo-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.badge-demo{display:inline-flex;align-items:center;gap:6px;padding:.3rem .7rem;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}.badge-demo.success{color:var(--accent-green);border-color:#00ff884d;background:#00ff880f}.badge-demo.warning{color:var(--accent-orange);border-color:#ff6b354d;background:#ff6b350f}.badge-demo.danger{color:var(--accent-pink);border-color:#ff33664d;background:#ff33660f}.badge-demo.info{color:var(--accent-cyan);border-color:#00d4ff4d;background:#00d4ff0f}.badge-demo .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.demo-counter{text-align:center}.counter-number{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));background-clip:text;color:transparent;font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.counter-suffix{margin-top:.4rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem}.demo-progress{display:flex;flex-direction:column;gap:.75rem;width:100%}.progress-row{display:flex;flex-direction:column;gap:.3rem}.progress-label{display:flex;justify-content:space-between;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem}.progress-percent{color:var(--accent-cyan);font-weight:600}.progress-track{height:6px;overflow:hidden;border-radius:3px;background:var(--bg-secondary)}.progress-fill{height:100%;border-radius:3px;transform-origin:left;animation:widgetFillIn 1s cubic-bezier(.22,1,.36,1)}@keyframes widgetFillIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progress-fill.cyan{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green))}.progress-fill.purple{background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink))}.progress-fill.green{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan))}.progress-fill.orange{background:linear-gradient(90deg,var(--accent-orange),var(--accent-pink))}.demo-typing{color:var(--text-primary);font-family:var(--font-mono);font-size:1.15rem}.typing-text{color:var(--accent-cyan)}.typing-cursor{margin-left:2px;color:var(--accent-green);animation:widgetBlink 1s infinite}@keyframes widgetBlink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-clock{text-align:center}.clock-time{color:var(--accent-cyan);font-family:var(--font-mono);font-size:2.2rem;font-weight:700;letter-spacing:0;line-height:1;text-shadow:0 0 20px rgba(0,212,255,.25)}.clock-date{margin-top:.4rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.demo-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;width:100%}.palette-swatch{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;min-width:0;padding:.4rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);font-family:var(--font-mono);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.palette-swatch:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.swatch-color{display:block;height:28px;border-radius:4px}.swatch-meta{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0 2px}.swatch-name,.swatch-hex{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-name{color:var(--text-primary);font-size:.7rem}.swatch-hex{color:var(--text-muted);font-size:.65rem}.demo-copy{display:flex;align-items:center;gap:.6rem;width:100%;min-width:0}.copy-text{flex:1;min-width:0;overflow:hidden;padding:.5rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.copy-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;padding:.5rem .85rem;border:0;border-radius:var(--radius-sm);background:var(--accent-cyan);color:var(--bg-primary);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:transform .2s ease}.copy-btn:hover{transform:translateY(-1px)}@media (max-width: 480px){.demo-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.counter-number{font-size:2rem}.clock-time{font-size:1.7rem}}.hljs{display:block;color:#e6edf3;background:transparent}.hljs-comment,.hljs-quote{color:#6a737d;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link,.hljs-built_in{color:#c586c0}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:#ce9178}.hljs-number,.hljs-symbol,.hljs-bullet{color:#b5cea8}.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-tag{color:#4ec9b0}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9cdcfe}.hljs-deletion{color:#f48771;background:#f487711a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--bg-primary: #0a0e17}.ripple-demo{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.ripple-btn{position:relative;overflow:hidden;padding:.6rem 1.4rem;border:none;border-radius:8px;font:500 .9rem/1 ui-monospace,monospace;cursor:pointer;color:var(--bg-primary);transition:transform .2s ease}.ripple-btn:hover{transform:translateY(-2px)}.ripple-btn.primary{background:linear-gradient(135deg,#00d4ff,#0f8)}.ripple-btn.success{background:linear-gradient(135deg,#0f8,#a855f7);color:#fff}.ripple-btn.danger{background:linear-gradient(135deg,#f36,#ff6b35);color:#fff}.ripple{position:absolute;border-radius:50%;background:#ffffff8c;transform:scale(0);animation:ripple .65s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.magnetic-demo{display:flex;gap:1.5rem;justify-content:center;align-items:center;min-height:120px;padding:1rem}.magnetic-btn{padding:.9rem 1.8rem;border-radius:999px;border:1px solid var(--accent-cyan);background:transparent;color:var(--accent-cyan);font:600 .95rem/1 ui-monospace,monospace;cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,box-shadow .25s,color .25s}.magnetic-btn:hover{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:0 0 28px #00d4ff66}.magnetic-btn.accent{border-color:var(--accent-pink);color:var(--accent-pink)}.magnetic-btn.accent:hover{background:var(--accent-pink);color:#fff;box-shadow:0 0 28px #f366}.neon-demo{text-align:center;padding:1rem}.neon-title{font:800 2.6rem/1 ui-monospace,monospace;color:#fff;position:relative;letter-spacing:.05em;animation:neonFlicker 2.5s infinite alternate}.neon-title:before,.neon-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;pointer-events:none}.neon-title:before{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan);animation:neonOffset 2s infinite alternate;z-index:-1}.neon-title:after{color:var(--accent-pink);text-shadow:0 0 8px var(--accent-pink);animation:neonOffset 2s infinite alternate-reverse;z-index:-2}@keyframes neonFlicker{0%,90%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff}92%{text-shadow:none}95%{text-shadow:0 0 4px #fff,0 0 11px #fff}}@keyframes neonOffset{0%{transform:translate(-2px)}to{transform:translate(2px)}}.neon-sub{margin-top:.8rem;font:400 .85rem/1 ui-monospace,monospace;color:var(--muted);letter-spacing:.3em}.confetti-demo{position:relative;text-align:center;padding:1rem;min-height:120px}.confetti-btn{padding:.9rem 1.8rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));color:#fff;font:600 .95rem/1 ui-monospace,monospace;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:2}.confetti-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff59}.confetti-hint{display:block;margin-top:.8rem;font:400 .78rem/1 ui-monospace,monospace;color:var(--muted)}.confetti{position:absolute;width:8px;height:14px;pointer-events:none;z-index:1;animation:confettiFly 1.3s ease-out forwards}@keyframes confettiFly{to{transform:translate(var(--dx, 0),var(--dy, 0)) rotate(var(--r, 0deg));opacity:0}}.tilt-demo{display:flex;justify-content:center;perspective:800px;padding:1rem;min-height:180px}.tilt-card{width:220px;height:140px;background:linear-gradient(135deg,#00d4ff1a,#ff33661a);border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;position:relative;overflow:hidden}.tilt-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(0,212,255,.25),transparent 50%);pointer-events:none}.tilt-content{text-align:center;position:relative}.tilt-icon{display:block;font-size:1.8rem;color:var(--accent-cyan);margin-bottom:.4rem}.tilt-content h3{font:700 1rem/1 ui-monospace,monospace;color:var(--text-primary);margin-bottom:.3rem}.tilt-content p{font:400 .78rem/1.2 ui-monospace,monospace;color:var(--text-secondary);margin-bottom:.5rem}.tilt-tag{font:500 .7rem/1 ui-monospace,monospace;color:var(--accent-green)}.liquid-demo{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1rem;min-height:140px}.liquid-blob{width:80px;height:80px;background:linear-gradient(135deg,#00d4ff,#a855f7,#f36);background-size:200% 200%;animation:liquidMove 3s ease-in-out infinite,liquidColor 4s linear infinite}@keyframes liquidMove{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0) scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:rotate(90deg) scale(1.1)}50%{border-radius:50% 60% 30%/30% 60% 70% 40%;transform:rotate(180deg) scale(.95)}75%{border-radius:60% 40% 60% 30%/60% 30% 40% 70%;transform:rotate(270deg) scale(1.05)}}@keyframes liquidColor{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.liquid-text{font:500 .8rem/1 ui-monospace,monospace;color:var(--muted);letter-spacing:.3em;animation:liquidText 1.5s ease-in-out infinite}@keyframes liquidText{0%,to{opacity:.4}50%{opacity:1;color:var(--accent-cyan)}}.star-demo{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1rem}.star-row{display:flex;gap:.35rem}.star-cell{position:relative;width:30px;height:30px;font:600 1.7rem/1 ui-monospace,monospace;cursor:pointer;display:inline-block}.star-cell>span{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;text-align:center;line-height:30px;-webkit-user-select:none;user-select:none}.star-bg{color:var(--border-color)}.star-fg{color:var(--accent-cyan);overflow:hidden;white-space:nowrap;pointer-events:none}.star-info{display:flex;gap:.8rem;align-items:baseline;font-family:var(--font-mono)}.star-value{font:700 1.05rem/1 var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums}.star-label{font:400 .8rem/1 var(--font-mono);color:var(--text-muted);letter-spacing:.15em}@media (prefers-reduced-motion: reduce){.star-cell,.star-bg,.star-fg{transition:none;animation:none}}.range-demo{padding:1.4rem 1rem .8rem;display:flex;flex-direction:column;gap:1rem}.range-values{display:flex;gap:.8rem;align-items:baseline;font:700 1.1rem/1 var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums}.range-sep{color:var(--text-muted);font-weight:400}.range-track{position:relative;height:4px;background:var(--border-color);border-radius:999px;margin:28px 12px 12px}.range-fill{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));border-radius:999px}.range-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--bg-primary);border:2px solid var(--accent-cyan);border-radius:50%;cursor:grab;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s cubic-bezier(.22,1,.36,1)}.range-handle:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 12px #00d4ff80}.range-handle:active{cursor:grabbing}.range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:2px 8px;border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font:600 .7rem/1.6 var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--border-color);white-space:nowrap}@media (prefers-reduced-motion: reduce){.range-handle{transition:none}}.cascade-demo{position:relative;padding:1rem;display:flex;justify-content:center}.cascade-trigger{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font:500 .85rem/1 var(--font-mono);cursor:pointer;min-width:240px;justify-content:space-between;transition:border-color .2s ease}.cascade-trigger:hover{border-color:var(--accent-cyan)}.cascade-placeholder{color:var(--text-muted)}.cascade-label{color:var(--text-primary)}.cascade-icon{color:var(--accent-cyan);transition:transform .2s ease}.cascade-icon.open{transform:rotate(180deg)}.cascade-panels{position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%);display:flex;gap:.4rem;z-index:10;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.4rem;box-shadow:0 8px 24px #0006;animation:cascadeIn .2s cubic-bezier(.22,1,.36,1)}@keyframes cascadeIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cascade-level{list-style:none;margin:0;padding:.3rem;min-width:130px;max-height:220px;overflow-y:auto;background:var(--bg-secondary);border-radius:6px}.cascade-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;border-radius:4px;font:500 .8rem/1 var(--font-mono);color:var(--text-primary);cursor:pointer;transition:background .15s ease}.cascade-item:hover{background:#00d4ff1a}.cascade-item.active{background:#00d4ff2e;color:var(--accent-cyan)}.cascade-arrow{color:var(--text-muted);font-size:1rem}@media (prefers-reduced-motion: reduce){.cascade-panels{animation:none}.cascade-icon{transition:none}}.marquee-demo{position:relative;overflow:hidden;padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:1.2rem;width:max-content;animation:marqueeScroll 22s linear infinite}.marquee-demo:hover .marquee-track{animation-play-state:paused}.marquee-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-color);font:500 .82rem/1 var(--font-mono);color:var(--text-primary);white-space:nowrap}.marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0}@keyframes marqueeScroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}.avatar-group-demo{display:flex;align-items:center;padding:1.5rem 1rem;justify-content:center}.avatar-item{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--bg-primary);font:700 .95rem/1 var(--font-mono);border:2px solid var(--bg-primary);transition:transform .25s cubic-bezier(.22,1,.36,1),margin .25s cubic-bezier(.22,1,.36,1);margin-left:-8px;flex-shrink:0}.avatar-group-demo .avatar-item:first-child{margin-left:0}.avatar-more{color:var(--text-muted)}.avatar-group-demo.expanded .avatar-item{margin-left:.4rem;transform:translateY(-4px)}.avatar-group-demo.expanded .avatar-item:first-child{margin-left:0}@media (prefers-reduced-motion: reduce){.avatar-item{transition:none}}.anim-num-demo{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem 1rem}.anim-num{font:800 3rem/1 var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 24px rgba(0,212,255,.35)}.anim-num-btn{padding:.4rem 1.1rem;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-muted);font:500 .78rem/1 var(--font-mono);cursor:pointer;transition:border-color .2s ease,color .2s ease}.anim-num-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}@media (prefers-reduced-motion: reduce){.anim-num{transition:none}}.aurora-demo{position:relative;overflow:hidden;width:100%;height:100%;min-height:180px;background:transparent;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.aurora-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(40px);opacity:.85;mix-blend-mode:lighten;will-change:transform}.aurora-1{background:radial-gradient(ellipse at 30% 40%,var(--accent-cyan) 0%,transparent 50%);animation:auroraDrift1 14s cubic-bezier(.22,1,.36,1) infinite}.aurora-2{background:radial-gradient(ellipse at 70% 60%,#a855f7 0%,transparent 50%);animation:auroraDrift2 18s cubic-bezier(.22,1,.36,1) infinite}.aurora-3{background:radial-gradient(ellipse at 50% 80%,var(--accent-green) 0%,transparent 50%);animation:auroraDrift3 22s cubic-bezier(.22,1,.36,1) infinite}@keyframes auroraDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15%,-10%) scale(1.1)}}@keyframes auroraDrift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20%,10%) scale(1.05)}}@keyframes auroraDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,15%) scale(.95)}}.aurora-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem}.aurora-title{font:800 2rem/1 var(--font-mono);color:#fff;letter-spacing:.12em;text-shadow:0 0 24px rgba(0,212,255,.5)}.aurora-sub{font:400 .9rem/1 var(--font-mono);color:var(--text-muted);letter-spacing:.4em}@media (prefers-reduced-motion: reduce){.aurora-1,.aurora-2,.aurora-3{animation:none}}.gradient-text-demo{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;background:transparent;border-radius:var(--radius-md);align-items:center;justify-content:center;min-height:180px}.gradient-text{font:800 1.5rem/1.2 var(--font-mono);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:gradientShift 4s linear infinite;letter-spacing:.04em}.gradient-rainbow{background-image:linear-gradient(90deg,#00d4ff,#a855f7,#f36,#ff6b35,#fbbf24,#00d4ff)}.gradient-sunset{background-image:linear-gradient(90deg,#ff6b35,#f36,#a855f7,#ff6b35)}.gradient-ocean{background-image:linear-gradient(90deg,#00d4ff,#0f8,#00d4ff)}@keyframes gradientShift{to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.gradient-text{animation:none}}.magnet-lines-demo{position:relative;width:100%;height:180px;min-height:180px;background:radial-gradient(ellipse at center,rgba(0,212,255,.05),transparent 70%),var(--bg-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:14px 0;overflow:hidden}.magnet-line{height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);transform:translate(0);transition:transform .4s cubic-bezier(.22,1,.36,1);opacity:1;box-shadow:0 0 6px #00d4ff66}.magnet-line:nth-child(odd){background:linear-gradient(90deg,transparent 0%,var(--accent-pink) 50%,transparent 100%);box-shadow:0 0 6px #f366;opacity:.85}@media (prefers-reduced-motion: reduce){.magnet-line{transition:none}}.click-spark-demo{position:relative;overflow:hidden;width:100%;height:100%;min-height:180px;background:var(--bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:crosshair}.click-spark-hint{font:500 .85rem/1 var(--font-mono);color:var(--text-muted);letter-spacing:.4em;-webkit-user-select:none;user-select:none;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.4}50%{opacity:1}}.click-spark-particle{position:absolute;width:2px;height:20px;background:linear-gradient(to bottom,var(--accent-cyan),transparent);transform-origin:center top;pointer-events:none;animation:sparkFly .65s cubic-bezier(.22,1,.36,1) forwards}@keyframes sparkFly{to{transform:translate(var(--dx, 0),var(--dy, 0)) scale(.4);opacity:0}}@media (prefers-reduced-motion: reduce){.click-spark-hint{animation:none}.click-spark-particle{animation:none;opacity:0}}.glitch-text-demo{position:relative;overflow:hidden;background:transparent;border-radius:var(--radius-md);padding:2rem 1rem;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.glitch-text{position:relative;font:800 2.4rem/1 var(--font-mono);color:var(--text-primary);letter-spacing:.12em;animation:glitchShake 2.4s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;pointer-events:none}.glitch-text:before{color:var(--accent-cyan);animation:glitchOffset1 2.4s infinite;clip-path:inset(0 0 0 0)}.glitch-text:after{color:var(--accent-pink);animation:glitchOffset2 2.4s infinite;clip-path:inset(0 0 0 0)}@keyframes glitchShake{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}@keyframes glitchOffset1{0%,88%,to{transform:translate(0);clip-path:inset(100% 0 0 0)}90%{transform:translate(-3px);clip-path:inset(20% 0 60% 0)}94%{transform:translate(3px);clip-path:inset(60% 0 20% 0)}}@keyframes glitchOffset2{0%,88%,to{transform:translate(0);clip-path:inset(100% 0 0 0)}92%{transform:translate(3px);clip-path:inset(40% 0 40% 0)}96%{transform:translate(-3px);clip-path:inset(70% 0 10% 0)}}.glitch-hint{font:400 .75rem/1 var(--font-mono);color:var(--text-muted);letter-spacing:.2em}@media (prefers-reduced-motion: reduce){.glitch-text,.glitch-text:before,.glitch-text:after{animation:none}}.dock-demo{width:100%;display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:8px;padding:1.2rem 1rem .8rem;background:var(--bg-primary);border-radius:var(--radius-md);min-height:180px}.dock-item{--scale: 1;position:relative;transform:scale(var(--scale)) translateY(calc((1 - var(--scale)) * -10px));transform-origin:center bottom;transition:transform .25s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.dock-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:800 1.05rem/1 var(--font-mono);color:#fff;box-shadow:0 4px 12px #0006;transition:box-shadow .25s ease}.dock-item:hover .dock-icon{box-shadow:0 6px 20px #00d4ff59}.dock-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:2px 8px;border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font:500 .7rem/1.6 var(--font-mono);border:1px solid var(--border-color);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.dock-item:hover .dock-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.dock-item,.dock-icon{transition:none}}