/* ==================== CSS 变量 ==================== */
:root{
  /* 品牌 / 文字 */
  --c-brand:#0d3f82;
  --c-heading:#1668b8;
  --c-link:#1a6fd4;
  --c-text:#333333;
  --c-text-sub:#5f6f7e;
  --c-date:#7a8a99;

  /* 线条 */
  --c-line:#dceaf7;
  --c-dash:#cfe3f5;
  --c-panel:#f5f9fd;

  /* 绿色横幅 */
  --c-green:#2f8a3c;
  --c-green-btn-1:#8ecb62;
  --c-green-btn-2:#5aa83c;

  /* 其它 */
  --c-white:#ffffff;
  --card-w:956px;
  --radius-card:26px;
  --shadow-card:0 14px 50px rgba(88,158,220,.16);
  --page-h-pad:12%;
}

/* ==================== 基础重置 ==================== */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Heiti SC","Source Han Sans SC",Arial,sans-serif;
  color:var(--c-text);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{text-decoration:none;color:inherit;}
ul,li{list-style:none;margin:0;padding:0;}
svg{display:block;}

/* ==================== 页面背景 ==================== */
.page{
  position:relative;
  overflow:hidden;
  background: url(/xjfgw/xhtml/ztzl/images/kfjmsc_back.png) #D4F3FF top center no-repeat;
}

/* ==================== 头部 HERO ==================== */
.hero{
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  left:-18%;
  top:-300px;
  width:1050px;
  height:760px;
  border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.85), rgba(255,255,255,0));
  pointer-events:none;
}
.hero-wrap{
  position:relative;
  z-index:3;
  max-width: 1320px;
  margin:0 auto;
}

/* --- 品牌区 --- */
.brand{
  display:flex;
  align-items:center;
  gap:13px;
}
.emblem{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:50%;
  position:relative;
  background:radial-gradient(circle at 50% 46%, #f2c94c 0 16%, #d8342a 17% 100%);
  box-shadow:0 2px 6px rgba(180,60,40,.28);
}
.emblem::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  border:1.5px solid rgba(255,225,150,.9);
}
.brand-txt{padding-bottom:2px;}
.brand-cn{
  font-size:21px;
  font-weight:700;
  color:var(--c-brand);
  letter-spacing:1.2px;
  line-height:1.25;
}
.brand-ug{
  margin-top:5px;
  font-size:12px;
  color:var(--c-brand);
  opacity:.85;
  direction:rtl;
  unicode-bidi:embed;
  letter-spacing:.3px;
  line-height:1.4;
}

/* --- 主标题 --- */
.hero-title{
  margin: 9.6px 0 0;
  margin-left: 39.7px;
  font-family:"STKaiti","Kaiti SC","KaiTi","楷体","STSong","Songti SC",serif;
  font-weight:700;
  font-size:clamp(42px,6.8vw,96px);
  line-height:1.06;
  letter-spacing:4px;
  transform: rotate(-1.38deg);
  background: linear-gradient(180deg,#5cc3e6 0%,#2f9bd0 42%,#1673b4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 3px 0 rgba(255,255,255,.75));
}

/* --- 右侧插画 --- */
.hero-art{
  position:absolute;
  z-index:2;
  top:66px;
  right:4%;
  width:min(470px,37%);
  pointer-events:none;
}
.hero-art svg{width:100%;height:auto;}

/* ==================== 主卡片 ==================== */
.card{
  position:relative;
  z-index:4;
  width: 1320px;
  margin:0 auto 80px;
  background:var(--c-white);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-card);
  padding: 20px 31px 37px;
  margin-top: 51.12px;
}

/* --- 分区标题 --- */
.sec-title{
  position:relative;
  height: 67px;
  line-height: 67px;
  text-align:center;
  font-size: 46px;
  font-weight:800;
  color:var(--c-heading);
  letter-spacing:2px;
  margin: 0 0 30px;
  background: url(/xjfgw/xhtml/ztzl/images/bt_title.png) no-repeat;
}


/* --- 政策文件列表 --- */
.doc-list{margin-top:6px;}
.doc-list li{
  padding:12px 0 13px;
  border-bottom:1px dashed var(--c-dash);
}
.doc-list li:last-child{border-bottom:none;padding-bottom:2px;}
.doc-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.doc-dot{
  flex:0 0 5px;
  width:5px;
  height:5px;
  margin-top:8px;
  border-radius:50%;
  background:#8fc0e8;
}
.doc-txt{
  flex:1 1 auto;
  min-width:0;
  font-size:15px;
  line-height:1.65;
  color:#444f5a;
}
.doc-txt:hover{color:var(--c-link);}
.doc-date{
  flex:0 0 auto;
  margin-left:18px;
  font-size:14px;
  line-height:1.7;
  color:var(--c-date);
  white-space:nowrap;
}

