: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}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 36px),var(--wrap));margin:auto}.section{padding:74px 0}.compact{padding:26px 0}.alt{background:var(--cream-2)}.coral-soft{background:var(--coral-soft)}.blue-soft{background:var(--blue-soft)}.mint-soft{background:var(--mint-soft)}.yellow-soft{background:var(--yellow-soft)}.purple-soft{background:var(--purple-soft)}
.discovery-bar{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,var(--blue),var(--mint));color:#fff;font-size:12px;white-space:nowrap;overflow:hidden}.discovery-bar b{background:var(--coral);padding:0 7px;border-radius:99px}.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-row{height:66px;display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo img{width:34px;height:34px;object-fit:cover;border-radius:9px}.desktop-nav{display:flex;gap:18px}.desktop-nav a,.header-tools a{color:var(--text-2);font-weight:600}.desktop-nav a.active{color:var(--blue)}.header-search{margin-left:auto;display:flex;width:min(310px,28vw);background:#f3f6f7;border-radius:var(--radius-pill);overflow:hidden}.header-search input{width:100%;border:0;background:transparent;padding:10px 14px;outline:none}.header-search button,.hero-search button{border:0;background:var(--blue);color:#fff;padding:0 16px}.header-tools{display:flex;gap:14px;align-items:center}.menu-toggle{border:0;background:transparent;color:var(--text-2);font-weight:700}.mega-menu{display:none;border-top:1px solid var(--line);background:#fff}.mega-menu.open{display:block}.mega-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;padding:18px}.mega-grid a{padding:10px;border-radius:10px;background:var(--cream)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cream),#fff 52%,var(--blue-soft))}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.4}.hero:before{width:280px;height:280px;background:var(--coral-soft);left:-80px;bottom:-100px}.hero:after{width:260px;height:260px;background:var(--yellow-soft);right:8%;top:-110px}.hero-grid{min-height:560px;display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center;position:relative}.hero-copy h1,.page-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;margin:12px 0 22px;letter-spacing:-.04em}.hero-copy p,.page-hero p{max-width:720px;color:var(--text-2);font-size:17px}.eyebrow,.page-hero span{display:inline-block;color:var(--blue);font-weight:800}.hero-search{display:flex;max-width:560px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);overflow:hidden;box-shadow:var(--shadow);margin:24px 0}.hero-search input{width:100%;border:0;padding:14px 18px;outline:none}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-pill);font-weight:700}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.tag-cloud a{background:rgba(255,255,255,.72);border:1px solid var(--line);padding:7px 11px;border-radius:99px}.tag-cloud.large a{font-size:18px;padding:12px 18px}.hero-visual{display:grid;gap:14px}.hero-main{position:relative;border-radius:var(--radius-large);overflow:hidden;min-height:340px;box-shadow:var(--shadow-hover)}.hero-main img{width:100%;height:340px;object-fit:cover}.hero-main>div{position:absolute;left:20px;right:20px;bottom:20px;padding:18px;border-radius:14px;background:rgba(11,32,42,.72);color:#fff;backdrop-filter:blur(8px)}.hero-main h2{margin:4px 0}.hero-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-mini a{background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.hero-mini img{height:110px;width:100%;object-fit:cover}.hero-mini b{display:block;padding:10px 12px}.page-hero{padding:76px 0;background:linear-gradient(135deg,var(--cream),#fff)}
.section-title{max-width:760px;margin-bottom:28px}.section-title span{font-weight:800;color:var(--blue)}.section-title h2{font-size:clamp(28px,3vw,44px);line-height:1.15;margin:7px 0}.section-title p{color:var(--text-2);margin:0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips a,.chips button{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:99px}.feature-split{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.feature-card,.video-card,.mini-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow)}.feature-card img,.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-card .card-body,.video-card .card-body,.mini-card .card-body{padding:18px}.feature-card h3{font-size:28px}.video-card h3{font-size:19px}.video-card p,.feature-card p{color:var(--text-2)}.video-card>a,.feature-card>a{position:relative;display:block}.duration{position:absolute;right:10px;bottom:10px;background:rgba(11,32,42,.8);color:#fff;padding:3px 8px;border-radius:7px}.post-list{display:grid;gap:12px}.mini-post{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;padding:10px;border-radius:14px}.mini-post img{width:150px;height:108px;object-fit:cover;border-radius:10px}.mini-post h3,.mini-post p{margin:3px 0}.mini-post p{color:var(--text-2);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-list{display:grid}.ranking-list a{display:grid;grid-template-columns:70px 1fr auto;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.ranking-list strong{font-size:28px;color:var(--yellow)}.ranking-list em{font-style:normal;color:var(--text-2)}.text-link{display:inline-block;margin-top:22px;color:var(--blue);font-weight:800}.timeline{border-left:2px solid var(--blue-soft);margin-left:14px}.timeline article{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:0 0 26px 24px;position:relative}.timeline article:before{content:"";position:absolute;left:-7px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--blue)}.timeline h3{margin:3px 0}.timeline p{margin:0;color:var(--text-2)}.short-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:16px;overflow:auto;padding-bottom:8px}.short-track.wrap-lines{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}.short-card{position:relative}.short-card img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px}.short-card>span{position:absolute;right:9px;top:9px;background:rgba(11,32,42,.75);color:#fff;padding:3px 8px;border-radius:8px}.short-card h3{margin:10px 0 2px}.bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;gap:15px}.bento article{position:relative;border-radius:18px;overflow:hidden;background:#fff}.bento article.wide{grid-row:span 2}.bento img{width:100%;height:100%;object-fit:cover}.bento h3,.bento p{position:absolute;left:16px;right:16px;bottom:12px;margin:0;color:#fff;text-shadow:0 2px 12px #000}.bento p{bottom:44px;font-size:13px}.city-layout,.cosplay-layout,.media-editorial,.safety-layout,.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}.wide-image,.cosplay-layout img,.media-editorial img,.safety-layout img,.about-layout img{width:100%;border-radius:20px;max-height:430px;object-fit:cover}.stacked-notes{display:grid;gap:12px}.stacked-notes a{padding:16px;background:#fff;border-radius:14px}.stacked-notes span{display:block;color:var(--text-2)}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.live-card{position:relative;background:#fff;border-radius:16px;padding-bottom:16px;overflow:hidden;box-shadow:var(--shadow)}.live-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.live-card h3,.live-card p,.live-card small{margin-left:15px;margin-right:15px}.live-card p{color:var(--text-2)}.live-badge{position:absolute;top:10px;left:10px;background:var(--coral);color:#fff;font-weight:900;padding:4px 8px;border-radius:7px}.creator-track{display:grid;grid-auto-flow:column;grid-auto-columns:155px;gap:18px;overflow:auto}.creator-track a{text-align:center}.creator-track img{width:96px;height:96px;object-fit:cover;border-radius:50%;margin:auto}.creator-track b,.creator-track span{display:block}.creator-track span{color:var(--text-2);font-size:13px}.split-two{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.quote-card,.note-paper{background:#fff;padding:28px;border-radius:18px;box-shadow:var(--shadow);border-left:4px solid var(--coral)}.horizontal-feature,.food-travel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.horizontal-feature img{border-radius:18px;max-height:340px;width:100%;object-fit:cover}.media-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.media-pair article{background:#fff;border-radius:18px;overflow:hidden}.media-pair img{width:100%;height:280px;object-fit:cover}.media-pair h3,.media-pair p{padding:0 18px}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.question-grid>*{background:#fff;padding:22px;border-radius:16px;box-shadow:var(--shadow)}.ai-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ai-bento article{background:#fff;padding:22px;border-radius:16px}.ai-bento .big{grid-column:span 2;grid-row:span 2;background:var(--purple-soft)}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:12px}.gallery-grid>*{position:relative;overflow:hidden;border-radius:16px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid figcaption,.gallery-grid span{position:absolute;left:10px;bottom:8px;color:#fff;text-shadow:0 2px 8px #000}.gallery-grid .g1{grid-column:span 2;grid-row:span 2}.gallery-grid .g2{grid-column:span 2}.gallery-grid .g3{grid-column:span 2;grid-row:span 2}.gallery-grid .g4{grid-column:span 2}.gallery-grid .g5{grid-column:span 2}.creator-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creator-cards a{background:#fff;border-radius:18px;overflow:hidden;padding-bottom:18px;box-shadow:var(--shadow)}.creator-cards img{width:100%;height:210px;object-fit:cover}.creator-cards h2,.creator-cards h3,.creator-cards b,.creator-cards p{margin-left:16px;margin-right:16px}.creator-cards p{color:var(--text-2)}.behind-scenes{display:grid;grid-template-columns:1fr 1fr;gap:30px}.behind-scenes ol{background:#fff;border-radius:18px;padding:24px 24px 24px 44px}.tutorial-list{display:grid;gap:15px}.tutorial-list article{background:#fff;padding:22px;border-radius:16px;box-shadow:var(--shadow)}.topic-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-wall a{padding:22px;background:#fff;border-radius:16px;box-shadow:var(--shadow)}.topic-wall span{color:var(--blue);font-weight:800}.discussion-flow{display:grid;gap:14px}.discussion-flow article{padding:22px;background:#fff;border-radius:16px;border:1px solid var(--line)}.discussion-flow p{color:var(--text-2)}.like-btn{border:0;background:var(--coral-soft);color:var(--coral);padding:6px 10px;border-radius:99px}.trend-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.bars{display:grid;gap:16px}.bars span{display:grid;gap:7px}.bars span:after{content:"";height:8px;background:#fff;border-radius:99px;grid-row:2;grid-column:1}.bars i{display:block;height:8px;background:var(--yellow);border-radius:99px;grid-row:2;grid-column:1;z-index:1}.editor-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.editor-picks article{padding:24px;background:#fff;border-radius:16px}.app-section{background:linear-gradient(135deg,var(--navy),#244f62);color:#fff}.app-section p{color:#d6e1e5}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.device{display:flex;justify-content:center;align-items:end;gap:14px}.device img{max-height:430px;max-width:44%;object-fit:contain}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.faq-list summary{cursor:pointer;font-weight:800}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.watch-hero{padding:56px 0;background:var(--navy);color:#fff}.watch-hero .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;align-items:center}.watch-frame{position:relative}.watch-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.watch-frame span{position:absolute;left:16px;bottom:14px;background:rgba(0,0,0,.6);padding:6px 10px;border-radius:8px}.watch-copy p{color:#cad8de}.creator-profile{display:flex;gap:30px;align-items:center}.creator-profile img{width:180px;height:180px;border-radius:50%;object-fit:cover}.long-copy{max-width:900px}.long-copy h2{font-size:28px;margin-top:36px}.long-copy p{color:var(--text-2);font-size:16px}
.site-footer{background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#dce7eb;border-top:1px solid var(--blue);padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:36px}.footer-logo{color:#fff}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#91a8b3;font-size:13px}.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:20px;width:40px;height:40px;border:0;border-radius:50%;background:var(--blue);color:#fff;display:none;z-index:20}.back-top.show{display:block}
@media(max-width:1200px){.desktop-nav{gap:11px;font-size:14px}.header-tools a:nth-child(-n+2){display:none}.video-grid,.creator-cards{grid-template-columns:repeat(3,1fr)}.live-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.header-search{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:50px 0}.feature-split,.city-layout,.cosplay-layout,.media-editorial,.safety-layout,.about-layout,.food-travel,.horizontal-feature,.watch-hero .wrap,.app-layout{grid-template-columns:1fr}.topic-wall{grid-template-columns:repeat(2,1fr)}.question-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.mega-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.desktop-nav{display:none}.header-tools{margin-left:auto}.hero-copy h1,.page-hero h1{font-size:42px}.bento{grid-template-columns:1fr 1fr}.bento .wide{grid-row:span 1;grid-column:span 2}.short-track.wrap-lines,.video-grid,.creator-cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){body{padding-bottom:58px}.section{padding:52px 0}.split-two,.behind-scenes,.trend-layout,.media-pair{grid-template-columns:1fr}.live-grid,.question-grid,.editor-picks{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.gallery-grid .g1,.gallery-grid .g2,.gallery-grid .g3,.gallery-grid .g4,.gallery-grid .g5{grid-column:span 1;grid-row:span 1}.ai-bento{grid-template-columns:1fr}.ai-bento .big{grid-column:span 1;grid-row:span 1}.ranking-list a{grid-template-columns:52px 1fr}.ranking-list em{grid-column:2}.mini-post{grid-template-columns:110px 1fr}.mini-post img{width:110px;height:90px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:29}.mobile-bottom a{text-align:center;padding:10px 3px;font-size:12px}.back-top{bottom:70px}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.discovery-bar{justify-content:flex-start;padding:0 12px}.header-row{height:60px}.header-tools a{display:none}.hero-copy h1,.page-hero h1{font-size:36px}.hero-mini{grid-template-columns:1fr}.hero-main img{height:270px}.feature-split{grid-template-columns:1fr}.mini-post p{display:none}.bento{grid-template-columns:1fr;grid-auto-rows:220px}.bento .wide{grid-column:span 1}.short-track.wrap-lines,.video-grid,.creator-cards{grid-template-columns:1fr}.creator-cards img{height:240px}.topic-wall{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.creator-profile{align-items:flex-start}.creator-profile img{width:110px;height:110px}.mega-grid{grid-template-columns:repeat(2,1fr)}}