:root{color-scheme:dark;--bg:#121118;--dark:#0a090e;--surface:#1c1a24;--surface2:#24212d;--ink:#f4eff5;--muted:#9a93a6;--primary:#fa3e6e;--hot:#ff2a6d;--warm:#ffa066;--line:rgba(244,239,245,.09);--radius:10px;--content:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 80% 35% at 60% 0%,#231724 0%,transparent 64%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,.rail:focus-visible{outline:2px solid var(--warm);outline-offset:4px}img,video{display:block;max-width:100%}img{object-fit:cover}p,h1,h2,h3{margin-top:0}p{color:var(--muted)}h1,h2,h3{line-height:1.24;letter-spacing:-.02em}h1{font-size:clamp(27px,3.25vw,47px)}h2{font-size:clamp(21px,2.15vw,28px)}h3{font-size:17px} .container{width:min(calc(100% - 50px),var(--content));margin-inline:auto}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}.skip{position:fixed;top:-70px;left:20px;z-index:50;background:var(--hot);padding:8px 18px;border-radius:6px}.skip:focus{top:12px}.muted{color:var(--muted)}
.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(16,14,21,.95);backdrop-filter:blur(18px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;min-width:206px;font-size:22px;line-height:1.04;font-weight:850;letter-spacing:-.045em}.brand img{width:42px;height:42px;border-radius:11px;object-fit:contain}.brand-pink{color:var(--primary)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.17em;font-weight:450;margin-top:5px}.main-nav{display:flex;align-items:center;gap:28px;white-space:nowrap}.main-nav a{font-size:14px;color:#b2acbc;font-weight:650;transition:color .2s}.main-nav a:hover,.main-nav a[aria-current=page]{color:white}.main-nav a[aria-current=page]{position:relative}.main-nav a[aria-current=page]::after{content:"";position:absolute;bottom:-27px;height:2px;background:var(--primary);left:0;right:0}.header-search{margin-left:auto;width:min(300px,24vw);display:flex;background:#25222e;border-radius:8px;border:1px solid var(--line);overflow:hidden}.header-search input{min-width:0;width:100%;padding:9px 12px;border:0;outline:0;background:transparent;color:white;font-size:12px}.header-search button{border:0;background:transparent;color:white;font-size:25px;padding:0 14px}.menu-button{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:8px;padding:3px 11px;font-size:21px}.mobile-menu[hidden]{display:none}.mobile-menu{display:grid;padding:12px 25px 18px;background:var(--surface);gap:2px}.mobile-menu a{padding:10px 6px;border-bottom:1px solid var(--line)}
.hero-grid{padding-top:22px;display:grid;grid-template-columns:minmax(0,1.83fr) minmax(280px,.83fr);gap:12px}.hero-feature,.hero-aside{min-width:0}.hero-cover{position:relative;height:100%;min-height:420px;border-radius:12px;overflow:hidden;background:var(--surface)}.hero-cover>img{width:100%;height:100%;position:absolute;inset:0}.hero-vignette{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,5,12,.95),rgba(9,5,12,.17) 64%),linear-gradient(90deg,rgba(10,8,15,.35),transparent)}.hero-overlay{position:absolute;left:clamp(20px,4%,44px);right:24px;bottom:clamp(24px,7%,47px);max-width:620px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--warm)}.hero-overlay .eyebrow{color:#ff9cae}.hero-overlay h1{max-width:570px;margin:13px 0 12px;font-size:clamp(28px,3.3vw,49px)}.hero-overlay p{max-width:495px;font-size:14px;color:#dad3dc;line-height:1.85}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 19px;border-radius:8px;font-weight:740;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--primary);color:white;box-shadow:0 6px 25px rgba(250,62,110,.23)}.button.primary:hover{background:#ff5a82}.button.subtle{background:#3a2b3b;border:1px solid rgba(250,62,110,.2)}.hero-minor{font-size:11px;margin-left:14px;color:#d3c6d1}.hero-aside{border:1px solid var(--line);background:#17151e;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px}.section-kicker{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px;font-size:12px;font-weight:800}.section-kicker>a{font-weight:500;color:var(--muted)}.mini-feature{display:flex;align-items:center;gap:10px;padding:7px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:9px;min-height:93px;transition:background .2s,border-color .2s}.mini-feature:hover{background:#26202b;border-color:rgba(250,62,110,.3)}.mini-feature img{width:122px;height:78px;border-radius:6px}.mini-feature>span:nth-child(2){flex:1;min-width:0}.mini-feature strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4}.mini-feature small{display:block;color:var(--muted);margin-top:8px;font-size:11px}.mini-arrow{color:var(--primary)}.mini-note{margin-top:auto;padding:14px 8px 4px;display:flex;gap:11px}.note-icon{color:var(--warm);font-size:19px}.mini-note strong{font-size:12px}.mini-note p{font-size:11px;margin:4px 0 0;line-height:1.65}
.content-section{margin-top:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px;gap:20px}.section-heading .eyebrow{color:var(--primary);font-size:10px}.section-heading h2{margin:4px 0 0}.section-heading>a{font-size:12px;color:#c1b9c7}.section-heading>a:hover,.text-link:hover{color:var(--primary)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(238px,calc((100% - 28px)/3.8));gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 2px 12px;scrollbar-color:#4d354a transparent}.rail>.video-card{scroll-snap-align:start}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0;transition:border-color .2s,box-shadow .2s}.video-card:hover{border-color:rgba(250,62,110,.45);box-shadow:0 0 28px rgba(250,62,110,.08)}.cover-link{display:block;aspect-ratio:16/9;overflow:hidden;position:relative;background:linear-gradient(120deg,#38252f,#17171e)}.cover-link>img{width:100%;height:100%;transition:transform .35s}.video-card:hover .cover-link>img{transform:scale(1.045)}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 55%)}.card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:rgba(20,15,24,.45);border:1px solid rgba(255,255,255,.45);opacity:0;transition:opacity .2s}.video-card:hover .card-play,.cover-link:focus-visible .card-play{opacity:1}.cover-label,.cover-right{position:absolute;bottom:10px;left:10px;background:rgba(10,9,14,.79);padding:3px 7px;border-radius:5px;font-size:10px;font-weight:750}.cover-right{bottom:auto;left:auto;right:9px;top:9px;background:var(--hot)}.card-copy{padding:12px 12px 10px}.card-title{display:block;font-size:14px;font-weight:750;line-height:1.42}.card-title:hover{color:var(--primary)}.card-copy>p{line-height:1.45;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px;margin:6px 0 12px}.card-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:11px}.card-meta a:hover{color:var(--primary)}
.service-strip{margin-top:37px;background:linear-gradient(100deg,rgba(250,62,110,.14),rgba(255,160,102,.08) 40%,#201b27);border:1px solid rgba(250,62,110,.18);border-radius:11px;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:22px}.service-copy{display:flex;align-items:center;gap:16px}.service-glow{font-size:26px;color:var(--primary)}.service-copy strong{font-size:15px}.service-copy p{margin:4px 0 0;font-size:12px}.service-actions{display:flex;align-items:center;gap:21px;white-space:nowrap}.service-actions>a:first-child{font-size:12px;color:#ffc9d5}.last-section{margin-bottom:65px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.story{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface)}.story>a{display:block;aspect-ratio:1.75;position:relative;overflow:hidden}.story>a img{width:100%;height:100%}.story>a span{position:absolute;left:12px;bottom:12px;background:rgba(20,15,24,.76);border-radius:4px;padding:3px 10px;font-size:10px}.story>div{padding:18px}.story h3{margin-bottom:8px}.story p{font-size:12px;line-height:1.75;min-height:64px}.text-link{font-size:12px;color:#f1b4c3;font-weight:650}
.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding-top:21px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--primary)}.watch-intro{margin:24px 0 26px;display:flex;justify-content:space-between;align-items:end;gap:20px}.watch-intro h1{font-size:clamp(27px,3vw,39px);margin:8px 0 11px}.watch-intro p{font-size:13px;max-width:700px;margin:0}.device-line{border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:11px;color:var(--warm);white-space:nowrap}.device-line span{color:var(--muted)}.watch-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:22px;align-items:start;padding-bottom:70px}.filters{padding:20px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);position:sticky;top:14px}.filters h2{font-size:14px;margin:0 0 11px}.filters h2:not(:first-child){margin-top:27px}.filter-links{display:grid;gap:3px}.filter-links a{font-size:12px;padding:8px 10px;border-radius:6px;color:#bcb4c5}.filter-links a:hover,.filter-links a[aria-current=page]{background:rgba(250,62,110,.15);color:#fff}.filter-links a[aria-current=page]{box-shadow:inset 2px 0 var(--primary)}.filter-free{display:block;padding:10px;border:1px solid rgba(250,62,110,.24);border-radius:7px;color:#f6b1c1;font-size:12px}.filter-free.selected{background:rgba(250,62,110,.13)}.filter-disclaimer{font-size:11px;line-height:1.7;margin:14px 0 0}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px}.result-toolbar strong{font-size:17px}.result-toolbar span{color:var(--muted);font-size:11px}.inline-search{display:flex;background:#25222e;border:1px solid var(--line);border-radius:7px;overflow:hidden}.inline-search input{width:185px;min-width:0;padding:8px 10px;color:white;background:transparent;border:0;outline:0;font-size:11px}.inline-search button{background:#433144;color:#fff;border:0;padding:0 12px;font-size:11px}.watch-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.watch-help{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.watch-help h2{font-size:18px}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.help-columns p{font-size:12px;line-height:1.9}.search-caption{font-size:12px}.search-caption a{color:var(--primary)}.empty-results{border:1px dashed #5d4b62;padding:40px;border-radius:9px}.empty-results h2{font-size:20px}
.detail-page{padding-bottom:70px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;margin-top:24px}.detail-primary{min-width:0}.media-frame{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:11px;background:#0a090e;overflow:hidden}.media-frame>img,.media-frame>video{width:100%;height:100%;object-fit:cover}.media-frame:has(.media-message)>img{opacity:.53}.media-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.media-message span:last-child{max-width:360px;color:#d3c4d0;font-size:12px}.pause-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid #f7cad6;background:rgba(10,9,14,.52);font-size:32px}.detail-body{padding:26px 2px}.detail-body h1{font-size:clamp(25px,3vw,38px);margin:13px 0 12px}.detail-body p{font-size:13px;line-height:1.95;max-width:790px}.detail-lead{font-size:15px!important;color:#e7dfe9!important}.detail-story{padding-top:16px;border-top:1px solid var(--line);margin-top:27px}.detail-story h2{font-size:19px}.detail-tags{display:flex;gap:7px;margin-top:20px}.detail-tags span{background:#322633;color:#e7b4be;padding:5px 12px;border-radius:20px;font-size:11px}.detail-side{min-width:0}.creator-mini{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:25px}.creator-mini>span:nth-child(2){flex:1}.creator-dot{width:39px;height:39px;border-radius:50%;background:linear-gradient(120deg,#fa3e6e,#ffa066);display:grid;place-items:center;font-size:16px;font-weight:bold}.creator-mini small{display:block;font-size:10px;color:var(--muted)}.creator-mini strong{display:block;font-size:14px}.detail-side h2{font-size:16px}.recommendations{display:grid;gap:10px;margin-bottom:15px}.recommendation{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.recommendation img{width:98px;height:64px;border-radius:6px}.recommendation strong{font-size:12px;line-height:1.4;display:block}.recommendation small{color:var(--muted);font-size:10px;display:block;margin-top:8px}.recommendation:hover strong{color:var(--primary)}
.creators-page,.creator-profile{padding-bottom:75px}.directory-intro{margin:35px 0}.directory-intro h1{margin:9px 0 14px}.directory-intro p{max-width:710px;font-size:13px;line-height:1.9}.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.creator-card{display:grid;grid-template-columns:48% 52%;overflow:hidden;border-radius:11px;border:1px solid var(--line);background:var(--surface);min-height:230px}.creator-card>a{display:block;position:relative;min-height:230px}.creator-card>a img{width:100%;height:100%;position:absolute;inset:0}.creator-card-label{position:absolute;bottom:14px;left:13px;background:rgba(0,0,0,.6);padding:4px 11px;border-radius:6px;font-size:11px}.creator-card>div{padding:27px 20px}.creator-card h2{font-size:22px}.creator-card p{font-size:12px;line-height:1.8;min-height:65px}.creator-card small{display:block;color:var(--muted);margin-bottom:12px}.profile-cover{margin-top:20px;position:relative;min-height:340px;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;align-items:end;padding:33px}.profile-cover img{position:absolute;width:100%;height:100%;inset:0;opacity:.45}.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111019,transparent)}.profile-cover>div{position:relative;z-index:1}.profile-cover h1{margin:8px 0}.profile-cover p{color:#e9e2e9}.profile-intro{padding:27px 0 0}.profile-intro h2{font-size:21px}.profile-intro p{max-width:770px;font-size:13px}.error-page{text-align:center;padding:100px 20px 130px}.error-page p{max-width:480px;margin:0 auto 24px}
.site-footer{background:#0a090e;border-top:1px solid var(--line);padding:40px 0 45px}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-brand{font-size:17px;font-weight:800}.footer-brand>span{font-size:12px;font-weight:500;color:var(--muted)}.site-footer p{font-size:11px;max-width:640px;margin:8px 0}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#c9c0cd}.site-footer nav a:hover{color:var(--primary)}
@media(min-width:1450px){.hero-cover{min-height:460px}.hero-overlay{bottom:53px}.mini-feature{min-height:108px}.mini-feature img{width:143px;height:89px}}
@media(max-width:1120px){.header-inner{gap:18px}.brand{min-width:auto}.main-nav{gap:16px}.header-search{width:215px}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr)}.hero-cover{min-height:410px}.mini-feature img{width:95px;height:70px}.watch-layout{grid-template-columns:170px minmax(0,1fr);gap:15px}.watch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 245px}.recommendation img{width:80px}.creator-card{grid-template-columns:46% 54%}}
@media(max-width:800px){.container{width:min(calc(100% - 28px),var(--content))}.header-inner{min-height:66px}.brand{font-size:20px}.brand img{width:38px;height:38px}.main-nav{display:none}.header-search{margin-left:auto;width:min(255px,35vw)}.menu-button{display:block}.hero-grid{grid-template-columns:1fr;gap:11px}.hero-cover{min-height:410px}.hero-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.section-kicker{grid-column:1/-1}.mini-feature{display:block;min-height:0}.mini-feature img{width:100%;height:auto;aspect-ratio:16/9}.mini-feature strong{font-size:12px;margin-top:8px}.mini-arrow,.mini-note{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail{grid-auto-columns:minmax(235px,43%)}.watch-intro{align-items:start}.device-line{display:none}.filters{position:static}.watch-layout{grid-template-columns:1fr}.filters{display:block;padding:12px}.filter-links{display:flex;flex-wrap:wrap}.filters h2:not(:first-child){margin-top:16px}.filter-disclaimer{display:none}.filter-free{display:inline-block}.watch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr}.recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story:last-child{display:none}.footer-inner{flex-direction:column}}
@media(max-width:560px){body{font-size:13px}.container{width:calc(100% - 22px)}.header-inner{gap:10px}.brand{font-size:18px}.brand small{font-size:9px}.header-search{display:none}.menu-button{margin-left:auto}.hero-grid{padding-top:10px}.hero-cover{min-height:405px}.hero-overlay{bottom:23px;left:17px;right:17px}.hero-overlay h1{font-size:30px}.hero-overlay p{font-size:12px}.hero-minor{display:block;margin:12px 0 0}.hero-aside{padding:9px;gap:7px}.mini-feature{padding:4px}.mini-feature strong{font-size:11px}.mini-feature small{font-size:10px;margin-top:4px}.content-section{margin-top:32px}.section-heading h2{font-size:21px}.section-heading>a{font-size:11px}.card-grid,.watch-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rail{grid-auto-columns:77%;gap:8px}.card-copy{padding:9px}.card-title{font-size:12px}.card-copy>p{font-size:10px}.card-meta{font-size:10px}.cover-label,.cover-right{font-size:9px}.service-strip{display:block;padding:15px;margin-top:28px}.service-copy{align-items:start}.service-actions{justify-content:space-between;margin-top:12px;gap:9px}.service-actions>a{font-size:11px}.story-grid{grid-template-columns:1fr}.story:last-child{display:block}.story p{min-height:0}.watch-intro{margin:20px 0}.watch-intro h1{font-size:27px}.filters{padding:11px}.filter-links a{font-size:11px;padding:6px 8px}.result-toolbar{align-items:start;flex-direction:column}.inline-search{width:100%}.inline-search input{width:100%}.help-columns{grid-template-columns:1fr;gap:0}.detail-layout{margin-top:16px}.detail-body{padding-top:20px}.detail-body h1{font-size:27px}.recommendations{grid-template-columns:1fr}.recommendation img{width:100px}.directory-intro h1{font-size:28px}.creator-card{display:block}.creator-card>a{min-height:175px}.creator-card>div{padding:18px}.creator-card p{min-height:0}.profile-cover{min-height:280px;padding:20px}.profile-cover h1{font-size:30px}.site-footer{padding:28px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 细节：键盘操作、排版和深色对比度。 */
@supports (text-wrap:balance){.hero-overlay h1,.directory-intro h1,.detail-body h1{text-wrap:balance}}
@supports (overscroll-behavior:contain){.rail{overscroll-behavior-inline:contain}}
@media(hover:none){.card-play{opacity:.75}.video-card:hover .cover-link>img{transform:none}}
@media(forced-colors:active){.button.primary,.filter-links a[aria-current=page],.cover-label{border:1px solid ButtonText}.card-play{opacity:1}}
@media print{body{background:white;color:black}.site-header,.site-footer,.service-strip,.detail-side,.filters,.header-search,.menu-button{display:none!important}.container{width:100%}.hero-cover,.media-frame{break-inside:avoid}.card-grid,.story-grid{grid-template-columns:repeat(2,1fr)}a{color:inherit!important}.card-copy p{color:#333}}