/* =========================================================
   科仪有维在线办理系统 V1.2 修正版
   同时适配：/publish/ 办理大厅 + 帝国CMS原生投稿页
   编码：UTF-8 无 BOM
   ========================================================= */

/* =========================================================
   科仪有维在线办理系统 V1.0
   适用：在线办理封面 + 帝国CMS原生投稿页
   ========================================================= */

*,
*::before,
*::after{
  box-sizing:border-box;
}

:root{
  --kyyw-blue:#0166b6;
  --kyyw-blue-dark:#074f91;
  --kyyw-blue-deep:#0b3765;
  --kyyw-blue-soft:#edf6ff;
  --kyyw-border:#d8e4ef;
  --kyyw-text:#263c52;
  --kyyw-muted:#64788c;
  --kyyw-bg:#f4f7fa;
  --kyyw-white:#fff;
  --kyyw-danger:#c9472d;
  --kyyw-shadow:0 12px 32px rgba(20,63,103,.08);
}

.kyyw-service-container,
.kyyw-native-container{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
}

/* =========================
   在线办理大厅
   ========================= */
.kyyw-service-hall{
  background:var(--kyyw-bg);
  color:var(--kyyw-text);
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}

.kyyw-service-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(112deg,rgba(1,102,182,.98),rgba(5,72,136,.98)),
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 36%);
}

.kyyw-service-hero::before,
.kyyw-native-banner::before{
  position:absolute;
  right:-100px;
  bottom:-180px;
  width:480px;
  height:480px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  content:"";
}

.kyyw-service-hero::after,
.kyyw-native-banner::after{
  position:absolute;
  right:90px;
  bottom:-230px;
  width:480px;
  height:480px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  content:"";
}

.kyyw-service-crumb{
  display:flex;
  gap:10px;
  align-items:center;
  padding-top:24px;
  color:rgba(255,255,255,.76);
  font-size:14px;
}

.kyyw-service-crumb a{
  color:rgba(255,255,255,.84);
  text-decoration:none;
}

.kyyw-service-hero__content{
  position:relative;
  z-index:1;
  display:flex;
  min-height:310px;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:48px 0 62px;
}

.kyyw-service-kicker,
.kyyw-native-kicker{
  display:block;
  margin-bottom:12px;
  font-size:13px;
  font-weight:700;
  letter-spacing:2.5px;
  opacity:.8;
}

.kyyw-service-hero h1{
  margin:0 0 20px;
  font-size:42px;
  line-height:1.25;
  letter-spacing:1px;
}

.kyyw-service-hero p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:17px;
  line-height:1.9;
}

.kyyw-service-version,
.kyyw-native-badge{
  display:flex;
  width:112px;
  height:112px;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 9px rgba(255,255,255,.04);
  font-size:22px;
  font-weight:700;
}

.kyyw-service-main{
  padding:58px 0 70px;
}

.kyyw-service-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}

.kyyw-service-section-head span,
.kyyw-service-process__title span{
  color:var(--kyyw-blue);
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
}

.kyyw-service-section-head h2,
.kyyw-service-process__title h2{
  margin:8px 0 0;
  color:var(--kyyw-blue-deep);
  font-size:30px;
  line-height:1.35;
}

.kyyw-service-section-head p{
  max-width:520px;
  margin:0;
  color:var(--kyyw-muted);
  font-size:15px;
  line-height:1.8;
  text-align:right;
}

.kyyw-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.kyyw-service-card{
  position:relative;
  min-height:370px;
  overflow:hidden;
  padding:34px 34px 32px;
  border:1px solid var(--kyyw-border);
  background:#fff;
  box-shadow:0 5px 18px rgba(22,64,105,.045);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.kyyw-service-card:hover{
  transform:translateY(-3px);
  border-color:#b9d1e6;
  box-shadow:var(--kyyw-shadow);
}

.kyyw-service-card--primary{
  border-top:4px solid var(--kyyw-blue);
  padding-top:31px;
}

.kyyw-service-card__number{
  position:absolute;
  top:18px;
  right:24px;
  color:#edf3f8;
  font-size:56px;
  font-weight:800;
  line-height:1;
}

.kyyw-service-card__icon{
  display:flex;
  width:62px;
  height:62px;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  background:var(--kyyw-blue-soft);
  border:1px solid #d8eafb;
}

.kyyw-service-card__icon span{
  position:relative;
  display:block;
  width:27px;
  height:27px;
  border:2px solid var(--kyyw-blue);
}

.kyyw-icon-demand::before,
.kyyw-icon-equipment::before,
.kyyw-icon-engineer::before,
.kyyw-icon-org::before{
  position:absolute;
  content:"";
}

.kyyw-icon-demand::before{
  left:5px;
  top:6px;
  width:13px;
  height:2px;
  background:var(--kyyw-blue);
  box-shadow:0 6px 0 var(--kyyw-blue),0 12px 0 var(--kyyw-blue);
}

.kyyw-icon-equipment{
  border-radius:50%;
}

.kyyw-icon-equipment::before{
  left:7px;
  top:7px;
  width:9px;
  height:9px;
  border:2px solid var(--kyyw-blue);
  border-radius:50%;
}

.kyyw-icon-engineer{
  border-radius:50% 50% 8px 8px;
}

.kyyw-icon-engineer::before{
  left:7px;
  top:4px;
  width:9px;
  height:9px;
  border:2px solid var(--kyyw-blue);
  border-radius:50%;
  box-shadow:0 13px 0 2px var(--kyyw-blue-soft);
}

.kyyw-icon-org::before{
  left:5px;
  bottom:4px;
  width:3px;
  height:13px;
  background:var(--kyyw-blue);
  box-shadow:6px -5px 0 var(--kyyw-blue),12px -10px 0 var(--kyyw-blue);
}

.kyyw-service-card h3{
  position:relative;
  z-index:1;
  margin:0 0 14px;
  color:var(--kyyw-blue-deep);
  font-size:24px;
  line-height:1.4;
}

.kyyw-service-card>p{
  min-height:54px;
  margin:0 0 20px;
  color:var(--kyyw-muted);
  font-size:15px;
  line-height:1.8;
}

.kyyw-service-card ul{
  min-height:60px;
  margin:0 0 26px;
  padding:18px 0 0;
  border-top:1px solid #e8eef4;
  list-style:none;
}

.kyyw-service-card li{
  position:relative;
  margin:7px 0;
  padding-left:18px;
  color:#536b82;
  font-size:14px;
  line-height:1.7;
}

.kyyw-service-card li::before{
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--kyyw-blue);
  content:"";
}

