:root{
  --g:#C9A84C; --gd:#A07830; --gl:#FBF5E6; --gm:#EDD98A;
  --r:#8B1A2A; --rd:#6B1020; --rl:#F8ECED;
  --k:#111; --k2:#1A1A1A; --k3:#2A2A2A;
  --w:#fff; --g1:#F7F7F7; --g2:#EEEEEE; --g3:#CCCCCC; --g4:#888;
  --tx:#1A1A1A; --tx2:#555;
  --rad:6px; --sh:0 2px 10px rgba(0,0,0,.08); --shm:0 6px 24px rgba(0,0,0,.15);
  --f:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:14px;scroll-behavior:smooth}
body{font-family:var(--f);background:var(--g1);color:var(--tx)}
a{color:inherit;text-decoration:none}

.hd{background:var(--k);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.hd-in{max-width:1260px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:0 20px;height:64px}
.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.logo-ico-img{height:36px;width:36px;object-fit:cover;border-radius:6px;display:block;flex-shrink:0}
.logo-tx .en{font-size:17px;font-weight:900;color:var(--g);letter-spacing:-.3px}
.logo-tx .cn{font-size:10px;color:rgba(255,255,255,.45);margin-top:1px}
.city{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-size:12px;padding:5px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:.2s}
.city:hover{color:var(--g);border-color:var(--g)}
.srch-wrap{flex:1;max-width:580px}
.srch-box{display:flex;height:38px;border:2px solid var(--g);border-radius:4px;overflow:hidden}
.srch-box input{flex:1;border:none;padding:0 13px;font-size:14px;background:#fff;outline:none;color:var(--tx)}
.srch-box button{background:var(--g);border:none;padding:0 20px;font-size:14px;font-weight:700;color:var(--k);cursor:pointer;transition:.2s;white-space:nowrap}
.srch-box button:hover{background:var(--r);color:#fff}
.srch-hot{font-size:11px;color:rgba(255,255,255,.4);margin-top:3px;white-space:nowrap;overflow:hidden}
.srch-hot a{color:rgba(201,168,76,.8);margin:0 4px}
.srch-hot a:hover{color:var(--g)}
.hd-acts{display:flex;gap:18px;align-items:center;margin-left:auto;flex-shrink:0}
.hd-act{display:flex;flex-direction:column;align-items:center;gap:2px;color:rgba(255,255,255,.75);font-size:11px;cursor:pointer;transition:.2s}
.hd-act:hover{color:var(--g)}
.hd-act .ic{font-size:18px}

.top-layout {
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  gap: 0;
  padding: 0 20px;
  margin-top: 0;
  align-items: stretch; /* 👈 强制让左右两侧高度对齐 */
}
.sidebar{width:210px;flex-shrink:0;background:#fff;box-shadow:var(--sh);position:relative;z-index:200}
.sb-title{background:var(--r);color:#fff;font-size:13px;font-weight:700;padding:11px 15px;letter-spacing:1px}
.sb-item{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid var(--g2);cursor:pointer;position:relative;transition:background .15s;font-size:13px}
.sb-item:hover{background:var(--gl)}
.sb-item.open{background:var(--gl);color:var(--r)}
.sb-item-l{display:flex;align-items:center;gap:8px}
.sb-ico{font-size:15px;flex-shrink:0}
.sb-subs{font-size:11px;color:var(--g4);margin-left:auto;margin-right:6px;white-space:nowrap;overflow:hidden;max-width:70px;text-overflow:ellipsis}
.sb-arr{color:var(--g3);font-size:12px;flex-shrink:0}
.mega{display:none;position:absolute;left:210px;top:0;min-width:580px;max-width:760px;background:#fff;box-shadow:4px 4px 20px rgba(0,0,0,.18);border-left:3px solid var(--r);z-index:500;padding:20px 24px}
.sb-item:hover .mega,.sb-item.open .mega{display:block}
.mega-cols{display:flex;gap:32px;flex-wrap:wrap}
.mega-col{min-width:140px}
.mega-group{margin-bottom:14px}
.mega-gtitle{font-size:13px;font-weight:700;color:var(--r);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--g2)}
.mega-links{display:flex;flex-wrap:wrap;gap:4px 12px}
.mega-lk{font-size:12px;color:var(--tx2);cursor:pointer;line-height:1.8;white-space:nowrap}
.mega-lk:hover{color:var(--r);text-decoration:underline}

.top-right {
  flex: 1;
  overflow: hidden;
  display: flex;         /* 👈 新增 */
  flex-direction: column; /* 👈 新增，让内部元素也能垂直拉伸 */
}
.info-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--g2);padding:0 4px;background:#fff}
.info-tab{padding:10px 15px;font-size:13px;color:var(--tx2);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s}
.info-tab.on,.info-tab:hover{color:var(--r);border-bottom-color:var(--r)}
.info-tab-hot{color:var(--r);font-weight:700;display:flex;align-items:center;gap:4px}
.info-tab-hot::before{content:"🔥";font-size:12px}

/* ═══ 核心更新：全屏视频背景，文字居中浮动 ═══ */
/* ═══ 全屏视频背景，自动铺满高度 ═══ */
.hero-video-banner {
  position: relative;
  width: 100%;
  flex: 1;             /* 👈 核心！让 Banner 撑满左侧菜单带来的高度 */
  border-radius: var(--rad);
  overflow: hidden;
  margin-top: 0;
  display: flex;       /* 👈 让内部的文字也能在拉伸后垂直居中 */
  flex-direction: column;
}
.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保证视频撑满容器，绝不留空白 */
  z-index: 0;
}

/* 文字部分浮在视频之上（加上 flex: 1 确保拉伸后垂直居中） */
/* 文字部分浮在视频之上 */
.hero-video-banner .banner-body.hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  flex: 1;             
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* ✅ 关键修改：把 center 改成了 flex-start，实现顶部对齐 */
  align-items: center; /* 保持水平居中 */
  text-align: center;
  padding: 30px 44px 40px 44px; /* ✅ 增加顶部 padding，让文字不要紧紧贴住导航栏 */
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
}
.hero-video-banner .banner-body.hero-content .banner-badge{
  display:inline-block;background:var(--g);color:var(--k);font-size:11px;font-weight:700;padding:3px 10px;border-radius:3px;margin-bottom:10px;
}
.hero-video-banner .banner-body.hero-content h1{
  font-size:32px;font-weight:900;color:#fff;line-height:1.25;margin-bottom:8px;
}
.hero-video-banner .banner-body.hero-content h1 em{color:var(--g);font-style:normal;}
.hero-video-banner .banner-body.hero-content p{
  font-size:14px;color:#fff;margin-bottom:20px;line-height:1.7;opacity:0.9;
}
.hero-video-banner .banner-body.hero-content .banner-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.hero-video-banner .banner-body.hero-content .btn-g{background:var(--g);color:var(--k);border:none;padding:10px 22px;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer;transition:.2s;}
.hero-video-banner .banner-body.hero-content .btn-g:hover{background:var(--gd);transform:translateY(-1px);}
.hero-video-banner .banner-body.hero-content .btn-r{background:var(--r);color:#fff;border:none;padding:10px 22px;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer;transition:.2s;}
.hero-video-banner .banner-body.hero-content .btn-r:hover{background:var(--rd);}
.hero-video-banner .banner-body.hero-content .btn-o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.6);padding:9px 18px;font-size:13px;border-radius:4px;cursor:pointer;transition:.2s;}
.hero-video-banner .banner-body.hero-content .btn-o:hover{border-color:var(--g);color:var(--g);background:rgba(201,168,76,0.1);}

.cat-nav{background:#fff;border-top:1px solid var(--g2);border-bottom:2px solid var(--g2);position:sticky;top:64px;z-index:900;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.cat-nav-in{max-width:1260px;margin:0 auto;display:flex;overflow-x:auto;padding:0 20px;scrollbar-width:none}
.cat-nav-in::-webkit-scrollbar{display:none}
.cat-btn{padding:13px 18px;font-size:15px;font-weight:500;color:var(--tx2);white-space:nowrap;cursor:pointer;position:relative;border-bottom:2px solid transparent;margin-bottom:-2px;transition:.15s;flex-shrink:0}
.cat-btn:hover{color:var(--r)}
.cat-btn.active{color:var(--r);font-weight:700;border-bottom-color:var(--r)}
.cat-btn.gold-btn{color:var(--gd);font-weight:700}
.content {
  max-width: 1260px;
  /* 👇 把原来的 margin: 20px auto; 改为只需左右居中，取消上下边距 */
  margin: 0 auto 20px auto; 
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.cat-section{background:#fff;border-radius:var(--rad);box-shadow:var(--sh);overflow:hidden}
.cs-hd{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 0;border-bottom:2px solid var(--g2)}
.cs-hd-l{display:flex;align-items:center;gap:0}
.cs-badge{writing-mode:vertical-rl;text-orientation:mixed;font-size:18px;font-weight:900;letter-spacing:6px;padding:14px 8px;color:var(--r);background:var(--rl);border-right:3px solid var(--r)}
.cs-badge.gold{color:var(--gd);background:var(--gl);border-color:var(--g)}
.cs-badge.dark{color:var(--k2);background:var(--g2);border-color:var(--k3)}
.cs-badge.blue{color:#1565c0;background:#e3f2fd;border-color:#1565c0}
.cs-badge.green{color:#1a5e20;background:#e8f5e9;border-color:#1a5e20}
.cs-info{padding:12px 16px}
.cs-info h2{font-size:17px;font-weight:700;color:var(--tx);margin-bottom:3px}
.cs-info p{font-size:12px;color:var(--g4)}
.cs-hd-r{display:flex;align-items:center;gap:16px;padding-right:18px}
.cs-sel{font-size:12px;color:var(--r);font-weight:600;border-bottom:2px solid var(--r);padding-bottom:2px}
.cs-more{font-size:12px;color:var(--r);cursor:pointer;display:flex;align-items:center;gap:2px}
.cs-more:hover{text-decoration:underline}

.cs-body{display:grid;grid-template-columns:1fr 1fr 1fr 188px;gap:0}
.cs-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;grid-column:1/4}
.card{border-right:1px solid var(--g2);border-bottom:1px solid var(--g2);padding:16px;cursor:pointer;transition:.18s;position:relative}
.card:hover{background:var(--gl)}
.card-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:3px;margin-bottom:8px}
.t-hot{background:var(--rl);color:var(--r)}
.t-new{background:var(--gl);color:var(--gd)}
.t-top{background:#e8f5e9;color:#1a5e20}
.t-ai{background:#e3f2fd;color:#1565c0}
.card-name{font-size:14px;font-weight:600;color:var(--tx);margin-bottom:5px;line-height:1.4}
.card-sub{font-size:12px;color:var(--gd);margin-bottom:6px}
.card-meta{font-size:11px;color:var(--g4);margin-bottom:10px}
.card-ft{display:flex;justify-content:space-between;align-items:center}
.card-price{font-size:16px;font-weight:900;color:var(--r)}
.card-price small{font-size:11px;font-weight:400;color:var(--g4)}
.card-cta{background:var(--gl);color:var(--gd);border:none;padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:.18s;font-family:var(--f)}
.card-cta:hover{background:var(--g);color:var(--k)}
.cs-hot{border-left:1px solid var(--g2);padding:14px 12px}
.cs-hot-title{font-size:12px;font-weight:700;color:var(--gd);margin-bottom:10px;display:flex;align-items:center;gap:4px}
.cs-hot-title::before{content:"✦";color:var(--g)}
.cs-hot-group{font-size:11px;color:var(--g4);font-weight:600;margin:10px 0 4px}
.cs-hot-lk{display:block;font-size:12px;color:var(--r);line-height:1.95;cursor:pointer}
.cs-hot-lk:hover{text-decoration:underline}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-cards{display:grid;grid-template-columns:1fr;gap:0}
.mini-card{border-bottom:1px solid var(--g2);padding:13px 16px;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:space-between}
.mini-card:last-child{border-bottom:none}
.mini-card:hover{background:var(--gl)}
.mini-card-name{font-size:13px;font-weight:600;color:var(--tx);margin-bottom:3px}
.mini-card-sub{font-size:11px;color:var(--g4)}
.mini-card-r{text-align:right;flex-shrink:0}
.mini-price{font-size:14px;font-weight:700;color:var(--r);white-space:nowrap}
.mini-btn{display:block;font-size:11px;color:var(--gd);margin-top:3px}

.side-tools{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:800;background:#fff;border:1px solid var(--g2);border-radius:8px 0 0 8px;box-shadow:var(--shm);overflow:hidden}
.st-item{display:flex;flex-direction:column;align-items:center;padding:11px 13px;gap:3px;font-size:10px;color:var(--tx2);border-bottom:1px solid var(--g2);cursor:pointer;transition:.15s;text-align:center}
.st-item:last-child{border-bottom:none}
.st-item:hover{background:var(--rl);color:var(--r)}
.st-item .si{font-size:18px}

.chat-float{position:fixed;bottom:26px;right:64px;z-index:900}
.chat-fab{width:48px;height:48px;border-radius:50%;border:none;background:var(--r);color:#fff;font-size:21px;box-shadow:0 4px 14px rgba(139,26,42,.45);cursor:pointer;transition:.2s}
.chat-fab:hover{background:var(--rd);transform:scale(1.1)}
.chat-box{display:none;position:absolute;bottom:58px;right:0;width:325px;background:#fff;border:2px solid var(--g);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.chat-box.open{display:block}
.chat-hd{background:var(--k);padding:12px 15px;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:space-between}
.chat-hd span{color:var(--g);font-weight:700;font-size:13px}
.chat-ctx{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:3px 7px;font-size:12px;font-family:var(--f)}
.chat-msgs{height:240px;overflow-y:auto;padding:12px}
.msg{margin-bottom:9px;font-size:13px;line-height:1.5}
.msg.ai{background:var(--rl);padding:8px 11px;border-radius:5px;color:var(--rd)}
.msg.me{text-align:right;color:var(--g4)}
.chat-ft{display:flex;border-top:1px solid var(--g2)}
.chat-ft input{flex:1;border:none;padding:10px 12px;font-size:13px;outline:none}
.chat-ft button{background:var(--g);border:none;padding:0 15px;cursor:pointer;font-size:15px;border-radius:0 0 8px 0;color:var(--k)}

.inq-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:700;background:var(--k);border-top:2px solid var(--g);padding:11px 32px;align-items:center;justify-content:space-between}
.inq-bar.show{display:flex}
.inq-bar p{font-size:13px;color:rgba(255,255,255,.8)}
.inq-bar strong{color:var(--g)}

footer{background:var(--k);margin-top:0}
.ft-friend{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 20px;max-width:1260px;margin:0 auto;display:flex;align-items:center;gap:20px;font-size:12px;color:rgba(255,255,255,.3);flex-wrap:wrap}
.ft-friend a{color:var(--g)}
.ft-main{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr) 160px;gap:24px;padding:36px 20px}
.ft-col h4{color:var(--g);font-size:13px;font-weight:700;margin-bottom:13px}
.ft-col a{display:block;font-size:12px;color:rgba(255,255,255,.5);margin-bottom:7px;transition:.15s}
.ft-col a:hover{color:var(--g)}
.ft-qr{text-align:center}
.ft-qr-box{width:90px;height:90px;background:var(--g);border-radius:6px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:40px}
.ft-qr p{font-size:11px;color:rgba(255,255,255,.5)}
.ft-bottom{border-top:1px solid rgba(255,255,255,.07);text-align:center;padding:14px 20px;font-size:11px;color:rgba(255,255,255,.25)}
.ft-bottom a{color:rgba(255,255,255,.3);margin:0 8px}
.ft-bottom a:hover{color:var(--g)}

@media(max-width:1100px){
  .top-layout{padding:0 12px}
  .content{padding:0 12px}
  .mega{min-width:480px}
  .ft-main{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .sidebar{display:none}
  .top-layout{display:block}
  .top-right{width:100%}
  .cs-body{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .cs-cards{grid-template-columns:1fr 1fr;grid-column:auto}
  .cs-hot{display:none}
  .two-col{grid-template-columns:1fr}
  .side-tools{display:none}
  .chat-float{right:14px}
}
@media(max-width:600px){
  .hd-in{gap:8px;padding:0 10px}
  .srch-wrap{max-width:none}
  .hd-acts .hd-act:not(:last-child){display:none}
  .hero-video-banner .banner-body.hero-content{padding:22px 18px}
  .hero-video-banner .banner-body.hero-content h1{font-size:22px}
  .hero-video-banner .banner-body.hero-content .banner-btns{gap:7px}
  .hero-video-banner .banner-body.hero-content .btn-g,.btn-r,.btn-o{padding:8px 14px;font-size:12px}
  .cat-btn{padding:10px 12px;font-size:13px}
  .cs-body,.cs-cards{grid-template-columns:1fr}
  .ft-main{grid-template-columns:1fr 1fr;gap:16px}
  .ft-qr{display:none}
  .content{gap:14px}
}

.about-intro { background: var(--w); padding: 60px 0 30px 0; }
.about-inner { max-width: 1260px; margin: 0 auto; padding: 0 20px; }
.about-header { text-align: center; margin-bottom: 40px; }
.about-header h2 { font-size: 28px; font-weight: 900; color: var(--k); position: relative; display: inline-block; }
.about-header h2::after { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 40px; height: 3px; background: var(--r); }
.about-header p { font-size: 14px; color: var(--g4); margin-top: 12px; }
.about-brand-story { display: grid; grid-template-columns: 1fr 1.5fr; gap: 30px; margin-bottom: 50px; align-items: center; }
.brand-left { background: var(--w); padding: 40px; border-radius: var(--rad); box-shadow: var(--sh); border-left: 4px solid var(--r); }
.brand-left h3 { font-size: 22px; font-weight: 900; color: var(--k); margin-bottom: 14px; }
.brand-left h3 span { color: var(--g); }
.brand-left p { font-size: 14px; color: var(--tx2); line-height: 1.8; }
.brand-left .highlight { color: var(--r); font-weight: 700; }
.brand-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.brand-stat-card { background: var(--w); padding: 24px 16px; border-radius: var(--rad); text-align: center; box-shadow: var(--sh); transition: transform 0.2s; }
.brand-stat-card:hover { transform: translateY(-4px); box-shadow: var(--shm); }
.brand-stat-card .num { font-size: 32px; font-weight: 900; color: var(--r); line-height: 1.1; }
.brand-stat-card .num.gold { color: var(--g); }
.brand-stat-card .label { font-size: 14px; color: var(--k); font-weight: 600; margin-top: 6px; }
.brand-stat-card .sub { font-size: 12px; color: var(--g4); margin-top: 4px; }

.about-advantages-title { text-align: center; margin: 40px 0 30px 0; }
.about-advantages-title h3 { font-size: 26px; font-weight: 900; color: var(--k); }
.about-advantages-title p { font-size: 14px; color: var(--g4); margin-top: 6px; }
.advantage-table { display: grid; grid-template-columns: 120px 1fr 1fr; gap: 0; border-radius: var(--rad); overflow: hidden; box-shadow: var(--sh); background: var(--w); margin-bottom: 40px; }
.adv-col-header { background: var(--g2); font-weight: 700; color: var(--k); padding: 16px 14px; border-right:1px solid var(--w); text-align: center; font-size:14px;}
.adv-col-header:last-child { border-right:none; }
.adv-row { display: contents; }
.adv-item { padding: 14px 14px; border-bottom: 1px solid var(--g2); font-size: 13px; display: flex; align-items: center; }
.adv-item strong { color: var(--r); font-weight: 700; }
.adv-col-1 { background: var(--g1); color: var(--k); font-weight: 600; justify-content: center; text-align: center; border-right: 1px solid var(--w);}
.adv-col-highlight { background: var(--r); color: var(--w); }
.adv-col-highlight .adv-item { color: var(--w); border-bottom-color: rgba(255,255,255,0.15); }
.adv-col-highlight .adv-item strong { color: var(--g); }

.values-wrap { background: var(--w); padding: 50px 20px; margin-top: 20px; border-radius: var(--rad); }
.values-inner { max-width: 1260px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.6fr; gap: 40px; align-items: center; }
.values-left { background: var(--g1); border-radius: var(--rad); padding: 30px; display: flex; justify-content: center; align-items: center; min-height: 320px; border: 1px solid var(--g2); }
.values-left span { font-size: 80px; text-align: center; color: var(--r); }
.values-list { display: flex; flex-direction: column; gap: 20px; }
.val-item { display: flex; gap: 16px; border-bottom: 1px dashed var(--g2); padding-bottom: 16px; }
.val-item:last-child { border-bottom: none; padding-bottom: 0; }
.val-num { font-size: 26px; font-weight: 900; color: var(--r); width: 48px; flex-shrink: 0; line-height: 1.2; }
.val-content { display: flex; flex-direction: column; gap: 4px; }
.val-title { font-size: 17px; font-weight: 700; color: var(--k); }
.val-desc { font-size: 13px; color: var(--g4); line-height: 1.6; }

@media (max-width: 1100px) {
  .about-brand-story { grid-template-columns: 1fr; }
  .advantage-table { grid-template-columns: 100px 1fr 1fr; }
}
@media (max-width: 768px) {
  .advantage-table { display: none; }
  .values-inner { grid-template-columns: 1fr; }
  .values-left { min-height: 180px; }
  .values-left span { font-size: 50px; }
  .brand-stats { grid-template-columns: 1fr 1fr; }
}
/* ============================================================
   新增 · Banner 下方精选服务入口四宫格
   ============================================================ */
.entry-gateway {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  /* 👇 把原来的 margin-bottom: 22px; 删掉，或者改成 0 */
  margin-bottom: 0; 
}
.gateway-card {
  background: var(--w);
  padding: 20px 24px;
  border-radius: var(--rad);
  box-shadow: var(--sh);
  border-left: 4px solid var(--r); /* 默认猪肝红边框 */
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 90px;
}
.gateway-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shm);
  border-left-color: var(--g); /* 悬停变成金色边框 */
}
.gateway-card h4 {
  font-size: 17px;
  font-weight: 700;
  color: var(--k);
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}
.gateway-card p {
  font-size: 13px;
  color: var(--g4);
  margin-bottom: 12px;
  line-height: 1.4;
}
.gateway-card .link {
  font-size: 12px;
  color: var(--r);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
}
.gateway-card .link:hover {
  color: var(--g);
}

/* 手机端适配 */
@media (max-width: 900px) {
  .entry-gateway { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .entry-gateway { grid-template-columns: 1fr; }
}
/* ============================================================
   替换：国学诗词展示区（黑底金字 · 新中式排版）
   ============================================================ */
.poetry-section {
  background: var(--k); /* 纯黑底 */
  padding: 70px 20px;
  margin: 0 auto;
  border-top: 1px solid rgba(201, 168, 76, 0.2);
  border-bottom: 1px solid rgba(201, 168, 76, 0.2);
  text-align: center;
}
.poetry-inner {
  max-width: 800px;
  margin: 0 auto;
}
.poetry-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 6px; /* 汉字间距 */
  color: var(--g);
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}
.poetry-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: var(--g);
  margin: 16px auto 0;
}
.poetry-verse {
  font-size: 20px;
  line-height: 2.4; /* 诗词行距拉开，更有书卷气 */
  letter-spacing: 2px;
  color: var(--gl); /* 浅金色/米白色 */
  font-weight: 400;
  margin-bottom: 8px;
}
.poetry-verse em {
  color: var(--g);
  font-style: normal;
  font-weight: 600;
}
.poetry-author {
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  letter-spacing: 2px;
}
.poetry-slogan {
  margin-top: 20px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(201, 168, 76, 0.2);
  padding-top: 20px;
  letter-spacing: 1px;
}

/* 手机端适配 */
@media (max-width: 600px) {
  .poetry-title { font-size: 22px; }
  .poetry-verse { font-size: 16px; line-height: 2; }
}