*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--did-green:#00A985;--did-green-dark:#008a6e;--did-green-light:#e6f7f4;--did-black:#111418;--did-gray:#f5f7f8;--did-text:#2d3340;--did-muted:#6b7280;--did-white:#fff;--did-radius:14px;--did-radius-sm:8px;--did-shadow:0 4px 24px rgba(0,169,133,.10);--did-shadow-card:0 2px 16px rgba(17,20,24,.08); font-size: 17.5px; }
html{scroll-behavior:smooth}
body{font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue',Arial,sans-serif;color:var(--did-text);background:var(--did-white);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
/* NAV */
.did-nav{position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,169,133,.10);transition:box-shadow .3s}.did-nav.did-nav--scroll{box-shadow:0 2px 16px rgba(0,169,133,.10)}.did-nav__inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.did-nav__logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:var(--did-black)}.did-nav__logo span{color:var(--did-green)}.did-nav__links{display:flex;align-items:center;gap:32px;list-style:none}.did-nav__links a{font-size:.93rem;color:var(--did-muted);font-weight:500;transition:color .2s}.did-nav__links a:hover{color:var(--did-green)}.did-nav__cta{background:var(--did-green);color:var(--did-white)!important;padding:9px 22px;border-radius:40px;font-size:.93rem;font-weight:600;transition:background .2s,transform .2s}.did-nav__cta:hover{background:var(--did-green-dark);transform:translateY(-1px)}
/* HERO */
.did-hero{min-height:100vh;display:flex;align-items:center;background:var(--did-white);padding-top:64px;overflow:hidden}.did-hero__inner{max-width:1200px;margin:0 auto;padding:80px 32px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.did-hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--did-green-light);color:var(--did-green);font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:40px;margin-bottom:24px;letter-spacing:.04em}.did-hero__title{font-size:3rem;font-weight:800;line-height:1.18;color:var(--did-black);margin-bottom:20px}.did-hero__title em{color:var(--did-green);font-style:normal}.did-hero__sub{font-size:1.08rem;color:var(--did-muted);margin-bottom:36px;max-width:480px;line-height:1.8}.did-hero__bullets{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.did-hero__bullet{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--did-text)}.did-hero__bullet i{color:var(--did-green);font-size:.9rem;width:18px;text-align:center}.did-hero__actions{display:flex;gap:14px;flex-wrap:wrap}.did-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:40px;font-size:.97rem;font-weight:600;cursor:pointer;border:none;transition:background .2s,transform .2s,box-shadow .2s}.did-btn:hover{transform:translateY(-2px)}.did-btn--primary{background:var(--did-green);color:var(--did-white);box-shadow:0 4px 18px rgba(0,169,133,.30)}.did-btn--primary:hover{background:var(--did-green-dark);box-shadow:0 6px 24px rgba(0,169,133,.40)}.did-btn--outline{background:transparent;color:var(--did-black);border:2px solid var(--did-black)}.did-btn--outline:hover{background:var(--did-black);color:var(--did-white)}
/* PHONE MOCKUP */
.did-hero__phone{position:relative;display:flex;justify-content:center;align-items:center}.did-phone{width:260px;height:520px;background:var(--did-black);border-radius:44px;position:relative;box-shadow:0 30px 80px rgba(17,20,24,.30),0 0 0 10px #1e2228;overflow:hidden;flex-shrink:0}.did-phone__notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#000;border-radius:20px;z-index:10}.did-phone__screen{position:absolute;inset:0;background:linear-gradient(160deg,#0f1923 0%,#0d1f18 100%);display:flex;flex-direction:column;padding:50px 16px 20px}.did-phone__statusbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.did-phone__statusbar span{color:rgba(255,255,255,.6);font-size:.7rem}.did-phone__app-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.did-phone__app-icon{width:36px;height:36px;background:var(--did-green);border-radius:10px;display:flex;align-items:center;justify-content:center}.did-phone__app-icon i{color:#fff;font-size:.9rem}.did-phone__app-title{color:#fff;font-size:.85rem;font-weight:600}.did-phone__app-sub{color:rgba(255,255,255,.4);font-size:.68rem}.did-phone__call-card{background:rgba(0,169,133,.15);border:1px solid rgba(0,169,133,.30);border-radius:14px;padding:14px;margin-bottom:12px;position:relative;overflow:hidden}.did-phone__call-card::before{content:'';position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:radial-gradient(circle,rgba(0,169,133,.3) 0%,transparent 70%)}.did-phone__call-label{color:rgba(255,255,255,.5);font-size:.65rem;margin-bottom:4px;letter-spacing:.06em;text-transform:uppercase}.did-phone__call-number{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin-bottom:2px}.did-phone__call-flag{color:rgba(255,255,255,.6);font-size:.7rem;display:flex;align-items:center;gap:5px}.did-phone__incoming{background:rgba(255,255,255,.06);border-radius:12px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;animation:did-pulse 2.5s ease-in-out infinite}.did-phone__incoming-dot{width:8px;height:8px;background:var(--did-green);border-radius:50%;flex-shrink:0;animation:did-blink 1.2s ease-in-out infinite}.did-phone__incoming-info{flex:1}.did-phone__incoming-from{color:rgba(255,255,255,.45);font-size:.64rem}.did-phone__incoming-name{color:#fff;font-size:.8rem;font-weight:600}.did-phone__incoming-action{width:28px;height:28px;background:var(--did-green);border-radius:50%;display:flex;align-items:center;justify-content:center}.did-phone__incoming-action i{color:#fff;font-size:.65rem}.did-phone__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.did-phone__stat{background:rgba(255,255,255,.05);border-radius:10px;padding:10px;text-align:center}.did-phone__stat-num{color:var(--did-green);font-size:.95rem;font-weight:700}.did-phone__stat-label{color:rgba(255,255,255,.4);font-size:.62rem}.did-phone__deco{position:absolute;top:-60px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,169,133,.12) 0%,transparent 65%);border-radius:50%;pointer-events:none}.did-phone__deco2{position:absolute;bottom:-40px;left:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(0,169,133,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}@keyframes did-blink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes did-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
/* SECTION COMMON */
.did-section{padding:96px 0}.did-section--gray{background:var(--did-gray)}.did-section--dark{background:var(--did-black)}.did-section--green{background:var(--did-green)}.did-container{max-width:1200px;margin:0 auto;padding:0 32px}.did-section-label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--did-green);margin-bottom:12px}.did-section--dark .did-section-label{color:rgba(0,169,133,.9)}.did-section-title{font-size:2.2rem;font-weight:800;color:var(--did-black);line-height:1.25;margin-bottom:16px}.did-section--dark .did-section-title{color:#fff}.did-section--green .did-section-title{color:#fff}.did-section-sub{font-size:1rem;color:var(--did-muted);max-width:760px;line-height:1.8}.did-section--dark .did-section-sub{color:rgba(255,255,255,.55)}.did-section--green .did-section-sub{color:rgba(255,255,255,.8)}.did-section-header{margin-bottom:60px}.did-section-header--center{text-align:center}.did-section-header--center .did-section-sub{margin:0 auto}
/* PAIN POINTS */
.did-pain__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.did-pain__card{background:var(--did-white);border-radius:var(--did-radius);padding:32px;box-shadow:var(--did-shadow-card);border:1px solid rgba(0,0,0,.04);transition:box-shadow .3s,transform .3s,background .3s,border-color .3s}.did-pain__card:hover{box-shadow:var(--did-shadow);transform:translateY(-4px);background:var(--did-black);border-color:var(--did-black)}.did-pain__card:hover .did-pain__icon{background:rgba(0,169,133,.2)}.did-pain__card:hover .did-pain__card-title{color:#fff}.did-pain__card:hover .did-pain__card-text{color:rgba(255,255,255,.55)}.did-pain__icon{width:48px;height:48px;background:var(--did-green-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background .3s}.did-pain__icon i{color:var(--did-green);font-size:1.1rem}.did-pain__card-title{font-size:1.25rem;font-weight:700;color:var(--did-black);margin-bottom:8px;transition:color .3s}.did-pain__card-text{font-size:.88rem;color:var(--did-muted);line-height:1.7;transition:color .3s}
/* FEATURES */
.did-feat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.did-feat__card{background:var(--did-white);border-radius:var(--did-radius);padding:28px 28px 24px;border:1px solid rgba(0,0,0,.05);transition:box-shadow .3s,transform .3s,background .3s,border-color .3s}.did-feat__card:hover{box-shadow:var(--did-shadow);transform:translateY(-4px);background:var(--did-green);border-color:var(--did-green)}.did-feat__card:hover .did-feat__card-icon{background:rgba(255,255,255,.2)}.did-feat__card:hover .did-feat__card-icon i{color:#fff}.did-feat__card:hover .did-feat__card-title{color:#fff}.did-feat__card:hover .did-feat__card-text{color:rgba(255,255,255,.8)}.did-feat__card-icon{width:44px;height:44px;background:var(--did-green-light);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .3s}.did-feat__card-icon i{color:var(--did-green);font-size:1rem;transition:color .3s}.did-feat__card-title{font-size:1.25rem;font-weight:700;color:var(--did-black);margin-bottom:8px;transition:color .3s}.did-feat__card-text{font-size:.86rem;color:var(--did-muted);line-height:1.7;transition:color .3s}
/* CAPABILITIES */
.did-cap__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: var(--did-radius);
  overflow: hidden;
}

.did-cap__item {
  padding: 40px 32px;
  border-right: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: #fff;
  transition: background .3s ease;
  cursor: default;
}

.did-cap__item:nth-child(3n) {
  border-right: none;
}

/* 绿色 hover */
.did-cap__item:hover {
  background: #00A985;
}
.did-cap__item:hover .did-cap__num {
  color: rgba(255,255,255,.3);
}
.did-cap__item:hover .did-cap__icon {
  color: #fff;
}
.did-cap__item:hover .did-cap__title {
  color: #fff;
}
.did-cap__item:hover .did-cap__text {
  color: rgba(255,255,255,.8);
}

/* 深黑 hover */
.did-cap__item--dark:hover {
  background: #0c1410;
}
.did-cap__item--dark:hover .did-cap__num {
  color: rgba(0,169,133,.5);
}
.did-cap__item--dark:hover .did-cap__icon {
  color: #00A985;
}
.did-cap__item--dark:hover .did-cap__title {
  color: #fff;
}
.did-cap__item--dark:hover .did-cap__text {
  color: rgba(255,255,255,.5);
}

/* 通栏 Banner：底色改为 #00A985，内部文字和图标改白色系 */
.did-cap__item--banner {
  grid-column: 1 / -1;
  border-right: none;
  border-bottom: none;
  background: #00A985;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 48px 40px;
  transition: background .3s ease;
}
.did-cap__item--banner:hover {
  background: #009676; /* Hover 时略微加深 */
}
.did-cap__item--banner:hover .did-cap__num {
  color: rgba(255,255,255,.9);
}
.did-cap__item--banner:hover .did-cap__title {
  color: #fff;
}
.did-cap__item--banner:hover .did-cap__text {
  color: #fff;
}
.did-cap__item--banner:hover .did-cap__banner-icon {
  background: rgba(255,255,255,.25);
  border-color: rgba(255,255,255,.5);
}
.did-cap__item--banner:hover .did-cap__banner-icon i {
  color: #fff;
}

.did-cap__banner-icon {
  width: 80px;
  height: 80px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .3s ease, border-color .3s ease;
}
.did-cap__banner-icon i {
  font-size: 2rem;
  color: #fff;
  transition: color .3s ease;
}

.did-cap__banner-body {
  flex: 1;
}

.did-cap__icon {
  font-size: 1.5rem;
  color: #00A985;
  margin-bottom: 16px;
  display: block;
  transition: color .3s ease;
}

.did-cap__num {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  color: rgba(0,169,133,.5);
  display: block;
  margin-bottom: 10px;
  transition: color .3s ease;
  line-height: 1;
}

/* 通栏数字：白色半透明 */
.did-cap__item--banner .did-cap__num {
  color: rgba(255,255,255,.6);
}

.did-cap__title {
  font-size: 1.02rem;
  font-weight: 700;
  color: #0c1410;
  margin-bottom: 10px;
  line-height: 1.45;
  transition: color .3s ease;
}

/* 通栏标题：纯白 */
.did-cap__item--banner .did-cap__title {
  color: #fff;
}

.did-cap__text {
  font-size: .875rem;
  color: #6b7280;
  line-height: 1.8;
  transition: color .3s ease;
}

/* 通栏正文：高亮白 */
.did-cap__item--banner .did-cap__text {
  color: rgba(255,255,255,.9);
}

/* 响应式 */
@media (max-width: 960px) {
  .did-cap__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .did-cap__item:nth-child(3n) {
    border-right: 1px solid rgba(0,0,0,.08);
  }
  .did-cap__item:nth-child(2n) {
    border-right: none;
  }
  .did-cap__item--banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 36px 28px;
  }
}

@media (max-width: 600px) {
  .did-cap__grid {
    grid-template-columns: 1fr;
    border-radius: 12px;
  }
  .did-cap__item {
    border-right: none;
    padding: 32px 24px;
  }
  .did-cap__item:nth-child(3n),
  .did-cap__item:nth-child(2n) {
    border-right: none;
  }
  .did-cap__item--banner {
    padding: 32px 24px;
    gap: 16px;
  }
  .did-cap__banner-icon {
    width: 64px;
    height: 64px;
  }
}


/* VALUE */
.did-val__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.did-val__card{border-radius:var(--did-radius);padding:40px;transition:transform .3s,box-shadow .3s}.did-val__card--green{background:var(--did-green)}.did-val__card--dark{background:var(--did-black)}.did-val__card--light{background:var(--did-green-light)}.did-val__card--gray{background:var(--did-gray)}.did-val__card:hover{transform:translateY(-4px);box-shadow:var(--did-shadow)}.did-val__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.did-val__card--green .did-val__icon{background:rgba(255,255,255,.2)}.did-val__card--green .did-val__icon i{color:#fff}.did-val__card--dark .did-val__icon{background:rgba(0,169,133,.2)}.did-val__card--dark .did-val__icon i{color:var(--did-green)}.did-val__card--light .did-val__icon{background:var(--did-green)}.did-val__card--light .did-val__icon i{color:#fff}.did-val__card--gray .did-val__icon{background:var(--did-black)}.did-val__card--gray .did-val__icon i{color:var(--did-green)}.did-val__card-tag{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.did-val__card--green .did-val__card-tag{color:rgba(255,255,255,.7)}.did-val__card--dark .did-val__card-tag{color:var(--did-green)}.did-val__card--light .did-val__card-tag{color:var(--did-green)}.did-val__card--gray .did-val__card-tag{color:var(--did-muted)}.did-val__card-title{font-size:1.25rem;font-weight:800;margin-bottom:10px}.did-val__card--green .did-val__card-title,.did-val__card--dark .did-val__card-title{color:#fff}.did-val__card--light .did-val__card-title,.did-val__card--gray .did-val__card-title{color:var(--did-black)}.did-val__card-text{font-size:0.88rem;line-height:1.75}.did-val__card--green .did-val__card-text{color:rgba(255,255,255,.8)}.did-val__card--dark .did-val__card-text{color:rgba(255,255,255,.55)}.did-val__card--light .did-val__card-text,.did-val__card--gray .did-val__card-text{color:var(--did-muted)}
/* SCENARIOS */
.did-scene__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.did-scene__card{border-radius:var(--did-radius);padding:32px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);transition:background .3s,transform .3s,border-color .3s}.did-scene__card:hover{background:rgba(0,169,133,.18);border-color:rgba(0,169,133,.40);transform:translateY(-4px)}.did-scene__icon{width:48px;height:48px;border-radius:12px;background:rgba(0,169,133,.2);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.did-scene__icon i{color:var(--did-green);font-size:1.1rem}.did-scene__title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:8px}.did-scene__text{font-size:.87rem;color:rgba(255,255,255,.55);line-height:1.7}
/* COMPARE TABLE */
.did-compare{overflow-x:auto}.did-compare__table{width:100%;border-collapse:collapse;border-radius:var(--did-radius);overflow:hidden;min-width:700px}.did-compare__table th{padding:18px 20px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--did-muted);background:var(--did-white);border-bottom:2px solid #eee;text-align:left}.did-compare__table th:first-child{border-radius:var(--did-radius) 0 0 0}.did-compare__table th.did-th--highlight{background:var(--did-green);color:#fff}.did-compare__table td{padding:16px 20px;font-size:.9rem;color:var(--did-text);border-bottom:1px solid #f0f0f0;background:var(--did-white)}.did-compare__table td.did-td--highlight{background:#f0faf7;font-weight:600;color:var(--did-green)}.did-compare__table tr:hover td{background:#fafafa}.did-compare__table tr:hover td.did-td--highlight{background:#e6f7f4}.did-check{color:var(--did-green);font-weight:700}.did-cross{color:#d1d5db}.did-badge-best{display:inline-block;background:var(--did-green);color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:6px;vertical-align:middle}
/* STEPS */
.did-steps{display:flex;flex-direction:column;gap:0}.did-step{display:flex;gap:32px;align-items:flex-start;position:relative;padding-bottom:48px}.did-step:last-child{padding-bottom:0}.did-step__line{position:absolute;left:27px;top:56px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--did-green),rgba(0,169,133,.1));display:block}.did-step:last-child .did-step__line{display:none}.did-step__num{width:56px;height:56px;border-radius:50%;background:var(--did-green);color:#fff;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(0,169,133,.3);position:relative;z-index:1}.did-step__content{padding-top:12px}.did-step__title{font-size:1.08rem;font-weight:700;color:var(--did-black);margin-bottom:6px}.did-step__text{font-size:.9rem;color:var(--did-muted);line-height:1.7}
/* FORM */
.did-form-wrap{background:var(--did-white);border-radius:var(--did-radius);padding:48px;box-shadow:0 8px 48px rgba(0,169,133,.12);max-width:660px;margin:0 auto}.did-form-title{font-size:1.6rem;font-weight:800;color:var(--did-black);margin-bottom:8px}.did-form-sub{font-size:.92rem;color:var(--did-muted);margin-bottom:32px}.did-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.did-form__field{margin-bottom:18px}.did-form__label{display:block;font-size:.83rem;font-weight:600;color:var(--did-black);margin-bottom:6px}.did-form__input,.did-form__select,.did-form__textarea{width:100%;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:var(--did-radius-sm);font-size:.92rem;color:var(--did-text);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.did-form__input:focus,.did-form__select:focus,.did-form__textarea:focus{border-color:var(--did-green);box-shadow:0 0 0 3px rgba(0,169,133,.12)}.did-form__textarea{resize:vertical;min-height:100px}.did-form__submit{width:100%;padding:15px;background:var(--did-green);color:#fff;border:none;border-radius:40px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px}.did-form__submit:hover{background:var(--did-green-dark);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,169,133,.35)}
/* WHO */
.did-who__list{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.did-who__tag{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 18px;border-radius:40px;font-size:.88rem;font-weight:500;transition:background .2s,border-color .2s}.did-who__tag:hover{background:rgba(0,169,133,.25);border-color:rgba(0,169,133,.5)}.did-who__tag i{color:var(--did-green);font-size:.85rem}
/* FOOTER */
.did-footer{background:var(--did-black);padding:48px 0 32px;border-top:1px solid rgba(255,255,255,.06)}.did-footer__inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.did-footer__logo{font-size:1.05rem;font-weight:700;color:#fff}.did-footer__logo span{color:var(--did-green)}.did-footer__copy{font-size:.82rem;color:rgba(255,255,255,.3)}.did-footer__links{display:flex;gap:24px}.did-footer__links a{font-size:.83rem;color:rgba(255,255,255,.45);transition:color .2s}.did-footer__links a:hover{color:var(--did-green)}
/* STICKY CTA */
.did-sticky-cta{position:fixed;bottom:28px;right:28px;z-index:990;display:flex;flex-direction:column;gap:10px}.did-sticky-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:transform .2s,box-shadow .2s}.did-sticky-btn:hover{transform:translateY(-3px)}.did-sticky-btn--main{background:var(--did-green);color:#fff;box-shadow:0 4px 18px rgba(0,169,133,.40)}.did-sticky-btn--top{background:var(--did-black);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25)}
/* ANIM */
.did-anim{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.did-anim--visible{opacity:1;transform:none}.did-anim-delay-1{transition-delay:.1s}.did-anim-delay-2{transition-delay:.2s}.did-anim-delay-3{transition-delay:.3s}.did-anim-delay-4{transition-delay:.4s}.did-anim-delay-5{transition-delay:.5s}
/* RESPONSIVE */
@media(max-width:1024px){.did-hero__inner{grid-template-columns:1fr;gap:40px;text-align:center}.did-hero__sub{margin:0 auto 36px}.did-hero__bullets{align-items:center}.did-hero__actions{justify-content:center}.did-hero__phone{justify-content:center}.did-phone{width:220px;height:440px}.did-cap__grid{grid-template-columns:repeat(2,1fr)}.did-cap__item:nth-child(2n){border-right:none}.did-cap__item:nth-child(4n){border-right:1px solid rgba(0,0,0,.07)}}@media(max-width:768px){.did-nav__links{display:none}.did-hero__title{font-size:2rem}.did-section{padding:64px 0}.did-section-title{font-size:1.7rem}.did-pain__grid,.did-feat__grid,.did-scene__grid{grid-template-columns:1fr}.did-val__grid{grid-template-columns:1fr}.did-cap__grid{grid-template-columns:1fr}.did-cap__item{border-right:none}.did-form__row{grid-template-columns:1fr}.did-footer__inner{flex-direction:column;text-align:center}}



    .usdidx-faq {
      --usdidx-green: #00b28f;
      --usdidx-green-dark: #008d74;
      --usdidx-green-deep: #006e5c;
      --usdidx-green-soft: #e4f7f3;
      --usdidx-green-pale: #f3fbf9;
      --usdidx-black: #101316;
      --usdidx-dark: #12171a;
      --usdidx-dark-soft: #1b2326;
      --usdidx-title: #111518;
      --usdidx-text: #59666f;
      --usdidx-muted: #859095;
      --usdidx-border: #dce9e6;
      --usdidx-line: #e9f0ee;
      --usdidx-white: #ffffff;

      position: relative;
      isolation: isolate;
      overflow: hidden;
      width: 100%;
      padding: 82px 24px 88px;
      color: var(--usdidx-text);
      background:
        linear-gradient(
          180deg,
          #ffffff 0%,
          #ffffff 74%,
          #fbfdfd 100%
        );
      font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei",
        Arial,
        sans-serif;
      line-height: 1.7;
      box-sizing: border-box;
    }

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

    /* 背景装饰，与参考图中的圆形光晕保持一致 */

    .usdidx-faq::before {
      position: absolute;
      z-index: -2;
      top: -230px;
      right: -120px;
      width: 700px;
      height: 700px;
      background:
        radial-gradient(
          circle,
          rgba(0, 178, 143, 0.10) 0%,
          rgba(0, 178, 143, 0.045) 32%,
          rgba(0, 178, 143, 0) 70%
        );
      border-radius: 50%;
      content: "";
      pointer-events: none;
    }

    .usdidx-faq::after {
      position: absolute;
      z-index: -2;
      bottom: -310px;
      left: -270px;
      width: 620px;
      height: 620px;
      border: 1px solid rgba(0, 178, 143, 0.08);
      border-radius: 50%;
      content: "";
      pointer-events: none;
    }

    .usdidx-faq__container {
      width: 100%;
      max-width: 1160px;
      margin: 0 auto;
    }

    /* ==========================
       模块顶部标题区域
       ========================== */

    .usdidx-faq__intro {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 350px;
      gap: 70px;
      align-items: end;
      margin-bottom: 48px;
    }

    .usdidx-faq__intro-main {
      min-width: 0;
    }

    .usdidx-faq__badge {
      display: inline-flex;
      gap: 9px;
      align-items: center;
      margin-bottom: 20px;
      padding: 8px 15px;
      color: var(--usdidx-green-dark);
      background: var(--usdidx-green-soft);
      border: 1px solid rgba(0, 178, 143, 0.08);
      border-radius: 999px;
      font-size: 13px;
      font-weight: 750;
      line-height: 1;
      letter-spacing: 0.04em;
    }

    .usdidx-faq__badge-icon {
      display: grid;
      width: 17px;
      height: 17px;
      place-items: center;
      color: var(--usdidx-green);
    }

    .usdidx-faq__badge-icon svg {
      display: block;
      width: 17px;
      height: 17px;
    }

    .usdidx-faq__title {
      max-width: 760px;
      margin: 0;
      color: var(--usdidx-title);
      font-size: clamp(38px, 5vw, 40px);
      font-weight: 900;
      line-height: 1.12;
      letter-spacing: -0.055em;
    }

    .usdidx-faq__title-accent {
      color: var(--usdidx-green);
    }

    .usdidx-faq__description {
      max-width: 720px;
      margin: 22px 0 0;
      color: #6b747d;
      font-size: 16px;
      line-height: 1.9;
    }

    /* 右侧深色数据卡 */

    .usdidx-faq__summary-card {
      position: relative;
      overflow: hidden;
      padding: 25px;
      color: var(--usdidx-white);
      background:
        linear-gradient(
          145deg,
          #171d20 0%,
          #101416 100%
        );
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 24px;
      box-shadow:
        0 25px 60px rgba(20, 34, 32, 0.16),
        0 7px 20px rgba(20, 34, 32, 0.09);
    }

    .usdidx-faq__summary-card::before {
      position: absolute;
      top: -80px;
      right: -60px;
      width: 210px;
      height: 210px;
      background: rgba(0, 178, 143, 0.13);
      border-radius: 50%;
      content: "";
      pointer-events: none;
    }

    .usdidx-faq__summary-head {
      position: relative;
      display: flex;
      gap: 14px;
      align-items: center;
      margin-bottom: 22px;
    }

    .usdidx-faq__summary-icon {
      display: grid;
      flex: 0 0 44px;
      width: 44px;
      height: 44px;
      place-items: center;
      color: #ffffff;
      background:
        linear-gradient(
          145deg,
          #08caa3,
          #009b80
        );
      border-radius: 13px;
      box-shadow: 0 9px 22px rgba(0, 178, 143, 0.28);
    }

    .usdidx-faq__summary-icon svg {
      width: 21px;
      height: 21px;
    }

    .usdidx-faq__summary-heading {
      min-width: 0;
    }

    .usdidx-faq__summary-heading strong {
      display: block;
      color: #ffffff;
      font-size: 15px;
      font-weight: 750;
      line-height: 1.4;
    }

    .usdidx-faq__summary-heading small {
      display: block;
      margin-top: 3px;
      color: rgba(255, 255, 255, 0.43);
      font-size: 11px;
      line-height: 1.5;
    }

    .usdidx-faq__live {
      display: inline-flex;
      gap: 6px;
      align-items: center;
      margin-left: auto;
      padding: 5px 9px;
      color: #20d4b1;
      background: rgba(0, 178, 143, 0.10);
      border: 1px solid rgba(0, 178, 143, 0.25);
      border-radius: 999px;
      font-size: 9px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.12em;
    }

    .usdidx-faq__live::before {
      width: 5px;
      height: 5px;
      background: #20d4b1;
      border-radius: 50%;
      box-shadow: 0 0 0 4px rgba(32, 212, 177, 0.08);
      content: "";
    }

    .usdidx-faq__summary-stats {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      overflow: hidden;
      background: rgba(255, 255, 255, 0.045);
      border: 1px solid rgba(255, 255, 255, 0.055);
      border-radius: 15px;
    }

    .usdidx-faq__stat {
      position: relative;
      min-width: 0;
      padding: 15px 9px;
      text-align: center;
    }

    .usdidx-faq__stat + .usdidx-faq__stat::before {
      position: absolute;
      top: 14px;
      bottom: 14px;
      left: 0;
      width: 1px;
      background: rgba(255, 255, 255, 0.07);
      content: "";
    }

    .usdidx-faq__stat strong {
      display: block;
      color: #ffffff;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.2;
    }

    .usdidx-faq__stat span {
      display: block;
      overflow: hidden;
      margin-top: 5px;
      color: rgba(255, 255, 255, 0.39);
      font-size: 10px;
      line-height: 1.3;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .usdidx-faq__summary-bottom {
      position: relative;
      display: flex;
      gap: 10px;
      align-items: center;
      margin-top: 15px;
      padding: 12px 14px;
      color: rgba(255, 255, 255, 0.62);
      background: rgba(0, 178, 143, 0.075);
      border: 1px solid rgba(0, 178, 143, 0.13);
      border-radius: 13px;
      font-size: 11px;
    }

    .usdidx-faq__summary-check {
      display: grid;
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      place-items: center;
      color: #0ed5aa;
      background: rgba(0, 178, 143, 0.12);
      border-radius: 50%;
    }

    .usdidx-faq__summary-check svg {
      width: 13px;
      height: 13px;
    }

    /* ==========================
       FAQ主体
       ========================== */

    .usdidx-faq__layout {
      display: grid;
      grid-template-columns: 250px minmax(0, 1fr);
      gap: 34px;
      align-items: start;
    }

    /* 左侧说明 */

    .usdidx-faq__side {
      position: sticky;
      top: 24px;
      padding: 9px 4px 0 0;
    }

    .usdidx-faq__side-label {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-bottom: 17px;
      color: var(--usdidx-green-dark);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.1em;
    }

    .usdidx-faq__side-label::before {
      width: 25px;
      height: 2px;
      background: var(--usdidx-green);
      border-radius: 999px;
      content: "";
    }

    .usdidx-faq__side h3 {
      margin: 0;
      color: var(--usdidx-title);
      font-size: 23px;
      font-weight: 850;
      line-height: 1.4;
      letter-spacing: -0.025em;
    }

    .usdidx-faq__side p {
      margin: 13px 0 0;
      color: #7b878b;
      font-size: 13px;
      line-height: 1.8;
    }

    .usdidx-faq__side-points {
      display: grid;
      gap: 11px;
      margin: 21px 0 0;
      padding: 0;
      list-style: none;
    }

    .usdidx-faq__side-points li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: #526268;
      font-size: 12px;
      line-height: 1.6;
    }

    .usdidx-faq__side-check {
      display: grid;
      flex: 0 0 18px;
      width: 18px;
      height: 18px;
      margin-top: 1px;
      place-items: center;
      color: var(--usdidx-green);
      background: var(--usdidx-green-soft);
      border-radius: 50%;
    }

    .usdidx-faq__side-check svg {
      width: 11px;
      height: 11px;
    }

    /* FAQ列表 */

    .usdidx-faq__list {
      display: grid;
      gap: 12px;
      min-width: 0;
    }

    .usdidx-faq__item {
      overflow: hidden;
      background: rgba(255, 255, 255, 0.94);
      border: 1px solid var(--usdidx-border);
      border-radius: 16px;
      box-shadow: 0 3px 18px rgba(29, 64, 57, 0.025);
      transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
    }

    .usdidx-faq__item:hover {
      border-color: rgba(0, 178, 143, 0.42);
      box-shadow: 0 8px 24px rgba(29, 64, 57, 0.05);
    }

    .usdidx-faq__item.is-open {
      border-color: rgba(0, 178, 143, 0.46);
      box-shadow:
        0 14px 35px rgba(23, 84, 72, 0.07),
        0 3px 10px rgba(23, 84, 72, 0.035);
    }

    .usdidx-faq__trigger {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) 34px;
      gap: 16px;
      align-items: center;
      width: 100%;
      min-height: 78px;
      margin: 0;
      padding: 17px 20px;
      color: inherit;
      background: transparent;
      border: 0;
      border-radius: 15px;
      font: inherit;
      text-align: left;
      cursor: pointer;
      appearance: none;
    }

    .usdidx-faq__trigger:focus-visible {
      outline: 3px solid rgba(0, 178, 143, 0.19);
      outline-offset: -3px;
    }

    .usdidx-faq__number {
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      color: var(--usdidx-green-dark);
      background: var(--usdidx-green-soft);
      border-radius: 12px;
      font-size: 12px;
      font-weight: 850;
      line-height: 1;
      transition:
        color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
    }

    .usdidx-faq__item.is-open .usdidx-faq__number {
      color: #ffffff;
      background:
        linear-gradient(
          145deg,
          #08c6a1,
          #00977c
        );
      box-shadow: 0 8px 18px rgba(0, 178, 143, 0.21);
    }

    .usdidx-faq__question {
      min-width: 0;
      color: var(--usdidx-title);
      font-size: 15px;
      font-weight: 750;
      line-height: 1.55;
    }

    /* 加号 */

    .usdidx-faq__toggle {
      position: relative;
      display: block;
      width: 34px;
      height: 34px;
      background: var(--usdidx-green-pale);
      border: 1px solid rgba(0, 178, 143, 0.08);
      border-radius: 50%;
      transition:
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease;
    }

    .usdidx-faq__toggle::before,
    .usdidx-faq__toggle::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 2px;
      background: var(--usdidx-green-dark);
      border-radius: 999px;
      content: "";
      transition:
        background-color 180ms ease,
        transform 180ms ease;
    }

    .usdidx-faq__toggle::before {
      transform: translate(-50%, -50%);
    }

    .usdidx-faq__toggle::after {
      transform: translate(-50%, -50%) rotate(90deg);
    }

    .usdidx-faq__item.is-open .usdidx-faq__toggle {
      background: var(--usdidx-green);
      border-color: var(--usdidx-green);
      transform: rotate(180deg);
    }

    .usdidx-faq__item.is-open .usdidx-faq__toggle::before,
    .usdidx-faq__item.is-open .usdidx-faq__toggle::after {
      background: #ffffff;
    }

    .usdidx-faq__item.is-open .usdidx-faq__toggle::after {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    /* 可动画的答案区域 */

    .usdidx-faq__panel {
      display: grid;
      grid-template-rows: 0fr;
      opacity: 0;
      visibility: hidden;
      transition:
        grid-template-rows 260ms ease,
        opacity 200ms ease,
        visibility 260ms ease;
    }

    .usdidx-faq__item.is-open .usdidx-faq__panel {
      grid-template-rows: 1fr;
      opacity: 1;
      visibility: visible;
    }

    .usdidx-faq__panel-inner {
      min-height: 0;
      overflow: hidden;
    }

    .usdidx-faq__answer {
      margin: 0 20px 20px 78px;
      padding: 18px 20px;
      color: var(--usdidx-text);
      background:
        linear-gradient(
          135deg,
          #f4fbf9 0%,
          #f9fcfb 100%
        );
      border-left: 3px solid var(--usdidx-green);
      border-radius: 0 12px 12px 0;
      font-size: 13px;
      line-height: 1.85;
    }

    .usdidx-faq__answer p {
      margin: 0;
    }

    .usdidx-faq__answer p + p {
      margin-top: 10px;
    }

    .usdidx-faq__answer ul,
    .usdidx-faq__answer ol {
      margin: 9px 0 0;
      padding-left: 20px;
    }

    .usdidx-faq__answer li + li {
      margin-top: 5px;
    }

    .usdidx-faq__answer strong {
      color: #25433f;
      font-weight: 750;
    }

    .usdidx-faq__note {
      margin-top: 13px;
      padding-top: 11px;
      color: #778782;
      border-top: 1px solid rgba(0, 141, 116, 0.11);
      font-size: 12px;
    }

    /* ==========================
       最后一项新闻列表
       ========================== */

    .usdidx-faq__news-answer {
      margin: 0 20px 20px 78px;
      padding: 0 20px;
      background:
        linear-gradient(
          135deg,
          #f4fbf9 0%,
          #f9fcfb 100%
        );
      border-left: 3px solid var(--usdidx-green);
      border-radius: 0 12px 12px 0;
    }

    .usdidx-faq__news-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .usdidx-faq__news-item {
      margin: 0;
      padding: 0;
    }

    .usdidx-faq__news-item + .usdidx-faq__news-item {
      border-top: 1px solid rgba(0, 141, 116, 0.11);
    }

    .usdidx-faq__news-link {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
      padding: 17px 0;
      color: var(--usdidx-title);
      text-decoration: none;
      transition:
        color 180ms ease,
        transform 180ms ease;
    }

    .usdidx-faq__news-link:hover {
      color: var(--usdidx-green-dark);
      transform: translateX(4px);
    }

    .usdidx-faq__news-link:focus-visible {
      border-radius: 8px;
      outline: 3px solid rgba(0, 178, 143, 0.18);
      outline-offset: 3px;
    }

    .usdidx-faq__news-content {
      display: block;
      min-width: 0;
    }

    .usdidx-faq__news-title {
      display: block;
      color: inherit;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.6;
    }

    .usdidx-faq__news-description {
      display: block;
      margin-top: 3px;
      color: #7b8986;
      font-size: 11px;
      font-weight: 400;
      line-height: 1.6;
    }

    .usdidx-faq__news-meta {
      display: flex;
      gap: 11px;
      align-items: center;
      color: #84918e;
      font-size: 11px;
      white-space: nowrap;
    }

    .usdidx-faq__news-arrow {
      display: grid;
      width: 28px;
      height: 28px;
      place-items: center;
      color: var(--usdidx-green-dark);
      background: rgba(0, 178, 143, 0.09);
      border-radius: 50%;
      font-size: 14px;
      font-style: normal;
      line-height: 1;
    }

    /* ==========================
       响应式
       ========================== */

    @media (max-width: 960px) {
      .usdidx-faq {
        padding: 65px 20px 72px;
      }

      .usdidx-faq__intro {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 36px;
      }

      .usdidx-faq__layout {
        grid-template-columns: 210px minmax(0, 1fr);
        gap: 25px;
      }
    }

    @media (max-width: 780px) {
      .usdidx-faq {
        padding: 54px 18px 60px;
      }

      .usdidx-faq__intro {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-bottom: 38px;
      }

      .usdidx-faq__title {
        max-width: 650px;
      }

      .usdidx-faq__summary-card {
        width: 100%;
        max-width: none;
      }

      .usdidx-faq__layout {
        grid-template-columns: 1fr;
      }

      .usdidx-faq__side {
        position: static;
        padding: 0;
      }

      .usdidx-faq__side p {
        max-width: 620px;
      }

      .usdidx-faq__side-points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px;
      }
    }

    @media (max-width: 560px) {
      .usdidx-faq {
        padding: 42px 13px 48px;
      }

      .usdidx-faq::before {
        top: -180px;
        right: -260px;
      }

      .usdidx-faq__intro {
        margin-bottom: 32px;
      }

      .usdidx-faq__badge {
        margin-bottom: 16px;
        padding: 7px 12px;
        font-size: 11px;
      }

      .usdidx-faq__title {
        font-size: 34px;
        line-height: 1.18;
      }

      .usdidx-faq__description {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.8;
      }

      .usdidx-faq__summary-card {
        padding: 20px;
        border-radius: 20px;
      }

      .usdidx-faq__summary-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .usdidx-faq__stat strong {
        font-size: 14px;
      }

      .usdidx-faq__side h3 {
        font-size: 20px;
      }

      .usdidx-faq__side-points {
        grid-template-columns: 1fr;
      }

      .usdidx-faq__list {
        gap: 10px;
      }

      .usdidx-faq__item {
        border-radius: 13px;
      }

      .usdidx-faq__trigger {
        grid-template-columns: 34px minmax(0, 1fr) 30px;
        gap: 11px;
        min-height: 68px;
        padding: 14px 13px;
      }

      .usdidx-faq__number {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 10px;
      }

      .usdidx-faq__question {
        font-size: 14px;
      }

      .usdidx-faq__toggle {
        width: 30px;
        height: 30px;
      }

      .usdidx-faq__answer,
      .usdidx-faq__news-answer {
        margin: 0 13px 14px;
      }

      .usdidx-faq__answer {
        padding: 15px;
        font-size: 13px;
      }

      .usdidx-faq__news-answer {
        padding: 0 15px;
      }

      .usdidx-faq__news-link {
        gap: 11px;
        align-items: start;
        padding: 14px 0;
      }

      .usdidx-faq__news-description,
      .usdidx-faq__news-meta time {
        display: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .usdidx-faq *,
      .usdidx-faq *::before,
      .usdidx-faq *::after {
        scroll-behavior: auto !important;
        transition: none !important;
      }
    }
    
    
    
    /* ══════════════════════════════
   FOOTER
══════════════════════════════ */
.footer{background:#0F1923;position:relative;overflow:hidden}

.ft-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ft-blob1{position:absolute;top:-180px;left:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(0,169,133,0.08) 0%,transparent 65%)}
.ft-blob2{position:absolute;bottom:-180px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(0,196,154,0.06) 0%,transparent 65%)}
.ft-blob3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(0,169,133,0.03) 0%,transparent 70%)}
.ft-topline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,169,133,0.5) 30%,rgba(0,196,154,0.5) 70%,transparent 100%)}

