*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:#2c3e50;color:white;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.1);}header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}.logo{font-size:1.5rem;font-weight:bold;}nav{display:flex;gap:1.5rem;flex-wrap:nowrap;white-space:nowrap;}nav a{color:white;text-decoration:none;transition:opacity 0.3s;}nav a:hover{opacity:0.8;}.breadcrumb{background:white;padding:0.8rem 0;border-bottom:1px solid #e0e0e0;}.breadcrumb a{color:#3498db;text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3rem 0;text-align:center;}.hero h2{font-size:2rem;margin-bottom:1rem;}.featured,.list-page{padding:2rem 0;}.featured h3,.list-page h2{margin-bottom:1.5rem;font-size:1.8rem;color:#2c3e50;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;}.video-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.video-card a{text-decoration:none;color:inherit;}.video-thumb{width:100%;height:180px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}.video-card h4{padding:1rem;font-size:1.1rem;color:#2c3e50;}.video-meta{padding:0 1rem 1rem;font-size:0.9rem;color:#7f8c8d;}.detail-page{padding:2rem 0;}.video-detail{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.video-player{margin-bottom:2rem;}.player-placeholder{width:100%;height:500px;background:#000;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;}.video-detail h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50;}.video-info{margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.5rem;}.video-info p{color:#555;}.video-desc,.video-review,.related-videos{margin-top:2rem;}.video-desc h3,.video-review h3,.related-videos h3{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:0.5rem;}.one-line{font-weight:bold;color:#3498db;margin-bottom:1rem;}.related-videos ul{list-style:none;}.related-videos li{margin-bottom:0.5rem;}.related-videos a{color:#3498db;text-decoration:none;}.related-videos a:hover{text-decoration:underline;}.no-data{background:white;border-radius:8px;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.no-data h2{font-size:2rem;color:#e74c3c;margin-bottom:1rem;}.error-page{padding:4rem 0;text-align:center;}.error-page h2{font-size:3rem;color:#e74c3c;margin-bottom:1rem;}.error-page a{color:#3498db;text-decoration:none;font-size:1.2rem;}footer{background:#2c3e50;color:white;padding:2rem 0;margin-top:3rem;text-align:center;}@media (max-width:768px){header .container{flex-direction:column;gap:1rem;}nav{width:100%;justify-content:space-around;gap:0.5rem;font-size:0.9rem;}.hero h2{font-size:1.5rem;}.video-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;}.player-placeholder{height:250px;font-size:1rem;}}