/* ====================== 基础重置 ====================== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Microsoft YaHei","PingFang SC",Arial;
}

/* 锚点平滑滚动（导航「核心功能」跳转） */
html{
  scroll-behavior:smooth;
}

/* 锚点偏移：固定导航高度 82px，防止标题被页头遮挡 */
section[id]{
  scroll-margin-top:96px;
}

body{
  background:#edf2f7;
  color:#344054;
}

.container{
  width:1200px;
  max-width:92%;
  margin:auto;
}

/* ====================== 轻拟态 ====================== */
.neu{
  background:#edf2f7;
  border-radius:28px;
  box-shadow:12px 12px 30px #cbd5df,-12px -12px 30px #ffffff;
}

/* ====================== 导航 ====================== */
header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:999;
  background:rgba(237,242,247,.85);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.nav{
  height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:26px;
  font-weight:800;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* logo 图片与标题垂直居中对齐 */
.logo img{
  display:block;
  width:32px;
  height:32px;
  border-radius:8px;
  object-fit:cover;
}

.menu{
  display:flex;
  align-items:center;
  gap:32px;
}

.menu a{
  text-decoration:none;
  color:#475467;
}

.btn{
  border:0;
  padding:14px 32px;
  border-radius:22px;
  cursor:pointer;
  background:#edf2f7;
  box-shadow:6px 6px 15px #ccd3dd,-6px -6px 15px #ffffff;
  transition:transform .25s ease, box-shadow .25s ease;
  /* GPU 提速，hover 位移更顺滑 */
  will-change:transform;
}

.btn:hover{
  transform:translateY(-3px);
  box-shadow:8px 8px 18px #ccd3dd,-8px -8px 18px #ffffff;
}

.btn:focus-visible{
  outline:2px solid #2563eb;
  outline-offset:3px;
}

.primary{
  background:#2563eb;
  color:#fff;
}

/* ====================== 移动端汉堡按钮 ====================== */
.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:#edf2f7;
  box-shadow:4px 4px 10px #ccd3dd,-4px -4px 10px #ffffff;
  cursor:pointer;
  padding:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  position:relative;
  z-index:1001;
}

.menu-toggle span{
  display:block;
  width:22px;
  height:2px;
  background:#475467;
  border-radius:2px;
  transition:transform .3s ease, opacity .3s ease;
}

.menu-toggle.open span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.menu-toggle.open span:nth-child(2){
  opacity:0;
}

.menu-toggle.open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

/* ====================== 移动端抽屉导航 ====================== */
.mobile-drawer{
  position:fixed;
  top:0;
  right:0;
  width:80%;
  max-width:320px;
  height:100vh;
  background:#edf2f7;
  box-shadow:-10px 0 40px rgba(0,0,0,.15);
  z-index:1000;
  transform:translateX(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  padding:100px 30px 30px;
  overflow-y:auto;
}

.mobile-drawer.open{
  transform:translateX(0);
}

.mobile-drawer a{
  display:block;
  padding:16px 20px;
  margin-bottom:12px;
  border-radius:16px;
  text-decoration:none;
  color:#475467;
  font-size:18px;
  background:#edf2f7;
  box-shadow:6px 6px 14px #ccd3dd,-6px -6px 14px #ffffff;
  transition:transform .2s ease;
}

.mobile-drawer a:hover{
  transform:translateX(-4px);
}

.mobile-drawer a.btn{
  display:block;
  text-align:center;
}

/* 遮罩 */
.mobile-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.4);
  z-index:999;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease, visibility .35s ease;
}

.mobile-overlay.open{
  opacity:1;
  visibility:visible;
}

/* ====================== Hero ====================== */
.hero{
  padding-top:140px;
  padding-bottom:50px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

.hero h1{
  font-size:58px;
  line-height:1.35;
  font-weight:800;
}

.hero p{
  margin-top:30px;
  font-size:20px;
  line-height:1.8;
  color:#667085;
}

.actions{
  margin-top:45px;
  display:flex;
  gap:20px;
}

/* Hero 主按钮：蓝色渐变 + 光泽 */
.actions .btn.primary{
  padding:16px 40px;
  font-size:16px;
  font-weight:600;
  letter-spacing:1px;
  color:#ffffff;
  background:linear-gradient(135deg,#3b82f6 0%,#2563eb 55%,#1d4ed8 100%);
  box-shadow:6px 6px 16px rgba(37,99,235,.35),-4px -4px 12px #ffffff,inset 0 1px 0 rgba(255,255,255,.35);
}

.actions .btn.primary:hover{
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 55%,#1e40af 100%);
  box-shadow:8px 10px 24px rgba(37,99,235,.45),-4px -4px 12px #ffffff,inset 0 1px 0 rgba(255,255,255,.35);
}

/* Hero 次按钮：轻拟态描边 */
.actions .btn:not(.primary){
  padding:16px 36px;
  font-size:16px;
  font-weight:600;
  color:#2563eb;
  background:#edf2f7;
  box-shadow:6px 6px 15px #ccd3dd,-6px -6px 15px #ffffff,inset 0 0 0 2px rgba(37,99,235,.18);
}

.actions .btn:not(.primary):hover{
  color:#1d4ed8;
  box-shadow:8px 8px 18px #ccd3dd,-8px -8px 18px #ffffff,inset 0 0 0 2px rgba(37,99,235,.35);
}

/* 首页后台截图 */
.hero-box{
  padding:25px;
}

.browser{
  height:40px;
  background:#f5f7fa;
  border-radius:20px 20px 0 0;
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:20px;
}

.browser span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#cbd5e1;
}

.hero-screen{
  height:430px;
  background:#fff;
  overflow:hidden;
  border-radius:0 0 20px 20px;
}

.hero-screen img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* ====================== 通用标题 ====================== */
section{
  padding:50px 0;
}

.title{
  text-align:center;
  font-size:42px;
  font-weight:800;
  margin-bottom:60px;
}

/* ====================== 功能卡片 ====================== */
.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px;
}

.card{
  padding:35px;
  transition:transform .3s ease;
}

.card:hover{
  transform:translateY(-4px);
}

.icon{
  width:70px;
  height:70px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:35px;
  background:#edf2f7;
  box-shadow:inset 5px 5px 12px #ccd3dd,inset -5px -5px 12px #fff;
}

.card h3{
  font-size:25px;
  margin-top:25px;
}

.card p{
  margin-top:15px;
  line-height:1.8;
  color:#667085;
}

/* ====================== 后台系统展示 ====================== */
.product-demo{
  display:grid;
  grid-template-columns:0.8fr 1.2fr;
  gap:70px;
  align-items:center;
}

.demo-info h2{
  font-size:42px;
}

.demo-info p{
  margin-top:25px;
  line-height:2;
  font-size:18px;
  color:#667085;
}

.feature-list{
  margin-top:35px;
}

.feature-list div{
  padding:18px;
  margin-bottom:18px;
}

.demo-image{
  padding:25px;
}

.carousel{
  overflow:hidden;
  position:relative;
  border-radius:22px;
  background:#fff;
}