/* ── CTA 横幅 ── */
.ft-cta{position:relative;z-index:1;padding:72px 0}
.ft-cta-inner{max-width:1280px;margin:0 auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.ft-cta-left h2{font-size:36px;font-weight:800;color:var(--w);letter-spacing:-1.2px;line-height:1.18;margin-bottom:14px}
.ft-cta-left h2 em{font-style:normal;background:linear-gradient(135deg,var(--p),var(--pl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ft-cta-left p{font-size:16px;color:rgba(255,255,255,0.45);line-height:1.75}
.ft-cta-btns{display:flex;gap:14px;flex-shrink:0;align-items:center}
.ft-btn-primary{padding:15px 34px;background:linear-gradient(135deg,var(--p),var(--pl));border:none;border-radius:11px;color:var(--w);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:all .24s;box-shadow:0 8px 28px rgba(0,169,133,0.34);text-decoration:none}
.ft-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,169,133,0.44)}
.ft-btn-ghost{padding:15px 34px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.13);border-radius:11px;color:rgba(255,255,255,0.88);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:all .24s;text-decoration:none;backdrop-filter:blur(8px)}
.ft-btn-ghost:hover{background:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.22);transform:translateY(-2px)}

/* 分隔线 */
.ft-hr{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 64px}
.ft-hr-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08) 20%,rgba(255,255,255,0.08) 80%,transparent)}

