:root{--discover-bg:#171217;--discover-panel:#261b24;--discover-border:#53404a;--discover-fg:#fff3f5;--discover-sub:#d4bdc7;--discover-rose:#ffa8c2;--discover-gap:clamp(16px,4.7vw,36px)}
html[data-view="discover"]{color-scheme:dark;background:var(--discover-bg);scrollbar-color:#795967 #171217}
html[data-view="discover"] body{display:block!important;min-height:100dvh;height:auto!important;overflow:auto!important;margin:0;background:var(--discover-bg);color:var(--discover-fg)}
html[data-view="discover"] :is(.phone,.desktop-brand,.desktop-next){display:none!important}
html[data-view="player"] .discovery,.discovery [hidden]{display:none!important}
.discovery{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--discover-bg);min-height:100dvh;line-height:1.45}
.discovery :is(a,button,input):focus-visible,.player-bottom a:focus-visible{outline:2px solid var(--discover-rose);outline-offset:4px}
.discovery ::selection{background:#fab4c9;color:#24131d}
.discover-wrap{max-width:900px;margin-inline:auto;padding:env(safe-area-inset-top,0px) var(--discover-gap) calc(94px + env(safe-area-inset-bottom,0px))}
.discover-header{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid #44343e}
.discover-brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--discover-fg);text-decoration:none;font-size:16px;font-weight:750;letter-spacing:.035em}
.discover-brand svg{width:27px;height:27px;display:block}
.discover-search{height:44px;width:44px;display:grid;place-items:center;border:1px solid #705562;border-radius:50%;color:var(--discover-fg);background:#281d25}
.discover-search[aria-expanded="true"]{border-color:var(--discover-rose);color:var(--discover-rose)}
.discover-search svg,.discover-section-title svg,.discover-member svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.discover-title-row{display:flex;align-items:end;margin:16px 0 12px}
.discover-title-row h1{margin:0;font-size:clamp(29px,7.4vw,46px);letter-spacing:-.037em;line-height:1.12;font-weight:850;text-wrap:balance}
.discover-feature{position:relative;isolation:isolate;display:grid;overflow:hidden;border-radius:14px;background:#221c23}
.feature-art{grid-area:1/1;display:block;width:100%;height:auto}
.discover-feature::after{content:"";grid-area:1/1;background:linear-gradient(to top,#140e17 0%,#140e17bb 19%,transparent 58%);pointer-events:none}
.feature-copy{grid-area:1/1;z-index:1;align-self:end;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:clamp(12px,3vw,28px)}
.feature-title{min-width:0}
.feature-title h2{margin:0;color:#fff8f6;font-size:clamp(21px,5.7vw,42px);font-weight:850;letter-spacing:-.025em;line-height:1.16;overflow-wrap:anywhere;text-shadow:0 2px 8px #140e17}
.feature-count{margin:4px 0 0;color:#f6dee6;font-size:12px;font-weight:650;line-height:1.4}
.feature-play{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;padding:0 12px;border-radius:8px;background:#ffd2de;color:#2a1622;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 3px 12px #1b0d1b55}
.feature-play svg{width:17px;height:17px;fill:currentColor}
.feature-play:hover{background:#ffe5ed}
.discover-categories{display:flex;align-items:center;gap:clamp(9px,3vw,22px);overflow:auto;scrollbar-width:thin;white-space:nowrap;margin-top:8px;border-bottom:1px solid #44343e}
.discover-categories button{min-height:44px;padding:0 4px;position:relative;color:var(--discover-sub);font-size:13px;font-weight:640;flex:none}
.discover-categories button[aria-pressed="true"]{color:var(--discover-rose);font-weight:800}
.discover-categories button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;height:2px;left:4px;right:4px;background:currentColor;border-radius:2px}
.discover-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:11px 0 8px;min-height:44px}
.discover-section-title h2,.discover-member h2{margin:0;font-weight:800;letter-spacing:-.022em;font-size:clamp(20px,5vw,26px);line-height:1.25}
.discover-section-title button,.discover-member button{min-height:44px;display:inline-flex;align-items:center;gap:3px;color:#f1c1d1;font-size:13px}
.discover-section-title button svg,.discover-member button svg{width:16px;height:16px}
.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.discover-card{min-width:0;text-decoration:none;display:block;color:var(--discover-fg)}
.discover-card-art{display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#332832;position:relative}
.discover-card-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 35%;transition:transform 230ms cubic-bezier(.2,.7,.3,1)}
@media(hover:hover){.discover-card:hover img{transform:scale(1.035)}.discover-card:hover strong{color:var(--discover-rose)}}
.discover-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.35;margin:8px 0 4px;font-weight:750}
.discover-card small,.discover-recent small{color:var(--discover-sub);font-size:12px;display:block}
.discover-bottom,.player-bottom.bottom-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;text-align:center;color:var(--discover-fg)}
.discover-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:5;width:min(100%,480px);height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#211920;border:1px solid #5c4551;border-bottom:0;border-radius:18px 18px 0 0}
.discover-bottom a,.player-bottom :is(a,button){text-decoration:none;color:#dbc5ce;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:44px;font:650 11px/1.1 system-ui,sans-serif;padding:4px}
.discover-bottom a[aria-current],.player-bottom [aria-current]{color:#ffd4e2}
.discover-bottom a:not(.discover-mark) svg,.player-bottom :is(a,button):not(.discover-mark) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.discover-mark svg,.player-bottom .discover-mark svg{width:35px;height:35px;display:block;margin-top:-8px;flex:none;filter:drop-shadow(0 3px 4px #170c17aa)}
.discover-mark svg path,.player-bottom .discover-mark svg path{fill:none;stroke-width:3.8px}
.player-bottom [hidden]{display:none!important}
.discover-find{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 0 16px}
.discover-find label{grid-column:1/-1;font-size:13px;color:var(--discover-sub)}
.discover-find input{width:100%;height:46px;border:1px solid #705562;border-radius:10px;background:var(--discover-panel);padding-inline:12px;color:var(--discover-fg);caret-color:var(--discover-rose);font:inherit}
.discover-find input::placeholder{color:#d4bdc7}
.discover-find button,.discover-more{min-height:44px;padding-inline:12px;color:#f1c1d1;font-weight:650}
.discover-empty{color:var(--discover-sub);min-height:56px;padding-block:12px;font-size:14px}
.discover-more{display:block;width:max-content;margin:20px auto 0;border:1px solid #705562;border-radius:8px}
.discover-recent a,.discover-recent p,.discover-member{border-top:1px solid #503b47;padding:14px 0;color:var(--discover-fg);text-decoration:none}
.discover-recent a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.discover-recent a span{color:#ffc5d7;font-weight:650;white-space:nowrap}
.discover-recent p{margin:0;color:var(--discover-sub)}
.discover-member{margin-top:34px}
.discover-member button{margin-top:8px}
.preview-indicator{display:none}
html[data-preview] .preview-indicator{display:block;position:absolute;left:12px;top:12px;z-index:3;background:#201921;color:#f8dae4;padding:5px 8px;border-radius:5px;font-size:12px;pointer-events:none}
@media(min-width:680px){
  .discover-wrap{padding-top:14px}.discover-header{min-height:74px}.discover-title-row{margin:26px 0 18px}
  .discover-feature{border-radius:18px}.feature-count{font-size:14px;margin-top:6px}
  .feature-play{padding-inline:17px;font-size:14px}.discover-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
  .discover-categories button{font-size:15px}.discover-card strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.discover-card-art img{transition:none}}