/* ============================================================
   产品中心下拉菜单 · 方案A 卡片画廊  (2026-09-27)
   依赖 ersen.css 的外层 .nav-mega 显隐机制与 :root 变量
   ============================================================ */
.nav-mega{height:clamp(420px,44vh,470px);border-top:2px solid var(--c-accent,#b8956a);}
.megaA__inner{display:grid;grid-template-columns:250px 1fr;gap:2.4rem;height:100%;padding:2rem 0 2.2rem;box-sizing:border-box;}
.megaA__intro{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--c-border,#dfe3e8);padding-right:1.8rem;}
.megaA__tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent,#b8956a);margin-bottom:.7rem;}
.megaA__intro h3{font-family:var(--font-serif,Georgia,serif);font-size:1.5rem;color:var(--c-primary,#1a2332);line-height:1.3;margin:0 0 .55rem;}
.megaA__intro p{font-size:13px;line-height:1.75;color:var(--c-text-muted,#5f6b7a);margin:0 0 1.3rem;}
.megaA__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.5rem;border:1px solid var(--c-primary,#1a2332);color:var(--c-primary,#1a2332);font-size:12.5px;letter-spacing:.08em;text-decoration:none;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaA__cta:hover{background:var(--c-primary,#1a2332);color:#fff;}
.megaA__hot{margin-top:auto;padding-top:1.4rem;}
.megaA__hot span{display:block;font-size:11px;letter-spacing:.12em;color:var(--c-text-muted,#5f6b7a);text-transform:uppercase;margin-bottom:.3rem;}
.megaA__hot strong{font-size:17px;color:var(--c-primary,#1a2332);font-family:var(--font-serif,Georgia,serif);}
.megaA__hot a{color:inherit;text-decoration:none;}
.megaA__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.1rem;align-content:start;}
.megaA__card{position:relative;display:grid;grid-template-columns:96px 1fr;gap:.9rem;align-items:center;padding:.7rem;border:1px solid var(--c-border,#dfe3e8);background:#fff;text-decoration:none;min-height:88px;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaA__card::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:0;height:2px;background:var(--c-accent,#b8956a);transform:scaleX(0);transform-origin:left;transition:transform var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaA__card:hover{border-color:var(--c-accent-light,#d4bc94);box-shadow:0 10px 28px rgba(12,18,25,.1);transform:translateY(-2px);}
.megaA__card:hover::after{transform:scaleX(1);}
.megaA__card:focus-visible{outline:2px solid var(--c-accent,#b8956a);outline-offset:2px;}
.megaA__num{position:absolute;top:.45rem;right:.6rem;font-family:var(--font-serif,Georgia,serif);font-size:.72rem;letter-spacing:.08em;color:var(--c-accent-light,#d4bc94);transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaA__card:hover .megaA__num{color:var(--c-accent,#b8956a);}
.megaA__picwrap{display:block;width:96px;height:72px;overflow:hidden;background:#f5f6f8;}
.megaA__picwrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaA__card:hover .megaA__picwrap img{transform:scale(1.07);}
.megaA__txt{min-width:0;padding-right:1.4rem;}
.megaA__name{display:block;font-family:var(--font-serif,Georgia,serif);font-size:14.5px;font-weight:600;color:var(--c-primary,#1a2332);line-height:1.4;}
.megaA__sub{display:block;font-size:11.5px;color:var(--c-text-muted,#5f6b7a);margin-top:.3rem;letter-spacing:.02em;}
@media (prefers-reduced-motion:reduce){.megaA__card,.megaA__card::after,.megaA__picwrap img{transition:none!important;}}

/* ============================================================
   四栏分区式菜单 · 方案A带图版 (2026-09-27)
   ============================================================ */
.mega4__inner{display:grid;grid-template-columns:210px 1fr;gap:2rem;height:100%;padding:1.8rem 0 2rem;box-sizing:border-box;}
.mega4__intro{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--c-border,#dfe3e8);padding-right:1.6rem;}
.mega4__tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent,#b8956a);margin-bottom:.6rem;}
.mega4__intro h3{font-family:var(--font-serif,Georgia,serif);font-size:1.35rem;color:var(--c-primary,#1a2332);line-height:1.3;margin:0 0 .5rem;}
.mega4__intro p{font-size:12.5px;line-height:1.7;color:var(--c-text-muted,#5f6b7a);margin:0 0 1.1rem;}
.mega4__cta{display:inline-flex;align-items:center;gap:.4rem;padding:.62rem 1.3rem;border:1px solid var(--c-primary,#1a2332);color:var(--c-primary,#1a2332);font-size:12px;letter-spacing:.08em;text-decoration:none;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.mega4__cta:hover{background:var(--c-primary,#1a2332);color:#fff;}
.mega4__hot{margin-top:auto;padding-top:1.2rem;}
.mega4__hot span{display:block;font-size:11px;letter-spacing:.12em;color:var(--c-text-muted,#5f6b7a);text-transform:uppercase;margin-bottom:.25rem;}
.mega4__hot strong{font-size:16px;color:var(--c-primary,#1a2332);font-family:var(--font-serif,Georgia,serif);}
.mega4__hot a{color:inherit;text-decoration:none;}
.mega4__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;align-content:start;}
.mega4__col{min-width:0;}
.mega4__head{display:block;text-decoration:none;margin-bottom:.15rem;}
.mega4__pic{position:relative;display:block;height:86px;overflow:hidden;background:linear-gradient(135deg,#f2ede4,#e7ddd0);border:1px solid var(--c-border,#dfe3e8);margin-bottom:.6rem;}
.mega4__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif,Georgia,serif);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c9b896;padding:0 .4rem;text-align:center;}
.mega4__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.mega4__head:hover .mega4__pic img{transform:scale(1.06);}
.mega4__name{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-family:var(--font-serif,Georgia,serif);font-size:14px;font-weight:600;color:var(--c-primary,#1a2332);padding-bottom:.45rem;border-bottom:2px solid var(--c-accent,#b8956a);transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.mega4__head:hover .mega4__name{color:var(--c-accent,#b8956a);}
.mega4__name em{font-style:normal;font-weight:400;font-size:10px;color:#c9b896;letter-spacing:.06em;white-space:nowrap;}
.mega4__list{margin-top:.35rem;}
.mega4__list a{display:flex;align-items:center;justify-content:space-between;padding:.4rem .15rem;font-size:12.8px;color:var(--c-text-muted,#5f6b7a);text-decoration:none;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.mega4__list a::after{content:"\203A";color:var(--c-border,#dfe3e8);transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.mega4__list a:hover{color:var(--c-accent,#b8956a);padding-left:.45rem;}
.mega4__list a:hover::after{color:var(--c-accent,#b8956a);}
@media (prefers-reduced-motion:reduce){.mega4__pic img{transition:none!important;}}

/* ============================================================
   四列纯文字紧凑型菜单 · 方案B (2026-09-27)
   ============================================================ */
.nav-mega{height:clamp(400px,42vh,450px);}
.megaB__inner{height:100%;padding:1.6rem 0 1.4rem;box-sizing:border-box;display:flex;flex-direction:column;}
.megaB__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-content:start;flex:1;}
.megaB__col{border-left:1px solid var(--c-border,#dfe3e8);padding-left:1.5rem;min-width:0;}
.megaB__col:first-child{border-left:0;padding-left:.25rem;}
.megaB__head{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;text-decoration:none;margin-bottom:.55rem;padding-bottom:.5rem;border-bottom:2px solid var(--c-accent,#b8956a);}
.megaB__head b{font-family:var(--font-serif,Georgia,serif);font-size:14.5px;color:var(--c-primary,#1a2332);transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaB__head em{font-style:normal;font-size:10.5px;color:#c9b896;letter-spacing:.06em;white-space:nowrap;}
.megaB__head:hover b{color:var(--c-accent,#b8956a);}
.megaB__list a{display:flex;align-items:center;gap:.55rem;padding:.42rem .1rem;font-size:12.8px;color:var(--c-text-muted,#5f6b7a);text-decoration:none;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaB__list a::before{content:"";width:5px;height:5px;background:#d4bc94;transform:rotate(45deg);flex:none;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaB__list a:hover{color:var(--c-accent,#b8956a);padding-left:.4rem;}
.megaB__list a:hover::before{background:var(--c-accent,#b8956a);}
.megaB__foot{display:flex;align-items:center;gap:1.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--c-border,#dfe3e8);}
.megaB__cta{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border:1px solid var(--c-primary,#1a2332);color:var(--c-primary,#1a2332);font-size:12px;letter-spacing:.08em;text-decoration:none;transition:var(--ease,.32s cubic-bezier(.4,0,.2,1));}
.megaB__cta:hover{background:var(--c-primary,#1a2332);color:#fff;}
.megaB__hotline{font-size:12px;color:var(--c-text-muted,#5f6b7a);}
.megaB__hotline strong{font-family:var(--font-serif,Georgia,serif);font-size:15px;color:var(--c-primary,#1a2332);margin-left:.5rem;}
.megaB__hotline a{color:inherit;text-decoration:none;}
@media (prefers-reduced-motion:reduce){.megaB__list a,.megaB__list a::before{transition:none!important;}}