.ec-topbar{background:#ffffff;border-bottom:1px solid #e5e7eb;font-size:12px;color:#475569}
.ec-topbar a{color:#475569;text-decoration:none}
.ec-topbar a:hover{color:#111827}
.ec-head-wrap{max-width:1280px;margin:0 auto;padding:0 12px}
.ec-topbar-row{height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ec-topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:auto}
.ec-topbar-right{white-space:nowrap;color:#475569}
.ec-userwrap{position:relative;display:inline-flex;align-items:center}
.ec-user-trigger{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#1f2937;text-decoration:none}
.ec-user-trigger:hover{background:#f8fafc}
.ec-user-avatar{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-size:12px;font-weight:700}
.ec-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.ec-user-caret{font-size:11px;color:#64748b}
.ec-user-menu{position:absolute;right:0;top:100%;margin-top:8px;min-width:170px;padding:6px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.12);display:none;z-index:30}
.ec-user-menu a{display:block;padding:8px 10px;border-radius:8px;color:#334155;text-decoration:none;font-size:13px}
.ec-user-menu a:hover{background:#f1f5f9;color:#0f172a}
.ec-userwrap:hover .ec-user-menu{display:block}
.ec-auth-links{display:inline-flex;align-items:center;gap:12px}
.ec-auth-links a{color:#475569;text-decoration:none;font-weight:600}
.ec-auth-links a:hover{color:#111827}
.ec-mainnav{background:#fff;border-bottom:1px solid #e5e7eb}
.ec-mainnav-row{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ec-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a}
.ec-brand-logo{display:block;width:36px;height:36px;object-fit:contain;border-radius:8px}
.ec-brand-name{font-size:30px;line-height:1;font-weight:900;letter-spacing:.2px;color:#0f172a}
.ec-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.ec-nav li{list-style:none}
.ec-nav a{display:inline-block;padding:9px 11px;border-radius:8px;font-size:16px;font-weight:600;color:#111827;text-decoration:none}
.ec-nav a:hover{background:#f3f4f6}
.ec-nav .curr a{background:#f3f4f6}
.ec-nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;background:#ff2e6f;color:#fff;font-size:15px;font-weight:700;text-decoration:none}
.ec-nav-cta:hover{background:#ff1e63}
.ec-nav-search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f3f4f6;color:#111827;font-size:20px;font-weight:700;text-decoration:none}
.ec-nav-search:hover{background:#e5e7eb}
.ec-nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.ec-mobile-nav{display:none;border-top:1px solid #e5e7eb}
.ec-mobile-nav .ec-nav{padding:8px 0;overflow:auto;white-space:nowrap}
@media (max-width:1024px){
  .ec-brand-name{font-size:24px}
  .ec-nav a{font-size:14px;padding:8px 9px}
}
@media (max-width:768px){
  .ec-topbar-right{font-size:11px}
  .ec-mainnav-row{height:64px}
  .ec-brand-logo{width:30px;height:30px}
  .ec-brand-name{font-size:20px}
  .ec-mainnav .ec-nav{display:none}
  .ec-mobile-nav{display:block}
  .ec-nav-cta{padding:8px 12px;font-size:13px}
  .ec-nav-search{width:38px;height:38px}
}