/* 糖心 Vlog: atmospheric streaming UI, standalone CSS */
:root{color-scheme:dark;--bg:#121118;--black:#0a090e;--surface:#1c1a24;--surface2:#24212d;--text:#f4eff5;--muted:#9a93a6;--berry:#fa3e6e;--berry2:#ff2a6d;--apricot:#ffa066;--stroke:rgba(242,226,245,.09);--round:11px;--shadow:0 16px 40px rgba(0,0,0,.29);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 72% 0%,rgba(83,33,63,.13),transparent 40%),var(--bg);color:var(--text);min-width:320px;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(30px,3.25vw,56px);line-height:1.16}h2{font-size:clamp(19px,1.9vw,29px);line-height:1.25}p{line-height:1.75}a,button,input{transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,.horizontal-track:focus-visible{outline:2px solid var(--apricot);outline-offset:4px}::selection{background:var(--berry);color:#fff}.skip-link{position:absolute;top:-60px;left:10px;z-index:100;padding:12px 16px;background:#fff;color:#111}.skip-link:focus{top:12px}.site-shell{max-width:1590px;margin:auto;padding:0 clamp(14px,2.5vw,39px)}.global-header{height:79px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--stroke);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-1.5px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain;border-radius:8px}.brand-accent{color:var(--berry)}.brand small{display:block;letter-spacing:2.6px;font-size:8px;color:var(--muted);font-weight:650;margin-top:-3px}.main-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,43px);font-weight:650}.main-nav a{position:relative;color:#b9b3c1;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{color:#fff}.main-nav a[aria-current]:after{content:"";position:absolute;bottom:-28px;left:0;right:0;height:2px;background:var(--berry)}.header-cta{font-size:12px;border:1px solid rgba(250,62,110,.4);padding:10px 15px;border-radius:8px;background:rgba(250,62,110,.08);font-weight:750;white-space:nowrap}.header-cta:hover{background:var(--berry);box-shadow:0 0 23px rgba(250,62,110,.2)}.header-cta span{margin-left:12px}.home-grid{display:grid;grid-template-columns:minmax(195px,.85fr) minmax(0,2.55fr) minmax(200px,.85fr);gap:13px;margin-top:20px;align-items:stretch}.left-rail{display:flex;flex-direction:column;padding:32px 16px 20px 4px}.rail-label,.overline{color:var(--berry);font-weight:850;letter-spacing:2px;font-size:10px}.left-rail h1{margin:34px 0 18px;font-size:clamp(34px,3.2vw,54px)}.left-rail h1 em{color:var(--berry);font-style:normal}.left-rail>p{max-width:220px;font-size:13px;color:var(--muted)}.rail-links{display:flex;flex-direction:column;gap:0;margin-top:24px;max-width:218px}.rail-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:11px 2px;font-weight:600;font-size:12px}.rail-links a span{color:var(--berry)}.rail-links a:hover{color:var(--berry);padding-left:5px}.rail-note{margin-top:auto;padding-top:27px;font-size:10px;font-weight:800;letter-spacing:2px;color:#ddd3e0}.rail-note span{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px}.hero-stage{min-width:0}.hero-image{height:100%;min-height:470px;position:relative;overflow:hidden;border-radius:var(--round);background:linear-gradient(125deg,#413240,#1c1523);border:1px solid var(--stroke)}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,2,8,.95),rgba(9,6,13,.11) 68%),linear-gradient(90deg,rgba(5,3,8,.25),transparent)}.hero-overlay{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:clamp(20px,3vw,41px)}.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(250,62,110,.22);backdrop-filter:blur(12px);border-radius:4px;padding:4px 9px;font-size:10px;font-weight:800;color:#fff;letter-spacing:.5px}.hero-overlay h2{font-size:clamp(28px,3.2vw,47px);margin:15px 0 6px}.hero-overlay p{font-size:13px;color:#eee4ec;max-width:400px}.primary-button{display:inline-flex;background:var(--berry);padding:12px 17px;border-radius:8px;font-weight:850;gap:25px;align-items:center;margin-top:10px;box-shadow:0 9px 23px rgba(233,26,82,.23)}.primary-button:hover{background:#ff5c85;transform:translateY(-2px)}.primary-button span{font-size:11px}.side-picks{padding:10px 0 0 3px;min-width:0}.block-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px;flex-wrap:wrap;gap:6px}.block-heading span{font-size:9px;letter-spacing:1px;color:var(--berry);font-weight:750}.block-heading h2{font-size:16px;margin:0}.media-card{min-width:0;overflow:hidden}.media-card__link{display:block}.media-card__art{position:relative;overflow:hidden;display:block;aspect-ratio:16/9;border-radius:var(--round);background:linear-gradient(145deg,#4d3147,#272334 63%,#352333);border:1px solid var(--stroke)}.media-card__art--portrait{aspect-ratio:16/10}.media-card__art:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to top,rgba(7,4,13,.57),transparent);pointer-events:none}.media-card__art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.media-card:hover img{transform:scale(1.055)}.media-card:hover .media-card__art{border-color:rgba(250,62,110,.7);box-shadow:0 0 23px rgba(250,62,110,.14)}.media-card__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:rgba(13,10,18,.57);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;padding-left:3px;z-index:2;opacity:0;transition:opacity .2s}.media-card:hover .media-card__play,.media-card:focus-within .media-card__play{opacity:1}.media-card__badge{position:absolute;z-index:2;bottom:9px;left:9px;background:rgba(9,7,13,.8);border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:3px 6px;font-size:10px;font-weight:750}.media-card__details{display:block;padding:8px 1px 5px}.media-card__details strong{display:block;color:#f5eff7;font-size:13px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__details small{color:var(--muted);font-size:11px;display:block;margin-top:2px}.side-picks .media-card{margin-bottom:12px}.side-picks .media-card__art{aspect-ratio:16/8.5}.side-picks .media-card__details{padding-top:4px}.side-picks .media-card__details strong{font-size:12px}.content-section{margin-top:43px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2{margin:6px 0 4px}.section-head p{font-size:12px;margin:0;color:var(--muted)}.section-head>a{color:#e9dce9;font-weight:750;font-size:12px;white-space:nowrap}.section-head>a:hover{color:var(--berry)}.horizontal-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(185px,1fr);grid-template-rows:auto;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#4a3c4a transparent;padding:1px 1px 9px}.horizontal-track .media-card{scroll-snap-align:start}.video-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 9px}.video-grid .media-card__art--portrait{aspect-ratio:4/5}.video-grid--latest{grid-template-columns:repeat(4,minmax(0,1fr))}.video-grid--latest .media-card__art,.video-grid--latest .media-card__art--portrait{aspect-ratio:16/10}.viewing-band{margin-top:38px;display:flex;align-items:center;gap:22px;border:1px solid rgba(250,62,110,.22);border-radius:var(--round);padding:18px 23px;background:linear-gradient(110deg,rgba(250,62,110,.10),rgba(255,160,102,.03),rgba(28,26,36,.9))}.viewing-band__icon{width:49px;height:49px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;font-size:25px;color:var(--berry);background:rgba(250,62,110,.1)}.viewing-band strong{font-size:15px}.viewing-band p{font-size:12px;color:var(--muted);margin:2px 0 0;max-width:850px}.viewing-band a{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--apricot);font-weight:800}.bottom-section{margin-bottom:62px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:12px 30px;border-top:1px solid var(--stroke);padding:32px 0 40px}.footer-brand{font-weight:850;color:var(--berry);font-size:21px}.site-footer p{color:var(--muted);font-size:12px;margin:5px 0 0}.site-footer nav{display:flex;align-items:start;gap:20px;font-size:12px;font-weight:700}.site-footer nav a:hover{color:var(--berry)}.site-footer>small{grid-column:1/-1;color:#777080;margin-top:12px}.catalog-intro{margin:30px 0 24px;padding:36px 36px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--stroke);border-radius:var(--round);background:radial-gradient(ellipse at 90% 0,rgba(250,62,110,.15),transparent 52%),linear-gradient(120deg,#241b2b,var(--surface) 80%)}.catalog-intro h1{margin:12px 0;font-size:clamp(27px,3.4vw,48px)}.catalog-intro p{color:var(--muted);font-size:13px;margin:0;max-width:740px}.catalog-symbol{width:125px;height:125px;flex:none;border:1px solid rgba(250,62,110,.25);border-radius:50%;display:grid;place-items:center;font-size:35px;color:var(--berry);box-shadow:inset 0 0 0 22px rgba(250,62,110,.04),0 0 38px rgba(250,62,110,.05)}.catalog-search{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--stroke);border-radius:9px;padding:9px 12px}.catalog-search label{font-size:12px;font-weight:800;white-space:nowrap}.catalog-search input{flex:1;min-width:0;padding:9px 11px;background:var(--black);border:1px solid var(--stroke);color:var(--text);border-radius:6px;outline:none}.catalog-search input:focus{border-color:var(--berry)}.catalog-search button{padding:9px 17px;border:0;border-radius:6px;background:var(--berry);color:#fff;font-weight:800}.catalog-search button:hover{background:#ff6c93}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.filters a{padding:8px 15px;background:var(--surface);border:1px solid var(--stroke);border-radius:7px;font-size:12px;font-weight:730}.filters a:hover,.filters a[aria-current]{background:rgba(250,62,110,.17);border-color:var(--berry);color:#ffd7e3}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.results-heading h2{margin:0}.results-heading span{font-size:12px;color:var(--muted)}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 11px;margin-bottom:45px}.catalog-grid .media-card__art--portrait{aspect-ratio:16/10}.catalog-info{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--round);padding:25px 29px;margin-bottom:50px}.catalog-info h2{font-size:19px;margin-bottom:8px}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.info-columns p{font-size:12px;color:var(--muted);margin:0}.empty-state{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:55px 15px;background:var(--surface);border-radius:var(--round);border:1px solid var(--stroke);margin:28px 0}.empty-state h1,.empty-state h2{margin-bottom:5px}.empty-state p{font-size:13px;color:var(--muted)}.empty-state a{display:inline-block;border:1px solid var(--berry);border-radius:7px;padding:10px 16px;margin:8px;background:rgba(250,62,110,.12)}.empty-state a:hover{background:var(--berry)}.watch-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:27px;margin-top:22px;margin-bottom:65px}.watch-main{min-width:0}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin:5px 0 17px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--berry)}.player-frame{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:radial-gradient(circle at center,#382330,#0b0910 75%);border-radius:var(--round);border:1px solid var(--stroke)}.player-frame>img,.player-frame video{width:100%;height:100%;object-fit:cover}.player-frame>img{opacity:.58;filter:brightness(.65)}.player-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;background:rgba(0,0,0,.14)}.player-unavailable__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(250,62,110,.9);box-shadow:0 0 35px rgba(250,62,110,.3);font-size:20px;padding-left:4px}.player-unavailable strong{font-size:16px;margin-top:6px}.player-unavailable small{color:#e5dce7;font-size:11px}.watch-meta{display:flex;gap:14px;align-items:center;margin:24px 0 13px;color:var(--muted);font-size:12px}.watch-main h1{font-size:clamp(25px,2.8vw,39px);margin-bottom:10px}.watch-lead{font-size:14px;color:#c8becd;margin-bottom:23px}.watch-story{background:var(--surface);border:1px solid var(--stroke);padding:21px 24px;border-radius:var(--round)}.watch-story h2{font-size:18px;margin-bottom:7px}.watch-story p{font-size:13px;color:#c3b9c7;margin:0}.watch-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px}.watch-actions a{font-size:12px;color:var(--apricot);font-weight:800}.watch-actions a:hover{color:#fff}.watch-related{min-width:0;padding-top:34px}.watch-related h2{font-size:19px;margin:8px 0 15px}.watch-related .media-card{margin-bottom:13px}.watch-related .media-card__art{aspect-ratio:16/8.2}.page-not-found{margin:65px auto;min-height:390px}.asset-missing{visibility:hidden}.asset-unavailable{background:linear-gradient(135deg,#443043,#211d29 65%,#4c283d)}.asset-unavailable:before{content:"";position:absolute;inset:0;opacity:.4;background:radial-gradient(circle at 75% 30%,rgba(250,62,110,.2),transparent 35%),linear-gradient(42deg,transparent 30%,rgba(255,160,102,.09) 50%,transparent 70%)}
@media(max-width:1200px){.home-grid{grid-template-columns:minmax(185px,.75fr) minmax(0,2.1fr)}.side-picks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.side-picks .block-heading{grid-column:1/-1;margin:2px 0}.side-picks .media-card{margin-bottom:0}.side-picks .media-card__art{aspect-ratio:16/8}.hero-image{min-height:440px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.horizontal-track{grid-auto-columns:250px}}
@media(max-width:860px){.global-header{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 0;gap:13px}.brand{font-size:20px}.main-nav{order:3;width:100%;justify-content:space-around;gap:10px;padding:5px 0}.main-nav a[aria-current]:after{bottom:-8px}.home-grid{grid-template-columns:1fr;gap:13px;margin-top:12px}.left-rail{padding:18px 3px 5px}.left-rail h1{margin:12px 0;font-size:clamp(31px,6vw,45px)}.left-rail h1 br{display:none}.left-rail p{max-width:none;margin:0}.rail-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:13px;max-width:none}.rail-links a{padding:7px 10px;border:1px solid var(--stroke);border-radius:7px;gap:8px}.rail-links a:hover{padding-left:10px}.rail-note{display:none}.hero-image{min-height:420px}.side-picks{grid-column:auto}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-layout{grid-template-columns:1fr}.watch-related{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watch-related>.overline,.watch-related>h2{grid-column:1/-1;margin:0}.watch-related .media-card{margin:0}.catalog-symbol{width:80px;height:80px}}
@media(max-width:600px){.site-shell{padding:0 13px}.header-cta{padding:8px 11px}.global-header{gap:8px}.brand img{width:31px;height:31px}.brand{font-size:19px}.brand small{font-size:7px}.main-nav{font-size:12px}.hero-image{min-height:365px}.hero-overlay{padding:19px}.hero-overlay h2{font-size:28px}.side-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.side-picks .media-card__art{aspect-ratio:4/4}.side-picks .media-card__details strong{font-size:11px}.side-picks .media-card__details small{font-size:9px}.media-card__badge{font-size:9px;left:5px;bottom:5px;padding:2px 4px}.content-section{margin-top:30px}.section-head{align-items:end}.section-head h2{font-size:21px}.section-head p{font-size:11px}.section-head>a{font-size:10px}.horizontal-track{grid-auto-columns:68%;gap:9px}.video-grid,.video-grid--latest{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 8px}.video-grid--latest .media-card__art{aspect-ratio:16/10}.media-card__details strong{font-size:12px}.viewing-band{margin-top:27px;padding:14px;gap:12px;flex-wrap:wrap}.viewing-band__icon{height:37px;width:37px}.viewing-band>div:nth-child(2){flex:1}.viewing-band a{margin-left:49px}.site-footer{grid-template-columns:1fr;gap:22px}.site-footer nav{flex-wrap:wrap}.catalog-intro{padding:25px 18px}.catalog-intro h1{font-size:28px}.catalog-symbol{display:none}.catalog-search{flex-wrap:wrap}.catalog-search label{width:100%}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.catalog-grid .media-card__art--portrait{aspect-ratio:16/10}.catalog-info{padding:20px 17px}.info-columns{grid-template-columns:1fr;gap:12px}.filters{gap:6px}.filters a{padding:7px 11px;font-size:11px}.watch-layout{gap:25px}.watch-related{gap:9px}.watch-related .media-card__art{aspect-ratio:16/9}.watch-story{padding:18px 16px}.player-unavailable__icon{width:52px;height:52px}.player-unavailable strong{font-size:14px}}
@media(max-width:370px){.header-cta{font-size:10px}.brand{font-size:17px}.section-head>a{white-space:normal;text-align:right}.side-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.side-picks .media-card:last-child{display:none}.catalog-search button{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}