/* ==========================================================================
   寻味茅乡 —— 醉美酱酒全国行
   站点样式
   ========================================================================== */

:root{
  --ink:#0f1720;
  --ink-2:#16212c;
  --ink-3:#22303d;
  --gold:#c08a1e;
  --gold-2:#dfb44a;
  --gold-3:#f2dfa6;
  --gold-soft:rgba(192,138,30,.10);
  --gold-line:rgba(192,138,30,.42);
  --cream:#f8f5ee;
  --paper:#ffffff;
  --line:#e8e2d5;
  --text:#222a32;
  --muted:#77808b;
  --red:#a3243c;
  --radius:14px;
  --radius-s:9px;
  --shadow:0 1px 2px rgba(24,32,40,.04), 0 8px 24px rgba(24,32,40,.06);
  --shadow-hover:0 4px 12px rgba(24,32,40,.08), 0 18px 44px rgba(24,32,40,.12);
  --serif:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:var(--cream);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;}

/* ---------- 顶部招商横幅 ---------- */
.topbar{
  background:linear-gradient(100deg,#1c1508 0%,#3a2c0c 32%,#8a6816 68%,#c9a03a 100%);
  color:#fff8e6;
  font-size:14px;
}
.topbar .wrap{
  display:flex;align-items:center;justify-content:center;gap:18px;
  min-height:46px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;
}
.topbar .tag{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
  border-radius:999px;padding:2px 12px;font-size:12px;letter-spacing:.06em;white-space:nowrap;
}
.topbar strong{color:#ffe9ab;font-weight:600;letter-spacing:.04em;}
.topbar .tel{
  display:inline-flex;align-items:center;gap:7px;
  background:#fff6da;color:#6a4a06;font-weight:700;
  border-radius:999px;padding:3px 16px;letter-spacing:.05em;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}
.topbar .tel:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.26);}
.topbar .tel .dot{
  width:7px;height:7px;border-radius:50%;background:#c0392b;
  animation:pulse 1.6s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.72);}}