/* ── 主体 ── */
.ft-main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:64px 64px 56px;display:grid;grid-template-columns:290px 1fr;gap:88px}

/* 品牌区 */
.ft-brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:24px}
.ft-brand-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;color:var(--w);box-shadow:0 8px 24px rgba(0,169,133,0.36);flex-shrink:0}
.ft-brand-name{font-size:23px;font-weight:800;color:var(--w);letter-spacing:-.4px}
.ft-brand-name em{color:var(--p);font-style:normal}
.ft-brand-desc{font-size:14.5px;color:rgba(255,255,255,0.38);line-height:1.85;margin-bottom:32px}

/* 联系方式 */
.ft-contacts{display:flex;flex-direction:column;gap:13px}
.ft-contact-row{display:flex;align-items:flex-start;gap:12px;text-decoration:none;transition:all .18s}
.ft-contact-row:hover .ft-contact-val{color:var(--pl)}
.ft-contact-ico{width:34px;height:34px;border-radius:9px;background:rgba(0,169,133,0.12);border:1px solid rgba(0,169,133,0.18);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--p);flex-shrink:0;transition:all .18s}
.ft-contact-row:hover .ft-contact-ico{background:rgba(0,169,133,0.22);border-color:rgba(0,169,133,0.36)}
.ft-contact-body{display:flex;flex-direction:column;padding-top:4px}
.ft-contact-lbl{font-size:11px;color:rgba(255,255,255,0.22);letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}
.ft-contact-val{font-size:14px;color:rgba(255,255,255,0.44);line-height:1.5;transition:color .18s}