.kyyw-service-button{
  display:inline-flex;
  min-width:138px;
  height:44px;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border:1px solid var(--kyyw-blue);
  background:var(--kyyw-blue);
  color:#fff!important;
  font-size:15px;
  font-weight:700;
  text-decoration:none!important;
  transition:all .2s ease;
}

.kyyw-service-button:hover{
  border-color:var(--kyyw-blue-dark);
  background:var(--kyyw-blue-dark);
}

.kyyw-service-button--outline{
  background:#fff;
  color:var(--kyyw-blue)!important;
}

.kyyw-service-button--outline:hover{
  color:#fff!important;
}

.kyyw-service-process{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:40px;
  margin-top:52px;
  padding:34px;
  border-top:4px solid var(--kyyw-blue);
  background:#fff;
  box-shadow:0 5px 18px rgba(22,64,105,.045);
}

.kyyw-service-process ol{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}

.kyyw-service-process li{
  display:flex;
  min-width:0;
  align-items:center;
  gap:12px;
}

.kyyw-service-process li b{
  display:flex;
  width:38px;
  height:38px;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--kyyw-blue);
  color:#fff;
  font-size:15px;
}

.kyyw-service-process li strong,
.kyyw-service-process li span{
  display:block;
}

.kyyw-service-process li strong{
  color:var(--kyyw-blue-deep);
  font-size:15px;
}

.kyyw-service-process li span{
  margin-top:5px;
  color:var(--kyyw-muted);
  font-size:12px;
  line-height:1.5;
}

.kyyw-service-notice{
  display:flex;
  gap:22px;
  margin-top:24px;
  padding:22px 26px;
  border:1px solid #d9e8f5;
  background:#edf6ff;
}

.kyyw-service-notice strong{
  flex-shrink:0;
  color:var(--kyyw-blue-deep);
  font-size:15px;
}

.kyyw-service-notice p{
  margin:0;
  color:#506b83;
  font-size:14px;
  line-height:1.8;
}

/* =========================
   帝国CMS原生投稿页外层
   ========================= */
.kyyw-native-page{
  min-width:320px;
  margin:0;
  background:var(--kyyw-bg);
  color:var(--kyyw-text);
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}

.kyyw-native-topbar{
  height:78px;
  background:#fff;
  border-bottom:1px solid #dfe8f0;
}

.kyyw-native-topbar__inner{
  display:flex;
  height:100%;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.kyyw-native-brand{
  display:flex;
  flex-direction:column;
  text-decoration:none;
}

.kyyw-native-brand strong{
  color:var(--kyyw-blue);
  font-size:25px;
  letter-spacing:2px;
}

.kyyw-native-brand span{
  margin-top:4px;
  color:#6d7f91;
  font-size:12px;
  letter-spacing:.5px;
}

.kyyw-native-nav{
  display:flex;
  align-items:center;
  gap:30px;
}

.kyyw-native-nav a{
  color:#314c66;
  font-size:15px;
  text-decoration:none;
}

.kyyw-native-nav a:hover{
  color:var(--kyyw-blue);
}

.kyyw-native-banner{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(112deg,#0166b6,#074f91);
}

.kyyw-native-breadcrumb{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:9px;
  padding-top:20px;
  color:rgba(255,255,255,.72);
  font-size:13px;
}

.kyyw-native-breadcrumb a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
}

.kyyw-native-banner__row{
  position:relative;
  z-index:1;
  display:flex;
  min-height:220px;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:34px 0 45px;
}

.kyyw-native-banner h1{
  margin:0 0 14px;
  font-size:36px;
  line-height:1.3;
}

.kyyw-native-banner p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:16px;
  line-height:1.8;
}

.kyyw-native-content{
  padding:34px 0 60px;
}

.kyyw-native-steps{
  display:flex;
  max-width:720px;
  align-items:center;
  justify-content:center;
  margin:0 auto 24px;
}

.kyyw-native-steps div{
  display:flex;
  align-items:center;
  gap:9px;
  color:#77899a;
  font-size:14px;
}

.kyyw-native-steps b{
  display:flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border:1px solid #bdcad6;
  border-radius:50%;
  background:#fff;
  font-size:13px;
}

.kyyw-native-steps .is-current{
  color:var(--kyyw-blue);
  font-weight:700;
}

.kyyw-native-steps .is-current b{
  border-color:var(--kyyw-blue);
  background:var(--kyyw-blue);
  color:#fff;
}

.kyyw-native-steps i{
  width:90px;
  height:1px;
  margin:0 16px;
  background:#cfd9e2;
}

.kyyw-native-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:18px;
  border:1px solid var(--kyyw-border);
  background:#fff;
}

.kyyw-native-meta div{
  padding:17px 22px;
  border-right:1px solid var(--kyyw-border);
}

