body{background-color:#fafafa;font-family:pingfang sc,microsoft yahei,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.hero{text-align:center;margin-bottom:40px;padding:40px 0}.hero h1{font-size:2.8rem;color:#e74c3c;margin:0 0 16px;font-weight:800}.hero p{font-size:1.2rem;color:#555;max-width:600px;margin:0 auto;line-height:1.6}.drama-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-bottom:40px}.drama-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;background:#fff}.drama-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(231,76,60,.25)}.drama-card img,.placeholder-cover{width:100%;height:160px;object-fit:cover}.placeholder-cover{background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ddd}.drama-info{padding:16px}.drama-info h3{margin:0 0 8px;font-size:1.1rem;color:#e74c3c;line-height:1.4}.drama-info a{text-decoration:none;color:inherit}.drama-info time{color:#999;font-size:.9rem}.categories h2{margin-bottom:20px;color:#2c3e50}.category-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.category-list li a{padding:8px 20px;background:#3498db;color:#fff;border-radius:30px;text-decoration:none;font-size:.95rem;transition:background .2s}.category-list li a:hover{background:#2980b9}