:root{--bg:#f5faff;--bg-soft:#eaf3fd;--elev:#fff;--body-bg:linear-gradient(175deg, #f7fbff, #edf5fd);--surface:#fff;--surface-hover:#eff6ff;--border:#dce9f7;--border-strong:#bfd7ef;--border-accent:#2563eb73;--text:#0c2a44;--text-muted:#4e6b87;--text-faint:#8ba6c0;--on-accent:#fff;--accent-fg:#1d4ed8;--aura:linear-gradient(135deg, #0284c7, #1e40af);--aura-bg:radial-gradient(42% 46% at 16% 24%, #60a5fa66, transparent 70%), radial-gradient(38% 42% at 66% 16%, #38bdf85c, transparent 72%), radial-gradient(32% 36% at 92% 44%, #93c5fd4d, transparent 72%);--glow:0 0 0 1px #2563eb42, 0 12px 32px -12px #2563eb4d;--badge:#0c2a44c7;--scrim:linear-gradient(0deg, #0c2a44db, transparent 62%);--overlay:#e2eefae0;--wave-idle:#d3e3f2;--skeleton:#e4edf7;--tint-1:#dbeafe;--tint-1-fg:#1d4ed8;--tint-2:#e0f2fe;--tint-2-fg:#0369a1;--header-bg:linear-gradient(100deg, #f7fbffe6, #edf5fde6);--play-fg:#0c2a44;--play-bg:#ffffffeb;--shadow-sm:0 1px 2px #0c2a440d;--shadow-md:0 8px 24px -10px #0c2a441f;--shadow-lg:0 24px 56px -20px #0c2a4429;--card-shadow:0 1px 3px #0c2a440f, 0 8px 20px -14px #0c2a441f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SF Mono", "JetBrains Mono", Consolas, monospace;--tracking-tight:-.03em;--tracking-snug:-.015em;--tracking-wide:.08em;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.22s;--dur-slow:.42s;--container:1400px;--header-h:64px;--player-h:76px}:root[data-theme=dark]{--bg:#041a2a;--bg-soft:#062436;--elev:#0a2a3e;--body-bg:linear-gradient(175deg, #041a2a, #062436);--surface:#ffffff0a;--surface-hover:#ffffff13;--border:#7dd3fc21;--border-strong:#7dd3fc3d;--border-accent:#38bdf88c;--text:#e6f3fb;--text-muted:#8fb3c9;--text-faint:#5e829b;--on-accent:#03243a;--accent-fg:#60a5fa;--aura:linear-gradient(135deg, #38bdf8, #60a5fa);--aura-bg:radial-gradient(40% 44% at 16% 26%, #38bdf86b, transparent 68%), radial-gradient(36% 40% at 68% 16%, #60a5fa57, transparent 70%), radial-gradient(30% 34% at 92% 42%, #7dd3fc38, transparent 72%);--glow:0 0 0 1px #38bdf84d, 0 14px 40px -12px #38bdf873;--badge:#020e18cc;--scrim:linear-gradient(0deg, #020e18eb, transparent 62%);--overlay:#031420db;--wave-idle:#7dd3fc2e;--skeleton:#0a2a3e;--tint-1:#38bdf829;--tint-1-fg:#7dd3fc;--tint-2:#60a5fa29;--tint-2-fg:#93c5fd;--header-bg:linear-gradient(100deg, #041a2ade, #062436de);--play-fg:#e6f3fb;--play-bg:#0a2a3ee0;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px -8px #0000008c;--shadow-lg:0 24px 64px -20px #000000b3;--card-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:var(--body-bg,var(--bg));color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);background-attachment:fixed;line-height:1.6;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ol,ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent-fg);outline-offset:3px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5{letter-spacing:var(--tracking-tight);font-weight:650;line-height:1.15}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.375rem,2.4vw,1.875rem)}h3{font-size:1.0625rem}h3,h4{letter-spacing:var(--tracking-snug)}h4{font-size:.9375rem}h5{letter-spacing:var(--tracking-snug);font-size:.8125rem}.eyebrow{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-fg);font-size:.75rem;font-weight:650}.lede{max-width:40em;font-size:clamp(.9375rem,1.4vw,1.125rem)}.lede,.muted{color:var(--text-muted)}.mono{font-family:var(--mono)}.mono,.num{font-variant-numeric:tabular-nums}.gtext{background:var(--aura);color:#0000;-webkit-background-clip:text;background-clip:text}.prose{color:var(--text-muted);font-size:.9375rem;line-height:1.75}.prose p+p{margin-top:var(--sp-3)}.prose strong{color:var(--text);font-weight:600}.container{width:100%;max-width:var(--container);padding-inline:var(--sp-5);margin-inline:auto}@media (width<=640px){.container{padding-inline:var(--sp-4)}}.section{padding-block:var(--sp-8)}.section--tight{padding-block:var(--sp-6)}.section--flush-top{padding-top:0}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.section-head p{color:var(--text-muted);margin-top:var(--sp-1);font-size:.8125rem}.row{align-items:center;gap:var(--sp-3);display:flex}.row--wrap{flex-wrap:wrap}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.spacer{flex:1}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:40px;padding-inline:var(--sp-4);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text);letter-spacing:var(--tracking-snug);white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease);font-size:.9375rem;font-weight:550;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}.btn:disabled{background:var(--skeleton);border-color:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn svg{flex:none;width:16px;height:16px}.btn--primary{background:var(--aura);color:var(--on-accent);border-color:#0000;font-weight:600}.btn--primary:hover:not(:disabled){background:var(--aura);box-shadow:var(--glow);border-color:#0000;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:scale(.97)}.btn--primary:disabled{background:var(--tint-1);border-color:#0000}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}.btn--ghost:disabled{color:var(--text-faint);background:0 0;border-color:#0000}.btn--lg{height:48px;padding-inline:var(--sp-5);font-size:.9375rem}.btn--sm{height:32px;padding-inline:var(--sp-3);font-size:.8125rem}.btn--icon{width:40px;height:40px;padding:0}.btn--icon.btn--sm{width:32px;height:32px}.btn--block{width:100%}.tag{align-items:center;gap:var(--sp-1);height:26px;padding-inline:var(--sp-3);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;font-size:.75rem;display:inline-flex}.tag--1{background:var(--tint-1);color:var(--tint-1-fg)}.tag--1,.tag--2{border-color:#0000;font-weight:550}.tag--2{background:var(--tint-2);color:var(--tint-2-fg)}.badge{right:var(--sp-2);bottom:var(--sp-2);z-index:2;background:var(--badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em;border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:550;position:absolute}.badge--tl{left:var(--sp-2);right:auto;top:var(--sp-2);bottom:auto}.header{z-index:50;height:var(--header-h);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(16px);position:sticky;top:0}.header:after{content:"";background:var(--border);height:1px;position:absolute;inset:auto 0 0}.header__inner{gap:var(--sp-5);height:100%}.brand,.header__inner{align-items:center;display:flex}.brand{gap:var(--sp-3);letter-spacing:var(--tracking-tight);flex:none;font-size:1.0625rem;font-weight:700}.brand__mark{flex:none;width:30px;height:30px;display:block}.nav{align-items:center;gap:var(--sp-1);display:flex}.nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--text-muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);font-size:.9375rem;font-weight:500;position:relative}.nav a:hover{color:var(--text);background:var(--surface-hover)}.nav a[aria-current=page]{color:var(--text);font-weight:600}.nav a[aria-current=page]:after{content:"";left:var(--sp-3);right:var(--sp-3);background:var(--aura);border-radius:2px;height:2px;position:absolute;bottom:2px}.search{flex:1;max-width:400px;margin-left:auto;position:relative}.search input{width:100%;height:38px;padding:0 var(--sp-4) 0 38px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);font-size:.9375rem}.search input::placeholder{color:var(--text-faint)}.search input:focus{border-color:var(--accent-fg);box-shadow:0 0 0 3px var(--tint-1);outline:none}.search svg{width:15px;height:15px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.header__actions{align-items:center;gap:var(--sp-2);flex:none;display:flex}.theme-toggle .i-moon,:root[data-theme=dark] .theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-moon{display:block}.nav-toggle{display:none}@media (width<=1080px){.header__actions .btn--text-hide{display:none}}@media (width<=940px){.search{display:none}}@media (width<=760px){.nav{inset:var(--header-h) 0 auto 0;padding:var(--sp-3);background:var(--elev);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform var(--dur) var(--ease-out);flex-direction:column;align-items:stretch;gap:0;position:fixed;transform:translateY(-120%)}.nav[data-open=true]{transform:translateY(0)}.nav a{padding:var(--sp-3) var(--sp-4)}.nav a[aria-current=page]:after{display:none}.nav-toggle{order:-1;display:inline-flex}}.hero{isolation:isolate;padding-block:clamp(var(--sp-8),9vw,116px) var(--sp-8);position:relative;overflow:hidden}.hero--compact{padding-block:var(--sp-7) var(--sp-5)}.hero__aura{z-index:-1;pointer-events:none;background:var(--aura-bg);filter:blur(60px);height:660px;animation:aura-drift 26s var(--ease) infinite alternate;position:absolute;inset:-45% -8% auto}@keyframes aura-drift{0%{transform:translateZ(0)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}.hero h1{max-width:9em;margin-top:var(--sp-3)}.hero .lede{margin-top:var(--sp-4)}.hero__actions{margin-top:var(--sp-6);gap:var(--sp-3);flex-wrap:wrap;display:flex}.hero__stats{margin-top:var(--sp-8);gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:760px;display:grid}.hero__stat{border-left:2px solid var(--border);padding-left:var(--sp-4)}.hero__stat b{letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;font-size:clamp(1.375rem,2.6vw,1.875rem);font-weight:700;display:block}.hero__stat span{color:var(--text-muted);font-size:.8125rem}.filters{top:var(--header-h);z-index:40;padding-block:var(--sp-3);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(14px);border-block:1px solid var(--border);position:sticky}.filters__inner{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.filters__row+.filters__row{margin-top:var(--sp-3)}.filters__label{color:var(--text-faint);flex:none;width:48px;font-size:.75rem}.chips{gap:var(--sp-2);scrollbar-width:none;padding-bottom:1px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{height:32px;padding-inline:var(--sp-4);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);justify-content:center;align-items:center;font-size:.8125rem;display:inline-flex}.chip:hover{background:var(--surface-hover);color:var(--text)}.chip[aria-pressed=true]{background:var(--aura);color:var(--on-accent);border-color:#0000;font-weight:600}.chip--1{background:var(--tint-1);color:var(--tint-1-fg)}.chip--1,.chip--2{border-color:#0000;font-weight:550}.chip--2{background:var(--tint-2);color:var(--tint-2-fg)}.select{height:32px;padding:0 var(--sp-3);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);cursor:pointer}.result-count,.select{color:var(--text-muted);font-size:.8125rem}.result-count b{color:var(--accent-fg);font-variant-numeric:tabular-nums;font-weight:600}.ph-1{--g:linear-gradient(140deg, #5fb4e8, #b3ddf6)}.ph-2{--g:linear-gradient(140deg, #2c9db5, #8ed3de)}.ph-3{--g:linear-gradient(140deg, #1e4f7a, #3f7fb5)}.ph-4{--g:linear-gradient(140deg, #e8d6b8, #f6eddc)}.ph-5{--g:linear-gradient(140deg, #f0b9a0, #f9dccb)}.ph-6{--g:linear-gradient(140deg, #8e8fc4, #c9c6e6)}.ph-7{--g:linear-gradient(140deg, #d7e6f0, #f1f6fa)}.ph-8{--g:linear-gradient(140deg, #4f8f6b, #9cc9ae)}.media{background:var(--g,var(--skeleton));background-position:50%;background-size:cover;position:relative;overflow:hidden}.media--16x9{aspect-ratio:16/9}.media--4x3{aspect-ratio:4/3}.media--1x1{aspect-ratio:1}.media--3x2{aspect-ratio:3/2}.media__play{z-index:2;opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.media__play,.media__play i{place-items:center;display:grid}.media__play i{border-radius:var(--r-full);background:var(--play-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50px;height:50px;box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease-out);transform:scale(.85)}.media__play svg{width:18px;height:18px;color:var(--play-fg);margin-left:2px}.grid{gap:var(--sp-4);align-items:start;display:grid}.grid--video{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.grid--audio{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.grid--2{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.card{background:var(--elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--card-shadow);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);position:relative;overflow:hidden}.card:hover{border-color:var(--border-accent);box-shadow:var(--glow);transform:translateY(-4px)}.card:hover .media__play{opacity:1}.card:hover .media__play i{transform:scale(1)}.card__body{padding:var(--sp-4)}.card__title{letter-spacing:var(--tracking-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card__meta{margin-top:var(--sp-2);align-items:center;gap:var(--sp-2);color:var(--text-muted);flex-wrap:wrap;font-size:.75rem;display:flex}.card__meta b{color:var(--accent-fg);font-variant-numeric:tabular-nums;font-weight:600}.dot{background:var(--text-faint);border-radius:50%;flex:none;width:3px;height:3px}.audio-card__top{align-items:center;gap:var(--sp-3);padding:var(--sp-4);display:flex}.audio-card__cover{border-radius:var(--r-md);background:var(--g,var(--skeleton));flex:none;width:54px;height:54px;position:relative}.audio-card__cover:after{content:"";border-radius:inherit;border:1px solid var(--border);position:absolute;inset:0}.audio-card__info{flex:1;min-width:0}.audio-card__info h3,.audio-card__info h4,.audio-card__info p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.audio-card__foot,.audio-card__info p{color:var(--text-muted);font-size:.75rem}.audio-card__foot{align-items:center;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4);flex-wrap:wrap;display:flex}.play-btn{border-radius:var(--r-full);background:var(--aura);width:38px;height:38px;box-shadow:var(--glow);transition:transform var(--dur) var(--ease-out);flex:none;place-items:center;display:grid}.play-btn:hover{transform:scale(1.08)}.play-btn:active{transform:scale(.94)}.play-btn svg{width:15px;height:15px;color:var(--on-accent)}.play-btn .i-play{margin-left:2px}.play-btn .i-pause{display:none}.play-btn[data-playing=true] .i-pause{display:block}.play-btn[data-playing=true] .i-play{display:none}.play-btn--lg{width:56px;height:56px}.play-btn--lg svg{width:21px;height:21px}.waveform{height:52px;padding:0 var(--sp-4) var(--sp-4);cursor:pointer;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.waveform span{background:var(--wave-idle);min-width:2px;max-width:4px;height:calc(var(--h,40)*1%);transition:background var(--dur) var(--ease);border-radius:2px;flex:1 1 0}.waveform span.is-played{background:var(--aura)}.waveform:hover span{background:var(--border-strong)}.waveform:hover span.is-played{background:var(--aura)}.waveform--lg{height:120px;padding:var(--sp-5) var(--sp-5);gap:3px}.waveform--lg span{max-width:8px}[data-playing=true] .waveform--lg span.is-played,[data-playing=true]>.waveform span.is-played{animation:pulse-bar 1.1s var(--ease) infinite alternate}@keyframes pulse-bar{0%{opacity:.6}to{opacity:1}}.masonry{-moz-column-count:4;column-count:4;-moz-column-gap:var(--sp-4);column-gap:var(--sp-4)}.masonry>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--sp-4)}@media (width<=1200px){.masonry{-moz-column-count:3;column-count:3}}@media (width<=820px){.masonry{-moz-column-count:2;column-count:2}}@media (width<=480px){.masonry{-moz-column-count:2;column-count:2}}.photo{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--elev);box-shadow:var(--card-shadow);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);display:block;position:relative;overflow:hidden}.photo:hover{border-color:var(--border-accent);box-shadow:var(--glow);transform:translateY(-3px)}.photo__img{background:var(--g,var(--skeleton))}.photo__ov{padding:var(--sp-6) var(--sp-3) var(--sp-3);background:var(--scrim);color:#fff;opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-out);position:absolute;inset:auto 0 0;transform:translateY(8px)}.photo:hover .photo__ov{opacity:1;transform:none}.photo__ov h4{font-size:.8125rem;font-weight:600}.photo__ov p{opacity:.82;font-size:.75rem}.photo__act{top:var(--sp-2);right:var(--sp-2);gap:var(--sp-1);opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-out);display:flex;position:absolute;transform:translateY(-6px)}.photo:hover .photo__act{opacity:1;transform:none}.icon-chip{border-radius:var(--r-full);background:var(--badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:30px;height:30px;transition:transform var(--dur-fast) var(--ease);place-items:center;display:grid}.icon-chip:hover{transform:scale(1.1)}.icon-chip svg{width:14px;height:14px}.breadcrumb{align-items:center;gap:var(--sp-2);color:var(--text-muted);margin-bottom:var(--sp-4);flex-wrap:wrap;font-size:.8125rem;display:flex}.breadcrumb a:hover{color:var(--accent-fg)}.breadcrumb svg{opacity:.5;flex:none;width:13px;height:13px}.detail{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}@media (width<=1040px){.detail{grid-template-columns:minmax(0,1fr)}}.detail-head{margin-bottom:var(--sp-5)}.detail-head h1{max-width:20em;font-size:clamp(1.5rem,3.2vw,2.25rem)}.detail-head .row{margin-top:var(--sp-3);color:var(--text-muted);font-size:.8125rem}.stage{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--elev);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.stage__media{background:var(--g,var(--skeleton))}.stage--audio{padding:var(--sp-6);text-align:center}.stage--audio .audio-hero{width:148px;height:148px;margin:0 auto var(--sp-5);border-radius:var(--r-xl);background:var(--g,var(--skeleton));box-shadow:var(--glow)}.vplayer{padding:var(--sp-7) var(--sp-4) var(--sp-3);background:var(--scrim);gap:var(--sp-2);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.vplayer__row{align-items:center;gap:var(--sp-3);color:#fff;display:flex}.vplayer__row svg{width:17px;height:17px}.vplayer__time{font-variant-numeric:tabular-nums;opacity:.88;flex:none;font-size:.75rem}.progress{background:var(--wave-idle);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.progress--on-media{background:#ffffff47}.progress__fill{border-radius:inherit;background:var(--aura);height:100%;position:relative}.progress__fill:after{content:"";width:12px;height:12px;transition:transform var(--dur) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0)}.progress:hover .progress__fill:after{transform:translateY(-50%)scale(1)}.panel{background:var(--elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--card-shadow)}.panel+.panel{margin-top:var(--sp-4)}.panel h4{margin-bottom:var(--sp-3)}.panel--accent{background:var(--tint-1);border-color:#0000}.kv{gap:var(--sp-2) var(--sp-4);grid-template-columns:auto 1fr;font-size:.8125rem;display:grid}.kv dt{color:var(--text-muted);white-space:nowrap}.kv dd{text-align:right;font-variant-numeric:tabular-nums}.author{align-items:center;gap:var(--sp-3);display:flex}.author__avatar{border-radius:var(--r-full);background:var(--g,var(--aura));width:42px;height:42px;color:var(--on-accent);flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.author__name{font-size:.8125rem;font-weight:600}.author__sub{color:var(--text-muted);font-size:.75rem}.dl-list{gap:var(--sp-2);flex-direction:column;display:flex}.dl-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);display:flex}.dl-item:hover{background:var(--surface-hover);border-color:var(--border-accent)}.dl-item__main{flex:1;min-width:0}.dl-item__main b{font-size:.8125rem;font-weight:600;display:block}.dl-item__main span{color:var(--text-muted);font-size:.75rem}.dl-item svg{width:15px;height:15px;color:var(--accent-fg);flex:none}.track{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--border);display:flex}.track:first-child{border-top:none}.track__idx{width:20px;color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.track__main{flex:1;min-width:0}.track__main b{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:550;display:block;overflow:hidden}.track__dur,.track__main span{color:var(--text-muted);font-size:.75rem}.track__dur{font-variant-numeric:tabular-nums;flex:none}.miniplayer{z-index:60;height:var(--player-h);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--border);transition:transform var(--dur-slow) var(--ease-out);position:fixed;inset:auto 0 0;transform:translateY(100%)}.miniplayer[data-visible=true]{transform:translateY(0)}.miniplayer__inner{align-items:center;gap:var(--sp-4);height:100%;display:flex}.miniplayer__cover{border-radius:var(--r-sm);background:var(--g,var(--aura));flex:none;width:46px;height:46px}.miniplayer__info{width:210px;min-width:0}.miniplayer__info h4{font-size:.8125rem}.miniplayer__info h4,.miniplayer__info p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.miniplayer__info p{color:var(--text-muted);font-size:.75rem}.miniplayer__ctrl{align-items:center;gap:var(--sp-2);flex:none;display:flex}.miniplayer__ctrl button svg{width:18px;height:18px;color:var(--text-muted)}.miniplayer__ctrl button:hover svg{color:var(--text)}.miniplayer__bar{align-items:center;gap:var(--sp-3);flex:1;display:flex}.miniplayer .vplayer__time{color:var(--text-muted);opacity:1}@media (width<=820px){.miniplayer__bar,.miniplayer__info{display:none}}body[data-player=on]{padding-bottom:var(--player-h)}.lightbox{z-index:100;padding:var(--sp-5);background:var(--overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);place-items:center;display:none;position:fixed;inset:0}.lightbox[data-open=true]{animation:fade-in var(--dur) var(--ease);display:grid}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox__frame{aspect-ratio:3/2;border-radius:var(--r-xl);border:1px solid var(--border-strong);background:var(--g,var(--skeleton));width:100%;max-width:min(1100px,92vw);max-height:84vh;box-shadow:var(--shadow-lg)}.lightbox__close{top:var(--sp-5);right:var(--sp-5);position:absolute}.lightbox__cap{bottom:var(--sp-5);color:var(--text-muted);text-align:center;font-size:.8125rem;position:absolute;left:50%;transform:translate(-50%)}.lightbox__cap b{color:var(--text);font-weight:600;display:block}#captcha-overlay{z-index:120;padding:var(--sp-4);background:var(--overlay);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#captcha-overlay[data-open=true]{display:flex}.loadmore{padding-block:var(--sp-7);place-items:center;gap:var(--sp-3);display:grid}.loadmore p{color:var(--text-faint);font-size:.8125rem}.empty{text-align:center;padding-block:var(--sp-9)}.empty svg{width:40px;height:40px;color:var(--text-faint);margin:0 auto var(--sp-4)}.empty h3{margin-bottom:var(--sp-2)}.empty p{color:var(--text-muted);font-size:.8125rem}.footer{margin-top:var(--sp-9);padding-block:var(--sp-7) var(--sp-6);border-top:1px solid var(--border);background:var(--bg-soft)}.footer__grid{grid-template-columns:1.6fr repeat(var(--cols,3),1fr);gap:var(--sp-6);display:grid}@media (width<=820px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}.footer h5{margin-bottom:var(--sp-3);font-weight:650}.footer li+li{margin-top:var(--sp-2)}.footer a{color:var(--text-muted);transition:color var(--dur) var(--ease);font-size:.8125rem}.footer a:hover{color:var(--accent-fg)}.footer__desc{color:var(--text-muted);margin-top:var(--sp-3);max-width:20em;font-size:.8125rem}.footer__bottom{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;font-size:.8125rem}.footer__bottom,.footer__filing{gap:var(--sp-4);flex-wrap:wrap;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.js .reveal{opacity:0;transform:translateY(14px)}.js .reveal.is-in{opacity:1;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transform:none}body{font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7;position:relative}h1,h2,h3,h4,h5{letter-spacing:-.01em;font-weight:600}.meta,.num,.trk__dur,.vid__dur,.vplayer__time{font-variant-numeric:tabular-nums}.skylight{background:var(--aura-bg);filter:blur(64px);opacity:.75;pointer-events:none;z-index:0;height:520px;position:absolute;inset:0 0 auto}.footer,main{z-index:1;position:relative}.sec{padding-block:40px 8px}.sec__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.sec__head h2{font-size:1.25rem}.sec__head p{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.sec__head a{color:var(--accent-fg);flex:none;font-size:.8125rem}.sec__head a:hover{text-underline-offset:3px;text-decoration:underline}.meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;font-size:.75rem;display:flex}.meta b{color:var(--text);font-weight:500}.opener{padding-block:36px 8px}.opener__head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.opener__head h2{font-size:clamp(1.375rem,2.2vw,1.75rem)}.opener__head p{color:var(--text-muted);font-size:.9375rem}.opener__grid{grid-template:"feat picA picB""feat trk trk"1fr/minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.opener__feat{grid-area:feat}.opener__picA{grid-area:picA}.opener__picB{grid-area:picB}.opener__trk{grid-area:trk;align-self:stretch}.opener__feat .vid__frame{aspect-ratio:16/10}.opener__feat .vid__title{font-size:1.0625rem}.opener .pic__img{aspect-ratio:1}.opener .trk{border:1px solid var(--border);background:var(--elev);border-radius:12px;height:100%;margin-inline:0;padding-inline:16px}@media (width<=960px){.opener__grid{grid-template-columns:1fr 1fr;grid-template-areas:"feat feat""picA picB""trk trk"}}@media (width<=560px){.opener__grid{gap:8px}}.vids{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 16px;display:grid}.vid{display:block}.vid__frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--g,var(--skeleton));transition:border-color var(--dur) var(--ease);border-radius:8px;position:relative;overflow:hidden}.vid:hover .vid__frame{border-color:var(--border-accent)}.vid__frame:after,.vid__frame:before{content:"";opacity:0;height:3px;transition:opacity var(--dur) var(--ease);position:absolute;bottom:0;left:0}.vid__frame:before{background:#ffffff47;right:0}.vid__frame:after{width:var(--scrub,38%);background:var(--aura)}.vid:hover .vid__frame:after,.vid:hover .vid__frame:before{opacity:1}.vid__dur{z-index:2;background:var(--badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:4px;padding:2px 7px;font-size:.75rem;font-weight:500;position:absolute;bottom:10px;right:8px}.vid__cap{padding-top:10px}.vid__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.vid__cap .meta{margin-top:4px}.tracks{border-top:1px solid var(--border)}.trk{border-bottom:1px solid var(--border);transition:background var(--dur) var(--ease);border-radius:8px;grid-template-columns:40px minmax(160px,240px) minmax(0,1fr) 52px 36px;grid-template-areas:"play info wave dur dl";align-items:center;gap:16px;margin-inline:-12px;padding:12px;display:grid}.trk:hover{background:var(--surface-hover)}.trk[data-playing=true]{background:var(--tint-1)}.trk .play-btn{width:36px;height:36px;box-shadow:none;grid-area:play}.trk .play-btn svg{width:14px;height:14px}.trk .audio-card__info{grid-area:info}.trk .audio-card__info h3{font-size:.9375rem;font-weight:500}.trk .audio-card__info p{font-size:.75rem}.trk .waveform{grid-area:wave;height:40px;padding:0}.trk .waveform span{max-width:6px}.trk__dur{color:var(--text-muted);text-align:right;grid-area:dur;font-size:.8125rem}.trk__dl{grid-area:dl;width:36px;height:36px}@media (width<=720px){.trk{grid-template-columns:40px minmax(0,1fr) 52px 36px;grid-template-areas:"play info dur dl""wave wave wave wave";row-gap:8px}}.pics{-moz-column-count:4;column-count:4;-moz-column-gap:8px;column-gap:8px}.pic{-moz-column-break-inside:avoid;break-inside:avoid;border-radius:0;margin-bottom:8px;display:block;position:relative;overflow:hidden}.pic__img{background:var(--g,var(--skeleton));transition:transform var(--dur-slow) var(--ease-out)}.pic:hover .pic__img{transform:scale(1.025)}.pic__cap{background:var(--scrim);color:#fff;opacity:0;transition:opacity var(--dur) var(--ease);padding:28px 12px 10px;position:absolute;inset:auto 0 0}.pic:hover .pic__cap{opacity:1}.pic__cap b{font-size:.8125rem;font-weight:500;display:block}.pic__cap span{opacity:.82;font-size:.75rem}@media (width<=1200px){.pics{-moz-column-count:3;column-count:3}}@media (width<=820px){.pics{-moz-column-count:2;column-count:2}}@media (width<=480px){.pics{-moz-column-count:2;column-count:2}}.cats{padding-block:28px 4px}.cats__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.cats__head h2{color:var(--text-muted);font-size:1rem;font-weight:500}.cats__total{color:var(--text-muted);font-size:.8125rem}.cats__total .num{color:var(--text);font-weight:500}.cats__row{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;display:grid}.cat{min-width:0;display:block}.cat__img{aspect-ratio:3/2;background:var(--g,var(--skeleton));border:1px solid var(--border);transition:border-color var(--dur) var(--ease);border-radius:8px}.cat:hover .cat__img{border-color:var(--border-accent)}.cat__name{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:.8125rem;font-weight:500;overflow:hidden}.cat__count{color:var(--text-muted);font-size:.75rem}.cats__row,.colls{--gutter:24px}@media (width<=640px){.cats__row,.colls{--gutter:16px}}@media (width<=1100px){.cats__row{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:12px;display:flex;overflow-x:auto}.cats__row::-webkit-scrollbar{display:none}.cat{scroll-snap-align:start;flex:0 0 148px}}.colls{scroll-snap-type:x mandatory;scrollbar-width:none;padding:14px var(--gutter) 8px;margin-inline:calc(var(--gutter)*-1);scroll-padding-inline:var(--gutter);gap:16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.colls::-webkit-scrollbar{display:none}.coll{scroll-snap-align:start;flex:0 0 300px;display:block;position:relative}.coll__cover{aspect-ratio:16/10;background:var(--g,var(--skeleton));border:1px solid var(--border);transition:border-color var(--dur) var(--ease);border-radius:12px;position:relative}.coll:hover .coll__cover{border-color:var(--border-accent)}.coll__cover:after,.coll__cover:before{content:"";border-radius:inherit;border:1px solid var(--border);background:var(--elev);z-index:-1;position:absolute;inset:0}.coll__cover:before{opacity:.75;transform:translate(6px,-6px)scale(.97)}.coll__cover:after{opacity:.45;transform:translate(12px,-12px)scale(.94)}.coll__badge{z-index:2;background:var(--badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500;position:absolute;top:8px;right:8px}.coll__cap{padding-top:10px}.coll__title{font-size:.9375rem;font-weight:500}.coll__cap .meta{margin-top:4px}@media (width<=560px){.coll{flex-basis:240px}}@media (hover:none){.pic__cap{opacity:1;background:0 0;padding:8px 0 2px;position:static;transform:none}.pic__cap,.pic__cap b{color:var(--text)}.pic__cap span{color:var(--text-muted);opacity:1}.pic:hover .pic__img{transform:none}.vid__frame:after,.vid__frame:before{display:none}}@media (pointer:coarse){.btn--icon,.trk .play-btn,.trk__dl{width:44px;height:44px}.trk{grid-template-columns:44px minmax(0,1fr) 52px 44px}.trk .play-btn svg{width:16px;height:16px}}.page-head{padding-block:32px 4px}.page-head__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.page-head h1{font-size:clamp(1.5rem,2.6vw,2rem)}.page-head p{color:var(--text-muted);max-width:40em;margin-top:4px;font-size:.9375rem}.page-head .result-count{flex:none;margin-top:4px}.trk__sub{white-space:nowrap;gap:12px;font-size:.75rem;display:flex;overflow:hidden}.trk__sub,.trk__sub span:first-child{color:var(--text-muted)}.trk__sub span:not(:first-child){flex:none}.stage,.stage--audio{border-radius:16px}.stage--image{box-shadow:none;background:0 0;border:0}.stage--image,.stage--image .stage__media{border-radius:0}.detail-head .meta{align-items:center;margin-top:10px;font-size:.8125rem}.detail-head .meta .hi{color:var(--accent-fg);font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.detail-head .meta .spacer{flex:1}.detail-copy{padding-top:24px}.detail-copy h4{margin-bottom:10px}.detail-copy .tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detail-side .panel{margin-bottom:8px}.detail-block{border-top:1px solid var(--border);padding-block:20px}.detail-block h4{margin-bottom:12px}.detail-block .prose{font-size:.8125rem}.detail-block .tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.detail-block .btn--block{margin-top:14px}.detail-tracks{padding-top:24px}.detail-tracks h4{margin-bottom:8px}.trk[data-current=true] .audio-card__info h3{color:var(--accent-fg)}.mix{color:var(--text-muted);white-space:nowrap;gap:10px;font-size:.75rem;display:flex;overflow:hidden}.mix span{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.mix svg{opacity:.85;flex:none;width:11px;height:11px}.mix--lg{gap:16px;font-size:.8125rem}.mix--lg svg{width:13px;height:13px}.cat__mix{white-space:normal;flex-wrap:wrap;gap:4px 8px;margin-top:2px;overflow:visible}.detail-copy p{max-width:42em}.detail-block h4,.detail-copy h4,.detail-tracks h4,.panel h4{font-size:1.0625rem}.stage--audio{padding:var(--sp-5) var(--sp-6) 20px}.stage--audio .audio-hero{width:120px;height:120px;margin-bottom:var(--sp-4)}.filters__toggle{margin-left:auto;display:none}@media (width<=640px){.page-head{padding-block:20px 4px}.page-head h1{font-size:1.5rem}.page-head p:not(.result-count){display:none}.page-head .result-count{margin-top:0;font-size:.75rem}.filters{padding-block:8px}.filters__label{display:none}.filters__toggle{flex:none;align-items:center;display:inline-flex}.filters__row .chips{flex:1 1 0;min-width:0}.filters__row--adv .spacer{display:none}.filters__row--adv .select{flex:none}.filters__row--adv{display:none}.filters.is-open .filters__row--adv{display:flex}.filters__row+.filters__row{margin-top:8px}.sec{padding-block:24px 8px}}.toolopts .frow{gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.toolopts .flabel{width:60px;color:var(--text-muted);flex:none;padding-top:8px;font-size:.8125rem}.toolopts .fctrl{align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.toolopts .segs{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);flex-wrap:wrap;display:inline-flex;overflow:hidden}.toolopts .seg{padding:6px var(--sp-4);color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:.8125rem}.toolopts .seg+.seg{border-left:1px solid var(--border)}.toolopts .seg--on{background:var(--tint-1);color:var(--tint-1-fg);font-weight:550}.toolopts .inp{padding:7px var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:.9375rem}.toolopts .inp:focus{border-color:var(--accent-fg);box-shadow:0 0 0 3px var(--tint-1);outline:none}.toolopts .inp--num{width:110px}.toolopts .suffix{color:var(--text-muted);font-size:.8125rem}.toolopts .check{align-items:center;gap:6px;font-size:.875rem;display:flex}.error-page[data-v-7815862c]{padding-block:var(--sp-9);text-align:center}.error-page__code[data-v-7815862c]{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.8125rem}.error-page .lede[data-v-7815862c]{margin-inline:auto;margin-top:var(--sp-3)}.error-page__actions[data-v-7815862c]{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6)}