.navbar[data-v-2d561ce3]{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-2d561ce3]{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-2d561ce3]{display:flex;align-items:center;justify-content:space-between}.logo[data-v-2d561ce3]{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-2d561ce3]:hover{filter:drop-shadow(0 0 12px rgba(0,212,255,.3))}.logo-bracket[data-v-2d561ce3]{color:var(--accent-cyan)}.logo-text[data-v-2d561ce3]{color:var(--text-primary)}.logo-dot[data-v-2d561ce3]{color:var(--accent-green)}.nav-links[data-v-2d561ce3]{display:flex;align-items:center;gap:2.5rem}.nav-link[data-v-2d561ce3]{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-2d561ce3]: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-2d561ce3]:hover,.nav-link.router-link-active[data-v-2d561ce3]{color:var(--text-primary)}.nav-link[data-v-2d561ce3]:hover:after,.nav-link.router-link-active[data-v-2d561ce3]:after{width:100%}.link-prefix[data-v-2d561ce3]{color:var(--accent-cyan);font-size:.75rem;opacity:.7}.nav-actions[data-v-2d561ce3]{display:flex;align-items:center;gap:.6rem}.action-btn[data-v-2d561ce3]{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-2d561ce3]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.06)}.mobile-toggle[data-v-2d561ce3]{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.mobile-toggle span[data-v-2d561ce3],.mobile-toggle span[data-v-2d561ce3]:before,.mobile-toggle span[data-v-2d561ce3]:after{display:block;width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-normal)}.mobile-toggle span[data-v-2d561ce3]:before,.mobile-toggle span[data-v-2d561ce3]:after{content:""}.mobile-toggle span[data-v-2d561ce3]:before{transform:translateY(-8px)}.mobile-toggle span[data-v-2d561ce3]:after{transform:translateY(8px)}.mobile-toggle span.open[data-v-2d561ce3]{background:transparent}.mobile-toggle span.open[data-v-2d561ce3]:before{transform:rotate(45deg) translate(5.5px,5.5px)}.mobile-toggle span.open[data-v-2d561ce3]:after{transform:rotate(-45deg) translate(5.5px,-5.5px)}@media (max-width: 900px){.nav-actions[data-v-2d561ce3]{gap:.4rem}}@media (max-width: 768px){.mobile-toggle[data-v-2d561ce3]{display:flex}.nav-links[data-v-2d561ce3]{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-2d561ce3]{right:0}.nav-link[data-v-2d561ce3]{font-size:1rem}}.wechat-popover-wrapper[data-v-5ea5042d]{position:relative;display:inline-block}.wechat-popover[data-v-5ea5042d]{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-5ea5042d]{width:100%;height:auto;display:block;border-radius:4px}.popover-arrow[data-v-5ea5042d]{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-5ea5042d],.popover-leave-active[data-v-5ea5042d]{transition:all .25s cubic-bezier(.4,0,.2,1)}.popover-enter-from[data-v-5ea5042d],.popover-leave-to[data-v-5ea5042d]{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}@media (max-width: 480px){.wechat-popover[data-v-5ea5042d]{width:220px}}.footer[data-v-2c80203a]{margin-top:auto;background:transparent;border-top:1px solid var(--border-color);padding:4rem 0 2rem;position:relative}.footer[data-v-2c80203a]: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-2c80203a]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.brand-logo[data-v-2c80203a]{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.brand-logo .dot[data-v-2c80203a]{color:var(--accent-green)}.brand-desc[data-v-2c80203a]{color:var(--text-muted);font-size:.9rem;max-width:280px}.footer-section h4[data-v-2c80203a]{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-2c80203a]{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-2c80203a]:hover{color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08);transform:translate(4px)}.footer-section a[data-v-2c80203a]: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-2c80203a]:hover:before{opacity:1;transform:translate(0)}.wechat-link[data-v-2c80203a]{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-2c80203a]:hover{color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08);transform:translate(4px)}.wechat-link[data-v-2c80203a]: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-2c80203a]:hover:before{opacity:1;transform:translate(0)}.footer-bottom[data-v-2c80203a]{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-color)}.copyright[data-v-2c80203a]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.terminal-text[data-v-2c80203a]{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-green)}.prompt[data-v-2c80203a]{color:var(--accent-cyan);margin-right:.5rem}@media (max-width: 768px){.footer-grid[data-v-2c80203a]{grid-template-columns:1fr;gap:2rem}.footer-bottom[data-v-2c80203a]{flex-direction:column;gap:1rem;text-align:center}}.particle-canvas[data-v-9912b358]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app[data-v-f0b4f671]{position:relative;min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-f0b4f671]{flex:1;position:relative;z-index:1}.page-enter-active[data-v-f0b4f671],.page-leave-active[data-v-f0b4f671]{transition:opacity .25s ease,transform .25s ease}.page-enter-from[data-v-f0b4f671]{opacity:0;transform:translateY(12px)}.page-leave-to[data-v-f0b4f671]{opacity:0;transform:translateY(-12px)}.home[data-v-82e888e9]{padding-top:80px}.hero[data-v-82e888e9]{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:4rem 0}.container[data-v-82e888e9]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-badge[data-v-82e888e9]{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cyan);margin-bottom:1.5rem;letter-spacing:.1em}.hero-title[data-v-82e888e9]{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-82e888e9]{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-82e888e9]{color:var(--text-secondary)}.cursor[data-v-82e888e9]{animation:blink-82e888e9 1s infinite}@keyframes blink-82e888e9{0%,50%{opacity:1}51%,to{opacity:0}}.hero-desc[data-v-82e888e9]{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.hero-actions[data-v-82e888e9]{display:flex;gap:1rem;margin-bottom:3rem}.btn[data-v-82e888e9]{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-82e888e9]{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));color:var(--bg-primary)}.btn-primary[data-v-82e888e9]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--accent-cyan-rgb),.3)}.btn-secondary[data-v-82e888e9]{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary[data-v-82e888e9]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.hero-stats[data-v-82e888e9]{display:flex;align-items:center;gap:2rem}.stat[data-v-82e888e9]{text-align:center}.stat-number[data-v-82e888e9]{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label[data-v-82e888e9]{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.stat-divider[data-v-82e888e9]{width:1px;height:40px;background:var(--border-color)}.code-window[data-v-82e888e9]{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-82e888e9]{display:flex;align-items:center;gap:8px;padding:.875rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.dot[data-v-82e888e9]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-82e888e9]{background:#ff5f57}.dot.yellow[data-v-82e888e9]{background:#febc2e}.dot.green[data-v-82e888e9]{background:#28c840}.window-title[data-v-82e888e9]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-left:auto}.code-content[data-v-82e888e9]{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-82e888e9]{white-space:pre}.keyword[data-v-82e888e9]{color:var(--accent-purple)}.variable[data-v-82e888e9]{color:var(--accent-orange)}.property[data-v-82e888e9]{color:var(--accent-cyan)}.string[data-v-82e888e9]{color:var(--accent-green)}.method[data-v-82e888e9]{color:var(--accent-pink)}.latest-posts[data-v-82e888e9]{padding:5rem 0}.section-header[data-v-82e888e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.section-header h2[data-v-82e888e9]{font-family:var(--font-mono);font-size:1.25rem;color:var(--text-primary);letter-spacing:.05em}.view-all[data-v-82e888e9]{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-82e888e9]:hover{gap:.75rem}.posts-grid[data-v-82e888e9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.post-card[data-v-82e888e9]{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-82e888e9 .6s ease forwards}@keyframes fadeInUp-82e888e9{to{opacity:1;transform:translateY(0)}}.post-card[data-v-82e888e9]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.post-meta[data-v-82e888e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-tag[data-v-82e888e9]{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-82e888e9]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.post-title[data-v-82e888e9]{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.post-excerpt[data-v-82e888e9]{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.read-more[data-v-82e888e9]{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-82e888e9]:hover{gap:.65rem}@media (max-width: 900px){.container[data-v-82e888e9]{grid-template-columns:1fr}.hero-visual[data-v-82e888e9]{order:-1}.hero[data-v-82e888e9]{text-align:center}.hero-actions[data-v-82e888e9],.hero-stats[data-v-82e888e9]{justify-content:center}}@media (max-width: 480px){.posts-grid[data-v-82e888e9]{grid-template-columns:1fr}}.blog-page[data-v-ee2066ee]{padding-top:80px}.page-header[data-v-ee2066ee]{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-ee2066ee]{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;margin-bottom:.6rem;animation:titleIn-ee2066ee .7s ease-out}@keyframes titleIn-ee2066ee{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-prefix[data-v-ee2066ee]{color:var(--accent-cyan)}.page-desc[data-v-ee2066ee]{color:var(--text-secondary);font-size:1rem;opacity:0;animation:fadeIn-ee2066ee .6s ease-out .2s forwards}@keyframes fadeIn-ee2066ee{to{opacity:1}}.blog-content[data-v-ee2066ee]{padding:2rem 0 4rem}.mobile-filter-toggle[data-v-ee2066ee]{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-ee2066ee]:hover,.mobile-filter-toggle.active[data-v-ee2066ee]{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-ee2066ee]{width:16px;height:16px;flex-shrink:0}.mobile-filter-toggle .chevron[data-v-ee2066ee]{margin-left:auto;transition:transform .3s ease;width:18px;height:18px}.mobile-filter-toggle .chevron.open[data-v-ee2066ee]{transform:rotate(180deg)}.blog-layout[data-v-ee2066ee]{display:grid;grid-template-columns:260px 1fr;gap:2.5rem}.sidebar[data-v-ee2066ee]{position:sticky;top:100px;height:fit-content}.search-section[data-v-ee2066ee]{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-ee2066ee]{position:relative}.search-input[data-v-ee2066ee]{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-ee2066ee]:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(var(--accent-cyan-rgb),.08)}.search-input[data-v-ee2066ee]::placeholder{color:var(--text-muted)}.search-icon[data-v-ee2066ee]{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem}.filter-section[data-v-ee2066ee],.tags-section[data-v-ee2066ee]{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-ee2066ee]{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-ee2066ee]{display:flex;flex-direction:column;gap:.35rem}.filter-btn[data-v-ee2066ee]{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-ee2066ee]: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-ee2066ee]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active[data-v-ee2066ee]{background:rgba(var(--accent-cyan-rgb),.08);color:var(--accent-cyan)}.filter-btn.active[data-v-ee2066ee]:before{height:60%}.tags-cloud[data-v-ee2066ee]{display:flex;flex-wrap:wrap;gap:.45rem}.tag[data-v-ee2066ee]{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-ee2066ee]: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-ee2066ee]{display:flex;flex-direction:column;gap:1.25rem}.post-item[data-v-ee2066ee]{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-ee2066ee .55s cubic-bezier(.22,1,.36,1) var(--delay) forwards}@keyframes postSlideIn-ee2066ee{to{opacity:1;transform:translateY(0)}}.post-item[data-v-ee2066ee]:hover{border-color:var(--border-hover);transform:translate(8px);box-shadow:-4px 0 24px #00d4ff0f}.post-number[data-v-ee2066ee]{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-ee2066ee]{color:var(--accent-cyan);text-shadow:0 0 12px rgba(var(--accent-cyan-rgb),.3)}.post-content[data-v-ee2066ee]{flex:1;min-width:0}.post-header[data-v-ee2066ee]{display:flex;align-items:center;gap:.85rem;margin-bottom:.65rem;flex-wrap:wrap}.post-category[data-v-ee2066ee]{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-ee2066ee]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.post-title[data-v-ee2066ee]{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.6rem;line-height:1.4}.post-title a[data-v-ee2066ee]{color:var(--text-primary);transition:all .25s ease;display:inline-block}.post-title a[data-v-ee2066ee]:hover{color:var(--accent-cyan);transform:translate(4px)}.post-excerpt[data-v-ee2066ee]{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-ee2066ee]{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:4px;color:var(--accent-cyan);flex-shrink:0}.post-link[data-v-ee2066ee]{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-ee2066ee]:hover{letter-spacing:.06em;text-shadow:0 0 8px rgba(var(--accent-cyan-rgb),.3)}.loading-state[data-v-ee2066ee]{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-ee2066ee]{width:36px;height:36px;border:3px solid var(--border-color);border-top:3px solid var(--accent-cyan);border-radius:50%;animation:spin-ee2066ee .8s linear infinite;margin-bottom:1rem}@keyframes spin-ee2066ee{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-ee2066ee]{text-align:center;padding:3rem 2rem;color:var(--error-color);font-family:var(--font-mono)}.retry-btn[data-v-ee2066ee]{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-ee2066ee]:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--accent-cyan-rgb),.25)}.empty-state[data-v-ee2066ee]{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-family:var(--font-mono)}@media (max-width: 900px){.blog-layout[data-v-ee2066ee]{grid-template-columns:1fr;gap:0}.sidebar[data-v-ee2066ee]{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-ee2066ee]{max-height:800px;opacity:1;pointer-events:auto;margin-bottom:1.5rem}.mobile-filter-toggle[data-v-ee2066ee]{display:flex}.filter-list[data-v-ee2066ee]{flex-direction:row;flex-wrap:wrap}.filter-btn[data-v-ee2066ee]{padding:.4rem .85rem;font-size:.8rem}.filter-btn[data-v-ee2066ee]:before{display:none}}@media (max-width: 600px){.page-header[data-v-ee2066ee]{padding:2.5rem 0 1.5rem}.page-title[data-v-ee2066ee]{font-size:1.5rem}.post-item[data-v-ee2066ee]{flex-direction:column;gap:.75rem;padding:1.15rem}.post-number[data-v-ee2066ee]{font-size:1.3rem;min-width:auto}.post-title[data-v-ee2066ee]{font-size:1rem}.post-excerpt[data-v-ee2066ee]{-webkit-line-clamp:2;font-size:.84rem}.mobile-filter-toggle[data-v-ee2066ee]{padding:11px 14px;font-size:.82rem}.mobile-filter-toggle .filter-icon[data-v-ee2066ee]{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-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.article-page[data-v-40265b8a]{padding-top:80px}.loading-state-detail[data-v-40265b8a]{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-40265b8a]{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-cyan);border-radius:50%;animation:spin-40265b8a 1s linear infinite;margin-bottom:1rem}@keyframes spin-40265b8a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state-detail[data-v-40265b8a]{text-align:center;padding:4rem 2rem;color:var(--error-color);font-family:var(--font-mono)}.error-state-detail h2[data-v-40265b8a]{margin-bottom:1.5rem;font-size:1.25rem}.back-btn[data-v-40265b8a]{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-40265b8a]:hover{background:var(--accent-cyan-hover);transform:translateY(-2px)}.article-header[data-v-40265b8a]{padding:4rem 0 3rem;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary),transparent)}.container-narrow[data-v-40265b8a]{max-width:800px;margin:0 auto;padding:0 2rem}.back-link[data-v-40265b8a]{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-40265b8a]:hover{color:var(--accent-cyan)}.article-meta[data-v-40265b8a]{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.article-tag[data-v-40265b8a]{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-40265b8a],.article-author[data-v-40265b8a]{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.article-author[data-v-40265b8a]:before{content:"@ ";color:var(--accent-purple)}.article-title[data-v-40265b8a]{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.25}.article-body[data-v-40265b8a]{padding:4rem 0}.markdown-body[data-v-40265b8a]{font-size:1.05rem;line-height:1.9;color:var(--text-secondary)}.markdown-body[data-v-40265b8a] 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-40265b8a] 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-40265b8a] 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-40265b8a] 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-40265b8a] p{margin-bottom:1.25rem}.markdown-body[data-v-40265b8a] strong{color:var(--text-primary);font-weight:700}.markdown-body[data-v-40265b8a] a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition-fast)}.markdown-body[data-v-40265b8a] a:hover{border-bottom-color:var(--accent-cyan)}.markdown-body[data-v-40265b8a] ul,.markdown-body[data-v-40265b8a] ol{padding-left:1.5rem;margin:1.25rem 0}.markdown-body[data-v-40265b8a] li{margin-bottom:.5rem;position:relative}.markdown-body[data-v-40265b8a] ul li::marker{color:var(--accent-cyan)}.markdown-body[data-v-40265b8a] 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-40265b8a] blockquote p:last-child{margin-bottom:0}.markdown-body[data-v-40265b8a] 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-40265b8a] pre.code-block::-webkit-scrollbar{height:6px}.markdown-body[data-v-40265b8a] pre.code-block::-webkit-scrollbar-track{background:transparent;border-radius:3px}.markdown-body[data-v-40265b8a] pre.code-block::-webkit-scrollbar-thumb{background:#00d4ff59;border-radius:3px;transition:background .2s ease}.markdown-body[data-v-40265b8a] pre.code-block::-webkit-scrollbar-thumb:hover{background:#00d4ff99}.markdown-body[data-v-40265b8a] 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-40265b8a] code{font-family:var(--font-mono);font-size:.88rem}.markdown-body[data-v-40265b8a] :not(pre)>code{background:var(--bg-tertiary);padding:.15rem .45rem;border-radius:4px;font-size:.88em;color:var(--accent-orange)}.markdown-body[data-v-40265b8a] .hljs{background:transparent!important;padding:0!important}.markdown-body[data-v-40265b8a] .hljs-keyword,.markdown-body[data-v-40265b8a] .hljs-selector-tag,.markdown-body[data-v-40265b8a] .hljs-built_in{color:#c678dd!important}.markdown-body[data-v-40265b8a] .hljs-string,.markdown-body[data-v-40265b8a] .hljs-attr{color:#98c379!important}.markdown-body[data-v-40265b8a] .hljs-number,.markdown-body[data-v-40265b8a] .hljs-literal{color:#d19a66!important}.markdown-body[data-v-40265b8a] .hljs-comment,.markdown-body[data-v-40265b8a] .hljs-quote{color:#5c6370!important;font-style:italic}.markdown-body[data-v-40265b8a] .hljs-function .hljs-title,.markdown-body[data-v-40265b8a] .hljs-title.function_{color:#61afef!important}.markdown-body[data-v-40265b8a] .hljs-variable,.markdown-body[data-v-40265b8a] .hljs-template-variable{color:#e06c75!important}.markdown-body[data-v-40265b8a] .hljs-type,.markdown-body[data-v-40265b8a] .hljs-class .hljs-title{color:#e5c07b!important}.markdown-body[data-v-40265b8a] .hljs-regexp,.markdown-body[data-v-40265b8a] .hljs-link{color:#56b6c2!important}.markdown-body[data-v-40265b8a] .hljs-symbol,.markdown-body[data-v-40265b8a] .hljs-bullet,.markdown-body[data-v-40265b8a] .hljs-meta{color:#61afef!important}.markdown-body[data-v-40265b8a] .hljs-deletion{background:#e06c7526!important;color:#e06c75!important}.markdown-body[data-v-40265b8a] .hljs-addition{background:#98c37926!important;color:#98c379!important}.markdown-body[data-v-40265b8a] .hljs-emphasis{font-style:italic}.markdown-body[data-v-40265b8a] .hljs-strong{font-weight:700}.markdown-body[data-v-40265b8a] hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:2.5rem 0}.markdown-body[data-v-40265b8a] table{width:100%;border-collapse:collapse;margin:1.5rem 0}.markdown-body[data-v-40265b8a] th,.markdown-body[data-v-40265b8a] td{padding:.6rem 1rem;border:1px solid var(--border-color);text-align:left;font-size:.9rem}.markdown-body[data-v-40265b8a] th{background:var(--bg-tertiary);font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.markdown-body[data-v-40265b8a] tr:nth-child(2n){background:rgba(var(--accent-cyan-rgb),.02)}.divider[data-v-40265b8a]{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:3rem 0 2rem}.article-footer[data-v-40265b8a]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-top:1.5rem}.tags-row[data-v-40265b8a],.share-row[data-v-40265b8a]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.label[data-v-40265b8a]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.tag[data-v-40265b8a]{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-40265b8a]:hover{color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08)}.share-btn[data-v-40265b8a]{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-40265b8a]:hover{border-color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08)}.not-found[data-v-40265b8a]{text-align:center;padding:6rem 2rem}.not-found h1[data-v-40265b8a]{font-family:var(--font-display);font-size:2rem;margin-bottom:1.5rem;color:var(--accent-orange)}@media (max-width: 600px){.container-narrow[data-v-40265b8a]{padding:0 1.25rem}.article-footer[data-v-40265b8a]{flex-direction:column;align-items:flex-start}.markdown-body[data-v-40265b8a] pre.code-block{padding:1rem;border-radius:var(--radius-sm);scrollbar-width:thin}.markdown-body[data-v-40265b8a] pre.code-block::-webkit-scrollbar{height:4px}.markdown-body[data-v-40265b8a] code{font-size:.82rem}}.about-page[data-v-3e7ee33e]{padding-top:80px}.page-header[data-v-3e7ee33e]{padding:5rem 0 3rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-3e7ee33e]{font-family:var(--font-mono);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:.75rem}.title-prefix[data-v-3e7ee33e]{color:var(--accent-cyan)}.page-desc[data-v-3e7ee33e]{color:var(--text-secondary);font-size:1.1rem}.about-content[data-v-3e7ee33e]{padding:4rem 0 6rem}.about-grid[data-v-3e7ee33e]{display:grid;grid-template-columns:300px 1fr;gap:3rem}.profile-card[data-v-3e7ee33e]{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-3e7ee33e]{position:relative;display:inline-block;margin-bottom:1.5rem}.avatar[data-v-3e7ee33e]{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-3e7ee33e]{width:100%;height:100%;object-fit:cover;object-position:center top}.status-dot[data-v-3e7ee33e]{position:absolute;bottom:8px;right:8px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-card)}.status-dot.online[data-v-3e7ee33e]{background:var(--accent-green);box-shadow:0 0 10px rgba(var(--accent-green-rgb),.3)}.name[data-v-3e7ee33e]{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.role[data-v-3e7ee33e]{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-cyan);margin-bottom:.5rem}.location[data-v-3e7ee33e]{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.social-links[data-v-3e7ee33e]{display:flex;justify-content:center;gap:1rem}.social-link[data-v-3e7ee33e]{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-3e7ee33e]:hover{background:var(--accent-cyan);color:var(--bg-primary);transform:translateY(-2px)}.wechat-trigger[data-v-3e7ee33e]{cursor:pointer}.info-sections[data-v-3e7ee33e]{display:flex;flex-direction:column;gap:1.5rem}.info-card[data-v-3e7ee33e]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.card-title[data-v-3e7ee33e]{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-3e7ee33e]{color:var(--accent-cyan);font-weight:700}.card-body[data-v-3e7ee33e]{padding:1.5rem;line-height:1.8;color:var(--text-secondary)}.skills-grid[data-v-3e7ee33e]{padding:1.5rem;display:grid;gap:1.5rem}.skill-group h4[data-v-3e7ee33e]{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-3e7ee33e]{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tags span[data-v-3e7ee33e]{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-3e7ee33e]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.full-width[data-v-3e7ee33e]{width:100%}.timeline[data-v-3e7ee33e]{padding:1.5rem;position:relative}.timeline[data-v-3e7ee33e]:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item[data-v-3e7ee33e]{position:relative;padding-left:2.5rem;padding-bottom:2rem}.timeline-item[data-v-3e7ee33e]:last-child{padding-bottom:0}.timeline-dot[data-v-3e7ee33e]{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-3e7ee33e]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.timeline-header h4[data-v-3e7ee33e]{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.timeline-date[data-v-3e7ee33e]{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-cyan)}.timeline-company[data-v-3e7ee33e]{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.timeline-desc[data-v-3e7ee33e]{font-size:.92rem;color:var(--text-secondary);line-height:1.7}@media (max-width: 900px){.about-grid[data-v-3e7ee33e]{grid-template-columns:1fr}.profile-card[data-v-3e7ee33e]{position:static}.skills-grid[data-v-3e7ee33e]{grid-template-columns:1fr}}.projects-page[data-v-591ed4b6]{padding-top:80px}.page-header[data-v-591ed4b6]{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border-color)}.page-title[data-v-591ed4b6]{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;margin-bottom:.6rem;animation:titleIn-591ed4b6 .7s ease-out}@keyframes titleIn-591ed4b6{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-prefix[data-v-591ed4b6]{color:var(--accent-cyan)}.page-desc[data-v-591ed4b6]{color:var(--text-secondary);font-size:1rem;opacity:0;animation:fadeIn-591ed4b6 .6s ease-out .2s forwards}@keyframes fadeIn-591ed4b6{to{opacity:1}}.projects-content[data-v-591ed4b6]{padding:3rem 0 5rem}.projects-grid[data-v-591ed4b6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;position:relative}.loading-state[data-v-591ed4b6],.empty-state[data-v-591ed4b6]{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-591ed4b6]{width:40px;height:40px;border:3px solid rgba(0,212,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin-591ed4b6 .8s linear infinite;margin-bottom:1rem}@keyframes spin-591ed4b6{to{transform:rotate(360deg)}}.empty-icon[data-v-591ed4b6]{width:64px;height:64px;opacity:.3;margin-bottom:1rem}.project-card[data-v-591ed4b6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;opacity:0;transform:translateY(28px);animation:cardSlideIn-591ed4b6 .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-591ed4b6{to{opacity:1;transform:translateY(0)}}.project-card[data-v-591ed4b6]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-6px)}.project-image[data-v-591ed4b6]{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-591ed4b6]{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-591ed4b6]{background:linear-gradient(to bottom,rgba(0,212,255,.03) 30%,var(--bg-primary) 100%);opacity:.8}.project-info[data-v-591ed4b6]{padding:1.4rem 1.5rem 1.5rem;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.project-meta[data-v-591ed4b6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.project-type[data-v-591ed4b6]{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-591ed4b6]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.project-name[data-v-591ed4b6]{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-591ed4b6]{color:var(--accent-cyan)}.project-desc[data-v-591ed4b6]{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-591ed4b6]{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-591ed4b6]:hover{background:#3b82f61c;border-color:#3b82f642}.guest-icon[data-v-591ed4b6]{width:15px;height:15px;color:var(--accent-cyan);flex-shrink:0}.guest-label[data-v-591ed4b6]{color:var(--text-secondary)}.guest-code[data-v-591ed4b6]{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-591ed4b6]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.link-btn[data-v-591ed4b6]{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-591ed4b6]:first-child{width:14px;height:14px;flex-shrink:0;transition:transform .25s ease}.link-btn span[data-v-591ed4b6]{transition:transform .25s ease}.link-btn .link-arrow[data-v-591ed4b6]{width:12px;height:12px;opacity:0;transform:translate(-8px);transition:all .25s ease}.link-btn.demo[data-v-591ed4b6]{background:linear-gradient(135deg,#00d4ff1f,#00d4ff0f);border:1px solid rgba(0,212,255,.2);color:var(--accent-cyan)}.link-btn.demo[data-v-591ed4b6]: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-591ed4b6]{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.link-btn.code[data-v-591ed4b6]: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-591ed4b6]{opacity:1;transform:translate(0)}.link-btn:hover svg[data-v-591ed4b6]:first-child{transform:scale(1.1)}.link-btn:hover span[data-v-591ed4b6]{letter-spacing:.02em}.project-tech[data-v-591ed4b6]{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}.tech-tag[data-v-591ed4b6]{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-591ed4b6]:hover{color:var(--text-secondary);border-color:var(--border-color);background:var(--bg-tertiary)}@media (max-width: 768px){.projects-grid[data-v-591ed4b6]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem}.page-header[data-v-591ed4b6]{padding:2.5rem 0 1.75rem}.projects-content[data-v-591ed4b6]{padding:1.75rem 0 3.5rem}.project-image[data-v-591ed4b6]{height:100px}.project-info[data-v-591ed4b6]{padding:1.1rem 1.15rem 1.2rem;overflow:hidden;display:flex;flex-direction:column}.project-meta[data-v-591ed4b6]{margin-bottom:.55rem}.project-type[data-v-591ed4b6]{font-size:.68rem;padding:.18rem .55rem}.project-year[data-v-591ed4b6]{font-size:.74rem}.project-name[data-v-591ed4b6]{font-size:1rem;margin-bottom:.45rem}.project-desc[data-v-591ed4b6]{-webkit-line-clamp:2;font-size:.82rem;line-height:1.6;margin-bottom:.9rem}.guest-account[data-v-591ed4b6]{padding:.55rem .8rem;margin-bottom:.9rem;font-size:.78rem}.project-links[data-v-591ed4b6]{gap:.6rem;margin-bottom:1rem}.link-btn[data-v-591ed4b6]{padding:.42rem .8rem;font-size:.76rem;gap:5px}.link-btn svg[data-v-591ed4b6]:first-child{width:13px;height:13px}.link-btn .link-arrow[data-v-591ed4b6]{display:none}.tech-tag[data-v-591ed4b6]{font-size:.66rem;padding:.2rem .5rem}}@media (max-width: 480px){.projects-grid[data-v-591ed4b6]{grid-template-columns:1fr}.project-card[data-v-591ed4b6]{border-radius:var(--radius-sm)}.project-image[data-v-591ed4b6]{height:90px}.project-info[data-v-591ed4b6]{padding:1rem 1.1rem 1.15rem;overflow:hidden;display:flex;flex-direction:column}.project-links[data-v-591ed4b6]{flex-direction:column;gap:.55rem}.link-btn[data-v-591ed4b6]{justify-content:center;padding:.45rem 1rem;font-size:.78rem;gap:5px}.link-btn svg[data-v-591ed4b6]:first-child{width:13px;height:13px}.guest-account[data-v-591ed4b6]{flex-wrap:wrap;gap:4px}}.music-player[data-v-e306e50d]{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-e306e50d .4s cubic-bezier(.22,1,.36,1)}@keyframes playerIn-e306e50d{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-bar[data-v-e306e50d]{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-e306e50d]:hover{background:var(--bg-tertiary)}.player-left[data-v-e306e50d]{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.player-cover[data-v-e306e50d]{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-e306e50d]{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-e306e50d]{width:3px;background:var(--accent-cyan);border-radius:2px;animation:eq-e306e50d .8s ease-in-out infinite}.cover-playing span[data-v-e306e50d]:nth-child(1){height:40%;animation-delay:0s}.cover-playing span[data-v-e306e50d]:nth-child(2){height:70%;animation-delay:.15s}.cover-playing span[data-v-e306e50d]:nth-child(3){height:50%;animation-delay:.3s}@keyframes eq-e306e50d{0%,to{height:30%}50%{height:80%}}.player-track-info[data-v-e306e50d]{display:flex;flex-direction:column;min-width:0}.track-name[data-v-e306e50d]{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-e306e50d]{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center[data-v-e306e50d]{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.player-right[data-v-e306e50d]{display:flex;align-items:center;gap:.4rem;flex:1;justify-content:flex-end}.ctrl-btn[data-v-e306e50d]{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-e306e50d]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.play-btn[data-v-e306e50d]{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-e306e50d]: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-e306e50d]:after{content:"1"}.fullscreen-btn[data-v-e306e50d]{color:var(--accent-cyan)}.fullscreen-btn[data-v-e306e50d]:hover{background:#00d4ff1a}.player-expanded[data-v-e306e50d]{padding:1rem 1.5rem 1.2rem;max-width:1200px;margin:0 auto;animation:expandIn-e306e50d .3s cubic-bezier(.22,1,.36,1);border-top:1px solid var(--border-color)}@keyframes expandIn-e306e50d{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.progress-section[data-v-e306e50d]{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.time[data-v-e306e50d]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);min-width:38px}.progress-bar[data-v-e306e50d]{flex:1;cursor:pointer;padding:6px 0}.progress-track[data-v-e306e50d]{height:4px;background:var(--bg-tertiary);border-radius:2px;position:relative;overflow:visible}.progress-fill[data-v-e306e50d]{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:2px;transition:width .15s linear}.progress-thumb[data-v-e306e50d]{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-e306e50d]{opacity:1}.volume-section[data-v-e306e50d]{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.vol-btn[data-v-e306e50d]{width:30px;height:30px}.volume-bar[data-v-e306e50d]{width:100px;cursor:pointer;padding:4px 0}.volume-track[data-v-e306e50d]{height:3px;background:var(--bg-tertiary);border-radius:2px}.volume-fill[data-v-e306e50d]{height:100%;background:var(--accent-cyan);border-radius:2px;transition:width .1s ease}.queue-section[data-v-e306e50d]{max-height:200px;overflow:hidden}.queue-title[data-v-e306e50d]{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:.55rem}.queue-list[data-v-e306e50d]{display:flex;flex-direction:column;gap:.25rem;max-height:150px;overflow-y:auto}.queue-item[data-v-e306e50d]{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-e306e50d]:hover{background:var(--bg-tertiary)}.queue-item.active[data-v-e306e50d]{background:#00d4ff14}.q-idx[data-v-e306e50d]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);width:22px;text-align:center}.q-cover[data-v-e306e50d]{width:30px;height:30px;border-radius:4px;background:var(--bg-tertiary);background-size:cover;background-position:center;flex-shrink:0}.q-info[data-v-e306e50d]{flex:1;min-width:0}.q-name[data-v-e306e50d]{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.q-artist[data-v-e306e50d]{font-size:.7rem;color:var(--text-muted)}.q-dur[data-v-e306e50d]{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}@media (max-width: 768px){.player-bar[data-v-e306e50d]{padding:.55rem .85rem}.player-right[data-v-e306e50d]{gap:.15rem}.player-expanded[data-v-e306e50d]{padding:0 .85rem 1rem}.volume-bar[data-v-e306e50d]{width:60px}.player-track-info[data-v-e306e50d]{max-width:130px}}@media (max-width: 480px){.player-center[data-v-e306e50d]{gap:.3rem}.ctrl-btn[data-v-e306e50d]{width:28px;height:28px}.play-btn[data-v-e306e50d]{width:36px;height:36px}}.music-page[data-v-28520f3c]{padding-top:80px;min-height:100vh}.page-header[data-v-28520f3c]{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-28520f3c]{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start;padding-bottom:2rem}.page-title[data-v-28520f3c]{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-28520f3c .7s ease-out}@keyframes titleIn-28520f3c{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-icon[data-v-28520f3c]{color:var(--accent-cyan);font-size:1.6em;animation:pulse-28520f3c 2s ease-in-out infinite}@keyframes pulse-28520f3c{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.page-desc[data-v-28520f3c]{color:var(--text-secondary);font-size:1rem;line-height:1.7;animation:fadeIn-28520f3c .6s ease-out .2s forwards;opacity:0}@keyframes fadeIn-28520f3c{to{opacity:1}}.search-box[data-v-28520f3c]{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-28520f3c]{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow),var(--shadow-card)}.search-icon[data-v-28520f3c]{color:var(--text-muted);flex-shrink:0;transition:color .25s ease}.search-box.focused .search-icon[data-v-28520f3c]{color:var(--accent-cyan)}.search-box input[data-v-28520f3c]{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-28520f3c]::placeholder{color:var(--text-muted)}.clear-btn[data-v-28520f3c]{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-28520f3c]:hover{color:var(--error-color)}.search-btn[data-v-28520f3c]{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-28520f3c]:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--accent-cyan-rgb),.35)}.hot-keys[data-v-28520f3c]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.hot-label[data-v-28520f3c]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);flex-shrink:0}.hot-tag[data-v-28520f3c]{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-28520f3c]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.06)}.hot-tag.top3[data-v-28520f3c]{border-color:rgba(var(--accent-orange-rgb),.3);color:var(--accent-orange)}.hot-tag.top3[data-v-28520f3c]:hover{border-color:var(--accent-orange);background:rgba(var(--accent-orange-rgb),.08)}.tab-nav[data-v-28520f3c]{display:flex;gap:.25rem;padding-bottom:0;overflow-x:auto}.tab-btn[data-v-28520f3c]{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-28520f3c]{display:flex;opacity:.7}.tab-btn[data-v-28520f3c]:hover{color:var(--text-primary);background:rgba(var(--accent-cyan-rgb),.03)}.tab-btn.active[data-v-28520f3c]{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.tab-btn.active .tab-icon[data-v-28520f3c]{opacity:1}.music-content[data-v-28520f3c]{padding:2.5rem 0 5rem}.loading-state[data-v-28520f3c]{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-28520f3c]{width:40px;height:40px;border:3px solid rgba(var(--accent-cyan-rgb),.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin-28520f3c .8s linear infinite;margin-bottom:1rem}.loading-spinner.small[data-v-28520f3c]{width:24px;height:24px;border-width:2px}@keyframes spin-28520f3c{to{transform:rotate(360deg)}}.results-info[data-v-28520f3c]{margin-bottom:1.5rem}.result-count[data-v-28520f3c]{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.song-list[data-v-28520f3c]{display:flex;flex-direction:column;gap:.5rem}.song-card[data-v-28520f3c]{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-28520f3c .45s cubic-bezier(.22,1,.36,1) calc(var(--index) * .05s) forwards}@keyframes slideIn-28520f3c{to{opacity:1;transform:translate(0)}}.song-card[data-v-28520f3c]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translate(4px)}.song-rank[data-v-28520f3c]{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-28520f3c]{color:var(--accent-cyan);text-shadow:0 0 12px rgba(var(--accent-cyan-rgb),.3)}.song-cover[data-v-28520f3c]{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-28520f3c]{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-28520f3c]{opacity:1}.play-overlay[data-v-28520f3c]:hover{background:rgba(var(--accent-cyan-rgb),.7)}.song-info[data-v-28520f3c]{min-width:0;overflow:hidden}.song-name[data-v-28520f3c]{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-28520f3c]{color:var(--accent-cyan)}.song-artist[data-v-28520f3c]{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}.song-album[data-v-28520f3c]{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-actions[data-v-28520f3c]{display:flex;gap:.35rem;opacity:0;transition:opacity .25s ease}.song-card:hover .song-actions[data-v-28520f3c]{opacity:1}.action-icon[data-v-28520f3c]{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-28520f3c]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(var(--accent-cyan-rgb),.08)}.song-duration[data-v-28520f3c]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-align:right}.empty-state[data-v-28520f3c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon[data-v-28520f3c]{width:64px;height:64px;opacity:.25;margin-bottom:1rem}.rank-grid[data-v-28520f3c],.playlist-grid[data-v-28520f3c],.album-grid[data-v-28520f3c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.rank-card[data-v-28520f3c],.pl-card[data-v-28520f3c],.album-card[data-v-28520f3c]{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-28520f3c]:hover,.pl-card[data-v-28520f3c]:hover,.album-card[data-v-28520f3c]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow),var(--shadow-card)}.rank-cover[data-v-28520f3c],.pl-img[data-v-28520f3c],.album-img[data-v-28520f3c]{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-28520f3c]{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-28520f3c],.pl-info[data-v-28520f3c],.album-info[data-v-28520f3c]{padding:.85rem 1rem}.rank-title[data-v-28520f3c],.pl-title[data-v-28520f3c],.album-name[data-v-28520f3c]{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-28520f3c],.pl-creator[data-v-28520f3c],.album-singer[data-v-28520f3c]{font-size:.76rem;color:var(--text-muted);font-family:var(--font-mono)}.lyric-modal-backdrop[data-v-28520f3c]{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-28520f3c .2s ease}.lyric-modal[data-v-28520f3c]{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-28520f3c .3s cubic-bezier(.22,1,.36,1)}@keyframes modalIn-28520f3c{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lyric-header[data-v-28520f3c]{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-28520f3c]{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-28520f3c]{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-28520f3c]:hover{color:var(--error-color);background:rgba(var(--accent-pink-rgb),.08)}.lyric-body[data-v-28520f3c]{padding:1.5rem;max-height:55vh;overflow-y:auto}.lyric-loading[data-v-28520f3c]{display:flex;justify-content:center;padding:2rem}.lyric-content[data-v-28520f3c]{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-28520f3c]{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-28520f3c]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.rank-detail-title[data-v-28520f3c]{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-28520f3c]{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-28520f3c]:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--accent-cyan-rgb),.25)}.pl-play-hint[data-v-28520f3c]{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-28520f3c]{opacity:1}.playlist-section[data-v-28520f3c]{animation:fadeInUp-28520f3c .5s ease}@keyframes fadeInUp-28520f3c{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scroll-sentinel[data-v-28520f3c]{height:1px;width:100%}.load-more-indicator[data-v-28520f3c]{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-28520f3c]{text-align:center;padding:1rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.player-toast[data-v-28520f3c]{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-28520f3c]{color:var(--accent-cyan);flex-shrink:0}.toast-enter-active[data-v-28520f3c]{animation:toastIn-28520f3c .3s cubic-bezier(.22,1,.36,1)}.toast-leave-active[data-v-28520f3c]{animation:toastOut-28520f3c .25s ease forwards}@keyframes toastIn-28520f3c{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut-28520f3c{0%{opacity:1}to{opacity:0}}@media (max-width: 900px){.header-grid[data-v-28520f3c]{grid-template-columns:1fr;gap:1.75rem}.song-card[data-v-28520f3c]{grid-template-columns:32px 48px 1fr auto;gap:.7rem;padding:.7rem .85rem}.song-duration[data-v-28520f3c]{display:none}.rank-grid[data-v-28520f3c],.playlist-grid[data-v-28520f3c],.album-grid[data-v-28520f3c]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}}@media (max-width: 600px){.song-card[data-v-28520f3c]{grid-template-columns:28px 44px 1fr;gap:.6rem;padding:.65rem .75rem}.song-actions[data-v-28520f3c]{display:none}.song-cover[data-v-28520f3c]{width:44px;height:44px}.tab-btn[data-v-28520f3c]{padding:.6rem .85rem;font-size:.78rem}.rank-grid[data-v-28520f3c],.playlist-grid[data-v-28520f3c],.album-grid[data-v-28520f3c]{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)}*,*: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}}