body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.6;color:#333;background:#f5f5f5}a{color:#007bff;text-decoration:none;transition:color 0.2s ease}a:hover{color:#0056b3;text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.breadcrumb{max-width:1200px;margin:1rem auto;padding:0.5rem 1rem;font-size:0.9rem;color:#666;background:#fff;border-radius:4px}.breadcrumb a{color:#007bff;margin-right:0.3rem}.breadcrumb span{color:#333}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3rem 2rem;border-radius:8px;margin-bottom:2rem;text-align:center}.hero h1{font-size:2rem;margin-bottom:1rem;line-height:1.3}.hero .intro{font-size:1.1rem;margin-bottom:1rem;opacity:0.95}.hero .site-desc{font-size:1rem;opacity:0.9;max-width:800px;margin:0 auto}.section{margin-bottom:3rem}.section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#333;border-bottom:3px solid #007bff;padding-bottom:0.5rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.video-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.video-card h3{font-size:1.3rem;margin-bottom:0.5rem}.video-card h3 a{color:#333}.video-card h3 a:hover{color:#007bff}.video-card .meta{font-size:0.9rem;color:#666;margin-bottom:0.8rem}.video-card .one-line{font-size:0.95rem;color:#555;margin-bottom:0.8rem;line-height:1.5}.video-card .excerpt{font-size:0.9rem;color:#777;margin-bottom:0.8rem;line-height:1.5}.video-card .tags{display:flex;flex-wrap:wrap;gap:0.5rem}.tag{display:inline-block;padding:0.3rem 0.6rem;background:#e9ecef;color:#495057;font-size:0.85rem;border-radius:4px}.tag-site{background:#d1ecf1;color:#0c5460}.entry-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.entry-card{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease;color:#333}.entry-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15);text-decoration:none}.entry-card h3{font-size:1.5rem;margin-bottom:0.8rem;color:#007bff}.entry-card p{font-size:1rem;color:#666}.more-link{margin-top:1.5rem;text-align:center;font-size:1.1rem}.list-header{background:white;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.list-header h1{font-size:2rem;margin-bottom:1rem;color:#333}.list-header p{font-size:1.1rem;color:#666}.note{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem 1.5rem;margin-bottom:2rem;border-radius:4px}.note ul{margin-top:0.5rem;padding-left:1.5rem}.note li{margin-bottom:0.3rem}.video-list{display:flex;flex-direction:column;gap:1.5rem}.video-item{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:relative}.video-item .rank{position:absolute;top:1rem;right:1rem;background:#007bff;color:white;padding:0.3rem 0.8rem;border-radius:20px;font-weight:bold;font-size:0.9rem}.video-item h3{font-size:1.4rem;margin-bottom:0.5rem}.video-item h3 a{color:#333}.video-item h3 a:hover{color:#007bff}.video-item .meta{font-size:0.9rem;color:#666;margin-bottom:0.8rem}.video-item p{font-size:1rem;color:#555;line-height:1.6;margin-bottom:0.8rem}.video-detail{background:white;padding:2.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.video-detail h1{font-size:2.2rem;margin-bottom:1rem;color:#333}.meta-info{font-size:1rem;color:#666;margin-bottom:1.5rem}.meta-info span{margin-right:0.5rem}.video-detail .tags{margin-bottom:2rem}.video-detail section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.video-detail section:last-child{border-bottom:none}.video-detail section h2{font-size:1.5rem;margin-bottom:1rem;color:#007bff}.video-detail section p{font-size:1.05rem;line-height:1.8;color:#333}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.related-item{background:#f8f9fa;padding:1.2rem;border-radius:6px;border-left:3px solid #007bff}.related-item h3{font-size:1.1rem;margin-bottom:0.5rem}.related-item h3 a{color:#333}.related-item h3 a:hover{color:#007bff}.related-item p{font-size:0.9rem;color:#666;line-height:1.5}footer{background:#333;color:white;text-align:center;padding:2rem 1rem;margin-top:3rem}footer p{margin:0;font-size:0.9rem}@media (max-width:768px){.hero h1{font-size:1.5rem}.hero .intro{font-size:1rem}.section h2{font-size:1.5rem}.video-grid{grid-template-columns:1fr}.video-detail{padding:1.5rem}.video-detail h1{font-size:1.8rem}.related-grid{grid-template-columns:1fr}}.ui-style-0 .hero{background:linear-gradient(135deg,#1a1a1a 0%,#333 100%)}.ui-style-1 .hero{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%)}.ui-style-2 .hero{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.ui-style-3 .hero{background:linear-gradient(135deg,#ff6b9d 0%,#c06c84 100%)}.ui-style-4 .hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.ui-style-5 .hero{background:linear-gradient(135deg,#0f0c29 0%,#302b63 100%)}.ui-style-6 .hero{background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%)}.ui-style-7 .hero{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.ui-style-8 .hero{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.ui-style-9 .hero{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.ui-style-10 .hero{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.ui-style-11 .hero{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.ui-style-12 .hero{background:linear-gradient(135deg,#ff9a56 0%,#ff6a88 100%)}.ui-style-13 .hero{background:linear-gradient(135deg,#f093fb 0%,#00d2ff 100%)}.ui-style-14 .hero{background:linear-gradient(135deg,#4e54c8 0%,#8f94fb 100%)}