*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#20242b;background:#f5f4ef}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;gap:30px;padding:18px 5vw;border-bottom:1px solid #d7d4cb}.brand{font-weight:800;font-size:22px}.brand b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;background:#f05c35;color:#fff}.nav{display:flex;gap:20px;flex:1}.nav a:hover{color:#d54226}.search{border:1px solid #aaa;background:#fff;padding:10px 13px}.hero{min-height:370px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:42px 5vw}.heroText{padding:42px;background:#e6dac2}.hero h1{font-size:48px;margin:12px 0}.hero p{line-height:1.8}.heroCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.heroCards img{width:100%;height:100%;object-fit:cover}.section{padding:28px 5vw}.section h2{font-size:28px;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.card{display:block;min-width:0;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-8px);box-shadow:0 16px 25px #0002}.card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.card h3{font-size:15px;margin:9px 0 3px}.card small{color:#777}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filters button{border:1px solid #bbb;padding:8px 14px;background:#fff;cursor:pointer}.detail{display:grid;grid-template-columns:300px 1fr;gap:36px;padding:44px 8vw}.detail img{width:100%}.play{padding:38px 8vw}.screen{background:#111;color:#fff;aspect-ratio:16/9;display:grid;place-items:center;font-size:22px}.episodes{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.episodes a{padding:9px 12px;background:#eee}.foot{padding:30px 5vw;margin-top:40px;border-top:1px solid #ccc;font-size:13px;color:#666}@media(max-width:800px){.nav{display:none}.hero,.detail{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}.heroCards{display:none}}
body.midnight{background:#111722;color:#edf2fc}.midnight .top{background:#0a0f19;border-color:#394152}.midnight .brand b{background:#d8ff55;color:#111}.midnight .heroText{background:#25304d}.midnight .section{background:#111722}.midnight .card{background:#1c2637;padding:8px}.midnight .filters button,.midnight .episodes a{background:#202b40;color:#fff;border-color:#53617b}.midnight .foot{border-color:#394152;color:#adb9cd}.midnight .search{background:#1c2637;color:#fff;border-color:#53617b}
body.journal{background:#fcfaf6;color:#29211d}.journal .top{border-bottom:5px solid #e34b32;flex-wrap:wrap}.journal .nav{order:3;flex-basis:100%;border-top:1px solid #ddd;padding-top:12px}.journal .hero{grid-template-columns:1fr;padding-top:20px}.journal .heroText{background:#fff;border-left:14px solid #e34b32}.journal .heroCards{grid-template-columns:repeat(6,1fr);height:210px}.journal .grid{grid-template-columns:repeat(3,1fr);gap:24px}.journal .card{display:grid;grid-template-columns:110px 1fr;gap:13px;border-bottom:1px solid #bbb;padding-bottom:12px}.journal .card img{grid-row:span 2}.journal .card h3{font-size:20px}.journal .card:hover{transform:translateX(8px)}
body.pop{background:#fff4df;color:#142c53}.pop .top{background:#ffdf51;border-color:#142c53}.pop .brand b{background:#fb4f5b}.pop .heroText{background:#fb4f5b;color:white;border-radius:0 36px 0 36px}.pop .heroCards{gap:18px}.pop .heroCards img{border-radius:40px 0 40px 0}.pop .card{background:#fff;border:2px solid #142c53;padding:8px;border-radius:12px}.pop .card img{border-radius:8px}.pop .section h2{color:#fb4f5b}.pop .filters button{border-radius:999px;background:#fff4df;border-color:#142c53}.pop .foot{background:#142c53;color:#fff4df}
body.index{background:#f0f2f4;color:#1d2834}.index .top{background:#fff}.index .brand b{background:#1d2834}.index .hero{grid-template-columns:320px 1fr}.index .heroText{background:#c8d3df;order:2}.index .heroCards{order:1;grid-template-columns:repeat(2,1fr)}.index .grid{grid-template-columns:repeat(4,1fr)}.index .card{background:#fff;border:1px solid #cbd1d8;padding:10px}.index .card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 #1d2834}.index .section{max-width:1380px;margin:auto}