.kyyw-native-meta div:last-child{
  border-right:0;
}

.kyyw-native-meta span,
.kyyw-native-meta strong{
  display:block;
}

.kyyw-native-meta span{
  margin-bottom:6px;
  color:#789;
  font-size:12px;
}

.kyyw-native-meta strong{
  color:var(--kyyw-blue-deep);
  font-size:14px;
  font-weight:700;
}

.kyyw-native-submit{
  overflow:hidden;
  border:1px solid var(--kyyw-border);
  background:#fff;
  box-shadow:var(--kyyw-shadow);
}

/* =========================
   模型前台投稿表单
   ========================= */
.kyyw-native-form{
  padding:34px 38px 10px;
}

.kyyw-native-form__intro{
  margin-bottom:22px;
  padding-bottom:17px;
  border-bottom:1px solid #dfe8f0;
}

.kyyw-native-form__intro--contact{
  margin-top:34px;
}

.kyyw-native-form__intro span{
  color:var(--kyyw-blue);
  font-size:12px;
  font-weight:700;
  letter-spacing:1.8px;
}

.kyyw-native-form__intro h2{
  margin:7px 0 8px;
  color:var(--kyyw-blue-deep);
  font-size:23px;
  line-height:1.4;
}

.kyyw-native-form__intro p{
  margin:0;
  color:var(--kyyw-muted);
  font-size:14px;
  line-height:1.7;
}

.kyyw-native-form__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 26px;
}

.kyyw-native-field{
  min-width:0;
}

.kyyw-native-field--full{
  grid-column:1/-1;
}

.kyyw-native-field>label{
  display:block;
  margin-bottom:9px;
  color:#274660;
  font-size:14px;
  font-weight:700;
}

.kyyw-native-field.is-required>label::after{
  margin-left:5px;
  color:var(--kyyw-danger);
  content:"*";
}

.kyyw-native-field small{
  display:block;
  margin-top:7px;
  color:#8796a5;
  font-size:12px;
  line-height:1.6;
}

.kyyw-native-control{
  min-width:0;
}

/* 覆盖帝国模型自动生成控件的旧样式 */
.kyyw-native-control input[type="text"],
.kyyw-native-control input[type="number"],
.kyyw-native-control input[type="tel"],
.kyyw-native-control input[type="email"],
.kyyw-native-control input[type="password"],
.kyyw-native-control select,
.kyyw-native-control textarea{
  width:100%!important;
  max-width:100%!important;
  min-height:44px;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #bdccda!important;
  border-radius:0!important;
  outline:0;
  background:#fff!important;
  color:#263c52!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.6!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.kyyw-native-control textarea{
  min-height:112px!important;
  resize:vertical;
}

.kyyw-native-control input:focus,
.kyyw-native-control select:focus,
.kyyw-native-control textarea:focus{
  border-color:var(--kyyw-blue)!important;
  box-shadow:0 0 0 3px rgba(1,102,182,.09)!important;
}

.kyyw-native-control input[type="radio"],
.kyyw-native-control input[type="checkbox"]{
  width:auto!important;
  margin-right:5px;
}

.kyyw-native-control label{
  display:inline-flex;
  align-items:center;
  margin:7px 18px 7px 0;
  color:#405c75;
  font-size:14px;
}

.kyyw-native-control table{
  width:100%!important;
  max-width:100%!important;
  border:0!important;
  background:transparent!important;
}

.kyyw-native-control table td{
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:#405c75!important;
}

.kyyw-native-upload input[type="file"]{
  max-width:100%;
  padding:11px;
  border:1px dashed #a9bfd2;
  background:#f7fafc;
  color:#415c75;
}

.kyyw-native-upload img{
  max-width:180px;
  height:auto;
  margin-top:10px;
  border:1px solid #d8e4ef;
}

.kyyw-native-form__notice{
  margin:30px 0 20px;
  padding:18px 20px;
  border-left:4px solid var(--kyyw-blue);
  background:#f0f7fd;
}

.kyyw-native-form__notice strong{
  display:block;
  margin-bottom:6px;
  color:var(--kyyw-blue-deep);
  font-size:14px;
}

.kyyw-native-form__notice p{
  margin:0;
  color:#557087;
  font-size:13px;
  line-height:1.8;
}

.kyyw-native-captcha{
  margin:0 38px;
  padding:18px 0;
  border-top:1px solid #e2eaf1;
}

.kyyw-native-captcha table,
.kyyw-native-captcha tr,
.kyyw-native-captcha td{
  border:0!important;
  background:#fff!important;
}

.kyyw-native-captcha td{
  padding:5px 0!important;
  color:#35516a;
  font-size:14px;
}

.kyyw-native-captcha input[type="text"]{
  height:40px;
  margin-right:10px;
  padding:7px 10px;
  border:1px solid #bdccda;
}

.kyyw-native-captcha img{
  vertical-align:middle;
}

.kyyw-native-actions{
  display:flex;
  align-items:center;
  gap:12px;
  padding:24px 38px 30px;
  border-top:1px solid #e2eaf1;
  background:#f8fafc;
}

.kyyw-native-actions button{
  min-width:130px;
  height:44px;
  padding:0 25px;
  border:1px solid var(--kyyw-blue);
  border-radius:0;
  background:var(--kyyw-blue);
  color:#fff;
  cursor:pointer;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
}

.kyyw-native-actions button[type="reset"]{
  border-color:#aebdcc;
  background:#fff;
  color:#405971;
}

.kyyw-native-actions a{
  margin-left:auto;
  color:var(--kyyw-blue);
  font-size:14px;
  text-decoration:none;
}

