*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:#fffdf8;color:#18232b}a{text-decoration:none;color:inherit}header{padding:18px 6%;display:flex;align-items:center;gap:35px;border-bottom:1px solid #0002;background:#df513b}.logo{font-weight:800;font-size:25px}header nav{display:flex;gap:20px;flex:1}header nav a:hover,.genres a:hover{color:#df513b}.search,.action{padding:10px 15px;border:1px solid currentColor}.hero{padding:65px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:32px;background:#df513b;color:#fffdf8}.hero h1{font-size:65px;line-height:.95;margin:18px 0}.hero p{line-height:1.8}.hero #board{display:grid-template-columns:repeat(3,1fr);gap:12px}.card{min-width:0;transition:.25s ease}.card:hover{transform:translateY(-8px);filter:brightness(1.06)}.card img{width:100%;aspect-ratio:3/4;object-fit:cover}.card b,.card small{display:block;margin-top:7px}.card small{opacity:.7}.section{padding:42px 7%}.cards{display:grid-template-columns:repeat(4,1fr);gap:16px}.section h2{font-size:28px}.genres{display:flex;flex-wrap:wrap;gap:10px}.genres a{border:1px solid currentColor;padding:10px 14px}.guide{padding:40px 7%;border-top:1px solid currentColor}.detail{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:60px 10%}.detail>img{width:100%}.player{padding:55px 8%}.screen{aspect-ratio:16/9;background:#111;color:#fff;display:grid;place-items:center}.episodes{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.episodes a{padding:9px;background:#ddd}footer{padding:30px 7%;display:flex;justify-content:space-between;border-top:1px solid #0002;font-size:13px}@media(max-width:760px){header nav{display:none}.hero,.detail{grid-template-columns:1fr}.hero h1{font-size:42px}.cards{grid-template-columns:repeat(2,1fr)!important}.hero #board{grid-template-columns:repeat(4,1fr)!important}footer{display:block}footer span{display:block;margin-top:12px}}