/* 糖心Vlog · Immersive editorials / browser streaming UI */
:root{color-scheme:dark;--bg:#0F0A12;--panel:#1A121E;--panel2:#251B2B;--ink:#F5EEF6;--muted:#A697B0;--pink:#FF4D8D;--rose:#FF85A1;--gold:#FFB800;--line:rgba(255,214,244,.11);--soft:rgba(255,77,141,.15);--shadow:0 25px 70px rgba(0,0,0,.28);--radius:16px;--max:1320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);min-width:300px;line-height:1.55;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:650px;pointer-events:none;background:radial-gradient(ellipse at 85% 20%,rgba(255,77,141,.11),transparent 46%),radial-gradient(ellipse at 20% 16%,rgba(147,66,164,.1),transparent 46%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}input{min-width:0}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}p{color:var(--muted)}a,button,input{transition:color .18s ease,background .18s ease,border .18s ease,box-shadow .18s ease,transform .18s ease}a:focus-visible,button:focus-visible,input:focus-visible,.chips:focus-visible{outline:3px solid var(--rose);outline-offset:4px}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:14px;top:-90px;z-index:100;padding:12px 20px;background:var(--pink);border-radius:9px;font-weight:700}.skip-link:focus{top:12px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--rose);margin:0 0 14px}.site-header{position:sticky;top:0;z-index:40;background:rgba(15,10,18,.87);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);border-bottom:1px solid rgba(255,255,255,.055)}.site-header.scrolled{box-shadow:0 8px 25px rgba(0,0,0,.2)}.header-inner{display:flex;align-items:center;min-height:80px;gap:34px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:1.34rem;letter-spacing:-.075em;white-space:nowrap}.brand img{border-radius:12px;background:var(--panel2);object-fit:cover}.brand-hot,.footer-brand span{color:var(--pink)}.top-nav{display:flex;gap:8px;align-items:center;margin:auto}.top-nav a{color:#C9BFCF;padding:8px 18px;border-radius:30px;font-size:.91rem;font-weight:650;white-space:nowrap}.top-nav a:hover,.top-nav a[aria-current="page"]{color:#fff;background:var(--panel2)}.top-nav a[aria-current="page"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.header-action{font-size:.86rem;font-weight:800;white-space:nowrap;border:1px solid rgba(255,77,141,.36);background:rgba(255,77,141,.1);color:#FF95BA;border-radius:40px;padding:10px 19px}.header-action:hover{background:var(--pink);color:#14070E}.header-action span{margin-left:9px}.hero{display:grid;grid-template-columns:1fr .89fr;gap:44px;min-height:520px;padding-block:36px 28px;align-items:center}.hero-copy{padding:20px 0}.live-dot{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 5px rgba(255,77,141,.12);margin:0 13px 1px 3px}.hero-copy h1{font-size:clamp(2.6rem,4.45vw,5rem);letter-spacing:-.065em;line-height:1.12;margin-bottom:25px;font-weight:900}.hero-copy h1 em{font-style:normal;background:linear-gradient(93deg,var(--pink),#ffb7cb);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:550px;font-size:1.06rem;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{min-height:48px;border-radius:40px;display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:11px 23px;font-size:.91rem;font-weight:800;border:1px solid transparent;white-space:normal;text-align:center}.btn.primary{background:var(--pink);color:#1E0711;box-shadow:0 8px 30px rgba(255,77,141,.18)}.btn.primary:hover{background:#ff74a3;transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,77,141,.27)}.btn.outline{background:#261C2A;color:#fff;border-color:#382A3C}.btn.outline:hover{border-color:var(--pink);background:#332034}.hero-foot{display:flex;gap:25px;margin-top:36px;color:#AFA1B5;font-size:.82rem;font-weight:680;flex-wrap:wrap}.mini-spark{color:var(--pink);margin-right:7px}.hero-media{position:relative;height:460px;min-width:0}.hero-media>a{position:relative;overflow:hidden;display:block;height:100%;border-radius:24px;background:#251529;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 37%;transition:transform .5s ease}.hero-media a:hover img{transform:scale(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,5,14,.96),rgba(15,5,20,0) 54%),linear-gradient(90deg,rgba(17,5,22,.25),transparent)}.hero-media-detail{position:absolute;left:28px;bottom:25px;right:65px;display:grid;gap:7px}.hero-media-detail strong{font-size:1.6rem;font-weight:900;line-height:1.33}.hero-media-detail>span:last-child{font-size:.86rem;color:#F7CFDD}.tag{font-size:.7rem;letter-spacing:.07em;color:#1F0712;background:var(--pink);font-weight:850;padding:5px 9px;border-radius:5px;justify-self:start}.hero-play{position:absolute;right:30px;top:40%;display:grid;place-items:center;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);height:64px;width:64px;border-radius:50%;padding-left:3px}.floating-label{position:absolute;right:-15px;top:26px;background:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.1em;color:#191016;padding:10px 14px;border-radius:8px;transform:rotate(6deg);box-shadow:0 10px 25px rgba(0,0,0,.24)}.content-section{padding-top:52px;padding-bottom:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}.section-heading h2{font-size:clamp(1.65rem,2.7vw,2.65rem);margin-bottom:8px;font-weight:900}.section-heading p:not(.eyebrow){margin:0;font-size:.94rem}.text-link{font-size:.9rem;color:#FFA2C2;font-weight:800;white-space:nowrap}.text-link:hover{color:#fff}.chips{display:flex;gap:10px;max-width:100%;overflow-x:auto;padding:4px 1px 15px;margin-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--panel2) transparent}.chips::-webkit-scrollbar{height:4px}.chips::-webkit-scrollbar-thumb{background:#302136}.chip{border-radius:30px;border:1px solid #35273B;background:#211725;color:#C5B8CC;padding:10px 19px;white-space:nowrap;font-size:.87rem;font-weight:740}.chip:hover{background:#37223A;color:#fff}.chip.active{background:var(--pink);color:#230710;border-color:var(--pink);box-shadow:0 7px 15px rgba(255,77,141,.15)}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 15px}.video-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.video-card:hover{transform:translateY(-4px);border-color:rgba(255,77,141,.36);box-shadow:0 15px 33px rgba(0,0,0,.22)}.poster-link{position:relative;display:block;aspect-ratio:4/4.35;overflow:hidden;background:linear-gradient(135deg,#372238,#170E1A)}.poster-link img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.video-card:hover .poster-link img{transform:scale(1.065)}.poster-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,8,17,.6),transparent 45%)}.duration{position:absolute;bottom:12px;right:12px;font:700 .73rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(10,6,13,.75);border-radius:6px;padding:6px 8px;color:#fff}.poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:grid;place-items:center;background:rgba(255,77,141,.9);border:2px solid rgba(255,255,255,.35);width:54px;height:54px;border-radius:50%;padding-left:3px;color:#fff;opacity:0;transition:opacity .25s ease,transform .25s ease}.video-card:hover .poster-icon,.poster-link:focus-visible .poster-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-body{padding:14px 14px 16px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.71rem;letter-spacing:.01em;color:var(--rose);font-weight:720}.card-meta span:last-child{color:#A39AA9;font-size:.67rem}.card-body h3{font-size:1rem;line-height:1.52;letter-spacing:-.014em;margin:8px 0 7px;font-weight:800;min-height:3em}.card-body h3 a:hover{color:var(--rose)}.card-body p{font-size:.76rem;line-height:1.65;margin:0 0 15px;min-height:3.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creator-line{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#C1B4C7;border-top:1px solid var(--line);padding-top:11px}.creator-dot{height:20px;width:20px;display:inline-block;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FFD2DA,var(--pink) 55%,#7A305D);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.feature-strip{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;margin-top:72px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#321B32,#211626 55%,#241624);border:1px solid rgba(255,77,141,.17)}.feature-visual{min-height:335px;position:relative;background:#201322}.feature-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 63%,rgba(36,22,36,.3))}.feature-visual img{width:100%;height:100%;object-fit:cover}.feature-text{padding:54px clamp(24px,5vw,72px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-text h2{font-size:clamp(1.9rem,3.1vw,3.25rem);line-height:1.24;margin-bottom:16px}.feature-text p{font-size:.98rem;line-height:1.85;max-width:450px}.feature-text .btn{margin-top:14px}.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.creator-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s ease,background .2s ease}.creator-card:hover{transform:translateY(-4px);background:#261A2A}.creator-card img{height:170px;width:100%;object-fit:cover}.creator-card>div{padding:17px}.creator-caption{color:var(--rose);font-size:.72rem;font-weight:790}.creator-card h3{font-size:1.13rem;margin:8px 0}.creator-card p{font-size:.8rem;line-height:1.7;min-height:2.9em;margin-bottom:12px}.creator-more{font-size:.8rem;color:#F6A1BE;font-weight:780}.finale{text-align:center;padding:65px 24px 72px;margin-top:60px;margin-bottom:55px;border:1px solid rgba(255,77,141,.24);border-radius:24px;background:radial-gradient(ellipse at 50% 10%,rgba(255,77,141,.17),transparent 70%),linear-gradient(130deg,#241625,#171018)}.finale h2{font-size:clamp(2rem,3vw,3.1rem);margin:8px 0 15px}.finale p:not(.eyebrow){max-width:670px;margin-inline:auto}.finale .hero-actions{justify-content:center}.site-footer{border-top:1px solid var(--line);background:#120D15;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand{font-size:1.6rem;font-weight:950;letter-spacing:-.06em}.footer-grid p{font-size:.85rem;max-width:470px;line-height:1.8}.footer-grid h2{font-size:1rem;font-weight:800;margin:6px 0 17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid a{font-size:.84rem;color:#B5A8BE}.footer-grid a:hover{color:var(--rose)}.footer-grid .fine{font-size:.73rem;color:#877B8D}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#877A90;font-size:.75rem}.footer-bottom a:hover{color:#fff}.browse-layout{padding-top:48px;padding-bottom:85px}.browse-intro{max-width:820px;margin-bottom:25px}.browse-intro h1{font-size:clamp(2.2rem,4vw,3.8rem);margin-bottom:13px}.browse-intro>p:last-child{font-size:.99rem;line-height:1.9}.search-bar{background:#201625;border:1px solid #36263C;border-radius:14px;padding:7px;display:flex;align-items:center;gap:10px;max-width:830px;margin:25px 0 23px}.search-bar>span{font-size:1.9rem;color:var(--rose);padding-left:14px;line-height:1}.search-bar input{background:transparent;border:0;outline:none;color:#F5EEF6;flex:1;min-height:43px;padding:8px 4px;font-size:.94rem}.search-bar input:focus-visible{outline:0}.search-bar:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px rgba(255,77,141,.1)}.search-bar input::placeholder{color:#96869F}.search-bar button{background:var(--pink);border:0;color:#210911;font-weight:850;border-radius:10px;min-height:43px;padding:6px 22px;white-space:nowrap}.search-bar button:hover{background:var(--rose)}.browse-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:21px 0 19px}.browse-tools h2{font-size:1.28rem;margin:0 0 3px}.browse-tools p{margin:0;font-size:.81rem}.toggle-pill{border-radius:30px;padding:10px 17px;border:1px solid #3D2B44;background:#241B28;white-space:nowrap;font-size:.84rem;font-weight:750}.toggle-pill:hover,.toggle-pill.checked{background:rgba(255,77,141,.14);color:#FF9EBF;border-color:rgba(255,77,141,.44)}.view-notes{border-top:1px solid var(--line);margin-top:67px;padding-top:34px;display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.view-notes h2{font-size:1.9rem}.view-notes h3{font-size:1.07rem;margin:0 0 8px}.view-notes p{font-size:.86rem;line-height:1.9;margin-bottom:23px}.empty-results{border:1px dashed #48334F;border-radius:16px;text-align:center;padding:75px 24px;background:rgba(255,255,255,.018)}.empty-results h2{font-size:1.4rem}.breadcrumbs{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin-bottom:25px}.breadcrumbs a:hover{color:var(--rose)}.watch-layout{padding-top:35px;padding-bottom:90px}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px;align-items:start}.watch-main{min-width:0}.watch-stage{background:#0A080C;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.watch-stage video{display:block;width:100%;max-height:72vh;background:#000;aspect-ratio:16/9;object-fit:contain}.watch-poster{position:relative;aspect-ratio:16/9;max-height:580px}.watch-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) blur(2px)}.watch-offline{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:14px;padding:18px;background:linear-gradient(0deg,rgba(10,6,10,.3),rgba(10,6,10,.06))}.watch-offline strong{font-size:clamp(1.1rem,2vw,1.7rem);font-weight:890}.watch-offline span:last-child{color:#E3D4E7;font-size:.83rem}.watch-offline-icon{width:64px;height:64px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;background:rgba(255,77,141,.72);padding-left:4px;font-size:1.2rem}.watch-detail{padding:26px 6px}.watch-detail h1{font-size:clamp(1.8rem,2.6vw,2.85rem);margin-bottom:18px}.watch-summary{font-size:1.04rem;color:#DBCFE0;line-height:1.9}.watch-author{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0 25px;margin:15px 0 28px;font-size:.83rem;color:#C5B6CA}.watch-status{margin-left:auto;border-radius:20px;background:#2B2030;color:#E8C7D9;padding:5px 11px;font-size:.76rem}.watch-detail h2{font-size:1.25rem;margin-bottom:10px}.watch-detail>p:not(.watch-summary){line-height:1.95;font-size:.94rem;max-width:720px}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0 30px}.tag-list span{font-size:.75rem;background:#271C2B;border:1px solid #3B2840;padding:6px 12px;border-radius:20px;color:#C7B6CE}.watch-actions{display:flex;flex-wrap:wrap;gap:12px}.watch-side{position:sticky;top:109px;background:#1A121E;border:1px solid var(--line);border-radius:18px;padding:20px 16px}.aside-heading{margin-bottom:20px}.aside-heading h2{font-size:1.18rem;margin:0}.mini-card{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.mini-card:last-child{border-bottom:0}.mini-card:hover b{color:var(--rose)}.mini-card img{height:92px;width:95px;object-fit:cover;border-radius:10px}.mini-card b{font-size:.82rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.mini-card small{display:block;color:var(--muted);font-size:.72rem;margin-top:8px}.missing{text-align:center;padding:120px 20px 145px}.missing h1{font-size:clamp(2.4rem,5vw,4rem)}.missing>p:not(.eyebrow){margin:20px auto 30px;max-width:500px}.missing .btn{margin:6px}.creator-card:focus-visible,.video-card:focus-within{box-shadow:0 0 0 2px var(--rose)}
@media (max-width:1100px){.header-inner{gap:14px}.top-nav a{padding:8px 12px}.hero{gap:22px;grid-template-columns:1fr .85fr}.hero-media{height:430px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-grid{grid-template-columns:minmax(0,1fr) 260px}.footer-grid{gap:32px}.feature-text{padding:36px}}
@media (max-width:800px){.wrap{width:min(calc(100% - 36px),var(--max))}.header-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:9px;gap:10px;justify-content:space-between}.top-nav{order:3;width:100%;justify-content:space-between;overflow:auto;gap:2px;scrollbar-width:none}.top-nav a{padding:8px 11px;font-size:.83rem}.header-action{margin-left:auto;font-size:.78rem}.hero{grid-template-columns:1fr;gap:10px;padding-top:24px}.hero-copy{padding:15px 0 4px}.hero-copy h1{font-size:clamp(2.45rem,7vw,4.2rem)}.hero-media{height:min(69vw,480px)}.floating-label{right:8px;top:12px}.hero-foot{margin-top:22px}.content-section{padding-top:37px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-strip{grid-template-columns:1fr;margin-top:45px}.feature-visual{min-height:250px;height:260px}.feature-text{padding:35px}.footer-grid{grid-template-columns:1.5fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.view-notes{grid-template-columns:1fr;gap:5px}.watch-grid{grid-template-columns:1fr}.watch-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.aside-heading{grid-column:1/-1}.watch-layout{padding-top:24px}.watch-poster{aspect-ratio:16/10}}
@media (max-width:520px){.wrap{width:calc(100% - 26px)}.brand{font-size:1.1rem}.brand img{width:34px;height:34px}.header-action{font-size:.73rem;padding:8px 10px}.top-nav a{padding:7px 9px;font-size:.78rem}.hero-copy h1{font-size:clamp(2.1rem,9.1vw,3.1rem)}.hero-copy>p{font-size:.91rem;line-height:1.8}.hero-actions{gap:9px}.btn{padding:10px 16px;font-size:.82rem;min-height:44px}.hero-foot{gap:10px;font-size:.73rem}.hero-media{height:310px}.hero-media-detail{left:18px;bottom:18px;right:30px}.hero-media-detail strong{font-size:1.16rem}.hero-play{height:48px;width:48px;right:20px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2{font-size:1.7rem}.section-heading p:not(.eyebrow){font-size:.81rem}.chips{gap:7px}.chip{padding:9px 13px;font-size:.76rem}.video-grid{gap:10px}.card-body{padding:10px}.card-body h3{font-size:.84rem;line-height:1.45}.card-meta{font-size:.65rem}.card-meta span:last-child{font-size:.57rem}.card-body p{font-size:.7rem}.creator-line{font-size:.69rem}.poster-link{aspect-ratio:4/5}.poster-icon{opacity:1;height:35px;width:35px;font-size:.7rem;background:rgba(255,77,141,.7)}.creator-grid{gap:10px}.creator-card img{height:120px}.creator-card>div{padding:12px}.creator-card h3{font-size:.91rem}.creator-card p{font-size:.72rem}.creator-caption{font-size:.64rem}.feature-text h2{font-size:1.83rem}.feature-text p{font-size:.87rem}.finale{padding:45px 16px;margin-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:15px}.footer-bottom{font-size:.68rem}.browse-layout{padding-top:30px}.browse-intro h1{font-size:2.05rem}.search-bar{gap:5px}.search-bar input{font-size:.78rem}.search-bar button{padding:6px 11px;font-size:.75rem}.search-bar>span{padding-left:6px}.browse-tools{align-items:start;gap:10px;flex-direction:column}.watch-author{flex-wrap:wrap}.watch-status{margin-left:0}.watch-side{grid-template-columns:1fr}.watch-detail{padding-inline:0}.mini-card{grid-template-columns:88px 1fr}.mini-card img{height:78px;width:88px}.view-notes h2{font-size:1.6rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover:none){.poster-icon{opacity:1;transform:translate(-50%,-50%) scale(.9)}}@media print{body{color:#000;background:#fff}.site-header,.site-footer,.search-bar,.chips,.watch-actions,.btn{display:none}.wrap{width:100%}.video-grid{grid-template-columns:repeat(2,1fr)}.video-card{break-inside:avoid}.card-body p,.watch-summary{color:#222}}