.kyyw-native-bottom-note{
  margin-top:18px;
  padding:17px 20px;
  border:1px solid #e0e7ee;
  background:#fff;
  color:#65798c;
  font-size:13px;
  line-height:1.7;
}

.kyyw-native-bottom-note strong{
  color:#395a75;
}

.kyyw-native-footer{
  padding:28px 0;
  border-top:1px solid #dce5ed;
  background:#fff;
  color:#718293;
  text-align:center;
}

.kyyw-native-footer p{
  margin:5px 0;
  font-size:12px;
}

/* 隐藏模型代码中可能出现的旧式多余背景 */
.kyyw-native-submit .tableborder{
  width:100%!important;
  border:0!important;
  background:#fff!important;
}

.kyyw-native-submit .tableborder td{
  border:0!important;
  background:#fff!important;
}

/* =========================
   手机端
   ========================= */
@media (max-width:900px){
  .kyyw-service-hero__content,
  .kyyw-native-banner__row{
    min-height:auto;
  }

  .kyyw-service-grid{
    grid-template-columns:1fr;
  }

  .kyyw-service-process{
    grid-template-columns:1fr;
  }

  .kyyw-service-process ol{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }

  .kyyw-native-nav{
    display:none;
  }

  .kyyw-native-meta{
    grid-template-columns:1fr;
  }

  .kyyw-native-meta div{
    border-right:0;
    border-bottom:1px solid var(--kyyw-border);
  }

  .kyyw-native-meta div:last-child{
    border-bottom:0;
  }
}

@media (max-width:640px){
  .kyyw-service-container,
  .kyyw-native-container{
    width:calc(100% - 24px);
  }

  .kyyw-service-hero__content{
    display:block;
    padding:38px 0 46px;
  }

  .kyyw-service-version,
  .kyyw-native-badge{
    display:none;
  }

  .kyyw-service-hero h1{
    font-size:30px;
  }

  .kyyw-service-hero p{
    font-size:15px;
  }

  .kyyw-service-main{
    padding:38px 0 48px;
  }

  .kyyw-service-section-head{
    display:block;
  }

  .kyyw-service-section-head h2,
  .kyyw-service-process__title h2{
    font-size:24px;
  }

  .kyyw-service-section-head p{
    margin-top:12px;
    text-align:left;
  }

  .kyyw-service-card{
    min-height:0;
    padding:26px 22px;
  }

  .kyyw-service-card__number{
    font-size:45px;
  }

  .kyyw-service-card>p,
  .kyyw-service-card ul{
    min-height:0;
  }

  .kyyw-service-process{
    padding:26px 20px;
  }

  .kyyw-service-process ol{
    grid-template-columns:1fr;
  }

  .kyyw-service-notice{
    display:block;
  }

  .kyyw-service-notice p{
    margin-top:8px;
  }

  .kyyw-native-topbar{
    height:70px;
  }

  .kyyw-native-brand strong{
    font-size:21px;
  }

  .kyyw-native-brand span{
    font-size:11px;
  }

  .kyyw-native-banner__row{
    padding:28px 0 34px;
  }

  .kyyw-native-banner h1{
    font-size:28px;
  }

  .kyyw-native-banner p{
    font-size:14px;
  }

  .kyyw-native-steps i{
    width:26px;
    margin:0 7px;
  }

  .kyyw-native-steps div{
    display:block;
    text-align:center;
  }

  .kyyw-native-steps b{
    margin:0 auto 6px;
  }

  .kyyw-native-form{
    padding:26px 18px 8px;
  }

  .kyyw-native-form__grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .kyyw-native-field--full{
    grid-column:auto;
  }

  .kyyw-native-captcha{
    margin:0 18px;
  }

  .kyyw-native-actions{
    flex-wrap:wrap;
    padding:22px 18px 26px;
  }

  .kyyw-native-actions button{
    width:100%;
  }

  .kyyw-native-actions a{
    width:100%;
    margin:4px 0 0;
    text-align:center;
  }
}


/* =========================================================
   V1.1 投稿页增强样式（保留办理大厅样式后追加）
   ========================================================= */


