*{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}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}nav a{flex:1 1 0;min-width:0;text-align:center;text-decoration:none;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;padding:8px 5px;transition:color .3s}nav a:hover{color:#e53935}@media (min-width:768px){nav a{font-size:16px;padding:10px 15px}}.breadcrumb{padding:10px 20px;font-size:13px;color:#666;background:#fff;border-bottom:1px solid #eee}.breadcrumb a{color:#1976d2;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:20px}h1{font-size:28px;margin:20px 0;color:#222}h2{font-size:22px;margin:25px 0 15px;color:#333;border-bottom:2px solid #e53935;padding-bottom:8px}h3{font-size:18px;margin:10px 0}p{margin:12px 0;line-height:1.8}a{color:#1976d2;text-decoration:none;transition:color .3s}a:hover{color:#e53935;text-decoration:underline}.section{background:#fff;padding:30px;margin:30px 0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}@media (max-width:768px){.card-grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.card h3{margin-top:0;font-size:18px}.card h3 a{color:#222;text-decoration:none}.card h3 a:hover{color:#e53935}.card .meta{color:#666;font-size:13px;margin:8px 0}.card .oneline{color:#555;font-size:14px;line-height:1.6;margin:10px 0}.card .excerpt{color:#777;font-size:13px;line-height:1.5;margin:10px 0}.card .tags{color:#1976d2;font-size:12px;margin-top:10px}article{background:#fff;padding:30px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}article h1{font-size:32px;margin-bottom:15px}article .meta{color:#666;font-size:14px;margin:15px 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}article .tags{margin:15px 0;color:#1976d2;font-size:14px}article section{margin:30px 0}article section h2{font-size:20px;margin-bottom:15px}footer{text-align:center;padding:30px 20px;color:#999;font-size:13px;background:#fff;border-top:1px solid #eee;margin-top:50px}footer p{margin:5px 0}.ui-style-0 body{background:#f5f5f5}.ui-style-1 body{background:#fafafa}.ui-style-2 body{background:#fff}.ui-style-3 body{background:#f9f9f9}.ui-style-4 body{background:#f8f8f8}.ui-style-5 body{background:#1a1a1a;color:#e0e0e0}.ui-style-5 .card,.ui-style-5 .section,.ui-style-5 article,.ui-style-5 nav,.ui-style-5 footer,.ui-style-5 .breadcrumb{background:#2a2a2a;color:#e0e0e0;border-color:#444}.ui-style-5 h1,.ui-style-5 h2,.ui-style-5 h3{color:#fff}.ui-style-5 a{color:#64b5f6}.ui-style-6 body{background:#263238;color:#cfd8dc}.ui-style-6 .card,.ui-style-6 .section,.ui-style-6 article,.ui-style-6 nav,.ui-style-6 footer,.ui-style-6 .breadcrumb{background:#37474f;color:#cfd8dc;border-color:#546e7a}.ui-style-6 h1,.ui-style-6 h2,.ui-style-6 h3{color:#fff}.ui-style-6 a{color:#81d4fa}.ui-style-7 body{background:#1e3a5f;color:#e3f2fd}.ui-style-7 .card,.ui-style-7 .section,.ui-style-7 article,.ui-style-7 nav,.ui-style-7 .breadcrumb,.ui-style-7 footer{background:#2c5282;color:#e3f2fd;border-color:#4a90e2}.ui-style-7 h1,.ui-style-7 h2,.ui-style-7 h3{color:#fff}.ui-style-7 a{color:#90caf9}.ui-style-8 body{background:#1b2a2a;color:#a7ffeb}.ui-style-8 .card,.ui-style-8 .section,.ui-style-8 article,.ui-style-8 nav,.ui-style-8 footer,.ui-style-8 .breadcrumb{background:#263838;color:#a7ffeb;border-color:#00695c}.ui-style-8 h1,.ui-style-8 h2,.ui-style-8 h3{color:#00e676}.ui-style-8 a{color:#00e676}.ui-style-9 body{background:#0a0a0a;color:#f5f5f5}.ui-style-9 .card,.ui-style-9 .section,.ui-style-9 article,.ui-style-9 nav,.ui-style-9 footer,.ui-style-9 .breadcrumb{background:#1a1a1a;color:#f5f5f5;border-color:#333}.ui-style-9 h1,.ui-style-9 h2,.ui-style-9 h3{color:#fff}.ui-style-9 a{color:#fff}.ui-style-10 body{background:#f1f8f4}.ui-style-10 nav{background:#00c75a}.ui-style-10 nav a{color:#fff}.ui-style-10 h2{border-color:#00c75a}.ui-style-11 body{background:#f7f9fc}.ui-style-11 a{color:#0099ff}.ui-style-11 h2{border-color:#0099ff}.ui-style-12 body{background:#fff5f0}.ui-style-12 a{color:#ff6700}.ui-style-12 h2{border-color:#ff6700}.ui-style-13 body{background:#f0f8ff}.ui-style-13 a{color:#00a1d6}.ui-style-13 h2{border-color:#fb7299}.ui-style-14 body{background:#fff}.ui-style-14 nav{background:#002244}.ui-style-14 nav a{color:#fff}@media (max-width:768px){main{padding:10px}h1{font-size:24px}h2{font-size:20px}.section,article{padding:20px}nav{padding:10px 5px}nav a{padding:8px 3px;font-size:12px}}