:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--accent: #ff375f;--accent-hover: #e52f55;--accent-text: #d62b4e;--fs-xs: .72rem;--fs-sm: .8rem;--fs-base: .9rem;--fs-md: 1rem;--fs-lg: 1.2rem;--fs-xl: 1.5rem;--fs-2xl: 2.2rem;--fs-3xl: 2.6rem;--accent-soft: rgba(255, 55, 95, .08);--accent-soft-2: rgba(255, 55, 95, .14);--accent-glow: rgba(255, 55, 95, .18);--accent-glow-strong: rgba(255, 55, 95, .28);--success: #34c759;--warning: #ff9f0a;--danger: #ff3b30;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 28px;--radius-pill: 999px;--shadow-xs: 0 2px 8px rgba(0, 0, 0, .04);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .06);--shadow-md: 0 10px 28px rgba(0, 0, 0, .08);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .14);--blur-sm: blur(12px) saturate(160%);--blur-md: blur(18px) saturate(180%);--blur-lg: blur(24px) saturate(180%);--blur-xl: blur(28px) saturate(180%);--blur-2xl: blur(30px) saturate(180%);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--container-max: 1200px;--album-detail-max: 880px;--cover-size: 168px;--cover-size-mobile: 128px;--brand-logo-size: 64px;--brand-logo-size-mobile: 50px;--header-height: 92px;--header-height-mobile: 76px;--header-pad-x: 20px;--header-pad-x-mobile: 16px;--header-action-size: 38px;--header-action-size-mobile: 34px;--header-action-gap: 6px;--header-btn-size: 40px;--header-btn-size-mobile: 36px;--header-icon-size: 19px;--header-icon-size-mobile: 18px;--header-gap-right: 10px;--brand-gap: 16px;--icon-btn-size: 40px;--icon-btn-size-sm: 30px;--player-height: 90px;--player-height-mobile: 80px;--player-cover-size: 48px;--player-cover-size-mobile: 44px;--player-main-btn-size: 46px;--player-main-btn-size-mobile: 42px;--player-action-btn-size: 40px;--player-action-btn-size-mobile: 36px;--player-sub-icon-size: 16px;--player-sub-icon-size-mobile: 14px;--player-main-icon-size: 20px;--player-main-icon-size-mobile: 18px;--player-action-icon-size: 20px;--player-action-icon-size-mobile: 22px;--player-main-icon-dark: #2b1020;--player-control-dark: #8f8790;--player-control-dark-hover: #c8c1c8;--player-action-bg-dark: rgba(255, 255, 255, .08);--player-action-bg-dark-hover: rgba(255, 255, 255, .12);--z-base: 1;--z-header: 100;--z-player: 1000;--z-modal: 9999;--z-overlay: 10000;--z-toast: 10001;--transition-fast: .2s;--transition-med: .3s;--transition-slow: .45s;--line-subtle: 1px solid transparent}:root,[data-theme=light]{--bg-page: #f5f5f7;--bg-page-top: rgba(255, 255, 255, .98);--bg-surface: rgba(255, 255, 255, .82);--bg-surface-strong: rgba(255, 255, 255, .92);--bg-elevated: rgba(255, 255, 255, .96);--bg-elevated-strong: rgba(255, 255, 255, .98);--bg-card: rgba(255, 255, 255, .86);--bg-card-hover: rgba(255, 255, 255, .98);--bg-control: rgba(120, 120, 128, .12);--bg-control-hover: rgba(120, 120, 128, .18);--bg-input: rgba(120, 120, 128, .12);--bg-divider: rgba(0, 0, 0, .08);--bg-divider-strong: rgba(0, 0, 0, .12);--bg-overlay: rgba(245, 245, 247, .72);--bg-header: rgba(255, 255, 255, .72);--bg-menu: rgba(255, 255, 255, .94);--bg-toast: rgba(255, 255, 255, .88);--bg-modal: rgba(245, 245, 247, .92);--bg-player: rgba(255, 255, 255, .84);--text-strong: #111111;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #8e8e93;--text-quaternary: #a1a1a6;--text-on-accent: #ffffff;--border-subtle: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--hero-gradient: linear-gradient(to bottom, rgba(255,255,255,.92), rgba(255,255,255,.72));--page-gradient: radial-gradient(circle at top, var(--bg-page-top), var(--bg-page) 48%), var(--bg-page)}[data-theme=dark]{--accent-text: var(--accent);--bg-page: #0b0b0f;--bg-page-top: rgba(22, 22, 28, .98);--bg-surface: rgba(24, 24, 28, .78);--bg-surface-strong: rgba(28, 28, 34, .9);--bg-elevated: rgba(32, 32, 38, .96);--bg-elevated-strong: rgba(36, 36, 42, .98);--bg-card: rgba(24, 24, 28, .86);--bg-card-hover: rgba(32, 32, 38, .98);--bg-control: rgba(255, 255, 255, .1);--bg-control-hover: rgba(255, 255, 255, .16);--bg-input: rgba(255, 255, 255, .1);--bg-divider: rgba(255, 255, 255, .08);--bg-divider-strong: rgba(255, 255, 255, .14);--bg-overlay: rgba(8, 8, 12, .62);--bg-header: rgba(16, 16, 20, .72);--bg-menu: rgba(30, 30, 36, .94);--bg-toast: rgba(28, 28, 34, .88);--bg-modal: rgba(10, 10, 14, .92);--bg-player: rgba(24, 24, 30, .84);--text-strong: #ffffff;--text-primary: #f5f5f7;--text-secondary: #b3b3b8;--text-tertiary: #8f8f95;--text-quaternary: #6f6f75;--text-on-accent: #ffffff;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--hero-gradient: linear-gradient(to bottom, rgba(28,28,34,.92), rgba(20,20,24,.76));--page-gradient: radial-gradient(circle at top, var(--bg-page-top), var(--bg-page) 48%), var(--bg-page)}html{color-scheme:light;scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark}html,body{margin:0;padding:0;min-height:100vh}body{background:var(--page-gradient);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:calc(var(--player-height) + env(safe-area-inset-bottom,0px))}*,*:before,*:after{box-sizing:border-box}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}p,span,div,tr,td,th,button,input{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}::selection{background:var(--accent-soft-2);color:var(--text-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}button,input,textarea,select{border:none;outline:none;background:none}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-media{display:none!important}@media(hover:hover)and (pointer:fine){a:hover{color:var(--accent-text)}}@media(max-width:600px){body{padding-bottom:calc(var(--player-height-mobile) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.container{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-xl)}.site-header{position:sticky;top:12px;z-index:var(--z-header);min-height:var(--header-height);padding:14px var(--header-pad-x);margin-bottom:var(--space-xl);background:var(--bg-header);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--brand-gap);min-width:0}.header-right{display:flex;align-items:center;gap:var(--header-gap-right);flex-shrink:0}.brand-home-btn{display:flex;align-items:center;gap:var(--brand-gap);background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;text-align:left;transition:opacity var(--transition-fast),transform var(--transition-fast)}.logo-wrapper{flex-shrink:0;display:flex;align-items:center}.brand-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);display:block;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}.brand-text{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}.brand-text h1{margin:0;font-size:1.28rem;line-height:1.2;letter-spacing:.02em;font-weight:700;color:var(--text-strong);white-space:nowrap}.brand-text .subtitle{margin:0;font-size:.7rem;line-height:1.2;letter-spacing:.22em;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-transform:uppercase}.album-detail{max-width:var(--album-detail-max);margin:0 auto}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}.album-hero{position:relative;display:flex;align-items:flex-end;gap:32px;margin-bottom:var(--space-2xl);padding:58px 26px 24px;background:var(--hero-gradient);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg)}.album-hero img,.album-hero svg.album-cover-svg{width:var(--cover-size);height:var(--cover-size);border-radius:var(--radius-xl);object-fit:cover;flex-shrink:0;box-shadow:0 14px 30px #00000024}.album-info{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding-bottom:2px}.album-info span{display:inline-block;margin-bottom:10px;font-size:var(--fs-sm);font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.album-info h2{margin:0 0 14px;font-size:var(--fs-3xl);line-height:.98;letter-spacing:-1.5px;font-weight:820;color:var(--text-strong);text-wrap:balance}.play-actions{display:flex;align-items:center;gap:14px;margin-top:26px}.tracklist{width:100%;border-collapse:collapse;border-spacing:0}.tracklist tr{transition:background-color var(--transition-fast)}.song-row{cursor:pointer}.song-row td{padding:14px 12px;border-bottom:1px solid var(--bg-divider)}.index-col{width:40px;text-align:center;color:var(--text-secondary);font-weight:500;font-size:var(--fs-base);font-variant-numeric:tabular-nums}.song-row td.title{font-size:var(--fs-md);font-weight:500;letter-spacing:0;color:var(--text-primary)}.title-subline{margin-top:4px;font-size:var(--fs-xs);font-weight:300;color:var(--text-secondary)}.play-icon{display:none;width:14px;height:14px;margin:0 auto;vertical-align:middle}.playing-row .index-num{display:none}.playing-row .play-icon{display:inline-block;color:var(--accent-text)}.playing-row td.title{color:var(--accent-text)!important;font-weight:700}.meta-count,.card-count{color:var(--text-secondary)}.meta-count{margin-top:var(--space-sm);font-size:var(--fs-sm);font-weight:400}.site-footer{margin-top:var(--space-xl);padding:var(--space-xl) 0;text-align:center;font-size:var(--fs-sm);color:var(--text-secondary);border-top:1px solid var(--border-subtle)}@media(hover:hover)and (pointer:fine){.brand-home-btn:hover{opacity:.94;transform:translateY(-1px)}.tracklist tr:hover{background-color:var(--bg-control)}.song-row:hover .index-num{display:none}.song-row:hover .play-icon{display:inline-block;color:var(--text-primary)}}@media(max-width:900px){.album-hero{gap:24px;padding:70px 24px 24px}.album-info h2{font-size:var(--fs-3xl)}}@media(max-width:600px){.container{padding:var(--space-lg)}.site-header{top:10px;min-height:var(--header-height-mobile);padding:12px var(--header-pad-x-mobile);margin-bottom:var(--space-lg);border-radius:var(--radius-2xl)}.header-left{gap:10px}.header-right{gap:6px}.album-hero{flex-direction:column;align-items:center;text-align:center;gap:18px;padding:68px 22px 24px!important}.album-hero img,.album-hero svg.album-cover-svg{width:var(--cover-size-mobile);height:var(--cover-size-mobile);border-radius:var(--radius-xl)}.album-info{align-items:center;padding-bottom:0}.album-info h2{margin-top:0;margin-bottom:12px;font-size:var(--fs-2xl);line-height:1.02;letter-spacing:-.6px}.play-actions{justify-content:center;margin-top:18px;gap:12px}.brand-logo{width:var(--brand-logo-size-mobile);height:var(--brand-logo-size-mobile);border-radius:0!important;background:transparent!important;box-shadow:none!important}.brand-text h1{font-size:1.05rem;letter-spacing:.02em}.brand-text .subtitle{font-size:.62rem;letter-spacing:.18em}}.search-dropdown-container,.dropdown{position:relative}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--header-btn-size);height:var(--header-btn-size);background:none;border:none;border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.back-btn{position:absolute;top:16px;left:16px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-elevated-strong);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.album-card-grid{background:var(--bg-card);padding:var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.album-card-grid img,.album-card-grid svg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.album-card-grid h2{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--text-strong)}.album-card-grid p{margin:6px 0 0;font-size:var(--fs-sm);color:var(--text-secondary)}.utility-cover-card{background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.glowing-line-svg{stroke:var(--accent);overflow:visible;transform:translateZ(0)}.glowing-line-svg line,.glowing-line-svg path,.glowing-line-svg circle{filter:none;-webkit-filter:none}.play-all-btn,.shuffle-btn{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--accent);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.play-all-btn svg{width:32px;height:32px}.shuffle-btn svg{width:24px;height:24px}.search-menu,.dropdown-menu,.share-toast-card,.about-card{background:var(--bg-menu);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl)}.search-menu{position:absolute;top:100%;right:0;z-index:100;display:none;margin-top:10px;padding:14px;border-radius:var(--radius-lg)}.search-menu.show{display:block}.search-input-wrapper{display:flex;gap:var(--space-sm)}#search-input{min-width:220px;padding:10px 14px;background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary)}#execute-search-btn,.share-toast-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;background:var(--accent);color:var(--text-on-accent);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}#execute-search-btn{padding:10px 16px;border-radius:var(--radius-md);font-weight:600}.dropdown-menu{position:absolute;right:0;bottom:100%;z-index:100;display:none;min-width:170px;margin-bottom:6px;padding:6px 0;border-radius:var(--radius-lg)}.dropdown-menu.show{display:block}.dropdown-menu.pop-down{top:100%;bottom:auto;margin-top:6px;margin-bottom:0}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;color:var(--text-primary);text-align:left;font-size:var(--fs-base);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.menu-item svg{width:18px;height:18px;flex-shrink:0;display:block;align-self:center}.album-menu .menu-item{font-size:var(--fs-base);line-height:normal}.album-menu .menu-item span{font-size:inherit;line-height:inherit}.album-menu .menu-item>span{margin:0;font-weight:inherit;letter-spacing:normal;text-transform:none;color:inherit}.menu-item>span{display:block;align-self:center}.menu-item.is-success{color:var(--success)}.menu-item.is-downloading{pointer-events:none;opacity:.8}.menu-loading-text{display:flex;align-items:center;gap:10px}.menu-loading-text:before,.spinner{content:"";display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.heart-btn.liked{color:var(--accent-text)}.heart-btn.liked svg{fill:var(--accent);stroke:var(--accent)}.heart-text:after{content:none}.share-toast-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:none;align-items:center;justify-content:center;opacity:0;background:var(--bg-overlay);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);transition:opacity var(--transition-med) ease}.share-toast-overlay.show{display:flex;opacity:1}.share-toast-card{width:85%;max-width:340px;padding:40px 24px;border-radius:var(--radius-3xl);text-align:center;transform:scale(.9);transition:transform var(--transition-med) cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-xl)}.share-toast-overlay.show .share-toast-card{transform:scale(1)}.share-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-xl);border-radius:50%;background:var(--accent-soft);color:var(--accent)}.share-toast-title{margin:0 0 var(--space-md);font-size:var(--fs-lg);font-weight:800;letter-spacing:.5px;color:var(--text-strong)}.share-toast-msg{margin:0 0 var(--space-3xl);font-size:var(--fs-base);line-height:1.5;color:var(--text-secondary)}.share-toast-btn{padding:14px 36px;border-radius:var(--radius-pill);font-size:var(--fs-md);font-weight:600}.about-card{position:relative;max-width:400px;text-align:left}.about-close-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-control);color:var(--text-primary);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.about-close-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);width:var(--icon-btn-size-sm);height:var(--icon-btn-size-sm);border-radius:var(--radius-pill);font-size:18px}.about-title{margin:0 0 var(--space-xl);text-align:center;font-size:var(--fs-lg);font-weight:800;letter-spacing:1px;color:var(--text-strong)}.about-body{font-size:var(--fs-base);line-height:1.7;color:var(--text-secondary)}.about-intro,.about-credit,.about-brand,.about-license{margin:0 0 var(--space-lg)}.about-highlight{display:block;margin-bottom:6px;color:var(--text-strong)}.about-credit-label{color:var(--text-primary)}.about-credit-code{font-family:monospace;font-size:var(--fs-xs);opacity:.65}.about-note{margin-bottom:var(--space-2xl);padding:var(--space-sm) 0 var(--space-sm) 12px;border-left:2px solid var(--accent);background:linear-gradient(to right,var(--accent-soft),transparent);font-size:var(--fs-sm)}.about-brand{margin-bottom:var(--space-xl);padding-top:var(--space-xl);text-align:center;border-top:1px solid var(--bg-divider)}.about-brand strong{display:block;margin-bottom:var(--space-xs);color:var(--accent)}.about-brand small,.about-license-note{opacity:.7}.about-license{padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--bg-divider);border-radius:var(--radius-md);font-size:var(--fs-sm);text-align:justify;color:var(--text-secondary)}.about-license-note{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--bg-divider);text-align:center;font-size:var(--fs-xs)}.about-license-link{color:var(--accent)}.empty-state{padding:56px 16px 64px;text-align:center;font-size:var(--fs-base);letter-spacing:.5px;color:var(--text-secondary)}.empty-illus{display:block;width:56px;height:56px;margin:0 auto 14px;color:var(--text-quaternary);stroke-width:1.4}.empty-state p{margin:0}.empty-cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:0 18px;height:40px;border:1.5px solid var(--accent-text);border-radius:var(--radius-pill);background:transparent;color:var(--accent-text);font-family:inherit;font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.empty-cta:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.icon-btn:hover{color:var(--text-strong);background:var(--bg-control);transform:scale(1.02)}.back-btn:hover{background:var(--bg-control-hover);color:var(--text-strong);transform:scale(1.03);box-shadow:none}.album-card-grid:hover{transform:translateY(-3px);background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.play-all-btn:hover,.shuffle-btn:hover{background:var(--bg-control);transform:scale(1.05)}.menu-item:hover,.about-close-btn:hover{background:var(--bg-control-hover)}.empty-cta:hover{background:var(--accent-text);color:var(--text-on-accent)}.share-toast-btn:hover,#execute-search-btn:hover{background:var(--accent-hover)}.share-toast-btn:hover{transform:scale(1.03)}}.album-card-grid:active{transform:scale(.98)}.play-all-btn:active,.shuffle-btn:active,.share-toast-btn:active,#execute-search-btn:active{transform:scale(.94)}.play-all-btn:active,.shuffle-btn:active{background:var(--bg-control-hover)}@media(max-width:600px){.icon-btn{width:var(--header-btn-size-mobile);height:var(--header-btn-size-mobile)}.back-btn{top:12px!important;left:12px!important}.play-all-btn,.shuffle-btn{width:52px;height:52px}.play-all-btn svg{width:28px;height:28px}.shuffle-btn svg{width:22px;height:22px}}.about-social{margin-top:var(--space-xl);padding-top:var(--space-md);display:flex;justify-content:center;align-items:center}.about-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);color:var(--text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.about-social-link:hover{color:var(--accent);background:var(--bg-control);transform:scale(1.05)}@media(max-width:600px){.about-social{margin-top:var(--space-lg);padding-top:var(--space-sm)}.about-social-link{width:40px;height:40px}.about-social-link svg{width:20px;height:20px}.about-license-note{font-size:var(--fs-xs);white-space:nowrap}}.header-right{display:inline-flex;align-items:center;gap:var(--header-action-gap);flex-shrink:0}.header-icon-btn,.lang-toggle-btn{width:var(--header-action-size);height:var(--header-action-size);padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.header-icon-btn svg{width:18px;height:18px}.lang-toggle-btn{font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em}.header-icon-btn:hover,.header-icon-btn:focus-visible,.lang-toggle-btn:hover,.lang-toggle-btn:focus-visible{background:var(--bg-control);color:var(--text-strong);outline:none}.header-icon-btn:active,.lang-toggle-btn:active{transform:scale(.96)}.lang-switcher{display:inline-flex;align-items:center;justify-content:center}@media(max-width:600px){.header-icon-btn,.lang-toggle-btn{width:var(--header-action-size-mobile);height:var(--header-action-size-mobile)}.header-icon-btn svg{width:17px;height:17px}.lang-toggle-btn{font-size:var(--fs-xs)}}.view-section{display:none}.view-section.active{display:block;animation:fadeIn var(--transition-med) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.is-hidden{display:none!important}.is-inline-hidden{visibility:hidden!important}.is-active{opacity:1!important;pointer-events:auto!important}.is-success{color:var(--success)!important}.is-warning{color:var(--warning)!important}.is-danger{color:var(--danger)!important}.is-accent{color:var(--accent)!important}.is-downloading{pointer-events:none!important;opacity:.8!important}.text-strong{color:var(--text-strong)!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-center{text-align:center!important}.pointer{cursor:pointer!important}.no-select{user-select:none!important;-webkit-user-select:none!important}.fade-enter{animation:fadeIn var(--transition-med) ease}.scale-hover{transition:transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){.scale-hover:hover{transform:scale(1.03)}}.video-dock{position:relative;max-width:var(--album-detail-max);margin:0 auto var(--space-2xl)}.video-dock[hidden]{display:none!important}.video-dock-inner{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--bg-elevated-strong);box-shadow:var(--shadow-lg)}.video-stage{position:relative;aspect-ratio:16 / 9;background:#000}.video-stage #main-video{width:100%;height:100%;object-fit:contain;background:#000;outline:none}.video-dock-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:10px 12px 10px 18px}.video-dock-meta{flex:1;min-width:0}.video-dock-title{font-size:var(--fs-md);font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-dock-time{font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.video-dock-album{margin-top:2px;font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-dock-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.video-dock-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.video-dock-btn svg{width:20px;height:20px}.video-dock-btn:active{transform:scale(.92)}.video-dock-btn:disabled{opacity:.35;cursor:default}.video-dock-close{margin-left:4px;background:var(--bg-control);color:var(--text-primary)}.video-dock-expand{display:none}@media(hover:hover)and (pointer:fine){.video-dock-btn:hover:not(:disabled){background:var(--bg-control-hover);color:var(--accent)}.video-dock-close:hover{color:var(--text-primary)}}.row-action-cell{width:128px;white-space:nowrap;text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%}.row-actions>*{flex:0 0 auto}.row-mv-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px 0 8px;border:1px solid var(--accent-soft-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-family:inherit;font-size:var(--fs-xs);font-weight:800;letter-spacing:.06em;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}.row-mv-btn svg{width:14px;height:14px;flex-shrink:0}.row-mv-btn span{display:inline}.row-mv-btn:active{transform:scale(.95)}.song-row.video-playing-row .row-mv-btn{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}@media(hover:hover)and (pointer:fine){.row-mv-btn:hover{background:var(--accent-soft-2);border-color:var(--accent)}.song-row.video-playing-row .row-mv-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.play-mv-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border:1.5px solid var(--accent-text);border-radius:var(--radius-pill);background:transparent;color:var(--accent-text);font-family:inherit;font-size:var(--fs-base);font-weight:750;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.play-mv-btn svg{width:20px;height:20px;flex-shrink:0}.album-info .play-mv-btn>span,.play-mv-btn>span{display:inline;margin:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;color:inherit;line-height:1}.play-mv-btn:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.play-mv-btn:hover{background:var(--accent-text);color:var(--text-on-accent);box-shadow:0 8px 20px var(--accent-glow)}}body.video-dock-open .album-hero{align-items:center;gap:18px;margin-bottom:var(--space-xl);padding:18px 20px 18px 72px!important}body.video-dock-open .album-hero img,body.video-dock-open .album-hero svg.album-cover-svg{width:72px;height:72px;border-radius:var(--radius-lg);box-shadow:none}body.video-dock-open .album-info>span{display:none}body.video-dock-open .album-info h2{margin:0 0 4px;font-size:var(--fs-xl);line-height:1.1;letter-spacing:-.3px}body.video-dock-open .album-info .meta-count{margin-top:0;font-size:var(--fs-sm)}body.video-dock-open .play-actions{margin-top:8px;gap:6px}body.video-dock-open .play-all-btn,body.video-dock-open .shuffle-btn{width:40px;height:40px}body.video-dock-open .play-all-btn svg{width:24px;height:24px}body.video-dock-open .shuffle-btn svg{width:18px;height:18px}body.video-dock-open .play-mv-btn{height:34px;padding:0 12px 0 10px;font-size:var(--fs-sm)}body.video-dock-open .play-mv-btn svg{width:16px;height:16px}@media(min-width:769px){.video-dock.is-mini .video-dock-inner{position:fixed;right:24px;bottom:calc(var(--player-height) + 28px);z-index:calc(var(--z-player) - 1);width:380px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.video-dock.is-mini .video-dock-bar{padding:6px 6px 6px 12px}.video-dock.is-mini .video-dock-title{font-size:var(--fs-base)}.video-dock.is-mini .video-dock-album{display:none}.video-dock.is-mini .video-dock-btn{width:32px;height:32px}.video-dock.is-mini .video-dock-btn svg{width:17px;height:17px}.video-dock.is-mini .video-dock-expand{display:inline-flex}}@media(max-width:768px){.video-dock{position:sticky;top:calc(var(--header-height) + 20px);z-index:calc(var(--z-header) - 1);margin-bottom:var(--space-lg)}.video-dock-inner{border-radius:var(--radius-xl)}.video-dock-bar{padding:8px 8px 8px 14px}}@media(max-width:600px){.video-dock{top:calc(var(--header-height-mobile) + 18px)}.row-mv-btn{height:32px;padding:0 9px 0 8px;font-size:var(--fs-xs)}.row-action-cell{width:112px}.song-row td{padding-left:8px;padding-right:8px}.song-row td.index-col{padding-left:4px;padding-right:4px}.play-mv-btn{height:40px;padding:0 16px 0 12px;font-size:var(--fs-sm)}body.video-dock-open .album-hero{flex-direction:row;align-items:center;text-align:left;gap:12px;padding:14px 14px 14px 58px!important}body.video-dock-open .album-hero img,body.video-dock-open .album-hero svg.album-cover-svg{width:56px;height:56px;border-radius:var(--radius-md)}body.video-dock-open .album-info{align-items:flex-start}body.video-dock-open .album-info h2{font-size:var(--fs-lg);margin-bottom:2px}body.video-dock-open .play-actions{justify-content:flex-start;margin-top:6px;gap:4px;flex-wrap:wrap}body.video-dock-open .play-all-btn,body.video-dock-open .shuffle-btn{width:34px;height:34px}body.video-dock-open .play-all-btn svg{width:20px;height:20px}body.video-dock-open .shuffle-btn svg{width:16px;height:16px}body.video-dock-open .play-mv-btn{height:30px;padding:0 9px 0 7px;gap:5px;font-size:var(--fs-xs)}body.video-dock-open .play-mv-btn svg{width:14px;height:14px}}