*,
*::before,
*::after{box-sizing:border-box}
:root{
  --kyyw-blue:#0166b6;
  --kyyw-blue-dark:#0a4f8e;
  --kyyw-blue-deep:#153b63;
  --kyyw-blue-soft:#edf5ff;
  --kyyw-bg:#f4f7fb;
  --kyyw-white:#fff;
  --kyyw-text:#2a425a;
  --kyyw-muted:#6b7f92;
  --kyyw-border:#d8e4ef;
  --kyyw-shadow:0 12px 32px rgba(14,58,96,.08);
  --kyyw-shadow-sm:0 6px 18px rgba(14,58,96,.05);
}
.kyyw-submit-wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}
.kyyw-submit-body{min-width:320px;margin:0;background:var(--kyyw-bg);color:var(--kyyw-text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.kyyw-submit-topline{height:5px;background:linear-gradient(90deg,var(--kyyw-blue),#2c89dd)}
.kyyw-submit-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(216,228,239,.9)}
.kyyw-submit-header__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:82px}
.kyyw-submit-logo{display:flex;flex-direction:column;text-decoration:none}
.kyyw-submit-logo strong{color:var(--kyyw-blue);font-size:28px;line-height:1.1;letter-spacing:2px}
.kyyw-submit-logo span{margin-top:6px;color:#6e8296;font-size:12px;letter-spacing:.5px}
.kyyw-submit-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kyyw-submit-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:40px;padding:0 16px;color:#324e69;font-size:15px;text-decoration:none;border-radius:999px;transition:all .2s ease}
.kyyw-submit-nav a:hover,.kyyw-submit-nav a.is-active{background:var(--kyyw-blue-soft);color:var(--kyyw-blue)}
.kyyw-submit-banner{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.16),transparent 32%),linear-gradient(120deg,#015aa3,#0f4d8d);color:#fff}
.kyyw-submit-banner::before,.kyyw-submit-banner::after{position:absolute;content:"";border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.kyyw-submit-banner::before{right:-120px;bottom:-180px;width:500px;height:500px}
.kyyw-submit-banner::after{right:120px;bottom:-250px;width:540px;height:540px}
.kyyw-submit-crumb{position:relative;z-index:1;display:flex;gap:9px;align-items:center;padding-top:22px;color:rgba(255,255,255,.74);font-size:14px}
.kyyw-submit-crumb a{color:rgba(255,255,255,.82);text-decoration:none}
.kyyw-submit-banner__main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px 0 46px}
.kyyw-submit-tag{display:inline-flex;margin-bottom:14px;padding:6px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;font-size:12px;letter-spacing:1.6px}
.kyyw-submit-banner h1{margin:0 0 16px;font-size:40px;line-height:1.25;letter-spacing:.5px}
.kyyw-submit-banner p{max-width:820px;margin:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.9}
.kyyw-submit-banner__badge{display:flex;width:126px;height:126px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 9px rgba(255,255,255,.03)}
.kyyw-submit-banner__badge span{color:rgba(255,255,255,.82);font-size:14px}
.kyyw-submit-banner__badge strong{margin-top:4px;font-size:30px}
.kyyw-submit-steps{display:flex;align-items:center;margin-top:28px;flex-wrap:wrap}
.kyyw-submit-steps div{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.78);font-size:14px}
.kyyw-submit-steps b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.4);font-size:13px}
.kyyw-submit-steps .is-current{color:#fff;font-weight:700}
.kyyw-submit-steps .is-current b{background:#fff;color:var(--kyyw-blue);border-color:#fff}
.kyyw-submit-steps i{width:72px;height:1px;margin:0 16px;background:rgba(255,255,255,.25)}
.kyyw-submit-main{padding:32px 0 64px}
.kyyw-submit-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.kyyw-submit-panel{overflow:hidden;border:1px solid var(--kyyw-border);background:#fff;box-shadow:var(--kyyw-shadow)}
.kyyw-submit-panel__head{padding:28px 30px 24px;border-bottom:1px solid #e3ebf2;background:linear-gradient(180deg,#fbfdff,#f7fbff)}
.kyyw-submit-panel__title span{color:var(--kyyw-blue);font-size:12px;font-weight:700;letter-spacing:1.8px}
.kyyw-submit-panel__title h2{margin:8px 0 0;color:var(--kyyw-blue-deep);font-size:28px;line-height:1.35}
.kyyw-submit-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.kyyw-submit-meta div{padding:16px 16px 14px;border:1px solid #dce6ef;background:#fff}
.kyyw-submit-meta label,.kyyw-submit-meta strong{display:block}
.kyyw-submit-meta label{margin-bottom:7px;color:#8091a3;font-size:12px}
.kyyw-submit-meta strong{color:#294663;font-size:14px;font-weight:700}
.kyyw-submit-form .kyyw-native-form{padding:30px}
.kyyw-submit-form .kyyw-native-form__intro{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e3ebf2}
.kyyw-submit-form .kyyw-native-form__intro--contact{margin-top:34px}
.kyyw-submit-form .kyyw-native-form__intro span{color:var(--kyyw-blue);font-size:12px;font-weight:700;letter-spacing:1.6px}
.kyyw-submit-form .kyyw-native-form__intro h2{margin:8px 0 8px;color:var(--kyyw-blue-deep);font-size:24px}
.kyyw-submit-form .kyyw-native-form__intro p{margin:0;color:var(--kyyw-muted);font-size:14px;line-height:1.8}
.kyyw-submit-form .kyyw-native-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
.kyyw-submit-form .kyyw-native-field{min-width:0}
.kyyw-submit-form .kyyw-native-field--full{grid-column:1/-1}
.kyyw-submit-form .kyyw-native-field > label{display:block;margin-bottom:9px;color:#2b4865;font-size:14px;font-weight:700}
.kyyw-submit-form .kyyw-native-field.is-required > label::after{margin-left:5px;color:#db5a3f;content:"*"}
.kyyw-submit-form .kyyw-native-field small{display:block;margin-top:8px;color:#8a98a6;font-size:12px;line-height:1.7}
.kyyw-submit-form .kyyw-native-control input[type="text"],
.kyyw-submit-form .kyyw-native-control input[type="number"],
.kyyw-submit-form .kyyw-native-control input[type="tel"],
.kyyw-submit-form .kyyw-native-control input[type="email"],
.kyyw-submit-form .kyyw-native-control input[type="password"],
.kyyw-submit-form .kyyw-native-control select,
.kyyw-submit-form .kyyw-native-control textarea{width:100%!important;max-width:100%!important;min-height:46px;margin:0!important;padding:10px 14px!important;border:1px solid #c3d2df!important;border-radius:8px!important;outline:0;background:#fff!important;color:#2a425a!important;font-family:inherit!important;font-size:14px!important;line-height:1.6!important;box-shadow:0 0 0 0 rgba(1,102,182,0);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.kyyw-submit-form .kyyw-native-control textarea{min-height:150px!important;resize:vertical}
.kyyw-submit-form .kyyw-native-control input:focus,
.kyyw-submit-form .kyyw-native-control select:focus,
.kyyw-submit-form .kyyw-native-control textarea:focus{border-color:var(--kyyw-blue)!important;background:#fbfdff!important;box-shadow:0 0 0 4px rgba(1,102,182,.08)!important}
.kyyw-submit-form .kyyw-native-control input[type="radio"],
.kyyw-submit-form .kyyw-native-control input[type="checkbox"]{width:auto!important;min-height:auto;margin-right:6px}
.kyyw-submit-form .kyyw-native-control label{display:inline-flex;align-items:center;margin:6px 16px 6px 0;color:#466078;font-size:14px}
.kyyw-submit-form .kyyw-native-control table{width:100%!important;border:0!important;background:transparent!important}
.kyyw-submit-form .kyyw-native-control table td{padding:4px 0!important;border:0!important;background:transparent!important}
.kyyw-submit-form .kyyw-native-upload input[type="file"]{width:100%;padding:14px!important;border:1px dashed #b8cad9!important;border-radius:8px!important;background:#f8fbfe!important}
.kyyw-submit-form .kyyw-native-upload img{max-width:190px;height:auto;margin-top:12px;border-radius:8px;border:1px solid #dce6ef}
.kyyw-submit-form .kyyw-native-form__notice{margin:30px 0 2px;padding:16px 18px;border:1px solid #d7e8f8;border-left:4px solid var(--kyyw-blue);border-radius:8px;background:#f3f9ff}
.kyyw-submit-form .kyyw-native-form__notice strong{display:block;margin-bottom:6px;color:#234668;font-size:14px}
.kyyw-submit-form .kyyw-native-form__notice p{margin:0;color:#5f7489;font-size:13px;line-height:1.8}
.kyyw-submit-captcha{margin:0 30px 6px;padding:20px 0 0;border-top:1px solid #e3ebf2}
.kyyw-submit-captcha__title{margin-bottom:12px;color:#294663;font-size:14px;font-weight:700}
.kyyw-submit-captcha table,.kyyw-submit-captcha tr,.kyyw-submit-captcha td{border:0!important;background:transparent!important}
.kyyw-submit-captcha td{padding:6px 0!important;color:#486178;font-size:14px}
.kyyw-submit-captcha input[type="text"]{height:42px;margin-right:10px;padding:8px 10px;border:1px solid #c3d2df;border-radius:8px}
.kyyw-submit-captcha img{vertical-align:middle;border-radius:6px}
.kyyw-submit-actions{display:flex;align-items:center;gap:12px;padding:24px 30px 30px;border-top:1px solid #e3ebf2;background:#fafcff}
.kyyw-submit-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:46px;padding:0 24px;border:1px solid var(--kyyw-blue);border-radius:999px;background:var(--kyyw-blue);color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s ease}
.kyyw-submit-actions button:hover{background:var(--kyyw-blue-dark);border-color:var(--kyyw-blue-dark)}
.kyyw-submit-actions button.is-light{background:#fff;color:#466078;border-color:#c3d2df}
.kyyw-submit-actions button.is-light:hover{background:#f4f8fb;border-color:#b4c5d4}
.kyyw-submit-actions a{margin-left:auto;color:var(--kyyw-blue);font-size:14px;text-decoration:none}
.kyyw-submit-actions a:hover{text-decoration:underline}
.kyyw-submit-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:104px}
.kyyw-side-card{border:1px solid var(--kyyw-border);background:#fff;box-shadow:var(--kyyw-shadow-sm)}
.kyyw-side-card__head{padding:20px 20px 14px;border-bottom:1px solid #e5edf4;background:linear-gradient(180deg,#fbfdff,#f7fbff)}
.kyyw-side-card__head span{color:var(--kyyw-blue);font-size:12px;font-weight:700;letter-spacing:1.4px}
.kyyw-side-card__head h3{margin:7px 0 0;color:var(--kyyw-blue-deep);font-size:20px;line-height:1.35}
.kyyw-side-list{margin:0;padding:16px 20px 18px 20px;list-style:none}
.kyyw-side-list li{position:relative;margin:0 0 12px;padding-left:18px;color:#587086;font-size:14px;line-height:1.75}
.kyyw-side-list li:last-child{margin-bottom:0}
.kyyw-side-list li::before{position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--kyyw-blue);content:""}
.kyyw-side-process{margin:0;padding:16px 20px 20px;list-style:none}
.kyyw-side-process li{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.kyyw-side-process li:last-child{margin-bottom:0}
.kyyw-side-process b{display:flex;width:30px;height:30px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:var(--kyyw-blue);color:#fff;font-size:13px}
.kyyw-side-process strong,.kyyw-side-process span{display:block}
.kyyw-side-process strong{color:#2f4a65;font-size:14px}
.kyyw-side-process span{margin-top:5px;color:#738596;font-size:12px;line-height:1.6}
.kyyw-side-card--notice p{margin:0;padding:16px 20px 20px;color:#5f7489;font-size:14px;line-height:1.8}
.kyyw-submit-footer{margin-top:10px;padding:32px 0;border-top:1px solid #dce6ef;background:#fff;text-align:center}
.kyyw-submit-footer__links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:12px}
.kyyw-submit-footer__links a{color:#496179;font-size:14px;text-decoration:none}
.kyyw-submit-footer__links a:hover{color:var(--kyyw-blue)}
.kyyw-submit-footer p{margin:6px 0;color:#768696;font-size:12px}
.kyyw-submit-form .tableborder{width:100%!important;border:0!important;background:#fff!important}
.kyyw-submit-form .tableborder td{border:0!important;background:#fff!important}
@media (max-width:1024px){.kyyw-submit-layout{grid-template-columns:1fr}.kyyw-submit-side{position:static}}
@media (max-width:820px){
  .kyyw-submit-header__inner{min-height:72px}
  .kyyw-submit-nav{display:none}
  .kyyw-submit-banner__main{display:block;padding:28px 0 34px}
  .kyyw-submit-banner__badge{display:none}
  .kyyw-submit-banner h1{font-size:32px}
  .kyyw-submit-steps{margin-top:22px}
  .kyyw-submit-meta{grid-template-columns:1fr}
}
@media (max-width:640px){
  .kyyw-submit-wrap{width:calc(100% - 24px)}
  .kyyw-submit-logo strong{font-size:24px}
  .kyyw-submit-logo span{font-size:11px}
  .kyyw-submit-crumb{font-size:13px;padding-top:16px}
  .kyyw-submit-tag{font-size:11px}
  .kyyw-submit-banner h1{font-size:28px}
  .kyyw-submit-banner p{font-size:14px;line-height:1.8}
  .kyyw-submit-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .kyyw-submit-steps i{display:none}
  .kyyw-submit-steps div{display:block;text-align:center}
  .kyyw-submit-steps b{margin:0 auto 8px}
  .kyyw-submit-panel__head{padding:22px 18px}
  .kyyw-submit-panel__title h2{font-size:24px}
  .kyyw-submit-form .kyyw-native-form{padding:22px 18px}
  .kyyw-submit-form .kyyw-native-form__grid{grid-template-columns:1fr}
  .kyyw-submit-form .kyyw-native-field--full{grid-column:auto}
  .kyyw-submit-captcha{margin:0 18px 6px}
  .kyyw-submit-actions{flex-wrap:wrap;padding:22px 18px 24px}
  .kyyw-submit-actions button{width:100%}
  .kyyw-submit-actions a{width:100%;margin-left:0;text-align:center}
}

/* =========================================================
   V1.3 修正：当前官网公共头部兼容层
   当前 temp.header 使用 kyyw-gov-* 类名。
   主样式正常加载时本段作为补充；主样式缺少对应类时也能保持基本排版。
   ========================================================= */
.kyyw-publish-body .kyyw-gov-header{position:relative;z-index:100;background:#fff;color:#17365d}
.kyyw-publish-body .kyyw-gov-topbar{border-bottom:1px solid #dfe6ef;background:#f4f6f9;color:#52677f;font-size:13px}
.kyyw-publish-body .kyyw-gov-topbar-inner{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:20px}
.kyyw-publish-body .kyyw-gov-topbar-left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kyyw-publish-body .kyyw-gov-topbar-right{display:flex;flex:0 0 auto;align-items:center;gap:10px;white-space:nowrap}
.kyyw-publish-body .kyyw-gov-topbar-right a{color:#52677f;text-decoration:none}
.kyyw-publish-body .kyyw-gov-topbar-right span{color:#b9c4d0}
.kyyw-publish-body .kyyw-gov-topline{height:5px;background:linear-gradient(90deg,#c82027 0,#c82027 9%,#0b3d91 9%,#0b3d91 100%)}
.kyyw-publish-body .kyyw-gov-brandbar{border-bottom:1px solid #e1e8f0;background:#fff}
.kyyw-publish-body .kyyw-gov-brandbar-inner{display:flex;min-height:142px;align-items:center;justify-content:space-between;gap:30px;padding:20px 0}
.kyyw-publish-body .kyyw-gov-brand{display:flex;min-width:0;align-items:center;gap:20px;text-decoration:none}
.kyyw-publish-body .kyyw-gov-logo{display:block;width:98px;height:98px;flex:0 0 98px}
.kyyw-publish-body .kyyw-gov-logo img{display:block;width:100%;height:100%;object-fit:contain}
.kyyw-publish-body .kyyw-gov-brand-copy{display:flex;min-width:0;flex-direction:column}
.kyyw-publish-body .kyyw-gov-brand-copy strong{color:#0b3d91;font-size:34px;line-height:1.25;letter-spacing:3px}
.kyyw-publish-body .kyyw-gov-brand-copy em{margin-top:7px;color:#526b86;font-size:15px;font-style:normal;line-height:1.6}
.kyyw-publish-body .kyyw-gov-header-tools{display:flex;min-width:320px;flex-direction:column;align-items:flex-end;gap:12px}

/* =========================================================
   V1.3 资源详细介绍：轻量排版编辑器
   ========================================================= */
.kyyw-lite-editor{overflow:hidden;border:1px solid #c3d2df;border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.kyyw-lite-editor:focus-within{border-color:#0166b6;box-shadow:0 0 0 4px rgba(1,102,182,.08)}
.kyyw-lite-editor__toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-bottom:1px solid #dce6ef;background:#f6f9fc}
.kyyw-lite-editor__toolbar button{height:32px;padding:0 10px;border:1px solid #cad7e3;border-radius:5px;background:#fff;color:#405a72;cursor:pointer;font-size:12px;line-height:30px}
.kyyw-lite-editor__toolbar button:hover{border-color:#0166b6;color:#0166b6;background:#f3f8ff}
.kyyw-lite-editor__content{min-height:118px;max-height:320px;overflow-y:auto;padding:12px 14px;outline:0;color:#2a425a;font-size:14px;line-height:1.75}
.kyyw-lite-editor__content:empty::before{content:attr(data-placeholder);color:#a0acb8;pointer-events:none}
.kyyw-lite-editor__content p{margin:0 0 8px}
.kyyw-lite-editor__content ul{margin:4px 0 8px 20px;padding:0;list-style:disc}
.kyyw-lite-editor__content ol{margin:4px 0 8px 20px;padding:0;list-style:decimal}
.kyyw-lite-editor__content li{margin:3px 0}
.kyyw-lite-editor__value{display:none!important}

/* 验证码区域 */
.kyyw-submit-captcha [id$="showkey"] a{display:inline-flex;min-height:38px;align-items:center;padding:0 12px;border:1px solid #c3d2df;border-radius:6px;background:#fff;color:#0166b6;text-decoration:none;cursor:pointer}
.kyyw-submit-captcha [id$="showkey"] img{display:inline-block;max-height:40px;vertical-align:middle;cursor:pointer}

@media(max-width:960px){
  .kyyw-publish-body .kyyw-gov-topbar{display:none}
  .kyyw-publish-body .kyyw-gov-brandbar-inner{min-height:82px;padding:10px 0}
  .kyyw-publish-body .kyyw-gov-logo{width:58px;height:58px;flex-basis:58px}
  .kyyw-publish-body .kyyw-gov-brand-copy strong{font-size:23px;letter-spacing:1px}
  .kyyw-publish-body .kyyw-gov-brand-copy em{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kyyw-publish-body .kyyw-gov-header-tools{display:none}
}
/* 统一官网头部、底部后的投稿页面 */
.kyyw-submit-body {
    margin: 0;
    background: #eef4f8;
}

.kyyw-submit-body .kyyw-gov-header {
    position: relative;
    z-index: 1000;
}

.kyyw-submit-banner {
    position: relative;
    z-index: 1;
}

/* 公共文件缺失提示 */
.kyyw-publish-file-error {
    width: calc(100% - 30px);
    max-width: 1200px;
    margin: 20px auto;
    padding: 16px 20px;
    border: 1px solid #e2b8b8;
    background: #fff4f4;
    color: #b42318;
    font-size: 14px;
    line-height: 1.8;
    box-sizing: border-box;
}

/* 避免投稿主体与统一底部贴得太近 */
.kyyw-submit-main {
    padding-bottom: 48px;
}

@media (max-width: 768px) {
    .kyyw-submit-main {
        padding-bottom: 30px;
    }

    .kyyw-publish-file-error {
        width: calc(100% - 20px);
        margin: 12px auto;
        padding: 12px 14px;
        font-size: 13px;
    }
}
/* =========================================================
   在线办理五项布局
   电脑端第一行3项，第二行2项居中
   ========================================================= */

/* 平板端：每行2项 */

@media (min-width: 641px) and (max-width: 980px) {

  .kyyw-service-grid--five {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .kyyw-service-grid--five > .kyyw-service-card {
    grid-column: auto;
  }

  .kyyw-service-grid--five > .kyyw-service-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 9px);
    justify-self: center;
  }

}

/* 手机端：每行1项 */

@media (max-width: 640px) {

  .kyyw-service-grid--five {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .kyyw-service-grid--five > .kyyw-service-card,
  .kyyw-service-grid--five > .kyyw-service-card:last-child {
    width: 100%;
    grid-column: auto;
  }

}
/* =========================================================
   科仪有维在线办理系统：五项统一卡片布局
   ========================================================= */

.kyyw-service-grid--five {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* 所有卡片保持同高 */
.kyyw-service-grid--five > .kyyw-service-card {
  width: auto;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 28px 24px 26px;
}

/* 编号保持在右上角 */
.kyyw-service-grid--five .kyyw-service-card__number {
  top: 20px;
  right: 22px;
  font-size: 48px;
}

/* 图标区域稍微缩小 */
.kyyw-service-grid--five .kyyw-service-card__icon {
  width: 54px;
  height: 54px;
  margin-bottom: 22px;
}

/* 标题 */
.kyyw-service-grid--five .kyyw-service-card h3 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.4;
}

/* 简介固定基本高度，保证分隔线对齐 */
.kyyw-service-grid--five .kyyw-service-card > p {
  min-height: 88px;
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
}

/* 办理说明 */
.kyyw-service-grid--five .kyyw-service-card ul {
  min-height: 92px;
  margin: 20px 0 22px;
  padding-top: 18px;
}

/* 按钮统一贴在卡片底部 */
.kyyw-service-grid--five .kyyw-service-button {
  margin-top: auto;
  align-self: flex-start;
}

/* =========================================================
   检测能力图标
   不依赖额外图标字体
   ========================================================= */

.kyyw-icon-capability {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
}

.kyyw-icon-capability::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 11px;
  height: 17px;
  border: 2px solid currentColor;
  border-radius: 7px 7px 3px 3px;
  transform: rotate(-25deg);
}

.kyyw-icon-capability::after {
  content: "";
  position: absolute;
  left: 6px;
  bottom: 1px;
  width: 17px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-radius: 0 0 0 5px;
}

/* =========================================================
   中等电脑：三列
   ========================================================= */

@media (max-width: 1280px) {

  .kyyw-service-grid--five {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kyyw-service-grid--five > .kyyw-service-card {
    padding: 28px 26px 26px;
  }

  .kyyw-service-grid--five .kyyw-service-card > p {
    min-height: 72px;
  }

  .kyyw-service-grid--five .kyyw-service-card ul {
    min-height: 76px;
  }

}

/* =========================================================
   平板：两列
   ========================================================= */

@media (max-width: 900px) {

  .kyyw-service-grid--five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .kyyw-service-grid--five .kyyw-service-card > p,
  .kyyw-service-grid--five .kyyw-service-card ul {
    min-height: 0;
  }

}

/* =========================================================
   手机：单列
   ========================================================= */

@media (max-width: 640px) {

  .kyyw-service-grid--five {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .kyyw-service-grid--five > .kyyw-service-card {
    width: 100%;
    padding: 24px 20px 22px;
  }

  .kyyw-service-grid--five .kyyw-service-card__number {
    top: 16px;
    right: 18px;
    font-size: 42px;
  }

  .kyyw-service-grid--five .kyyw-service-card h3 {
    font-size: 21px;
  }

  .kyyw-service-grid--five .kyyw-service-button {
    width: 100%;
    text-align: center;
  }

}