:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0b0b;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 0,#2c0e10 0%,#0b0b0b 55%);margin:0}#app{min-height:100svh}.page{max-width:1200px;margin:0 auto;padding:20px 20px 32px}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{object-fit:cover;border-radius:12px;width:42px;height:42px;box-shadow:0 6px 18px #ff582a73}.brand-name{margin:0;font-size:16px;font-weight:700}.brand-sub{color:#c2c2c2;margin:2px 0 0;font-size:12px}.hero{background:linear-gradient(165deg,#ff4225e6,#330a06f2);border-radius:18px;margin-top:14px;padding:24px 22px;box-shadow:0 16px 30px #00000047}.hero-tag{background:#ffffff38;border-radius:999px;margin:0;padding:4px 8px;font-size:11px;display:inline-block}.hero h1{max-width:860px;margin:10px 0 8px;font-size:32px;line-height:1.28}.hero-text{color:#ffffffe0;max-width:760px;margin:0;font-size:16px}.module{margin-top:20px}.module-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.module-title h2{margin:0;font-size:18px}.module-title span{color:#b9b9b9;font-size:12px}.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.poster-card{margin:0}.poster-card img{aspect-ratio:9/16;object-fit:cover;border-radius:14px;width:100%;display:block;box-shadow:0 12px 26px #00000059}.poster-card h3{color:#d9d9d9;margin:10px 4px 0;font-size:14px;line-height:1.35}.about-text{color:#ccc;background:#171717;border:1px solid #282828;border-radius:12px;margin:0;padding:14px;line-height:1.6}.footer{border-top:1px solid #252525;margin-top:24px;padding-top:14px}.footer p{color:#c4c4c4;margin:8px 0;font-size:12px}.footer a{color:#ffab91;text-decoration:none}.copyright{color:#8e8e8e}@media (width<=992px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.page{padding:14px 14px 28px}.hero{padding:18px 16px}.hero h1{font-size:24px}.hero-text{font-size:14px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster-card h3{font-size:13px}}@media (width>=1200px){.page{padding-top:24px}}