@charset "utf-8";
/* ============================================================
   鼎新企服 · 企业申报服务网站
   设计语言：青简 · 新中式编辑风（直角/细线/非对称栅格/宋体标题）
   全本地化：系统字体栈 + 本地 SVG 图标 + 本地图片，零 CDN 依赖
   ============================================================ */

/* ---------------- 设计变量 ---------------- */
:root{
  /* 主色：墨玉青 */
  --ink:#0B3B32;          /* 最深 */
  --jade:#10604F;         /* 主色 */
  --jade-2:#17866C;       /* 亮一档 */
  --jade-3:#4FA98A;       /* 点缀 */
  --jade-soft:#EAF2EE;    /* 浅底 */

  /* 辅色：宣纸 + 琥珀金 */
  --paper:#F7F4EE;        /* 页面底 */
  --paper-2:#FFFDF8;      /* 卡片底 */
  --gold:#B8873B;
  --gold-2:#C79A4B;
  --gold-soft:#F5EEDC;

  /* 文字 */
  --t1:#1B2420;
  --t2:#4E5A55;
  --t3:#8A938E;
  --t-inv:#EAF5F0;        /* 深底上的浅字 */

  /* 线 */
  --line:#E3DCCE;
  --line-2:#D5CDBB;
  --line-dark:rgba(255,255,255,.14);

  /* 其他 */
  --r:2px;                /* 直角为主，仅 2px 微圆 */
  --maxw:1240px;
  --nav-h:74px;

  /* 字体：全部系统本地字体，不请求任何外部字体文件 */
  --f-serif:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC","SimSun","宋体",serif;
  --f-sans:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC",
           "Microsoft YaHei","微软雅黑","Hiragino Sans GB","WenQuanYi Micro Hei",
           system-ui,-apple-system,"Segoe UI",Arial,sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------------- Reset ---------------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);
     overflow-x:hidden;overflow-x:clip;}   /* clip 不创建滚动容器，不影响 sticky 头部 */
body{
  font-family:var(--f-sans);
  font-size:16px;line-height:1.8;color:var(--t1);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;overflow-x:clip;
  overflow-wrap:break-word;   /* 兜底：超长英文/链接不撑破容器 */
}
img,svg{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button,input,select,textarea{font:inherit;color:inherit;outline:none;border:0;background:none;}
button{cursor:pointer;}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
::selection{background:var(--jade);color:#fff;}

/* ---------------- 布局工具 ---------------- */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px;}
/* 栅格/弹性子项默认 min-width:auto，会被长单词、nowrap 文本、表格顶宽导致横向溢出 */
.main2>*,.atl>*,.side>*,.pn>*,.cols2>*,.cols3>*,.rel__grid>*,.hero__in>*,.apply__in>*,.ftr__top>*{min-width:0;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sprite{position:absolute;width:0;height:0;overflow:hidden;}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.12em;}

/* ---------------- 版块标题：左对齐 + 编号（区别于居中标题） ---------------- */
.sec{padding:76px 0;}
.sec--tint{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding-bottom:18px;margin-bottom:38px;border-bottom:1px solid var(--line);
}
.sec-head__l{display:flex;align-items:flex-start;gap:16px;}
.sec-num{
  font-family:var(--f-serif);font-size:15px;letter-spacing:.08em;color:var(--gold);
  padding-top:10px;flex:none;
}
.sec-head h2{
  font-family:var(--f-serif);font-size:clamp(24px,3vw,32px);font-weight:700;
  line-height:1.3;letter-spacing:.02em;color:var(--ink);
}
.sec-head .sub{font-size:14px;color:var(--t3);margin-top:4px;letter-spacing:.02em;}
.sec-head__r{flex:none;padding-bottom:6px;}
.more{
  display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--jade);
  border-bottom:1px solid var(--line-2);padding-bottom:3px;transition:.25s var(--ease);
}
.more .ic{width:14px;height:14px;transition:transform .25s var(--ease);}
.more:hover{color:var(--gold);border-color:var(--gold);}
.more:hover .ic{transform:translateX(4px);}

/* ============================================================
   顶栏 + 导航
   ============================================================ */
