main{max-width:1200px;margin:0 auto;padding:2rem 1rem}section{margin-bottom:3rem}h1{font-size:2rem;margin-bottom:1rem;line-height:1.2}h2{font-size:1.5rem;margin-bottom:1rem;line-height:1.2}h3{font-size:1.2rem;margin-bottom:0.5rem;line-height:1.2}p{margin-bottom:1rem;line-height:1.5}.breadcrumb{padding:1rem;background:#fff;margin-bottom:1rem;font-size:0.9rem;color:#666}.breadcrumb nav{max-width:1200px;margin:0 auto}.breadcrumb a{color:#0066cc}.breadcrumb a:hover{text-decoration:underline}.hero{background:#fff;padding:3rem 2rem;border-radius:8px;margin-bottom:2rem;text-align:center}.hero h1{font-size:2.5rem;color:#222;margin-bottom:1rem}.hero .intro{font-size:1.1rem;color:#555;margin-bottom:1rem}.hero .site-style{font-size:0.95rem;color:#777}.notice{background:#fffbea;border-left:4px solid #f59e0b;padding:1rem;margin-bottom:2rem}.notice ul{list-style:disc;margin-left:2rem;margin-top:0.5rem}.notice li{margin-bottom:0.5rem}.desc{font-size:1rem;color:#666;margin-bottom:2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width:768px){.card-grid{grid-template-columns:1fr}}.video-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s,box-shadow 0.2s}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.video-card h3{font-size:1.1rem;margin-bottom:0.5rem}.video-card h3 a{color:#222}.video-card h3 a:hover{color:#0066cc}.video-card .meta{font-size:0.85rem;color:#888;margin-bottom:0.5rem}.video-card .one-line{font-size:0.95rem;color:#555;margin-bottom:0.5rem;line-height:1.5}.video-card .excerpt{font-size:0.9rem;color:#666;margin-bottom:0.5rem;line-height:1.5}.video-card .review-excerpt{font-size:0.85rem;color:#777;font-style:italic;margin-bottom:0.5rem}.video-card .tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.tag{display:inline-block;padding:0.25rem 0.75rem;background:#f0f0f0;border-radius:12px;font-size:0.8rem;color:#666}.tag-style{background:#e0f2fe;color:#0369a1}.more-link{text-align:center;margin-top:2rem}.more-link a{color:#0066cc;font-weight:500}.detail h1{font-size:2.5rem;margin-bottom:1.5rem}.meta-info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.meta-info p{margin-bottom:0.5rem;font-size:0.95rem}.detail .tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}.detail section{margin-bottom:2rem}.detail section h2{font-size:1.5rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #e5e7eb}.detail section p{font-size:1rem;line-height:1.8;color:#444}.detail .related .card-grid{margin-top:1.5rem}.error-page{text-align:center;padding:4rem 2rem}.error-page h1{font-size:4rem;color:#ddd;margin-bottom:1rem}.error-page p{font-size:1.2rem;color:#666}.error-page a{color:#0066cc;font-weight:500}body.ui-style-0{background:#1a1a1a;color:#fff}body.ui-style-0 nav{background:#2a2a2a}body.ui-style-0 nav a:hover{background:#3a3a3a}body.ui-style-0 .hero,body.ui-style-0 .video-card,body.ui-style-0 .breadcrumb,body.ui-style-0 .meta-info{background:#2a2a2a;color:#fff}body.ui-style-0 h1,body.ui-style-0 h2,body.ui-style-0 h3{color:#fff}body.ui-style-0 a{color:#60a5fa}body.ui-style-1{background:#212121;color:#f5f5f5}body.ui-style-1 nav{background:#2e2e2e}body.ui-style-1 .hero,body.ui-style-1 .video-card,body.ui-style-1 .breadcrumb,body.ui-style-1 .meta-info{background:#2e2e2e;color:#f5f5f5}body.ui-style-1 a{color:#fb923c}body.ui-style-1 .tag{background:#3e3e3e;color:#fbbf24}body.ui-style-2{background:#ffffff;color:#1f2937}body.ui-style-2 nav{background:#f9fafb}body.ui-style-2 a{color:#ea580c}body.ui-style-3{background:#fafafa;color:#333}body.ui-style-3 nav{background:#fff}body.ui-style-3 a{color:#dc2626}body.ui-style-3 .tag{background:#fee2e2;color:#991b1b}body.ui-style-4{background:#f5f5f5;color:#333}body.ui-style-4 nav{background:#ffffff}body.ui-style-4 a{color:#b91c1c}body.ui-style-5{background:#0f0f0f;color:#e5e5e5}body.ui-style-5 nav{background:#1a1a1a}body.ui-style-5 .hero,body.ui-style-5 .video-card,body.ui-style-5 .breadcrumb,body.ui-style-5 .meta-info{background:#1a1a1a;color:#e5e5e5}body.ui-style-5 a{color:#ef4444}body.ui-style-5 h1,body.ui-style-5 h2,body.ui-style-5 h3{color:#fff}body.ui-style-6{background:#1e293b;color:#f1f5f9}body.ui-style-6 nav{background:#334155}body.ui-style-6 .hero,body.ui-style-6 .video-card,body.ui-style-6 .breadcrumb,body.ui-style-6 .meta-info{background:#334155;color:#f1f5f9}body.ui-style-6 a{color:#60a5fa}body.ui-style-6 h1,body.ui-style-6 h2,body.ui-style-6 h3{color:#f1f5f9}body.ui-style-7{background:#1e3a5f;color:#f0f4f8}body.ui-style-7 nav{background:#2c5282}body.ui-style-7 .hero,body.ui-style-7 .video-card,body.ui-style-7 .breadcrumb,body.ui-style-7 .meta-info{background:#2c5282;color:#f0f4f8}body.ui-style-7 a{color:#fbbf24}body.ui-style-7 h1,body.ui-style-7 h2,body.ui-style-7 h3{color:#fff}body.ui-style-8{background:#111827;color:#f3f4f6}body.ui-style-8 nav{background:#1f2937}body.ui-style-8 .hero,body.ui-style-8 .video-card,body.ui-style-8 .breadcrumb,body.ui-style-8 .meta-info{background:#1f2937;color:#f3f4f6}body.ui-style-8 a{color:#10b981}body.ui-style-8 h1,body.ui-style-8 h2,body.ui-style-8 h3{color:#fff}body.ui-style-9{background:#0a0a0a;color:#fafafa}body.ui-style-9 nav{background:#141414}body.ui-style-9 .hero,body.ui-style-9 .video-card,body.ui-style-9 .breadcrumb,body.ui-style-9 .meta-info{background:#141414;color:#fafafa}body.ui-style-9 a{color:#f97316}body.ui-style-9 h1,body.ui-style-9 h2,body.ui-style-9 h3{color:#fff}body.ui-style-10{background:#f0fdf4;color:#064e3b}body.ui-style-10 nav{background:#d1fae5}body.ui-style-10 a{color:#059669}body.ui-style-10 .tag{background:#a7f3d0;color:#065f46}body.ui-style-11{background:#fefefe;color:#1f2937}body.ui-style-11 nav{background:#f8fafc}body.ui-style-11 a{color:#0284c7}body.ui-style-12{background:linear-gradient(135deg,#fff5ed 0%,#ffedd5 100%);color:#431407}body.ui-style-12 nav{background:#fff7ed}body.ui-style-12 a{color:#ea580c}body.ui-style-12 .tag{background:#fed7aa;color:#9a3412}body.ui-style-13{background:#fdf2f8;color:#1e1b4b}body.ui-style-13 nav{background:#fce7f3}body.ui-style-13 a{color:#0284c7}body.ui-style-13 .tag{background:#fbcfe8;color:#9f1239}body.ui-style-14{background:#f8fafc;color:#1e3a8a}body.ui-style-14 nav{background:#dbeafe}body.ui-style-14 a{color:#1d4ed8}@media (max-width:768px){main{padding:1rem 0.5rem}.hero{padding:2rem 1rem}.hero h1{font-size:1.75rem}.detail h1{font-size:1.75rem}h2{font-size:1.3rem}.breadcrumb{font-size:0.85rem;padding:0.75rem}}