:root{
 --primary:#4A9BD4;--primary-2:#6DB7E6;--sky:#8CCCF0;--sky-light:#CBE9F8;--sky-soft:#EDF8FD;
 --cream:#FFF9EE;--cream-2:#FFF4DF;--cream-3:#FDFBF6;--navy:#17344A;--navy-2:#244A64;--navy-soft:#4F6D80;
 --accent:#EF8E68;--accent-2:#F2B36F;--accent-soft:#FFF0E8;--bg:#FFFDF8;--bg-blue:#F3FAFE;--bg-cream:#FFF9EE;
 --surface:#FFFFFF;--surface-blue:#F8FCFF;--surface-cream:#FFFDF8;--text:#203542;--text-2:#5E7481;--text-3:#8A9AA3;
 --line:rgba(74,155,212,.12);--line-strong:rgba(74,155,212,.24);--line-warm:rgba(239,142,104,.14);
 --shadow:0 8px 28px rgba(31,88,124,.08);--shadow-hover:0 16px 42px rgba(31,88,124,.14);
 --radius:12px;--radius-card:18px;--radius-large:26px;--radius-pill:999px;--wrap:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.65}body.search-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.narrow{max-width:880px}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--navy);color:white;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}.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}
.site-notice{background:var(--navy);color:#dceaf1;font-size:13px;padding:7px 0}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,249,238,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header.scrolled{box-shadow:0 8px 24px rgba(23,52,74,.07)}.header-inner{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:grid;line-height:1.05}.brand b{font-size:18px;color:var(--navy)}.brand small{font-size:9px;letter-spacing:.14em;color:var(--text-3);margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:7px;flex:1}.desktop-nav a,.header-link{padding:9px 12px;border-radius:var(--radius-pill);font-size:14px;color:var(--navy-soft)}.desktop-nav a:hover,.desktop-nav a[aria-current="page"],.header-link:hover{background:var(--sky-soft);color:var(--primary)}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{border:1px solid var(--line-strong);background:rgba(255,255,255,.72);color:var(--navy);padding:8px 11px;border-radius:var(--radius-pill);cursor:pointer}.icon-btn:hover{background:white;border-color:var(--primary-2)}.mega-menu{border-bottom:1px solid var(--line);background:rgba(255,253,248,.98)}.mega-menu[hidden]{display:none!important}.mega-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:20px 0}.mega-grid a{padding:12px 14px;background:var(--surface-blue);border-radius:12px;font-size:14px}.mega-grid a:hover{background:var(--sky-light)}
main>section{padding:72px 0}.eyebrow{display:inline-block;color:var(--primary);font-weight:800;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head>div{max-width:790px}.section-head h2,.story-grid h2,.page-tail h2,.watch-info h2{margin:6px 0 8px;color:var(--navy);font-size:clamp(26px,3vw,40px);line-height:1.18}.section-copy{color:var(--text-2);margin:0;max-width:760px}.text-link{color:var(--primary);font-weight:700;white-space:nowrap}.text-link:hover{text-decoration:underline}.soft-blue{background:var(--bg-blue)}.soft-cream{background:var(--bg-cream)}
.hero,.page-hero{padding:76px 0 70px;background:linear-gradient(135deg,var(--cream) 0%,#fffdf8 42%,var(--sky-soft) 100%);position:relative;overflow:hidden}.hero:before,.page-hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(74,155,212,.12);border-radius:50%;right:-160px;top:-210px;box-shadow:0 0 0 70px rgba(140,204,240,.05),0 0 0 140px rgba(242,179,111,.035)}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:58px;align-items:center;position:relative}.hero-copy h1,.page-hero h1,.compact-hero h1,.watch-hero h1,.not-found h1{font-size:clamp(42px,5vw,74px);line-height:1.04;letter-spacing:-.04em;color:var(--navy);margin:12px 0 22px}.hero-copy .section-copy{font-size:17px;margin-top:12px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:11px 20px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn.primary{background:var(--primary);color:white}.btn.primary:hover{background:#3689c1}.btn.secondary{background:var(--cream-3);border-color:var(--line-strong);color:var(--navy)}.btn.secondary:hover{background:white;border-color:var(--primary)}.btn.text{padding-inline:14px;background:transparent;color:var(--primary)}.hero-search{display:flex;margin-top:20px;background:white;border:1px solid var(--line);padding:6px;border-radius:var(--radius-pill);max-width:610px;box-shadow:var(--shadow)}.hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:8px 14px;color:var(--text)}.hero-visual{position:relative;background:white;border-radius:var(--radius-large);padding:10px;box-shadow:var(--shadow);min-height:360px}.hero-visual>img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:20px}.hero-float{position:absolute;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:16px;padding:12px 16px;display:grid;gap:2px;max-width:75%}.hero-float.top{top:28px;right:-22px}.hero-float.bottom{left:-24px;bottom:24px}.hero-float span{font-size:12px;color:var(--text-2)}.hero-float strong{color:var(--navy)}.compact-hero{padding:58px 0}.compact-hero .wrap{max-width:980px}.compact-hero h1{margin-bottom:15px}.page-hero .section-copy{font-size:17px}.watch-hero{padding:56px 0 30px;background:var(--cream)}.not-found{min-height:62vh;display:grid;align-items:center;text-align:center;background:linear-gradient(135deg,var(--cream),var(--sky-soft))}.not-found .section-copy{margin-inline:auto}.not-found .hero-actions{justify-content:center}
.chip-row{display:flex;gap:10px;overflow:auto;padding-bottom:5px;scrollbar-width:thin}.chip,.tag{display:inline-flex;align-items:center;white-space:nowrap;border-radius:var(--radius-pill);padding:8px 14px;background:white;border:1px solid var(--line);font-size:13px;color:var(--navy-soft)}.chip:hover,.chip.active,.tag:hover{border-color:var(--primary-2);background:var(--sky-soft);color:var(--primary)}.channel-strip,.video-track,.anchor-track{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x proximity}.channel-strip>*{min-width:250px}.video-track>*{min-width:310px;max-width:310px}.anchor-track>*{min-width:250px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.channel-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-card);background:rgba(255,255,255,.7)}.channel-card img{width:100%;height:150px;object-fit:cover}.channel-card>div{padding:17px}.channel-card h3{margin:10px 0 7px;color:var(--navy)}.channel-card.mini{display:grid;grid-template-columns:82px 1fr;align-items:center;min-width:270px}.channel-card.mini img{height:100%;min-height:120px}.channel-card.mini>div{padding:14px}.card-summary{color:var(--text-2);font-size:14px;line-height:1.65}.soft-note{display:inline-block;color:var(--text-3);font-size:12px;margin-top:8px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-grid.four{grid-template-columns:repeat(4,1fr);gap:18px}.video-card{min-width:0}.video-card .media-frame,.live-card .media-frame{display:block;position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--sky-light)}.video-card .media-frame img,.live-card .media-frame img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.video-card:hover .media-frame img,.live-card:hover .media-frame img{transform:scale(1.02)}.play-icon{position:absolute;left:14px;bottom:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--primary);font-size:13px;transition:transform .2s}.video-card:hover .play-icon{transform:scale(1.06)}.duration{position:absolute;right:10px;bottom:10px;background:rgba(15,42,61,.78);color:white;border-radius:7px;padding:3px 7px;font-size:11px}.card-body{padding:13px 2px}.meta-line,.byline,.topic-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-3);font-size:12px}.card-body h3,.anchor-card h3,.topic-card h3,.media-card h3,.tutorial-card h3,.special-card h3,.creator-card h3{margin:8px 0 7px;color:var(--navy);font-size:17px;line-height:1.4}.card-body h3 a:hover{color:var(--primary)}.byline{margin-top:10px}.video-card.wide{grid-column:span 2}.video-card.tall .media-frame{aspect-ratio:4/5}.row-card{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.row-card .media-frame{aspect-ratio:16/9}.track-card{scroll-snap-align:start}.hero-card .media-frame{aspect-ratio:16/10}
.feature-stage{background:var(--cream-3)}.feature-split{display:grid;grid-template-columns:1.45fr .85fr;gap:28px}.feature-lead{display:grid;grid-template-columns:1.25fr .75fr;background:var(--navy);color:white;border-radius:var(--radius-large);overflow:hidden;min-height:430px}.feature-lead img{width:100%;height:100%;object-fit:cover}.feature-lead>div{padding:34px;align-self:end}.feature-lead h2,.feature-lead h3{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:10px 0;color:white}.feature-lead .card-summary{color:#d7e8f0}.pick-list{display:grid;gap:12px}.pick-row{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:white}.pick-no{font-size:12px;color:var(--primary);font-weight:900}.pick-row h3{margin:0 0 5px;font-size:15px;color:var(--navy)}.magazine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.magazine-grid .wide{grid-column:span 2}.magazine-grid .wide .media-frame{aspect-ratio:16/7.4}.masonry-ish{columns:3;column-gap:22px}.masonry-ish .video-card{break-inside:avoid;margin-bottom:24px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(210px,auto);gap:16px}.bento-grid>*{background:var(--surface);border-radius:var(--radius-card);overflow:hidden}.bento-grid>*:nth-child(1),.bento-grid>*:nth-child(6){grid-column:span 2}.bento-grid>*:nth-child(3){grid-row:span 2}.bento-grid .media-frame{border-radius:0}.story-band{background:var(--sky-soft)}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.story-grid.reverse{grid-template-columns:1.2fr .8fr}.story-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.story-cards .story:first-child{grid-column:span 2}.story-cards .story:first-child .media-frame{aspect-ratio:16/6}.quote-card{padding:20px;background:white;border-radius:var(--radius-card);border:1px solid var(--line)}.quote-card>span{font-size:32px;color:var(--primary)}
.rank-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:38px}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rank-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.rank-list li>span{font-weight:900;color:var(--primary)}.rank-list strong{display:block;color:var(--navy);font-size:14px}.rank-list small{color:var(--text-3)}.rank-table{display:grid}.rank-table-row{display:grid;grid-template-columns:64px 140px 1fr auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.rank-table-row img{width:140px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.rank-num{font-size:26px;font-weight:900;color:var(--primary-2)}.rank-table-row strong{display:block}.rank-table-row small,.rank-table-row em{color:var(--text-3);font-size:12px;font-style:normal}
.live-stage{background:linear-gradient(135deg,#17344A,#123047);color:white}.live-stage .section-head h2,.media-dark .section-head h2{color:white}.live-stage .section-copy,.media-dark .section-copy{color:#c8dae5}.live-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.live-side{display:grid;gap:12px}.live-card{min-width:0}.live-card .card-body{padding:13px 0}.live-stage .live-card h3,.media-dark .media-card h3{color:white}.live-stage .live-card .card-summary,.media-dark .media-card .card-summary{color:#c7d9e4}.live-badge{display:inline-flex;align-items:center;background:var(--accent);color:white;border-radius:var(--radius-pill);padding:3px 9px;font-size:10px;font-weight:900;letter-spacing:.06em}.live-card .live-badge{position:absolute;left:10px;top:10px}.live-side .live-card{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center}.live-side .media-frame{aspect-ratio:16/10}.live-main .media-frame{aspect-ratio:16/9}.live-main h3{font-size:24px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.direction-card{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:17px 18px;background:white;border:1px solid var(--line);border-radius:14px}.direction-card>span{grid-row:span 2;color:var(--primary);font-weight:900}.direction-card small{color:var(--text-3)}.anchor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.anchor-card{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:start;padding:16px;border-radius:var(--radius-card);background:white;border:1px solid var(--line)}.anchor-card img{width:82px;height:82px;border-radius:50%;object-fit:cover}.anchor-card h3{font-size:18px;margin:2px 0}.anchor-card strong{font-size:13px;color:var(--navy-soft)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.anchor-card.compact{min-width:260px}.anchor-card.compact .card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.media-dark{background:var(--navy);color:white}.media-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.media-hero{position:relative;border-radius:var(--radius-large);overflow:hidden;min-height:520px}.media-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56}.media-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(15,42,61,.96))}.media-hero>div{position:absolute;z-index:2;bottom:0;padding:32px}.media-hero h2{font-size:32px}.media-stack{display:grid;gap:12px}.media-card{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}.media-card img{width:100%;height:110px;object-fit:cover;border-radius:14px}.media-card.dark-card{padding:10px;background:rgba(255,255,255,.06);border-radius:16px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.media-grid .media-card{padding-bottom:18px;border-bottom:1px solid var(--line)}
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topic-card{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--radius-card)}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--sky-light);color:var(--primary);font-weight:900}.topic-meta{justify-content:flex-start;margin-top:10px}.timeline{display:grid;max-width:930px;margin-inline:auto}.timeline .topic-card{border-width:0 0 1px;border-radius:0;background:transparent;padding:18px 0}.topic-focus{padding-top:30px}.topic-banner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;background:var(--accent-soft);border-radius:var(--radius-large);overflow:hidden}.topic-banner img{width:100%;height:100%;min-height:330px;object-fit:cover}.topic-banner>div{padding:30px 40px 30px 0}.community-stage{background:var(--cream-3)}
.trend-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trend-row{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;padding:14px 16px;background:white;border:1px solid var(--line);border-radius:14px}.trend-row>span{font-weight:900;color:var(--primary)}.trend-row strong{display:block}.trend-row small{display:block;color:var(--text-3);font-size:11px;margin-top:3px}.trend-row em{font-style:normal;color:var(--primary);font-size:11px}.trend-bar{height:5px;background:var(--sky-soft);border-radius:9px;overflow:hidden;margin-top:8px}.trend-bar i{display:block;height:100%;background:var(--primary-2);border-radius:9px}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tag.size-2{font-size:15px;padding:10px 16px}.tag.size-3{font-size:17px;padding:12px 18px}.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.special-card{background:white;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line);padding-bottom:18px}.special-card img{width:100%;height:180px;object-fit:cover}.special-card h3,.special-card .card-summary,.special-card .eyebrow{margin-left:18px;margin-right:18px}.special-card .eyebrow{margin-top:16px}.editorial-section{background:var(--cream-2)}
.creator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.creator-card{background:white;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;padding-bottom:18px}.creator-card img{width:100%;height:170px;object-fit:cover}.creator-card h3,.creator-card .eyebrow,.creator-card .card-summary,.creator-card small{margin-left:16px;margin-right:16px}.creator-card .eyebrow{margin-top:14px}.creator-card small{display:block;color:var(--text-3);margin-top:9px}.creator-stage{background:var(--bg-blue)}.knowledge-list,.compact-list{display:grid}.knowledge-row,.compact-row{display:grid;grid-template-columns:50px 130px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.knowledge-row img{width:130px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.knowledge-row .number,.compact-row>span{font-weight:900;color:var(--primary)}.compact-row{grid-template-columns:50px 1fr auto}.compact-row small{color:var(--text-3)}
.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tutorial-card{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:18px;background:white;border:1px solid var(--line);border-radius:var(--radius-card)}.tutorial-index{display:grid;place-items:center;background:var(--sky-soft);border-radius:14px;color:var(--primary);font-weight:900;min-height:82px}.lesson-steps,.step-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lesson-step,.step-card{padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius-card)}.lesson-step>span,.step-card>span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--sky-soft);color:var(--primary);font-weight:900}.lesson-step h3,.step-card h3{margin:20px 0 8px;color:var(--navy)}.tip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.phone-combo{position:relative;min-height:460px}.phone-combo .phone{width:63%;margin:0 auto;max-height:520px;object-fit:contain}.phone-combo .app-shot{position:absolute;width:53%;right:0;bottom:0;border-radius:22px;box-shadow:var(--shadow-hover);border:8px solid white}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.feature-pills span{padding:7px 12px;background:white;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:12px}.app-stage{background:linear-gradient(135deg,var(--cream),var(--sky-soft))}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.info-card{padding:20px;background:white;border:1px solid var(--line);border-radius:var(--radius-card)}.info-card h3{margin:0 0 8px;color:var(--navy)}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.compare-card{padding:26px;background:white;border:1px solid var(--line);border-radius:var(--radius-card)}.compare-card h3{margin-top:0;color:var(--navy)}.notice-card{padding:22px 24px;background:var(--accent-soft);border:1px solid var(--line-warm);border-radius:var(--radius-card)}.notice-card strong{display:block;color:#a95537;margin-bottom:6px}.safety-band{background:var(--navy);color:white}.safety-band h2{color:white}.safety-band .section-copy{color:#c8dae5}.safety-image img{border-radius:var(--radius-large);width:100%;max-height:430px;object-fit:cover}.about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.about-card{display:grid;gap:4px;padding:24px;border-radius:var(--radius-card);background:white;border:1px solid var(--line)}.about-card strong{font-size:28px;color:var(--primary)}
.watch-layout{display:grid;grid-template-columns:1fr 310px;gap:36px}.player-shell{position:relative;aspect-ratio:16/9;background:var(--navy);border-radius:var(--radius-large);overflow:hidden}.player-shell>img{width:100%;height:100%;object-fit:cover;opacity:.7}.play-large{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--primary);font-size:26px;cursor:pointer}.player-note{position:absolute;left:18px;bottom:16px;background:rgba(15,42,61,.75);color:white;padding:7px 10px;border-radius:9px;font-size:12px}.watch-info{padding:24px 4px}.watch-aside{display:grid;align-content:start;gap:14px}.watch-aside h2{margin-top:0}.page-search{margin-top:28px;max-width:720px}.page-search label{display:block;font-weight:800;margin-bottom:8px}.page-search>div{display:flex;gap:8px}.page-search input{flex:1;min-width:0;border:1px solid var(--line-strong);background:white;border-radius:var(--radius-pill);padding:11px 16px;outline:0}.empty-state{text-align:center;padding:54px;background:var(--sky-soft);border-radius:var(--radius-large)}.sub-title{margin:42px 0 18px;color:var(--navy)}
.faq-section{background:var(--bg-blue)}.faq-wrap{max-width:980px;margin-inline:auto}.faq-wrap>h2{font-size:34px;color:var(--navy);margin:0 0 22px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;border:0;background:transparent;padding:18px 2px;font-weight:800;text-align:left;color:var(--navy);cursor:pointer}.faq-answer{padding:0 2px 20px;color:var(--text-2)}.faq-answer[hidden]{display:none!important}.page-tail{text-align:center;background:var(--cream)}.page-tail .section-copy{margin-inline:auto}.page-tail .hero-actions{justify-content:center}
.search-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(15,42,61,.48);padding:20px;align-items:flex-start;justify-content:center;overflow:auto}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none !important}.search-dialog{width:min(760px,100%);margin-top:min(18vh,160px);background:var(--cream-3);border-radius:var(--radius-large);box-shadow:0 30px 90px rgba(15,42,61,.24);padding:26px}.search-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.search-dialog-head h2{margin:4px 0 18px;color:var(--navy)}.search-close{border:1px solid var(--line);background:white;width:40px;height:40px;border-radius:50%;font-size:23px;cursor:pointer}.search-form{display:flex;gap:8px}.search-form input{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);outline:0;background:white}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.search-suggestions a{padding:7px 11px;background:var(--sky-soft);border-radius:var(--radius-pill);font-size:12px;color:var(--navy-soft)}
.site-footer{background:var(--navy);color:#c8dae5;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:34px}.footer-logo b,.footer-logo{color:white}.footer-brand>div{max-width:330px;margin-top:16px;color:#a9c1cf;font-size:14px}.site-footer h2{font-size:14px;color:white;margin:0 0 13px}.site-footer a:not(.brand){display:block;font-size:13px;margin:7px 0;color:#bdd0db}.site-footer a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:38px;font-size:11px;color:#88a7b8}.mobile-bottom{display:none}.back-top{position:fixed;right:22px;bottom:24px;z-index:70;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:white;color:var(--primary);box-shadow:var(--shadow);cursor:pointer}.back-top[hidden]{display:none!important}
@media (max-width:1100px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mega-grid{grid-template-columns:repeat(4,1fr)}.hero-grid,.app-grid{grid-template-columns:1fr 1fr;gap:32px}.video-grid.four{grid-template-columns:repeat(2,1fr)}.anchor-grid{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}.lesson-steps,.step-line{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-grid>div:nth-child(n+4){margin-top:10px}.bento-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.site-notice{font-size:11px}.header-inner{height:66px}.brand img{width:36px;height:36px}.header-link{display:none}.wrap{width:min(calc(100% - 28px),var(--wrap))}main>section{padding:54px 0}.hero,.page-hero{padding:55px 0}.hero-grid,.app-grid,.story-grid,.story-grid.reverse,.feature-split,.rank-layout,.live-layout,.media-feature,.watch-layout{grid-template-columns:1fr}.hero-visual{min-height:300px}.hero-visual>img{min-height:280px}.hero-float.top{right:12px}.hero-float.bottom{left:12px}.hero-copy h1,.page-hero h1,.compact-hero h1,.watch-hero h1,.not-found h1{font-size:clamp(38px,11vw,58px)}.section-head{align-items:start}.section-head .text-link{display:none}.video-grid,.video-grid.three{grid-template-columns:repeat(2,1fr)}.magazine-grid{grid-template-columns:repeat(2,1fr)}.masonry-ish{columns:2}.live-side{grid-template-columns:repeat(2,1fr)}.live-side .live-card{display:block}.direction-grid{grid-template-columns:repeat(2,1fr)}.anchor-grid{grid-template-columns:repeat(2,1fr)}.media-grid,.topic-grid,.trend-list,.special-grid,.tutorial-grid,.compare-grid{grid-template-columns:1fr}.media-stack{grid-template-columns:repeat(2,1fr)}.media-card{grid-template-columns:120px 1fr}.topic-banner{grid-template-columns:1fr}.topic-banner>div{padding:0 24px 28px}.creator-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.phone-combo{min-height:360px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{display:grid}.mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:75;background:rgba(255,253,248,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:max(8px,env(safe-area-inset-bottom)) 8px 8px}.mobile-bottom a{text-align:center;font-size:11px;color:var(--navy-soft)}body{padding-bottom:50px}.back-top{bottom:72px}.search-dialog{margin-top:10vh}.mega-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.header-actions{gap:4px}.icon-btn{font-size:12px;padding:7px 9px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding-inline:10px}.hero-search,.search-form,.page-search>div{border-radius:18px;display:grid}.hero-search input{padding:11px}.video-grid,.video-grid.four,.magazine-grid{grid-template-columns:1fr}.magazine-grid .wide{grid-column:span 1}.masonry-ish{columns:1}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.bento-grid>*:nth-child(1),.bento-grid>*:nth-child(3),.bento-grid>*:nth-child(6){grid-column:span 1;grid-row:span 1}.channel-grid{grid-template-columns:1fr}.video-track>*{min-width:82vw;max-width:82vw}.feature-lead{grid-template-columns:1fr;min-height:0}.feature-lead img{max-height:320px}.feature-lead>div{padding:24px}.live-side{grid-template-columns:1fr}.anchor-grid{grid-template-columns:1fr}.direction-grid{grid-template-columns:1fr}.media-stack{grid-template-columns:1fr}.media-card{grid-template-columns:100px 1fr}.creator-grid{display:flex;overflow-x:auto;gap:14px}.creator-grid>*{min-width:78vw}.info-grid,.lesson-steps,.step-line{grid-template-columns:1fr}.story-cards{grid-template-columns:1fr}.story-cards .story:first-child{grid-column:span 1}.knowledge-row{grid-template-columns:38px 90px 1fr}.knowledge-row>span:last-child{display:none}.compact-row{grid-template-columns:38px 1fr}.compact-row small{grid-column:2}.rank-table-row{grid-template-columns:42px 90px 1fr}.rank-table-row img{width:90px}.rank-table-row em{display:none}.tutorial-card{grid-template-columns:62px 1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.mega-grid{grid-template-columns:repeat(2,1fr)}.section-head{margin-bottom:22px}.search-dialog{padding:20px 16px}.hero-float{max-width:88%}}