/* --- 工作流程图 --- */
.flow-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom: 6px;
}
.flow-item{
  display:flex;
  align-items:center;
  gap:11px;
  background:var(--c-panel);
  border-radius:4px;
  padding:17px 18px;
  font-size:15px;
  color:#4a5560;
  transition:background .18s ease;
}
.flow-item:hover{background:#eaf4fd;}
.flow-item .ic{flex:0 0 auto;}

/* --- 政策咨询热线 --- */
.hotline{
  position:relative;
  margin-top:20px;
  border-radius:4px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
}

.hotline-txt{
  position:relative;
  z-index:2;
  font-size:28px;
  font-weight:800;
  letter-spacing:3px;
  color:var(--c-heading);
}
.hotline-icon{
  position:relative;
  z-index:2;
  flex:0 0 auto;
}

/* --- 绿色横幅 --- */
.green-banner{
  position:relative;
  margin-top: 40px;
  border-radius:6px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
}

.gb-text{
  position:relative;
  z-index:2;
  font-size:26px;
  font-weight:800;
  letter-spacing:3px;
  color:var(--c-green);
  text-shadow:0 1px 0 rgba(255,255,255,.85);
}
.gb-btn{
  position:relative;
  z-index:2;
  display:inline-block;
  padding:6px 18px;
  border-radius:999px;
  font-size:14px;
  color:#fff;
  letter-spacing:1px;
  background:linear-gradient(180deg,var(--c-green-btn-1) 0%,var(--c-green-btn-2) 100%);
  box-shadow:0 2px 6px rgba(90,168,60,.35);
}
.gb-art{
  position:relative;
  z-index:2;
  flex:0 0 auto;
}

/* ==================== 页脚 ==================== */
.footer{
  background:#fff;
  border-top:1px solid #e9eff5;
}
.footer-inner{
  max-width:1400px;
  margin:0 auto;
  padding:26px var(--page-h-pad) 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.f-left{min-width:0;}
.f-row{
  font-size:12.5px;
  line-height:1.95;
  color:#3b4550;
}
.f-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0 46px;
  margin-bottom:2px;
}
.f-label{
  font-weight:700;
  color:#2b3540;
  margin-right:-30px;
}
.f-links a{
  color:#3b4550;
  display:inline-flex;
  align-items:center;
}
.f-links a:hover{color:var(--c-link);}
.chev{
  display:inline-block;
  width:0;
  height:0;
  margin-left:6px;
  border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;
  border-top:4.5px solid #9aa7b3;
  vertical-align:middle;
}
.f-row a:hover{color:var(--c-link);}
.sep{margin:0 8px;color:#b8c2cb;}

/* --- 右侧徽章 --- */
.f-right{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}
.badge-party{
  width:52px;
  height:52px;
  border-radius:50%;
  position:relative;
  background:radial-gradient(circle at 50% 42%, #f4c84b 0 18%, #cf2b21 19% 100%);
  box-shadow:0 1px 4px rgba(0,0,0,.16);
}
.badge-party::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1.4px solid rgba(255,230,160,.9);
}
.badge-report{
  display:flex;
  align-items:center;
  gap:7px;
}
.badge-report .ico{
  width:30px;
  height:32px;
  border-radius:4px;
  background:#d1342a;
  position:relative;
}
.badge-report .ico::before{
  content:"";
  position:absolute;
  left:7px;
  top:9px;
  width:16px;
  height:3px;
  border-radius:2px;
  background:#fff;
  box-shadow:0 7px 0 #fff;
}
.badge-report .ico::after{
  content:"";
  position:absolute;
  right:5px;
  bottom:5px;
  width:10px;
  height:10px;
  border-radius:2px;
  background:#f2c94c;
  transform:rotate(45deg);
}
.badge-report .bt{
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  color:#c0392b;
}

/* ==================== 响应式 ==================== */
@media (max-width:1200px){
  :root{--page-h-pad:6%;}
  .hero-title{padding-left:4%;}
  .hero-art{width:min(400px,40%);right:2%;}
}

@media (max-width:900px){
  .hero{
    height:auto;
    padding-bottom:12px;
  }
  .hero-wrap{padding-top:22px;}
  .hero-title{
    padding-left:0;
    margin-top:18px;
    letter-spacing:2px;
  }
  .hero-art{
    position:relative;
    top:auto;
    right:auto;
    width:min(340px,78%);
    margin:6px auto 0;
    opacity:.95;
  }
  .card{
    width: 100%;
    padding:30px 22px 30px;
    border-radius:18px;
    margin-bottom:48px;
  }
  .sec-title{font-size:24px;}
  .sec-title::before,
  .sec-title::after{width:64px;}
  .sec-title::before{right:calc(50% + 74px);}
  .sec-title::after{left:calc(50% + 74px);}
  .flow-grid{grid-template-columns:repeat(2,1fr);}
  .hotline-txt{font-size:20px;letter-spacing:1.5px;}
  .hotline{height: auto;gap: 14px;}
  .gb-text{font-size:20px;letter-spacing:1.5px;}
  .footer-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
  .f-links{gap:0 22px;}
  .f-label{margin-right:-8px;}
}

@media (max-width:560px){
  .brand-cn{font-size:15px;letter-spacing:.5px;}
  .brand-ug{font-size:10px;}
  .emblem{width:42px;height:42px;flex:0 0 42px;}
  .hero-title{font-size:clamp(34px,10vw,50px);}
  .flow-grid{grid-template-columns:1fr;gap:10px;}
  .flow-item{padding:14px 14px;font-size:14px;}
  .doc-txt{font-size:14px;}
  .doc-date{font-size:12.5px;margin-left:10px;}
  .sec-title{font-size:20px;background: none;}
  .sec-title::before,
  .sec-title::after{display:none;}
  .hotline-txt{font-size:16px;letter-spacing:1px;}
  .hotline-icon{transform:scale(.8);}
  .green-banner{
    height:auto;
    flex-direction:column;
    gap:10px;
    margin-top: 20px;
  }
  .gb-text{font-size:17px;}
  .gb-art{display:none;}
  .f-row{font-size:12px;}
  .f-links{gap:0 14px;}
  .footer-inner{padding-top:20px;padding-bottom:24px;}
}