.main-content{max-width:1200px;margin:2rem auto;padding:0 1rem}.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;margin-bottom:2rem}.hero h1{font-size:2rem;margin-bottom:1rem}.site-intro{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.site-intro h2{margin-bottom:1rem;color:#333;font-size:1.5rem}section{margin-bottom:3rem}section h2{font-size:1.75rem;margin-bottom:1.5rem;color:#333;border-bottom:2px solid #667eea;padding-bottom:.5rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.video-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.video-card h3{margin-bottom:.5rem;font-size:1.2rem}.video-card h3 a{color:#333;font-weight:600}.video-card h3 a:hover{color:#667eea}.video-card .meta{font-size:.9rem;color:#666;margin-bottom:.5rem}.video-card .oneline{color:#555;line-height:1.5;margin-bottom:.5rem}.video-card .summary-excerpt{font-size:.9rem;color:#777;line-height:1.5}.entrance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.entrance-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center;transition:transform .2s}.entrance-card:hover{transform:scale(1.05)}.entrance-card h3{margin-bottom:1rem;font-size:1.3rem}.entrance-card h3 a{color:#667eea;font-weight:600}.entrance-card p{color:#666}.video-list{display:flex;flex-direction:column;gap:1.5rem}.video-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:1rem}.item-index{font-size:2rem;font-weight:700;color:#667eea;min-width:50px;text-align:center}.item-content{flex:1}.video-item h2,.video-item h3{margin-bottom:.5rem;font-size:1.2rem}.video-item h2 a,.video-item h3 a{color:#333;font-weight:600}.video-item h2 a:hover,.video-item h3 a:hover{color:#667eea}.video-item .meta{font-size:.9rem;color:#666;margin-bottom:.5rem}.video-item .tags{font-size:.85rem;color:#888;margin-bottom:.5rem}.video-item .oneline{color:#555;line-height:1.5}.more-link{text-align:center;margin-top:2rem}.more-link a{color:#667eea;font-weight:600;font-size:1.1rem}.breadcrumb{padding:1rem 0;color:#666;font-size:.9rem}.breadcrumb a{color:#667eea}.breadcrumb a:hover{text-decoration:underline}.page-intro{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #667eea}.other-lists{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.other-lists ul{margin-top:1rem}.other-lists li{margin-bottom:.5rem}.other-lists a{color:#667eea;font-weight:600}.detail-page{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.detail-header h1{font-size:2rem;margin-bottom:1rem;color:#333}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;color:#666}.detail-tags{color:#888;font-size:.9rem}.detail-highlight,.detail-summary,.detail-review,.detail-related{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e5e5}.detail-highlight h2,.detail-summary h2,.detail-review h2,.detail-related h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.detail-highlight p{font-size:1.1rem;color:#667eea;font-weight:600;line-height:1.8}.detail-summary p,.detail-review p{line-height:1.8;color:#555}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.related-item{background:#f9f9f9;padding:1.5rem;border-radius:8px;transition:background .2s}.related-item:hover{background:#f0f0f0}.related-item h3{margin-bottom:.5rem;font-size:1.1rem}.related-item h3 a{color:#333}.related-item h3 a:hover{color:#667eea}.related-item .meta{font-size:.85rem;color:#666;margin-bottom:.5rem}.related-item .oneline{font-size:.9rem;color:#555;line-height:1.5}.detail-missing{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.detail-missing h1{font-size:2rem;margin-bottom:1rem;color:#333}.detail-missing .notice{font-size:1.1rem;color:#666;margin:2rem 0}.back-links{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;background:#667eea;color:#fff;border-radius:4px;font-weight:600;transition:background .2s}.btn:hover{background:#5568d3}.error-page{background:#fff;padding:4rem 2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.error-page h1{font-size:6rem;color:#667eea;margin-bottom:1rem}.error-page p{font-size:1.2rem;color:#666;margin-bottom:2rem}@media(max-width:768px){.hero h1{font-size:1.5rem}.video-grid{grid-template-columns:1fr}.entrance-grid{grid-template-columns:1fr}.detail-header h1{font-size:1.5rem}.detail-meta{flex-direction:column;gap:.5rem}.related-grid{grid-template-columns:1fr}.back-links{flex-direction:column;align-items:center}}