*,*::before,*::after{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";font-size:16px;line-height:1.6;color:#333;background-color:#f8f9fa;min-height:100vh}a{color:#007bff;text-decoration:none;transition:color 0.2s ease}a:hover{color:#0056b3;text-decoration:underline}img{max-width:100%;height:auto;display:block}nav{background-color:#ffffff;border-bottom:1px solid #e0e0e0;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.05)}nav .container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}nav .logo{font-size:1.5rem;font-weight:700;color:#333;white-space:nowrap;margin-right:1rem}nav .logo:hover{color:#007bff;text-decoration:none}nav ul{display:flex;flex-wrap:nowrap;list-style:none;gap:0;justify-content:space-between;align-items:center;flex:1;max-width:600px;margin:0;padding:0}nav ul li{flex:1 1 0;min-width:0;text-align:center}nav ul li a{display:block;padding:0.5rem 0.5rem;color:#555;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease,background-color 0.2s ease;border-radius:4px}nav ul li a:hover{color:#007bff;background-color:#f0f0f0;text-decoration:none}main{max-width:1200px;margin:2rem auto;padding:0 1rem}.breadcrumb{font-size:0.875rem;color:#666;margin-bottom:1.5rem;padding:0.5rem 0}.breadcrumb a{color:#007bff}.breadcrumb a:hover{color:#0056b3}.breadcrumb span{margin:0 0.5rem;color:#999}h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#222;line-height:1.2}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333;line-height:1.3}h3{font-size:1.125rem;font-weight:600;margin-bottom:0.5rem;color:#333;line-height:1.4}p{margin-bottom:1rem;line-height:1.8}section{margin-bottom:3rem;background-color:#ffffff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}section:last-child{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.card{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,0.12);border-color:#007bff}.card h3{margin-bottom:0.75rem}.card h3 a{color:#333;font-weight:600}.card h3 a:hover{color:#007bff;text-decoration:none}.card .meta{font-size:0.875rem;color:#666;margin-bottom:0.75rem;line-height:1.5}.card .desc{font-size:0.875rem;color:#555;line-height:1.6}body.ui-style-0{--primary:#007bff}body.ui-style-1{--primary:#ff5722}body.ui-style-2{--primary:#673ab7}body.ui-style-3{--primary:#e91e63}body.ui-style-4{--primary:#009688}body.ui-style-5{--primary:#2196f3}body.ui-style-6{--primary:#3f51b5}body.ui-style-7{--primary:#00bcd4}body.ui-style-8{--primary:#4caf50}body.ui-style-9{--primary:#795548}body.ui-style-10{--primary:#00c75a}body.ui-style-11{--primary:#0099ff}body.ui-style-12{--primary:#ff6700}body.ui-style-13{--primary:#00a1d6}body.ui-style-14{--primary:#1a237e}@media (max-width:768px){nav .container{flex-wrap:nowrap}nav .logo{font-size:1.25rem;margin-right:0.5rem}nav ul{max-width:none;margin-left:0.5rem}nav ul li a{font-size:0.875rem;padding:0.5rem 0.25rem}h1{font-size:1.5rem}h2{font-size:1.25rem}section{padding:1.5rem}.card-grid{grid-template-columns:1fr;gap:1rem}main{margin:1rem auto}}@media (max-width:480px){nav .logo{font-size:1.125rem}nav ul li a{font-size:0.75rem;padding:0.4rem 0.125rem}h1{font-size:1.25rem}section{padding:1rem}}