.topbar{background:var(--ink);color:rgba(234,245,240,.72);font-size:13px;}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px;}
.topbar .t-l{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.topbar .t-l span{display:inline-flex;align-items:center;gap:6px;}
.topbar .t-r{display:flex;align-items:center;gap:18px;}
.topbar a:hover{color:var(--gold-2);}
.topbar .ic{width:14px;height:14px;}

.hdr{
  position:sticky;top:0;z-index:90;background:rgba(247,244,238,.94);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--line);
}
.hdr__in{display:flex;align-items:center;gap:20px;height:var(--nav-h);}

/* Logo：宋体字标 + 印章 */
.logo{display:flex;align-items:center;gap:12px;flex:none;}
.logo__seal{
  width:40px;height:40px;flex:none;display:grid;place-items:center;
  background:var(--jade);color:var(--gold-2);
  font-family:var(--f-serif);font-size:19px;font-weight:700;line-height:1;
  border-radius:var(--r);letter-spacing:0;
}
.logo__txt b{
  display:block;font-family:var(--f-serif);font-size:21px;font-weight:700;
  color:var(--ink);letter-spacing:.14em;line-height:1.25;
}
.logo__txt i{
  display:block;font-style:normal;font-size:10px;letter-spacing:.24em;
  color:var(--t3);text-transform:uppercase;line-height:1.4;
}

.nav{display:flex;align-items:center;gap:2px;margin-left:14px;}
.nav>li{position:relative;}
.nav>li>a{
  display:flex;align-items:center;gap:5px;height:var(--nav-h);padding:0 14px;
  font-size:15.5px;color:var(--t1);transition:.22s var(--ease);
}
.nav>li>a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:20px;height:2px;
  background:var(--jade);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease);
}
.nav>li:hover>a,.nav>li.on>a{color:var(--jade);}
.nav>li:hover>a::after,.nav>li.on>a::after{transform:scaleX(1);}
.nav .ic{width:12px;height:12px;opacity:.55;}

/* 下拉 */
.sub{
  position:absolute;top:calc(var(--nav-h) - 6px);left:0;min-width:196px;
  background:var(--paper-2);border:1px solid var(--line);border-top:2px solid var(--jade);
  padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.24s var(--ease);box-shadow:0 12px 30px rgba(11,59,50,.1);
}
.nav>li:hover .sub{opacity:1;visibility:visible;transform:translateY(0);}
.sub a{display:block;padding:9px 18px;font-size:14.5px;color:var(--t2);transition:.2s;}
.sub a:hover{background:var(--jade-soft);color:var(--jade);padding-left:24px;}

