:root{--bg-gradient-start:#f6f9f3;--bg-gradient-end:#eef4e9;--bg-primary:#f6f9f3;--bg-secondary:#fff;--bg-panel:#ffffffb8;--bg-card:#fff;--bg-card-hover:#f7faf4;--bg-card-active:#7d9e68;--bg-circle:#7d9e6814;--bg-section:#f1f6ec;--bg-glass:#fffc;--text-primary:#2c3a25;--text-secondary:#5d7153;--text-active:#fff;--text-muted:#8a9a80;--text-on-light:#4a5a42;--border-primary:#c5d6b8;--border-card:#e1ebd8;--border-card-active:#ffffff80;--accent-primary:#7d9e68;--accent-secondary:#9bb88a;--accent-light:#7d9e681f;--accent-shadow:#7d9e6840;--accent-glow:#7d9e6826;--modal-overlay:#00000080;--modal-bg:#fff;--modal-border:#e1ebd8;--shadow-sm:0 2px 8px #2c3a250f;--shadow-md:0 8px 24px #2c3a2514;--shadow-lg:0 16px 48px #2c3a251f;--shadow-card:0 4px 16px #2c3a250f;--shadow-card-hover:0 12px 32px #2c3a251f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Courier New", monospace;--max-width:1200px;--header-height:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-gradient-start:#141814;--bg-gradient-end:#0f120e;--bg-primary:#141814;--bg-secondary:#1b2019;--bg-panel:#1b2019b8;--bg-card:#1e241d;--bg-card-hover:#252c23;--bg-card-active:#5a7a48;--bg-circle:#5a7a481f;--bg-section:#1a1f18;--bg-glass:#1b2019d9;--text-primary:#d6e2ce;--text-secondary:#94a88a;--text-active:#fff;--text-muted:#6b7f62;--text-on-light:#c5d4bb;--border-primary:#2f3a2a;--border-card:#2a3326;--border-card-active:#ffffff26;--accent-primary:#6b9b56;--accent-secondary:#8ab878;--accent-light:#6b9b5626;--accent-shadow:#00000059;--accent-glow:#6b9b5633;--modal-bg:#1e241d;--modal-border:#2f3a2a;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 48px #00000073;--shadow-card:0 4px 16px #00000040;--shadow-card-hover:0 12px 32px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#app{min-height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .4s,color .4s}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}.header-nav[data-v-2abd7818]{height:var(--header-height);z-index:1000;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card);transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.header-inner[data-v-2abd7818]{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo[data-v-2abd7818]{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;transition:opacity .2s;display:flex}.logo[data-v-2abd7818]:hover{opacity:.8}.logo-icon[data-v-2abd7818]{width:32px;height:32px;color:var(--accent-primary)}.logo-text[data-v-2abd7818]{letter-spacing:-.5px}.desktop-nav[data-v-2abd7818]{align-items:center;gap:8px;display:flex}.nav-link[data-v-2abd7818]{border-radius:var(--radius-full);color:var(--text-secondary);padding:8px 16px;font-size:15px;font-weight:500;transition:all .2s}.nav-link[data-v-2abd7818]:hover{color:var(--text-primary);background:var(--accent-light)}.header-actions[data-v-2abd7818]{align-items:center;gap:12px;display:flex}.cta-btn[data-v-2abd7818]{border-radius:var(--radius-full);background:var(--accent-primary);color:var(--text-active);box-shadow:0 4px 14px var(--accent-shadow);padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.cta-btn[data-v-2abd7818]:hover{box-shadow:0 6px 20px var(--accent-shadow);filter:brightness(1.05);transform:translateY(-1px)}.theme-btn[data-v-2abd7818]{background:var(--bg-card);border:1px solid var(--border-card);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-btn[data-v-2abd7818]:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:rotate(15deg)}.theme-btn svg[data-v-2abd7818]{width:20px;height:20px}@media (width<=768px){.header-inner[data-v-2abd7818]{padding:0 16px}.desktop-nav[data-v-2abd7818]{display:none}.logo-text[data-v-2abd7818]{font-size:18px}.cta-btn[data-v-2abd7818]{padding:8px 16px;font-size:13px}}.audio-card[data-v-940a7911]{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;text-align:left;box-shadow:var(--shadow-card);padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.audio-card[data-v-940a7911]:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-primary);transform:translateY(-3px)}.audio-card.active[data-v-940a7911]{background:var(--bg-card-active);border-color:var(--bg-card-active);box-shadow:0 8px 28px var(--accent-shadow)}.card-glow[data-v-940a7911]{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:-50%;right:-50%}.audio-card:hover .card-glow[data-v-940a7911]{opacity:1}.card-content[data-v-940a7911]{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.card-icon[data-v-940a7911]{width:44px;height:44px;color:var(--accent-primary);background:var(--accent-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.card-icon[data-v-940a7911] svg{width:100%;height:100%}.audio-card.active .card-icon[data-v-940a7911]{color:var(--text-active);background:#fff3}.card-info[data-v-940a7911]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card-name[data-v-940a7911]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;transition:color .2s;display:block;overflow:hidden}.card-meta[data-v-940a7911]{color:var(--text-muted);font-size:12px;transition:color .2s}.audio-card.active .card-name[data-v-940a7911],.audio-card.active .card-meta[data-v-940a7911]{color:var(--text-active)}.playing-indicator[data-v-940a7911]{align-items:flex-end;gap:3px;height:20px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.playing-indicator .bar[data-v-940a7911]{background:var(--text-active);border-radius:2px;width:3px;animation:.9s ease-in-out infinite alternate bounce-940a7911}.playing-indicator .bar[data-v-940a7911]:first-child{height:8px;animation-delay:0s}.playing-indicator .bar[data-v-940a7911]:nth-child(2){height:16px;animation-delay:.2s}.playing-indicator .bar[data-v-940a7911]:nth-child(3){height:12px;animation-delay:.4s}.status-dot[data-v-940a7911]{background:var(--text-active);width:8px;height:8px;box-shadow:0 0 8px var(--text-active);border-radius:50%;animation:1.5s infinite pulse-940a7911;position:absolute;top:50%;right:22px;transform:translateY(-50%)}@keyframes bounce-940a7911{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}@keyframes pulse-940a7911{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.audio-card[data-v-940a7911]{padding:16px}.card-icon[data-v-940a7911]{width:40px;height:40px}.card-name[data-v-940a7911]{font-size:14px}}.player-circle[data-v-95d3fb25]{justify-content:center;align-items:center;padding:30px 0;display:flex;position:relative}.outer-ring[data-v-95d3fb25]{background:conic-gradient(from 0deg, var(--accent-primary), var(--accent-secondary), var(--accent-primary));width:240px;height:240px;box-shadow:0 12px 40px var(--accent-shadow);border-radius:50%;padding:3px;animation:20s linear infinite slow-rotate-95d3fb25;position:relative}.player-circle.playing .outer-ring[data-v-95d3fb25]{animation:8s linear infinite slow-rotate-95d3fb25}.inner-circle[data-v-95d3fb25]{background:var(--bg-card);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;animation:20s linear infinite counter-rotate-95d3fb25;display:flex}.player-circle.playing .inner-circle[data-v-95d3fb25]{animation:8s linear infinite counter-rotate-95d3fb25}.orbit[data-v-95d3fb25]{border:1px dashed var(--border-primary);opacity:.4;border-radius:50%;position:absolute}.orbit-1[data-v-95d3fb25]{width:300px;height:300px;animation:30s linear infinite reverse slow-rotate-95d3fb25}.orbit-2[data-v-95d3fb25]{width:360px;height:360px;animation:40s linear infinite slow-rotate-95d3fb25}.sound-wave[data-v-95d3fb25]{align-items:flex-end;gap:4px;height:28px;margin-bottom:12px;display:flex}.wave-bar[data-v-95d3fb25]{background:var(--accent-primary);border-radius:2px;width:4px;transition:all .3s}.wave-bar[data-v-95d3fb25]:first-child{height:10px}.wave-bar[data-v-95d3fb25]:nth-child(2){height:20px}.wave-bar[data-v-95d3fb25]:nth-child(3){height:16px}.wave-bar[data-v-95d3fb25]:nth-child(4){height:24px}.player-circle.playing .wave-bar[data-v-95d3fb25]{animation:1s ease-in-out infinite alternate wave-95d3fb25}.player-circle.playing .wave-bar[data-v-95d3fb25]:first-child{animation-delay:0s}.player-circle.playing .wave-bar[data-v-95d3fb25]:nth-child(2){animation-delay:.15s}.player-circle.playing .wave-bar[data-v-95d3fb25]:nth-child(3){animation-delay:.3s}.player-circle.playing .wave-bar[data-v-95d3fb25]:nth-child(4){animation-delay:.45s}.sound-title[data-v-95d3fb25]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0 0 8px;font-size:24px;font-weight:700;overflow:hidden}.status-text[data-v-95d3fb25]{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.countdown-text[data-v-95d3fb25]{color:var(--accent-primary);font-size:32px;font-weight:700;font-family:var(--font-mono);letter-spacing:2px;margin:10px 0 0}@keyframes slow-rotate-95d3fb25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-rotate-95d3fb25{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes wave-95d3fb25{0%{opacity:.6;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1.1)}}@media (width<=768px){.outer-ring[data-v-95d3fb25]{width:200px;height:200px}.orbit-1[data-v-95d3fb25]{width:250px;height:250px}.orbit-2[data-v-95d3fb25]{width:300px;height:300px}.sound-title[data-v-95d3fb25]{font-size:20px}.countdown-text[data-v-95d3fb25]{font-size:26px}}.modal-overlay[data-v-499bb32b]{background:var(--modal-overlay);opacity:0;pointer-events:none;z-index:1000;justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.show[data-v-499bb32b]{opacity:1;pointer-events:auto}.modal-content[data-v-499bb32b]{background:var(--modal-bg);border-top:3px solid var(--modal-border);border-radius:24px 24px 0 0;width:100%;max-width:680px;padding:32px 28px 40px;transition:transform .3s;position:relative;transform:translateY(100%)}.modal-overlay.show .modal-content[data-v-499bb32b]{transform:translateY(0)}.modal-content[data-v-499bb32b]:before{content:"";border:1px solid var(--border-card);pointer-events:none;border-bottom:none;border-radius:18px 18px 0 0;position:absolute;inset:8px}.modal-header[data-v-499bb32b]{color:var(--text-primary);z-index:1;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:20px;font-weight:700;display:flex;position:relative}.close-btn[data-v-499bb32b]{color:var(--text-secondary);padding:0 4px;font-size:36px;line-height:1}.timer-grid[data-v-499bb32b]{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:relative}.time-btn[data-v-499bb32b]{border:1px solid var(--accent-primary);height:48px;color:var(--text-primary);background:0 0;border-radius:4px;font-size:15px;transition:all .2s;position:relative}.time-btn[data-v-499bb32b]:hover{background:var(--bg-card)}.time-btn.no-limit[data-v-499bb32b]{color:var(--accent-primary)}.divider[data-v-499bb32b]{background:var(--border-primary);opacity:.5;z-index:1;height:1px;margin:28px 0;position:relative}.custom-area[data-v-499bb32b]{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.custom-area .label[data-v-499bb32b]{color:var(--text-primary);font-size:16px;font-weight:700}.custom-area input[data-v-499bb32b]{border:none;border-bottom:2px solid var(--accent-primary);text-align:center;width:100px;color:var(--text-primary);background:0 0;outline:none;padding:4px;font-size:20px}.custom-area .unit[data-v-499bb32b]{color:var(--text-secondary);font-size:15px}.confirm-btn[data-v-499bb32b]{background:var(--accent-primary);color:var(--text-active);border-radius:6px;padding:10px 24px;font-size:15px;transition:opacity .2s}.confirm-btn[data-v-499bb32b]:hover{opacity:.9}@media (width<=480px){.timer-grid[data-v-499bb32b]{grid-template-columns:repeat(2,1fr)}}.footer-bar[data-v-df854909]{background:var(--bg-secondary);border-top:1px solid var(--border-card);padding:48px 0 24px}.footer-inner[data-v-df854909]{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.footer-brand[data-v-df854909]{flex-direction:column;align-items:center;gap:6px;display:flex}.brand-name[data-v-df854909]{color:var(--text-primary);font-size:22px;font-weight:700}.brand-desc[data-v-df854909]{color:var(--text-secondary);font-size:14px}.footer-nav[data-v-df854909]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;display:flex}.footer-link[data-v-df854909]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;text-decoration:none;transition:color .2s}.footer-link[data-v-df854909]:hover{color:var(--accent-primary)}.footer-divider[data-v-df854909]{background:var(--border-card);width:60px;height:1px}.footer-beian[data-v-df854909]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.beian-link[data-v-df854909]{color:var(--text-muted);align-items:center;gap:4px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.beian-link[data-v-df854909]:hover{color:var(--accent-primary)}.divider[data-v-df854909]{color:var(--border-card);font-size:12px}.police-icon[data-v-df854909]{width:14px;height:14px}.footer-copyright[data-v-df854909]{color:var(--text-muted);font-size:12px}@media (width<=480px){.footer-bar[data-v-df854909]{padding:32px 0 20px}.footer-nav[data-v-df854909]{gap:6px 16px}.footer-beian[data-v-df854909]{flex-direction:column;gap:6px}.divider[data-v-df854909]{display:none}}.modal-overlay[data-v-97113aaa]{background:var(--modal-overlay);opacity:0;pointer-events:none;z-index:1000;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.show[data-v-97113aaa]{opacity:1;pointer-events:auto}.modal-content[data-v-97113aaa]{background:var(--modal-bg);border:1px solid var(--border-card);border-radius:16px;width:100%;max-width:560px;max-height:80vh;padding:28px;transition:transform .3s;overflow-y:auto;transform:translateY(20px)}.modal-overlay.show .modal-content[data-v-97113aaa]{transform:translateY(0)}.modal-header[data-v-97113aaa]{color:var(--text-primary);border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;font-size:20px;font-weight:700;display:flex}.close-btn[data-v-97113aaa]{color:var(--text-secondary);padding:0 4px;font-size:32px;line-height:1}.modal-body[data-v-97113aaa]{color:var(--text-primary);font-size:15px;line-height:1.8}.modal-body[data-v-97113aaa] p{margin-bottom:14px}.modal-body[data-v-97113aaa] h3{color:var(--text-primary);margin:20px 0 10px;font-size:16px}.modal-body[data-v-97113aaa] ul{margin:10px 0 10px 20px}.modal-body[data-v-97113aaa] li{margin-bottom:6px}.modal-body[data-v-97113aaa] a{color:var(--accent-primary);text-decoration:none}.modal-body[data-v-97113aaa] a:hover{text-decoration:underline}.app-container[data-v-ccbe93c5]{background:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);min-height:100vh;transition:background .4s}.main-content[data-v-ccbe93c5]{padding-top:var(--header-height)}.hero-section[data-v-ccbe93c5]{min-height:calc(100vh - var(--header-height));justify-content:center;align-items:center;padding:60px 0;display:flex;position:relative;overflow:hidden}.hero-bg-decoration[data-v-ccbe93c5]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.deco-circle[data-v-ccbe93c5]{background:var(--accent-glow);border-radius:50%;position:absolute}.deco-1[data-v-ccbe93c5]{width:500px;height:500px;top:-150px;right:-100px}.deco-2[data-v-ccbe93c5]{width:360px;height:360px;bottom:-80px;left:-80px}.deco-3[data-v-ccbe93c5]{opacity:.6;width:200px;height:200px;top:40%;left:15%}.hero-content[data-v-ccbe93c5]{text-align:center;z-index:1;position:relative}.hero-badge[data-v-ccbe93c5]{border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-primary);align-items:center;margin-bottom:24px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.hero-title[data-v-ccbe93c5]{color:var(--text-primary);letter-spacing:-1px;margin-bottom:20px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.15}.hero-highlight[data-v-ccbe93c5]{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle[data-v-ccbe93c5]{color:var(--text-secondary);max-width:680px;margin:0 auto 32px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-stats[data-v-ccbe93c5]{justify-content:center;gap:48px;margin-bottom:40px;display:flex}.stat-item[data-v-ccbe93c5]{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-number[data-v-ccbe93c5]{color:var(--accent-primary);font-size:36px;font-weight:800;line-height:1}.stat-label[data-v-ccbe93c5]{color:var(--text-secondary);font-size:14px}.hero-actions[data-v-ccbe93c5]{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-btn[data-v-ccbe93c5]{border-radius:var(--radius-full);padding:16px 36px;font-size:16px;font-weight:600;transition:all .25s}.hero-btn.primary[data-v-ccbe93c5]{background:var(--accent-primary);color:var(--text-active);box-shadow:0 8px 24px var(--accent-shadow)}.hero-btn.primary[data-v-ccbe93c5]:hover{box-shadow:0 12px 32px var(--accent-shadow);filter:brightness(1.05);transform:translateY(-2px)}.hero-btn.secondary[data-v-ccbe93c5]{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card)}.hero-btn.secondary[data-v-ccbe93c5]:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}section[data-v-ccbe93c5]{padding:80px 0}.section-header[data-v-ccbe93c5]{margin-bottom:48px}.section-header.center[data-v-ccbe93c5]{text-align:center}.section-tag[data-v-ccbe93c5]{border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-primary);margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.section-title[data-v-ccbe93c5]{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(28px,4vw,40px);font-weight:700}.section-desc[data-v-ccbe93c5]{color:var(--text-secondary);max-width:560px;font-size:17px;line-height:1.6}.section-header.center .section-desc[data-v-ccbe93c5]{margin:0 auto}.player-section[data-v-ccbe93c5]{background:var(--bg-section)}.player-layout[data-v-ccbe93c5]{grid-template-columns:380px 1fr;align-items:start;gap:40px;display:grid}.player-display[data-v-ccbe93c5]{top:calc(var(--header-height) + 24px);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;position:sticky}.progress-section[data-v-ccbe93c5]{align-items:center;gap:12px;margin-top:16px;display:flex}.time-text[data-v-ccbe93c5]{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);text-align:center;min-width:40px}.progress-slider[data-v-ccbe93c5]{appearance:none;background:var(--border-card);cursor:pointer;border-radius:3px;outline:none;flex:1;height:5px}.progress-slider[data-v-ccbe93c5]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 2px 6px var(--accent-shadow);border-radius:50%}.progress-slider[data-v-ccbe93c5]::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 2px 6px var(--accent-shadow);border:none;border-radius:50%}.controls-section[data-v-ccbe93c5]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.main-controls[data-v-ccbe93c5]{align-items:center;gap:14px;display:flex}.control-btn[data-v-ccbe93c5]{background:var(--bg-card-hover);border:1px solid var(--border-card);width:44px;height:44px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn[data-v-ccbe93c5]:hover{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.control-btn svg[data-v-ccbe93c5]{width:22px;height:22px}.play-btn[data-v-ccbe93c5]{background:var(--accent-primary);width:64px;height:64px;color:var(--text-active);box-shadow:0 6px 20px var(--accent-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.play-btn[data-v-ccbe93c5]:hover{box-shadow:0 8px 25px var(--accent-shadow);transform:scale(1.05)}.play-btn svg[data-v-ccbe93c5]{width:28px;height:28px}.pill-btn[data-v-ccbe93c5]{border-radius:var(--radius-full);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-secondary);align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.pill-btn svg[data-v-ccbe93c5]{width:16px;height:16px}.pill-btn[data-v-ccbe93c5]:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-primary)}.pill-btn.active[data-v-ccbe93c5]{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.volume-section[data-v-ccbe93c5]{justify-content:center;align-items:center;gap:10px;width:100%;max-width:200px;margin:16px auto 0;display:flex}.volume-icon[data-v-ccbe93c5]{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.volume-slider[data-v-ccbe93c5]{appearance:none;background:var(--border-card);cursor:pointer;border-radius:3px;outline:none;flex:1;height:5px}.volume-slider[data-v-ccbe93c5]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.volume-slider[data-v-ccbe93c5]::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.sound-library[data-v-ccbe93c5]{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.tabs[data-v-ccbe93c5]{border-bottom:1px solid var(--border-card);gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex}.tab[data-v-ccbe93c5]{color:var(--text-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;position:relative}.tab[data-v-ccbe93c5]:hover{color:var(--text-primary);background:var(--accent-light)}.tab.active[data-v-ccbe93c5]{color:var(--accent-primary);background:var(--accent-light);font-weight:600}.tab-line[data-v-ccbe93c5]{background:var(--accent-primary);border-radius:2px;width:24px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.sound-grid[data-v-ccbe93c5]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.features-section[data-v-ccbe93c5]{background:var(--bg-gradient-start)}.features-grid[data-v-ccbe93c5]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card[data-v-ccbe93c5]{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card);padding:32px 24px;transition:all .3s}.feature-card[data-v-ccbe93c5]:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-primary);transform:translateY(-4px)}.feature-icon[data-v-ccbe93c5]{width:56px;height:56px;color:var(--accent-primary);background:var(--accent-light);border-radius:var(--radius-md);justify-content:center;align-items:center;margin:0 auto 20px;padding:12px;display:flex}.feature-icon[data-v-ccbe93c5] svg{width:100%;height:100%}.feature-title[data-v-ccbe93c5]{color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:700}.feature-desc[data-v-ccbe93c5]{color:var(--text-secondary);font-size:14px;line-height:1.7}.how-to-use-section[data-v-ccbe93c5]{background:var(--bg-section)}.steps-grid[data-v-ccbe93c5]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card[data-v-ccbe93c5]{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:36px 28px;transition:all .3s;position:relative}.step-card[data-v-ccbe93c5]:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.step-number[data-v-ccbe93c5]{color:var(--accent-light);font-size:48px;font-weight:800;line-height:1;position:absolute;top:20px;right:24px}.step-title[data-v-ccbe93c5]{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.step-desc[data-v-ccbe93c5]{color:var(--text-secondary);font-size:15px;line-height:1.7}.faq-section[data-v-ccbe93c5]{background:var(--bg-gradient-start)}.faq-list[data-v-ccbe93c5]{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item[data-v-ccbe93c5]{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px}.faq-question[data-v-ccbe93c5]{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700}.faq-answer[data-v-ccbe93c5]{color:var(--text-secondary);font-size:15px;line-height:1.7}.contact-item[data-v-ccbe93c5]{background:var(--bg-card-hover);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:6px;margin:16px 0;padding:16px 20px;display:flex}.contact-label[data-v-ccbe93c5]{color:var(--text-muted);font-size:13px}.contact-value[data-v-ccbe93c5]{color:var(--accent-primary);font-size:18px;font-weight:600;text-decoration:none}.contact-value[data-v-ccbe93c5]:hover{text-decoration:underline}@media (width<=1100px){.player-layout[data-v-ccbe93c5]{grid-template-columns:1fr}.player-display[data-v-ccbe93c5]{position:static}.features-grid[data-v-ccbe93c5],.steps-grid[data-v-ccbe93c5]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hide-mobile[data-v-ccbe93c5]{display:none}.hero-section[data-v-ccbe93c5]{min-height:auto;padding:40px 0 60px}.hero-stats[data-v-ccbe93c5]{gap:32px}.stat-number[data-v-ccbe93c5]{font-size:28px}.hero-btn[data-v-ccbe93c5]{padding:14px 28px;font-size:15px}section[data-v-ccbe93c5]{padding:60px 0}.section-header[data-v-ccbe93c5]{margin-bottom:36px}.features-grid[data-v-ccbe93c5],.steps-grid[data-v-ccbe93c5],.sound-grid[data-v-ccbe93c5]{grid-template-columns:1fr}.controls-section[data-v-ccbe93c5]{gap:12px}.pill-btn[data-v-ccbe93c5]{padding:8px 14px;font-size:12px}.play-btn[data-v-ccbe93c5]{width:56px;height:56px}.control-btn[data-v-ccbe93c5]{width:40px;height:40px}}