:where([class^="ri-"])::before {
  content: "\f3c2";
}

body {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

.gradient-bg {
  background: linear-gradient(135deg, #3470ff, #5fa8ff);
}

.hero-bg {
  background-image: url('../images/bannerbg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: 600px;
}
.legal-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.legal-modal.open{display:flex}.legal-modal-backdrop{position:absolute;inset:0;background:rgba(15,28,55,.58)}.legal-modal-dialog{position:relative;width:min(620px,100%);max-height:min(80vh,680px);overflow:auto;padding:34px 32px;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,35,80,.24);color:#334155;line-height:1.8;scrollbar-width:thin;scrollbar-color:#b8c8e0 transparent}.legal-modal-dialog::-webkit-scrollbar{width:6px}.legal-modal-dialog::-webkit-scrollbar-thumb{border-radius:999px;background:#b8c8e0}.legal-modal-dialog h2{margin:0 0 18px;color:#17213b;font-size:24px}.legal-modal-dialog h3{margin:20px 0 8px;color:#1f3f72;font-size:17px}.legal-modal-dialog p{margin:0 0 14px}.legal-modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5fb;color:#64748b;font-size:20px;cursor:pointer}.legal-modal-close:hover{background:#e2ebfb;color:#3470ff}.legal-modal-actions{display:flex;justify-content:center;padding-top:12px}.legal-agree-btn{border:0;border-radius:8px;background:#3470ff;color:#fff;padding:11px 30px;font-size:15px;font-weight:600;cursor:pointer}

.hero-bg .right {
  width: 588px;
  height: 460px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.hero-bg .right .old-img {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 0;
  height: 460px;
  overflow: hidden;
  animation: mymove 5s infinite linear;
}
.hero-bg .right .old-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 588px;
  height: 460px;
  object-fit: cover;
  /* 防止被拉伸 */
}
.hero-bg .right .new-img {
  position: relative;
  width: 100%;
  height: 460px;
  overflow: hidden;
}
.hero-bg .right .new-img img {
  width: 588px;
  height: 460px;
  object-fit: cover;
}
.hero-bg .right .huagan {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  height: 460px;
  margin-left: -20px;
  animation: mymove-gan 5s infinite linear;
}
@keyframes mymove {
  0% { width: 0; }
  50% { width: 100%; }
  100% { width: 0; }
}
@keyframes mymove-gan {
  0% { left: 0; }
  50% { left: 100%; }
  100% { left: 0; }
}
@media (max-width: 1024px) {
.hero-bg .right { display: none; }
}

/* homepage incoming-call demonstration */
.hero-call-visual{width:500px;height:560px;right:0;overflow:visible}
.hero-call-phone{position:absolute;top:50%;right:128px;bottom:auto;width:244px;height:500px;padding:0;border:4px solid #17213b;border-radius:34px;background:#17213b;box-shadow:0 24px 48px rgba(24,63,145,.22);transform:translate(-100px,-50%)}
.hero-call-screen{position:relative;height:100%;overflow:hidden;border-radius:30px;background:linear-gradient(160deg,#12306e,#3470ff 62%,#89c2ff);color:#fff}
.hero-call-speaker{display:none}
.hero-call-status{display:flex;justify-content:space-between;padding:16px 16px 0;font-size:10px;font-weight:700}.hero-call-status span:last-child{display:flex;gap:4px;align-items:center}
.hero-call-state{position:absolute;top:94px;left:16px;right:16px;text-align:center;animation:hero-call-switch 4s infinite ease-in-out}.hero-call-unknown{animation-delay:-2s;opacity:0}.hero-call-avatar{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 16px;overflow:hidden;border-radius:50%;background:#fff;color:#3470ff;box-shadow:0 0 0 10px rgba(255,255,255,.14),0 0 0 20px rgba(255,255,255,.08);font-size:33px;animation:hero-call-ring 1.8s infinite ease-in-out}.hero-call-avatar img{width:100%;height:100%;padding:9px;object-fit:contain}.hero-call-avatar-unknown{background:rgba(255,255,255,.16);color:#fff}.hero-call-label{margin:0 0 9px;color:rgba(255,255,255,.8);font-size:13px}.hero-call-state h2{margin:0;font-size:25px;line-height:1.35;color:#fff}.hero-call-number{margin:8px 0 0;font-size:16px;color:#fff}.hero-call-brand{display:inline-block;margin:14px 0 0;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.16);font-size:12px;color:#fff}.hero-call-actions{position:absolute;right:0;bottom:30px;left:0;display:flex;justify-content:space-around;text-align:center;font-size:12px}.hero-call-actions span{display:flex;flex-direction:column;align-items:center;gap:7px}.hero-call-actions i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:21px}.hero-call-actions span:first-child i{background:#f05252}.hero-call-actions span:last-child i{background:#24b76b;animation:hero-call-ring 1.8s infinite ease-in-out}
.hero-call-tip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(52,112,255,.17);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(35,73,142,.12);color:#24416f;font-size:14px;font-weight:600;animation:hero-call-float 3.6s infinite ease-in-out}.hero-call-tip i{color:#3470ff;font-size:20px}.hero-call-tip-one{top:100px;left:-148px}.hero-call-tip-two{top:220px;right:54px;animation-delay:-1.2s}.hero-call-tip-three{bottom:128px;left:-96px;animation-delay:-2.4s}
.home-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}.home-reveal.is-visible{opacity:1;transform:none}
.home-advantage-section .advantage-phone{width:420px;flex:0 0 420px}.home-advantage-section .advantage-phone>img{display:block;width:267px!important;max-width:100%;height:auto;margin:0 auto}
.home-advantage-section .advantage-phone{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease;opacity:0}.home-advantage-section.is-visible .advantage-phone-before{opacity:1;transform:translateX(-18px) scale(1)}.home-advantage-section.is-visible .advantage-phone-after{opacity:1;transform:translateX(18px) scale(1);transition-delay:.12s}
.home-process-section .process-step-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.home-process-section.is-visible .process-step-reveal{opacity:1;transform:none}.home-process-section.is-visible .process-step-reveal:nth-child(1){transition-delay:.04s}.home-process-section.is-visible .process-step-reveal:nth-child(2){transition-delay:.12s}.home-process-section.is-visible .process-step-reveal:nth-child(3){transition-delay:.2s}.home-process-section.is-visible .process-step-reveal:nth-child(4){transition-delay:.28s}
@media (prefers-reduced-motion:reduce){.home-reveal,.home-advantage-section .advantage-phone,.home-process-section .process-step-reveal{opacity:1!important;transform:none!important;transition:none!important}}
@media (max-width:900px){.home-advantage-section .advantage-phone{width:min(42vw,334px);flex-basis:min(42vw,334px)}}
@keyframes hero-call-switch{0%,44%{opacity:1;transform:translateY(0)}50%,94%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes hero-call-ring{0%,100%{box-shadow:0 0 0 10px rgba(255,255,255,.14),0 0 0 20px rgba(255,255,255,.08)}50%{box-shadow:0 0 0 14px rgba(255,255,255,.12),0 0 0 28px rgba(255,255,255,0)}}
@keyframes hero-call-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion: reduce){.hero-call-state,.hero-call-avatar,.hero-call-actions span:last-child i,.hero-call-tip{animation:none}.hero-call-certified{opacity:1}.hero-call-unknown{opacity:0}}

.step-number {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
  background: linear-gradient(135deg, #3470ff, #5fa8ff);
}

input:focus {
  outline: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.feature-card {
  box-shadow: 0 5px 10px 0 hsla(0, 0%, 53%, .1);
  transition: box-shadow 0.2s, transform 0.2s;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(255, 125, 0, 0.1);
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  10% {
    opacity: 1;
    transform: translateY(0);
  }

  90% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.animate-fade-in-out {
  animation: fade-in-out 3s ease-in-out;
}

.floating-btn {
  position: relative;
}

.tooltip {
  z-index: 9999;
}

.floating-btn .tooltip {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.floating-btn:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.floating-btn .wechat-tooltip {
  width: 200px;
  padding: 10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.floating-btn .wechat-tooltip img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.process-flow-container {
  max-width: 80rem;
}

@keyframes breathe {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.floating-btn .customer-service-btn {
  animation: breathe 2s ease-in-out infinite;
}

.floating-btn .customer-service-btn:hover {
  animation: none;
  transform: scale(1.1);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: transparent;
  /* 初始透明 */
  box-shadow: none;
  transition: background 0.3s, box-shadow 0.3s;
}

.header.scrolled {
  background: #fff;
  /* 下滑后变白 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* 业务亮点栏 SUBMAIL风格 */
.section-business-row {
  background: #fff;
  padding: 32px 0 0 0;
}

.mod-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 0;
}

.mod-item {
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 16px 0 rgba(52, 112, 255, 0.06);
  padding: 24px 24px 24px 24px;
  min-width: 220px;
  max-width: 320px;
  margin: 0 8px;
  transition: box-shadow 0.2s, transform 0.2s;
  text-decoration: none;
  color: inherit;
}

.mod-item img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin-right: 16px;
  flex-shrink: 0;
}

.mod-title {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  margin-bottom: 4px;
}

.mod-text {
  font-size: 15px;
  color: #6c7d99;
  line-height: 1.6;
}

.mod-item:hover {
  box-shadow: 0 8px 32px 0 rgba(52, 112, 255, 0.12);
  transform: translateY(-4px) scale(1.03);
}

.line {
  width: 1px;
  background: #e1e6ed;
  margin: 0 8px;
  height: auto;
}

.right-free {
  background: linear-gradient(90deg, #3470ff 0, #5fa8ff 100%);
  border-radius: 16px;
  padding: 20px 32px;
  margin-top: 24px;
  color: #fff;
  box-shadow: 0 2px 16px 0 rgba(52, 112, 255, 0.08);
  min-width: 260px;
  max-width: 480px;
}

.right-free .free-ico {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.right-free h6 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #fff;
}

.right-free .fn14 {
  font-size: 15px;
  color: #fff;
}

@media (max-width: 1024px) {
  .mod-list {
    flex-direction: column;
    align-items: center;
  }

  .line {
    display: none !important;
  }

  .mod-item {
    margin-bottom: 16px;
  }

  .right-free {
    margin-top: 16px;
  }
}

@media (max-width: 640px) {

  .mod-item,
  .right-free {
    max-width: 100%;
    min-width: 0;
    padding: 16px 12px;
  }

  .mod-title {
    font-size: 17px;
  }

  .mod-text,
  .right-free .fn14 {
    font-size: 13px;
  }

  .right-free h6 {
    font-size: 17px;
  }

  .mod-item img,
  .right-free .free-ico {
    width: 36px;
    height: 36px;
  }
}

.business-highlight-bar {
  background: #fff;
  width: 100%;
  padding: 0;
}

.bhb-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 96px;
  padding: 0 24px;
}

.bhb-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  padding: 18px 0;
  background: #fff;
  text-align: left;
  position: relative;
}

.bhb-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.bhb-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: none;  // 不要背景 */
  /* border-radius: 50%; // 可选：如需完全无圆角可去掉 */
}

.bhb-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.bhb-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.bhb-arrow {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  vertical-align: middle;
  transition: transform 0.3s, filter 0.3s;
  transform: scaleX(-1) rotate(45deg); /* 默认镜像+右上 */
  filter: none;
}
.bhb-link:hover .bhb-arrow {
  transform: scaleX(-1) rotate(0deg);  /* 悬停镜像+向右 */
  filter: brightness(0) saturate(100%) invert(36%) sepia(97%) saturate(747%) hue-rotate(191deg) brightness(102%) contrast(101%); /* 变蓝色 */
}

.bhb-desc {
  font-size: 13px;
  color: #6c7d99;
  opacity: 0.9;
  margin-left: 50px;
  min-height: 18px;
}

.bhb-divider {
  width: 1px;
  height: 40px;
  background: #eee;
  margin: 0 24px;
}

.bhb-item-blue {
  background: #3470ff;
  color: #fff;
  border-radius: 8px;
  min-width: 220px;
  max-width: 320px;
  margin-left: 24px;
  padding: 24px 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  box-shadow: none;
  text-decoration: none;
  transition: background 0.2s;
}

.bhb-item-blue:hover {
  background: #2563eb;
}

.bhb-free-label {
  background: #fff;
  color: #3470ff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  padding: 2px 10px;
  margin-right: 16px;
  min-width: 44px;
  text-align: center;
  height: 24px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bhb-item-blue .bhb-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.bhb-item-blue .bhb-desc {
  color: #fff;
  opacity: 0.8;
  font-size: 13px;
  margin-left: 0;
}

@media (max-width: 900px) {
  .bhb-container {
    flex-wrap: wrap;
    padding: 0 8px;
  }

  .bhb-divider {
    display: none;
  }

  .bhb-item,
  .bhb-item-blue {
    min-width: 180px;
    margin: 8px 0;
    padding: 16px 0;
    align-items: flex-start;
  }

  .bhb-item-blue {
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }

  .bhb-desc {
    margin-left: 0;
  }
}

.fixed-icon-bar {
  position: fixed;
  right: 24px;
  top: 35%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
}

.fixed-icon-item {
  position: relative;
  width: 56px;
  min-height: 56px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 12px 0 rgba(52, 112, 255, 0.10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0 6px 0;
  transition: box-shadow 0.2s, transform 0.2s;
  cursor: pointer;
}

.fixed-icon-item:hover {
  box-shadow: 0 8px 24px 0 rgba(52, 112, 255, 0.18);
  transform: translateY(-2px) scale(1.04);
}

.fixed-icon-item .icon-img {
  width: 28px;
  height: 28px;
  margin-bottom: 4px;
}

.icon-label {
  font-size: 13px;
  color: #222;
  text-align: center;
  margin-top: 2px;
  line-height: 1.2;
  white-space: pre-line;
}

.online-consult {
  background: linear-gradient(to bottom, #4d88ff, #1764ff);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.18);
  color: #fff;
  min-height: 120px;
  padding-top: 0;
}

.online-consult .icon-label {
  color: #fff;
  font-weight: 500;
  margin-top: 8px;
}

.badge-num {
  position: absolute;
  left: 2.2rem;
  top: 0.2rem;
  background: #ff227a;
  color: #fff;
  font-size: 12px;
  border-radius: 12px;
  padding: 2px 7px;
  z-index: 1000;
  font-weight: bold;
}

.livechat-girl {
  width: 54px;
  height: 100px;
  border-radius: 50px;
  position: relative;
  opacity: 1;
  margin-top: 6px;
  background: none;
  box-shadow: none;
  cursor: pointer;
}

.livechat-girl .girl {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  z-index: 50;
  transform: translate(11px, 18px);
}

.livechat-girl .animated-circles .circle {
  background: rgba(60, 100, 231, 0.18);
  width: 54px;
  height: 100px;
  border-radius: 50px;
  position: absolute;
  z-index: 49;
  transform: scale(1);
}

.livechat-girl .animated-circles.animated .c-1 {
  animation: 2s scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.livechat-girl .animated-circles.animated .c-2 {
  animation: 2.5s scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.livechat-girl .animated-circles.animated .c-3 {
  animation: 3s scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

@keyframes scaleToggleOne {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scaleToggleTwo {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1);
  }

  60% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scaleToggleThree {
  0% {
    transform: scale(1);
  }

  33% {
    transform: scale(1);
  }

  66% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/* 电话卡片特殊样式 */
.phone-item .icon-label.phone-label {
  width: 220px;
  background: #fff;
  color: #222;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(52, 112, 255, 0.08);
  padding: 8px 12px;
  position: absolute;
  right: 60px;
  top: 0;
  text-align: left;
  font-size: 13px;
  display: none;
}

.phone-item:hover .icon-label.phone-label {
  display: block;
}

.phone-item .icon-img {
  margin-bottom: 0;
}

.phone-item hr {
  background: #c1c1c1;
  margin: 8px 0 6px 0;
  height: 1px;
  border: none;
}

@media (max-width: 900px) {
  .fixed-icon-bar {
    right: 8px;
    top: unset;
    bottom: 24px;
    flex-direction: row;
    gap: 10px;
  }

  .fixed-icon-item,
  .online-consult {
    width: 48px;
    min-height: 48px;
    padding: 6px 0 4px 0;
  }

  .livechat-girl {
    width: 40px;
    height: 60px;
  }

  .livechat-girl .girl {
    width: 22px;
    height: 22px;
    transform: translate(7px, 10px);
  }

  .livechat-girl .animated-circles .circle {
    width: 40px;
    height: 60px;
  }

  .phone-item .icon-label.phone-label {
    right: 52px;
    width: 160px;
    font-size: 12px;
    padding: 6px 8px;
  }
}

.success-case-matrix-content-wrap {
  display: grid;
  grid-template-columns: repeat(8, 180px);
  gap: 24px;
  justify-content: center;
  /* 让内容整体居中 */
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 24px;
  /* 不要设置max-width */
}

.success-case-matrix-content-wrap .item {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 5px 10px 0 hsla(0, 0%, 53%, .1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 90px;
  transition: box-shadow 0.25s, transform 0.25s;
  cursor: pointer;
}

.success-case-matrix-content-wrap .item:hover {
  box-shadow: 0 12px 32px 0 hsla(220, 80%, 60%, .18);
  transform: scale(1.08);
  z-index: 2;
}

@media (max-width: 1600px) {
  .success-case-matrix-content-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 900px) {
  .success-case-matrix-content-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .success-case-matrix-content-wrap .item {
    width: 45vw;
    height: 18vw;
    min-width: 120px;
    min-height: 60px;
    max-width: 180px;
    max-height: 90px;
  }
}

.before-card {
  display: flex;
  align-items: center;
  background: #f5f6fa;
  color: #b0b3bb;
  border-radius: 24px;
  padding: 10px 24px;
  font-size: 16px;
  margin-bottom: 8px;
  min-width: 260px;
  max-width: 400px;
  font-weight: 500;
}
.before-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b0b3bb;
  font-size: 20px;
  margin-right: 10px;
  font-weight: bold;
}
.after-card {
  display: flex;
  align-items: center;
  background: #fff6ed;
  color: #ff7d1a;
  border-radius: 24px;
  padding: 10px 24px;
  font-size: 16px;
  margin-bottom: 8px;
  min-width: 260px;
  max-width: 400px;
  font-weight: 500;
}
.after-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff7d1a;
  font-size: 20px;
  margin-right: 10px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .before-card, .after-card {
    min-width: 0;
    max-width: 100%;
    font-size: 14px;
    padding: 8px 12px;
  }
}

@keyframes swayIcon {
  0% { width: 0; }
  50% { width: 100%; }
  100% { width: 0; }
}

.a2-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* 或者 */
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.typed-content {
  font-size: 22px;
  font-weight: 500;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.typed-cursor {
  color: #014DFF;
  font-weight: bold;
  animation: blink 1s infinite;
  margin-left: 2px;
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.gradient-text {
  background: linear-gradient(90deg , #007AF7 0%,#014DFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

/* 增加hover效果和箭头动画 */
.bhb-link .bhb-title {
  transition: color 0.3s;
}
.bhb-link:hover .bhb-title {
  color: #3470ff;
}
.bhb-arrow {
  display: inline-block;
  transition: all 0.3s;
}
.bhb-link:hover .bhb-arrow {
  /* 悬停时内容变为→ */
  font-family: inherit;
}

.bhb-arrow-white {
  filter: brightness(0) invert(1);
}
.bhb-item-blue .bhb-arrow {
  filter: brightness(0) invert(1); /* 保证白色 */
  transform: scaleX(-1) rotate(45deg); /* 默认镜像+右上 */
  transition: transform 0.3s, filter 0.3s;
}
.bhb-item-blue:hover .bhb-arrow {
  filter: brightness(0) invert(1); /* 保证白色 */
  transform: scaleX(-1) rotate(0deg); /* 悬停镜像+向右 */
}

.callout-list .callout-item {
  margin-bottom: 30px;
}

.customer-case-card{border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.customer-case-card:hover{transform:translateY(-7px);border-color:#d7e4fb;box-shadow:0 14px 28px rgba(52,112,255,.12)}
.customer-case-card img{transition:transform .3s ease,box-shadow .3s ease}.customer-case-card:hover img{transform:scale(1.08);box-shadow:0 0 0 5px #eef4ff}
@media(prefers-reduced-motion:reduce){.customer-case-card,.customer-case-card img{transition:none}}

.advantage-hover-card{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.advantage-hover-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(52,112,255,.08),transparent 48%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.advantage-hover-card:hover{transform:translateY(-8px);box-shadow:0 16px 30px rgba(52,112,255,.16);border-color:#c7d9fb}
.advantage-hover-card:hover::before{opacity:1}
.advantage-hover-card:hover img{transform:scale(1.12) rotate(-4deg)}
.advantage-hover-card img{transition:transform .3s ease}
@media(prefers-reduced-motion:reduce){.advantage-hover-card,.advantage-hover-card::before,.advantage-hover-card img{transition:none}}

.callout-list .callout-item:last-child {
  margin-bottom: 0;
}

/* 办理流程单页 */
.process-banner {
  position: relative;
  padding: 150px 0 84px;
  background-color: #3470ff;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.process-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(16, 58, 158, 0.94) 0%, rgba(52, 112, 255, 0.82) 52%, rgba(95, 168, 255, 0.58) 100%);
}
.process-banner-inner {
  max-width: 1180px;
}
.process-banner-crumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.86);
}
.process-banner-crumb a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.process-banner-crumb a:hover {
  color: #fff;
}
.process-banner-crumb i {
  color: rgba(255, 255, 255, 0.65);
}
.process-banner h1 {
  margin: 0 0 16px;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
}
.process-banner-inner > p {
  max-width: 720px;
  margin: 0 0 30px;
  font-size: 17px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.92);
}
.process-banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.process-banner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 26px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.process-banner-btn-primary {
  background: #fff;
  color: #3470ff;
}
.process-banner-btn-primary:hover {
  background: #eef4ff;
}
.process-banner-btn-ghost {
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
}
.process-banner-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: #fff;
}

.section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 14px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(52, 112, 255, 0.1);
  color: #3470ff;
  font-size: 13px;
  font-weight: 600;
}

.process-step-card {
  position: relative;
  min-height: 236px;
  padding: 26px 22px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(27, 36, 48, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.process-step-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #3470ff, #5fa8ff);
}
.process-step-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(52, 112, 255, 0.13);
}
.process-step-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.process-step-num {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #3470ff, #5fa8ff);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.process-step-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef4ff;
  color: #3470ff;
  font-size: 26px;
}
.process-step-card h3 {
  margin: 0 0 10px;
  color: #1b2430;
  font-size: 18px;
  font-weight: 700;
}
.process-step-card p {
  margin: 0;
  color: #6c7d99;
  font-size: 14px;
  line-height: 1.7;
}

.materials-list {
  display: grid;
  gap: 12px;
}
.materials-item {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 15px 16px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #fff;
}
.materials-item > i {
  flex-shrink: 0;
  margin-top: 2px;
  color: #3470ff;
  font-size: 21px;
}
.materials-item h3 {
  margin: 0 0 4px;
  color: #1b2430;
  font-size: 15px;
  font-weight: 700;
}
.materials-item p {
  margin: 0;
  color: #6c7d99;
  font-size: 13px;
  line-height: 1.6;
}
.materials-tip-card {
  position: sticky;
  top: 96px;
  padding: 28px;
  border: 1px solid #e5eaf2;
  border-top: 3px solid #3470ff;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(27, 36, 48, 0.08);
}
.materials-tip-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border-radius: 8px;
  background: rgba(52, 112, 255, 0.1);
  color: #3470ff;
  font-size: 20px;
}
.materials-tip-list {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}
.materials-tip-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  color: #4b5a70;
  font-size: 14px;
  line-height: 1.7;
}
.materials-tip-list li:last-child {
  margin-bottom: 0;
}
.materials-tip-list i {
  flex-shrink: 0;
  margin-top: 3px;
  color: #3470ff;
}
.materials-tip-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 15px;
  border-radius: 8px;
  background: #f5f8ff;
  color: #3470ff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease;
}
.materials-tip-link:hover {
  background: #eef4ff;
}

.materials-media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 3;
  padding: 22px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #f7f8fb;
  box-shadow: 0 12px 32px rgba(27, 36, 48, 0.08);
  overflow: hidden;
}

.materials-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.package-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 28px 26px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(27, 36, 48, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.package-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(27, 36, 48, 0.1);
}
.package-card-recommended {
  border-color: #3470ff;
  box-shadow: 0 16px 36px rgba(52, 112, 255, 0.15);
}
.package-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff8a3d, #ff5f5f);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.package-card h3 {
  margin: 0 0 6px;
  color: #1b2430;
  font-size: 21px;
  font-weight: 800;
}
.package-desc {
  margin: 0 0 18px;
  color: #6c7d99;
  font-size: 14px;
}
.package-price {
  margin-bottom: 22px;
  color: #f97316;
  font-size: 26px;
  font-weight: 800;
}
.package-list {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}
.package-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 11px;
  color: #4b5a70;
  font-size: 14px;
  line-height: 1.6;
}
.package-list li:last-child {
  margin-bottom: 0;
}
.package-list i {
  flex-shrink: 0;
  margin-top: 3px;
  color: #3470ff;
}
.package-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  margin-top: auto;
  border: 1px solid #3470ff;
  border-radius: 8px;
  color: #3470ff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.package-cta:hover {
  background: #eef4ff;
}
.package-cta-primary {
  background: #3470ff;
  color: #fff;
}
.package-cta-primary:hover {
  background: #255ce0;
}

.faq-item {
  margin-bottom: 14px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.faq-item .faq-btn {
  border-radius: 0;
}

.process-cta {
  padding: 58px 0;
  background: linear-gradient(120deg, #1247cf, #3470ff 55%, #5fa8ff);
}
.process-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.process-cta-btn-white {
  background: #fff;
  color: #3470ff;
}
.process-cta-btn-white:hover {
  background: #eef4ff;
}

/* process-page visual refresh: align with the about-page network language */
.process-page{--process-blue:#3470ff;--process-ink:#1b2430;--process-muted:#60708c}
.process-page .process-banner{min-height:560px;padding:112px 0 72px;background:#f5f6fb url('../images/bannerbg.png') center/cover no-repeat;color:var(--process-ink);overflow:hidden}
.process-page .process-banner::before{background:linear-gradient(105deg,rgba(245,246,251,.84),rgba(225,235,255,.48) 58%,rgba(237,228,252,.56))}
.process-page .process-banner::after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(52,112,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,112,255,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.process-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.process-page .process-banner-crumb{color:#72819a}.process-page .process-banner-crumb a{color:#60708c}.process-page .process-banner-crumb i{color:#9aaac2}
.process-page .process-banner h1{font-size:clamp(44px,5vw,68px);letter-spacing:-.06em;color:var(--process-ink)}
.process-page .process-banner-inner>p,.process-page .process-hero-copy>p{color:var(--process-muted);max-width:590px;margin:0 0 30px;font-size:17px;line-height:1.8}
.process-page .process-banner-btn-primary{background:var(--process-blue);color:#fff}.process-page .process-banner-btn-primary:hover{background:#245bd6}
.process-page .process-banner-btn-ghost{border-color:rgba(52,112,255,.35);color:var(--process-blue)}.process-page .process-banner-btn-ghost:hover{background:#fff;border-color:var(--process-blue)}
.process-hero-visual{height:360px;position:relative}.process-hero-orbit{position:absolute;inset:40px 24px;border:1px solid rgba(52,112,255,.2);border-radius:50%;transform:rotate(-18deg)}.process-hero-orbit-alt{inset:86px -10px;transform:rotate(18deg);border-color:rgba(126,105,216,.18)}
.process-hero-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border:1px solid var(--process-blue);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#e8efff);box-shadow:0 0 0 18px rgba(52,112,255,.08),0 0 50px rgba(52,112,255,.15);text-align:center}.process-hero-center i{font-size:30px;color:var(--process-blue)}.process-hero-center b{margin-top:8px}.process-hero-center small{margin-top:4px;color:#71819b;font-size:11px}
.process-hero-node{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(52,112,255,.2);background:rgba(255,255,255,.86);box-shadow:0 9px 22px rgba(52,112,255,.1);color:#3d5a84;font-size:12px}.process-hero-node b{color:var(--process-blue);font:700 13px Arial}.process-hero-node-a{left:0;top:24px}.process-hero-node-b{right:0;top:78px}.process-hero-node-c{left:4%;bottom:34px}.process-hero-node-d{right:3%;bottom:12px}
.process-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1120px;margin:0 auto;padding-top:0}.process-timeline::before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:2px;background:#b7cdf8;z-index:0}.process-timeline-step{z-index:1;position:relative;min-height:260px;padding:0 18px;border:0;border-radius:0;box-shadow:none;background:transparent;text-align:center}.process-timeline-step::after{content:"\ea6c";position:absolute;top:27px;right:-8px;color:#88adef;font:20px/1 'remixicon'}.process-timeline-step:last-child::after{display:none}.process-timeline-step:hover{transform:none;box-shadow:none}.process-timeline-step .process-step-head{justify-content:center;margin:0}.process-timeline-step .process-step-num{width:78px;height:78px;position:relative;background:#3470ff;box-shadow:0 0 0 8px #fff,0 0 0 10px #dce8fb;border:0;border-radius:50%;font-size:20px}.process-timeline-step:nth-child(2) .process-step-num,.process-timeline-step:nth-child(3) .process-step-num{background:#3470ff;color:#fff;outline:0}.process-timeline-step .process-step-icon{display:none}.process-stage-label{display:block;margin:27px 0 10px;color:#3470ff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.process-step-content{min-height:125px;padding:22px 16px;border-top:1px solid #d8e1ef;background:#fff}.process-timeline-step h3{margin:0 0 10px;font-size:17px;line-height:1.45}.process-timeline-step p{margin:0;font-size:13px;line-height:1.75}
.process-page .section-eyebrow{padding:0;background:none;border-radius:0;color:var(--process-blue);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.process-page .section-eyebrow i{font-size:15px}
.process-page .materials-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(47,78,140,.16))}.process-page .materials-copy{max-width:600px}.process-page .materials-item{padding:15px 0;border:0;border-bottom:1px solid #e1e8f2;border-radius:0;background:transparent}.process-page .materials-tip-list li{padding-bottom:12px;border-bottom:1px solid #e1e8f2}.process-page .materials-tip-link{padding:0;background:none}
@media(max-width:800px){.process-page .process-banner{min-height:0;padding:90px 0 54px}.process-hero-grid{grid-template-columns:1fr;gap:28px}.process-hero-visual{height:280px}.process-timeline{grid-template-columns:1fr;gap:0;padding-top:0}.process-timeline::before{top:38px;bottom:38px;left:38px;width:2px;height:auto;right:auto;background:#b7cdf8}.process-timeline-step{min-height:0;padding:0 0 32px 76px;text-align:left}.process-timeline-step::after{display:none}.process-timeline-step .process-step-head{position:absolute;left:0;top:0}.process-timeline-step .process-step-num{width:76px;height:76px}.process-stage-label{margin:0 0 8px;padding-top:7px}.process-step-content{min-height:0;padding:0;border:0;background:transparent}.process-timeline-step h3{font-size:17px}}

/* 流程区稳定版：单一主轴 + 节点 + 内容，避免卡片错位 */
.process-page .process-timeline{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:0;padding:0!important;margin:18px auto 0;max-width:1160px}
.process-page .process-timeline::before{content:"";display:block;position:absolute;z-index:0;top:34px;left:10%;right:10%;width:auto;height:2px;background:#c2d4f4}
.process-page .process-timeline-step{display:flex!important;flex-direction:column;align-items:center;position:relative;z-index:1;min-height:0!important;height:auto;padding:0 18px 8px!important;border:0!important;background:transparent!important;text-align:center}
.process-page .process-timeline-step::after{content:"";display:block;position:absolute;z-index:2;top:29px;right:-8px;width:16px;height:10px;background:#fff;color:#7fa7ed;font:16px/10px 'remixicon';}
.process-page .process-timeline-step:last-child::after{display:none}
.process-page .process-timeline-step .process-stage-label{order:0;position:static;margin:0 0 12px;padding:0;color:#3470ff;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.1em}
.process-page .process-timeline-step .process-step-head{order:1;display:block;margin:0!important;height:68px}
.process-page .process-timeline-step .process-step-num{display:flex;align-items:center;justify-content:center;position:relative;left:auto;top:auto;width:68px;height:68px;margin:0 auto;background:#3470ff;color:#fff;border:0;outline:0;box-shadow:0 0 0 7px #fff,0 0 0 9px #dce8fb;font-size:19px}
.process-page .process-timeline-step .process-step-icon{display:none}
.process-page .process-timeline-step .process-step-content{order:2;width:100%;min-height:150px;margin-top:24px;padding:22px 14px 0;border-top:1px solid #d8e1ef;background:#fff}
.process-page .process-timeline-step h3{margin:0 0 10px;font-size:17px;line-height:1.45;color:#1b2430}.process-page .process-timeline-step p{margin:0;color:#6c7d99;font-size:13px;line-height:1.75}
@media(max-width:800px){.process-page .process-timeline{display:flex!important;flex-direction:column;gap:0;margin-top:10px}.process-page .process-timeline::before{top:34px;bottom:34px;left:33px;right:auto;width:2px;height:auto;background:#c2d4f4}.process-page .process-timeline-step{display:grid!important;grid-template-columns:68px 1fr;grid-template-rows:auto auto;column-gap:22px;align-items:start;padding:0 0 34px!important;text-align:left}.process-page .process-timeline-step::after{display:none}.process-page .process-timeline-step .process-stage-label{grid-column:2;grid-row:1;margin:0 0 8px;padding:0;line-height:1.2}.process-page .process-timeline-step .process-step-head{grid-column:1;grid-row:1 / span 2;height:68px}.process-page .process-timeline-step .process-step-num{width:68px;height:68px}.process-page .process-timeline-step .process-step-content{grid-column:2;grid-row:2;min-height:0;margin:0;padding:0;border:0;background:transparent}.process-page .process-timeline-step h3{font-size:17px}.process-page .process-timeline-step p{font-size:13px}}
.process-cta-btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
}
.process-cta-btn-outline:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: #fff;
}

/* pricing page */
.pricing-hero{position:relative;overflow:hidden;background:#f5f6fb url('../images/bannerbg.png') center/cover no-repeat;padding:112px 0 86px;color:#1b2430}.pricing-hero-grid-lines{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(52,112,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,112,255,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 85%)}.pricing-hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.pricing-kicker{margin:0 0 14px;color:#3470ff;font-size:12px;font-weight:700;letter-spacing:.16em}.pricing-hero h1{margin:0 0 22px;font-size:clamp(40px,5vw,66px);line-height:1.14;letter-spacing:-.06em;font-weight:300}.pricing-hero h1 strong{font-weight:800;color:#1b2430}.pricing-hero-copy>p:not(.pricing-kicker){max-width:590px;margin:0 0 32px;color:#60708c;font-size:17px;line-height:1.8}.pricing-hero-btn{display:inline-flex;gap:10px;align-items:center;background:#3470ff;color:#fff;padding:14px 24px;border-radius:7px;font-weight:700}.pricing-hero-btn:hover{background:#245bd6}.pricing-hero-orbit{height:360px;position:relative}.pricing-orbit-ring{position:absolute;border:1px solid rgba(52,112,255,.22);border-radius:50%;inset:36px 10px;transform:rotate(-18deg)}.pricing-orbit-ring.ring-two{inset:78px -8px;transform:rotate(25deg);border-color:rgba(126,105,216,.2)}.pricing-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#e8efff);border:1px solid #3470ff;box-shadow:0 0 0 18px rgba(52,112,255,.08),0 0 60px rgba(52,112,255,.16)}.pricing-orbit-core i{font-size:30px;color:#3470ff}.pricing-orbit-core b{margin-top:8px}.pricing-orbit-core small{margin-top:4px;color:#71819b;font-size:11px}.pricing-orbit-node{position:absolute;padding:9px 13px;border:1px solid rgba(52,112,255,.18);background:rgba(255,255,255,.86);box-shadow:0 9px 22px rgba(52,112,255,.1);color:#3d5a84;font-size:12px}.node-one{left:2%;top:14%}.node-two{right:0;top:31%}.node-three{right:8%;bottom:10%}.pricing-package{min-height:450px}.pricing-package-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:12px;background:#eef4ff;color:#3470ff;font-size:24px}.pricing-package h3{font-size:22px}.package-price span{font-size:18px}.pricing-custom{padding:76px 0;background:linear-gradient(120deg,#0d2d68,#1e56c8 65%,#3470ff);color:#fff}.pricing-custom-inner{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:70px}.pricing-custom .pricing-kicker{color:#9bdcff}.pricing-custom h2{margin:10px 0 18px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.pricing-custom p{max-width:720px;margin:0 0 13px;color:rgba(255,255,255,.78);line-height:1.85}.pricing-custom-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:12px 20px;border:1px solid rgba(255,255,255,.65);border-radius:7px;color:#fff;font-weight:700}.pricing-custom-btn:hover{background:rgba(255,255,255,.12)}.pricing-custom-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing-custom-stats div{padding:22px 12px;border:1px solid rgba(255,255,255,.2);text-align:center}.pricing-custom-stats strong{display:block;font-size:27px;color:#9bdcff}.pricing-custom-stats span{font-size:12px;color:rgba(255,255,255,.7)}.pricing-adv{padding:28px 22px;border:1px solid #e5eaf2;background:#fff;text-align:center;transition:transform .25s,box-shadow .25s}.pricing-adv:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(27,36,48,.08)}.pricing-adv i{font-size:30px;color:#3470ff}.pricing-adv h3{margin:13px 0 8px;font-size:18px}.pricing-adv p{margin:0;color:#6c7d99;font-size:14px;line-height:1.7}
@media(max-width:800px){.pricing-hero{padding:86px 0 54px}.pricing-hero-inner,.pricing-custom-inner{grid-template-columns:1fr;gap:28px}.pricing-hero h1{font-size:46px}.pricing-hero-copy>p:not(.pricing-kicker){font-size:15px}.pricing-hero-orbit{height:280px}.pricing-custom{padding:58px 0}.pricing-custom-stats{max-width:420px}.pricing-custom h2{font-size:34px}}

/* pricing refinement: match the light about/contact visual language */
.pricing-custom{position:relative;overflow:hidden;background:#f5f6fb url('../images/bannerbg.png') center/cover no-repeat;color:#1b2430;border-top:1px solid #e5eaf2;border-bottom:1px solid #e5eaf2}
.pricing-custom::after{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(52,112,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,112,255,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 85%);pointer-events:none}
.pricing-custom-inner{position:relative;z-index:1}
.pricing-custom .pricing-kicker{color:#3470ff}.pricing-custom h2{color:#1b2430}.pricing-custom p{color:#60708c}.pricing-custom-btn{border-color:rgba(52,112,255,.45);color:#3470ff}.pricing-custom-btn:hover{background:#eef4ff;border-color:#3470ff}.pricing-custom-stats div{border-color:#d8e3f5;background:rgba(255,255,255,.68)}.pricing-custom-stats strong{color:#3470ff}.pricing-custom-stats span{color:#71819b}

/* process-route alignment is shared by pricing and process pages in anqi-verify.css */

@media (max-width: 767px) {
  .process-banner {
    padding: 138px 0 64px;
  }
  .process-banner h1 {
    font-size: 30px;
  }
  .process-banner-inner > p {
    font-size: 15px;
  }
  .process-banner-btn {
    width: 100%;
  }
  .process-step-card {
    min-height: 0;
  }
  .materials-tip-card {
    position: static;
  }
  .package-card {
    min-height: 0;
  }
}

/* four-step flow final reset */
.process-page .process-timeline{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;max-width:none!important;margin:0!important;padding:0!important;align-items:start!important}
.process-page .process-timeline::before{top:38px!important;left:12.5%!important;right:12.5%!important;bottom:auto!important;width:auto!important;height:2px!important;background:#bed1f4!important}
.process-page .process-timeline-step{display:block!important;min-width:0!important;padding:0!important;margin:0!important;text-align:center!important;background:transparent!important}
.process-page .process-timeline-step::after{display:none!important}
.process-page .process-timeline-step .process-stage-label{display:block!important;position:static!important;margin:0 0 14px!important;padding:0!important;color:#3470ff!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.08em!important}
.process-page .process-timeline-step .process-step-head{display:flex!important;align-items:center!important;justify-content:center!important;height:68px!important;margin:0!important}
.process-page .process-timeline-step .process-step-num{display:inline-flex!important;position:static!important;width:68px!important;height:68px!important;margin:0!important;border:0!important;outline:0!important;border-radius:50%!important;background:#3470ff!important;color:#fff!important;box-shadow:0 0 0 7px #fff,0 0 0 9px #dce8fb!important;font-size:19px!important}
.process-page .process-timeline-step .process-step-content{display:block!important;min-height:0!important;width:auto!important;margin:26px 0 0!important;padding:20px 10px 0!important;border-top:1px solid #d8e1ef!important;background:transparent!important}
.process-page .process-timeline-step h3{margin:0 0 9px!important;font-size:17px!important;line-height:1.45!important}.process-page .process-timeline-step p{margin:0!important;font-size:13px!important;line-height:1.75!important}
@media(max-width:800px){.process-page .process-timeline{display:block!important}.process-page .process-timeline::before{top:48px!important;bottom:48px!important;left:33px!important;right:auto!important;width:2px!important;height:auto!important}.process-page .process-timeline-step{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;column-gap:22px!important;padding:0 0 36px!important;text-align:left!important}.process-page .process-timeline-step .process-stage-label{grid-column:2!important;grid-row:1!important;margin:6px 0 8px!important}.process-page .process-timeline-step .process-step-head{grid-column:1!important;grid-row:1 / span 2!important}.process-page .process-timeline-step .process-step-content{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;border:0!important}}

/* sms-logo hero overrides moved to skin/css/sms-logo.css (single source of truth) */

#experience .grid.lg\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)}#experience form{position:sticky;top:96px}@media(max-width:1023px){#experience form{position:static}}

/* SMS experience: fixed desktop composition matching the three-device reference */
.sms-experience-layout{display:flex;align-items:flex-start;gap:36px;max-width:1440px;margin:0 auto}
.sms-experience-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;flex:1;min-width:0}
.sms-preview-card{min-width:0;padding:20px!important}
.sms-preview-card h3{font-size:18px;white-space:nowrap}
.sms-preview-phone{height:440px;min-width:0;overflow:hidden;word-break:normal;overflow-wrap:anywhere}
.sms-preview-phone b{font-size:16px;white-space:nowrap}
.sms-preview-phone p{line-height:1.55}
.sms-experience-form{flex:0 0 420px;min-width:420px}
.sms-experience-form input{font-size:16px}
@media(max-width:1180px){.sms-experience-layout{gap:24px}.sms-experience-form{flex-basis:360px;min-width:360px}.sms-experience-previews{gap:14px}.sms-preview-card{padding:14px!important}.sms-preview-phone{height:400px}}
@media(max-width:900px){.sms-experience-layout{display:flex;flex-direction:column}.sms-experience-previews{width:100%;grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto;padding-bottom:12px}.sms-preview-card{min-width:220px}.sms-experience-form{width:100%;min-width:0;flex-basis:auto;order:-1}.sms-preview-phone{height:380px}}

/* SMS experience phone interfaces */
.sms-experience-previews{display:flex;gap:28px;align-items:flex-start}
.sms-device{width:220px;min-width:220px;margin:0}
.sms-device-shell{height:470px;border:1px solid #e7ebf2;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 14px 30px rgba(28,47,84,.08)}
.sms-device figcaption{margin-top:15px;text-align:center;color:#69758a;font-size:14px}
.sms-device-status{display:flex;justify-content:space-between;padding:17px 18px;font-size:12px;color:#dbe7ff}
.sms-device-lock{background:linear-gradient(160deg,#111b30,#18263e 65%,#0c1425);color:#fff}
.sms-lock-notification{display:flex;gap:10px;margin:96px 12px 0;padding:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(8px)}
.sms-logo-slot{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:9px}
.sms-logo-slot img{width:100%;height:100%;object-fit:cover}.sms-lock-notification b{font-size:14px}.sms-lock-notification small{float:right;margin-left:9px;color:#cbd5e1;font-size:10px}.sms-lock-notification p{margin:5px 0 0;color:#e2e8f0;font-size:11px;line-height:1.55}
.sms-device-list{padding:17px 13px}.sms-list-title{display:flex;justify-content:space-between;margin-bottom:28px;font-size:18px;font-weight:700}.sms-list-row{display:flex;align-items:flex-start;gap:9px;padding:14px 0;border-bottom:1px solid #edf0f5}.sms-list-row b{font-size:14px}.sms-list-row p{margin:4px 0 0;color:#7b879b;font-size:11px;line-height:1.4}.sms-list-row time{margin-left:auto;color:#98a3b5;font-size:10px;white-space:nowrap}.sms-avatar-muted{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#f0f2f6;color:#9aa4b4}.sms-list-muted{opacity:.75}
.sms-device-chat{background:#f3f5f8}.sms-chat-title{display:flex;align-items:center;gap:10px;height:58px;padding:0 14px;background:#fff;border-bottom:1px solid #e9edf2}.sms-chat-title .sms-logo-slot{width:30px;height:30px;flex-basis:30px}.sms-chat-title b{font-size:15px}.sms-chat-time{text-align:center;margin:20px 0;color:#9aa4b4;font-size:10px}.sms-chat-bubble{max-width:176px;margin:0 12px 10px;padding:10px 12px;border-radius:13px 13px 13px 3px;background:#3470ff;color:#fff;font-size:12px;line-height:1.55}.sms-chat-bubble-light{background:#fff;color:#4b5565;border:1px solid #e5e7eb}
@media(max-width:1180px){.sms-experience-previews{gap:16px}.sms-device{width:185px;min-width:185px}.sms-device-shell{height:430px}.sms-lock-notification{margin-top:82px}.sms-chat-bubble{max-width:150px}}
@media(max-width:900px){.sms-experience-previews{width:100%;overflow-x:auto;padding-bottom:12px}.sms-device{width:220px;min-width:220px}}

/* Experience desktop scale: three devices lead, form is deliberately adjacent */
@media(min-width:1181px){
  #experience .sms-experience-layout{max-width:1420px;gap:44px;justify-content:flex-start}
  #experience .sms-experience-previews{flex:0 0 870px;gap:30px}
  #experience .sms-device{width:270px;min-width:270px}
  #experience .sms-device-shell{height:540px}
  #experience .sms-experience-form{flex:0 0 430px;min-width:430px;margin-left:0}
  #experience .sms-lock-notification{margin-top:118px}
  #experience .sms-chat-bubble{max-width:215px}
}

/* sms-logo hero overrides moved to skin/css/sms-logo.css */

/* SMS brand motion visuals for process/about pages */
.sms-flow-visual,.sms-brand-visual{position:relative;min-height:360px;border-radius:20px;background:linear-gradient(145deg,#f5f8ff,#eaf1ff);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sms-flow-orbit,.sms-brand-orbit{position:absolute;width:245px;height:245px;border:1px solid rgba(52,112,255,.25);border-radius:50%;animation:sms-orbit 12s linear infinite}.sms-flow-orbit:before,.sms-brand-orbit:before{content:"";position:absolute;inset:24px;border:1px dashed rgba(52,112,255,.2);border-radius:50%}
.sms-flow-core,.sms-brand-core{position:relative;z-index:2;width:126px;height:126px;border-radius:50%;background:#fff;box-shadow:0 16px 36px rgba(52,112,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1f3f72}.sms-flow-core i{font-size:28px;color:#3470ff}.sms-flow-core small,.sms-brand-core small{font-size:11px;color:#7383a0;margin-top:4px}.sms-flow-chip,.sms-brand-node{position:absolute;z-index:3;padding:9px 12px;border:1px solid rgba(52,112,255,.18);border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(52,112,255,.11);font-size:12px;color:#3f5880;animation:sms-float 3.8s ease-in-out infinite}.sms-flow-chip i,.sms-brand-node i{margin-right:5px;color:#3470ff}.chip-a{left:8%;top:22%}.chip-b{right:8%;top:18%;animation-delay:-.9s}.chip-c{left:8%;bottom:20%;animation-delay:-1.8s}.chip-d{right:8%;bottom:18%;animation-delay:-2.7s}
.sms-rule-track{position:absolute;left:16%;right:16%;top:50%;height:2px;background:linear-gradient(90deg,#9dbaf9,#3470ff,#9dbaf9)}.sms-rule-track:after{content:"";position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#3470ff;box-shadow:0 0 0 6px rgba(52,112,255,.12);animation:sms-track 4s linear infinite}.sms-rule-node{position:relative;z-index:2;width:92px;height:92px;border-radius:50%;background:#fff;border:1px solid #cfe0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#35537f;box-shadow:0 10px 24px rgba(52,112,255,.12)}.sms-rule-node i{font-size:24px;color:#3470ff;margin-bottom:5px}.sms-rule-visual{gap:20px}
.sms-brand-visual{min-height:330px;background:linear-gradient(145deg,#0e2d68,#1d56c7 68%,#3470ff);color:#fff}.sms-brand-orbit{border-color:rgba(155,220,255,.45)}.sms-brand-orbit:before{border-color:rgba(155,220,255,.28)}.sms-brand-core{background:#fff;color:#1f3f72}.sms-brand-core img{width:42px;height:42px;border-radius:50%;object-fit:cover;margin-bottom:6px}.sms-brand-node{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}.sms-brand-node i{color:#9bdcff}.node-lock{left:8%;top:19%}.node-list{right:8%;top:23%;animation-delay:-1.2s}.node-chat{right:12%;bottom:18%;animation-delay:-2.3s}.sms-brand-caption{position:absolute;left:10%;bottom:12%;font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.58)}
@keyframes sms-orbit{to{transform:rotate(360deg)}}@keyframes sms-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sms-track{0%{left:0}100%{left:100%}}@media(max-width:800px){.sms-flow-visual,.sms-brand-visual{min-height:280px}.sms-rule-node{width:74px;height:74px;font-size:11px}.sms-rule-node i{font-size:20px}.sms-flow-chip,.sms-brand-node{font-size:10px;padding:7px 8px}}

/* sms-logo hero overrides moved to skin/css/sms-logo.css */

/* sms-logo hero overrides moved to skin/css/sms-logo.css */