body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:#222;background:#f9fafb}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{background:#0b57d0;color:#fff}
.site-header .wrap{display:flex;align-items:center;gap:16px;padding:14px 16px}
.brand{color:#fff;text-decoration:none;font-weight:700}
.site-header nav a{color:#dbe7ff;text-decoration:none;margin:0 10px}
.site-header nav a:hover{color:#fff}
.lang-switch select{padding:6px}
main.wrap{padding:20px 16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:12px 0}
.site-footer{border-top:1px solid #e5e7eb;background:#fff;margin-top:32px}
.site-footer .footer-links a{margin-right:12px;color:#334155;text-decoration:none}
.site-footer .footer-links a:hover{text-decoration:underline}
ul.list{list-style:none;padding:0;margin:0}
ul.list li{padding:10px 0;border-bottom:1px solid #eee}
.badge{display:inline-block;padding:2px 8px;border-radius:20px;background:#eef2ff;color:#3730a3;font-size:12px;margin-right:6px}
input[type="text"], textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px}
button{padding:10px 14px;border:0;border-radius:10px;background:#0b57d0;color:#fff;cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
.search-box{display:flex;gap:8px;align-items:center}
.suggest{position:relative}
.suggest-list{position:absolute;z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;max-height:260px;overflow:auto}
.suggest-item{padding:8px 10px;cursor:pointer}
.suggest-item:hover{background:#f1f5f9}
