*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#fafafa;color:#333;line-height:1.6;font-size:16px}a{color:#0066cc;text-decoration:none;transition:color .2s}a:hover{color:#004499;text-decoration:underline}img{max-width:100%;height:auto}nav{background:#fff;border-bottom:1px solid #e0e0e0;padding:.8rem 1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.05)}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}nav li{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav li:first-child{flex:0 0 auto;margin-right:1rem;font-weight:700;font-size:1.1rem}nav a{color:#333;font-weight:500;display:block;padding:.3rem .5rem;border-radius:4px;transition:background .2s}nav a:hover{background:#f5f5f5;text-decoration:none}@media(max-width:768px){nav ul{flex-wrap:nowrap;overflow-x:visible}nav li{flex-shrink:1;font-size:.85rem}nav li:first-child{margin-right:.5rem;font-size:.95rem}nav a{padding:.2rem .3rem}}main{max-width:1200px;margin:2rem auto;padding:0 1rem}h1{font-size:2rem;margin:0 0 1rem;color:#222;font-weight:700;line-height:1.3}h2{font-size:1.5rem;margin:1.5rem 0 1rem;color:#333;font-weight:600;border-bottom:2px solid #2196f3;padding-bottom:.5rem}h3{font-size:1.2rem;margin:.5rem 0;font-weight:600}p{margin:.8rem 0;line-height:1.8}.breadcrumb{font-size:.9rem;color:#666;margin-bottom:1.5rem;padding:.5rem 0}.breadcrumb a{color:#0066cc}.breadcrumb a:hover{text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.card h3{margin-top:0}.card h3 a{color:#222}.card h3 a:hover{color:#2196f3}.card .meta{color:#666;font-size:.9rem;margin:.5rem 0}.card p{color:#555;font-size:.95rem;line-height:1.6}.card .excerpt{color:#777;font-size:.9rem;border-left:3px solid #e3f2fd;padding-left:.8rem;margin-top:.8rem}.rank{display:inline-block;background:#ff9800;color:#fff;font-weight:700;padding:.2rem .5rem;border-radius:4px;font-size:.9rem;margin-right:.3rem}article{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}article h1{font-size:2.2rem;border-bottom:3px solid #2196f3;padding-bottom:1rem;margin-bottom:1.5rem}article section{margin:2rem 0}.tags span{background:#e3f2fd;color:#1976d2;padding:.3rem .8rem;margin:.3rem .3rem .3rem 0;display:inline-block;border-radius:16px;font-size:.9rem;transition:background .2s}.tags span:hover{background:#bbdefb}@media(max-width:768px){main{margin:1rem auto;padding:0 .8rem}h1{font-size:1.5rem}h2{font-size:1.3rem}.card-grid{grid-template-columns:1fr;gap:1rem}.card{padding:1rem}article{padding:1.5rem}article h1{font-size:1.6rem}}@media(min-width:1400px){main{max-width:1400px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.ui-style-1 nav{background:#212121;border-bottom-color:#333}.ui-style-1 nav a{color:#fff}.ui-style-1 nav a:hover{background:#333}.ui-style-1 body{background:#1a1a1a;color:#e0e0e0}.ui-style-1 .card{background:#2c2c2c;color:#e0e0e0}.ui-style-1 .card h3 a{color:#fff}.ui-style-1 article{background:#2c2c2c;color:#e0e0e0}