: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:#FFFFFF;--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:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.discovery-bar{height:30px;background:linear-gradient(90deg,var(--blue),var(--mint));color:#fff;font-size:13px}.discovery-bar .wrap{height:100%;display:flex;align-items:center;gap:24px;overflow:hidden;white-space:nowrap}.discovery-bar strong{background:var(--coral);border-radius:999px;padding:1px 8px}.site-header{height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.site-header.scrolled{box-shadow:var(--shadow)}.header-inner{height:100%;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--navy);white-space:nowrap}.brand img{width:34px;height:34px;object-fit:cover;border-radius:9px}.main-nav{display:flex;gap:15px;white-space:nowrap}.main-nav a,.header-actions a{color:var(--text-2);font-size:14px}.main-nav a.active,.main-nav a:hover,.header-actions a:hover{color:var(--blue)}.header-search{flex:1;min-width:220px;max-width:340px;background:var(--cream-2);border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.header-search input{min-width:0;flex:1;border:0;background:transparent;padding:9px 14px;outline:0}.header-search button{border:0;background:transparent;color:var(--blue);padding:0 13px;cursor:pointer}.header-actions{display:flex;align-items:center;gap:12px}.menu-btn{border:0;background:var(--navy);color:#fff;border-radius:999px;padding:8px 13px;cursor:pointer}.mega{position:absolute;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mega-grid{padding:22px 0;display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.mega-grid a{background:var(--cream);padding:14px;border-radius:12px;text-align:center}.hero{padding:54px 0 46px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--cream) 0 60%,var(--blue-soft))}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.hero:before{width:280px;height:280px;background:var(--coral-soft);left:-90px;top:40px}.hero:after{width:240px;height:240px;background:var(--yellow-soft);right:12%;bottom:-100px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:7fr 5fr;gap:44px;align-items:center;min-height:500px}.eyebrow{display:inline-block;color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.hero h1,.page-hero h1,.live-hero h1,.app-page-hero h1,.creator-hero h1,.watch-hero h1,.not-found h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.03em;margin:0 0 20px;color:var(--navy)}.lead{font-size:19px;color:#40545e}.hero-copy>p{max-width:760px;color:var(--text-2)}.hero-search{display:flex;max-width:600px;margin:24px 0 18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;overflow:hidden}.hero-search input{flex:1;min-width:0;border:0;padding:14px 18px;outline:0}.hero-search button{border:0;background:var(--blue);color:white;padding:0 22px;cursor:pointer}.hero-ctas,.tag-row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border-radius:999px;font-weight:700}.btn.primary{background:var(--coral);color:#fff}.btn.secondary{background:var(--blue);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}.tag-row{margin-top:18px}.tag-row a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:13px}.hero-media{display:grid;gap:14px}.hero-main{position:relative;border-radius:var(--radius-large);overflow:hidden;box-shadow:var(--shadow-hover);min-height:360px;background:var(--navy)}.hero-main img{width:100%;height:360px;object-fit:cover;opacity:.86}.hero-main div{position:absolute;left:22px;right:22px;bottom:20px;background:rgba(16,42,55,.86);color:white;padding:18px;border-radius:16px;backdrop-filter:blur(10px)}.hero-main h2{margin:4px 0 5px;font-size:24px}.hero-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-mini a{background:#fff;padding:9px;border-radius:15px;box-shadow:var(--shadow);display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;font-size:13px}.hero-mini img{width:80px;height:62px;object-fit:cover;border-radius:10px}.section{padding:74px 0}.section.compact{padding:48px 0}.section.alt{background:var(--cream-2)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:0;color:var(--navy)}.section-head p{margin:8px 0 0;color:var(--text-2);max-width:760px}.text-link{color:var(--blue);font-weight:700;white-space:nowrap}.channel-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chip{display:flex;flex-direction:column;padding:17px;border-radius:15px;background:#fff;border:1px solid var(--line);transition:.2s}.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.chip small{color:var(--text-2);margin-top:2px}.chip.coral{border-top:3px solid var(--coral)}.chip.blue{border-top:3px solid var(--blue)}.chip.mint{border-top:3px solid var(--mint)}.chip.yellow{border-top:3px solid var(--yellow)}.chip.purple{border-top:3px solid var(--purple)}.feature-split{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.feature-card{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.feature-card>img{width:100%;height:100%;min-height:420px;object-fit:cover}.feature-card>div{padding:30px}.feature-card h2,.feature-card h3{font-size:30px;line-height:1.18;margin:12px 0}.feature-card p{color:var(--text-2)}.pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.pill.coral{background:var(--coral-soft);color:#a33d29}.pill.blue{background:var(--blue-soft);color:#17688b}.pill.mint{background:var(--mint-soft);color:#177a61}.pill.yellow{background:var(--yellow-soft);color:#926f17}.pill.purple{background:var(--purple-soft);color:#5e50a1}.meta{display:flex;gap:10px;justify-content:space-between;color:var(--text-3);font-size:13px}.reason{padding-top:12px;border-top:1px solid var(--line)}.post-stack{display:flex;flex-direction:column;gap:12px}.horizontal-post{display:grid;grid-template-columns:120px 1fr;gap:13px;background:#fff;border-radius:14px;padding:9px;border:1px solid var(--line)}.horizontal-post img{width:120px;height:84px;border-radius:10px;object-fit:cover}.horizontal-post span{display:flex;flex-direction:column;justify-content:center}.horizontal-post small,.horizontal-post em{color:var(--text-3);font-style:normal;font-size:12px}.horizontal-post strong{line-height:1.3;margin:3px 0}.ranking-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.ranking-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.ranking-tabs button.active{background:var(--yellow);color:white;border-color:var(--yellow)}.ranking-list{margin:0;padding:0;list-style:none;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.ranking-list li{display:grid;grid-template-columns:60px 1fr 90px;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line)}.ranking-list li:last-child{border:0}.ranking-list b{font-size:22px;color:var(--yellow)}.ranking-list span{display:flex;flex-direction:column}.ranking-list small{color:var(--text-3)}.ranking-list em{font-style:normal;color:var(--text-2);text-align:right}.ranking-long li{padding-block:18px}.timeline{position:relative;display:grid;gap:0}.timeline:before{content:"";position:absolute;left:72px;top:12px;bottom:12px;width:2px;background:var(--blue-soft)}.timeline article{display:grid;grid-template-columns:72px 84px 1fr;gap:18px;align-items:start;padding:16px 0;position:relative}.timeline time{font-weight:800;color:var(--blue)}.timeline h3,.timeline h2{margin:0 0 3px}.timeline p{margin:0;color:var(--text-2)}.short-zone{background:linear-gradient(180deg,var(--blue-soft),var(--bg))}.short-track{display:flex;gap:15px;overflow:auto;padding-bottom:8px;scroll-snap-type:x proximity}.short-card{flex:0 0 190px;scroll-snap-align:start}.short-card>a:first-child{position:relative;display:block}.short-card img{width:190px;height:338px;object-fit:cover;border-radius:18px}.duration{position:absolute;right:8px;bottom:8px;background:rgba(11,32,42,.78);color:#fff;border-radius:999px;padding:3px 7px;font-size:11px}.short-card .pill{margin-top:10px}.short-card h3{font-size:16px;line-height:1.35;margin:7px 0 2px}.short-card p{color:var(--text-3);margin:0}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}.bento article{position:relative;overflow:hidden;background:#fff;border-radius:18px;border:1px solid var(--line);padding:20px}.bento article img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bento article:has(img):after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(11,32,42,.78))}.bento article:has(img) h3,.bento article:has(img) p{position:relative;z-index:2;color:#fff}.bento article:has(img) h3{position:absolute;left:18px;right:18px;bottom:18px;margin:0}.bento article:has(img) p{position:absolute;left:18px;right:18px;bottom:44px}.bento .wide{grid-column:span 2}.bento .tall{grid-row:span 2}.city-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.city-main{background:#fff;border-radius:20px;overflow:hidden;padding-bottom:25px;box-shadow:var(--shadow)}.city-main img{width:100%;height:360px;object-fit:cover}.city-main span,.city-main h3,.city-main p{margin-left:25px;margin-right:25px}.city-main span{display:block;margin-top:18px;color:var(--blue);font-weight:800}.city-main h3{font-size:28px;line-height:1.25}.city-main p{color:var(--text-2)}.city-side{display:grid;gap:12px}.city-side article{background:#fff;border-radius:16px;padding:20px;border-left:4px solid var(--blue)}.city-side time{color:var(--blue);font-weight:800}.city-side h3{margin:4px 0}.city-side p{margin:0;color:var(--text-2)}.live-grid,.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.live-card,.video-card{background:#fff;border-radius:17px;overflow:hidden;border:1px solid var(--line);transition:.2s}.live-card:hover,.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.live-visual,.video-card .thumb{position:relative;display:block}.live-visual img,.video-card .thumb img{width:100%;height:190px;object-fit:cover}.live-badge{position:absolute;left:10px;top:10px;color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.live-now{background:var(--coral)}.live-soon{background:var(--blue)}.live-replay{background:var(--navy)}.card-body{padding:15px}.card-body h3{line-height:1.35;margin:7px 0}.card-body p{color:var(--text-2);font-size:14px}.avatar-track{display:flex;gap:24px;overflow:auto;padding:5px 2px 12px}.avatar-track a{flex:0 0 120px;text-align:center}.avatar-track img{width:88px;height:88px;object-fit:cover;border-radius:50%;margin:0 auto 8px;border:4px solid #fff;box-shadow:var(--shadow)}.avatar-track strong,.avatar-track small{display:block}.avatar-track small{color:var(--text-3)}.replay-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.replay-strip article{background:#fff;border-radius:18px;overflow:hidden}.replay-strip img{width:100%;height:200px;object-fit:cover}.replay-strip div{padding:18px}.replay-strip span{color:var(--coral);font-weight:800}.replay-strip h3{margin:5px 0}.replay-strip p{color:var(--text-2)}.split-two,.duo-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote-card,.image-note{border-radius:20px;background:#fff;padding:28px;box-shadow:var(--shadow)}.quote-card{border-top:4px solid var(--coral)}.quote-card h3{font-size:30px;line-height:1.25}.quote-card p{color:var(--text-2)}.image-note{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.image-note img{height:260px;width:100%;object-fit:cover;border-radius:14px}.performance-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch}.performance-main{position:relative;overflow:hidden;border-radius:20px;background:#fff}.performance-main img{width:100%;height:100%;min-height:360px;object-fit:cover}.performance-main h3{position:absolute;left:20px;right:20px;bottom:18px;color:#fff;font-size:28px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.performance-layout ul{margin:0;padding:22px;list-style:none;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center}.performance-layout li{padding:18px 0;border-bottom:1px solid var(--line)}.performance-layout li:last-child{border:0}.performance-layout b{color:var(--coral);margin-right:12px}.duo-panels article{position:relative;background:#fff;border-radius:20px;overflow:hidden;padding-bottom:24px}.duo-panels img{width:100%;height:280px;object-fit:cover}.duo-panels h3,.duo-panels p,.duo-panels a,.duo-panels span{margin-left:24px;margin-right:24px}.duo-panels span{display:block;margin-top:18px;color:var(--blue);font-weight:800}.duo-panels p{color:var(--text-2)}.duo-panels a{color:var(--blue);font-weight:800}.qa-grid,.reason-grid,.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qa-grid article,.reason-grid article,.safety-grid article{background:#fff;border-radius:17px;padding:22px;border:1px solid var(--line)}.qa-grid h3,.reason-grid h3,.safety-grid h3{margin:4px 0 8px}.qa-grid p,.reason-grid p,.safety-grid p{margin:0;color:var(--text-2)}.reason-grid{grid-template-columns:repeat(4,1fr)}.reason-grid b{color:var(--coral)}.safety-grid{grid-template-columns:repeat(4,1fr)}.cos-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.cos-main{position:relative;border-radius:20px;overflow:hidden;min-height:440px}.cos-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cos-main:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(11,32,42,.85))}.cos-main>div{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff}.cos-main h2,.cos-main h3{font-size:30px;line-height:1.2;margin:5px 0}.cos-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cos-notes span{display:flex;align-items:center;justify-content:center;min-height:100px;border-radius:16px;background:var(--purple-soft);color:#5b4c93;font-weight:800}.ai-bento article{background:#fff}.ai-bento h2,.ai-bento h3{margin:0 0 6px;color:var(--purple)}.ai-bento p{color:var(--text-2)}.ai-bento .warning{background:#fff1ef;border-color:#f5c7bd}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px}.gallery-grid figure{position:relative;margin:0;border-radius:16px;overflow:hidden}.gallery-grid .g0{grid-column:span 2;grid-row:span 2}.gallery-grid .g3{grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(11,32,42,.78))}.gallery-grid figcaption{position:absolute;z-index:2;left:15px;right:15px;bottom:12px;color:#fff}.gallery-grid figcaption strong,.gallery-grid figcaption span{display:block}.gallery-grid figcaption span{font-size:12px;opacity:.85}.creator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.creator-card{display:grid;grid-template-columns:150px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.creator-card img{width:150px;height:170px;object-fit:cover;border-radius:13px}.creator-card h3{font-size:24px;margin:8px 0}.creator-card p{color:var(--text-2);margin:0}.behind-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.behind-step{background:var(--navy);color:#fff;padding:24px;border-radius:18px}.behind-step b{color:var(--yellow)}.behind-step p{color:#c9d6dc}.tutorial-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tutorial-steps article{display:grid;grid-template-columns:60px 1fr;gap:14px;background:#fff;padding:20px;border-radius:16px}.tutorial-steps>article>span{font-size:30px;color:var(--blue);font-weight:900}.tutorial-steps h3{margin:3px 0}.tutorial-steps p{color:var(--text-2)}.editorial-article{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;background:#fff;border-radius:22px;padding:32px}.editorial-article img{width:100%;height:360px;object-fit:cover;border-radius:16px}.editorial-article h3,.editorial-article h2{font-size:36px;line-height:1.2;margin:6px 0 16px}.editorial-article p{color:var(--text-2)}.editorial-article.text-only{grid-template-columns:1fr}.editorial-article.text-only>div{max-width:920px;margin:auto}.editorial-article.text-only h2{font-size:28px;margin-top:30px}.topic-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topic-wall a,.topic-wall article{background:#fff;border-radius:16px;padding:18px;border:1px solid var(--line)}.topic-wall span{color:var(--purple);font-weight:800}.topic-wall strong,.topic-wall h2{display:block;line-height:1.35;margin:6px 0}.topic-wall p{color:var(--text-2);font-size:14px}.topic-wall.large{grid-template-columns:repeat(2,1fr)}.topic-wall.large article{padding:28px}.post-feed{display:grid;gap:14px}.post-feed article{background:#fff;border-radius:17px;padding:22px;border:1px solid var(--line)}.post-meta,.post-actions{display:flex;justify-content:space-between;gap:12px;color:var(--text-3);font-size:13px}.post-feed h2,.post-feed h3{margin:9px 0}.post-feed p{color:var(--text-2)}.post-actions button{border:0;background:var(--coral-soft);color:#9b3e2c;border-radius:999px;padding:6px 10px;cursor:pointer}.notes-columns{columns:3;column-gap:18px}.notes-columns article{break-inside:avoid;background:#fff;border-radius:17px;padding:22px;margin-bottom:18px;border-top:3px solid var(--mint)}.notes-columns h3{margin-top:0}.notes-columns p{color:var(--text-2)}.trend-list{display:grid;gap:16px}.trend-list div{display:grid;grid-template-columns:150px 1fr 150px;gap:14px;align-items:center}.trend-list i{height:12px;background:linear-gradient(90deg,var(--blue) var(--p),var(--blue-soft) var(--p));border-radius:999px}.trend-list b{font-size:13px;color:var(--text-2)}.edit-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.edit-picks article{padding:18px;border-left:3px solid var(--coral);background:#fff}.edit-picks b{color:var(--coral)}.edit-picks h3{line-height:1.35}.edit-picks p{color:var(--text-2);font-size:14px}.app-section,.app-page-hero{background:linear-gradient(135deg,var(--blue-soft),var(--cream),var(--coral-soft))}.app-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:500px}.app-layout h2{font-size:44px;line-height:1.15;margin:6px 0 15px}.phone-stage{position:relative;min-height:420px}.app-img{position:absolute;right:50px;top:40px;width:72%;height:330px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow-hover)}.phone-img{position:absolute;right:0;bottom:0;width:190px;max-height:400px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))}.about-strip{display:flex;justify-content:space-between;align-items:center;gap:30px}.about-strip>div{max-width:900px}.about-strip h2{font-size:38px;margin:5px 0}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}.faq-list summary{cursor:pointer;padding:16px 0;font-weight:800}.faq-list p{color:var(--text-2);padding-bottom:14px}.faq-list.large{grid-template-columns:1fr}.page-hero,.live-hero,.app-page-hero,.creator-hero,.watch-hero{padding:72px 0;background:var(--cream)}.page-hero .wrap{max-width:980px}.page-hero p{font-size:18px;color:var(--text-2);max-width:850px}.coral-hero{background:linear-gradient(135deg,var(--cream),var(--coral-soft))}.blue-hero{background:linear-gradient(135deg,var(--cream),var(--blue-soft))}.mint-hero{background:linear-gradient(135deg,var(--cream),var(--mint-soft))}.yellow-hero{background:linear-gradient(135deg,var(--cream),var(--yellow-soft))}.purple-hero{background:linear-gradient(135deg,var(--cream),var(--purple-soft))}.live-hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.live-hero img{width:100%;height:380px;object-fit:cover;border-radius:22px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workflow article{background:#fff;padding:22px;border-radius:17px;border-top:4px solid var(--blue)}.workflow b{color:var(--blue)}.tutorial-list{display:grid;gap:18px}.tutorial-list article{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;background:#fff;padding:24px;border-radius:18px}.tutorial-list h2{font-size:26px}.tutorial-list p,.tutorial-list dd{color:var(--text-2)}.tutorial-list dl{display:grid;grid-template-columns:90px 1fr;gap:10px 14px}.tutorial-list dt{font-weight:800;color:var(--blue)}.tutorial-list dd{margin:0}.creator-hero .wrap{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.creator-hero img{width:220px;height:220px;object-fit:cover;border-radius:50%}.creator-hero h1{font-size:52px}.watch-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}.player-placeholder{position:relative;border-radius:22px;overflow:hidden;background:#000}.player-placeholder img{width:100%;height:460px;object-fit:cover;opacity:.86}.player-placeholder span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:22px;background:radial-gradient(circle,transparent,rgba(0,0,0,.35))}.watch-meta{display:flex;gap:18px;color:var(--text-2);margin:22px 0}.empty-state{background:#fff;border:1px dashed rgba(24,54,69,.2);border-radius:20px;padding:50px;text-align:center}.empty-state a{color:var(--blue);font-weight:800}.contact-guide{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-guide article{background:#fff;border-radius:18px;padding:26px;border-left:4px solid var(--coral)}.contact-guide p{color:var(--text-2)}.not-found{min-height:70vh;display:flex;align-items:center;text-align:center}.not-found span{font-size:100px;font-weight:900;color:var(--coral)}.not-found .hero-ctas{justify-content:center}.site-footer{background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#d9e6eb;border-top:1px solid var(--blue);padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}.footer-brand{color:#fff}.footer-grid p{color:#9fb3bc;max-width:440px}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links a{color:#c6d5dc}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;color:#88a0aa;font-size:13px}.mobile-bottom{display:none}.backtop{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:45}.backtop.show{opacity:1;pointer-events:auto}
@media(max-width:1200px){.main-nav{gap:10px}.header-search{max-width:260px}.topic-wall{grid-template-columns:repeat(3,1fr)}.edit-picks{grid-template-columns:repeat(3,1fr)}.live-grid,.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.main-nav a:nth-child(n+6){display:none}.header-actions a{display:none}.channel-chips{grid-template-columns:repeat(3,1fr)}.feature-split{grid-template-columns:1fr}.reason-grid,.safety-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.bento{grid-template-columns:repeat(3,1fr)}.edit-picks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.discovery-bar .wrap span:nth-of-type(n+3){display:none}.hero-grid,.live-hero .wrap,.app-layout,.watch-grid,.city-layout,.cos-layout,.performance-layout{grid-template-columns:1fr}.hero-grid{min-height:auto}.header-search{display:none}.main-nav{display:none}.mega-grid{grid-template-columns:repeat(3,1fr)}.feature-card{grid-template-columns:1fr}.feature-card>img{min-height:300px;height:300px}.live-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.bento{grid-template-columns:repeat(2,1fr)}.topic-wall,.topic-wall.large{grid-template-columns:repeat(2,1fr)}.tutorial-list article{grid-template-columns:1fr}.creator-hero .wrap{grid-template-columns:160px 1fr}.creator-hero img{width:160px;height:160px}.player-placeholder img{height:380px}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.section{padding:56px 0}.hero{padding-top:36px}.hero h1,.page-hero h1,.live-hero h1,.app-page-hero h1,.watch-hero h1{font-size:40px}.section-head{align-items:start;flex-direction:column}.channel-chips{grid-template-columns:repeat(2,1fr)}.creator-grid,.tutorial-steps,.split-two,.duo-panels,.contact-guide{grid-template-columns:1fr}.creator-card{grid-template-columns:110px 1fr}.creator-card img{width:110px;height:130px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.qa-grid{grid-template-columns:1fr}.notes-columns{columns:1}.timeline article{grid-template-columns:58px 72px 1fr}.timeline:before{left:58px}.app-img{right:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.96);border-top:1px solid var(--line);justify-content:space-around;padding:9px 8px env(safe-area-inset-bottom)}.mobile-bottom a{font-size:13px;color:var(--text-2)}.site-footer{padding-bottom:80px}.backtop{bottom:70px}}
@media(max-width:600px){.header-inner{gap:10px}.brand span{display:none}.header-actions{margin-left:auto}.menu-btn{padding:8px 11px}.hero-mini{grid-template-columns:1fr}.hero-main img{height:300px}.hero-main{min-height:300px}.channel-chips{grid-template-columns:1fr}.live-grid,.video-grid{grid-template-columns:1fr 1fr;gap:10px}.live-visual img,.video-card .thumb img{height:130px}.card-body{padding:11px}.card-body p{display:none}.card-body .meta{font-size:11px}.bento{grid-template-columns:1fr;grid-auto-rows:210px}.bento .wide{grid-column:auto}.bento .tall{grid-row:auto}.replay-strip{grid-template-columns:1fr}.reason-grid,.safety-grid,.workflow,.topic-wall,.topic-wall.large,.edit-picks{grid-template-columns:1fr}.performance-main img{min-height:280px}.gallery-grid{grid-auto-rows:160px}.gallery-grid .g0{grid-row:span 1}.trend-list div{grid-template-columns:100px 1fr}.trend-list b{display:none}.app-layout h2{font-size:34px}.phone-stage{min-height:360px}.app-img{left:0;right:auto;width:84%;height:270px}.phone-img{width:155px}.faq-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.creator-hero .wrap{grid-template-columns:1fr;text-align:center}.creator-hero img{margin:auto}.creator-hero h1{font-size:42px}.player-placeholder img{height:260px}.short-card{flex-basis:165px}.short-card img{width:165px;height:293px}}