.slides{
  display:flex;
  transition:transform .6s ease;
  /* GPU 加速，滑动更流畅 */
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* 每个 slide 占满一屏，一次只显示一张 */
.slide{
  flex:0 0 100%;
  min-width:100%;
  width:100%;
}

.slides img{
  display:block;
  width:100%;
  height:520px;
  object-fit:contain;
}

.dots{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:12px;
}

.dots span{
  width:12px;
  height:12px;
  background:#2563eb;
  border-radius:50%;
  opacity:.3;
  cursor:pointer;
  transition:opacity .3s ease;
}

.dots .active{
  opacity:1;
}

/* ====================== 运营数据 ====================== */
.data{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.data-box{
  padding:40px;
  text-align:center;
}

.data-box strong{
  display:block;
  font-size:42px;
  margin-bottom:15px;
  color:#2563eb;
}

.solution{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}

.solution div{
  padding:40px;
  text-align:center;
  font-size:20px;
  font-weight:700;
}

/* ====================== 区块副标题 ====================== */
.section-subtitle{
  text-align:center;
  font-size:18px;
  color:#667085;
  margin-top:-40px;
  margin-bottom:60px;
}

/* ====================== 客户案例（白卡片风格，与功能区统一） ====================== */
.cases-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.case-card{
  display:flex;
  flex-direction:column;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.case-card:hover{
  transform:translateY(-4px);
  border-color:#93c5fd;
  box-shadow:0 12px 28px rgba(37,99,235,.10),0 4px 10px rgba(16,24,40,.05);
}

/* 案例配图：顶部通栏，圆角随卡片裁切 */
.case-banner{
  height:190px;
  overflow:hidden;
}

.case-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.case-card:hover .case-banner img{
  transform:scale(1.05);
}

/* 卡片内容 */
.case-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:22px 24px 24px;
}
.case-body h3{
  font-size:17px;
  line-height:1.5;
  color:#101828;
  margin:0 0 10px;
}
.case-body p{
  flex:1;
  font-size:14px;
  line-height:1.7;
  color:#667085;
  margin:0 0 16px;
}

/* 底部：标签 + 日期 */
.case-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.case-tag{
  display:inline-block;
  padding:5px 14px;
  font-size:13px;
  font-weight:600;
  color:#344054;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  transition:border-color .2s ease, color .2s ease;
}
.case-card:hover .case-tag{
  border-color:#93c5fd;
  color:#2563eb;
}
.case-date{
  font-size:13px;
  color:#98a2b3;
}

/* 查看更多：渐变主按钮 */
.cases-more{
  margin-top:40px;
  text-align:center;
}
.btn-cases-more{
  display:inline-block;
  padding:13px 42px;
  border-radius:12px;
  font-size:15px;
  font-weight:600;
  color:#ffffff;
  text-decoration:none;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  box-shadow:0 6px 16px rgba(37,99,235,.35);
  transition:box-shadow .2s ease, transform .2s ease;
}
.btn-cases-more:hover{
  box-shadow:0 8px 22px rgba(37,99,235,.45);
  transform:translateY(-2px);
}

/* 响应式：平板 2 列 / 手机单列 */
@media(max-width:992px){
  .cases-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .cases-grid{
    grid-template-columns:1fr;
  }
  .case-banner{
    height:170px;
  }
}

/* ====================== 新闻中心 ====================== */
.news-featured{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  overflow:hidden;
  margin-bottom:35px;
}

.news-featured-banner{
  position:relative;
  min-height:280px;
  overflow:hidden;
}

.news-featured-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0;
}

.news-badge{
  position:absolute;
  top:20px;
  left:20px;
  z-index:2;
  display:inline-block;
  padding:6px 16px;
  background:rgba(37,99,235,.85);
  color:#fff;
  font-size:13px;
  font-weight:700;
  border-radius:12px;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.news-featured-body{
  padding:32px;
}

.news-meta{
  display:flex;
  gap:14px;
  align-items:center;
  margin-bottom:14px;
  font-size:13px;
}

.news-date{
  color:#98a2b3;
}

.news-cat{
  padding:3px 10px;
  background:rgba(37,99,235,.1);
  color:#2563eb;
  border-radius:8px;
  font-weight:600;
}

.news-featured-body h3{
  font-size:24px;
  line-height:1.5;
  margin-bottom:14px;
  color:#1f2937;
}

.news-featured-body p{
  line-height:1.8;
  color:#667085;
  margin-bottom:18px;
}

.news-link{
  color:#2563eb;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  transition:opacity .2s ease;
}

.news-link:hover{
  opacity:.75;
}

.news-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
}

.news-item{
  padding:0;
  overflow:hidden;
  display:flex;
  transition:transform .3s ease;
}

.news-item:hover{
  transform:translateY(-4px);
}

/* 新闻缩略图 */
.news-thumb{
  width:140px;
  flex-shrink:0;
  overflow:hidden;
}

.news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:160px;
  transition:transform .5s ease;
}

.news-item:hover .news-thumb img{
  transform:scale(1.05);
}

.news-item-body{
  padding:22px 24px;
  flex:1;
  min-width:0;
}

.news-item h3{
  font-size:17px;
  line-height:1.5;
  margin-bottom:10px;
  color:#1f2937;
}

.news-item p{
  font-size:14px;
  line-height:1.7;
  color:#667085;
  margin-bottom:16px;
}

.news-more{
  margin-top:25px;
  text-align:center;
}

/* ====================== 联系方式 Footer ====================== */
#contact{
  padding:0 0 30px;
  margin-top:0;
}

.footer-box{
  padding:10px 0 20px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* 合作伙伴 / 友情链接 */
.partners-section{
  padding:0;
}

.partners-section .section-title{
  font-size:42px;
  font-weight:800;
  color:#1f2937;
  text-align:center;
  margin-bottom:8px;
}

.partners-section .section-subtitle{
  text-align:center;
  font-size:18px;
  color:#667085;
  margin:0 0 28px;
}

.partners-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px 28px;
}

.partner-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:88px;
  text-decoration:none;
  color:#98a2b3;
  transition:transform .2s ease, color .2s ease;
}

/* 默认灰色，hover 显示彩色 */
.partner-item img{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  filter:grayscale(100%);
  opacity:.6;
  transition:filter .25s ease, opacity .25s ease;
}

.partner-item:hover{
  transform:translateY(-3px);
  color:#2563eb;
}

.partner-item:hover img{
  filter:grayscale(0);
  opacity:1;
}

.partner-item .p-name{
  font-size:12px;
  text-align:center;
  line-height:1.3;
  word-break:break-all;
}

.copyright{
  padding-top:22px;
  border-top:1px solid #e5e7eb;
  font-size:15px;
  color:#667085;
  text-align:center;
}

/* ====================== 加载占位 ====================== */
.partial-placeholder{
  padding:60px 0;
  text-align:center;
  color:#98a2b3;
  font-size:14px;
}

.partial-placeholder::before{
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:8px;
  border:2px solid #cbd5e1;
  border-top-color:#2563eb;
  border-radius:50%;
  vertical-align:-3px;
  animation:spin .8s linear infinite;
}

@keyframes spin{
  to{ transform:rotate(360deg); }
}

/* ====================== 移动端适配 ====================== */
@media(max-width:768px){
  .container{
    max-width:92%;
  }
  /* 桌面导航隐藏，显示汉堡按钮 */
  .menu{
    display:none;
  }
  .menu-toggle{
    display:flex;
  }
  .hero{
    grid-template-columns:1fr;
    padding-top:110px;
    padding-bottom:30px;
  }
  .hero h1{
    font-size:38px;
  }
  .hero p{
    font-size:16px;
  }
  .actions{
    flex-direction:column;
  }
  .hero-screen{
    height:260px;
  }
  .grid{
    grid-template-columns:1fr;
  }
  .product-demo{
    grid-template-columns:1fr;
  }
  .demo-info h2{
    font-size:32px;
  }
  .slides img{
    height:260px;
  }
  .data{
    grid-template-columns:repeat(2,1fr);
  }
  .solution{
    grid-template-columns:repeat(2,1fr);
  }
  /* 客户案例与新闻中心：移动端单列堆叠 */
  .cases-grid{
    grid-template-columns:1fr;
  }
  .news-featured{
    grid-template-columns:1fr;
  }
  .news-featured-banner{
    min-height:140px;
  }
  .news-list{
    grid-template-columns:1fr;
  }
  /* 新闻列表项移动端改为上图下文 */
  .news-item{
    flex-direction:column;
  }
  .news-thumb{
    width:100%;
    height:180px;
  }
  .news-thumb img{
    min-height:180px;
  }
  .footer-box{
    padding:24px 0 16px;
  }
}

/* ====================== 无障碍：尊重减少动效偏好 ====================== */
@media(prefers-reduced-motion:reduce){
  .btn,
  .card,
  .slides,
  .dots span,
  .menu-toggle span,
  .mobile-drawer,
  .mobile-overlay,
  .case-card,
  .news-item,
  .news-link,
  .partner-item,
  .partner-item img{
    transition:none;
  }
  .btn:hover,
  .card:hover,
  .partner-item:hover,
  .related-card:hover{
    transform:none;
  }
  .case-card:hover .case-banner img,
  .news-item:hover .news-thumb img{
    transform:none;
  }
  .related-card{
    transition:none;
  }
  .partial-placeholder::before{
    animation:none;
  }
}

/* ====================== 客户案例详情页 ====================== */
.case-detail-section{
  padding:16px 0 60px;  /* 顶部仅小间距（.detail-page 已预留导航高度） */
}

