.container{max-width:1200px;margin:0 auto;padding:20px}.site-header{text-align:center;padding:40px 20px;background:#fff;margin-bottom:30px;border-radius:8px}.site-header h1{font-size:28px;margin-bottom:15px;color:#222}.site-intro{font-size:16px;line-height:1.8;color:#666;max-width:800px;margin:0 auto}.breadcrumb{padding:15px 0;font-size:14px;color:#666}.breadcrumb a{color:#0066cc}.breadcrumb span{color:#999}section{margin-bottom:40px;background:#fff;padding:30px;border-radius:8px}section h2{font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #0066cc}.video-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.video-card{padding:20px;background:#f9f9f9;border-radius:6px;transition:transform 0.2s}.video-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.video-card h3{font-size:18px;margin-bottom:10px}.video-card h3 a{color:#222}.video-card .meta{font-size:13px;color:#999;margin-bottom:8px}.video-card .one-line{font-size:14px;color:#666;line-height:1.6;margin-bottom:8px}.video-card .summary{font-size:13px;color:#888;line-height:1.5}.video-card .review{font-size:13px;color:#555;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid #e0e0e0}.entrance-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}.entrance-card{padding:30px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:8px;color:#fff;text-align:center;transition:transform 0.2s}.entrance-card:hover{transform:scale(1.05)}.entrance-card h3{font-size:20px;margin-bottom:10px}.entrance-card h3 a{color:#fff}.entrance-card p{font-size:14px;opacity:0.9}.video-list{display:flex;flex-direction:column;gap:20px}.video-item{display:flex;gap:15px;padding:20px;background:#f9f9f9;border-radius:6px;transition:background 0.2s}.video-item:hover{background:#f0f0f0}.item-number{font-size:24px;font-weight:bold;color:#0066cc;min-width:40px}.item-content{flex:1}.item-content h3{font-size:18px;margin-bottom:8px}.item-content h3 a{color:#222}.item-content .meta{font-size:13px;color:#999;margin-bottom:6px}.item-content .tags{font-size:12px;color:#666;margin-bottom:6px}.item-content .one-line{font-size:14px;color:#666;line-height:1.6}.video-detail h1{font-size:32px;margin-bottom:20px;color:#222}.video-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px;font-size:14px;color:#666}.video-tags{font-size:13px;color:#888;margin-bottom:25px}.video-detail h2{font-size:20px;margin-top:30px;margin-bottom:15px;color:#333}.video-detail p{font-size:15px;line-height:1.8;color:#555}.one-line, .summary, .review{margin-bottom:25px;padding:20px;background:#f9f9f9;border-radius:6px}.related{margin-top:40px}.related-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.related-item{padding:15px;background:#f9f9f9;border-radius:6px}.related-item h3{font-size:16px;margin-bottom:8px}.related-item h3 a{color:#222}.related-item p{font-size:13px;color:#666;line-height:1.5}footer{text-align:center;padding:30px 20px;color:#999;font-size:14px;margin-top:40px;border-top:1px solid #e0e0e0}@media (max-width:768px){.site-header h1{font-size:22px}.site-intro{font-size:14px}.video-grid{grid-template-columns:1fr}.entrance-grid{grid-template-columns:1fr}.video-detail h1{font-size:24px}.related-list{grid-template-columns:1fr}}