/* 星河影视 样式文件 - UI风格8 布局D */
*{box-sizing:border-box}
body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}
a{color:inherit;transition:all 0.3s ease}
.container{max-width:1200px;margin:0 auto;padding:20px}
nav{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000}
.nav-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 20px}
.logo{font-size:1.5rem;font-weight:700;padding:1rem 0;color:#333;text-decoration:none;letter-spacing:-0.5px}
nav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;flex-wrap:nowrap;align-items:center}
nav li{flex:1 1 0;min-width:0;text-align:center}
nav a{display:block;padding:1rem 0.8rem;text-decoration:none;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.95rem}
nav a:hover{background:#f8f8f8;color:#4CAF50}
main{min-height:60vh}
h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;color:#222;line-height:1.3}
h2{font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem;color:#333;border-left:4px solid #4CAF50;padding-left:12px}
h3{font-size:1.2rem;font-weight:600;margin:1rem 0 0.5rem;color:#444}
section{background:#fff;margin:2rem 0;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.08)}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}
.video-card{background:#fafafa;padding:1.5rem;border-radius:6px;border:1px solid #e8e8e8;transition:all 0.3s ease}
.video-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.12);border-color:#4CAF50}
.video-card h3{margin:0 0 0.5rem;font-size:1.1rem;line-height:1.4}
.video-card h3 a{color:#333;text-decoration:none;font-weight:600}
.video-card h3 a:hover{color:#4CAF50}
.video-card .meta{color:#666;font-size:0.88rem;margin:0.4rem 0}
.video-card p{color:#555;font-size:0.95rem;margin:0.6rem 0 0;line-height:1.6}
.list-item{padding:1.2rem 0;border-bottom:1px solid #eee}
.list-item:last-child{border-bottom:none}
.list-item h3{margin:0 0 0.5rem}
.list-item h3 a{color:#333;text-decoration:none;font-weight:600}
.list-item h3 a:hover{color:#4CAF50}
.list-item .meta{color:#666;font-size:0.9rem;margin:0.3rem 0}
.list-item p{color:#555;line-height:1.7}
.rank-number{display:inline-block;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;margin-right:12px;font-weight:700;box-shadow:0 2px 4px rgba(76,175,80,0.3)}
.date-tag{display:inline-block;background:#2196F3;color:#fff;padding:5px 12px;border-radius:4px;font-size:0.85rem;margin-right:10px;font-weight:600}
.group-section{margin:2.5rem 0}
.group-title{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);padding:1rem 1.5rem;font-size:1.25rem;font-weight:700;border-radius:6px;margin:1.5rem 0 1rem;color:#333;border-left:5px solid #4CAF50}
footer{background:#2c3e50;color:#ecf0f1;text-align:center;padding:2.5rem 1rem;margin-top:3rem}
footer p{margin:0.5rem 0}
footer nav{margin-top:1rem}
footer a{color:#4CAF50;text-decoration:none;margin:0 10px;font-weight:500}
footer a:hover{color:#45a049;text-decoration:underline}
.more-link{text-align:center;margin-top:1.5rem;font-size:1.05rem}
.more-link a{color:#4CAF50;text-decoration:none;font-weight:600}
.more-link a:hover{color:#45a049;text-decoration:underline}
article{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.08)}
.basic-info p{margin:0.5rem 0;line-height:1.8}
.basic-info strong{color:#333;font-weight:600}
@media(max-width:768px){
.logo{font-size:1.2rem;padding:0.8rem 0}
nav ul{margin-left:auto}
nav li{min-width:45px}
nav a{font-size:0.82rem;padding:0.8rem 0.3rem}
.container{padding:12px}
h1{font-size:1.5rem;margin:1.5rem 0 0.8rem}
h2{font-size:1.3rem}
section{padding:1.2rem;margin:1.5rem 0}
article{padding:1.2rem}
.video-grid{grid-template-columns:1fr;gap:15px}
.video-card{padding:1.2rem}
.rank-number{width:30px;height:30px;line-height:30px;font-size:0.9rem}
.group-title{font-size:1.1rem;padding:0.8rem 1rem}
footer{padding:2rem 1rem}
}