@charset "utf-8";
:root {
  --zjxp-ink: #000000;        /* 正文笔画众数，采样 (360,546)-(1560,661) */
  --zjxp-date: #6C6764;       /* 日期笔画众数，(1368,2073)-(1500,2412) */
  --zjxp-blue: #077BD2;       /* 按钮底色众数，(580,2470)-(680,2500) */
  --zjxp-red: #DF0901;        /* 印章 / 【查看更多】，(1139,444) */
  --zjxp-line: #9AC5FA;       /* 卡片蓝色细线，(700,1443) */
  --zjxp-footer: #565A5D;    /* 页脚底色，(100,4150) */
  --zjxp-footer-line: #8A8D90;
  --zjxp-card: rgba(255, 255, 255, .82);
}
/*全局动画-仅支持主流浏览器*/
/* .fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);} */
/* 全局动画-所有浏览器都支持 */
.fade-in {opacity: 0;/* IE8 专用透明 */filter: alpha(opacity=0);transform: translateY(24px);/* IE9+ 支持 transform */-ms-transform: translateY(24px);transition:opacity .6s ease,transform .6s ease;/* IE10+ 支持 transition */-ms-transition:opacity .6s ease,transform .6s ease;}
/* 显示状态 */
.fade-in.visible {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);-ms-transform: translateY(0);}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {overflow-x: hidden;background: #FFFFFF;color: var(--zjxp-ink);font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;font-size: 22px; line-height: 1.5;}
a { color: inherit; text-decoration: none; }
img { border: 0; }
ul { list-style: none; margin: 0; padding: 0; }
p { margin: 0; }
button, input { font: inherit; }
:focus-visible { outline: 3px solid #FFD54A; outline-offset: 3px; }
.zjxp-sr {position: absolute; width: 1px; height: 1px; overflow: hidden;clip: rect(0 0 0 0); white-space: nowrap;}
.zjxp-page {position: relative;width: 1920px;margin-left: calc((100vw - 1920px) / 2);overflow: hidden;background: #FFFFFF;}

.zjxp-intro__title a img, .zjxp-division__title a img, .zjxp-plan__title a img, .zjxp-tour__title a img {transition: 0.3s all;}
.zjxp-intro__title a:hover img, .zjxp-division__title a:hover img, .zjxp-plan__title a:hover img, .zjxp-tour__title a:hover img {transform: scale(1.1);}

/* ===== 主体装饰层（相对 main 顶 = 稿 y321） ===== */
.zjxp-main { position: relative; }
.zjxp-deco { position: absolute; width: auto; max-width: 100%; margin: 0 auto; }
.zjxp-deco--mainbg  { left: 0; top: 0; }        /* 背景.png 1920×3223 [稿 y321] */
.zjxp-deco--aerial  { left: 0; top: 3px; }      /* 溆浦概况背景.png 1920×968 [稿 y324] */
.zjxp-deco--statue  { left: 55.2%; top: 615px; }/* 右地图.png 664×951 [稿 x1060 y936] */
.zjxp-section { position: relative; width: 100%; }

/* ===== 板块 1 · 溆浦概况 [稿 y321~y1260，高 939] ===== */
.zjxp-intro { height: 939px; }
.zjxp-intro__title {
  position: absolute; left: 788px; top: 63px;   /* [稿 x788 y384] 标签.png 375×114 */
  margin: 0; width: 375px; height: 114px;
}
.zjxp-intro__text {
  position: absolute; left: 360px; top: 214px; /* [稿 x360 y546；首行墨迹 y547] */
  width: 1198px;                              /* [稿 x360~x1558] */
  font-size: 24px; line-height: 45px;         /* [稿 墨迹行带 23px，行距 y547→592→637 = 45] */
  color: var(--zjxp-ink);
}
.zjxp-intro__text p:first-child { text-indent: 58px; } /* [稿 首行起 x427，次行起 x360] */
.zjxp-inline-more { color: var(--zjxp-red); font-size: 20px; }
.zjxp-inline-more:hover { color: var(--zjxp-blue); }
.zjxp-intro__text .zjxp-inline-more:hover{ color: #f9d212; }

/* ===== 板块 2 · 行政区划 [稿 y1260~y1953，高 693] ===== */
.zjxp-division { height: 693px; }
.zjxp-division__title {
  position: absolute; left: 348px; top: 0;      /* [稿 x348 y1260] 标签4.png 374×118 */
  margin: 0; width: 374px; height: 118px;
}
.zjxp-division__card {
  position: absolute; left: 355px; top: 183px; /* [稿 x355 y1443] */
  width: 881px; height: 305px;                /* [稿 x355~x1236 y1443~y1748] */
  background: var(--zjxp-card);
}
.zjxp-division__card::before,
.zjxp-division__card::after {
  content: ""; position: absolute; left: 153px; width: 728px; height: 6px;
  background: var(--zjxp-line);
}
.zjxp-division__card::before { top: -3px; }     /* [稿 x508~x1216 y1440~1446] */
.zjxp-division__card::after  { bottom: -4px; } /* [稿 x508~x1216 y1746~1752] */
.zjxp-division__text {
  position: absolute; left: 55px; top: 20px;   /* [稿 x410 y1493；首行墨迹 y1494] */
  width: 753px;                                /* [稿 x410~x1163] */
  font-size: 22px; line-height: 45px;          /* [稿 墨迹 22px，行距 y1494→1539→1584 = 45] */
}
.zjxp-division__text p:first-child { text-indent: 55px; } /* [稿 首行起 x469，次行起 x410] */

/* ===== 板块 3 · 经济发展 [稿 y1953~y2706，高 753] ===== */
.zjxp-economy { height: 753px; }
.zjxp-economy__bar {
  position: absolute; left: 357px; top: 3px;   /* [稿 x357 y1956] 组14.png 137×600 */
  width: 137px; height: 600px;
}
.zjxp-economy__card {
  position: absolute; left: 493px; top: 0;    /* [稿 x493 y1953] */
  width: 1069px; height: 604px;               /* [稿 x493~x1562 y1953~2557] */
}
.zjxp-economy__cardbg {
  position: absolute; left: 0; top: 3px;      /* [稿 x494 y1956] 底.png 1066×600 */
  width: 1066px; height: 600px; max-width: 100%;
}
.zjxp-economy__card::before { left: 360px; top: 1px; }   /* [稿 x853 y1954] */
.zjxp-economy__card::after  { left: 361px; top: 598px; } /* [稿 x854 y2551] */
.zjxp-economy__title {
  position: absolute; left: 79px; top: 38px;  /* [稿 x572 y1995~2023] */
  margin: 0; font-size: 26px; line-height: 32px; font-weight: 700;
  color: var(--zjxp-blue);
}
.zjxp-economy__title::before {
  content: ""; position: absolute; left: -20px; top: 1px; width: 6px; height: 27px;
  background: #077AD3;                        /* [稿 x552~558 y1996~2023] */
}
.zjxp-news {
  position: absolute; left: 72px; top: 97px;  /* [稿 x572 y2070；首行墨迹 y2070] */
  width: 935px;                               /* 右端到 [稿 x1500] */
}
.zjxp-news li {
  display: flex; align-items: center; justify-content: space-between;
  height: 64px;                                /* [稿 行距 y2070→2134→2198 = 64] */
  font-size: 26px;                             /* [稿 墨迹 24px，标题宽 384px] */
}
.zjxp-news li a { 
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; }
.zjxp-news li a:hover{color: #206bdb;}
.zjxp-news__date { color: var(--zjxp-date); font-size: 24px; white-space: nowrap; }
.zjxp-more {
  position: absolute; left: 82px; top: 512px; /* [稿 x575 y2465] */
  display: flex; align-items: center; justify-content: center;
  width: 109px; height: 38px;                  /* [稿 109×38] */
  background: var(--zjxp-blue); color: #FFFFFF;
  font-size: 14px; line-height: 1; border-radius: 2px;
}
.zjxp-more:hover { background: #0668B2; }

/* ===== 板块 4 · 远景规划 [稿 y2706~y3361，高 655] ===== */
.zjxp-plan { height: 655px; }
.zjxp-plan__title {
  position: absolute; left: 364px; top: 0;    /* [稿 x364 y2706] 标签3.png 375×108 */
  margin: 0; width: 375px; height: 108px;
}
.zjxp-plan__photos {
  position: absolute; left: 1130px; top: 42px;/* [稿 x1130 y2748] 组21.png 433×321 */
  width: 433px; height: 321px;
}
.zjxp-plan__list {
  position: absolute; left: 413px; top: 157px;/* [稿 x413 y2882；首行墨迹 y2883] */
  width: 700px;                               /* [稿 x413~x1101] */
}
.zjxp-plan__list li {
  height: 64px; display: flex; align-items: center;
  font-size: 26px; white-space: nowrap;       /* [稿 墨迹 24px，行距 y2883→2943 = 60] */
}
.zjxp-plan__list li a{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zjxp-plan__list li a:hover{color: #206bdb;}
.zjxp-plan__more { left: 412px; top: 510px; width: 110px; height: 39px; } /* [稿 x412 y3216] */

/* ===== 板块 5 · 溆浦旅游 [稿 y3361~y4071，高 710] ===== */
.zjxp-tour { height: 710px; }
.zjxp-tour__bg {
  position: absolute; left: 0; top: 0;
  width: auto; max-width: 100%; margin: 0 auto;/* 底图.png 1920×710 [稿 y3361] */
}
.zjxp-tour__title {
  position: absolute; left: 788px; top: 85px; /* [稿 x788 y3446] 标签2.png 375×103 */
  margin: 0; width: 375px; height: 103px;
}
.zjxp-tour__tags a { position: absolute; top: 517px; width: 350px; height: 91px; } /* [稿 y3878] */
.zjxp-tour__tags a img { transition: 0.3s all; }
.zjxp-tour__tags a:hover img { transform: scale(1.1); }
.zjxp-tour__tags a:nth-child(1) { left: 194px; }  /* [稿 x194] */
.zjxp-tour__tags a:nth-child(2) { left: 768px; }  /* [稿 x768] */
.zjxp-tour__tags a:nth-child(3) { left: 1340px; }/* [稿 x1340] */
.zjxp-tour__tags img { display: block; width: 350px; height: 91px; }

/* ===== mock 交互提示 ===== */
.zjxp-toast {
  position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%);
  z-index: 99; padding: 10px 20px; border-radius: 6px;
  background: rgba(20, 30, 40, .92); color: #FFFFFF; font-size: 14px;
}

/* ===== 响应式：<1000px 由固定画布改为流式重排（手册 3.3.6） ===== */
@media (max-width: 1000px) {
  .zjxp-page { width: 100%; max-width: 100%; margin-left: 0; }
.zjxp-deco--statue {display: none;}
  .zjxp-deco--aerial {position: static;width: 100%;max-width: 100%;height: auto;}
  .zjxp-section { height: auto; padding: 22px 0; }
  .zjxp-intro__title, .zjxp-division__title, .zjxp-plan__title, .zjxp-tour__title {position: static; width: auto; max-width: 90%; height: auto;margin: 0 auto 16px; text-align: center;}
  .zjxp-intro__title img, .zjxp-division__title img,
  .zjxp-plan__title img, .zjxp-tour__title img {width: 100%;max-width: 240px;height: auto;}
  .zjxp-intro__text, .zjxp-division__card, .zjxp-division__text,
  .zjxp-economy__bar, .zjxp-economy__card, .zjxp-economy__cardbg,
  .zjxp-economy__title, .zjxp-news, .zjxp-more,
  .zjxp-plan__photos, .zjxp-plan__list, .zjxp-plan__more,
  .zjxp-tour__bg, .zjxp-tour__tags a, .zjxp-footer__links,
  .zjxp-footer__info, .zjxp-footer__icons {position: static;width: auto;max-width: calc(100% - 32px);height: auto;margin: 0 auto 16px;}
  .zjxp-intro__text { font-size: 16px; line-height: 1.9; }
  .zjxp-division__card { max-width: calc(100% - 32px); padding: 20px 16px; background: var(--zjxp-card); }
  .zjxp-division__card::before, .zjxp-division__card::after,
  .zjxp-economy__card::before, .zjxp-economy__card::after { display: none; }
  .zjxp-division__text {font-size: 16px;line-height: 1.9;max-width: 100%;}
  .zjxp-economy__bar {display: none;}
  .zjxp-economy__card { padding: 16px; background: var(--zjxp-card); }
  .zjxp-economy__cardbg { display: none; }
  .zjxp-economy__title {
font-size: 54px;
text-align: center;
line-height: normal;
font-family: cursive;/* 核心基础样式 */
font-weight: bold;
color: #007AFF;
text-shadow: 0 0 12px rgb(255 255 255 / 60%), 3px 3px 8px rgb(65 185 255 / 40%), -2px -2px 6px rgb(255 255 255);
filter: blur(0.5px) contrast(1.1);
}
  .zjxp-economy__title::before { display: none; }
  .zjxp-news {margin-bottom: 12px;max-width: 100%;}
  .zjxp-news li { height: auto; min-height: 44px; gap: 10px; flex-wrap: wrap; font-size: 16px; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,.08); }
  .zjxp-news__date { font-size: 13px; }
  .zjxp-more {display: none;width: 109px;height: 38px;margin: 12px 0 0;}
  .zjxp-plan__photos { display: block; max-width: 90%; }
  .zjxp-plan__list li { height: auto; min-height: 44px; white-space: normal; font-size: 16px; padding: 8px 0; }
  .zjxp-tour__bg { max-width: 100%; margin: 0 auto 16px; }
  .zjxp-tour__tags { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
  .zjxp-tour__tags a { flex: 0 1 280px; margin: 0; }
  .zjxp-tour__tags img { width: 100%; height: auto; }
}
@media (max-width: 800px) {
  body { font-size: 15px; }
  .zjxp-deco--aerial{display: none;}
  .zjxp-intro__text, .zjxp-division__text, .zjxp-news li, .zjxp-plan__list li {font-size: 15px;}
  .zjxp-section { padding: 12px 0 0; }
  .zjxp-division__card, .zjxp-economy__card {padding: 0;background: none;margin-bottom: 0;}
}