/* 墨西哥华人网 · 展会频道 · 精致版 v2（scoped .mxv2） */
.mxv2{--bg:#FAF8F4;--paper:#fff;--ink:#1B1A18;--muted:#726C63;--faint:#A39C90;--line:#ECE7DD;
  --wine:#9E2B36;--wine-d:#7E1F2B;--gold:#B08A4F;--gold-soft:#F3E9D7;--green:#3A7D5F;--blue:#3A5F8E;
  --sh:0 4px 20px -8px rgba(27,26,24,.12);--sh-lg:0 30px 70px -28px rgba(27,26,24,.35);
  background:var(--bg);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:-.003em}
.mxv2 *{box-sizing:border-box}
.mxv2 a{text-decoration:none;color:inherit}
.mxv2 img{display:block;max-width:100%}
.mxv2 .wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.mxv2 .eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.mxv2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:600;padding:13px 22px;transition:.2s}
.mxv2 .btn-wine{background:var(--wine);color:#fff;box-shadow:0 10px 22px -10px rgba(158,43,54,.7)}
.mxv2 .btn-wine:hover{background:var(--wine-d);transform:translateY(-1px)}
.mxv2 .btn-line{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.mxv2 .btn-line:hover{border-color:var(--ink)}

/* 子导航 */
.mxv2 .mx-subnav{background:var(--paper);border-bottom:1px solid var(--line)}
.mxv2 .mx-subnav .wrap,.mxv2 .mx-subnav .mx-wrap{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;min-height:54px;gap:14px;flex-wrap:wrap}
.mxv2 .mx-subnav-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:var(--ink)}
.mxv2 .mx-subnav-brand span{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--wine),var(--gold));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.mxv2 .mx-subnav-links{display:flex;gap:24px;font-size:14px;font-weight:500}
.mxv2 .mx-subnav-links a{color:var(--muted)}.mxv2 .mx-subnav-links a:hover{color:var(--wine)}

/* HERO */
.mxv2 .hero{position:relative;overflow:hidden;padding:64px 0 56px;
  background:radial-gradient(1200px 520px at 100% -30%,rgba(176,138,79,.16),transparent 55%),radial-gradient(900px 480px at -10% 130%,rgba(158,43,54,.10),transparent 55%)}
