:root{--ink:#17212b;--muted:#78828b;--cream:#f7f5f0;--paper:#fff;--orange:#ff6b45;--yellow:#f4c95d;--blue:#b8d9e8;--line:#e7e4dd;--dark:#172a32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.page-wrap,.nav-shell{width:min(1200px,calc(100% - 48px));margin:0 auto}.site-header{background:rgba(247,245,240,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-shell{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:164px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px 13px 13px 4px;background:var(--orange);color:#fff;font-weight:900;font-size:21px;transform:rotate(-5deg)}.brand strong{display:block;font-size:18px;line-height:1}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:5px;flex:1}.nav-link{padding:10px 9px;border-radius:12px;font-size:14px;color:#68727a;white-space:nowrap}.nav-link:hover,.nav-link.is-active{background:#fff;color:var(--orange);box-shadow:0 4px 15px #25313a0d}.nav-icon{font-size:16px;margin-right:4px}.search-pill{border:1px solid var(--line);border-radius:30px;padding:8px 14px;color:var(--muted);font-size:14px;white-space:nowrap}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center;padding-top:66px;padding-bottom:66px}.section-kicker{font-size:11px;letter-spacing:2.3px;color:var(--orange);font-weight:800}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.08;margin:18px 0 24px;letter-spacing:-4px}.hero h1 a{border-bottom:8px solid var(--yellow)}.hero-copy>p{color:#647078;font-size:17px;max-width:530px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.btn-primary{display:inline-flex;gap:15px;align-items:center;background:var(--orange);color:#fff;padding:14px 20px;border-radius:14px;font-weight:700;box-shadow:0 12px 22px #ff6b452c}.btn-outline{display:inline-block;border:1px solid var(--ink);padding:11px 16px;border-radius:12px;font-weight:700}.text-link{font-weight:700}.hero-proof{display:flex;gap:28px;margin-top:45px;color:var(--muted);font-size:12px}.hero-proof b{display:block;color:var(--ink);font-size:18px}.hero-feature{aspect-ratio:1.05/1;position:relative;border-radius:26px;overflow:hidden;background:#ccd7d6;box-shadow:24px 30px 50px #29394022}.hero-feature img{height:100%;filter:saturate(.82)}.feature-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background:linear-gradient(transparent 30%,#10272ecc)}.live-tag,.story-label{color:#fff;background:#ff6b45;padding:6px 10px;border-radius:30px;display:inline-block;width:max-content;font-size:10px;letter-spacing:1px}.feature-overlay h2{color:#fff;font-size:28px;line-height:1.25;max-width:390px;margin:16px 0 6px}.feature-overlay p{color:#dbe2e4;margin:0}.round-play{position:absolute;right:28px;bottom:28px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-size:18px}.marquee{border-block:1px solid var(--line);overflow:hidden;background:#fff}.marquee-inner{display:flex;justify-content:space-between;padding:13px 0;color:#9ba1a2;font-size:11px;letter-spacing:3px}.editorial-section,.latest-band,.split-section,.dark-section,.rank-topic,.about-section,.subscribe-section{padding-top:86px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2{font-size:30px;line-height:1.15;margin:7px 0 0;letter-spacing:-1px}.section-heading>a{color:var(--orange);font-weight:700;font-size:13px}.feature-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:22px}.feature-story{background:#fff;border-radius:20px;padding:12px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.feature-story img{height:100%;min-height:210px;border-radius:14px}.feature-story h3{font-size:23px;line-height:1.25;margin:18px 0 10px}.feature-story p,.card-body p{color:var(--muted);font-size:13px}.story-label{margin:14px;position:absolute;bottom:0;background:#172a32d9}.feature-story>a{position:relative}.mini-stack{display:grid;gap:16px}.video-card{background:#fff;border-radius:18px;overflow:hidden;min-width:0}.cover{display:block;position:relative;aspect-ratio:16/9;background:#d9dfdb;overflow:hidden}.cover img{height:100%;transition:transform .35s}.video-card:hover .cover img{transform:scale(1.04)}.play-dot{position:absolute;left:14px;bottom:13px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffdc;color:var(--orange);font-size:11px}.duration{position:absolute;right:10px;bottom:10px;background:#18252dcc;color:#fff;padding:3px 7px;border-radius:5px;font-size:11px}.card-body{padding:15px 17px 16px}.eyebrow{display:flex;justify-content:space-between;color:var(--orange);font-size:11px}.eyebrow time{color:#9ba2a5}.card-body h3{font-size:17px;line-height:1.35;margin:8px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{margin:0;height:42px;overflow:hidden}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#9ba2a5;font-size:11px}.card-meta a{color:var(--ink);font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mini-stack .video-card{display:grid;grid-template-columns:135px 1fr;gap:14px;box-shadow:none}.mini-stack .card-body{padding:3px 10px 3px 0}.mini-stack .cover{height:100%;min-height:105px}.mini-stack .card-body p,.mini-stack .card-meta{display:none}.mini-stack .card-body h3{font-size:15px}.split-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.split-copy p,.about-section p,.category-note p{color:var(--muted);font-size:15px;max-width:360px}.split-copy h2{font-size:36px;line-height:1.15;margin:10px 0 18px}.split-copy .btn-outline{margin-top:12px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-tile{min-height:150px;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-tile span{font-size:25px}.category-tile strong{font-size:18px}.category-tile small{font-size:11px;color:#536068;line-height:1.45}.t1{background:#f3d1b7}.t2{background:#c4dfdd}.t3{background:#f1c2b3}.t4{background:#d6d4ee}.t5{background:#edd98d}.t6{background:#c7d9eb}.t7{background:#e7c6d8}.t8{background:#cddcba}.dark-section{background:var(--dark);color:#fff;margin-top:86px;padding-bottom:78px;width:100%;max-width:none;padding-inline:max(24px,calc((100% - 1200px)/2))}.dark-section .section-heading{max-width:1200px;margin-inline:auto}.dark-section .section-kicker,.dark-section .section-heading>a{color:var(--yellow)}.dark-grid{max-width:1200px;margin:auto}.dark-grid .video-card{background:#223941}.dark-grid .card-body p,.dark-grid .card-meta{color:#b1c1c2}.dark-grid .card-body h3,.dark-grid .card-meta a{color:#fff}.rank-topic{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.ranking{background:#fff;padding:30px;border-radius:20px}.ranking ol{list-style:none;padding:0;margin:0}.ranking li{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.rank-num{font-size:19px;color:var(--orange);font-weight:800;width:30px}.ranking li:nth-child(n+4) .rank-num{color:#aab3b4}.ranking li a{flex:1}.ranking strong,.ranking small{display:block}.ranking strong{font-size:14px}.ranking small{color:var(--muted);font-size:11px}.rank-arrow{color:var(--muted)}.topic-card{border-radius:20px;padding:34px;background:linear-gradient(135deg,#f5c956,#f48a67);min-height:350px;display:flex;flex-direction:column;justify-content:end}.topic-card h2{font-size:34px;line-height:1.13;margin:10px 0}.topic-card p{max-width:300px}.topic-card a{font-weight:800;margin-top:16px}.about-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;border-bottom:1px solid var(--line);padding-bottom:80px}.about-section h2{font-size:30px;margin-top:10px}.about-section p{max-width:none;margin:0}.subscribe-section{margin-top:86px;margin-bottom:86px;border-radius:24px;background:#d5e7e6;display:flex;justify-content:space-between;align-items:center;padding:45px 58px;overflow:hidden}.subscribe-section h2{font-size:34px;margin:10px 0}.subscribe-section p{color:#53686b;margin-bottom:24px}.qr-art{width:150px;height:150px;border-radius:20px;background:#fff;position:relative;display:grid;place-items:center;color:var(--orange);font-size:42px;font-weight:900;box-shadow:10px 12px 0 #b7d2cf}.qr-art i{position:absolute;width:20px;height:20px;border:4px solid var(--ink)}.qr-art i:nth-of-type(1){top:18px;left:18px}.qr-art i:nth-of-type(2){top:18px;right:18px}.qr-art i:nth-of-type(3){bottom:18px;left:18px}.qr-art small{position:absolute;bottom:12px;right:12px;font-size:6px;line-height:1.1;text-align:right;color:var(--ink);letter-spacing:1px}.site-footer{background:#18272d;color:#dce7e6;padding:55px max(24px,calc((100% - 1200px)/2)) 22px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer-brand{color:#fff}.site-footer p,.site-footer span{color:#9eb0b0;font-size:12px}.site-footer h3{font-size:12px;color:#fff;margin:0 0 13px}.site-footer a,.site-footer span{display:block;margin:7px 0;font-size:12px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between}.breadcrumb{display:flex;gap:10px;align-items:center;padding-top:30px;color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--ink)}.category-hero{margin-top:30px;padding:50px 56px;border-radius:26px;display:flex;justify-content:space-between;align-items:center}.category-hero h1{font-size:52px;margin:9px 0}.category-hero p{max-width:650px;color:#56636a;margin:0}.category-hero.fresh{background:#d5e7e6}.category-hero.hot{background:#f5d28e}.category-hero.life{background:#e9d5ec}.category-hero.travel{background:#c5dfef}.category-hero.food{background:#f4c7b5}.category-hero.creative{background:#ddd6f3}.category-hero.rank{background:#cbdcbf}.category-hero.topic{background:#f3dcb0}.channel-stamp{border:1px solid #17212b66;border-radius:50%;width:130px;height:130px;display:grid;place-items:center;text-align:center;transform:rotate(8deg)}.channel-stamp strong{font-size:34px;line-height:1}.channel-stamp span{font-size:9px;letter-spacing:1px}.listing-section{padding:72px 0 85px}.category-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line);padding:55px 0 85px}.category-note h2{margin:8px 0;font-size:27px}.category-note p{max-width:none;margin:0}.detail-page{padding-bottom:80px}.detail-intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 30px}.detail-intro h1{font-size:43px;line-height:1.15;max-width:760px;margin:11px 0}.detail-intro p{color:var(--muted);max-width:720px}.detail-stats{display:flex;gap:18px;color:var(--muted);font-size:12px}.back-link{color:var(--orange);font-weight:800}.player-layout{display:grid;grid-template-columns:1.6fr .4fr;gap:22px}.player-box{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;position:relative}.player-shade{position:absolute;inset:0;background:#12252b55;display:flex;align-items:center;justify-content:center}.big-play{border:0;background:var(--orange);color:#fff;width:70px;height:70px;border-radius:50%;font-size:25px;padding-left:6px;box-shadow:0 0 0 12px #ff6b4540}.player-controls{position:absolute;bottom:0;left:0;right:0;background:#12252bd9;color:#fff;display:flex;gap:14px;align-items:center;padding:14px}.player-controls button{background:none;border:0;color:#fff}.progress{height:4px;background:#ffffff55;flex:1}.progress span{display:block;width:31%;height:100%;background:var(--orange)}.player-controls{font-size:11px}.watch-note{background:#fff;border-radius:20px;padding:25px}.note-icon{font-size:28px;color:var(--orange)}.watch-note h2{font-size:20px;line-height:1.2}.watch-note p{color:var(--muted);font-size:13px}.note-line{border-top:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.note-line strong{color:var(--ink)}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:75px 0 44px}.story-copy h2{font-size:32px;margin:8px 0}.story-copy h3{font-size:18px;margin-top:28px}.story-copy p,.story-copy li{font-size:14px;color:var(--muted)}.story-copy ul{padding-left:18px}.scene-strip{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.scene-strip img{height:100%;min-height:120px;border-radius:14px}.scene-strip img:first-child{grid-row:span 2}.video-nav{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:20px 0;color:var(--orange);font-weight:700;font-size:13px}.muted{color:#9da7a8}.related-section{padding-top:60px}.related-grid{grid-template-columns:repeat(4,1fr)}.compact .card-body p{display:none}
@media(max-width:1000px){.main-nav{gap:0}.nav-link{padding-inline:6px}.nav-link{font-size:12px}.search-pill span{display:none}.hero{gap:35px}.video-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-wrap,.nav-shell{width:min(100% - 28px,560px)}.site-header{position:relative}.nav-shell{min-height:68px;justify-content:space-between}.menu-toggle{display:block;order:2}.search-pill{order:3;padding:7px 10px}.main-nav{position:absolute;display:none;top:68px;left:14px;right:14px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:0 18px 35px #17212b24;flex-wrap:wrap}.main-nav.open{display:flex}.nav-link{width:33.333%;padding:10px 6px;text-align:center}.nav-icon{display:block;margin:0}.hero{display:flex;flex-direction:column;padding-top:42px;padding-bottom:45px;gap:35px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-feature{width:100%;aspect-ratio:1/1.03}.hero-proof{gap:16px;margin-top:31px}.hero-proof b{font-size:15px}.feature-overlay h2{font-size:23px}.marquee-inner{gap:28px;justify-content:flex-start;white-space:nowrap}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:25px}.feature-grid,.split-section,.rank-topic,.about-section,.category-note,.story-grid{display:block}.feature-story{display:block;margin-bottom:16px}.feature-story img{height:auto;min-height:0;aspect-ratio:16/10}.mini-stack{display:grid;grid-template-columns:1fr 1fr}.mini-stack .video-card{display:block}.mini-stack .cover{min-height:0}.mini-stack .card-body h3{font-size:14px}.mini-stack .video-card:nth-child(2){display:none}.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-body{padding:12px}.card-body h3{font-size:14px}.card-body p{display:none}.card-meta{margin-top:10px}.split-copy{margin-bottom:30px}.split-copy h2{font-size:30px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:135px;padding:14px}.dark-section{margin-top:50px;padding-inline:14px}.dark-grid{width:100%}.rank-topic{padding-top:50px}.topic-card{margin-top:20px;min-height:280px}.about-section{padding-bottom:48px}.about-section>div{margin-bottom:20px}.subscribe-section{display:flex;gap:25px;padding:28px 22px;margin-block:50px}.subscribe-section h2{font-size:25px}.qr-art{width:96px;height:96px;min-width:96px;font-size:28px}.qr-art i{width:13px;height:13px;border-width:3px}.qr-art i:nth-of-type(1){top:12px;left:12px}.qr-art i:nth-of-type(2){top:12px;right:12px}.qr-art i:nth-of-type(3){bottom:12px;left:12px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span+span{margin-top:7px}.category-hero{padding:32px 24px;margin-top:18px}.category-hero h1{font-size:40px}.category-hero p{font-size:13px}.channel-stamp{width:90px;height:90px;min-width:90px}.channel-stamp strong{font-size:24px}.listing-section{padding:55px 0}.detail-intro{display:block;padding-top:30px}.detail-intro h1{font-size:32px}.back-link{display:inline-block;margin-top:18px}.player-layout{display:block}.watch-note{margin-top:16px}.story-grid{padding-top:48px}.scene-strip{margin-top:30px}.related-grid{grid-template-columns:repeat(2,1fr)}}