body{margin:0;font-family:"Microsoft YaHei",sans-serif;background:#f7f2ea;color:#4a3f35;line-height:1.8}
header,footer{background:#efe5d7;padding:20px}
.container{width:min(1200px,92%);margin:auto}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{text-decoration:none;color:#5b4b3f}
.hero{padding:80px 0;text-align:center}
.hero h1{font-size:52px;margin-bottom:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;padding:22px;border-radius:18px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.video-card{position:relative;overflow:hidden}
.video-card img{width:100%;border-radius:14px}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;color:#fff;opacity:0;transition:.3s}
.video-card:hover .play{opacity:1}
.search-box{margin:18px 0}
input[type=text]{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd}
.section-title{font-size:32px;margin:40px 0 20px}
.update{font-size:14px;color:#8a7a6f}
footer p{margin:6px 0}
@media(max-width:768px){.hero h1{font-size:34px}}