.case-back{
  display:inline-block;
  font-size:15px;
  color:#667085;
  text-decoration:none;
  margin-bottom:24px;
  transition:color .2s ease;
}

.case-back:hover{
  color:#2563eb;
}

/* 案例头部 */
.case-detail-header{
  position:relative;
  margin-bottom:32px;
}

/* banner：容器内居中，与下方内容对齐 */
.case-detail-banner{
  width:100%;
  border-radius:16px;
  overflow:hidden;
  margin-bottom:-40px;
  position:relative;
  z-index:1;
  box-shadow:0 8px 24px rgba(16,24,40,.10);
}

.case-detail-banner img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:12/5;
  object-fit:cover;
}

.case-detail-headline{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 32px;
  border-radius:16px;
  position:relative;
  z-index:2;
  max-width:520px;
  margin-left:32px;
  background:#fff;
}

.case-detail-logo{
  width:64px;
  height:64px;
  font-size:32px;
  flex-shrink:0;
}

.case-detail-headline h1{
  font-size:34px;
  font-weight:800;
  color:#1f2937;
  margin-bottom:6px;
}

/* 通用区块（白卡片） */
.case-detail-block{
  padding:34px 38px;
  border-radius:16px;
  margin-bottom:24px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
}

.block-title{
  font-size:22px;
  font-weight:800;
  color:#101828;
  margin-bottom:20px;
  padding-left:14px;
  border-left:4px solid #2563eb;
}

.case-detail-block p{
  font-size:16px;
  line-height:1.85;
  color:#475467;
  margin-bottom:12px;
}

/* 核心数据卡 */
.case-detail-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-bottom:24px;
}

.stat-card{
  padding:28px 16px;
  border-radius:16px;
  text-align:center;
}

.stat-card strong{
  display:block;
  font-size:36px;
  font-weight:800;
  color:#2563eb;
  margin-bottom:8px;
}

.stat-card span{
  font-size:15px;
  color:#667085;
}

/* 挑战列表 */
.case-detail-list{
  list-style:none;
  padding:0;
  margin:0;
}

.case-detail-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:16px;
  line-height:1.7;
  color:#475467;
  padding:8px 0;
}

.list-icon{
  flex-shrink:0;
  color:#f59e0b;
}

/* 解决方案：适用机构（卡片样式，与运营数据 stat 卡片一致） */
.org-compact{
  margin-top:28px;
}
.org-card{
  padding:30px 24px;
}
.org-card .lbl{
  margin-top:0;
  font-size:16px;
  font-weight:800;
  color:#101828;
  letter-spacing:2px;
}
.org-card .org-note{
  margin-top:14px;
  font-size:13px;
  color:#98a2b3;
}

/* 平台标签组 */
.org-platforms{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:18px;
}
.platform-tag{
  padding:8px 20px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  color:#344054;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:border-color .2s ease, color .2s ease, transform .2s ease;
}
.platform-tag:hover{
  border-color:#93c5fd;
  color:#2563eb;
  transform:translateY(-2px);
}
.platform-tag.more{
  background:linear-gradient(135deg,#eff6ff,#eef2ff);
  border-color:#bfdbfe;
  color:#2563eb;
}

/* 响应式：小屏标签收紧 */
@media(max-width:768px){
  .org-card{
    padding:24px 16px;
  }
  .org-platforms{
    gap:10px;
  }
  .platform-tag{
    padding:7px 16px;
    font-size:13px;
  }
}

.solution-item{
  padding:24px;
  border-radius:12px;
  background:#f8fafc;
}

.solution-icon{
  width:48px;
  height:48px;
  font-size:24px;
  margin-bottom:14px;
}

.solution-item h3{
  font-size:18px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:10px;
}

.solution-item p{
  font-size:15px;
  line-height:1.7;
  color:#667085;
  margin:0;
}

/* 实施成果 */
.result-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.result-item{
  text-align:center;
  padding:24px 12px;
  border-radius:12px;
  background:#eff6ff;
}

.result-value{
  font-size:32px;
  font-weight:800;
  color:#2563eb;
  margin-bottom:8px;
}

.result-desc{
  font-size:14px;
  color:#475467;
}

/* 客户评价 */
.case-quote{
  position:relative;
}

.quote-mark{
  position:absolute;
  top:8px;
  left:24px;
  font-size:80px;
  line-height:1;
  color:#e5e7eb;
  font-family:Georgia,serif;
}

.case-quote blockquote{
  font-size:17px;
  line-height:1.9;
  color:#1f2937;
  margin:24px 0 20px;
  padding-left:48px;
  font-style:italic;
}

.quote-author{
  display:flex;
  align-items:center;
  gap:12px;
  padding-left:48px;
}

.quote-avatar{
  width:48px;
  height:48px;
  font-size:24px;
}

.quote-author strong{
  display:block;
  font-size:16px;
  color:#1f2937;
}

.quote-author span{
  font-size:14px;
  color:#667085;
}

/* 相关案例 */
.related-cases{
  margin-bottom:24px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.related-card{
  display:block;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
  transition:transform .3s ease, box-shadow .3s ease;
}

.related-card:hover{
  transform:translateY(-4px);
}

.related-card img{
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
}

.related-body{
  padding:18px;
}

.related-body h3{
  font-size:18px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:6px;
}

/* 底部 CTA */
.case-cta{
  padding:44px 32px;
  border-radius:16px;
  text-align:center;
  background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
}

.case-cta h2{
  font-size:26px;
  font-weight:800;
  color:#1f2937;
  margin-bottom:10px;
}

.case-cta p{
  font-size:16px;
  color:#475467;
  margin-bottom:24px;
}

/* 响应式 */
@media(max-width:768px){
  .case-detail-section{
    padding:12px 0 40px;
  }
  .case-detail-headline{
    margin-left:0;
    padding:18px 20px;
    gap:14px;
  }
  .case-detail-logo{
    width:48px;
    height:48px;
    font-size:24px;
  }
  .case-detail-headline h1{
    font-size:24px;
  }
  .case-detail-block{
    padding:22px 18px;
  }
  .block-title{
    font-size:20px;
  }
  .case-detail-stats,
  .result-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .solution-grid,
  .related-grid{
    grid-template-columns:1fr;
  }
  .stat-card strong{
    font-size:28px;
  }
  .result-value{
    font-size:26px;
  }
  .case-quote blockquote,
  .quote-author{
    padding-left:0;
  }
  .quote-mark{
    display:none;
  }
  .related-card img{
    height:180px;
  }
}

/* ====================== 独立列表/详情页通用 ====================== */
.list-page{
  padding:82px 0 60px;
}
.detail-page{
  padding:98px 0 60px;  /* 顶部预留固定导航高度，banner 紧贴导航下方 */
}

/* 列表页 Banner */
.list-banner{
  position:relative;
  width:100%;
  height:320px;
  overflow:hidden;
}

.list-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.list-banner-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  background:linear-gradient(135deg,rgba(37,99,235,.82) 0%,rgba(96,165,250,.72) 100%);
}

.list-banner-overlay .container{
  text-align:center;
}

/* 列表页标题（叠加在 banner 上） */
.list-title{
  font-size:42px;
  font-weight:800;
  color:#fff;
  margin-bottom:12px;
  text-shadow:0 2px 8px rgba(0,0,0,.15);
}

.list-subtitle{
  font-size:18px;
  color:rgba(255,255,255,.92);
}

.list-page > .container{
  padding-top:50px;
}

/* 双栏布局：侧边栏 + 内容 */
.list-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:30px;
  align-items:flex-start;
}

/* 侧边栏 */
.sidebar{
  position:sticky;
  top:100px;
  padding:24px 20px;
  border-radius:16px;
  background:#edf2f7;
  box-shadow:8px 8px 20px #cbd5df,-8px -8px 20px #ffffff;
}

.sidebar h3{
  font-size:16px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid #e5e7eb;
}

.sidebar h3:not(:first-child){
  margin-top:24px;
}

.sidebar ul{
  list-style:none;
  padding:0;
  margin:0;
}

.sidebar ul li{
  margin-bottom:6px;
}

.sidebar ul li a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:8px;
  font-size:14px;
  color:#475467;
  text-decoration:none;
  transition:background .2s ease, color .2s ease;
}

.sidebar ul li a:hover{
  background:#e0e7ff;
  color:#2563eb;
}