.mxv2 .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.mxv2 .hero h1{font-size:52px;line-height:1.06;font-weight:800;letter-spacing:-.03em;margin:18px 0 0}
.mxv2 .hero h1 .hl{position:relative;white-space:nowrap;color:var(--wine)}
.mxv2 .hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.26em;background:var(--gold-soft);z-index:-1;border-radius:3px}
.mxv2 .hero p{font-size:16.5px;color:var(--muted);max-width:520px;margin-top:20px;line-height:1.7}
.mxv2 .searchbar{display:flex;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:9px;box-shadow:var(--sh-lg);max-width:560px;margin-top:28px}
.mxv2 .searchbar input{flex:1;border:none;outline:none;font-size:15.5px;padding:10px 14px;background:transparent;font-family:inherit}
.mxv2 .searchbar .go{background:var(--wine);color:#fff;border:none;border-radius:11px;padding:0 26px;font-weight:700;cursor:pointer;font-family:inherit}
.mxv2 .hero-stats{display:flex;gap:36px;margin-top:32px}
.mxv2 .hero-stats b{font-size:30px;font-weight:800;letter-spacing:-.03em;display:block;line-height:1}
.mxv2 .hero-stats b em{font-style:normal;color:var(--wine)}
.mxv2 .hero-stats span{font-size:13px;color:var(--muted)}
.mxv2 .feat{display:block;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--sh-lg);transition:.3s}
.mxv2 .feat:hover{transform:translateY(-4px)}
.mxv2 .feat .ph{height:230px;background-size:cover;background-position:center;position:relative}
.mxv2 .feat .ph .tag{position:absolute;top:16px;left:16px;background:rgba(27,26,24,.55);color:#fff;font-size:12px;font-weight:600;padding:6px 13px;border-radius:9px;backdrop-filter:blur(8px)}
.mxv2 .feat .ph .cd{position:absolute;top:16px;right:16px;background:var(--wine);color:#fff;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:9px}
.mxv2 .feat .fbd{padding:22px 24px 24px}
.mxv2 .feat .fbd h3{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-top:8px}
.mxv2 .feat .fbd .o{font-size:13px;color:var(--faint);margin-top:4px}
.mxv2 .feat .fbd .frow{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-top:14px}
.mxv2 .feat .fbd .sep{width:3px;height:3px;border-radius:50%;background:var(--faint)}

/* sections */
.mxv2 .sec-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.mxv2 .sec-h h2{font-size:30px;font-weight:800;letter-spacing:-.025em;margin-top:8px}
.mxv2 .sec-h a{font-size:14.5px;font-weight:600;color:var(--wine)}

/* list layout */
.mxv2 .listwrap{display:grid;grid-template-columns:248px 1fr;gap:30px;align-items:start;padding:14px 28px 60px}
.mxv2 .filters{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;position:sticky;top:20px;box-shadow:var(--sh)}
.mxv2 .filters h4{font-size:12px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 10px}
.mxv2 .filters h4:first-child{margin-top:0}
.mxv2 .fopt{display:flex;align-items:center;font-size:14px;padding:6px 0;color:var(--muted);cursor:pointer}
.mxv2 .fopt input{margin-right:9px;accent-color:var(--wine)}
.mxv2 .fopt .cnt{margin-left:auto;font-size:12px;color:var(--faint)}
.mxv2 .reset{display:inline-block;margin-top:16px;font-size:13px;color:var(--wine);font-weight:600}
.mxv2 .list-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.mxv2 .list-top .count{font-size:14.5px;color:var(--muted)}.mxv2 .list-top .count b{color:var(--ink);font-weight:800}
.mxv2 .list-top select{border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:9px 14px;font-size:14px;font-family:inherit;cursor:pointer}
.mxv2 .empty{text-align:center;color:var(--muted);padding:56px 0}
.mxv2 .pager{margin-top:34px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mxv2 .pager .page-numbers{padding:9px 14px;border:1px solid var(--line);border-radius:11px;background:var(--paper);font-size:14px}
.mxv2 .pager .current{background:var(--wine);color:#fff;border-color:var(--wine)}

/* cards */
.mxv2 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mxv2 .grid.three{grid-template-columns:repeat(3,1fr)}
.mxv2 .card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;display:flex;flex-direction:column}
.mxv2 .card:hover{transform:translateY(-7px);box-shadow:var(--sh-lg)}
.mxv2 .card .ph{height:184px;background-size:cover;background-position:center;position:relative}
.mxv2 .card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,26,24,.22),transparent 40%,transparent 65%,rgba(27,26,24,.30))}
.mxv2 .card .ph .tag{position:absolute;top:14px;left:14px;z-index:2;background:rgba(27,26,24,.5);color:#fff;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:8px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}
.mxv2 .card .ph .cd{position:absolute;bottom:14px;left:14px;z-index:2;font-size:12px;font-weight:700;padding:5px 11px;border-radius:8px;color:#fff;background:var(--wine)}
.mxv2 .card .ph .cd.over{background:rgba(27,26,24,.6);backdrop-filter:blur(6px)}
.mxv2 .card .ph .dt{position:absolute;bottom:14px;right:14px;z-index:2;background:#fff;border-radius:11px;text-align:center;padding:6px 11px;line-height:1.05;box-shadow:var(--sh)}
.mxv2 .card .ph .dt b{font-size:19px;font-weight:800;color:var(--wine);display:block}
.mxv2 .card .ph .dt span{font-size:10.5px;color:var(--muted)}
.mxv2 .card .bd{padding:18px 19px 19px;flex:1;display:flex;flex-direction:column}
.mxv2 .card .bd h3{font-size:18px;font-weight:700;line-height:1.34}
.mxv2 .card .bd .o{font-size:12px;color:var(--faint);margin-top:4px}
.mxv2 .card .bd .meta{font-size:13px;color:var(--muted);margin-top:12px}
.mxv2 .card .bd .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.mxv2 .pill{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:7px}
.mxv2 .pill.buy{background:#FBEDEC;color:var(--wine)}.mxv2 .pill.ex{background:#EAF3EE;color:var(--green)}.mxv2 .pill.inv{background:#EAF0F7;color:var(--blue)}

/* value band */
.mxv2 .band{background:linear-gradient(180deg,#fff,#fdfbf6);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mxv2 .vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mxv2 .vitem .vi{width:48px;height:48px;border-radius:14px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.mxv2 .vitem h4{font-size:16px;font-weight:700;margin-bottom:6px}.mxv2 .vitem p{font-size:13.5px;color:var(--muted);line-height:1.6}

/* ad */
.mxv2 .mx-ad{margin:20px 0;text-align:center;overflow:hidden}.mxv2 .mx-ad:empty{display:none}.mxv2 .mx-ad img{max-width:100%;border-radius:12px}

/* ===== DETAIL ===== */
.mxv2 .d-top{padding:30px 0 6px}
.mxv2 .bc{font-size:13px;color:var(--muted)}.mxv2 .bc a{color:var(--muted)}.mxv2 .bc a:hover{color:var(--wine)}
.mxv2 .d-head{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding:20px 0 12px}
.mxv2 .d-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mxv2 .bd-pill{font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:9px}
.mxv2 .bd-pill.cat{background:var(--ink);color:#fff}
.mxv2 .bd-pill.soft{background:#fff;border:1px solid var(--line);color:var(--muted)}
.mxv2 .d-head h1{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.08}
.mxv2 .d-head .es{font-size:16px;color:var(--faint);margin-top:8px}
.mxv2 .d-head .tagline{font-size:17px;color:var(--muted);margin-top:16px;line-height:1.65;max-width:560px}
.mxv2 .d-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.mxv2 .d-img{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/3}
.mxv2 .d-img img{width:100%;height:100%;object-fit:cover}
.mxv2 .d-img .cd{position:absolute;top:16px;right:16px;background:#fff;border-radius:16px;padding:13px 18px;text-align:center;box-shadow:var(--sh-lg)}
.mxv2 .d-img .cd b{font-size:30px;font-weight:800;color:var(--wine);display:block;line-height:1}
.mxv2 .d-img .cd span{font-size:11.5px;color:var(--muted)}
.mxv2 .strip{display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);overflow:hidden;margin:26px 0 8px}
.mxv2 .strip.cols-1{grid-template-columns:1fr}.mxv2 .strip.cols-2{grid-template-columns:repeat(2,1fr)}.mxv2 .strip.cols-3{grid-template-columns:repeat(3,1fr)}.mxv2 .strip.cols-4{grid-template-columns:repeat(4,1fr)}
.mxv2 .strip div{padding:18px 16px;border-right:1px solid var(--line)}.mxv2 .strip div:last-child{border-right:none}
.mxv2 .strip b{font-size:19px;font-weight:800;letter-spacing:-.02em;display:block}
.mxv2 .strip span{font-size:12px;color:var(--muted);margin-top:3px;display:block}
.mxv2 .d-body{display:grid;grid-template-columns:1fr 340px;gap:34px;align-items:start;padding:28px 0 60px}
.mxv2 .panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:22px}
.mxv2 .panel h3{font-size:19px;font-weight:800;letter-spacing:-.015em;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.mxv2 .panel h3 .bar{width:4px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--wine),var(--gold))}
.mxv2 .panel p{font-size:15.5px;line-height:1.85;color:#3A3833;margin-bottom:13px}.mxv2 .panel p:last-child{margin-bottom:0}
.mxv2 .kv{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.mxv2 .kv .r{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}
.mxv2 .kv .r .ic{width:38px;height:38px;border-radius:11px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.mxv2 .kv .r .k{font-size:12.5px;color:var(--muted)}.mxv2 .kv .r .v{font-size:14.5px;font-weight:700;margin-top:1px}
.mxv2 .kv .r .v a{color:var(--blue)}
.mxv2 .chips{display:flex;flex-wrap:wrap;gap:9px}
.mxv2 .chip{font-size:13.5px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 15px;color:#43403A}
.mxv2 .whofor{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mxv2 .wbox{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--bg)}
.mxv2 .wbox h4{font-size:14.5px;font-weight:700;margin-bottom:10px}
.mxv2 .wbox ul{list-style:none;margin:0;padding:0}.mxv2 .wbox li{font-size:13.5px;color:#43403A;padding:4px 0 4px 18px;position:relative}
.mxv2 .wbox li::before{content:"›";position:absolute;left:2px;color:var(--wine);font-weight:800}
.mxv2 .agenda .it{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.mxv2 .agenda .it:last-child{border:none}
.mxv2 .agenda .wn{font-size:13px;font-weight:700;color:var(--wine);width:64px;flex:none}
.mxv2 .agenda .wt b{font-size:14.5px;font-weight:700}.mxv2 .agenda .wt span{font-size:13px;color:var(--muted);display:block}
.mxv2 .mapbox{border-radius:14px;overflow:hidden;border:1px solid var(--line)}.mxv2 .mapbox iframe{width:100%;height:230px;border:0;display:block}
.mxv2 .addr{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:14px}.mxv2 .addr a{color:var(--blue)}
.mxv2 .transport{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13.5px;color:var(--muted)}
.mxv2 .tips{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mxv2 .tip{display:flex;gap:10px;font-size:13.5px;background:var(--bg);border-radius:12px;padding:12px 14px}.mxv2 .tip .e{font-size:18px}
.mxv2 .disc{background:var(--gold-soft);border-radius:14px;padding:15px 18px;font-size:13px;color:#7C6A45;line-height:1.6;margin-bottom:22px}
/* sidebar */
.mxv2 .side{position:sticky;top:20px}
.mxv2 .scard{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}
.mxv2 .scard .price{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
.mxv2 .scard .price b{font-size:18px;font-weight:800;color:var(--green)}
.mxv2 .scard .btn{width:100%;margin-bottom:10px}
.mxv2 .mini{display:flex;gap:9px}
.mxv2 .mini a{flex:1;text-align:center;font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:11px;padding:9px}
.mxv2 .mini a:hover{border-color:var(--wine);color:var(--wine)}
.mxv2 .scard h4{font-size:14.5px;font-weight:700;margin:2px 0 12px}
.mxv2 .contact{font-size:13.5px;color:#43403A;line-height:2}.mxv2 .contact a{color:var(--blue)}
.mxv2 .svc{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.mxv2 a.svc:hover b{color:var(--wine)}
.mxv2 .svc .e{font-size:21px}.mxv2 .svc b{font-size:14px;font-weight:700;display:block}.mxv2 .svc span{font-size:12px;color:var(--muted)}
.mxv2 .logo-card{text-align:center;padding:22px}.mxv2 .logo-card img{max-height:64px;width:auto;display:inline-block}
.mxv2 .src{font-size:12px;color:var(--faint);background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 17px}.mxv2 .src a{color:var(--blue)}

/* responsive */
@media(max-width:980px){.mxv2 .grid,.mxv2 .grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.mxv2 .hero-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:880px){.mxv2 .d-head{grid-template-columns:1fr;gap:24px}.mxv2 .d-body{grid-template-columns:1fr}.mxv2 .listwrap{grid-template-columns:1fr}.mxv2 .filters,.mxv2 .side{position:static}}
@media(max-width:680px){
  .mxv2 .hero{padding:46px 0 40px}.mxv2 .hero h1{font-size:36px}
  .mxv2 .d-head h1{font-size:30px}.mxv2 .sec-h h2{font-size:23px}
  .mxv2 .strip{grid-template-columns:repeat(2,1fr)!important}.mxv2 .strip div:nth-child(2n){border-right:none}
  .mxv2 .vgrid{grid-template-columns:repeat(2,1fr)}.mxv2 .kv,.mxv2 .whofor,.mxv2 .tips{grid-template-columns:1fr}
  .mxv2 .panel{padding:20px}.mxv2 .hero-stats{gap:26px}
  .mxv2 .mx-subnav-links{gap:16px;font-size:13px}
}
@media(max-width:560px){.mxv2 .grid,.mxv2 .grid.three{grid-template-columns:1fr}.mxv2 .vgrid{grid-template-columns:1fr}}

/* ---- 顶部横向筛选条（替代左侧栏） ---- */
.mxv2 .filterbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:var(--sh);margin-bottom:26px}
.mxv2 .fb-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mxv2 .fb-right{display:flex;align-items:center;gap:12px}
.mxv2 .filterbar select{border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:10px 14px;
  font-size:14px;font-family:inherit;cursor:pointer;color:var(--ink);font-weight:500}
.mxv2 .filterbar select:hover{border-color:var(--wine)}
.mxv2 .vpills{display:flex;gap:7px}
.mxv2 .vp{font-size:13px;font-weight:600;padding:9px 15px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--paper);transition:.15s}
.mxv2 .vp:hover{border-color:var(--wine);color:var(--wine)}
.mxv2 .vp.on{background:var(--wine);color:#fff;border-color:var(--wine);box-shadow:0 6px 14px -6px rgba(158,43,54,.6)}
.mxv2 .fb-clear{font-size:13px;color:var(--faint);margin-left:2px}
.mxv2 .fb-clear:hover{color:var(--wine)}
.mxv2 .fb-right .count{font-size:14px;color:var(--muted)}
.mxv2 .fb-right .count b{color:var(--ink);font-weight:800}
.mxv2 .grid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1180px){.mxv2 .grid.four{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){
  .mxv2 .grid.four{grid-template-columns:repeat(2,1fr)}
  .mxv2 .filterbar{flex-direction:column;align-items:stretch}
  .mxv2 .fb-left,.mxv2 .fb-right{justify-content:space-between}
  .mxv2 .filterbar select{flex:1}
}
@media(max-width:560px){.mxv2 .grid.four{grid-template-columns:1fr}}

/* ---- 移动端安全微调 ---- */
.mxv2 .vpills{flex-wrap:wrap}
@media(max-width:680px){
  .mxv2 .hero-grid{gap:26px}
  .mxv2 .feat .ph{height:190px}
  .mxv2 .hero-stats{gap:24px}.mxv2 .hero-stats b{font-size:26px}
  .mxv2 .fb-left{gap:8px}
  .mxv2 .filterbar select{padding:9px 12px;font-size:13.5px}
  .mxv2 .vp{padding:8px 13px}
  .mxv2 .d-img{aspect-ratio:16/10}
  .mxv2 .mx-subnav .wrap,.mxv2 .mx-subnav .mx-wrap{min-height:48px}
}
@media(max-width:400px){
  .mxv2 .hero h1{font-size:32px}
  .mxv2 .fb-left{flex-direction:column;align-items:stretch}
  .mxv2 .filterbar select{width:100%}
}