*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}a{color:#0066cc;text-decoration:none;transition:color 0.2s}a:hover{color:#004999;text-decoration:underline}nav{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}nav ul{list-style:none;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0;margin:0;max-width:1200px;margin:0 auto}nav li{flex:1 1 0;min-width:0;text-align:center}nav a{display:block;padding:1rem 0.5rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a:hover{background:#f0f0f0;text-decoration:none}@media (max-width:768px){nav ul{justify-content:space-between}nav li{flex:1 1 0;min-width:0}nav a{padding:0.8rem 0.3rem;font-size:0.85rem}}.breadcrumb{padding:0.75rem 1rem;font-size:0.9rem;color:#666;background:#fff;border-bottom:1px solid #e0e0e0}.breadcrumb a{color:#0066cc}main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.hero{background:#fff;padding:3rem 2rem;border-radius:8px;margin-bottom:2rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.hero h1{font-size:2rem;color:#222;margin-bottom:1rem;line-height:1.3}.hero .intro{font-size:1.1rem;color:#555;line-height:1.8;max-width:800px;margin:0 auto}@media (max-width:768px){.hero{padding:2rem 1rem}.hero h1{font-size:1.5rem}.hero .intro{font-size:1rem}}section{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1)}section h2{font-size:1.5rem;color:#222;margin-bottom:1.5rem;border-bottom:2px solid #0066cc;padding-bottom:0.5rem}.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}}.card{background:#f9f9f9;padding:1.5rem;border-radius:6px;border:1px solid #e0e0e0;transition:transform 0.2s,box-shadow 0.2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.card h3{font-size:1.2rem;margin-bottom:0.5rem;color:#222}.card .meta{font-size:0.9rem;color:#777;margin-bottom:0.5rem}.card .one-line{font-size:1rem;color:#555;margin-bottom:0.5rem;line-height:1.5}.card .summary{font-size:0.95rem;color:#666;line-height:1.6;margin-top:0.5rem}.card .tags{font-size:0.85rem;color:#888;margin-top:0.5rem}.card-index{display:inline-block;background:#0066cc;color:#fff;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;font-size:0.85rem;margin-right:0.5rem}.card-list{display:flex;flex-direction:column;gap:1rem}.nav-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.nav-card{display:block;padding:1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center;border-radius:6px;font-weight:600;font-size:1.1rem;transition:transform 0.2s}.nav-card:hover{transform:scale(1.05);text-decoration:none}.detail-header{margin-bottom:2rem}.detail-header h1{font-size:2rem;color:#222;margin-bottom:1rem}.detail-header .meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.detail-header .meta span{padding:0.3rem 0.8rem;background:#e0e0e0;border-radius:4px;font-size:0.9rem;color:#555}.detail-header .tags{font-size:0.95rem;color:#666}.detail section{margin-bottom:2rem;padding:0;background:transparent;box-shadow:none}.detail section h2{font-size:1.3rem;margin-bottom:1rem}.detail .highlight{font-size:1.1rem;color:#0066cc;font-weight:500;line-height:1.6}.detail .summary p,.detail .review p{font-size:1rem;color:#555;line-height:1.8;text-align:justify}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}.related-card{background:#f9f9f9;padding:1rem;border-radius:6px;border:1px solid #e0e0e0}.related-card h4{font-size:1rem;margin-bottom:0.5rem;color:#222}.related-card p{font-size:0.9rem;color:#666;line-height:1.5}.list-header{margin-bottom:2rem}.list-header h1{font-size:2rem;color:#222;margin-bottom:1rem}.list-header .intro{font-size:1rem;color:#555;line-height:1.8;margin-bottom:1rem}.related-lists{background:#f0f8ff;padding:1rem;border-radius:6px;margin-top:1rem}.related-lists p{margin-bottom:0.5rem;font-weight:600;color:#333}.related-lists ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.related-lists li{margin:0}.related-lists a{color:#0066cc;font-weight:500}.error-page,.detail-missing{text-align:center;padding:4rem 2rem}.error-page h1,.detail-missing h1{font-size:2.5rem;color:#222;margin-bottom:1rem}.error-page p,.detail-missing p{font-size:1.1rem;color:#555;margin-bottom:1rem}.back-links{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:0.8rem 1.5rem;background:#0066cc;color:#fff;border-radius:6px;font-weight:600;transition:background 0.2s}.btn:hover{background:#004999;text-decoration:none}footer{background:#fff;padding:2rem 1rem;text-align:center;color:#777;border-top:1px solid #e0e0e0}footer p{max-width:1200px;margin:0 auto;font-size:0.9rem}.ui-style-0{--primary:#667eea;--secondary:#764ba2}.ui-style-1{--primary:#f56565;--secondary:#ed8936}.ui-style-2{--primary:#4299e1;--secondary:#3182ce}.ui-style-3{--primary:#e53e3e;--secondary:#c53030}.ui-style-4{--primary:#48bb78;--secondary:#38a169}.ui-style-5{--primary:#2d3748;--secondary:#1a202c}.ui-style-6{--primary:#2b6cb0;--secondary:#2c5282}.ui-style-7{--primary:#3182ce;--secondary:#2b6cb0}.ui-style-8{--primary:#38a169;--secondary:#2f855a}.ui-style-9{--primary:#1a202c;--secondary:#2d3748}.ui-style-10{--primary:#00c75a;--secondary:#00a048}.ui-style-11{--primary:#0099ff;--secondary:#0077cc}.ui-style-12{--primary:#ff6700;--secondary:#e65500}.ui-style-13{--primary:#00a1d6;--secondary:#fb7299}.ui-style-14{--primary:#1e3a8a;--secondary:#3b82f6}