:root{--bg-base:#1E242B;--bg-section:#242C35;--bg-surface:#2A3340;--glass-bg:rgba(245,247,246,.07);--glass-bg-mid:rgba(245,247,246,.11);--glass-bg-light:rgba(245,247,246,.16);--glass-border:rgba(245,247,246,.14);--glass-border-h:rgba(245,247,246,.26);--glass-blur:24px;--glass-blur-lg:36px;--glass-shadow:0 8px 40px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);--glass-shadow-h:0 16px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12);--text-primary:#F5F7F6;--text-secondary:#C3C6CE;--text-muted:#7B8594;--text-label:#3E4A54;--accent-blue:#63A8FF;--accent-violet:#8F6BFF;--accent-pink:#FF6BAE;--accent-cyan:#6FECFF;--grad-hero:linear-gradient(135deg,#63A8FF 0%,#8F6BFF 50%,#FF6BAE 100%);--grad-bg:linear-gradient(180deg,#1E242B 0%,#181D24 100%);--grad-card-glow:linear-gradient(135deg,rgba(99,168,255,.15),rgba(143,107,255,.15));--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--font-main:'Inter','Noto Sans TC',-apple-system,BlinkMacSystemFont,sans-serif;--font-jp:'Noto Serif JP',Georgia,serif;--trans-fast:all .18s cubic-bezier(.4,0,.2,1);--trans-smooth:all .32s cubic-bezier(.4,0,.2,1);--trans-bounce:all .42s cubic-bezier(.34,1.56,.64,1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--grad-bg) fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}html,body,input,button,textarea,select{font-family:var(--font-main)!important}a{color:inherit;text-decoration:none}img{display:block}ul{list-style:none}button{cursor:pointer;font-family:inherit;border:none}.glass,.glass-mid,.glass-light{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass{background:var(--glass-bg)}.glass-mid{background:var(--glass-bg-mid)}.glass-light{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border-color:var(--glass-border-h)}.glass:hover,.glass-mid:hover{border-color:var(--glass-border-h);box-shadow:var(--glass-shadow-h);transform:translateY(-4px);transition:var(--trans-smooth)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;font-family:var(--font-main);letter-spacing:.02em;transition:var(--trans-smooth);white-space:nowrap}.btn-sm{padding:7px 16px;font-size:13px}.btn-primary{background:linear-gradient(135deg,rgb(99 168 255 / .25),rgb(143 107 255 / .25));border:1px solid rgb(99 168 255 / .4);color:#A8D4FF;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-primary:hover{background:linear-gradient(135deg,rgb(99 168 255 / .35),rgb(143 107 255 / .35));border-color:rgb(99 168 255 / .6);transform:translateY(-2px);box-shadow:0 8px 24px rgb(99 168 255 / .2)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:var(--glass-border-h);color:var(--text-primary);transform:translateY(-2px)}.btn-ghost{background:#fff0;border:1px solid #fff0;color:var(--text-muted);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-bg);border-color:var(--glass-border)}.btn-icon{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:var(--trans-fast);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chip:hover,.chip.active{background:var(--glass-bg-light);border-color:rgb(99 168 255 / .4);color:var(--accent-blue)}.chip.tag-genre{font-size:11px;padding:3px 10px}.section{padding:var(--space-xl) 0;position:relative}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:12px}.section-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);position:relative;padding-left:16px}.section-title::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--grad-hero);border-radius:2px}.section-link{font-size:13px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:4px;transition:var(--trans-fast)}.section-link:hover{color:var(--accent-blue)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:rgb(245 247 246 / .12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgb(245 247 246 / .22)}@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,rgb(255 255 255 / .04) 25%,rgb(255 255 255 / .08) 37%,rgb(255 255 255 / .04) 63%);background-size:600px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.status-airing{color:#52D68A}.status-finished{color:var(--text-muted)}.status-upcoming{color:var(--accent-cyan)}.glow-blue{box-shadow:0 0 20px rgb(99 168 255 / .3)}.glow-violet{box-shadow:0 0 20px rgb(143 107 255 / .3)}.glow-pink{box-shadow:0 0 20px rgb(255 107 174 / .3)}.grad-text{background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:var(--space-xl) 0}.grid-4{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.scroll-row{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.music-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer}.music-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgb(123 104 238 / .22);border-color:rgb(143 107 255 / .35)}.music-card-cover{width:100%;aspect-ratio:1;overflow:hidden;position:relative}.music-card-cover img{width:100%;height:100%;object-fit:cover}.music-card-cover-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(143 107 255 / .18),rgb(30 36 43 / .92));font-size:36px;position:relative}.music-play-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgb(143 107 255 / .85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgb(0 0 0 / .35),0 0 0 2px rgb(143 107 255 / .3)}.music-play-btn:hover{transform:scale(1.12);box-shadow:0 6px 20px rgb(143 107 255 / .5),0 0 0 3px rgb(143 107 255 / .4)}.music-card-info{padding:12px 14px 14px}.music-card-type{font-size:11px;font-weight:600;color:var(--accent-violet);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.music-card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card-artist{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.music-card-anime{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}@media (max-width:1280px){.grid-4{grid-template-columns:repeat(5,1fr)}}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}.container{padding:0 var(--space-md)}}@media (max-width:768px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.section{padding:var(--space-lg) 0}.section-title{font-size:18px}}@media (max-width:480px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--space-sm)}}