/* 糖心Vlog：沉浸式生活影像目录。所有内容在服务端渲染。 */
:root{color-scheme:dark;--bg:#121118;--black:#0A090E;--panel:#1C1A24;--panel2:#25222e;--ink:#F4EFF5;--muted:#9A93A6;--pink:#FA3E6E;--flash:#FF2A6D;--apricot:#FFA066;--stroke:rgba(245,229,245,.10);--line:rgba(245,229,245,.06);--shadow:0 24px 68px rgba(0,0,0,.31);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.65;min-width:320px}button,input,select{font:inherit}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}button{cursor:pointer}img,video{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1472px,calc(100% - 68px));margin-inline:auto}.skip{position:fixed;top:-90px;left:15px;z-index:2000;background:var(--pink);padding:10px 18px;border-radius:10px}.skip:focus{top:12px}.site-header{position:sticky;z-index:100;top:0;background:rgba(15,14,20,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}.header-inner{min-height:78px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:800;font-size:19px;letter-spacing:-.035em}.brand img{width:42px;height:42px;object-fit:contain;border-radius:9px}.brand small{display:block;font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:600;line-height:1.15;margin-top:4px}.main-nav{display:flex;align-items:center;gap:30px;flex:1;white-space:nowrap}.main-nav a{font-size:13px;font-weight:650;color:#beb7c6;position:relative;padding-block:28px}.main-nav a:hover,.main-nav a[aria-current]{color:#fff}.main-nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--pink)}.header-action{padding:9px 14px;background:linear-gradient(110deg,#f83b68,#e42d62);font-size:12px;border-radius:8px;font-weight:750;box-shadow:0 8px 25px rgba(250,62,110,.15)}.header-action span{margin-left:10px}.header-action:hover,.btn.primary:hover{filter:brightness(1.13)}.home-intro{display:flex;align-items:end;justify-content:space-between;padding-top:37px;padding-bottom:24px;gap:22px}.intro-left{max-width:780px}.eyebrow{display:block;color:#e7a3b7;font-size:10px;font-weight:750;letter-spacing:.21em;margin-bottom:12px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-right:6px;box-shadow:0 0 13px var(--pink)}.home-intro h1{font-size:clamp(28px,3.15vw,48px);font-weight:850;margin-bottom:8px;letter-spacing:-.055em}.home-intro p{font-size:13px;line-height:1.8;max-width:720px;margin:0}.intro-side{border-left:1px solid var(--stroke);padding-left:24px;flex:0 0 240px}.intro-side span{font-size:9px;letter-spacing:.13em;color:var(--pink);font-weight:850}.intro-side strong{display:block;font-size:18px;line-height:1.4;margin-top:6px;letter-spacing:.035em}.hero-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.89fr);gap:10px;min-height:490px}.hero-feature{border-radius:12px;overflow:hidden;position:relative;min-height:480px;background:#221b26}.hero-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 18%,rgba(8,6,15,.4) 45%,rgba(5,4,8,.94) 100%)}.hero-feature>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 36px;z-index:2;max-width:750px}.hero-meta{display:flex;gap:7px;margin-bottom:12px}.pill{font-size:10px;border:1px solid rgba(255,255,255,.19);background:rgba(18,17,24,.6);border-radius:5px;padding:3px 9px;font-weight:750}.pill.hot{background:var(--pink);border-color:var(--pink);color:white}.hero-kicker{font-size:9px;color:#ffb9ca;letter-spacing:.2em;font-weight:850;margin-bottom:10px}.hero-overlay h2{font-size:clamp(28px,3.25vw,48px);margin-bottom:9px}.hero-overlay>p:not(.hero-kicker){color:#e6dfe8;font-size:13px;max-width:540px;margin-bottom:22px}.hero-controls{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:11px 19px;font-weight:800;white-space:nowrap;line-height:1.4;font-size:12px}.btn.primary{background:var(--pink);color:white;box-shadow:0 9px 25px rgba(250,62,110,.19)}.btn.secondary{border:1px solid var(--stroke);background:#292631;color:var(--ink)}.text-link{font-size:12px;font-weight:700;color:#fff}.text-link:hover,.section-heading>a:hover{color:var(--apricot)}.hero-rail{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:20px;min-width:0;display:flex;flex-direction:column}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.rail-head>span{font-size:14px;font-weight:850}.rail-head>span+span{font-size:9px;color:#766f83;letter-spacing:.09em}.rail-head>a{font-size:11px;color:var(--apricot)}.rail-item{display:grid;grid-template-columns:42% 1fr;gap:13px;min-width:0;padding:12px 0;border-bottom:1px solid var(--line)}.rail-item:hover strong{color:var(--pink)}.rail-thumb{aspect-ratio:1.52;position:relative;border-radius:7px;overflow:hidden;background:#312c37}.rail-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.rail-item:hover img{transform:scale(1.055)}.rail-thumb span{position:absolute;right:6px;bottom:6px;background:rgba(10,9,14,.78);font-size:10px;padding:0 5px;border-radius:3px}.rail-item>div:nth-child(2){min-width:0}.rail-item small,.rail-item em{font-size:10px;color:var(--muted);font-style:normal;display:block}.rail-item small{margin-bottom:6px}.rail-item strong{font-size:13px;line-height:1.5;display:block;margin-bottom:9px;transition:color .2s}.rail-item em{color:var(--apricot)}.rail-footer{font-size:11px;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;color:#efacc0}.section-block{padding-top:39px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font-size:23px;letter-spacing:-.045em;margin-bottom:4px}.section-heading p{font-size:12px;margin:0}.section-heading>a{font-size:12px;color:#ffc0a1;white-space:nowrap;font-weight:750;padding-bottom:3px}.horizontal-tray{display:grid;grid-auto-columns:minmax(225px,1fr);grid-auto-flow:column;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#5d4051 transparent}.horizontal-tray .clip-card{scroll-snap-align:start}.clip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 9px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.clip-card{min-width:0;overflow:hidden;background:transparent}.clip-image{position:relative;display:block;aspect-ratio:1.63;border-radius:9px;overflow:hidden;background:linear-gradient(125deg,#2c2632,#17151c);border:1px solid var(--stroke)}.clip-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s}.clip-image:hover img{transform:scale(1.07);filter:brightness(.76)}.clip-image:focus-visible img{filter:brightness(.65)}.duration,.status{position:absolute;border-radius:4px;font-size:10px;font-weight:750;z-index:2;padding:2px 6px}.duration{right:8px;bottom:8px;background:rgba(4,3,6,.76)}.status{left:8px;top:8px;background:var(--flash);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.3)}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(250,62,110,.95);border:1px solid rgba(255,255,255,.33);color:#fff;opacity:0;transition:opacity .3s,transform .3s;font-size:14px}.clip-image:hover .card-play,.clip-image:focus-visible .card-play{opacity:1;transform:translate(-50%,-50%)}.clip-info{padding:8px 3px 4px}.overline{color:#a99fac;font-size:10px;font-weight:650}.clip-info h3{font-size:14px;font-weight:750;margin:3px 0 5px;line-height:1.45}.clip-info h3 a:hover{color:var(--pink)}.clip-info p{font-size:11px;color:#918a9a;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.utility-strip{display:flex;align-items:center;gap:17px;margin-top:40px;border:1px solid rgba(250,62,110,.22);border-radius:10px;padding:17px 24px;background:linear-gradient(90deg,rgba(250,62,110,.11),rgba(255,160,102,.045),rgba(30,27,38,.82))}.utility-icon{width:48px;height:48px;border:1px solid rgba(250,62,110,.24);border-radius:11px;background:rgba(250,62,110,.11);display:grid;place-items:center;color:#ff7e9f;font-size:23px;flex:none}.utility-strip strong{font-size:15px}.utility-strip p{margin:3px 0 0;font-size:11px}.utility-strip>a{margin-left:auto;white-space:nowrap;color:#ffc1a4;font-size:12px;font-weight:800}.creator-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.creator-tile{background:var(--panel);border:1px solid var(--stroke);border-radius:10px;padding:16px 13px;display:flex;align-items:center;gap:10px;min-width:0;position:relative;transition:background .2s,border .2s}.creator-tile:hover{background:var(--panel2);border-color:rgba(250,62,110,.5)}.creator-tile .avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7d3656,#422a48);color:#ffbdc7;font-size:17px;font-weight:900;flex:none}.creator-tile:nth-child(even) .avatar{background:linear-gradient(135deg,#7c5b49,#41303a);color:#ffd3ad}.creator-tile>span:nth-child(2){min-width:0}.creator-tile strong{display:block;font-size:13px}.creator-tile small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:3px}.creator-tile>b{position:absolute;top:7px;right:10px;font-size:10px;color:#bd7b94}.end-block{padding-bottom:68px}.site-footer{background:var(--black);border-top:1px solid var(--stroke);margin-top:10px;padding-top:35px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:70px;padding-bottom:30px}.footer-logo{font-size:19px;font-weight:900}.footer-logo span{color:var(--pink);font-size:15px}.footer-grid p{font-size:11px;margin:9px 0 0;max-width:380px}.footer-grid strong{display:block;font-size:12px;margin-bottom:12px}.footer-grid nav a{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.footer-grid nav a:hover{color:var(--pink)}.foot-note{font-size:10px!important;color:#756f7e!important}.foot-bottom{display:flex;justify-content:space-between;gap:20px;padding:15px 0 24px;border-top:1px solid var(--line);color:#766e80;font-size:10px}.watch-page{padding-top:39px;padding-bottom:65px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.catalog-heading h1{font-size:clamp(26px,3vw,39px);margin-bottom:11px}.catalog-heading p{max-width:680px;font-size:13px;margin:0}.catalog-note{border-left:1px solid var(--stroke);padding-left:19px;display:flex;flex-direction:column;align-items:flex-start;color:var(--muted)}.catalog-note b{font-size:34px;color:var(--pink);line-height:1}.catalog-note span{font-size:11px;margin-top:7px;white-space:nowrap}.filter-panel{display:flex;align-items:end;gap:10px;background:var(--panel);border:1px solid var(--stroke);padding:18px;border-radius:11px;flex-wrap:wrap}.filter-label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:170px}.filter-label:first-child{flex:2;min-width:210px}.filter-label label{font-size:10px;font-weight:800;color:#c3bac9}.filter-label input,.filter-label select{width:100%;height:41px;border-radius:7px;border:1px solid rgba(255,255,255,.1);outline:none;padding:0 12px;background:#111018;color:var(--ink);font-size:12px}.filter-label input:focus,.filter-label select:focus{border-color:var(--pink);box-shadow:0 0 0 2px rgba(250,62,110,.15)}.checkbox{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:700;min-height:40px;cursor:pointer}.checkbox input{accent-color:var(--pink);width:15px;height:15px}.filter-panel .btn{height:41px}.reset-link{font-size:11px;color:#baaabf;padding:10px}.reset-link:hover{color:white}.catalog-meta{display:flex;justify-content:space-between;align-items:center;padding:29px 0 17px}.catalog-meta strong{font-size:20px}.catalog-meta span{color:var(--muted);font-size:11px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 10px}.empty{padding:60px 20px;text-align:center;border:1px dashed rgba(255,255,255,.13);border-radius:10px}.empty h2{font-size:23px}.empty p{font-size:12px}.rights-note{margin-top:45px;padding:21px 25px;background:var(--panel);border-left:2px solid var(--pink);border-radius:8px}.rights-note h2{font-size:17px}.rights-note p{font-size:11px;line-height:1.8;margin-bottom:8px}.rights-note p:last-child{margin-bottom:0}.detail-page{padding-top:22px;padding-bottom:65px}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:19px}.breadcrumbs a:hover,.meta-row a:hover{color:var(--pink)}.breadcrumbs span:last-child{color:#e5dce8}.player-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}.video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:11px;background:#09080d;border:1px solid var(--stroke)}.video-shell>img,.video-shell>video{width:100%;height:100%;object-fit:cover}.video-shell>img{filter:brightness(.36) saturate(.8)}.offline-message{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:20px}.offline-icon{font-size:31px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.33);background:rgba(28,26,36,.7);color:#ffb4c6;margin-bottom:10px}.offline-message strong{font-size:19px}.offline-message span:last-child{font-size:11px;color:#d5cbda}.video-titlebar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:23px}.video-titlebar .eyebrow{margin-bottom:7px}.video-titlebar h1{font-size:clamp(24px,2.7vw,36px);margin:0}.length-chip{font-size:11px;color:#bcb4c4;border:1px solid var(--stroke);padding:5px 10px;border-radius:5px}.lead-text{font-size:13px;line-height:1.9;margin:12px 0 24px}.story-panel{padding:25px 26px;border:1px solid var(--stroke);background:var(--panel);border-radius:10px}.story-panel h2{font-size:18px;margin-bottom:12px}.story-panel p{font-size:12px;line-height:1.9;margin-bottom:12px}.story-panel p:last-child{margin-bottom:0}.meta-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:11px}.meta-row a{color:#f4b5a4}.more-clips{background:var(--panel);border:1px solid var(--stroke);padding:18px;border-radius:10px;align-self:start}.more-clips .rail-item{grid-template-columns:41% 1fr}.more-clips .rail-item strong{font-size:12px}.more-clips .rail-item em{margin-top:3px}.aside-hint{background:#131219;padding:15px;border-radius:8px;margin-top:20px}.aside-hint strong{font-size:12px}.aside-hint p{font-size:11px;line-height:1.8;margin:7px 0 0}.mini-end{padding-top:50px}.error-page{min-height:50vh;padding-top:110px;padding-bottom:100px}.error-page h1{font-size:38px}.error-page p{font-size:14px}.error-page .btn{margin-top:12px}
/* Desktop scaling: preserve a dense visual rhythm without compressing cover labels. */
@media (min-width:1600px){.hero-layout{min-height:530px}.hero-feature{min-height:530px}.rail-item{padding:16px 0}.hero-rail{padding:24px}.clip-grid{gap:20px 11px}.section-block{padding-top:45px}.section-heading{margin-bottom:22px}.home-intro{padding-top:45px;padding-bottom:27px}}
@media (max-width:1190px){.wrap{width:min(100% - 42px,1370px)}.header-inner{gap:23px}.main-nav{gap:18px}.hero-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.88fr)}.hero-feature{min-height:445px}.hero-overlay{padding:25px}.hero-rail{padding:16px}.rail-item{gap:9px;padding:10px 0}.clip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-grid{grid-template-columns:minmax(0,1fr) 285px;gap:14px}.filter-label:first-child{flex:1.5}}
@media (max-width:900px){.header-inner{min-height:71px;flex-wrap:wrap;gap:4px 16px;padding-top:7px;padding-bottom:9px}.brand{font-size:16px}.brand img{width:35px;height:35px}.main-nav{order:3;width:100%;overflow-x:auto;flex:none;gap:22px;scrollbar-width:none}.main-nav a{padding:9px 0;font-size:12px}.main-nav a[aria-current]:after{bottom:2px}.header-action{margin-left:auto}.intro-side{display:none}.home-intro{padding-top:28px}.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-feature{min-height:480px}.hero-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-rail .rail-head,.hero-rail .rail-footer{grid-column:1/-1}.hero-rail .rail-item{display:flex;flex-direction:column;border:0;padding:0}.hero-rail .rail-thumb{width:100%}.hero-rail .rail-item strong{margin-bottom:3px}.hero-rail .rail-footer{padding-top:2px}.section-heading h2{font-size:22px}.horizontal-tray{grid-auto-columns:38%}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:30px}.player-grid{grid-template-columns:1fr}.more-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.more-clips .rail-head,.aside-hint{grid-column:1/-1}.filter-panel{gap:12px}.filter-label:first-child{flex:1 1 100%}}
@media (max-width:640px){.wrap{width:calc(100% - 28px)}.brand small{font-size:8px}.header-action{font-size:11px;padding:9px 10px}.header-action span{display:none}.home-intro{padding-top:24px;padding-bottom:18px}.home-intro h1{font-size:29px}.home-intro p{font-size:12px}.hero-feature{min-height:420px}.hero-overlay{padding:19px}.hero-overlay h2{font-size:31px}.hero-overlay>p:not(.hero-kicker){font-size:11px}.hero-controls{gap:16px}.hero-rail{grid-template-columns:1fr;gap:0}.hero-rail .rail-item{display:grid;grid-template-columns:33% 1fr;gap:12px;border-bottom:1px solid var(--line);padding:9px 0}.hero-rail .rail-item small{margin-bottom:4px}.hero-rail .rail-footer{padding-top:13px}.section-block{padding-top:30px}.section-heading{align-items:start;gap:10px;margin-bottom:13px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px}.section-heading>a{font-size:10px;margin-top:20px}.horizontal-tray{grid-auto-columns:68%;gap:8px}.clip-grid,.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.clip-image{aspect-ratio:1.35}.clip-info h3{font-size:12px}.clip-info p{font-size:10px}.utility-strip{padding:14px;gap:11px;flex-wrap:wrap;margin-top:27px}.utility-icon{width:40px;height:40px}.utility-strip strong{font-size:13px}.utility-strip p{font-size:10px}.utility-strip>a{margin-left:0;padding-left:52px}.creator-grid{grid-template-columns:1fr 1fr;gap:7px}.creator-tile{padding:12px 8px;gap:7px}.creator-tile .avatar{width:34px;height:34px;font-size:13px}.creator-tile strong{font-size:12px}.creator-tile small{font-size:9px}.creator-tile>b{display:none}.end-block{padding-bottom:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:11px}.foot-bottom{font-size:9px}.catalog-heading{align-items:start}.catalog-heading h1{font-size:26px}.catalog-note{display:none}.watch-page{padding-top:27px}.filter-label{flex:1 1 45%;min-width:135px}.filter-label:first-child{flex:1 1 100%}.filter-panel{padding:12px}.filter-panel .btn{flex:1}.catalog-meta{padding-top:25px}.catalog-meta strong{font-size:17px}.rights-note{padding:16px}.breadcrumbs{font-size:10px}.detail-page{padding-top:18px}.video-titlebar h1{font-size:25px}.offline-icon{width:54px;height:54px;font-size:23px}.offline-message strong{font-size:16px}.offline-message span:last-child{font-size:10px}.story-panel{padding:18px}.more-clips{grid-template-columns:1fr}.more-clips .rail-item{grid-column:1/-1}.mini-end{padding-top:25px}}
@media (max-width:380px){.wrap{width:calc(100% - 22px)}.header-action{font-size:10px}.home-intro h1{font-size:26px}.hero-feature{min-height:400px}.hero-overlay h2{font-size:27px}.horizontal-tray{grid-auto-columns:78%}.creator-grid{grid-template-columns:1fr}.creator-tile .avatar{width:42px;height:42px}.clip-info p{-webkit-line-clamp:2}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}