/**
 * 仅针对视口宽度 &lt; 992px 的样式；桌面端由 HTML 现有类名与 common / tailwind 负责。
 * 桌面端相关元素默认隐藏（.adap-mobile-only / 抽屉），仅在下列媒体查询中启用。
 */

.adap-mobile-only,
.adap-mobile-nav-drawer {
  display: none !important;
}

@media (max-width: 991.98px) {
  .adap-mobile-only.adap-mobile-only--flex {
    display: flex !important;
  }

  .adap-mobile-only.adap-mobile-only--inline-flex {
    display: inline-flex !important;
  }

  .adap-mobile-only:not(.adap-mobile-only--flex):not(.adap-mobile-only--inline-flex) {
    display: block !important;
  }

  .adap-desktop-nav {
    display: none !important;
  }

  .adap-desktop-hero {
    display: none !important;
  }

  .adap-mobile-nav-drawer {
    display: block !important;
  }

  body.min-w-content {
    min-width: 0 !important;
  }

  /**
   * 右上角浅色 1/4 圆装饰：缩小裁切区与圆直径（保持 1:2），使圆弧少探出一些。
   * 桌面端仍为 HTML 中的 192px / 384px。
   */
  .adap-page-top-corner-blob {
    width: 132px !important;
    height: 132px !important;
  }

  .adap-page-top-corner-blob > span {
    width: 264px !important;
    height: 264px !important;
  }

  body.adap-mobile-nav-open {
    overflow: hidden;
  }

  /** 菜单全屏展开时，顶栏留在最上层以便同一按钮保持可点并完成汉堡→X 动画 */
  body.adap-mobile-nav-open header.shadow-header {
    z-index: 1002 !important;
  }

  /* 顶栏 promo：设计稿 32px 高、10px 字重 Medium 白字 */
  header .bg-blue-primary {
    min-height: 32px;
  }

  header .bg-blue-primary .flex-grow.flex.flex-row {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px 16px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    line-height: 1.3;
    font-size: 10px !important;
    font-weight: 500;
  }

  header .bg-blue-primary a.ml-6 {
    margin-left: 0 !important;
    font-size: 10px !important;
    font-weight: 500;
    gap: 4px;
  }

  header .bg-blue-primary a.ml-6 svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* 主导航白底：设计稿 48px 区域、左右 16px、底部分割阴影 */
  header > div.h-\[72px\] {
    height: auto !important;
    min-height: 48px;
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    align-items: center !important;
  }

  header > div.h-\[72px\] > div.flex-grow {
    min-height: 0;
  }

  header .header-logo {
    padding: 0 !important;
  }

  header .header-logo img.w-9 {
    width: 32px !important;
    height: 32px !important;
  }

  header .header-title .text-xl {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
  }

  header .header-title .text-sm {
    font-size: 10px !important;
    line-height: 1.2 !important;
    color: #333 !important;
  }

  header .header-title {
    margin-left: 8px !important;
  }

  /* 主内容宽度 */
  main .w-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }

  main section.w-content.pt-\[86px\] {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
  }

  /* 首页 Hero：设计稿左对齐 20px 内边距、主标题 30px / 37.5px 行高 */
  main section.w-content.pt-\[86px\] > h1.flex {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    line-height: 1.25 !important;
    font-size: 30px !important;
    text-align: left;
    width: 100%;
    gap: 0;
  }

  main section.w-content.pt-\[86px\] > h1 .adap-mobile-hero-title {
    font-size: 30px !important;
    line-height: 37.5px !important;
    font-weight: 600;
    text-align: left;
    width: 100%;
  }

  main section.w-content.pt-\[86px\] > h1 .adap-mobile-hero-title .text-gray-main {
    color: #333 !important;
  }

  main section.w-content.pt-\[86px\] > h1 .adap-mobile-hero-title .text-blue-primary {
    color: #376eff !important;
  }

  main section.w-content.pt-\[86px\] > p.text-gray-secondary {
    align-items: flex-start !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    line-height: normal !important;
    text-align: left;
    color: #666 !important;
  }

  main section.w-content.pt-\[86px\] > p.text-gray-secondary span {
    display: block;
  }

  /* Hero CTA：宽度上限 327px，整块在内容区水平居中 */
  main section.w-content.pt-\[86px\] .flex.flex-row.justify-center {
    justify-content: center !important;
    width: 100%;
  }

  main section.w-content.pt-\[86px\] .flex.flex-row.justify-center:not(.adap-price-mobile-carousel-shell) a {
    width: 100%;
    max-width: 327px;
  }

  /* 排除价格页轮播外壳，避免 Hero CTA 的 64px 胶囊圆角误伤定价卡片内按钮 */
  main section.w-content.pt-\[86px\] .flex.flex-row.justify-center:not(.adap-price-mobile-carousel-shell) a button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 327px;
    min-height: 0;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    border-radius: 64px !important;
    border: none;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    box-sizing: border-box;
    background: linear-gradient(90deg, #155dfc 0%, #376eff 100%) !important;
    box-shadow: 0 17.647px 35.294px rgba(55, 110, 255, 0.3);
  }

  main section.w-content.pt-\[86px\] .adap-mobile-cta-inner {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0;
    font-size: 12px !important;
    line-height: normal !important;
  }

  /* 设计稿主按钮仅文案，隐藏移动端 CTA 内箭头 */
  main section.w-content.pt-\[86px\] .adap-mobile-cta-inner svg {
    display: none !important;
  }

  /* 理念标题区块 */
  main section.w-content.py-8.px-\[120px\] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 24px !important;
    padding-bottom: 16px !important;
  }

  main section.w-content.py-8 > h2.text-\[32px\] {
    font-size: 24px !important;
    line-height: normal !important;
    padding-top: 0 !important;
    padding-bottom: 24px !important;
    text-align: left;
    font-weight: 600;
    color: #333 !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  main section.w-content.py-8 > h2.text-\[32px\] > span {
    text-align: left;
  }

  /* 功能卡片网格 → 单列，顺序对齐设计稿；卡片间距 24px */
  main section.w-content.py-8 ul.grid.grid-cols-3 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    grid-template-columns: none !important;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li:nth-child(1) {
    order: 1;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li:nth-child(2) {
    order: 2;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li:nth-child(3) {
    order: 3;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li:nth-child(4) {
    order: 6;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li:nth-child(5) {
    order: 4;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li:nth-child(6) {
    order: 5;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li {
    height: auto !important;
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 12px !important;
    box-sizing: border-box;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li > p.text-xl {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 24px !important;
    gap: 12px;
    font-weight: 700;
    color: #333 !important;
  }

  /* 设计稿标题左侧竖条：8×32、圆角胶囊 */
  main section.w-content.py-8 ul.grid.grid-cols-3 > li .rounded-full.mr-3 {
    margin-right: 0 !important;
    width: 8px !important;
    min-height: 32px;
    height: 32px !important;
    border-radius: 9999px !important;
    flex-shrink: 0;
    background-color: #376eff !important;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li .flex.flex-row.items-stretch.mb-3 .text-sm {
    font-size: 14px !important;
    color: #333 !important;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li .flex.flex-row.items-stretch.mb-3 .text-xs {
    font-size: 12px !important;
    color: #666 !important;
  }

  main section.w-content.py-8 ul.grid.grid-cols-3 > li .flex.flex-row.items-stretch.mb-3 .text-xs .text-gray-secondary {
    color: #666 !important;
  }

  /* 「更多强大功能」+ 四宫格 */
  main section.w-full .w-content.py-8.px-\[120px\] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  main section.w-full .flex.flex-row.justify-center.py-6 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* 「更多强大功能」：设计稿 #333、大圆角胶囊、16px 白字、星标 24px */
  main section.w-full button.bg-gray-main {
    width: auto;
    max-width: none;
    min-height: 0;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 164px !important;
    background-color: #333 !important;
    border: none;
  }

  main section.w-full button.bg-gray-main .w-8 {
    width: 24px !important;
    height: 24px !important;
    margin-right: 0 !important;
  }

  main section.w-full button.bg-gray-main .w-8 svg {
    width: 24px !important;
    height: 24px !important;
  }

  main section.w-full ul.grid.grid-cols-4 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    grid-template-columns: none !important;
    width: 100%;
    max-width: 282.5px;
    margin-left: auto;
    margin-right: auto;
  }

  main section.w-full ul.grid.grid-cols-4 > li {
    height: auto !important;
    min-height: 146px !important;
    padding: 23px !important;
    box-sizing: border-box;
    border-radius: 12px !important;
    background: #fff !important;
  }

  main section.w-full ul.grid.grid-cols-4 > li > p.flex.flex-row {
    margin-bottom: 0 !important;
    align-items: center;
  }

  main section.w-full ul.grid.grid-cols-4 > li .w-12 {
    width: 48px !important;
    height: 48px !important;
    margin-right: 12px !important;
    border-radius: 16px !important;
  }

  main section.w-full ul.grid.grid-cols-4 > li .text-black-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #060b1a !important;
  }

  main section.w-full ul.grid.grid-cols-4 > li > p.text-gray-main {
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: normal !important;
    color: #333 !important;
  }

  /* 价格页：需高于首页 Hero 的 section > h2.flex，否则标题仍左对齐 */
  main section.w-content.pt-\[86px\] > h2.text-5xl {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    padding-top: 0 !important;
  }

  main .w-content.pt-\[86px\] > p.text-gray-secondary.text-lg {
    margin-top: 16px !important;
    margin-bottom: 32px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center;
  }

  main .w-content.pt-\[86px\] > p.text-gray-secondary.text-lg span {
    display: block;
  }

  /** 价格页副文案：高于 Hero 的 p.text-gray-secondary，与标题同宽居中 */
  main section.w-content.pt-\[86px\] > p.adap-mobile-only.text-gray-secondary {
    align-items: center !important;
    text-align: center !important;
  }

  main .w-content.pt-\[86px\] .flex.flex-row.justify-center ul.grid.grid-cols-3 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    grid-template-columns: none !important;
  }

  main .service-version-item {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 48px !important;
    padding-bottom: 40px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  main .service-version-item .text-\[40px\] {
    font-size: 28px !important;
    margin-bottom: 24px !important;
  }

  main .service-version-item .flex-grow .text-xl {
    font-size: 16px !important;
    margin-bottom: 24px !important;
  }

  main .service-version-item .flex-grow .mb-\[103px\] {
    margin-bottom: 24px !important;
  }

  .adap-price-mobile-carousel-shell {
    --adap-price-carousel-layout-scale: 1.1;
    /*
     * 视口满宽 + full-bleed（冲破 w-content padding）。
     * 仅写 width:100vw 时部分环境下会被压成父级内容宽，需同时 min-width:100vw。
     */
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
  }

  .adap-price-mobile-carousel {
    --adap-price-carousel-height: calc(356px * var(--adap-price-carousel-layout-scale));
    --adap-price-carousel-shadow-inset-bottom: calc(
      40px * var(--adap-price-carousel-layout-scale)
    );
    --adap-price-carousel-track-width: calc(704px * var(--adap-price-carousel-layout-scale));
    --adap-price-slide-side-width: calc(209px * var(--adap-price-carousel-layout-scale));
    --adap-price-slide-side-height: calc(246px * var(--adap-price-carousel-layout-scale));
    --adap-price-slide-active-width: calc(262px * var(--adap-price-carousel-layout-scale));
    --adap-price-slide-active-height: calc(320px * var(--adap-price-carousel-layout-scale));
    --adap-price-slide-side-opacity: 0.5;
    --adap-price-carousel-gap: calc(12px * var(--adap-price-carousel-layout-scale));
    /* 副卡与主卡同盒尺寸，用 scale 从中心缩小；切换时仅过渡 left + transform，避免 height/top 与内部绝对定位错位 */
    --adap-price-slide-side-scale-x: calc(
      var(--adap-price-slide-side-width) / var(--adap-price-slide-active-width)
    );
    --adap-price-slide-side-scale-y: calc(
      var(--adap-price-slide-side-height) / var(--adap-price-slide-active-height)
    );
    --adap-price-slide-prev-left: calc(
      var(--adap-price-slide-side-width) / 2 - var(--adap-price-slide-active-width) / 2
    );
    --adap-price-slide-active-left: calc(
      var(--adap-price-carousel-track-width) / 2 - var(--adap-price-slide-active-width) / 2
    );
    --adap-price-slide-next-left: calc(
      var(--adap-price-slide-side-width) + var(--adap-price-carousel-gap) + var(
          --adap-price-slide-active-width
        ) + var(--adap-price-carousel-gap) + var(--adap-price-slide-side-width) / 2 - var(
          --adap-price-slide-active-width
        ) / 2
    );
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: calc(var(--adap-price-carousel-height) + var(--adap-price-carousel-shadow-inset-bottom));
    margin: 0 auto;
    padding: 0;
    padding-bottom: var(--adap-price-carousel-shadow-inset-bottom);
    touch-action: pan-y;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  /* 避免点击后整卡片蒙层与焦点轮廓常驻；键盘 Tab 仍可通过 :focus-visible 看到聚焦环 */
  .adap-price-mobile-carousel [data-adap-price-slide]:focus {
    outline: none;
  }

  /* 键盘聚焦环仅主卡需要，避免副卡在可达性焦点下出现与主卡相似的描边 */
  .adap-price-mobile-carousel
    [data-adap-price-slide][data-adap-price-slide-position="active"]:focus-visible {
    outline: calc(2px * var(--adap-price-carousel-layout-scale)) solid #376eff;
    outline-offset: calc(2px * var(--adap-price-carousel-layout-scale));
  }

  main .adap-price-mobile-carousel .adap-price-carousel-track.grid.grid-cols-3 {
    position: relative !important;
    left: 50%;
    width: var(--adap-price-carousel-track-width) !important;
    max-width: none !important;
    height: var(--adap-price-carousel-height);
    margin: 0;
    display: block !important;
    gap: 0 !important;
    transform: translateX(-50%);
  }

  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item {
    position: absolute;
    top: calc((var(--adap-price-carousel-height) - var(--adap-price-slide-active-height)) / 2);
    width: var(--adap-price-slide-active-width);
    max-width: var(--adap-price-slide-active-width);
    min-height: var(--adap-price-slide-active-height) !important;
    height: var(--adap-price-slide-active-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: calc(8px * var(--adap-price-carousel-layout-scale)) !important;
    /* overflow:visible：同一元素上的 box-shadow 不会被裁切；背景仍按 border-radius 绘制 */
    overflow: visible;
    transform-origin: center center;
    transition:
      left 380ms cubic-bezier(0.11, 1, 0.36, 1),
      opacity 380ms cubic-bezier(0.11, 1, 0.36, 1),
      transform 380ms cubic-bezier(0.11, 1, 0.36, 1),
      box-shadow 380ms cubic-bezier(0.11, 1, 0.36, 1),
      border-color 380ms cubic-bezier(0.11, 1, 0.36, 1);
    will-change: left, transform;
    cursor: pointer;
  }

  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item[data-adap-price-slide-position="active"] {
    left: var(--adap-price-slide-active-left);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    z-index: 3;
    border-color: #7ea0ff !important;
    box-shadow: 0 calc(19.466px * var(--adap-price-carousel-layout-scale))
      calc(38.931px * var(--adap-price-carousel-layout-scale)) rgba(55, 110, 255, 0.2);
  }

  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item[data-adap-price-slide-position="prev"] {
    left: var(--adap-price-slide-prev-left);
    transform: scale3d(
      var(--adap-price-slide-side-scale-x),
      var(--adap-price-slide-side-scale-y),
      1
    );
    opacity: var(--adap-price-slide-side-opacity);
    z-index: 2;
    border-color: #e7e9ed !important;
    box-shadow: none;
  }

  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item[data-adap-price-slide-position="next"] {
    left: var(--adap-price-slide-next-left);
    transform: scale3d(
      var(--adap-price-slide-side-scale-x),
      var(--adap-price-slide-side-scale-y),
      1
    );
    opacity: var(--adap-price-slide-side-opacity);
    z-index: 2;
    border-color: #e7e9ed !important;
    box-shadow: none;
  }

  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item[data-adap-price-slide-position="hidden"] {
    left: var(--adap-price-slide-active-left);
    transform: scale3d(1, 1, 1);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
  }

  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item[data-adap-price-slide-position="prev"] a,
  .adap-price-mobile-carousel .adap-price-carousel-track > .service-version-item[data-adap-price-slide-position="next"] a {
    pointer-events: none;
  }

  .adap-price-mobile-carousel .service-version-item .text-\[40px\] {
    position: absolute;
    top: calc(71px * var(--adap-price-carousel-layout-scale));
    left: 0;
    width: 100%;
    margin: 0 !important;
    font-size: calc(24px * var(--adap-price-carousel-layout-scale)) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center;
  }

  .adap-price-mobile-carousel .service-version-item .flex-grow {
    position: absolute;
    top: calc(96px * var(--adap-price-carousel-layout-scale));
    left: 0;
    width: 100%;
    height: auto;
    display: block;
  }

  .adap-price-mobile-carousel .service-version-item .flex-grow .text-xl {
    position: static;
    margin-bottom: 0 !important;
    font-size: calc(11px * var(--adap-price-carousel-layout-scale)) !important;
    line-height: normal !important;
    text-align: center;
    color: #333 !important;
  }

  .adap-price-mobile-carousel .service-version-item .flex-grow.flex.flex-col.items-center {
    display: block;
  }

  .adap-price-mobile-carousel .service-version-item[data-adap-price-slide-index="0"] .flex-grow {
    top: calc(148px * var(--adap-price-carousel-layout-scale));
  }

  .adap-price-mobile-carousel .service-version-item[data-adap-price-slide-index="1"] .flex-grow {
    top: calc(142px * var(--adap-price-carousel-layout-scale));
  }

  .adap-price-mobile-carousel .service-version-item[data-adap-price-slide-index="1"] .flex-grow .text-xl:first-child {
    margin-bottom: calc(9px * var(--adap-price-carousel-layout-scale)) !important;
  }

  .adap-price-mobile-carousel .service-version-item[data-adap-price-slide-index="2"] .flex-grow {
    top: calc(127px * var(--adap-price-carousel-layout-scale));
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .adap-price-mobile-carousel .service-version-item .w-\[137px\] {
    width: calc(118px * var(--adap-price-carousel-layout-scale)) !important;
    height: calc(118px * var(--adap-price-carousel-layout-scale)) !important;
  }

  .adap-price-mobile-carousel .service-version-item > a.w-full {
    position: absolute;
    left: 50%;
    bottom: calc(36px * var(--adap-price-carousel-layout-scale));
    width: auto;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
  }

  .adap-price-mobile-carousel .service-version-item .w-full > button {
    width: calc(188px * var(--adap-price-carousel-layout-scale)) !important;
    max-width: none;
    height: calc(36px * var(--adap-price-carousel-layout-scale));
    min-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: calc(16px * var(--adap-price-carousel-layout-scale)) !important;
    padding-right: calc(16px * var(--adap-price-carousel-layout-scale)) !important;
    border-radius: calc(5.333px * var(--adap-price-carousel-layout-scale)) !important;
    font-size: calc(10px * var(--adap-price-carousel-layout-scale)) !important;
    line-height: 1 !important;
    border: none !important;
    box-shadow: none;
  }

  .adap-price-mobile-carousel .service-version-item[data-adap-price-slide-position="active"] .w-full > button {
    width: calc(211px * var(--adap-price-carousel-layout-scale)) !important;
    color: #fff !important;
    background: #376eff !important;
    box-shadow: 0 calc(6.667px * var(--adap-price-carousel-layout-scale))
      calc(13.333px * var(--adap-price-carousel-layout-scale)) rgba(55, 110, 255, 0.3);
  }

  /* 副卡整卡有 opacity，白字+主色底避免文字融进浅蓝背景 */
  .adap-price-mobile-carousel .service-version-item:not([data-adap-price-slide-position="active"]) .w-full > button {
    width: calc(188px * var(--adap-price-carousel-layout-scale)) !important;
    color: #fff !important;
    background: #376eff !important;
    box-shadow: none;
  }

  .adap-price-mobile-carousel .service-version-item .w-full > button .mr-2 {
    margin-right: calc(4px * var(--adap-price-carousel-layout-scale)) !important;
  }

  .adap-price-mobile-carousel .service-version-item .w-full > button .w-4,
  .adap-price-mobile-carousel .service-version-item .w-full > button svg {
    width: calc(12px * var(--adap-price-carousel-layout-scale)) !important;
    height: calc(12px * var(--adap-price-carousel-layout-scale)) !important;
  }

  /* 页脚：设计稿渐变与约 212px 内容区 */
  footer.h-\[245px\] {
    height: auto !important;
    min-height: 212px;
    padding: 24px 20px 32px !important;
    text-align: center;
    box-sizing: border-box;
    background: linear-gradient(180deg, #0f172b 0%, #020618 100%) !important;
    border-top: 0.939px solid #1d293d;
  }

  footer p {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  footer .text-gray-content {
    display: inline;
  }

  /* 文档弹窗 */
  #navDialog .absolute.rounded-lg {
    width: min(92vw, 400px) !important;
    max-height: 85vh !important;
    height: auto !important;
    overflow-y: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* —— 自导航栏下侧展开的移动端抽屉 —— */
  .adap-mobile-nav-drawer {
    position: fixed;
    /* 顶栏：32px 蓝条 + 48px 白底导航（与上方 header 规则一致） */
    --adap-mobile-nav-offset-top: calc(32px + 48px);
    top: var(--adap-mobile-nav-offset-top);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s linear 0.42s;
  }

  .adap-mobile-nav-drawer.is-open {
    pointer-events: auto;
    visibility: visible;
    transition: visibility 0s linear 0s;
  }

  .adap-mobile-nav-drawer__panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    clip-path: inset(0 0 100% 0);
    opacity: 0;
    transition:
      clip-path 0.4s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.22s ease;
    padding-top: calc(28px + env(safe-area-inset-top, 0px));
    padding-right: max(24px, env(safe-area-inset-right, 0px));
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
    padding-left: max(24px, env(safe-area-inset-left, 0px));
  }

  .adap-mobile-nav-drawer.is-open .adap-mobile-nav-drawer__panel {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }

  .adap-mobile-nav-drawer__links {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .adap-mobile-nav-drawer__links li {
    margin: 0;
    padding: 0;
  }

  .adap-mobile-nav-drawer__links a {
    display: block;
    font-size: 18px;
    line-height: 31px;
    color: #060b1a;
    text-decoration: none;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
  }

  .adap-mobile-nav-drawer__links a:active {
    color: #376eff;
  }

  /*
   * 汉堡按钮：三条横线在视口内重叠旋转为 X；中间线淡出。
   * 与 body.adap-mobile-nav-open 联动，位置不变，仅形变。
   */
  .adap-mobile-nav-toggle {
    position: relative;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-left: auto;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #333;
  }

  .adap-mobile-nav-toggle__line {
    position: absolute;
    left: 6px;
    right: 6px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    transform-origin: center;
    transition:
      transform 0.42s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.28s ease,
      top 0.42s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .adap-mobile-nav-toggle__line--top {
    top: 11px;
  }

  .adap-mobile-nav-toggle__line--mid {
    top: 15px;
    transition:
      transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.22s ease 0.04s;
  }

  .adap-mobile-nav-toggle__line--bot {
    top: 19px;
  }

  body.adap-mobile-nav-open .adap-mobile-nav-toggle__line--top {
    top: 15px;
    transform: rotate(45deg);
  }

  body.adap-mobile-nav-open .adap-mobile-nav-toggle__line--mid {
    opacity: 0;
    transform: scaleX(0.15);
  }

  body.adap-mobile-nav-open .adap-mobile-nav-toggle__line--bot {
    top: 15px;
    transform: rotate(-45deg);
  }

  .adap-price-lead-desktop {
    display: none !important;
  }
}
