:root{--accent:#d24f80;--ink:#321523;--paper:#fff4f8;--soft:#f7bfd4;--muted:#71808a;--line:#f7bfd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC", "Microsoft YaHei", sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:76px;display:flex;align-items:center;gap:32px;padding:0 max(20px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--accent);color:white;font-weight:800}.brand strong{display:block;font-size:18px;letter-spacing:.5px}.brand small{display:block;color:var(--muted);font:11px/1.2 "Microsoft YaHei",sans-serif;margin-top:2px}.site-header nav{display:flex;align-items:center;gap:24px;flex:1}.site-header nav a{font:13px "Microsoft YaHei",sans-serif;color:var(--muted);padding:8px 0;border-bottom:2px solid transparent}.site-header nav a.active,.site-header nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}.nav-cta,.button{font:700 12px "Microsoft YaHei",sans-serif}.nav-cta{padding:10px 16px;background:var(--accent);color:#fff}.kicker{display:block;color:var(--accent);font:700 10px/1.2 "Microsoft YaHei",sans-serif;letter-spacing:2px}.button{display:inline-block;padding:12px 18px;border:1px solid var(--accent);transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:#fff}.button.text{border:0;padding-left:0;color:var(--accent)}.button.ghost{color:var(--accent);border-color:var(--accent)}.button.outline{color:var(--accent);background:transparent}.button.light{background:#fff;color:var(--ink);border-color:#fff}.section{max-width:1240px;margin:auto;padding:82px 24px}.section-title{display:flex;align-items:end;gap:20px;margin-bottom:30px}.section-title h2{font-size:34px;font-weight:500;line-height:1.2;margin:0}.section-title>a{margin-left:auto;color:var(--accent);font:12px "Microsoft YaHei",sans-serif}.hero{max-width:1240px;margin:auto;padding:82px 24px;min-height:580px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.1;font-weight:500;margin:20px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:500px;color:var(--muted);font:15px/1.9 "Microsoft YaHei",sans-serif}.hero-buttons{display:flex;gap:14px;margin-top:28px}.footer{padding:46px max(24px,calc((100% - 1240px)/2));background:var(--ink);color:var(--paper)}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-brand .brand-mark{display:inline-grid;margin-right:8px;vertical-align:middle}.footer-brand strong{font-size:18px}.footer-brand p{color:#ffffff99;font:12px "Microsoft YaHei",sans-serif}.footer-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font:12px "Microsoft YaHei",sans-serif;color:#ffffffbb}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;margin-top:28px;padding-top:16px;color:#ffffff77;font:11px "Microsoft YaHei",sans-serif}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-card{background:color-mix(in srgb,var(--paper) 70%,#fff);overflow:hidden;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.media-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0002}.media-image{position:relative;aspect-ratio:1.35/1;overflow:hidden}.media-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.media-card:hover img{transform:scale(1.06)}.duration{position:absolute;right:10px;bottom:9px;padding:3px 6px;background:#000b;color:#fff;font:10px monospace}.media-info{padding:14px 16px 18px}.tag{display:inline-block;color:var(--accent);font:10px "Microsoft YaHei",sans-serif}.media-info h3{font-size:17px;line-height:1.45;font-weight:500;margin:8px 0}.media-info small{color:var(--muted);font:10px "Microsoft YaHei",sans-serif}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.creator{display:flex;align-items:center;gap:10px;padding:15px;background:color-mix(in srgb,var(--paper) 65%,#fff);border:1px solid var(--line)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:700}.creator b,.creator small{display:block}.creator b{font-size:13px}.creator small{font:10px "Microsoft YaHei",sans-serif;color:var(--muted);margin-top:2px}.creator em{margin-left:auto;color:var(--accent);font:11px "Microsoft YaHei",sans-serif;font-style:normal}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:60px max(24px,calc((100% - 1240px)/2));background:var(--accent);color:#fff}.cta-band .kicker{color:#fff9}.cta-band h2{margin:10px 0 0;font-size:34px;font-weight:500}.hero-neon{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:var(--ink);color:#fff;max-width:none;padding-left:max(24px,calc((100% - 1240px)/2));padding-right:max(24px,calc((100% - 1240px)/2))}.hero-neon .kicker{color:var(--soft)}.hero-neon p{color:#ffffffaa}.neon-screen{height:430px;position:relative;overflow:hidden;border:1px solid var(--accent);box-shadow:0 0 0 8px #ffffff0a,0 0 50px color-mix(in srgb,var(--accent) 55%,transparent)}.neon-screen img{width:100%;height:100%;object-fit:cover;filter:saturate(1.25) contrast(1.1)}.neon-screen>span{position:absolute;left:15px;top:15px;color:#fff;background:#000b;padding:5px 8px;font:10px monospace}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff1 5px);pointer-events:none}.playlist{background:#10151d;color:#fff;max-width:none;padding-left:max(24px,calc((100% - 1240px)/2));padding-right:max(24px,calc((100% - 1240px)/2))}.playlist-list{display:grid;gap:2px}.playlist-list .media-card{display:grid;grid-template-columns:180px 1fr;background:#18212b;border:0}.playlist-list .media-image{height:112px;aspect-ratio:auto}.playlist-list .media-info{display:flex;align-items:center;gap:18px;padding:18px}.playlist-list .media-info h3{margin:0;flex:1}.neon-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:40px;padding-bottom:40px}.neon-stats div{padding:10px 20px;border-left:2px solid var(--accent)}.neon-stats b{font:34px monospace;color:var(--accent);display:block}.neon-stats span{font:12px "Microsoft YaHei",sans-serif;color:var(--muted)}.neon-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.neon-feature img{height:380px;width:100%;object-fit:cover}.neon-feature h2{font-size:40px}.neon-feature h2 em{font-style:normal;color:var(--accent)}body{--variant:21}.brand-mark{border-radius:2px;transform:rotate(3deg)}.media-card:nth-child(2n){transform:translateY(3px)}.media-card:nth-child(2n):hover{transform:translateY(-6px)}.footer{letter-spacing:0px}@media(max-width:820px){.site-header{height:66px;padding:0 16px}.site-header nav{display:none}.nav-cta{display:none}.hero,.hero-split,.hero-editorial,.hero-dark,.hero-vertical,.hero-mosaic,.hero-neon,.hero-gallery,.hero-minimal,.split-feature,.topic-row,.columns,.radar,.color-block,.neon-feature,.minimal-intro{display:flex;flex-direction:column;gap:28px;padding:52px 16px}.hero h1,.hero-minimal h1,.gallery-lead h1,.mosaic-copy h1{font-size:46px}.hero-visual,.hero-portrait,.hero-stack,.neon-screen,.gallery-stage,.minimal-card{width:100%;height:330px}.hero-number,.vertical-label{display:none}.metric-strip,.signal-bar,.neon-stats{grid-template-columns:repeat(2,1fr);padding:0 16px 25px}.section{padding:55px 16px}.section-title{display:block}.section-title h2{font-size:29px;margin:12px 0}.section-title>a{display:inline-block;margin-top:8px}.media-grid,.signal-grid,.gallery-cards,.room-grid,.creator-grid,.wall-grid{grid-template-columns:1fr}.wall-grid .media-card:nth-child(1){grid-column:auto;grid-row:auto}.masonry-grid{columns:1}.lead-story{display:flex;flex-direction:column}.lead-story img{height:260px}.quote-panel p{font-size:26px}.footer{padding:38px 16px}.footer-main,.footer-bottom{display:block}.footer-links{margin-top:22px}.footer-bottom span{display:block;margin-top:8px}.playlist-list .media-card{grid-template-columns:115px 1fr}.playlist-list .media-image{height:90px}.radar-chart{width:280px;height:220px}.cta-band{display:block;padding:50px 16px}.cta-band .button{margin-top:25px}}body{--accent:#147d92;--paper:#effbfc;background:var(--paper);font-family:"Avenir Next","Microsoft YaHei",sans-serif}.site-header{height:84px;background:#062f38;color:#fff;border:0}.site-header nav a,.brand small{color:#b8d9dc}.site-header nav a.active,.site-header nav a:hover{color:#fff;border-bottom-color:#f5c45e}.nav-cta{background:#f5c45e;color:#062f38}.hero-mosaic{grid-template-columns:.85fr 1.15fr;gap:75px;min-height:630px}.mosaic-copy h1{font-size:70px;letter-spacing:0}.mosaic-wall{height:520px;gap:18px}.mosaic-wall img{border-radius:2px}.wall-grid{grid-template-columns:repeat(12,1fr);gap:18px}.wall-grid .media-card{grid-column:span 3}.wall-grid .media-card:nth-child(1){grid-column:span 6}.theme-dock{max-width:none;background:#062f38;color:#fff;padding:62px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:40px}.theme-dock h2{font-size:42px;margin:8px 0}.theme-dock p{max-width:600px;color:#b8d9dc}.dock-tags{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.dock-tags a{color:#f5c45e;border:1px solid #f5c45e;padding:10px 14px;font-size:12px}