: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:Georgia, "Songti SC", 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}.page-hero{padding:76px max(24px,calc((100% - 1240px)/2));background:var(--soft)}.page-hero h1{font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.15;margin:16px 0}.page-hero h1 em{font-style:normal;color:var(--accent)}.page-hero p{color:var(--muted);font:14px "Microsoft YaHei",sans-serif}.filter-row{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filter{padding:9px 16px;border:1px solid var(--line);background:transparent;color:var(--muted);font:11px "Microsoft YaHei",sans-serif;cursor:pointer}.filter.active,.filter:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.rank-list{border-top:1px solid var(--line)}.rank-row{display:grid;grid-template-columns:52px 150px 1fr 24px;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.rank-row>strong{font-size:25px;color:var(--accent);font-weight:500}.rank-row img{width:150px;height:84px;object-fit:cover}.rank-row b,.rank-row small{display:block}.rank-row b{font-size:16px;font-weight:500}.rank-row small{margin-top:5px;color:var(--muted);font:11px "Microsoft YaHei",sans-serif}.rank-row i{color:var(--accent);font-style:normal}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-steps article{padding:25px;background:color-mix(in srgb,var(--paper) 70%,#fff);border-top:3px solid var(--accent)}.guide-steps article>b{color:var(--accent);font:11px monospace}.guide-steps h2{font-size:23px;font-weight:500}.guide-steps p,.legal p{color:var(--muted);font:13px/1.9 "Microsoft YaHei",sans-serif}.guide-path{border-top:1px solid var(--line)}.guide-path h2{font-size:32px;font-weight:500}.path-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.path-line span{padding:12px 16px;border:1px solid var(--line);font-size:13px}.path-line i{color:var(--accent);font-style:normal}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.index-grid a{padding:22px;background:color-mix(in srgb,var(--paper) 68%,#fff);border:1px solid var(--line);position:relative}.index-grid b{display:block;font-size:17px;font-weight:500}.index-grid span{display:block;color:var(--muted);font:11px "Microsoft YaHei",sans-serif;margin-top:7px}.index-grid i{position:absolute;right:16px;bottom:16px;color:var(--accent);font-style:normal}.legal{min-height:460px}.legal h2{font-size:25px;font-weight:500;margin-top:28px}.detail-hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding:82px 24px}.detail-media{height:500px;position:relative;overflow:hidden;background:var(--soft)}.detail-media img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:1px solid #fff;background:#0008;color:#fff;font-size:20px;cursor:pointer}.detail-counter{position:absolute;left:16px;bottom:16px;background:#000b;color:#fff;padding:5px 8px;font:10px monospace}.detail-copy h1{font-size:clamp(36px,4vw,58px);line-height:1.18;font-weight:500;margin:18px 0}.detail-copy>p:not(.detail-meta){color:var(--muted);font:14px/1.9 "Microsoft YaHei",sans-serif}.detail-meta{color:var(--accent);font:12px "Microsoft YaHei",sans-serif}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.detail-tags span{padding:5px 9px;border:1px solid var(--line);color:var(--muted);font:10px "Microsoft YaHei",sans-serif}.detail-story{display:grid;grid-template-columns:1fr .7fr;gap:70px;border-top:1px solid var(--line)}.detail-story h2{font-size:32px;font-weight:500}.detail-story p{color:var(--muted);font:14px/1.9 "Microsoft YaHei",sans-serif}.detail-story aside{border-left:2px solid var(--accent);padding-left:22px;display:grid;align-content:start;gap:12px}.detail-story aside b{font-size:16px;margin-bottom:4px}.detail-story aside span{color:var(--muted);font:12px "Microsoft YaHei",sans-serif}.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:37}.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:0.2px}@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}}