:root{--bg:#fdf4ff;--bg-soft:#fbeaff;--bg-card:#fff;--accent:#e8488b;--accent-2:#0fb9b1;--accent-glow:rgba(232,72,139,.28);--text:#2a2438;--text-dim:#8b8499;--border:rgba(42,36,56,.08);--shadow:0 6px 22px rgba(155,93,229,.1);--fd:"Sora",sans-serif;--fb:"Outfit",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--bg);background-image:radial-gradient(ellipse 70% 50% at 15% -5%,rgba(232,72,139,.1),transparent),radial-gradient(ellipse 60% 50% at 95% 5%,rgba(15,185,177,.1),transparent),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(155,93,229,.07),transparent);background-attachment:fixed;color:var(--text);min-height:100vh;padding-bottom:96px}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);background:#fdf4ffd1;border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:24px;padding:15px 20px;max-width:1240px;margin:0 auto}.logo{font-family:var(--fd);font-weight:800;font-size:1.4rem;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.logo .dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.logo span{color:var(--accent)}.search-box{flex:1;max-width:440px;position:relative}.search-box input{width:100%;padding:11px 16px 11px 42px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--fb);font-size:.95rem;outline:none;transition:.2s;box-shadow:var(--shadow)}.search-box input:focus{border-color:var(--accent)}.search-box input::placeholder{color:var(--text-dim)}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--text-dim)}.topnav{display:flex;gap:14px;font-size:.9rem;font-weight:500;color:var(--text-dim)}.topnav a:hover{color:var(--accent)}.cat-nav{border-bottom:1px solid var(--border);background:#fbeaff80}.cat-scroll{display:flex;gap:8px;padding:14px 20px;max-width:1240px;margin:0 auto;overflow-x:auto;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-chip{flex-shrink:0;padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);transition:.2s;white-space:nowrap;box-shadow:var(--shadow)}.cat-chip:hover,.cat-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.breadcrumb{font-size:.82rem;color:var(--text-dim);padding:16px 0 0}.breadcrumb a:hover{color:var(--accent-2)}footer{border-top:1px solid var(--border);padding:30px 0 20px;margin-top:30px;color:var(--text-dim);font-size:.85rem;text-align:center}footer a:hover{color:var(--accent-2)}.player{position:fixed;bottom:0;left:0;right:0;z-index:200;backdrop-filter:blur(24px);background:#ffffffeb;border-top:1px solid var(--border);box-shadow:0 -6px 30px #9b5de51f;transform:translateY(100%);transition:.35s cubic-bezier(.2,.8,.2,1)}.player.active{transform:translateY(0)}.player-inner{display:flex;align-items:center;gap:16px;padding:13px 20px;max-width:1240px;margin:0 auto}.player-logo{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-soft)}.player-logo svg{width:100%;height:100%}.player-info{flex:1;min-width:0}.player-info .name{font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info .status{font-size:.8rem;color:var(--accent-2);display:flex;align-items:center;gap:6px}.player-info .status .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2);animation:pulse 1.5s infinite}.player-info .status.loading{color:var(--text-dim)}.play-btn{width:50px;height:50px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}.play-btn:hover{transform:scale(1.07);box-shadow:0 0 20px var(--accent-glow)}.play-btn svg{width:20px;height:20px;fill:#fff}.volume{display:flex;align-items:center;gap:8px}.volume input{width:90px;accent-color:var(--accent)}@media (max-width:640px){.volume{display:none}.header-inner{flex-wrap:wrap}.search-box{order:3;max-width:100%;flex-basis:100%}.topnav{display:none}}