:root{--coral:#F06449;--coral-2:#FF8268;--coral-soft:#FDE7E1;--blue:#248DBB;--blue-2:#54B9DF;--blue-soft:#E5F5FB;--mint:#27A987;--mint-soft:#E3F6F0;--yellow:#E8B83E;--yellow-soft:#FFF4CE;--purple:#7868B5;--purple-soft:#EFEAF9;--navy:#183645;--navy-2:#102A37;--navy-dark:#0B202A;--cream:#FFF9F2;--cream-2:#F7F3ED;--bg:#FBFAF7;--surface:#FFF;--text:#26373F;--text-2:#63747C;--text-3:#9AA5AA;--line:rgba(24,54,69,.09);--shadow:0 5px 22px rgba(24,54,69,.08);--shadow-hover:0 15px 34px rgba(24,54,69,.13);--radius:10px;--radius-card:15px;--radius-large:22px;--radius-pill:999px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.today-strip{height:30px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,var(--blue),var(--mint));color:#fff;font-size:13px}.today-strip span{background:var(--coral);padding:1px 8px;border-radius:var(--radius-pill);font-size:11px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:66px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-size:20px}.brand img{width:34px;height:34px;border-radius:9px}.desktop-nav{display:flex;gap:16px;color:var(--text-2)}.desktop-nav a:hover,.tools a:hover{color:var(--blue)}.header-search{margin-left:auto;display:flex;width:min(320px,28vw);background:#f4f7f8;border-radius:var(--radius-pill);padding:3px}.header-search input{flex:1;min-width:0;border:0;background:transparent;padding:8px 12px;outline:none}.header-search button{border:0;background:var(--blue);color:#fff;border-radius:var(--radius-pill);padding:7px 14px}.tools{display:flex;align-items:center;gap:12px;white-space:nowrap}.menu-btn{border:1px solid var(--line);background:white;border-radius:var(--radius-pill);padding:7px 12px}.mega{display:none;border-top:1px solid var(--line);background:#fff}.mega.open{display:block}.mega-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;padding:16px 0}.mega-grid a{padding:10px;border-radius:10px;background:var(--cream)}main{min-height:70vh}.hero{padding:56px 0 36px;background:radial-gradient(circle at 10% 20%,var(--blue-soft),transparent 28%),radial-gradient(circle at 70% 10%,var(--coral-soft),transparent 24%),radial-gradient(circle at 90% 80%,var(--yellow-soft),transparent 24%),var(--cream)}.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:38px;align-items:center;min-height:520px}.hero-copy h1,.page-hero h1{font-size:clamp(38px,5vw,70px);line-height:1.05;margin:12px 0 20px;letter-spacing:-.04em}.hero-copy p,.page-hero p{font-size:17px;color:var(--text-2);max-width:760px}.eyebrow{display:inline-flex;color:var(--blue);font-weight:800;letter-spacing:.06em;font-size:12px}.eyebrow.coral{color:var(--coral)}.eyebrow.mint{color:var(--mint)}.eyebrow.purple{color:var(--purple)}.eyebrow.yellow{color:var(--yellow)}.eyebrow.blue{color:var(--blue)}.hero-search{display:flex;max-width:620px;background:#fff;padding:5px;border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow);margin:24px 0 16px}.hero-search input{flex:1;border:0;outline:0;background:transparent;padding:12px 16px}.hero-search button{border:0;border-radius:var(--radius-pill);background:var(--navy);color:white;padding:0 22px}.hero-cta,.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.btn{display:inline-flex;padding:10px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:white;font-weight:700}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.tag-row span,.chips a,.chips span{padding:7px 12px;border-radius:var(--radius-pill);background:var(--blue-soft);color:var(--navy);font-size:13px}.tag-row span:nth-child(2n){background:var(--mint-soft)}.tag-row span:nth-child(3n){background:var(--yellow-soft)}.hero-media{display:grid;gap:12px}.hero-main{position:relative;border-radius:var(--radius-large);overflow:hidden;box-shadow:var(--shadow-hover);min-height:360px}.hero-main img{width:100%;height:360px}.hero-main:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.72))}.hero-main div{position:absolute;z-index:2;bottom:24px;left:24px;color:#fff}.hero-main h2{margin:4px 0;font-size:26px}.hero-small{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-small a{position:relative;overflow:hidden;border-radius:14px;background:#fff}.hero-small img{width:100%;height:120px}.hero-small b{display:block;padding:9px 11px}.section{padding:60px 0}.section.compact{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2,.section h2{margin:0;font-size:30px;line-height:1.15}.section-head>a{color:var(--blue);font-weight:700}.tint-blue{background:var(--blue-soft)}.tint-coral{background:#fff2ee}.tint-mint{background:var(--mint-soft)}.tint-yellow{background:var(--yellow-soft)}.tint-purple{background:var(--purple-soft)}.tint-cream{background:var(--cream)}.chips{display:flex;gap:9px;flex-wrap:wrap}.feature-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:26px}.feature-main{position:relative;min-height:520px;border-radius:var(--radius-large);overflow:hidden}.feature-main img{width:100%;height:520px}.feature-main>div{position:absolute;inset:auto 0 0;padding:36px;color:white;background:linear-gradient(transparent,rgba(11,32,42,.92))}.feature-main h3{font-size:32px;margin:8px 0}.feature-list{display:grid;gap:12px}.post-row{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;border-radius:14px;padding:10px;box-shadow:var(--shadow)}.post-row img{width:150px;height:100px;border-radius:10px}.post-row span,.post-row small{display:block;color:var(--text-2)}.post-row b{display:block;font-size:17px;margin:4px 0}.rank-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.rank-tabs button{border:0;background:white;border-radius:var(--radius-pill);padding:8px 14px}.rank-tabs .active{background:var(--blue);color:white}.ranking-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.ranking-list li{display:grid;grid-template-columns:50px 1fr;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.rank-no{font-size:24px;font-weight:900;color:var(--yellow)}.ranking-list a{display:flex;justify-content:space-between;gap:12px}.ranking-list small{color:var(--text-2)}.timeline{border-left:2px solid var(--line);margin-left:90px}.timeline>div{position:relative;padding:0 0 26px 32px;display:grid;grid-template-columns:120px 1fr 2fr;gap:20px}.timeline>div:before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--coral)}.timeline time{margin-left:-125px;color:var(--text-2)}.vertical-track,.avatar-track{display:flex;gap:16px;overflow:auto;padding-bottom:8px;scroll-snap-type:x proximity}.video-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);min-width:0}.video-card.vertical{min-width:220px;width:220px;scroll-snap-align:start}.video-card .thumb,.live-card .thumb{display:block;position:relative}.video-card .thumb img{width:100%;height:190px}.video-card.vertical .thumb img{height:340px}.thumb span{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;border-radius:6px;padding:2px 7px;font-size:12px}.card-body{padding:15px}.card-body h3{margin:5px 0}.card-body p{color:var(--text-2);font-size:14px}.bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;gap:14px}.bento a{position:relative;overflow:hidden;border-radius:18px}.bento img{width:100%;height:100%}.bento .bento-big{grid-row:span 2}.bento b,.mosaic b{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.9);padding:8px 10px;border-radius:9px}.city-split{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.city-image{position:relative;min-height:480px;border-radius:22px;overflow:hidden}.city-image img{width:100%;height:480px}.city-image>div{position:absolute;inset:auto 0 0;padding:28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}.city-list{display:flex;flex-direction:column;justify-content:center}.city-list a{padding:22px 0;border-bottom:1px solid var(--line)}.city-list b,.city-list span{display:block}.city-list span{color:var(--text-2);margin-top:8px}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.live-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.live-card img{width:100%;height:180px}.live-card .thumb b{position:absolute;top:10px;left:10px;background:var(--coral);color:#fff;padding:4px 9px;border-radius:7px;font-size:12px}.avatar-track a{min-width:150px;text-align:center}.avatar-track img{width:90px;height:90px;border-radius:50%;margin:0 auto 8px}.avatar-track b,.avatar-track span{display:block}.avatar-track span{font-size:12px;color:var(--text-2)}.split-copy,.knowledge-layout,.production,.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quote-card,.checklist{background:#fff;padding:26px;border-radius:18px;box-shadow:var(--shadow)}.mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.mosaic a{position:relative;height:280px;overflow:hidden;border-radius:18px}.mosaic img{width:100%;height:100%}.editorial-row{display:grid;grid-template-columns:1.3fr 1fr .6fr;gap:24px;align-items:center}.editorial-row>img{width:100%;height:340px;border-radius:18px}.editorial-row aside,.creator-note aside{display:grid;gap:9px}.editorial-row aside span,.creator-note aside span{padding:8px 10px;border-radius:9px;background:var(--cream)}.two-feature{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-feature article{background:#fff;border-radius:18px;padding:20px}.two-feature img{width:100%;height:260px;border-radius:14px}.question-stack{display:grid;gap:10px}.question-stack a{padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.cos-layout,.media-feature,.editor-pick,.app-layout,.creator-note{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.cos-layout img,.media-feature img,.editor-pick img{width:100%;height:360px;border-radius:20px}.ai-bento{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.ai-bento article{padding:20px;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.ai-bento .wide{grid-column:span 2;background:var(--purple-soft)}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:190px;gap:10px}.gallery-grid img{width:100%;height:100%;border-radius:14px}.gallery-grid img:first-child{grid-row:span 2}.gallery-grid img:nth-child(5){grid-column:span 2}.creator-grid,.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator-card{background:white;border-radius:16px;padding:18px;display:grid;grid-template-columns:74px 1fr;gap:14px;box-shadow:var(--shadow)}.creator-card img{width:74px;height:74px;border-radius:50%}.creator-card h3{margin:0}.creator-card p{font-size:13px;color:var(--text-2)}.creator-card a{color:var(--mint);font-weight:700}.checklist span{display:block;padding:7px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps>div{background:#fff;padding:22px;border-radius:16px;box-shadow:var(--shadow)}.steps span{font-size:28px;font-weight:900;color:var(--yellow)}.topic-wall{display:flex;flex-wrap:wrap;gap:10px}.topic-wall a{padding:12px 15px;background:white;border-radius:var(--radius-pill);box-shadow:var(--shadow)}.discussion-flow{display:grid;gap:14px}.discussion-flow article{background:white;border-radius:16px;padding:20px;box-shadow:var(--shadow)}.discussion-flow article:nth-child(2n){margin-left:6%}.discussion-flow span{color:var(--text-2);font-size:13px}.trend-bars{display:grid;gap:18px}.trend-bars div{display:grid;grid-template-columns:120px 1fr 260px;align-items:center;gap:14px}.trend-bars i{height:10px;border-radius:9px;background:linear-gradient(90deg,var(--yellow) var(--w),rgba(255,255,255,.6) var(--w))}.phones{display:flex;justify-content:center;gap:18px}.phones img{height:420px;width:auto;border-radius:24px;box-shadow:var(--shadow-hover)}.safety-grid>div{background:#fff;padding:22px;border-radius:18px}.safety-grid img{width:100%;height:190px;border-radius:12px}.about-band{display:grid;grid-template-columns:1fr 1.6fr auto;gap:30px;align-items:center}.faq-list details{background:#fff;border-radius:14px;margin:10px 0;padding:15px 18px;box-shadow:var(--shadow)}.faq-list summary{cursor:pointer;font-weight:800}.page-hero{padding:70px 0;background:linear-gradient(135deg,var(--cream),var(--blue-soft))}.live-hero{background:linear-gradient(135deg,var(--coral-soft),var(--cream))}.ai-hero,.cos-hero{background:linear-gradient(135deg,var(--purple-soft),var(--cream))}.creator-profile{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.creator-profile img{width:150px;height:150px;border-radius:50%}.watch{padding:44px 0}.player{position:relative;background:#111;border-radius:20px;overflow:hidden}.player img{width:100%;height:min(68vh,720px)}.player button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:30px}.watch-meta{max-width:900px;padding:24px 0}.watch-meta h1{font-size:42px;margin:7px 0}footer{background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#dce8ec;border-top:1px solid var(--blue);padding:48px 0 84px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid h4{color:#fff}.footer-grid a{display:block;color:#bad0d9;margin:7px 0}.footer-brand{color:#fff}.mobile-bottom{display:none}.to-top{position:fixed;right:20px;bottom:20px;border:0;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;opacity:0;pointer-events:none}.to-top.show{opacity:1;pointer-events:auto}
@media(max-width:1200px){.desktop-nav{gap:10px;font-size:14px}.header-search{display:none}.creator-grid,.video-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.desktop-nav{display:none}.tools{margin-left:auto}.hero-grid,.feature-layout,.city-split,.editorial-row,.cos-layout,.media-feature,.editor-pick,.app-layout,.creator-note{grid-template-columns:1fr}.hero-grid{min-height:auto}.live-grid{grid-template-columns:repeat(2,1fr)}.ranking-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img:nth-child(5){grid-column:auto}.mega-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero{padding-top:30px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:48px}.bento{grid-template-columns:1fr 1fr}.bento .bento-big{grid-row:auto;grid-column:span 2}.mosaic{grid-template-columns:1fr 1fr}.mosaic a:first-child{grid-column:span 2}.steps,.creator-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.ai-bento{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.trend-bars div{grid-template-columns:100px 1fr}.trend-bars span{grid-column:2}.about-band{grid-template-columns:1fr}.mobile-bottom{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));text-align:center;font-size:12px}footer{padding-bottom:110px}.to-top{bottom:72px}}@media(max-width:768px){.wrap{width:min(100% - 24px,var(--wrap))}.today-strip{font-size:11px;padding:0 10px;white-space:nowrap;overflow:hidden}.hero-copy h1,.page-hero h1{font-size:40px}.hero-main img{height:300px}.hero-small img{height:100px}.post-row{grid-template-columns:110px 1fr}.post-row img{width:110px}.two-feature,.split-copy,.knowledge-layout,.production,.safety-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.ai-bento{grid-template-columns:1fr}.ai-bento .wide{grid-column:auto}.timeline{margin-left:0;border-left:0}.timeline>div{grid-template-columns:1fr;gap:4px;padding-left:0}.timeline>div:before{display:none}.timeline time{margin-left:0}.ranking-list a{display:block}.phones img{height:330px}.creator-profile{grid-template-columns:90px 1fr}.creator-profile img{width:90px;height:90px}}@media(max-width:600px){.tools a{display:none}.menu-btn{display:block}.hero-search{border-radius:16px}.hero-search input{min-width:0}.hero-cta{display:grid}.btn{justify-content:center}.bento,.mosaic,.gallery-grid,.creator-grid,.video-grid,.steps,.live-grid{grid-template-columns:1fr}.bento .bento-big,.mosaic a:first-child{grid-column:auto}.mosaic a{height:220px}.gallery-grid img:first-child{grid-row:auto}.gallery-grid img{height:220px}.video-card.vertical{min-width:180px;width:180px}.video-card.vertical .thumb img{height:280px}.section{padding:44px 0}.section-head{align-items:flex-start}.section-head h2,.section h2{font-size:26px}.phones{gap:8px}.phones img{height:270px}.header-inner{gap:8px}.brand b{font-size:18px}.feature-main{min-height:420px}.feature-main img{height:420px}.feature-main>div{padding:22px}.feature-main h3{font-size:25px}.watch-meta h1{font-size:32px}}