/* Site Style: style-j, UI Style: tech-dark, Layout: B */
body{{background:#fafafa}}
.hero{{text-align:center;padding:40px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;margin-bottom:30px}}
.hero h1{{color:#fff;font-size:2rem;margin-bottom:15px}}
.hero .lead{{font-size:1.1rem;opacity:0.95}}
.featured-section,.categories,.list-section,.related-section{{margin-bottom:40px}}
.featured-section h2,.categories h2,.list-section h2,.related-section h2{{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}}
.video-grid{{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}
.video-card{{background:#fff;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 16px rgba(0,0,0,0.15)}}
.video-card a{{color:inherit;text-decoration:none;display:block}}
.video-thumb{{background:#e0e0e0;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#999}}
.placeholder-thumb{{font-size:1.2rem;font-weight:700}}
.video-card h3{{padding:12px 15px 8px;font-size:1.1rem;font-weight:600}}
.video-meta{{padding:0 15px;font-size:0.85rem;color:#666;margin-bottom:8px}}
.video-desc{{padding:0 15px 15px;font-size:0.9rem;color:#555;line-height:1.5}}
.category-links{{display:flex;gap:15px;flex-wrap:wrap}}
.cat-link{{display:inline-block;padding:12px 24px;background:#667eea;color:#fff;border-radius:6px;font-weight:600;transition:background 0.3s}}
.cat-link:hover{{background:#764ba2;text-decoration:none}}
.page-desc{{font-size:1rem;color:#666;margin-bottom:20px}}
.video-detail{{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,0.1);margin-bottom:30px}}
.detail-header h1{{font-size:2rem;margin-bottom:15px}}
.video-meta-detail{{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}}
.meta-item{{font-size:0.95rem;color:#666;padding:6px 12px;background:#f5f5f5;border-radius:4px}}
.video-player-placeholder{{aspect-ratio:16/9;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border-radius:6px}}
.one-line,.summary,.review,.tags{{margin-bottom:20px}}
.one-line strong,.tags strong{{color:#667eea;margin-right:8px}}
.summary h2,.review h2{{font-size:1.3rem;margin-bottom:12px;color:#333}}
.summary p,.review p{{line-height:1.8;color:#444}}
.error-page{{text-align:center;padding:80px 20px}}
.error-page h1{{font-size:3rem;margin-bottom:20px;color:#999}}
.error-page p{{font-size:1.1rem;margin-bottom:15px}}
@media(max-width:768px){{
.hero{{padding:30px 15px}}
.hero h1{{font-size:1.6rem}}
.video-grid{{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}}
.video-card h3{{font-size:1rem}}
.video-detail{{padding:20px}}
.detail-header h1{{font-size:1.6rem}}
.video-meta-detail{{gap:10px}}
.error-page h1{{font-size:2rem}}
}}
@media(max-width:480px){{
.video-grid{{grid-template-columns:1fr}}
.category-links{{flex-direction:column}}
.cat-link{{text-align:center}}
}}