.sidebar ul li a.active{
  background:#2563eb;
  color:#fff;
  font-weight:600;
}

.sidebar ul li a .count{
  margin-left:auto;
  font-size:12px;
  color:#98a2b3;
}

.sidebar ul li a.active .count,
.sidebar ul li a:hover .count{
  color:inherit;
  opacity:.8;
}

.sidebar-contact{
  margin-top:24px;
  padding:16px;
  border-radius:10px;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  color:#fff;
  text-align:center;
}

.sidebar-contact p{
  font-size:13px;
  line-height:1.6;
  margin-bottom:10px;
  opacity:.92;
}

.sidebar-contact .btn{
  display:inline-block;
  padding:8px 18px;
  background:#fff;
  color:#2563eb;
  font-size:13px;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
}

/* 列表页 grid 改为 2 列（侧边栏占用空间） */
.cases-list-grid{
  grid-template-columns:repeat(2,1fr);
}

/* ====================== 正版查询（模仿兰空授权验证布局：标题 + 左表单右结果） ====================== */
.verify-page{
  padding:82px 0 60px;
  background:linear-gradient(to bottom,#f8fafc 0%,#eef2ff 100%);
}

/* 页头标题 */
.verify-header{
  text-align:center;
  margin:50px 0 36px;
}
.verify-header h1{
  font-size:40px;
  font-weight:800;
  color:#101828;
}
.verify-header h1 span{
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.verify-header p{
  margin-top:12px;
  font-size:16px;
  color:#667085;
}

/* 双栏布局：左 2 / 右 1 */
.verify-layout{
  max-width:1000px;
  margin:0 auto 50px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:24px;
  align-items:start;
}

.verify-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:28px;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
}

.verify-card-head{
  margin-bottom:22px;
}
.verify-card-title{
  font-size:17px;
  font-weight:700;
  color:#101828;
}
.verify-card-desc{
  margin-top:6px;
  font-size:14px;
  color:#667085;
}

/* 表单：标签在上，输入框 + 按钮同行 */
.verify-form{
  display:flex;
  flex-direction:column;
}

.verify-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:600;
  color:#344054;
  margin-bottom:10px;
}
.verify-label svg{
  color:#98a2b3;
}

.verify-input-row{
  display:flex;
  gap:12px;
}

/* 查询说明 */
.verify-tips{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid #eef2f7;
}

.verify-tips h3{
  font-size:15px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:12px;
}

.verify-tips ul{
  margin:0;
  padding-left:20px;
}

.verify-tips ul li{
  font-size:13px;
  line-height:1.8;
  color:#667085;
  margin-bottom:5px;
}

.verify-tips code{
  padding:2px 8px;
  border-radius:4px;
  background:#f1f5f9;
  font-family:Consolas,monospace;
  font-size:13px;
  color:#2563eb;
}

.verify-tips a{
  color:#2563eb;
  text-decoration:none;
}

.verify-tips a:hover{
  text-decoration:underline;
}

/* 正版标识：白卡片 + 渐变图标（与整站风格统一） */
.verify-badges{
  max-width:1000px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin:0 auto 50px;
}

.verify-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:26px 16px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  font-size:14px;
  font-weight:600;
  color:#344054;
  text-align:center;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.verify-badge:hover{
  transform:translateY(-4px);
  border-color:#93c5fd;
  box-shadow:0 12px 28px rgba(37,99,235,.10),0 4px 10px rgba(16,24,40,.05);
}

