.container{max-width:1200px;margin:0 auto;padding:24px 16px}.hero{padding:48px 0;text-align:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;margin:-24px -16px 32px;border-radius:0 0 16px 16px}.hero h1{font-size:28px;font-weight:700;margin-bottom:16px;line-height:1.3}.hero .intro{font-size:16px;line-height:1.8;max-width:800px;margin:0 auto;opacity:.95}.section{margin-bottom:48px}.section h2{font-size:24px;font-weight:700;margin-bottom:24px;color:#222;border-left:4px solid #667eea;padding-left:12px}.section-alt{background:#f9fafb;padding:32px;border-radius:12px;margin-left:-16px;margin-right:-16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s ease;position:relative}.card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px);border-color:#667eea}.card h3{font-size:18px;font-weight:600;margin-bottom:8px;line-height:1.4}.card h3 a{color:#111}.card h3 a:hover{color:#667eea;text-decoration:none}.card .meta{font-size:14px;color:#6b7280;margin-bottom:12px}.card .tags{font-size:13px;color:#9ca3af;margin-bottom:8px}.card .one-line{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:8px}.card .summary{font-size:13px;color:#6b7280;line-height:1.6;margin-top:8px}.card .rank{position:absolute;top:12px;right:12px;background:#667eea;color:#fff;font-size:14px;font-weight:700;padding:4px 12px;border-radius:12px}.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.link-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s ease}.link-card:hover{border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.15)}.link-card h3{font-size:20px;font-weight:600;margin-bottom:12px}.link-card h3 a{color:#667eea}.link-card p{font-size:14px;color:#6b7280;line-height:1.6}.detail{max-width:900px;margin:0 auto}.detail h1{font-size:32px;font-weight:700;margin-bottom:24px;color:#111;line-height:1.3}.detail-meta{background:#f9fafb;border-left:4px solid #667eea;padding:16px 20px;margin-bottom:32px;border-radius:4px}.detail-meta p{margin-bottom:8px;font-size:15px;color:#374151}.detail-meta p:last-child{margin-bottom:0}.detail .section{margin-bottom:32px}.detail .section h2{font-size:22px;margin-bottom:16px}.detail .section p{font-size:16px;line-height:1.8;color:#374151}.detail .highlight{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:20px;border-radius:8px;font-size:17px;font-weight:500}.detail .review{background:#fef3c7;border-left:4px solid #f59e0b;padding:16px 20px;border-radius:4px;font-style:italic}.section-related .card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.breadcrumb{font-size:14px;color:#6b7280;margin-bottom:24px;padding:12px 0}.breadcrumb a{color:#667eea}.breadcrumb a:hover{text-decoration:underline}.page-intro{background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:32px}.page-intro p{font-size:15px;line-height:1.7;color:#374151;margin-bottom:8px}.page-intro p:last-child{margin-bottom:0}.page-intro .notice{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:14px}.page-intro .notice a{color:#667eea;font-weight:500}.more-link{text-align:center;margin-top:32px}.more-link a{display:inline-block;background:#667eea;color:#fff;padding:12px 32px;border-radius:24px;font-weight:600;transition:all .3s ease}.more-link a:hover{background:#5568d3;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.site-footer{background:#1f2937;color:#9ca3af;text-align:center;padding:32px 16px;margin-top:64px;font-size:14px}@media (max-width:768px){.hero h1{font-size:22px}.hero .intro{font-size:14px}.section h2{font-size:20px}.card-grid{grid-template-columns:1fr;gap:16px}.link-cards{grid-template-columns:1fr}.detail h1{font-size:24px}.section-alt{padding:20px}.container{padding:16px 12px}}.ui-style-0 .hero{background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 100%)}.ui-style-1 .hero{background:linear-gradient(135deg,#dc2626 0,#f97316 100%)}.ui-style-2 .hero{background:linear-gradient(135deg,#0891b2 0,#06b6d4 100%)}.ui-style-3 .hero{background:linear-gradient(135deg,#be123c 0,#f43f5e 100%)}.ui-style-4 .hero{background:linear-gradient(135deg,#7c3aed 0,#a855f7 100%)}.ui-style-5 .hero{background:linear-gradient(135deg,#1f2937 0,#374151 100%)}.ui-style-6 .hero{background:linear-gradient(135deg,#1e40af 0,#3b82f6 100%)}.ui-style-7 .hero{background:linear-gradient(135deg,#0c4a6e 0,#0284c7 100%)}.ui-style-8 .hero{background:linear-gradient(135deg,#065f46 0,#10b981 100%)}.ui-style-9 .hero{background:linear-gradient(135deg,#18181b 0,#27272a 100%)}.ui-style-10 .hero{background:linear-gradient(135deg,#047857 0,#10b981 100%)}.ui-style-11 .hero{background:linear-gradient(135deg,#0369a1 0,#0ea5e9 100%)}.ui-style-12 .hero{background:linear-gradient(135deg,#ea580c 0,#fb923c 100%)}.ui-style-13 .hero{background:linear-gradient(135deg,#0284c7 0,#ec4899 100%)}.ui-style-14 .hero{background:linear-gradient(135deg,#1e40af 0,#3730a3 100%)}