/* 链接列区 */
.ft-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:0 28px}
.ft-col{}
.ft-col-title{font-size:16px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;gap:7px}
.ft-col-title i{font-size:11px;color:var(--p)}
.ft-col-gap{height:28px}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.ft-col ul li a{font-size:14px;color:rgba(255,255,255,0.38);text-decoration:none;transition:all .18s;display:flex;align-items:center;padding:6px 0;line-height:1.5;position:relative}
.ft-col ul li a::before{content:'';display:inline-block;width:0;height:1px;background:var(--p);margin-right:0;transition:all .2s;vertical-align:middle}
.ft-col ul li a:hover{color:rgba(255,255,255,0.82);padding-left:10px}
.ft-col ul li a:hover::before{width:6px;margin-right:6px}

/* 底栏 */
.ft-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,0.06)}
.ft-bottom-inner{max-width:1280px;margin:0 auto;padding:22px 64px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ft-copy{font-size:13px;color:rgba(255,255,255,0.24);line-height:1.7}
.ft-copy a{color:rgba(255,255,255,0.3);text-decoration:none;transition:color .18s}
.ft-copy a:hover{color:var(--pl)}
.ft-icp-row{display:flex;align-items:center;gap:16px;margin-top:5px;flex-wrap:wrap}
.ft-icp-row span{font-size:12px;color:rgba(255,255,255,0.18)}
.ft-policies{display:flex;align-items:center;flex-wrap:wrap}
.ft-policies a{font-size:13px;color:rgba(255,255,255,0.26);text-decoration:none;transition:color .18s;padding:0 14px;border-right:1px solid rgba(255,255,255,0.1)}
.ft-policies a:first-child{padding-left:0}
.ft-policies a:last-child{border-right:none}
.ft-policies a:hover{color:var(--pl)}
.ft-lang-switcher{display:flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:8px;color:rgba(255,255,255,0.38);font-size:13px;cursor:pointer;transition:all .2s;margin-left:16px;white-space:nowrap}
.ft-lang-switcher:hover{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.65)}
.ft-lang-switcher i{font-size:12px}
.ft-bottom-right{display:flex;align-items:center;flex-wrap:wrap;gap:4px}

/* 回顶按钮 */
.ft-back-top{position:fixed;bottom:32px;right:32px;width:46px;height:46px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:16px;cursor:pointer;box-shadow:0 6px 22px rgba(0,169,133,0.38);opacity:0;visibility:hidden;transition:all .28s;z-index:9999;border:none}
.ft-back-top.show{opacity:1;visibility:visible}
.ft-back-top:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,169,133,0.46)}

/* 响应式 */
@media(max-width:1100px){
  .ft-main{grid-template-columns:1fr;gap:48px}
  .ft-cols{grid-template-columns:repeat(3,1fr);gap:32px}
  .ft-cta-inner{flex-direction:column;text-align:center;padding:0 32px}
  .ft-cta-btns{justify-content:center}
  .ft-main,.ft-hr,.ft-bottom-inner{padding-left:32px;padding-right:32px}
}
@media(max-width:720px){
  .ft-cols{grid-template-columns:repeat(2,1fr)}
  .ft-cta-left h2{font-size:26px}
  .ft-cta-btns{flex-direction:column;width:100%}
  .ft-btn-primary,.ft-btn-ghost{justify-content:center;width:100%}
  .ft-bottom-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .ft-back-top{bottom:20px;right:20px}
}