/* ---------- 页头 ---------- */
.header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,253,248,.94);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px;}
.brandmark{display:flex;align-items:center;gap:12px;min-width:0;}
.brandmark .seal{
  width:42px;height:42px;border-radius:10px;flex:none;
  background:linear-gradient(140deg,#1b2634,#0f1720);
  color:var(--gold-2);display:grid;place-items:center;
  font-family:var(--serif);font-size:21px;font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(223,180,74,.4);
}
.brandmark .tt{line-height:1.2;}
.brandmark .t1{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.16em;color:var(--ink);}
.brandmark .t2{font-size:11px;color:var(--gold);letter-spacing:.30em;}
.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.nav a{
  padding:8px 15px;border-radius:8px;font-size:14.5px;color:#41505f;
  transition:background .16s ease,color .16s ease;white-space:nowrap;
}
.nav a:hover{background:var(--gold-soft);color:#8a6210;}
.nav a.on{color:#8a6210;background:var(--gold-soft);font-weight:600;}
.nav a.cta{
  background:linear-gradient(135deg,#16212c,#24384a);color:#f6e2ab;
  font-weight:600;margin-left:8px;
}
.nav a.cta:hover{background:linear-gradient(135deg,#1d2b39,#2c4557);color:#fff0c9;}

/* ---------- 首屏 ---------- */
.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(1200px 520px at 78% -12%, rgba(200,160,58,.30), transparent 62%),
             linear-gradient(160deg,#0d141c 0%,#152029 46%,#0f1720 100%);
  color:#f3ecdd;
  padding:74px 0 68px;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(223,180,74,.5) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(223,180,74,.5) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 72%);
}
.hero .wrap{position:relative;z-index:2;}
.hero .kicker{
  display:inline-flex;align-items:center;gap:9px;
  border:1px solid rgba(223,180,74,.42);border-radius:999px;
  padding:5px 16px;font-size:12.5px;letter-spacing:.2em;color:var(--gold-2);
  background:rgba(223,180,74,.07);margin-bottom:24px;
}
.hero h1{
  font-family:var(--serif);font-size:clamp(38px,6.2vw,68px);line-height:1.12;
  margin:0 0 16px;font-weight:700;letter-spacing:.06em;
  background:linear-gradient(96deg,#fdf6e3 6%,#e8c86f 42%,#c9a03a 68%,#f4e3b0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero h2{
  font-family:var(--serif);font-size:clamp(17px,2.3vw,25px);
  font-weight:400;color:#cdd6de;margin:0 0 22px;letter-spacing:.22em;
}
.hero p.lead{
  max-width:730px;color:#9fb0be;font-size:15.5px;margin:0 0 30px;
}
.hero .stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:34px;}
.hero .stat b{
  display:block;font-family:var(--serif);font-size:32px;color:var(--gold-2);
  line-height:1.2;letter-spacing:.03em;
}
.hero .stat span{font-size:12.5px;color:#8598a6;letter-spacing:.16em;}

/* ---------- 首屏精简版：地图上移，标题条压扁 ---------- */
.hero-slim{padding:34px 0 30px;}
.hero-slim .hs-row{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:26px;flex-wrap:wrap;
}
.hero-slim .hs-title{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;}
.hero-slim h1{
  font-size:clamp(30px,4.4vw,48px);margin:0;letter-spacing:.08em;
  background:linear-gradient(96deg,#fdf6e3 6%,#e8c86f 44%,#c9a03a 70%,#f4e3b0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1.15;
}
.hero-slim .hs-sub{
  font-family:var(--serif);font-size:clamp(13px,1.7vw,18px);
  color:#c3cdd6;letter-spacing:.24em;
}
.hero-slim .hs-stats{
  display:flex;gap:24px;flex-wrap:wrap;font-size:12.5px;
  color:#93a3b1;letter-spacing:.04em;
}
.hero-slim .hs-stats b{
  font-family:var(--serif);font-size:23px;color:var(--gold-2);
  margin-right:5px;letter-spacing:.02em;
}
.hero-slim .lead{
  margin:16px 0 0;font-size:14.5px;max-width:940px;color:#9fb0be;line-height:1.95;
}
.hero-slim .lead b{color:var(--gold-2);font-weight:600;}

/* 地图渲染失败提示 */
.map-error{
  height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:10px;padding:40px;text-align:center;color:#9aa5b0;font-size:13.5px;
}
.map-error b{font-size:15px;color:#8a7c60;}
.map-error span{max-width:520px;line-height:1.9;}

/* ---------- 区块通用 ---------- */
section.block{padding:64px 0;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap;}
.sec-head .l .eyebrow{
  font-size:12px;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;margin-bottom:9px;
}
.sec-head h3{
  font-family:var(--serif);font-size:clamp(23px,3vw,31px);margin:0;color:var(--ink);
  letter-spacing:.07em;position:relative;padding-left:16px;
}
.sec-head h3::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:24px;border-radius:2px;background:linear-gradient(180deg,var(--gold-2),var(--gold));
}
.sec-head .desc{color:var(--muted);font-size:14px;max-width:600px;margin:10px 0 0 16px;}
.sec-head .more{
  font-size:13.5px;color:#8a6210;border:1px solid var(--gold-line);border-radius:999px;
  padding:7px 18px;transition:.18s;white-space:nowrap;
}
.sec-head .more:hover{background:var(--gold);color:#fff;border-color:var(--gold);}

/* ---------- 地图区 ---------- */
.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:24px;align-items:start;}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.map-card{position:relative;padding:10px 10px 4px;}
#cnmap{width:100%;height:600px;}
.map-legend{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  padding:10px 18px 16px;font-size:13px;color:var(--muted);
}
.map-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px;}
.map-legend .lg-gold i{background:linear-gradient(135deg,var(--gold-2),var(--gold));}
.map-legend .lg-prov i{background:#dfe5ea;}
.map-legend .lg-hint{margin-left:auto;color:#a79b83;font-size:12.5px;}

.prov-panel{position:sticky;top:96px;}
.prov-panel .ph{
  padding:22px 22px 18px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fdfbf5,#fff);
  border-radius:var(--radius) var(--radius) 0 0;
}
.prov-panel .ph .pname{
  font-family:var(--serif);font-size:26px;font-weight:700;color:var(--ink);letter-spacing:.06em;
  display:flex;align-items:center;gap:10px;
}
.prov-panel .ph .pname em{
  font-style:normal;font-size:11px;letter-spacing:.16em;color:var(--gold);
  border:1px solid var(--gold-line);border-radius:999px;padding:2px 9px;
}
.prov-panel .ph .pmeta{font-size:13px;color:var(--muted);margin-top:8px;}
.prov-panel .pb{padding:16px 18px 20px;max-height:430px;overflow:auto;}
.prov-panel .pb::-webkit-scrollbar{width:6px;}
.prov-panel .pb::-webkit-scrollbar-thumb{background:#ded6c6;border-radius:3px;}

.brand-li{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;border-radius:var(--radius-s);
  border:1px solid var(--line);background:#fff;margin-bottom:9px;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.brand-li .nm{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.02em;}
.brand-li .ar{
  margin-left:auto;font-size:12px;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:2px 10px;white-space:nowrap;
}
.brand-li.is-gold{
  background:linear-gradient(100deg,#fffaf0,#fffdf7 62%);
  border-color:var(--gold-line);
  box-shadow:0 2px 10px rgba(192,138,30,.10);
}
.brand-li.is-gold .nm{color:#8a6210;}
.brand-li.is-gold .ar{
  color:#8a6210;border-color:var(--gold-line);background:rgba(223,180,74,.16);
}
.brand-li.is-gold .go{
  font-size:12px;color:#fff;background:linear-gradient(135deg,var(--gold-2),var(--gold));
  border-radius:999px;padding:3px 12px;font-weight:600;letter-spacing:.04em;white-space:nowrap;
}
.brand-li.is-gold:hover{transform:translateX(3px);box-shadow:0 6px 20px rgba(192,138,30,.22);}
.brand-li:not(.is-gold):hover{border-color:#cdd6de;background:#fbfcfd;}
.gold-dot{
  width:7px;height:7px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));
  box-shadow:0 0 0 3px rgba(223,180,74,.18);
}
.plain-dot{width:7px;height:7px;border-radius:50%;flex:none;background:#c3ccd4;}
.prov-empty{padding:16px 4px;color:var(--muted);font-size:13.5px;line-height:1.9;}

/* ---------- 广告位 ---------- */
.ad-box{
  border:1px dashed #d8cfba;border-radius:var(--radius);
  background:repeating-linear-gradient(135deg,#fdfbf5,#fdfbf5 10px,#faf7ef 10px,#faf7ef 20px);
  min-height:96px;display:flex;align-items:center;justify-content:center;
  color:#a99c84;font-size:13px;letter-spacing:.08em;text-align:center;padding:20px;
  gap:10px;flex-wrap:wrap;position:relative;
}
.ad-box b{color:#8a7c60;font-weight:600;}
.ad-note{font-size:11.5px;color:#b6a98f;letter-spacing:.04em;}
.ad-tag{
  position:absolute;left:10px;top:10px;
  font-size:10.5px;line-height:1;letter-spacing:.1em;color:#8a7c60;
  border:1px solid #ddd2b8;background:#fffaf0;border-radius:4px;padding:3px 7px;
}
.ad-box .ad-tag{position:static;flex:none;}

/* 京东联盟推荐位 */
.jd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.jd-card{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-s);
  padding:16px 18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.jd-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#e0b9b9;}
.jd-card .jd-name{font-size:14.5px;font-weight:600;color:var(--ink);}
.jd-card .jd-go{font-size:12.5px;color:#b03a3a;white-space:nowrap;}
.jd-foot{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:14px;padding-top:12px;border-top:1px dashed #e3dbcb;
  font-size:11.5px;color:#a99c84;letter-spacing:.03em;
}
.jd-foot .ad-tag{position:static;}

/* ---------- 酱香名酒卡片 ---------- */
.grid-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px;}
.brand-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 20px 18px;position:relative;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.brand-card::before{
  content:"";position:absolute;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width .3s ease;
}
.brand-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--gold-line);}
.brand-card:hover::before{width:100%;}
.brand-card .prov{
  font-size:11.5px;letter-spacing:.2em;color:var(--muted);margin-bottom:10px;
}
.brand-card h4{
  font-family:var(--serif);font-size:21px;margin:0 0 8px;color:var(--ink);letter-spacing:.05em;
}
.brand-card .tl{font-size:13px;color:#7b6a45;min-height:42px;margin:0 0 14px;}
.brand-card .foot{display:flex;align-items:center;justify-content:space-between;}
.chip{
  font-size:11.5px;color:#8a6210;background:rgba(223,180,74,.16);
  border:1px solid var(--gold-line);border-radius:999px;padding:2px 10px;
}
.brand-card .arrow{font-size:13px;color:var(--gold);letter-spacing:.06em;}

/* ---------- 列表（资讯 / 评论） ---------- */
.list-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;}
.news-item{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 24px 20px;display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.news-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#ddd4c2;}
.news-item .meta{
  display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);margin-bottom:12px;flex-wrap:wrap;
}
.news-item .src{
  color:#8a6210;background:var(--gold-soft);border-radius:6px;padding:2px 9px;font-weight:600;letter-spacing:.02em;
}
.news-item h4{
  font-family:var(--serif);font-size:18.5px;line-height:1.5;margin:0 0 12px;color:var(--ink);letter-spacing:.02em;
}
.news-item p{font-size:13.5px;color:#5c6670;margin:0 0 16px;flex:1;}
.news-item .tags{display:flex;gap:8px;flex-wrap:wrap;}
.tagx{font-size:11.5px;color:#7b8794;border:1px solid var(--line);border-radius:999px;padding:2px 10px;}

.list-comment{display:flex;flex-direction:column;gap:14px;}
.cm-item{
  display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:22px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;transition:.18s;
}
.cm-item:hover{border-color:var(--gold-line);box-shadow:var(--shadow-hover);transform:translateX(3px);}
.cm-item .date{
  font-family:var(--serif);font-size:13px;color:#a4977c;text-align:center;line-height:1.5;
  border-right:1px solid var(--line);padding-right:18px;
}
.cm-item .date b{display:block;font-size:24px;color:#8a6210;font-weight:700;}
.cm-item h4{font-family:var(--serif);font-size:18px;margin:0 0 8px;color:var(--ink);letter-spacing:.02em;}
.cm-item p{font-size:13.5px;color:#5c6670;margin:0;}
.cm-item .by{font-size:12px;color:var(--muted);}
.cm-item .arrow{font-size:12.5px;color:var(--gold);white-space:nowrap;}

/* ---------- 文章页 ---------- */
.article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:44px 52px 52px;box-shadow:var(--shadow);}
.article .crumb{font-size:13px;color:var(--muted);margin-bottom:22px;}
.article .crumb a{color:#8a6210;}
.article h1{
  font-family:var(--serif);font-size:clamp(25px,3.4vw,35px);line-height:1.42;
  color:var(--ink);margin:0 0 18px;letter-spacing:.03em;
}
.article .ameta{
  display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);
  padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px;
}
.article .ameta .src{color:#8a6210;font-weight:600;}
.article p{font-size:16px;line-height:2.0;color:#333c45;margin:0 0 20px;text-align:justify;}
.article h2{
  font-family:var(--serif);font-size:20px;color:var(--ink);margin:34px 0 14px;
  padding-left:14px;position:relative;letter-spacing:.04em;
}
.article h2::before{content:"";position:absolute;left:0;top:6px;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--gold-2),var(--gold));}
.article .note{
  background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;
  padding:16px 20px;font-size:14px;color:#6a5a34;margin:26px 0;
}
.article .note b{color:#8a6210;}
.article .rel{margin-top:40px;padding-top:26px;border-top:1px solid var(--line);}
.article .rel h3{font-family:var(--serif);font-size:17px;color:var(--ink);margin:0 0 16px;}
.article .rel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.article .rel li a{font-size:14.5px;color:#41505f;transition:.16s;}
.article .rel li a:hover{color:#8a6210;}
.article .src-link{
  display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#8a6210;
  border:1px solid var(--gold-line);border-radius:999px;padding:7px 18px;margin-top:8px;
}
.article .src-link:hover{background:var(--gold);color:#fff;border-color:var(--gold);}

/* ---------- 品牌详情页 ---------- */
.brand-hero{
  background:radial-gradient(900px 420px at 82% -20%, rgba(200,160,58,.34), transparent 60%),
             linear-gradient(160deg,#0d141c,#182430 60%,#0f1720);
  color:#f2ead9;padding:56px 0 52px;position:relative;overflow:hidden;
}
.brand-hero::after{
  content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, rgba(223,180,74,.9) 1px, transparent 0);
  background-size:26px 26px;
  mask-image:radial-gradient(circle at 30% 30%,#000,transparent 74%);
  -webkit-mask-image:radial-gradient(circle at 30% 30%,#000,transparent 74%);
}
.brand-hero .wrap{position:relative;z-index:2;}
.brand-hero .crumb{font-size:13px;color:#8b9aa8;margin-bottom:20px;}
.brand-hero .crumb a{color:var(--gold-2);}
.brand-hero h1{
  font-family:var(--serif);font-size:clamp(30px,5vw,50px);margin:0 0 10px;
  letter-spacing:.1em;color:#fdf6e3;
}
.brand-hero .tagline{
  font-size:16px;color:var(--gold-2);letter-spacing:.1em;margin:0 0 22px;
}
.brand-hero .chips{display:flex;gap:10px;flex-wrap:wrap;}
.brand-hero .chipx{
  font-size:12.5px;color:#e7d9b4;border:1px solid rgba(223,180,74,.44);
  background:rgba(223,180,74,.10);border-radius:999px;padding:4px 14px;letter-spacing:.06em;
}
.brand-hero .chipx.hot{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a05;border-color:transparent;font-weight:700;}

.brand-body{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:24px;align-items:start;padding:44px 0 8px;}
.prose h2{
  font-family:var(--serif);font-size:21px;color:var(--ink);margin:0 0 16px;
  padding-left:14px;position:relative;letter-spacing:.05em;
}
.prose h2::before{content:"";position:absolute;left:0;top:5px;width:4px;height:19px;border-radius:2px;background:linear-gradient(180deg,var(--gold-2),var(--gold));}
.prose h2:not(:first-child){margin-top:38px;}
.prose p{font-size:15.5px;line-height:2.0;color:#39424c;margin:0 0 18px;text-align:justify;}
.prose ul{margin:0 0 18px;padding-left:0;list-style:none;}
.prose ul li{
  position:relative;padding-left:22px;margin-bottom:11px;font-size:15px;line-height:1.95;color:#39424c;
}
.prose ul li::before{
  content:"";position:absolute;left:4px;top:13px;width:7px;height:7px;border-radius:2px;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));transform:rotate(45deg);
}
.side-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 22px 20px;box-shadow:var(--shadow);position:sticky;top:96px;
}
.side-card h4{
  font-family:var(--serif);font-size:16px;color:var(--ink);margin:0 0 14px;
  padding-bottom:12px;border-bottom:1px solid var(--line);letter-spacing:.06em;
}
.side-card dl{margin:0;font-size:13.5px;}
.side-card dt{color:var(--muted);font-size:12.5px;margin-top:12px;}
.side-card dd{margin:3px 0 0;color:#39424c;font-weight:600;}
.cta-card{
  background:linear-gradient(150deg,#1a2430,#101923);color:#f2ead9;
  border:none;margin-top:18px;padding:26px 22px;
}
.cta-card h4{color:var(--gold-2);border-bottom-color:rgba(223,180,74,.28);font-size:17px;}
.cta-card p{font-size:13.5px;color:#a9b6c2;margin:0 0 16px;line-height:1.85;}
.cta-card .call{
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a05;
  border-radius:999px;padding:11px 18px;font-weight:700;font-size:16px;letter-spacing:.05em;
  transition:transform .18s ease,box-shadow .18s ease;
}
.cta-card .call:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(192,138,30,.4);}
.cta-card .tip{font-size:11.5px;color:#7d8b98;text-align:center;margin-top:10px;margin-bottom:0;}

/* ---------- 页脚 ---------- */
.footer{
  background:linear-gradient(180deg,#121b24,#0c131a);color:#8e9dab;margin-top:56px;
  padding:52px 0 30px;font-size:13.5px;
}
.footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:32px;}
.footer h5{color:#e9dfc8;font-size:14px;margin:0 0 16px;letter-spacing:.14em;font-weight:600;font-family:var(--serif);}
.footer a{color:#8e9dab;transition:.16s;display:block;margin-bottom:9px;}
.footer a:hover{color:var(--gold-2);}
.footer .fbrand .nm{font-family:var(--serif);font-size:20px;color:#f0e6cf;letter-spacing:.18em;margin-bottom:12px;}
.footer .fbrand p{line-height:1.9;margin:0 0 14px;font-size:13px;}
.footer .telbig{color:var(--gold-2);font-size:19px;font-weight:700;letter-spacing:.06em;}
.footer .bottom{
  margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#6d7c8a;
}
.footer .bottom .links{display:flex;gap:18px;}
.footer .bottom a{display:inline;margin:0;}

/* ---------- 页面小标题条 ---------- */
.pagehead{
  background:radial-gradient(760px 300px at 20% -40%, rgba(200,160,58,.24), transparent 62%),
             linear-gradient(160deg,#0f1720,#1a2632);
  color:#f2ead9;padding:52px 0 46px;
}
.pagehead .crumb{font-size:13px;color:#8b9aa8;margin-bottom:14px;}
.pagehead .crumb a{color:var(--gold-2);}
.pagehead h1{font-family:var(--serif);font-size:clamp(26px,4vw,38px);margin:0 0 12px;letter-spacing:.09em;}
.pagehead p{margin:0;color:#9dabb9;font-size:14.5px;max-width:720px;}

@media (max-width:1080px){
  .map-layout{grid-template-columns:minmax(0,1fr);}
  .prov-panel{position:static;}
  .prov-panel .pb{max-height:none;}
  .brand-body{grid-template-columns:minmax(0,1fr);}
  .side-card{position:static;}
  .footer .cols{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  .wrap{padding:0 16px;}
  #cnmap{height:430px;}
  .header .wrap{height:auto;padding:12px 16px;flex-direction:column;align-items:stretch;gap:10px;}
  .nav{justify-content:flex-start;}
  .nav a{padding:7px 11px;font-size:13.5px;}
  .article{padding:26px 20px 32px;}
  .cm-item{grid-template-columns:1fr;gap:12px;}
  .cm-item .date{border-right:none;border-bottom:1px solid var(--line);padding:0 0 10px;text-align:left;display:flex;align-items:baseline;gap:8px;}
  .cm-item .date b{font-size:17px;}
  .footer .cols{grid-template-columns:1fr;}
  .hero{padding:50px 0 46px;}
  .hero .stats{gap:22px;}
}