/* ========== 官网式详情页通用布局（ManyExpo Official-style）展会/展馆/主办方/展商共用 ========== */
/* 1) 平台主导航压缩为顶部细条（对应参考站红框位置） */
.navbar { min-height:0 !important; padding:0 !important; box-shadow:0 1px 0 var(--color-border,#e5e7eb); border-bottom:1px solid var(--color-border,#e5e7eb); background:var(--color-bg-surface,#fff); }
.navbar .nav-inner { height:52px; }
.nav-logo { font-size:18px !important; gap:8px !important; }
.nav-logo-icon { width:30px !important; height:30px !important; }
.nav-menu { gap:18px !important; }
.nav-menu > li > a { font-size:14px !important; }
body { background:var(--color-bg-surface,#fff); }

/* 2) 白底标识头：logo | 中英文名 | 关键信息 */
.mx-of-identity { background:var(--color-bg-surface,#fff); border-bottom:1px solid var(--color-border,#e5e7eb); }
.mx-of-id-inner { max-width:1200px; margin:0 auto; padding:18px 20px; display:grid; grid-template-columns:168px 1fr auto; gap:26px; align-items:center; }
.mx-of-id-logo { width:168px; max-height:96px; display:flex; align-items:center; justify-content:center; }
.mx-of-id-logo img { max-width:100%; max-height:96px; object-fit:contain; }
.mx-of-id-logo .logo-ph { width:88px;height:88px;border-radius:14px;background:linear-gradient(135deg,#0F3B5D,#3288B9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;letter-spacing:1px; }
.mx-of-id-name .edition-tag { display:inline-block; font-size:12px; font-weight:600; color:#fff; background:var(--accent,#3288B9); border-radius:4px; padding:2px 8px; margin-bottom:8px; }
.mx-of-id-name h1 { font-size:25px; line-height:1.3; font-weight:800; color:var(--color-text-strong,#0F1B2D); margin:0; }
.mx-of-id-name .en { font-size:13px; color:var(--color-text-muted,#6B7787); margin-top:6px; line-height:1.5; }
.mx-of-id-right { text-align:right; display:flex; flex-direction:column; gap:9px; min-width:248px; border-left:1px solid var(--color-border,#e5e7eb); padding-left:26px; }
.mx-of-id-right .slogan { font-size:17px; font-weight:800; color:var(--color-primary,#0F3B5D); letter-spacing:1px; }
.mx-of-id-right .ri { display:flex; align-items:center; justify-content:flex-end; gap:8px; font-size:14px; color:var(--color-text-secondary,#475569); }
.mx-of-id-right .ri svg { width:16px;height:16px;flex:none;color:var(--accent,#3288B9); }
.mx-of-id-right .ri a { color:var(--color-text-secondary,#475569) !important; text-decoration:none !important; font-weight:500 !important; }
.mx-of-id-right .ri a:hover { color:var(--accent,#3288B9) !important; }

/* 3) 蓝色吸顶二级菜单 */
.mx-of-subnav { position:sticky; top:0; z-index:60; background:linear-gradient(90deg,#0F3B5D,#1A5278); box-shadow:0 2px 10px rgba(15,59,93,.25); }
.mx-of-sub-inner { max-width:1200px; margin:0 auto; padding:0 12px; display:flex; align-items:stretch; gap:2px; overflow-x:auto; scrollbar-width:none; }
.mx-of-sub-inner::-webkit-scrollbar { display:none; }
.mx-of-subnav .sbtn { display:inline-flex; align-items:center; gap:6px; color:rgba(255,255,255,.82); font-size:15px; font-weight:500; padding:15px 18px; border:none; background:transparent; cursor:pointer; white-space:nowrap; text-decoration:none; border-bottom:3px solid transparent; transition:background .15s,color .15s,border-color .15s; }
.mx-of-subnav .sbtn:hover { color:#fff; background:rgba(255,255,255,.08); }
.mx-of-subnav .sbtn.active { color:#fff; font-weight:700; border-bottom-color:#7CC6EE; background:rgba(255,255,255,.06); }
.mx-of-subnav .spacer { flex:1; }
.mx-of-subnav .cta { align-self:center; margin-left:8px; padding:8px 18px; border-radius:6px; font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; }
.mx-of-subnav .cta.exhibit { background:#F59E0B; color:#1a1305; }
.mx-of-subnav .cta.visitor { background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.4); }
.mx-of-subnav .cta:hover { filter:brightness(1.08); }

/* 4) 近整屏主视觉 */
.mx-of-hero { position:relative; min-height:clamp(380px,62vh,640px); display:flex; align-items:flex-end; overflow:hidden; background:linear-gradient(135deg,#0A2A42 0%,#1A5278 55%,#0F3B5D 100%); }
.mx-of-hero .hbg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; filter:brightness(.34) saturate(1.08) blur(1.4px); transform:scale(1.05); }
.mx-of-hero .hmask { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(10,42,66,.70) 0%,rgba(10,42,66,.58) 42%,rgba(8,32,52,.94) 100%); }
.mx-of-hero .hbg-pattern { position:absolute;inset:0;z-index:0;opacity:.16;background-image:radial-gradient(circle at 80% 20%,#7CC6EE 0,transparent 42%),radial-gradient(circle at 12% 80%,#3288B9 0,transparent 40%); }
.mx-of-hero-inner { position:relative; z-index:2; max-width:1200px; margin:0 auto; width:100%; padding:0 20px 56px; color:#fff; }
.mx-of-hero .h-edition { display:inline-block; font-size:14px; font-weight:700; letter-spacing:2px; padding:5px 14px; border:1px solid rgba(255,255,255,.5); border-radius:4px; margin-bottom:18px; }
.mx-of-hero h2 { font-size:clamp(28px,4vw,46px); line-height:1.22; font-weight:800; margin:0 0 10px; text-shadow:0 2px 16px rgba(0,0,0,.35); }
.mx-of-hero .h-en { font-size:clamp(13px,1.4vw,17px); opacity:.85; max-width:900px; line-height:1.5; margin-bottom:22px; }
.mx-of-hero .h-slogan { font-size:clamp(18px,2.2vw,26px); font-weight:800; letter-spacing:3px; margin-bottom:24px; color:#D7ECFB; }
.mx-of-hero .h-meta { display:flex; flex-wrap:wrap; gap:14px 30px; font-size:15px; margin-bottom:26px; }
.mx-of-hero .h-meta span { display:inline-flex; align-items:center; gap:8px; }
.mx-of-hero .h-meta svg { width:18px;height:18px;color:#7CC6EE; }
.mx-of-hero .h-meta a { color:#fff; }
.mx-of-hero .h-actions { display:flex; gap:14px; flex-wrap:wrap; }
.mx-of-hero .h-actions .btn-lg { padding:13px 34px; font-size:16px; border-radius:8px; font-weight:700; }

.mx-of-anchor-target { scroll-margin-top:64px; }
@media (max-width:900px){
  .mx-of-id-inner { grid-template-columns:84px 1fr; gap:14px; padding:14px 14px; }
  .mx-of-id-logo { width:84px; }
  .mx-of-id-right { grid-column:1 / -1; text-align:left; border-left:none; padding-left:0; min-width:0; flex-direction:column; gap:6px; }
  .mx-of-id-right .ri { justify-content:flex-start; }
  .mx-of-id-name h1 { font-size:19px; }
  .mx-of-subnav .sbtn { font-size:14px; padding:13px 13px; }
  .mx-of-hero { min-height:420px; }
  .mx-of-hero-inner { padding-bottom:34px; }
}

/* 展商详情内容侧栏：避开全局 .sidebar(fixed 后台导航) 类名冲突，grid 内 sticky 跟随 */
.main-layout > .company-aside { align-self:start; position:sticky; top:66px; }
@media (max-width:900px){ .main-layout > .company-aside { position:static; } }

/* ===== 历届展会对比表（展商/展馆/展会详情共用） ===== */
.mxh-scroll{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid #e5e9f0; border-radius:10px; }
.mx-hist-table{ width:100%; border-collapse:collapse; font-size:14px; min-width:640px; background:#fff; }
.mx-hist-table thead th{ background:#f1f5f9; color:#334155; font-weight:600; text-align:left; padding:11px 14px; white-space:nowrap; border-bottom:1px solid #e5e9f0; }
.mx-hist-table tbody td{ padding:11px 14px; border-bottom:1px solid #eef1f6; vertical-align:middle; white-space:nowrap; color:#334155; }
.mx-hist-table tbody tr:nth-child(even){ background:#fafcfe; }
.mx-hist-table tbody tr:hover{ background:#f0f7ff; }
.mx-hist-table tbody tr:last-child td{ border-bottom:none; }
.mx-hist-table td.mxh-name{ white-space:normal; min-width:220px; font-weight:500; }
.mx-hist-table td.mxh-name a{ color:var(--accent,#1667d0); text-decoration:none; }
.mx-hist-table td.mxh-name a:hover{ text-decoration:underline; }
.mx-hist-table .mxh-date{ color:#475569; }
.mx-hist-table .mxh-area{ color:#dc2626; font-weight:600; }
.mx-hist-table a.mxh-link{ color:var(--accent,#1667d0); text-decoration:none; font-weight:500; white-space:nowrap; }
.mx-hist-table a.mxh-link:hover{ text-decoration:underline; }
.mx-hist-table .mxh-upcoming, .mx-hist-table .mxh-state, .mx-hist-table .mxh-cur{ display:inline-block; font-size:11px; line-height:1; padding:3px 7px; border-radius:4px; margin-left:6px; font-weight:500; white-space:nowrap; vertical-align:middle; }
.mx-hist-table .mxh-upcoming{ background:#e8f1fe; color:#1667d0; }
.mx-hist-table .mxh-cur{ background:#dcfce7; color:#15803d; }
.mx-hist-table tr.mxh-currow{ background:#f0fdf4 !important; }
.mx-hist-table tr.mxh-currow:hover{ background:#e7f9ec !important; }
@media (max-width:640px){ .mx-hist-table{ font-size:13px; min-width:560px; } .mx-hist-table thead th, .mx-hist-table tbody td{ padding:9px 11px; } .mx-hist-table td.mxh-name{ min-width:170px; } }