.verify-badge-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  color:#ffffff;
}
.vbi-1{ background:linear-gradient(135deg,#3b82f6,#2563eb); box-shadow:0 4px 12px rgba(37,99,235,.35); }
.vbi-2{ background:linear-gradient(135deg,#6366f1,#4f46e5); box-shadow:0 4px 12px rgba(79,70,229,.35); }
.vbi-3{ background:linear-gradient(135deg,#06b6d4,#0891b2); box-shadow:0 4px 12px rgba(8,145,178,.35); }
.vbi-4{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 4px 12px rgba(124,58,237,.35); }

/* 响应式 */
@media(max-width:768px){
  .verify-header{
    margin:30px 0 24px;
  }
  .verify-header h1{
    font-size:28px;
  }
  .verify-layout{
    grid-template-columns:1fr;
    margin-bottom:36px;
  }
  .verify-card{
    padding:22px 18px;
  }
  .verify-input-row{
    flex-direction:column;
  }
  .verify-submit{
    width:100%;
  }
  .verify-badges{
    grid-template-columns:repeat(2,1fr);
  }
}

/* 产品列表卡片 */
.product-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.product-card{
  display:block;
  padding:32px 28px;
  border-radius:20px;
  text-decoration:none;
  color:inherit;
  transition:transform .3s ease;
}

.product-card:hover{
  transform:translateY(-4px);
}

.product-card-icon{
  width:64px;
  height:64px;
  font-size:32px;
  margin-bottom:18px;
}

/* ====================== 模板新增样式 ====================== */

/* 面包屑 */
.breadcrumb-bar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:20px 0;
  font-size:14px;
  color:#667085;
}
.breadcrumb-bar a{
  color:#2563eb;
  text-decoration:none;
}
.breadcrumb-bar a:hover{ text-decoration:underline; }
.breadcrumb-bar .sep{ color:#cbd5e1; }
.breadcrumb-bar .current{ color:#1f2937; font-weight:600; }

/* 案例/产品详情卡片（白卡片风格，与整站统一） */
.case-detail-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:32px 36px;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  display:inline-block;
  margin-top:-60px;
  position:relative;
  z-index:2;
  max-width:100%;
}
.case-detail-tag{
  display:inline-block;
  padding:5px 16px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #bfdbfe;
  color:#2563eb;
  font-size:13px;
  font-weight:600;
  margin-bottom:14px;
}
.case-detail-title{
  font-size:32px;
  font-weight:800;
  color:#101828;
  margin-bottom:14px;
  line-height:1.35;
}
.case-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  font-size:14px;
  color:#667085;
}
.case-detail-desc-text{
  font-size:16px;
  color:#475467;
  line-height:1.7;
  margin-top:12px;
}

/* 文章（新闻）详情 */
.article-wrap{
  max-width:820px;
  margin:0 auto;
  padding:30px 0 60px;
}
.article-header{
  text-align:center;
  margin-bottom:28px;
}
.article-header h1{
  font-size:30px;
  font-weight:800;
  color:#1f2937;
  margin:14px 0 0;
  line-height:1.4;
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
  font-size:14px;
  color:#98a2b3;
}
.article-cover{
  margin:0 0 30px;
  border-radius:14px;
  overflow:hidden;
}
.article-cover img{ width:100%; height:auto; display:block; }
.article-body{
  font-size:16px;
  line-height:1.85;
  color:#344054;
}
.article-body h2{
  font-size:22px;
  font-weight:700;
  color:#1f2937;
  margin:30px 0 14px;
  padding-left:12px;
  border-left:4px solid #2563eb;
}
.article-body p{ margin-bottom:18px; }
.article-body ul{ padding-left:22px; margin-bottom:18px; }
.article-body li{ margin-bottom:8px; }

.article-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px 0;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  margin-top:30px;
}
.article-share{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:14px;
  color:#667085;
}
.article-share a{
  color:#2563eb;
  text-decoration:none;
}
.article-share a:hover{ text-decoration:underline; }

/* 上下篇导航（白卡片） */
.article-nav{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:8px;
  margin-bottom:32px;
  flex-wrap:wrap;
}
.article-nav a,.article-nav span{
  font-size:14px;
  color:#2563eb;
  text-decoration:none;
  padding:14px 20px;
  border-radius:12px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  max-width:48%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.article-nav a:hover{
  border-color:#93c5fd;
  box-shadow:0 8px 20px rgba(37,99,235,.08);
  transform:translateY(-2px);
}
.article-nav .next{ margin-left:auto; }
.article-nav .disabled{ color:#98a2b3; cursor:default; }

/* 相关文章 */
.related-news{ margin-top:40px; }
.related-news .block-title{
  font-size:22px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:20px;
  padding-left:12px;
  border-left:4px solid #2563eb;
}
.related-news-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.related-news-item{
  display:flex;
  gap:14px;
  text-decoration:none;
  color:inherit;
  padding:14px;
  border-radius:12px;
  background:#f8fafc;
  transition:background .2s ease;
}
.related-news-item:hover{ background:#eef2ff; }
.related-news-item img{
  width:120px;
  height:80px;
  object-fit:cover;
  border-radius:8px;
  flex-shrink:0;
}
.related-news-item h4{
  font-size:15px;
  font-weight:600;
  color:#1f2937;
  margin:0 0 6px;
  line-height:1.4;
}
.related-news-item span{ font-size:13px; color:#98a2b3; }

/* 相关案例网格（白卡片，与首页案例卡一致） */
.related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:8px;
}
.related-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.related-card:hover{
  transform:translateY(-4px);
  border-color:#93c5fd;
  box-shadow:0 12px 28px rgba(37,99,235,.10),0 4px 10px rgba(16,24,40,.05);
}
.related-banner{
  height:160px;
  overflow:hidden;
}
.related-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.related-card:hover .related-banner img{
  transform:scale(1.05);
}
.related-body{
  flex:1;
  padding:18px 20px 20px;
}
.related-body h3{
  font-size:16px;
  font-weight:700;
  color:#101828;
  line-height:1.5;
  margin:0 0 8px;
}
.related-body p{
  font-size:13px;
  color:#667085;
  line-height:1.6;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 分页信息 */
.page-info{
  text-align:center;
  font-size:14px;
  color:#98a2b3;
  margin-top:16px;
}

/* 联系页 */
.contact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:30px;
}
.contact-card{
  text-align:center;
  padding:36px 24px;
  border-radius:16px;
}
.contact-card .icon{
  font-size:40px;
  margin-bottom:14px;
}
.contact-card h3{
  font-size:18px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:8px;
}
.contact-card p{ font-size:16px; color:#2563eb; font-weight:600; }

.contact-form{
  max-width:640px;
  margin:30px auto 0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.contact-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.contact-form input,.contact-form textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  font-size:15px;
  font-family:inherit;
  box-sizing:border-box;
}
.contact-form input:focus,.contact-form textarea:focus{
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}
.contact-form button{ align-self:flex-start; padding:14px 36px; }
.form-msg{ font-size:14px; margin-top:4px; }

/* 正版查询正文 */
.verify-intro{
  margin-bottom:28px;
  padding-bottom:24px;
  border-bottom:1px solid #e5e7eb;
  font-size:15px;
  line-height:1.7;
  color:#475467;
}

/* 响应式补充 */
@media(max-width:768px){
  .case-detail-card{ padding:20px; }
  .case-detail-title{ font-size:24px; }
  .article-header h1{ font-size:22px; }
  .article-body{ font-size:15px; }
  .related-news-list{ grid-template-columns:1fr; }
  .related-grid{ grid-template-columns:1fr; }
  .contact-grid{ grid-template-columns:1fr; }
  .contact-form .form-row{ grid-template-columns:1fr; }
  .article-nav{ flex-direction:column; }
  .article-nav .next{ margin-left:0; }
}

.product-card h3{
  font-size:20px;
  font-weight:700;
  color:#1f2937;
  margin-bottom:10px;
}

.product-card p{
  font-size:15px;
  line-height:1.7;
  color:#667085;
  margin-bottom:16px;
}

.product-link{
  font-size:14px;
  color:#2563eb;
  font-weight:600;
}

/* 分页 */
.pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:50px;
}

.page-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:10px;
  font-size:14px;
  color:#475467;
  text-decoration:none;
  background:#edf2f7;
  box-shadow:6px 6px 12px #cbd5df,-6px -6px 12px #ffffff;
  transition:all .2s ease;
}

.page-btn:hover:not(.disabled):not(.active){
  color:#2563eb;
}

.page-btn.active{
  background:#2563eb;
  color:#fff;
  box-shadow:inset 4px 4px 8px #1e40af,inset -4px -4px 8px #3b82f6;
}

.page-btn.disabled{
  opacity:.4;
  cursor:not-allowed;
  pointer-events:none;
}

/* 新闻详情文章 */
.article-header{
  margin-bottom:32px;
}

.article-meta{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}

.article-header h1{
  font-size:34px;
  font-weight:800;
  color:#1f2937;
  line-height:1.35;
  margin-bottom:16px;
}

.article-summary{
  font-size:17px;
  line-height:1.8;
  color:#667085;
}

.article-cover{
  border-radius:16px;
  overflow:hidden;
  margin-bottom:32px;
}

.article-cover img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:12/5;
  object-fit:cover;
}

.article-body{
  max-width:820px;
  margin:0 auto 32px;
}

.article-body p{
  font-size:16px;
  line-height:1.9;
  color:#344054;
  margin-bottom:18px;
}

.article-body h2{
  font-size:22px;
  font-weight:700;
  color:#1f2937;
  margin:32px 0 16px;
  padding-left:12px;
  border-left:4px solid #2563eb;
}

.article-body ul{
  margin:0 0 24px;
  padding-left:24px;
}

.article-body ul li{
  font-size:16px;
  line-height:1.9;
  color:#344054;
  margin-bottom:8px;
}

.article-body blockquote{
  margin:24px 0;
  padding:20px 28px;
  border-radius:12px;
  background:#f8fafc;
  border-left:4px solid #60a5fa;
  font-size:16px;
  line-height:1.8;
  color:#475467;
  font-style:italic;
}

/* 文章底部 */
.article-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:820px;
  margin:0 auto 40px;
  padding-top:24px;
  border-top:1px solid #e5e7eb;
}

.article-share{
  display:flex;
  gap:16px;
  align-items:center;
  font-size:14px;
  color:#667085;
}

.article-share a{
  color:#2563eb;
  text-decoration:none;
  transition:color .2s ease;
}

.article-share a:hover{
  color:#1e40af;
}

/* 响应式 */
@media(max-width:768px){
  .list-page{
    padding:82px 0 40px;
  }
  .detail-page{
    padding:98px 0 40px;
  }
  .list-banner{
    height:220px;
  }
  .list-title{
    font-size:28px;
  }
  .list-subtitle{
    font-size:15px;
  }
  .list-page > .container{
    padding-top:30px;
  }
  /* 双栏变单栏：侧边栏移至顶部横向 */
  .list-layout{
    grid-template-columns:1fr;
  }
  .sidebar{
    position:static;
  }
  .sidebar ul{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .sidebar ul li{
    margin-bottom:0;
  }
  .sidebar ul li a{
    padding:7px 14px;
  }
  .sidebar-contact{
    margin-top:16px;
  }
  .cases-list-grid,
  .product-grid{
    grid-template-columns:1fr;
  }
  .article-header h1{
    font-size:24px;
  }
  .article-body h2{
    font-size:19px;
  }
  .article-footer{
    flex-direction:column;
    gap:16px;
  }
}

/* ==================== license 正版查询（模仿兰空：左表单右结果） ==================== */
.verify-input-wrap{ position:relative; }
input.verify-input{
  flex:1;
  min-width:0;
  box-sizing:border-box;
  padding:11px 14px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  font-size:14px;
  color:#344054;
  background:#ffffff;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
input.verify-input:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}
.verify-submit{
  white-space:nowrap;
  padding:11px 26px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#ffffff;
  box-shadow:0 4px 12px rgba(37,99,235,.35);
  border:none;
  transition:box-shadow .2s ease, transform .2s ease;
}
.verify-submit:hover{
  box-shadow:0 6px 16px rgba(37,99,235,.45);
  transform:translateY(-1px);
}
.verify-submit:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none;
}

/* 右侧结果卡片：随状态变色（JS 切换 success/error） */
.verify-card-side{ transition:border-color .3s ease, box-shadow .3s ease; }
.verify-card-side.success{
  border-color:#86efac;
  box-shadow:0 8px 24px rgba(16,185,129,.10);
}
.verify-card-side.error{
  border-color:#fca5a5;
  box-shadow:0 8px 24px rgba(239,68,68,.08);
}

.verify-result-head{
  display:flex;
  align-items:center;
  margin-bottom:16px;
}
.verify-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  font-weight:700;
  color:#059669;
}
.verify-status .vs-icon-bad{ display:none; }
.verify-status.error{ color:#dc2626; }
.verify-status.error .vs-icon-ok{ display:none; }
.verify-status.error .vs-icon-bad{ display:inline; }
.verify-result-info{ display:flex; flex-direction:column; gap:10px; }
.verify-info-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  font-size:13px;
}
.verify-info-label{ color:#667085; }
.verify-info-value{ color:#1d2939; font-weight:600; text-align:right; }
.verify-cert{
  margin-top:20px;
  padding:22px;
  border-radius:14px;
  border:2px solid #d5dcea;
  background:linear-gradient(160deg,#ffffff 0%,#f3f6fa 100%);
  text-align:center;
}
.verify-cert-title{
  font-size:18px;
  font-weight:700;
  color:#1d2939;
  letter-spacing:6px;
  margin-bottom:4px;
}
.verify-cert-body{ font-size:13px; color:#475467; line-height:1.9; }
.verify-cert-body p{ margin:4px 0; }
.verify-cert-foot{ margin-top:12px; font-size:12px; color:#98a2b3; }
.verify-cert-foot p{ margin:2px 0; }
.verify-empty{
  padding:36px 16px;
  border-radius:12px;
  border:1px dashed #d5dbe5;
  text-align:center;
  font-size:13px;
  color:#98a2b3;
  background:#f8fafc;
}
.verify-empty-icon{
  display:inline-flex;
  width:52px;
  height:52px;
  margin-bottom:12px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#ffffff;
  box-shadow:0 4px 12px rgba(37,99,235,.3);
}
.verify-empty p{ margin:0; }

/* ==================== contact 联系我们（nitai 接口版） ==================== */
.contact-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:40px;
}
.contact-icon{ font-size:32px; display:block; margin-bottom:12px; }
.contact-card h3{ font-size:18px; color:#1d2939; margin:0 0 8px; }
.contact-card a{ font-size:16px; color:#2563eb; font-weight:600; text-decoration:none; }
.contact-card a:hover{ text-decoration:underline; }
.contact-card p{ font-size:16px; color:#475467; margin:0; }
.contact-form-box{
  margin-top:36px;
  padding:36px;
  border-radius:18px;
}
.contact-form-box h2{ margin:0 0 6px; font-size:24px; color:#1d2939; }
.contact-form-box .section-subtitle{ margin-top:0; }
.contact-form{ display:flex; flex-direction:column; gap:18px; margin-top:22px; }
.contact-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.contact-form .form-group{ display:flex; flex-direction:column; gap:8px; }
.contact-form label{ font-size:14px; font-weight:600; color:#344054; }
.contact-form input,.contact-form textarea{
  padding:13px 16px;
  border:none;
  border-radius:10px;
  font-size:15px;
  font-family:inherit;
  color:#344054;
  background:#e8edf3;
  box-shadow:inset 4px 4px 8px #d3dae2, inset -4px -4px 8px #ffffff;
  outline:none;
  transition:box-shadow .2s ease;
}
.contact-form input:focus,.contact-form textarea:focus{
  box-shadow:inset 4px 4px 8px #d3dae2, inset -4px -4px 8px #ffffff, 0 0 0 2px rgba(37,99,235,.35);
}
.contact-form input[type="file"]{ box-shadow:none; background:transparent; padding:8px 0; }
.form-tip{ font-size:13px; color:#98a2b3; }
.form-msg{ font-size:14px; margin-top:4px; }
.form-msg-success{ color:#067647; }
.form-msg-error{ color:#b42318; }

/* ==================== 详情页 / 列表页补充 ==================== */
.article-lead{
  font-size:16px;
  color:#475467;
  line-height:1.9;
  padding:16px 20px;
  border-left:4px solid #2563eb;
  background:#f5f8fc;
  border-radius:0 10px 10px 0;
  margin-bottom:24px;
}
.dt-placeholder{
  padding:14px 18px;
  border-radius:10px;
  background:#fff7e6;
  color:#b54708;
  font-size:14px;
  margin-bottom:16px;
}
.pagination-wrapper{ margin-top:10px; }
.pagination-wrapper .pagination{ margin-top:0; }
.list-main{ min-width:0; }

@media (max-width:900px){
  .contact-cards{ grid-template-columns:1fr; }
  .contact-form .form-row{ grid-template-columns:1fr; }
  .contact-form-box{ padding:22px; }
  .verify-info-row{ flex-direction:column; gap:2px; }
  .verify-info-value{ text-align:left; }
}

/* ==================== 运营数据（横版四列） ==================== */
.stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  margin-top:36px;
}
.stat{
  padding:36px 20px;
  border-radius:18px;
  text-align:center;
  background:#edf2f7;
  box-shadow:8px 8px 18px #d5dce6,-8px -8px 18px #ffffff;
  transition:transform .25s ease, box-shadow .25s ease;
}
.stat:hover{
  transform:translateY(-4px);
  box-shadow:10px 12px 24px #d5dce6,-10px -10px 22px #ffffff;
}
.stat .num{
  font-size:46px;
  font-weight:800;
  color:#2563eb;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.stat .num span{
  font-size:26px;
  font-weight:700;
  color:#60a5fa;
  margin-left:2px;
}
.stat .lbl{
  margin-top:12px;
  font-size:15px;
  color:#667085;
  letter-spacing:3px;
}
@media (max-width:900px){
  .stats{ grid-template-columns:repeat(2,1fr); gap:18px; }
  .stat{ padding:26px 14px; }
  .stat .num{ font-size:34px; }
  .stat .lbl{ letter-spacing:2px; }
}
@media (max-width:520px){
  .stats{ grid-template-columns:1fr; }
}

/* ==================== 深色 Hero（渐变 + 装饰动效层） ==================== */
.hero-dark{
  position:relative;
  overflow:hidden;
  padding:150px 0 90px;
  /* slate-950 -> indigo-950 -> 深紫 */
  background:linear-gradient(135deg,#020617 0%,#1e1b4b 55%,#17133a 100%);
}

/* ---- 装饰层容器 ---- */
.hero-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

/* 径向高光 */
.hero-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 63% 37%,rgba(120,119,198,.28) 0%,transparent 50%),
    radial-gradient(circle at 37% 63%,rgba(59,130,246,.28) 0%,transparent 50%),
    radial-gradient(circle at 43% 68%,rgba(168,85,247,.32) 0%,transparent 50%);
}

/* 点阵网格 */
.hero-grid{
  position:absolute;
  inset:0;
  opacity:.3;
  background-image:
    radial-gradient(circle at 25% 25%,rgba(59,130,246,.2) 2px,transparent 2px),
    radial-gradient(circle at 75% 75%,rgba(168,85,247,.2) 2px,transparent 2px),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:100px 100px,120px 120px,60px 60px,60px 60px;
}

/* 模糊光球（conic 渐变 + 漂浮动效） */
.hero-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(55px);
  will-change:transform;
}
.hero-orb-1{
  width:380px;height:380px;top:-120px;left:-120px;opacity:.6;
  background:conic-gradient(rgba(59,130,246,.3),rgba(168,85,247,.3),rgba(59,130,246,.3));
  animation:heroOrbFloat 14s ease-in-out infinite alternate;
}
.hero-orb-2{
  width:320px;height:320px;top:20%;right:-100px;opacity:.5;
  background:conic-gradient(from 180deg,rgba(168,85,247,.4),rgba(14,165,233,.3),rgba(168,85,247,.4));
  animation:heroOrbFloat 18s ease-in-out infinite alternate-reverse;
}
.hero-orb-3{
  width:280px;height:280px;bottom:-80px;left:25%;opacity:.4;
  background:conic-gradient(from 90deg,rgba(14,165,233,.5),rgba(59,130,246,.3),rgba(14,165,233,.5));
  animation:heroOrbFloat 16s ease-in-out infinite alternate;
}
@keyframes heroOrbFloat{
  from{transform:translate(0,0) scale(1) rotate(0deg);}
  to{transform:translate(40px,-30px) scale(1.15) rotate(20deg);}
}

/* 同心圆 */
.hero-rings{
  position:absolute;
  top:50%;
  left:50%;
  width:0;height:0;
}
.hero-rings i{
  position:absolute;
  top:0;left:0;
  border:1px solid rgba(96,165,250,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.hero-rings i:nth-child(1){width:200px;height:200px;}
.hero-rings i:nth-child(2){width:320px;height:320px;}
.hero-rings i:nth-child(3){width:440px;height:440px;}

/* 粒子（闪烁） */
.hero-particles i{
  position:absolute;
  display:block;
  border-radius:50%;
  background:rgba(147,197,253,.45);
  animation:heroTwinkle 4s ease-in-out infinite;
}
.hero-particles i:nth-child(1){left:15%;top:25%;width:4px;height:4px;background:rgba(59,130,246,.45);}
.hero-particles i:nth-child(2){left:85%;top:35%;width:6px;height:6px;background:rgba(99,172,246,.5);animation-delay:.6s;}
.hero-particles i:nth-child(3){left:35%;top:15%;width:3px;height:3px;background:rgba(147,197,253,.35);}
.hero-particles i:nth-child(4){left:65%;top:75%;width:5px;height:5px;background:rgba(59,130,246,.55);animation-delay:1.2s;}
.hero-particles i:nth-child(5){left:25%;top:65%;width:4px;height:4px;background:rgba(125,211,252,.4);animation-delay:.3s;}
.hero-particles i:nth-child(6){left:75%;top:25%;width:7px;height:7px;background:rgba(99,172,246,.5);animation-delay:.9s;}
.hero-particles i:nth-child(7){left:45%;top:85%;width:3px;height:3px;background:rgba(147,197,253,.35);animation-delay:1.8s;}
.hero-particles i:nth-child(8){left:55%;top:45%;width:5px;height:5px;background:rgba(59,130,246,.6);animation-delay:.45s;}
.hero-particles i:nth-child(9){left:20%;top:50%;width:4px;height:4px;background:rgba(125,211,252,.4);animation-delay:1.5s;}
.hero-particles i:nth-child(10){left:80%;top:60%;width:6px;height:6px;background:rgba(99,172,246,.5);animation-delay:2.1s;}
.hero-particles i:nth-child(11){left:40%;top:30%;width:3px;height:3px;background:rgba(147,197,253,.3);animation-delay:2.4s;}
.hero-particles i:nth-child(12){left:70%;top:70%;width:5px;height:5px;background:rgba(59,130,246,.55);animation-delay:1.05s;}
.hero-particles i:nth-child(13){left:30%;top:80%;width:4px;height:4px;background:rgba(125,211,252,.4);animation-delay:.75s;}
.hero-particles i:nth-child(14){left:90%;top:20%;width:7px;height:7px;background:rgba(99,172,246,.5);animation-delay:1.35s;}
@keyframes heroTwinkle{
  0%,100%{opacity:.25;transform:scale(1);}
  50%{opacity:1;transform:scale(1.4);}
}

/* 扫光 */
.hero-shimmer{
  position:absolute;
  inset:0;
  width:200%;
  background:linear-gradient(110deg,
    transparent 20%,
    rgba(255,255,255,.05) 40%,
    rgba(59,130,246,.1) 50%,
    rgba(168,85,247,.1) 60%,
    rgba(255,255,255,.05) 80%,
    transparent 100%);
  animation:heroShimmer 9s linear infinite;
}
@keyframes heroShimmer{
  from{transform:translateX(-50%);}
  to{transform:translateX(0);}
}

/* ---- 内容层 ---- */
.hero-inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 18px;
  border-radius:999px;
  background:rgba(59,130,246,.12);
  border:1px solid rgba(96,165,250,.35);
  color:#93c5fd;
  font-size:14px;
  font-weight:600;
  letter-spacing:1px;
  margin-bottom:26px;
}
.badge-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:#60a5fa;
  box-shadow:0 0 10px rgba(96,165,250,.9);
  animation:heroTwinkle 2.5s ease-in-out infinite;
}

.hero-dark h1{
  font-size:56px;
  line-height:1.3;
  font-weight:800;
  color:#ffffff;
  letter-spacing:1px;
}
.hero-dark h1 .accent{
  color:#93c5fd;
  text-shadow:0 0 30px rgba(96,165,250,.45);
}
.hero-dark p{
  margin-top:28px;
  font-size:19px;
  line-height:1.9;
  color:rgba(228,228,231,.82);
}

/* 深色底按钮（高优先级覆盖 .actions .btn:not(.primary)） */
.hero-dark .actions{
  margin-top:45px;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.hero-dark .actions .btn.btn-light{
  padding:15px 40px;
  border-radius:12px;
  font-size:16px;
  font-weight:600;
  letter-spacing:1px;
  color:#1e1b4b;
  background:#ffffff;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(59,130,246,.35);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.hero-dark .actions .btn.btn-light:hover{
  transform:translateY(-3px);
  background:#f1f5f9;
  box-shadow:0 14px 38px rgba(59,130,246,.5);
}
.hero-dark .actions .btn.btn-glass{
  padding:15px 36px;
  border-radius:12px;
  font-size:16px;
  font-weight:600;
  letter-spacing:1px;
  color:#ffffff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.32);
  text-decoration:none;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:none;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.hero-dark .actions .btn.btn-glass:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.2);
  border-color:rgba(255,255,255,.5);
}

/* 玻璃拟态截图卡 */
.hero-dark .hero-box{
  padding:10px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 25px 60px rgba(2,6,23,.6);
  transition:transform .3s ease, box-shadow .3s ease;
}
.hero-dark .hero-box:hover{
  transform:translateY(-6px);
  box-shadow:0 32px 70px rgba(2,6,23,.75);
}
.hero-dark .browser{
  background:rgba(255,255,255,.22);
  height:38px;
}
.hero-dark .hero-screen{
  border-radius:10px;
  overflow:hidden;
  height:auto;
  background:transparent;
}
.hero-dark .hero-screen img{
  display:block;
  width:100%;
  height:auto;
}

/* 响应式 */
@media (max-width:900px){
  .hero-dark{padding:120px 0 60px;}
  .hero-inner{grid-template-columns:1fr;gap:44px;}
  .hero-dark h1{font-size:36px;}
  .hero-dark p{font-size:16px;}
  .hero-rings,.hero-particles{display:none;}
  .hero-dark .actions{gap:14px;}
  .btn-light,.btn-glass{padding:13px 28px;font-size:15px;}
}
@media (max-width:520px){
  .hero-dark h1{font-size:30px;}
}

/* 减少动效偏好 */
@media (prefers-reduced-motion:reduce){
  .hero-orb,
  .hero-shimmer,
  .hero-particles i,
  .badge-dot{
    animation:none;
  }
}

/* ==================== 核心功能区（参考兰空风格：渐变底 + 白卡片 + 渐变SVG图标） ==================== */
.features-section{
  /* 白 → 白 → 淡靛蓝 垂直渐变 */
  background:linear-gradient(to bottom,#ffffff 0%,#ffffff 55%,rgba(238,242,255,.4) 100%);
}

/* 白卡片 + 细边框 + 柔和阴影（覆盖轻拟态） */
.features-section .card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:34px 30px;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* hover 上浮 + 边框变蓝 + 阴影加深 */
.features-section .card:hover{
  transform:translateY(-4px);
  border-color:#93c5fd;
  box-shadow:0 12px 28px rgba(37,99,235,.12),0 4px 10px rgba(16,24,40,.06);
}

/* 渐变色块图标（覆盖全局 .icon 轻拟态） */
.features-section .icon{
  width:50px;
  height:50px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6);
  color:#ffffff;
  box-shadow:0 4px 12px rgba(59,130,246,.35);
  border:none;
  transition:transform .25s ease;
}
.features-section .card:hover .icon{
  transform:scale(1.08);
}

/* 9 个渐变色变体 */
.features-section .icon-c1{ background:linear-gradient(135deg,#3b82f6,#2563eb); box-shadow:0 4px 12px rgba(37,99,235,.35); }
.features-section .icon-c2{ background:linear-gradient(135deg,#6366f1,#4f46e5); box-shadow:0 4px 12px rgba(79,70,229,.35); }
.features-section .icon-c3{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 4px 12px rgba(124,58,237,.35); }
.features-section .icon-c4{ background:linear-gradient(135deg,#06b6d4,#0891b2); box-shadow:0 4px 12px rgba(8,145,178,.35); }
.features-section .icon-c5{ background:linear-gradient(135deg,#0ea5e9,#0284c7); box-shadow:0 4px 12px rgba(2,132,199,.35); }
.features-section .icon-c6{ background:linear-gradient(135deg,#a855f7,#9333ea); box-shadow:0 4px 12px rgba(147,51,234,.35); }
.features-section .icon-c7{ background:linear-gradient(135deg,#f59e0b,#d97706); box-shadow:0 4px 12px rgba(217,119,6,.35); }
.features-section .icon-c8{ background:linear-gradient(135deg,#10b981,#059669); box-shadow:0 4px 12px rgba(5,150,105,.35); }
.features-section .icon-c9{ background:linear-gradient(135deg,#ec4899,#db2777); box-shadow:0 4px 12px rgba(219,39,119,.35); }

/* 文字微调 */
.features-section .card h3{
  font-size:22px;
  color:#101828;
}
.features-section .card p{
  color:#667085;
}

/* 9 卡片 3×3 布局：间距略收紧，卡片内边距适配 */
.features-section .features-grid{
  gap:28px;
}
.features-section .features-grid .card{
  padding:30px 26px;
}
.features-section .features-grid .card h3{
  font-size:20px;
}

@media (prefers-reduced-motion:reduce){
  .features-section .card,
  .features-section .icon{
    transition:none;
  }
}

/* ==================== 价格方案（参考兰空定价：浅色区 + 白卡片 + 深色推荐卡片） ==================== */
.pricing-section{
  background:linear-gradient(to bottom right,#f8fafc 0%,#eef2ff 100%);
  padding:40px 0;
}
.pricing-section .title{
  margin-bottom:32px;
}
.pricing-section .section-subtitle{
  margin-top:-22px;
  margin-bottom:36px;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  align-items:stretch;
}

.price-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:28px 28px 24px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.price-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(37,99,235,.10),0 4px 10px rgba(16,24,40,.05);
}

/* 标题区装饰圆 */
.price-head{
  position:relative;
  margin-bottom:8px;
}
.deco{
  position:absolute;
  border-radius:50%;
}
.deco-1{
  width:48px;
  height:48px;
  top:-10px;
  left:-10px;
  background:#e0e7ff;
  opacity:.7;
}
.deco-2{
  width:32px;
  height:32px;
  top:-2px;
  right:-14px;
  background:#dbeafe;
  opacity:.5;
}

.price-card h3{
  font-size:24px;
  color:#101828;
  position:relative;
}
.price-value{
  display:flex;
  align-items:baseline;
  margin-top:10px;
  position:relative;
}
.price-value span{
  font-size:36px;
  font-weight:800;
  color:#101828;
}
.price-value small{
  font-size:15px;
  font-weight:400;
  color:#667085;
  margin-left:6px;
}
.price-desc{
  color:#475467;
  margin:10px 0 12px;
}

/* 功能清单：绿色对勾 / 灰色叉（用 SVG data-uri） */
.price-list{
  list-style:none;
  flex:1;
  margin-bottom:20px;
}
.price-list li{
  display:flex;
  align-items:center;
  padding:5px 0;
  font-size:15px;
  color:#344054;
}
.price-list li::before{
  content:"";
  width:20px;
  height:20px;
  margin-right:10px;
  flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
}
.price-list li.off{
  color:#98a2b3;
}
.price-list li.off::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}

/* 按钮：浅色卡片描边靛蓝 */
.price-btn{
  display:block;
  text-align:center;
  padding:11px 20px;
  border-radius:10px;
  border:1px solid #6366f1;
  color:#4f46e5;
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease, transform .2s ease;
}
.price-btn:hover{
  background:#eef2ff;
  transform:translateY(-2px);
}

/* 深色推荐卡片 */
.price-card-dark{
  background:linear-gradient(to bottom right,#312e81 0%,#4338ca 100%);
  border:none;
}
.price-card-dark h3,
.price-card-dark .price-value span{
  color:#ffffff;
}
.price-card-dark .price-value small{
  color:rgba(255,255,255,.7);
}
.price-card-dark .price-desc{
  color:rgba(255,255,255,.85);
}
.price-card-dark .price-list li{
  color:rgba(255,255,255,.92);
}
.price-card-dark .price-list li::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23facc15' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}
.price-card-dark .deco-1{
  background:#818cf8;
  opacity:.25;
}
.price-card-dark .deco-2{
  background:#a78bfa;
  opacity:.2;
}

/* 「推荐」丝带 */
.price-ribbon{
  position:absolute;
  top:16px;
  right:-34px;
  transform:rotate(40deg);
  background:#facc15;
  color:#1f2937;
  font-size:12px;
  font-weight:700;
  padding:4px 40px;
  border-radius:999px;
  z-index:2;
}

/* 深色卡片按钮：金黄实底 */
.price-btn-light{
  background:#facc15;
  border-color:#facc15;
  color:#1f2937;
}
.price-btn-light:hover{
  background:#fbbf24;
  border-color:#fbbf24;
}

/* 响应式：移动端单列 */
@media(max-width:768px){
  .pricing-grid{
    grid-template-columns:1fr;
  }
  .price-card{
    padding:30px 24px;
  }
  .price-value span{
    font-size:34px;
  }
}

/* ==================== 关于我们（整站统一风格：白卡片 + 渐变图标） ==================== */

/* 公司简介：左文右数据 */
.about-intro{
  padding:10px 0 20px;
}
.about-intro-text h2,
.about-values h2,
.about-milestones h2{
  font-size:28px;
  font-weight:800;
  color:#101828;
  margin-bottom:18px;
}
.about-intro-text p{
  font-size:15px;
  line-height:1.9;
  color:#475467;
  margin-bottom:14px;
}

.about-intro-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin:32px 0 10px;
}
.stat-item{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:26px 16px;
  text-align:center;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.stat-item:hover{
  transform:translateY(-4px);
  border-color:#93c5fd;
  box-shadow:0 12px 28px rgba(37,99,235,.10),0 4px 10px rgba(16,24,40,.05);
}
.stat-item strong{
  display:block;
  font-size:32px;
  font-weight:800;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.stat-item span{
  display:block;
  margin-top:8px;
  font-size:14px;
  color:#667085;
}

/* 企业文化：4 卡片 */
.about-values{
  padding:30px 0 10px;
}
.about-values-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.about-values-grid .card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:28px 24px;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.about-values-grid .card:hover{
  transform:translateY(-4px);
  border-color:#93c5fd;
  box-shadow:0 12px 28px rgba(37,99,235,.10),0 4px 10px rgba(16,24,40,.05);
}
.about-values-grid .card h3{
  font-size:18px;
  color:#101828;
}
.about-values-grid .card p{
  color:#667085;
  font-size:14px;
}
.about-values-grid .icon{
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  color:#ffffff;
  margin-bottom:16px;
}
.about-values-grid .icon.icon-c1{ background:linear-gradient(135deg,#3b82f6,#2563eb); box-shadow:0 4px 12px rgba(37,99,235,.35); }
.about-values-grid .icon.icon-c2{ background:linear-gradient(135deg,#6366f1,#4f46e5); box-shadow:0 4px 12px rgba(79,70,229,.35); }
.about-values-grid .icon.icon-c3{ background:linear-gradient(135deg,#06b6d4,#0891b2); box-shadow:0 4px 12px rgba(8,145,178,.35); }
.about-values-grid .icon.icon-c4{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 4px 12px rgba(124,58,237,.35); }

/* 发展历程：时间线 */
.about-milestones{
  padding:30px 0 10px;
}
.about-timeline{
  position:relative;
  padding-left:28px;
}
.about-timeline::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  bottom:8px;
  width:2px;
  background:linear-gradient(to bottom,#93c5fd,#e5e7eb);
}
.timeline-item{
  position:relative;
  padding:0 0 32px 24px;
}
.timeline-item:last-child{
  padding-bottom:0;
}
.timeline-dot{
  position:absolute;
  left:-28px;
  top:6px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  box-shadow:0 0 0 4px rgba(59,130,246,.18);
}
.timeline-date{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:#2563eb;
  background:#eff6ff;
  padding:3px 12px;
  border-radius:999px;
  margin-bottom:8px;
}
.timeline-body h3{
  font-size:18px;
  color:#101828;
  margin:6px 0 6px;
}
.timeline-body p{
  font-size:14px;
  color:#667085;
  line-height:1.7;
}

/* 响应式：移动端单列 */
@media(max-width:768px){
  .about-intro-stats,
  .about-values-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .about-intro-text h2,
  .about-values h2,
  .about-milestones h2{
    font-size:22px;
  }
  .stat-item strong{
    font-size:26px;
  }
}