.hdr__act{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none;}
.hdr__tel{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--f-serif);
  font-size:19px;font-weight:700;color:var(--jade);letter-spacing:.02em;
}
.hdr__tel .ic{width:17px;height:17px;color:var(--gold);}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 22px;height:44px;font-size:15px;border-radius:var(--r);
  transition:.26s var(--ease);border:1px solid transparent;white-space:nowrap;
}
.btn--jade{background:var(--jade);color:#fff;}
.btn--jade:hover{background:var(--ink);}
.btn--gold{background:var(--gold);color:#fff;}
.btn--gold:hover{background:#9d7029;}
.btn--line{border-color:var(--line-2);color:var(--ink);}
.btn--line:hover{border-color:var(--jade);color:var(--jade);background:var(--jade-soft);}
.btn--light{background:#fff;color:var(--jade);}
.btn--light:hover{background:var(--gold-soft);}
.btn .ic{width:16px;height:16px;}

/* 汉堡 */
.burger{
  display:none;width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--r);
  align-items:center;justify-content:center;color:var(--ink);
}
.burger .ic{width:21px;height:21px;}

/* ============================================================
   首页 Banner：非对称左文右板
   ============================================================ */
.hero{
  position:relative;background:var(--ink);color:var(--t-inv);overflow:hidden;
}
.hero::before{ /* 细网格底纹 */
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
}
.hero::after{ /* 右下金色光晕 */
  content:"";position:absolute;right:-140px;top:-120px;width:520px;height:520px;
  background:radial-gradient(circle,rgba(199,154,75,.22),transparent 66%);
}
.hero__in{
  position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;
  gap:56px;align-items:center;padding:78px 0 70px;
}
.hero__tag{
  display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em;
  color:var(--gold-2);text-transform:uppercase;margin-bottom:22px;
}
.hero__tag::before{content:"";width:34px;height:1px;background:var(--gold-2);}
.hero h1{
  font-family:var(--f-serif);font-size:clamp(30px,4.4vw,50px);font-weight:700;
  line-height:1.28;letter-spacing:.01em;color:#fff;
}
.hero h1 em{font-style:normal;color:var(--gold-2);}
.hero__desc{
  margin-top:20px;font-size:16.5px;line-height:1.95;color:rgba(234,245,240,.76);max-width:560px;
}
.hero__acts{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
.hero__keys{
  display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;
}
.hero__keys span{
  font-size:13.5px;color:rgba(234,245,240,.7);padding:5px 13px;
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r);
}

/* 右侧数据看板 */
.hero__board{
  position:relative;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.13);border-radius:var(--r);padding:26px;
}
.hero__board img{width:100%;}
.hero__corner{
  position:absolute;top:-1px;right:-1px;width:46px;height:46px;
  border-top:2px solid var(--gold);border-right:2px solid var(--gold);
}

/* 数据条 */
.stats{border-top:1px solid rgba(255,255,255,.13);background:var(--ink);}
.stats__in{display:grid;grid-template-columns:repeat(4,1fr);}
.stats__i{padding:22px 8px 26px;text-align:center;border-left:1px solid rgba(255,255,255,.1);}
.stats__i:first-child{border-left:0;}
.stats__i b{
  display:block;font-family:var(--f-serif);font-size:34px;font-weight:700;
  color:var(--gold-2);line-height:1.2;
}
.stats__i b i{font-style:normal;font-size:18px;margin-left:2px;}
.stats__i span{font-size:13.5px;color:rgba(234,245,240,.62);letter-spacing:.06em;}

/* ============================================================
   分类信息：四宫格细线棋盘（hover 反色）
   ============================================================ */
.cats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--paper-2);}
.cat{
  position:relative;display:block;padding:34px 26px 30px;
  border-left:1px solid var(--line);transition:background .3s var(--ease),color .3s var(--ease);
  overflow:hidden;
}
.cat:first-child{border-left:0;}
.cat::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;
  background:var(--jade);transform:scaleX(0);transform-origin:left;transition:transform .34s var(--ease);
}
.cat__n{
  font-family:var(--f-serif);font-size:13px;letter-spacing:.14em;color:var(--gold);
  display:block;margin-bottom:14px;transition:color .3s;
}
.cat__ico{
  width:48px;height:48px;display:grid;place-items:center;margin-bottom:16px;
  border:1px solid var(--line-2);color:var(--jade);transition:.3s var(--ease);
}
.cat__ico .ic{width:24px;height:24px;}
.cat h3{
  font-family:var(--f-serif);font-size:19.5px;font-weight:700;color:var(--ink);
  letter-spacing:.04em;transition:color .3s;
}
.cat p{font-size:14px;color:var(--t3);margin-top:8px;line-height:1.75;transition:color .3s;}
.cat__go{
  display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13.5px;
  color:var(--jade);opacity:0;transform:translateY(6px);transition:.3s var(--ease);
}
.cat__go .ic{width:14px;height:14px;}
.cat:hover{background:var(--jade);}
.cat:hover .cat__n{color:var(--gold-2);}
.cat:hover h3{color:#fff;}
.cat:hover p{color:rgba(234,245,240,.78);}
.cat:hover .cat__ico{border-color:rgba(255,255,255,.4);color:var(--gold-2);}
.cat:hover .cat__go{opacity:1;transform:translateY(0);color:var(--gold-2);}
.cat:hover::after{transform:scaleX(1);background:var(--gold);}

/* ============================================================
   带缩略图的文章列表：横向编辑条目
   ============================================================ */
.posts{border-top:1px solid var(--line);}
.post{
  display:grid;grid-template-columns:240px 1fr 168px;gap:26px;align-items:center;
  padding:26px 4px;border-bottom:1px solid var(--line);
  transition:background .28s var(--ease),padding .28s var(--ease);
}
.post:hover{background:var(--jade-soft);padding-left:16px;padding-right:16px;}
.post__pic{
  position:relative;display:block;aspect-ratio:8/5;overflow:hidden;
  border:1px solid var(--line);background:var(--gold-soft);
}
.post__pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.post:hover .post__pic img{transform:scale(1.06);}
.post__cat{
  position:absolute;left:0;top:0;background:var(--jade);color:#fff;
  font-size:12px;padding:3px 10px;letter-spacing:.06em;
}
.post__body h3{
  font-family:var(--f-serif);font-size:19px;font-weight:700;line-height:1.6;
  color:var(--ink);transition:color .25s;letter-spacing:.02em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post:hover .post__body h3{color:var(--jade);}
.post__meta{
  display:flex;align-items:center;gap:16px;margin-top:8px;font-size:13px;color:var(--t3);
}
.post__meta span{display:inline-flex;align-items:center;gap:5px;}
.post__meta .ic{width:13px;height:13px;}
.post__ex{
  margin-top:9px;font-size:14.5px;color:var(--t2);line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post__side{text-align:right;}
.post__num{
  font-family:var(--f-serif);font-size:32px;font-weight:700;color:var(--line-2);
  line-height:1;display:block;transition:color .28s;
}
.post:hover .post__num{color:var(--gold);}
.post__side a{
  display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;
  color:var(--jade);border-bottom:1px solid transparent;transition:.25s;
}
.post__side a:hover{border-color:var(--jade);}
.post__side .ic{width:14px;height:14px;}

/* ============================================================
   无缩略图列表：序号式（双列 / 三列）
   ============================================================ */
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px;}
.tlist li{border-bottom:1px dashed var(--line);}
.tlist li:last-child{border-bottom:0;}
.tlist a{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;
  padding:15px 2px;transition:padding .25s var(--ease),background .25s var(--ease);
}
.tlist a:hover{background:var(--jade-soft);padding-left:10px;}
.tlist .n{
  font-family:var(--f-serif);font-size:15px;font-weight:700;color:var(--gold);
  min-width:26px;transition:.25s;
}
.tlist li:nth-child(-n+3) .n{color:var(--jade);}
.tlist a:hover .n{color:var(--gold);}
.tlist a>span:last-child{min-width:0;}
.tlist .tx{
  display:block;font-size:15.5px;color:var(--t1);line-height:1.7;transition:color .25s;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tlist a:hover .tx{color:var(--jade);}
.tlist .dt{display:block;font-size:12.5px;color:var(--t3);margin-top:2px;letter-spacing:.02em;}

/* 双列 / 三列模块外框 */
.panel{border:1px solid var(--line);background:var(--paper-2);}
.panel__h{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 22px;border-bottom:1px solid var(--line);background:var(--jade-soft);
}
.panel__h h3{
  font-family:var(--f-serif);font-size:17.5px;font-weight:700;color:var(--ink);
  letter-spacing:.06em;display:flex;align-items:center;gap:10px;
}
.panel__h h3::before{content:"";width:3px;height:17px;background:var(--jade);}
.panel__b{padding:8px 22px 16px;}

/* ============================================================
   表单提交模块
   ============================================================ */
.apply{background:var(--ink);color:var(--t-inv);position:relative;overflow:hidden;}
.apply::before{
  content:"";position:absolute;left:-120px;bottom:-160px;width:460px;height:460px;
  background:radial-gradient(circle,rgba(79,169,138,.2),transparent 68%);
}
.apply__in{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.apply__l h2{
  font-family:var(--f-serif);font-size:clamp(24px,2.8vw,32px);font-weight:700;
  color:#fff;line-height:1.45;letter-spacing:.02em;
}
.apply__l h2 em{font-style:normal;color:var(--gold-2);}
.apply__l p{font-size:15px;color:rgba(234,245,240,.7);margin-top:14px;line-height:1.9;}
.apply__pts{margin-top:26px;display:grid;gap:12px;}
.apply__pts li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:rgba(234,245,240,.86);}
.apply__pts .ic{width:16px;height:16px;color:var(--gold-2);margin-top:5px;}

.form{background:var(--paper-2);padding:34px;border:1px solid rgba(255,255,255,.1);}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:13.5px;color:var(--t2);margin-bottom:7px;letter-spacing:.03em;}
.field label i{color:var(--gold);font-style:normal;margin-left:2px;}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;font-size:15px;background:#fff;
  border:1px solid var(--line-2);border-radius:var(--r);transition:.22s var(--ease);
}
.field textarea{resize:vertical;min-height:96px;line-height:1.75;}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--jade);box-shadow:0 0 0 3px rgba(16,96,79,.09);
}
.field.err input,.field.err select,.field.err textarea{border-color:#C0392B;background:#FDF3F1;}
.field .msg{display:none;font-size:12.5px;color:#C0392B;margin-top:6px;}
.field.err .msg{display:block;}
.form__ft{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px;}
.form__ft .btn{height:48px;padding:0 34px;font-size:16px;}
.form__note{font-size:12.5px;color:var(--t3);line-height:1.7;}
.form__ok{
  display:none;margin-top:16px;padding:14px 16px;background:var(--jade-soft);
  border-left:3px solid var(--jade);font-size:14.5px;color:var(--jade);
}
.form__ok.show{display:block;}

/* ============================================================
   友情链接
   ============================================================ */
.links{display:flex;flex-wrap:wrap;gap:10px;}
.links a{
  font-size:14px;color:var(--t2);padding:8px 16px;border:1px solid var(--line);
  background:var(--paper-2);border-radius:var(--r);transition:.25s var(--ease);
}
.links a:hover{color:var(--jade);border-color:var(--jade);background:var(--jade-soft);}

/* ============================================================
   页脚
   ============================================================ */
.ftr{background:var(--ink);color:rgba(234,245,240,.7);font-size:14.5px;}
.ftr__top{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;
  padding:56px 0 44px;border-bottom:1px solid var(--line-dark);
}
.ftr h4{
  font-family:var(--f-serif);font-size:16.5px;font-weight:700;color:#fff;
  letter-spacing:.1em;margin-bottom:18px;padding-bottom:12px;
  border-bottom:1px solid var(--line-dark);
}
.ftr .logo{margin-bottom:16px;}
.ftr .logo__seal{background:rgba(255,255,255,.08);}
.ftr .logo__txt b{color:#fff;}
.ftr .logo__txt i{color:rgba(234,245,240,.5);}
.ftr__about p{line-height:1.9;font-size:14px;color:rgba(234,245,240,.62);}
.ftr__ct{margin-top:18px;display:grid;gap:9px;}
.ftr__ct li{display:flex;align-items:center;gap:9px;font-size:14.5px;}
.ftr__ct .ic{width:15px;height:15px;color:var(--gold-2);}
.ftr__ct b{font-family:var(--f-serif);font-size:20px;color:var(--gold-2);font-weight:700;}
.ftr ul.f-list li{margin-bottom:10px;}
.ftr ul.f-list a{color:rgba(234,245,240,.68);transition:.22s;display:inline-flex;align-items:center;gap:8px;}
.ftr ul.f-list a::before{content:"";width:4px;height:4px;background:var(--gold);flex:none;}
.ftr ul.f-list a:hover{color:var(--gold-2);padding-left:5px;}
.ftr__tags{display:flex;flex-wrap:wrap;gap:8px;}
.ftr__tags a{
  font-size:13px;padding:5px 12px;border:1px solid var(--line-dark);
  color:rgba(234,245,240,.66);transition:.22s;
}
.ftr__tags a:hover{border-color:var(--gold);color:var(--gold-2);}
.ftr__bt{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 0 26px;font-size:13.5px;color:rgba(234,245,240,.5);flex-wrap:wrap;
}
.ftr__bt a:hover{color:var(--gold-2);}

/* ============================================================
   内页 Banner + 面包屑
   ============================================================ */
.ibnr{position:relative;background:var(--jade);color:#fff;overflow:hidden;}
.ibnr::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:52px 100%;
}
.ibnr::after{
  content:"";position:absolute;right:8%;top:-60px;width:280px;height:280px;
  background:radial-gradient(circle,rgba(199,154,75,.25),transparent 68%);
}
.ibnr__in{position:relative;z-index:2;padding:44px 0 40px;}
.ibnr h1,.ibnr .ibnr__t{
  font-family:var(--f-serif);font-size:clamp(24px,3.2vw,34px);font-weight:700;
  letter-spacing:.06em;line-height:1.4;
}
.ibnr p{font-size:15px;color:rgba(234,245,240,.72);margin-top:8px;letter-spacing:.02em;}

.crumb{
  background:var(--paper-2);border-bottom:1px solid var(--line);font-size:13.5px;
}
.crumb .wrap{display:flex;align-items:center;gap:8px;height:46px;color:var(--t3);flex-wrap:wrap;}
.crumb a{color:var(--t2);transition:.22s;}
.crumb a:hover{color:var(--jade);}
.crumb .ic{width:13px;height:13px;opacity:.6;}
.crumb b{color:var(--jade);font-weight:400;}

/* ============================================================
   列表页
   ============================================================ */
.main2{display:grid;grid-template-columns:1fr 320px;gap:52px;padding:52px 0 76px;}
.lst__tabs{
  display:flex;gap:0;border:1px solid var(--line);background:var(--paper-2);margin-bottom:28px;flex-wrap:wrap;
}
.lst__tabs a{
  padding:12px 22px;font-size:15px;color:var(--t2);border-left:1px solid var(--line);transition:.24s;
}
.lst__tabs a:first-child{border-left:0;}
.lst__tabs a:hover{color:var(--jade);background:var(--jade-soft);}
.lst__tabs a.on{background:var(--jade);color:#fff;}
.lst__cnt{
  display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;
  padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line);
}
.lst__cnt h2{font-family:var(--f-serif);font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.04em;}
.lst__cnt span{font-size:13.5px;color:var(--t3);}
.pager{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap;}
.pager a,.pager span{
  min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:var(--paper-2);font-size:14.5px;color:var(--t2);transition:.24s;
}
.pager a:hover{border-color:var(--jade);color:var(--jade);background:var(--jade-soft);}
.pager .on{background:var(--jade);color:#fff;border-color:var(--jade);}
.pager .ell{border:0;background:none;}

/* 列表页主区内的条目更紧凑：隐藏右侧序号列 */
.main2 .post{grid-template-columns:200px 1fr;gap:20px;padding:22px 2px;}
.main2 .post__side{display:none;}
.main2 .post:hover{padding-left:12px;padding-right:12px;}
.main2 .post__body h3{font-size:18px;}

/* 防御性加固：真实设备字体（PingFang/HarmonyOS）比 Windows SimSun 略宽 8~15%，
   防止窄屏个别长标题/链接顶宽容器导致内容被裁 */
.topbar .t-r{flex-wrap:wrap;justify-content:flex-end;gap:14px;}
.lst__tabs,.pager,.crumb .wrap,.side,.side .panel,.tlist,.post,.cat,.panel,.topbar .wrap{overflow:hidden;}
.side .panel{position:sticky;top:calc(var(--nav-h) + 16px);}
.side .panel:nth-child(n+2){position:static;}
/* 恢复 .side 的栅格定义（被上面防御性插入挤掉了） */
.side{display:grid;gap:24px;align-content:start;}
.wx-card{background:var(--jade);color:#fff;padding:26px 24px;text-align:center;}
.wx-card h4{font-family:var(--f-serif);font-size:18px;font-weight:700;letter-spacing:.06em;}
.wx-card p{font-size:13.5px;color:rgba(234,245,240,.74);margin-top:8px;line-height:1.8;}
.wx-card .tel{
  display:block;margin-top:16px;font-family:var(--f-serif);font-size:26px;font-weight:700;
  color:var(--gold-2);letter-spacing:.02em;
}
.wx-card .btn{margin-top:16px;width:100%;}
.tags{display:flex;flex-wrap:wrap;gap:8px;}
.tags a{font-size:13.5px;padding:6px 12px;border:1px solid var(--line);color:var(--t2);transition:.24s;}
.tags a:hover{background:var(--jade);border-color:var(--jade);color:#fff;}

/* ============================================================
   文章页
   ============================================================ */
.atl{display:grid;grid-template-columns:1fr 320px;gap:52px;padding:44px 0 76px;}
.art{background:var(--paper-2);border:1px solid var(--line);padding:40px 44px;}
.art__h{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px;}
.art__h h1{
  font-family:var(--f-serif);font-size:clamp(22px,2.6vw,30px);font-weight:700;
  line-height:1.55;color:var(--ink);letter-spacing:.02em;
}
.art__meta{display:flex;align-items:center;gap:22px;margin-top:16px;font-size:13.5px;color:var(--t3);flex-wrap:wrap;}
.art__meta span{display:inline-flex;align-items:center;gap:6px;}
.art__meta .ic{width:14px;height:14px;}
.art__lead{
  background:var(--jade-soft);border-left:3px solid var(--jade);
  padding:16px 20px;margin-bottom:26px;font-size:15px;color:var(--t2);line-height:1.9;
}
.art__lead b{color:var(--jade);}
.art__body{font-size:16.5px;line-height:2.05;color:var(--t1);}
.art__body p{margin-bottom:20px;}
.art__body h2{
  font-family:var(--f-serif);font-size:21px;font-weight:700;color:var(--ink);
  margin:36px 0 16px;padding-left:14px;border-left:4px solid var(--jade);line-height:1.5;letter-spacing:.03em;
}
.art__body h3{
  font-family:var(--f-serif);font-size:17.5px;font-weight:700;color:var(--jade);
  margin:28px 0 12px;letter-spacing:.03em;
}
.art__body ul{margin:0 0 22px;display:grid;gap:9px;}
.art__body ul li{
  position:relative;padding-left:20px;font-size:16px;line-height:1.9;color:var(--t1);
}
.art__body ul li::before{
  content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background:var(--gold);
}
.art__body blockquote{
  margin:24px 0;padding:18px 22px;background:var(--gold-soft);
  border-left:3px solid var(--gold);font-size:15.5px;color:var(--t2);line-height:1.9;
}
/* 表格放进独立滚动容器： grids/flex 子项默认 min-width:auto，
   表格的最小内容宽度会把整个栅格顶宽，移动端就会横向溢出 */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}
.tbl-scroll>table{margin:0;}
.art__body table{width:100%;min-width:540px;border-collapse:collapse;font-size:15px;}
.art__body th,.art__body td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;}
.art__body th{background:var(--jade-soft);color:var(--ink);font-weight:600;white-space:nowrap;}
.art__tags{display:flex;align-items:center;gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap;}
.art__tags b{font-size:14px;color:var(--t3);font-weight:400;}
.art__tags a{font-size:13.5px;padding:5px 12px;border:1px solid var(--line);color:var(--t2);transition:.24s;}
.art__tags a:hover{background:var(--jade);color:#fff;border-color:var(--jade);}

/* 上下篇（min-width:0 防止 nowrap 标题顶宽栅格） */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;}
.pn a{
  min-width:0;display:block;padding:16px 20px;border:1px solid var(--line);background:var(--paper-2);
  transition:.26s var(--ease);
}
.pn a:hover{border-color:var(--jade);background:var(--jade-soft);}
.pn .lb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--t3);letter-spacing:.06em;}
.pn .lb .ic{width:13px;height:13px;}
.pn .tt{
  display:block;margin-top:7px;font-size:15.5px;color:var(--ink);line-height:1.7;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pn a:hover .tt{color:var(--jade);}
.pn .none{opacity:.5;pointer-events:none;}
.pn .r{text-align:right;}
.pn .r .lb{justify-content:flex-end;}

/* 相关文章 / 最新文章 */
.rel{margin-top:26px;}
.rel__h{
  display:flex;align-items:center;gap:10px;font-family:var(--f-serif);font-size:19px;
  font-weight:700;color:var(--ink);letter-spacing:.06em;margin-bottom:14px;
  padding-bottom:12px;border-bottom:1px solid var(--line);
}
.rel__h::before{content:"";width:3px;height:18px;background:var(--gold);}
.rel__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;}

/* ============================================================
   移动端底部浮动条（纯 a 链接，无弹窗）
   ============================================================ */
.mbar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:95;
  background:var(--paper-2);border-top:1px solid var(--line);
  box-shadow:0 -4px 18px rgba(11,59,50,.08);
}
.mbar__in{display:grid;grid-template-columns:repeat(3,1fr);}
.mbar a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  height:56px;font-size:12px;color:var(--t2);border-left:1px solid var(--line);
}
.mbar a:first-child{border-left:0;}
.mbar a .ic{width:19px;height:19px;}
.mbar a.hl{background:var(--jade);color:#fff;}
.mbar a:active{background:var(--jade-soft);}

/* 回到顶部 */
.totop{
  position:fixed;right:22px;bottom:22px;z-index:96;width:46px;height:46px;
  display:grid;place-items:center;background:var(--jade);color:#fff;border-radius:var(--r);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s var(--ease);
}
.totop.show{opacity:1;visibility:visible;transform:translateY(0);}
.totop:hover{background:var(--gold);}
.totop .ic{width:19px;height:19px;}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1120px){
  .nav>li>a{padding:0 10px;font-size:15px;}
  .hdr__tel{display:none;}
  .ftr__top{grid-template-columns:1fr 1fr;gap:36px;}
}
@media (max-width:1000px){
  .hero__in{grid-template-columns:1fr;gap:40px;padding:56px 0 50px;}
  .hero__board{max-width:460px;}
  .apply__in{grid-template-columns:1fr;gap:32px;}
  .main2,.atl{grid-template-columns:1fr;gap:34px;}
  .side .panel{position:static;}
  .side{grid-template-columns:1fr 1fr;}
  .cats{grid-template-columns:1fr 1fr;}
  .cat{border-left:0;border-top:1px solid var(--line);}
  .cat:nth-child(-n+2){border-top:0;}
  .cat:nth-child(even){border-left:1px solid var(--line);}
}
@media (max-width:860px){
  .wrap{padding:0 20px;}
  .main2 .post{grid-template-columns:120px 1fr;gap:14px;}
  /* 移动端导航 */
  .burger{display:flex;}
  .nav{
    position:fixed;top:var(--nav-h);left:0;right:0;max-height:calc(100vh - var(--nav-h));
    overflow-y:auto;background:var(--paper-2);border-bottom:1px solid var(--line);
    flex-direction:column;margin:0;padding:8px 0;
    transform:translateY(-12px);opacity:0;visibility:hidden;transition:.28s var(--ease);
  }
  .nav.open{transform:translateY(0);opacity:1;visibility:visible;}
  .nav>li{width:100%;}
  .nav>li>a{height:auto;padding:13px 22px;justify-content:space-between;border-bottom:1px solid var(--line);}
  .nav>li>a::after{display:none;}
  .sub{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;border-top:0;background:var(--jade-soft);padding:0;min-width:0;display:none;
  }
  .nav>li.sp-open .sub{display:block;}
  .sub a{padding:10px 22px 10px 34px;}
  .hdr__act .btn{display:none;}
  .sec{padding:52px 0;}
  .sec-head{flex-direction:column;align-items:flex-start;gap:12px;}
  .sec-head__r{padding-bottom:0;}
  .stats__in{grid-template-columns:1fr 1fr;}
  .stats__i{border-top:1px solid rgba(255,255,255,.1);}
  .stats__i:nth-child(odd){border-left:0;}
  .post{grid-template-columns:130px 1fr;gap:16px;padding:20px 2px;}
  .post__side{display:none;}
  .cols2,.cols3,.rel__grid{grid-template-columns:1fr;}
  .pn{grid-template-columns:1fr;}
  .art{padding:26px 20px;}
  .form{padding:24px 20px;}
  .side{grid-template-columns:1fr;}
  .ftr__top{grid-template-columns:1fr;gap:30px;}
  .mbar{display:block;}
  body{padding-bottom:56px;}
  .totop{bottom:70px;right:14px;width:42px;height:42px;}
}
@media (max-width:600px){
  .topbar .t-l span:nth-child(2){display:none;}
  .hero__keys{display:none;}
  .logo__txt b{font-size:17px;letter-spacing:.1em;}
  .logo__txt i{display:none;}   /* 英文副标在窄屏会把整条 header 顶宽 */
  .logo__seal{width:34px;height:34px;font-size:16px;}
  .hdr__in{gap:12px;}
  .cats{grid-template-columns:1fr;}
  .cat:nth-child(n+2){border-top:1px solid var(--line);}
  .cat:nth-child(even){border-left:0;}
  .post{grid-template-columns:1fr;}
  .post__pic{max-width:100%;}
  .form__row{grid-template-columns:1fr;}
  .art__meta{gap:14px;font-size:13px;}
  .stats__i b{font-size:28px;}
  .cat{padding:26px 20px;}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
@media print{
  .hdr,.mbar,.totop,.apply,.ftr{display:none!important;}
}