.container{max-width:1200px;margin:0 auto;padding:0 20px;}.site-header{padding:3rem 0 2rem;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;margin:0 -20px 2rem;}.site-header h1{font-size:2rem;font-weight:700;margin-bottom:0.5rem;}.site-tagline{font-size:1rem;opacity:0.9;}.breadcrumb{background:white;padding:0.75rem 0;font-size:0.9rem;border-bottom:1px solid #e0e0e0;}.breadcrumb a{color:#1a73e8;margin:0 0.25rem;}.breadcrumb span{color:#666;margin:0 0.25rem;}.page-header{background:white;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.page-header h1{font-size:2rem;margin-bottom:0.5rem;color:#333;}.page-header p{color:#666;font-size:1rem;}.notice{background:#fff3cd;border:1px solid #ffc107;padding:1rem;border-radius:4px;margin-bottom:2rem;}.notice p{margin-bottom:0.5rem;font-weight:500;}.notice ul{margin-top:0.5rem;padding-left:1.5rem;list-style:disc;}.notice li{margin:0.25rem 0;}section{background:white;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);}section h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #667eea;padding-bottom:0.5rem;}.intro-section p{line-height:1.8;color:#555;font-size:1rem;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;}.video-card{background:#f9f9f9;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0;transition:transform 0.2s,box-shadow 0.2s;}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}.video-card h3,.video-card h2{font-size:1.1rem;margin-bottom:0.5rem;}.video-card h3 a,.video-card h2 a{color:#333;}.video-card h3 a:hover,.video-card h2 a:hover{color:#1a73e8;}.video-card .meta{font-size:0.85rem;color:#888;margin-bottom:0.5rem;}.video-card .genre{font-size:0.9rem;color:#555;margin-bottom:0.5rem;}.video-card .one-line{font-size:0.95rem;color:#666;line-height:1.6;margin-bottom:0.5rem;}.video-card .summary{font-size:0.9rem;color:#777;line-height:1.5;}.video-card .card-header{display:flex;align-items:center;margin-bottom:0.5rem;}.rank-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:bold;margin-right:0.5rem;}.video-list{margin-top:1.5rem;}.video-item{padding:1rem 0;border-bottom:1px solid #e0e0e0;}.video-item:last-child{border-bottom:none;}.video-item h3{font-size:1.1rem;margin-bottom:0.25rem;}.video-item h3 a{color:#333;}.video-item h3 a:hover{color:#1a73e8;}.video-item .meta{font-size:0.85rem;color:#888;margin-bottom:0.25rem;}.video-item p{font-size:0.95rem;color:#666;line-height:1.6;}.entry-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;}.entry-btn{display:inline-block;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:6px;font-weight:500;transition:transform 0.2s,box-shadow 0.2s;text-align:center;}.entry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4);text-decoration:none;}.video-detail header{text-align:center;padding:2rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:8px;margin-bottom:2rem;}.video-detail h1{font-size:2rem;margin-bottom:0.5rem;}.video-detail .subtitle{font-size:1rem;opacity:0.9;}.video-detail section{margin-bottom:2rem;}.video-detail h2{font-size:1.3rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #667eea;padding-bottom:0.5rem;}.basic-info .info-list{list-style:none;padding:0;}.basic-info .info-list li{padding:0.5rem 0;border-bottom:1px solid #f0f0f0;font-size:0.95rem;}.basic-info .info-list li:last-child{border-bottom:none;}.basic-info .info-list strong{color:#555;margin-right:0.5rem;}.one-line-section .one-line{font-size:1.1rem;color:#444;line-height:1.8;font-weight:500;padding:1rem;background:#f0f4ff;border-left:4px solid #667eea;border-radius:4px;}.summary-section p{font-size:1rem;line-height:1.8;color:#555;}.review-section .review{font-size:1rem;line-height:1.8;color:#555;font-style:italic;padding:1rem;background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem;}.related-card{background:#f9f9f9;padding:1rem;border-radius:6px;border:1px solid #e0e0e0;transition:transform 0.2s;}.related-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}.related-card h3{font-size:1rem;margin-bottom:0.5rem;}.related-card h3 a{color:#333;}.related-card h3 a:hover{color:#1a73e8;}.related-card .meta{font-size:0.85rem;color:#888;margin-bottom:0.5rem;}.related-card p{font-size:0.9rem;color:#666;line-height:1.5;}.empty-notice{text-align:center;padding:3rem 2rem;background:#f9f9f9;border-radius:8px;}.empty-notice p{font-size:1rem;margin:0.5rem 0;color:#666;}.empty-notice strong{color:#333;font-weight:600;}.empty-notice a{color:#1a73e8;font-weight:500;}.error-page{text-align:center;padding:4rem 2rem;}.error-page h1{font-size:6rem;color:#667eea;margin-bottom:1rem;}.error-page p{font-size:1.1rem;color:#666;margin:1rem 0;}.btn-home{display:inline-block;margin-top:1rem;padding:0.75rem 2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:6px;font-weight:500;transition:transform 0.2s;}.btn-home:hover{transform:translateY(-2px);text-decoration:none;}footer{background:#2c3e50;color:white;padding:2rem 0;margin-top:3rem;text-align:center;}footer p{margin:0;font-size:0.9rem;}footer a{color:#67c5ff;}footer a:hover{color:white;}@media (max-width:768px){.container{padding:0 15px;}.site-header{padding:2rem 15px 1.5rem;margin:0 -15px 1.5rem;}.site-header h1{font-size:1.5rem;}.site-tagline{font-size:0.9rem;}.page-header{padding:1.5rem;}.page-header h1{font-size:1.5rem;}section{padding:1.5rem;}section h2{font-size:1.3rem;}.video-grid{grid-template-columns:1fr;gap:1rem;}.related-grid{grid-template-columns:1fr;}.entry-links{flex-direction:column;}.entry-btn{width:100%;}.video-detail h1{font-size:1.5rem;}.error-page h1{font-size:4rem;}}@media (max-width:480px){.site-header h1{font-size:1.2rem;}.page-header h1{font-size:1.3rem;}.video-detail h1{font-size:1.3rem;}section h2{font-size:1.2rem;}}body.ui-style-3{background:linear-gradient(to bottom,#f5f7fa 0%,#c3cfe2 100%);}body.ui-style-3 nav{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}body.ui-style-3 nav a{color:white;font-weight:500;}body.ui-style-3 nav a:hover{background:rgba(255,255,255,0.2);text-decoration:none;}