*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.6;color:#333;background:#f5f5f5}a{color:#0066cc;text-decoration:none;transition:color 0.2s}a:hover{color:#0052a3;text-decoration:underline}nav.site-nav{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}nav.site-nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;padding:0;margin:0 auto;max-width:1200px}nav.site-nav li{flex:1 1 0;min-width:0;text-align:center}nav.site-nav a{display:block;padding:1rem 0.5rem;text-decoration:none;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 0.2s}nav.site-nav a:hover{background:#f0f0f0;text-decoration:none}@media (max-width:767px){nav.site-nav ul{flex-wrap:nowrap;overflow-x:hidden}nav.site-nav li{flex:1 1 0;min-width:0}nav.site-nav a{font-size:0.85rem;padding:0.75rem 0.25rem}}.breadcrumb{padding:1rem 1.5rem;background:#fff;font-size:0.9rem;color:#666;border-bottom:1px solid #eee}.breadcrumb a{color:#0066cc}.breadcrumb span{color:#999}main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 2rem;border-radius:12px;margin-bottom:3rem;text-align:center}.hero h1{font-size:2rem;margin-bottom:1rem;font-weight:700}.hero .intro{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto}section{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#222;border-left:4px solid #667eea;padding-left:1rem}section p{margin-bottom:1rem;line-height:1.8}.note{background:#f0f7ff;padding:1rem;border-left:4px solid #0066cc;margin-bottom:1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}@media (max-width:640px){.card-grid{grid-template-columns:1fr}}.card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:transform 0.2s,box-shadow 0.2s;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.card .rank{position:absolute;top:0.5rem;right:0.5rem;background:#667eea;color:#fff;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.85rem;font-weight:bold}.card h3{font-size:1.2rem;margin-bottom:0.75rem;color:#222}.card h3 a{color:#222;text-decoration:none}.card h3 a:hover{color:#667eea}.card .meta{font-size:0.9rem;color:#666;margin-bottom:0.75rem}.card .one-line{font-size:0.95rem;color:#555;line-height:1.6;margin-bottom:0.5rem}.card .summary{font-size:0.9rem;color:#777;line-height:1.6}.more-link{text-align:right;margin-top:1rem}.more-link a{font-weight:500;font-size:1rem}.detail-page{max-width:900px;margin:0 auto}.detail-page article{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.detail-page h1{font-size:2rem;margin-bottom:1.5rem;color:#222;border-bottom:2px solid #667eea;padding-bottom:0.5rem}.detail-page h2{font-size:1.3rem;margin-top:2rem;margin-bottom:1rem;color:#333}.detail-page .meta-info{background:#f9f9f9;padding:1.5rem;border-radius:6px;margin-bottom:2rem}.detail-page .meta-info p{margin-bottom:0.5rem;line-height:1.8}.detail-page .meta-info strong{color:#555;display:inline-block;width:80px}.detail-page section{margin-bottom:2rem}.ui-style-0 .hero{background:linear-gradient(135deg,#1a1a1a 0%,#4a4a4a 100%)}.ui-style-1 .hero{background:linear-gradient(135deg,#2c2c2c 0%,#ff6b35 100%)}.ui-style-2 .hero{background:linear-gradient(135deg,#ffffff 0%,#ff8c42 100%);color:#222}.ui-style-3 .hero{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.ui-style-4 .hero{background:linear-gradient(135deg,#ffffff 0%,#e74c3c 100%);color:#222}.ui-style-5 .hero{background:linear-gradient(135deg,#1c1c1c 0%,#8b0000 100%)}.ui-style-6 .hero{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%)}.ui-style-7 .hero{background:linear-gradient(135deg,#0f172a 0%,#fbbf24 100%)}.ui-style-8 .hero{background:linear-gradient(135deg,#111827 0%,#10b981 100%)}.ui-style-9 .hero{background:linear-gradient(135deg,#000000 0%,#4b5563 100%)}.ui-style-10 .hero{background:linear-gradient(135deg,#00C75A 0%,#00ff7f 100%)}.ui-style-11 .hero{background:linear-gradient(135deg,#0099FF 0%,#66ccff 100%)}.ui-style-12 .hero{background:linear-gradient(135deg,#FF6700 0%,#ff8c42 100%)}.ui-style-13 .hero{background:linear-gradient(135deg,#00A1D6 0%,#FB7299 100%)}.ui-style-14 .hero{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%)}