/* OPPO/老内核浏览器 viewport 兜底 */
    @-ms-viewport {
      width: device-width;
    }

    @-o-viewport {
      width: device-width;
    }

    @viewport {
      width: device-width;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box
    }

    /* 移动端触摸高亮（tap highlight）统一去除：WebKit/Blink 对链接/按钮/label/带 onclick
       的元素在手指按下时画半透明灰框，各家浏览器默认策略不同（iOS 最明显、桌面无）。
       站点按钮均有自定义 active/hover 反馈，无需浏览器默认高亮。 */
    a,
    button,
    label,
    input,
    textarea,
    select,
    [onclick] {
      -webkit-tap-highlight-color: transparent;
    }

    html {
      scroll-behavior: smooth
    }

    /* 锚点跳转预留 sticky 导航高度，否则 section 标题顶部被导航盖住 */
    #features,
    #scenes,
    #voices {
      scroll-margin-top: 96px
    }

    html,
    body {
      width: 100%;
      overflow-x: clip;
      /* clip 不建滚动容器，position:sticky 才能生效（hidden 会把 body 变滚动容器导致导航随页滚走） */
    }

    body {
      background: #07060c;
      color: #eceaf5;
      font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
    }

    a {
      color: #b6a8e6;
      text-decoration: none;
      transition: color .2s ease
    }

    a:hover {
      color: #d6cbff
    }

    ::selection {
      background: rgba(140, 122, 220, .35)
    }

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(26px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes floatY {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-12px)
      }
    }

    @keyframes glowPulse {

      0%,
      100% {
        opacity: .5
      }

      50% {
        opacity: .9
      }
    }

    @keyframes sweep {
      0% {
        background-position: 0% 50%
      }

      100% {
        background-position: 200% 50%
      }
    }

    @keyframes drawerIn {
      from {
        transform: translateX(100%)
      }

      to {
        transform: translateX(0)
      }
    }

    /* mobile-only chrome hidden on desktop */
    .nav-burger {
      display: none;
    }

    .mobile-bar {
      display: none;
    }

    .drawer-scrim {
      display: none;
    }

    /* ===== 交互态（源稿 dc-runtime 条件渲染/style-hover 的等价静态实现）===== */
    .drawer-scrim.open {
      display: block;
    }

    .modal-scrim {
      display: none;
    }

    .modal-scrim.open {
      display: flex;
    }

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

    .feat-card.hov-violet:hover {
      border-color: rgba(154, 139, 216, .4);
    }

    .feat-card.hov-gold:hover {
      border-color: rgba(210, 180, 120, .4);
    }

    .feat-card.hov-green:hover {
      border-color: rgba(120, 200, 160, .4);
    }

    #agreeBox .tick {
      display: none;
    }

    #agreeBox.on .tick {
      display: flex;
    }

    #getCodeBtn:disabled {
      color: #8f8ca3;
      cursor: default;
    }

    /* Chrome/Safari 自动填充会强制把输入框刷成白底，在深色弹窗上很突兀且文字看不清。
       浏览器不允许直接改 autofill 背景色，惯例做法是用巨大内阴影覆盖底色 + 强制文字色。
       #262138 ≈ 字段容器 rgba(255,255,255,.05) 叠在弹窗深色渐变上的实际呈色 */
    .modal-field input:-webkit-autofill,
    .modal-field input:-webkit-autofill:hover,
    .modal-field input:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0 1000px #262138 inset;
      -webkit-text-fill-color: #eceaf5;
      caret-color: #eceaf5;
    }

    #authErr {
      display: none;
    }

    #authErr.show {
      display: block;
    }

    /* ===== 登录态切换（v1.1）：body.is-logged-in 驱动，各区块保留其自然 display ===== */
    .acct-logged-in {
      display: none !important;
    }

    body.is-logged-in .acct-logged-out {
      display: none !important;
    }

    body.is-logged-in .nav-cta-desktop>.acct-logged-in {
      display: flex !important;
    }

    body.is-logged-in .hero-cta>.acct-logged-in {
      display: inline-flex !important;
    }

    body.is-logged-in .drawer-panel .acct-logged-in {
      display: block !important;
    }

    body.is-logged-in .mobile-bar-main-login {
      display: none !important;
    }

    body.is-logged-in .mobile-bar-main-download {
      display: flex !important;
    }

    #userMenu.open {
      display: block !important;
    }

    /* ===== v1.5：首屏优惠券横幅（视频播至 80% 触发；位于导航/登录模块之下、首屏内容与视频之上，
       展开时其余内容整体下移）=====
       桌面横幅高约 104px（比 72~84px 版更大），右侧「立即体验」按钮同步放大至 56px；
       券 9.9 元 / 2 天体验，原价划线 + 立省金额强化占便宜感；
       领取后长期有效（无截止时间）；本次会话只自动弹一次，手动关闭后不再弹。 */
    .coupon-top {
      position: relative;
      z-index: 2;
      max-height: 0;
      overflow: hidden;
      background: linear-gradient(135deg, rgba(255, 196, 92, .16), rgba(154, 139, 216, .14));
      border-bottom: 1px solid transparent; /* 收起时无黄线；展开时淡入 */
      transition: max-height .55s ease, border-color .3s ease;
    }

    .coupon-top.open {
      max-height: 124px;
      border-bottom-color: rgba(255, 196, 92, .35);
    }

    .coupon-top-inner {
      display: flex;
      align-items: center;
      gap: 24px;
      max-width: 1360px;
      margin: 0 auto;
      padding: 24px 88px 24px 60px;
      opacity: 0;
      transform: translateY(-14px);
      transition: opacity .4s ease .12s, transform .4s ease .12s;
    }

    .coupon-top.open .coupon-top-inner {
      opacity: 1;
      transform: none;
    }

    .coupon-x {
      position: absolute;
      top: 38px;
      right: 20px;
      width: 30px;
      height: 30px;
      border: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, .08);
      color: #8f8ca3;
      font-size: 17px;
      line-height: 1;
      cursor: pointer;
    }

    .coupon-t-ic {
      font-size: 42px;
      line-height: 1;
      flex: none;
    }

    .coupon-t-main {
      flex: 1;
      min-width: 0;
    }

    .coupon-t-line {
      display: flex;
      align-items: baseline;
      gap: 18px;
      flex-wrap: wrap;
    }

    .coupon-t-title {
      font-size: 18px;
      font-weight: 700;
      color: #e8d9b8;
      letter-spacing: .5px;
    }

    .coupon-m-price {
      display: flex;
      align-items: baseline;
      gap: 12px;
      flex-wrap: wrap;
    }

    .coupon-now {
      font-size: 34px;
      font-weight: 900;
      line-height: 1;
      color: #ffd27a;
    }

    .coupon-now i {
      font-style: normal;
      font-size: 15px;
      font-weight: 600;
    }

    .coupon-orig {
      font-size: 15px;
      color: #9a97ad;
      text-decoration: line-through;
      font-weight: 300;
    }

    .coupon-save {
      font-size: 14px;
      font-weight: 700;
      color: #ffd27a;
      background: rgba(255, 190, 90, .14);
      border: 1px solid rgba(255, 190, 90, .3);
      padding: 3px 12px;
      border-radius: 8px;
      white-space: nowrap;
    }

    .coupon-t-act {
      display: flex;
      align-items: center;
      gap: 16px;
      flex: none;
    }

    .coupon-t-note {
      font-size: 13px;
      color: #b8a678;
      white-space: nowrap;
      letter-spacing: .3px;
    }

    .coupon-btn {
      height: 56px;
      padding: 0 42px;
      border: none;
      border-radius: 999px;
      font-size: 17px;
      font-weight: 800;
      color: #1a1206;
      background: linear-gradient(140deg, #ffd27a, #f0a14a);
      box-shadow: 0 12px 30px rgba(240, 161, 74, .42);
      cursor: pointer;
      font-family: inherit;
      white-space: nowrap;
    }

    .coupon-btn:disabled {
      background: rgba(255, 255, 255, .12);
      color: #c7c4d6;
      box-shadow: none;
      cursor: default;
    }


    /* 平板 ≤1024：文案可换行，横幅自动放高 */
    @media (max-width:1024px) {
      .coupon-top.open {
        max-height: 160px;
      }

      .coupon-top-inner {
        padding: 18px 76px 18px 40px;
      }

      .coupon-btn {
        height: 52px;
        padding: 0 34px;
      }
    }

    /* ===== 移动端 H5：轻薄悬浮通栏 Banner（窄高度，深色科技黑紫渐变，紧凑单/双行）===== */
    @media (max-width:560px), screen and (max-device-width:768px) {
      .coupon-top {
        background: linear-gradient(135deg, #241a3d 0%, #161029 55%, #0e0a1e 100%);
        border-bottom: 1px solid rgba(255, 210, 122, .16);
      }

      .coupon-top.open {
        max-height: 96px;
      }

      .coupon-top-inner {
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
        padding: 9px 46px 9px 12px;
      }

      /* 小礼物图标缩小 */
      .coupon-t-ic {
        font-size: 20px;
        flex: none;
      }

      .coupon-t-main {
        flex: 1;
        min-width: 0;
      }

      /* 文案与价格竖排两行，不截断 */
      .coupon-t-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
      }

      .coupon-t-title {
        font-size: 14px;
        line-height: 1.35;
        white-space: normal;
      }

      .coupon-m-price {
        gap: 6px;
      }

      .coupon-now {
        font-size: 19px;
      }

      .coupon-now i {
        font-size: 11px;
      }

      .coupon-orig {
        font-size: 11px;
      }

      .coupon-save {
        font-size: 10px;
        padding: 1px 6px;
        border-radius: 5px;
      }

      /* 右侧：黄色圆角主按钮 + 辅助小字 */
      .coupon-t-act {
        flex-direction: column;
        align-items: center;
        gap: 2px;
        flex: none;
      }

      .coupon-btn {
        height: 34px;
        padding: 0 16px;
        font-size: 14px;
        box-shadow: 0 4px 14px rgba(240, 161, 74, .35);
      }

      .coupon-t-note {
        font-size: 10px !important;
        letter-spacing: .2px;
      }

      /* 最右上角关闭叉号：放大图标 + 40px 点击热区 */
      .coupon-x {
        top: 2px;
        right: 2px;
        width: 40px;
        height: 40px;
        font-size: 17px;
        color: rgba(255, 255, 255, .55);
        background: rgba(255, 255, 255, .04);
      }
    }

    /* ===== v1.5：右下角悬浮「领取 9.9元 体验券」按钮（已领取用户点击提示前往我的卡券）===== */
    @keyframes fabIn {
      from { opacity: 0; transform: translateY(16px) }
      to { opacity: 1; transform: translateY(0) }
    }

    .fab-coupon {
      position: fixed;
      right: 32px;
      bottom: 32px;
      z-index: 72;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 13px 22px;
      border-radius: 999px;
      font-size: 14.5px;
      font-weight: 800;
      color: #1a1206;
      background: linear-gradient(140deg, #ffd27a, #f0a14a);
      box-shadow: 0 12px 30px rgba(240, 161, 74, .45), 0 0 0 4px rgba(255, 210, 122, .12);
      transition: transform .25s ease, box-shadow .25s ease;
      animation: fabIn .45s ease;
    }

    .fab-coupon:hover {
      color: #1a1206;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(240, 161, 74, .55), 0 0 0 4px rgba(255, 210, 122, .18);
    }

    /* 移动端：抬到底部操作条上方 */
    @media (max-width:768px) {
      .fab-coupon {
        right: 16px;
        bottom: calc(88px + env(safe-area-inset-bottom));
        padding: 12px 18px;
        font-size: 13.5px;
      }
    }

    /* ===== v1.8：套餐周期 Tab（月卡｜年卡｜体验版）===== */
    .period-tabs {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 22px;
      flex-wrap: wrap;
    }

    .period-tab {
      border: 1px solid rgba(255, 255, 255, .12);
      background: rgba(255, 255, 255, .03);
      color: #c7c4d6;
      border-radius: 999px;
      padding: 9px 22px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      font-family: inherit;
      transition: border-color .2s ease, background .2s ease, color .2s ease;
    }

    .period-tab.active {
      border-color: var(--accent);
      background: rgba(154, 139, 216, .16);
      color: #eceaf5;
    }

    .period-tab.disabled {
      opacity: .45;
      cursor: not-allowed;
      color: #8f8ca3;
    }

    
    /* ===== v1.3：页面切换（首页 / 会员套餐 / 账号管理中心）===== */
    .page-view {
      display: none;
    }

    .page-view.active {
      display: block;
    }

    /* 导航中部：未登录锚点 ↔ 已登录页面入口 */
    .nav-links-in {
      display: none !important;
    }

    body.is-logged-in .nav-links-out {
      display: none !important;
    }

    body.is-logged-in .nav-links-in {
      display: flex !important;
    }

    /* 抽屉「产品」区：未登录锚点 ↔ 已登录页面入口 */
    .drawer-nav-in {
      display: none !important;
    }

    body.is-logged-in .drawer-nav-out {
      display: none !important;
    }

    body.is-logged-in .drawer-nav-in {
      display: flex !important;
    }

    /* 登录后：手机端底部悬浮条整条隐藏（v1.3，下载入口移至导航）*/
    body.is-logged-in .mobile-bar {
      display: none !important;
    }

    /* 页脚「账户」栏登录后整栏隐藏（v1.3）*/
    body.is-logged-in .footer-acct-col {
      display: none !important;
    }

    /* 账号中心侧栏 tab 激活态 */
    .acct-tab.active {
      color: #eceaf5 !important;
      background: rgba(154, 139, 216, .16) !important;
      border: 1px solid rgba(154, 139, 216, .3) !important;
    }

    /* 账号中心订单：手机端卡片默认隐藏，PC 表格 ≤768 隐藏 */
    .orders-m {
      display: none;
    }

    /* ===== v1.3 套餐页 / 账号中心 响应式（≤768 单栏）===== */
    @media (max-width:768px) {
      .plan-grid {
        display: flex !important;
        flex-direction: column;
      }

      /* 移动端拆卡：plan-buy 外壳透明穿流，子元素直接排进 plan-grid（桌面端不受影响） */
      .plan-buy {
        display: contents !important;
      }

      /* 套餐页收窄侧距，两张价格卡同排（原型） */
      #plans {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }

      /* 原型顺序：周期Tab → 价格卡 → 权益卡 → 支付卡；
         卡片单列纵向堆叠（通栏），月卡/年卡任意价格长度下布局一致 */
      .period-tabs {
        order: 0;
      }

      .plan-cards {
        order: 1;
        flex-direction: column !important;
        width: 100%;
        margin-bottom: 0 !important;
      }

      .plan-cards>div {
        flex: 1 1 auto !important;
        width: auto !important;
        padding: 34px 16px 18px !important;
      }

      .plan-benefits {
        order: 2;
      }

      .plan-pay-section {
        display: block !important;
        order: 3;
        /*border-radius: 22px;*/
        /*padding: 26px 24px;*/
        /*background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.015));*/
        /*border: 1px solid rgba(255,255,255,.1);*/
      }

      /* 支付方式选择框通栏（原型） */
      .pay-methods>div {
        width: 100%;
      }

      /* 结算行改竖排：金额/有效期在上，按钮通栏（原型） */
      .pay-checkout {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
        border-top: none !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
      }

      #buyBtn {
        width: 100% !important;
      }

      .acct-grid {
        grid-template-columns: 1fr !important;
      }

      /* 移动端：侧栏菜单隐藏，改由面板下方列表卡导航 */
      .acct-side-menu {
        display: none !important;
      }

      /* 可折叠面板菜单：标题栏顺序固定，点击展开本项内容，其他菜单位置不动 */
      .acct-m-nav {
        display: flex !important;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 22px;
      }

      .mnav-item {
        border-radius: 16px;
        background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
        border: 1px solid rgba(255, 255, 255, .1);
        overflow: hidden;
      }

      .mnav-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 17px 20px;
        font-size: 15.5px;
        font-weight: 600;
        color: #eceaf5;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
      }

      .mnav-arrow {
        color: #8f8ca3;
        font-size: 13px;
        display: inline-block;
        transition: transform .2s ease;
      }

      .mnav-item.open .mnav-arrow {
        transform: rotate(180deg);
        color: var(--accent);
      }

      .mnav-body {
        display: none;
        padding: 2px 14px 16px;
      }

      .mnav-item.open .mnav-body {
        display: block;
      }

      /* 手机端：独立面板隐藏（内容已并入上方折叠菜单，避免重复出现「账号信息」等卡片） */
      #panelInfo,
      #panelPlans,
      #panelCoupon {
        display: none !important;
      }

      .orders-pc {
        display: none !important;
      }

      .orders-m {
        display: flex !important;
      }
    }

    /* ===== 平板 ≤1024px ===== */
    @media (max-width:1024px) {
      .hero {
        grid-template-columns: 1fr !important;
        padding: 84px 40px 50px !important;
        gap: 44px !important;
      }

      .grid-3 {
        grid-template-columns: 1fr 1fr !important;
      }

      .footer-grid {
        grid-template-columns: 1.4fr 1fr 1fr !important;
        row-gap: 36px !important;
      }
    }

    /* ===== 手机 ≤768px ===== */
    @media (max-width:768px) {
      .site-nav {
        padding: 14px 18px !important;
      }

      .nav-links {
        display: none !important;
      }

      .nav-cta {
        gap: 10px !important;
      }

      .nav-cta a {
        padding: 9px 16px !important;
        font-size: 14px !important;
      }

      .hero {
        padding: 56px 20px 44px !important;
        gap: 36px !important;
      }

      .hero-h1 {
        font-size: 38px !important;
        margin-bottom: 20px !important;
      }

      .hero-sub {
        font-size: 16px !important;
      }

      .hero-cta {
        flex-wrap: wrap !important;
        gap: 12px !important;
      }

      .hero-cta a {
        flex: 1 1 auto !important;
        text-align: center !important;
      }

      .hero-stats {
        gap: 0 !important;
        justify-content: space-between !important;
      }

      .hero-stats>div:not([style*="width:1px"]) {
        flex: 1 !important;
      }

      section[id] {
        padding: 52px 20px !important;
      }

      .sec-head {
        margin-bottom: 36px !important;
      }

      section h2,
      .sec-head h2 {
        font-size: 27px !important;
      }

      .sec-head p {
        font-size: 15px !important;
      }

      .grid-2,
      .grid-3 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
      }

      .grid-2>div,
      .grid-3>div {
        padding: 28px 26px !important;
      }

      .cta-section {
        padding: 24px 20px 64px !important;
      }

      .cta-box {
        padding: 44px 24px !important;
        border-radius: 22px !important;
      }

      .cta-box h2 {
        font-size: 26px !important;
      }

      .cta-box p {
        font-size: 15px !important;
      }

      .cta-btns {
        flex-wrap: wrap !important;
      }

      .cta-btns a {
        flex: 1 1 auto !important;
        text-align: center !important;
      }

      .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        padding: 44px 20px 32px !important;
        gap: 32px 24px !important;
      }

      .footer-brand {
        grid-column: 1 / -1 !important;
      }

      .footer-legal-col {
        grid-column: 1 / -1 !important;
        order: 9 !important;
        border-top: 1px solid rgba(255, 255, 255, .06) !important;
        padding-top: 26px !important;
      }

      .footer-legal {
        padding: 22px 20px 24px !important;
      }

      /* 顶部汉堡 + 侧边抽屉 */
      .nav-cta-desktop {
        display: none !important;
      }

      .nav-burger {
        display: inline-flex !important;
      }

      /* 底部悬浮转化条 */
      .mobile-bar {
        display: flex !important;
      }

      .page-root {
        padding-bottom: 78px !important;
      }

      /* 弹窗：全宽底部对齐，键盘不遮挡 */
      .modal-scrim {
        align-items: flex-start !important;
        padding: 70px 12px 12px !important;
        overflow-y: auto !important;
      }

      .modal-card {
        width: 100% !important;
        max-width: 520px !important;
        padding: 30px 22px !important;
      }
    }

    /* ===== 小屏 ≤380px ===== */
    @media (max-width:380px) {
      .hero-h1 {
        font-size: 32px !important;
      }

      .hero-mock-grid {
        grid-template-columns: 1fr !important;
      }
    }

    /* ============================================================
     ≤560px：手机端层（按 易播官网-手机端.dc.html 高保真源稿）
     配色反转：--accent 紫 #9a8bd8 + --accent-soft 绿 #78c8a0；
     登录/企微弹窗改底部 sheet；工作台 mock 换手机版 DOM；
     .dt=桌面文案 .mt=手机文案（源稿两端文案措辞不同，双份保真）
     ============================================================ */
    @keyframes sheetUp {
      from {
        transform: translateY(100%)
      }

      to {
        transform: translateY(0)
      }
    }

    .mt {
      display: none;
    }

    .m-video {
      display: none;
    }

    .sheet-handle {
      display: none;
      width: 38px;
      height: 4px;
      border-radius: 99px;
      background: rgba(255, 255, 255, .18);
      margin: 0 auto 20px;
    }

    @media (max-width:560px),
    screen and (max-device-width:768px) {
      .dt {
        display: none !important;
      }

      .mt {
        display: inline !important;
      }

      ::selection {
        background: rgba(140, 122, 220, .32);
      }

      /* 根节点：配色变量 + vw/vh 径向背景 + 底部操作条留白（含 safe-area） */
      .page-root {
        --accent: #9a8bd8 !important;
        --accent-soft: #78c8a0 !important;
        --accent-txt: #0a0812 !important;
        background: radial-gradient(90vw 60vh at 82% -6%, rgba(96, 78, 178, .26), transparent 62%), radial-gradient(80vw 60vh at 6% 20%, rgba(70, 60, 140, .2), transparent 58%), linear-gradient(180deg, #07060c 0%, #0a0812 42%, #08070e 100%) !important;
        padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
        width: 100% !important;
        overflow-x: clip !important;
        /* 同上：clip 不建滚动容器，保 sticky 导航 */
      }

      /* NAV */
      .site-nav {
        padding: 14px clamp(16px, 4.5vw, 22px) !important;
        background: linear-gradient(180deg, rgba(10, 12, 10, .8), rgba(10, 12, 10, .4)) !important;
      }

      .nav-logo {
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
        box-shadow: 0 0 18px rgba(120, 200, 160, .5) !important;
        font-size: 16px !important;
      }

      .nav-brand-txt {
        font-size: clamp(15px, 4.4vw, 18px) !important;
        letter-spacing: .5px !important;
      }

      .nav-burger span {
        background: #e6f2ec !important;
      }

      /* HERO */
      .hero {
        padding: clamp(28px, 8vw, 44px) clamp(16px, 5vw, 26px) clamp(20px, 6vw, 32px) !important;
        gap: 0 !important;
      }

      .hero>div:first-child {
        animation-duration: .8s !important;
      }

      .hero-badge {
        gap: 8px !important;
        padding: 7px 14px !important;
        border-color: rgba(154, 139, 216, .34) !important;
        font-size: 12px !important;
        letter-spacing: .5px !important;
        color: #b6a8e6 !important;
        margin-bottom: 22px !important;
      }

      .hero-badge>span:first-child {
        width: 6px !important;
        height: 6px !important;
        box-shadow: 0 0 8px var(--accent) !important;
      }

      .hero-h1 {
        font-size: clamp(32px, 9.5vw, 46px) !important;
        line-height: 1.16 !important;
        margin-bottom: 18px !important;
      }

      .hero-h1-hl {
        background: none !important;
        -webkit-background-clip: border-box !important;
        background-clip: border-box !important;
        color: #b3a5ea !important;
      }

      .hero-sub {
        font-size: clamp(15px, 4.4vw, 17px) !important;
        line-height: 1.85 !important;
        margin-bottom: 28px !important;
        max-width: none !important;
      }

      .hero-cta {
        flex-direction: column !important;
        gap: 12px !important;
        margin-bottom: 34px !important;
      }

      .hero-cta a {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      /* 修复：.hero-cta a 的特异性(0,1,1)高于 .acct-logged-in(0,1,0)，
         导致未登录时下载插件按钮仍被显示。用更高特异性(0,2,0)强制隐藏。 */
      .hero-cta>.acct-logged-in {
        display: none !important;
      }

      .hero-cta-main {
        height: 54px !important;
        padding: 0 !important;
        box-shadow: 0 12px 34px rgba(80, 160, 120, .42) !important;
      }

      .hero-cta-ghost {
        height: 52px !important;
        padding: 0 !important;
      }

      .hero-stats {
        gap: 8px !important;
        justify-content: space-between !important;
      }

      .hero-stats .stat {
        text-align: center !important;
      }

      .stat-num {
        font-size: clamp(22px, 6.5vw, 28px) !important;
      }

      .stat-lbl {
        font-size: 12px !important;
        margin-top: 3px !important;
        letter-spacing: normal !important;
      }

      /* 工作台 mock：桌面版隐藏，手机版展示 */
      .mock-desktop {
        display: none !important;
      }

      /* 移动端产品视频：位于标题上方，控制条常驻（无 hover），触控热区 40px */
      .m-video {
        display: block !important;
      }

      .m-video .hero-ctl {
        opacity: 1 !important;
        pointer-events: auto !important;
      }

      .m-video .hero-ctl button {
        width: 40px !important;
        height: 40px !important;
      }

      /* 分区通用 */
      section[id] {
        padding: clamp(30px, 8vw, 46px) clamp(16px, 5vw, 26px) !important;
      }

      .sec-head {
        margin-bottom: 30px !important;
      }

      .sec-head>div:first-child {
        font-size: 12px !important;
        margin-bottom: 12px !important;
      }

      .sec-head h2 {
        font-size: clamp(24px, 7vw, 32px) !important;
        letter-spacing: -.4px !important;
        margin-bottom: 10px !important;
      }

      #voices .sec-head h2 {
        margin-bottom: 0 !important;
      }

      .sec-head p {
        font-size: 15px !important;
      }

      .grid-2,
      .grid-3 {
        gap: 14px !important;
      }

      /* FEATURES 卡片 */
      .feat-card {
        border-radius: 18px !important;
        padding: clamp(22px, 6vw, 30px) !important;
      }

      .feat-ic {
        width: 50px !important;
        height: 50px !important;
        border-radius: 14px !important;
        font-size: 22px !important;
        margin-bottom: 16px !important;
      }

      .feat-card:first-child .feat-ic {
        background: linear-gradient(150deg, rgba(120, 200, 160, .28), rgba(80, 170, 120, .12)) !important;
        border-color: rgba(120, 200, 160, .3) !important;
      }

      .feat-card h3 {
        font-size: 20px !important;
        margin-bottom: 9px !important;
      }

      .feat-card p {
        font-size: 15px !important;
        line-height: 1.8 !important;
        color: #a9a6bc !important;
      }

      /* SCENES 卡片（手机稿卡01为绿系渐变） */
      .scene-card {
        border-radius: 18px !important;
        padding: clamp(24px, 6.5vw, 32px) !important;
      }

      .scene-card:first-child {
        background: linear-gradient(165deg, rgba(120, 200, 160, .12), rgba(255, 255, 255, .02)) !important;
      }

      .scene-label {
        font-size: 12px !important;
        margin-bottom: 12px !important;
      }

      .scene-card h3 {
        font-size: 21px !important;
        margin-bottom: 12px !important;
      }

      .scene-card p {
        font-size: 15px !important;
        line-height: 1.85 !important;
        color: #a9a6bc !important;
      }

      /* VOICES 卡片（手机稿头像1为绿系渐变） */
      .voice-card {
        border-radius: 16px !important;
        padding: clamp(22px, 6vw, 28px) !important;
      }

      .voice-quote {
        font-size: 30px !important;
        margin-bottom: 10px !important;
      }

      .voice-card p {
        font-size: 15px !important;
        line-height: 1.85 !important;
        margin-bottom: 20px !important;
      }

      .voice-av {
        width: 42px !important;
        height: 42px !important;
      }

      .voice-card:first-child .voice-av {
        background: linear-gradient(140deg, #8fddb2, #4f9a78) !important;
        color: #08160f !important;
      }

      .voice-card:last-child .voice-av {
        color: #08160f !important;
      }

      .voice-name {
        font-size: 14px !important;
      }

      .voice-meta {
        font-size: 12px !important;
      }

      /* CTA（手机稿为绿系氛围） */
      .cta-section {
        padding: clamp(20px, 5vw, 30px) clamp(16px, 5vw, 26px) clamp(36px, 9vw, 54px) !important;
      }

      .cta-box {
        border-radius: 24px !important;
        padding: clamp(34px, 9vw, 50px) clamp(22px, 6vw, 34px) !important;
        background: radial-gradient(80vw 40vh at 50% 0%, rgba(120, 200, 160, .26), transparent 70%), linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
        border-color: rgba(120, 200, 160, .28) !important;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .4) !important;
      }

      .cta-box h2 {
        font-size: clamp(24px, 7vw, 32px) !important;
        margin-bottom: 14px !important;
        letter-spacing: -.4px !important;
      }

      .cta-box p {
        font-size: 15px !important;
        margin-bottom: 26px !important;
      }

      .cta-btns {
        gap: 12px !important;
      }

      .cta-btns a {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 54px !important;
        padding: 0 !important;
        font-size: 16px !important;
      }

      .cta-btn-main {
        box-shadow: 0 14px 40px rgba(80, 160, 120, .45) !important;
      }

      .cta-btn-ghost {
        font-weight: 400 !important;
      }

      /* FOOTER */
      footer {
        background: rgba(8, 10, 9, .6) !important;
      }

      .footer-grid {
        padding: clamp(34px, 8vw, 44px) clamp(16px, 5vw, 26px) 0 !important;
        gap: 26px 16px !important;
      }

      .footer-logo {
        width: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
      }

      .footer-brand-title {
        font-size: 16px !important;
      }

      .footer-brand p {
        font-size: 13px !important;
        max-width: none !important;
      }

      .footer-col-h {
        font-size: 13px !important;
        margin-bottom: 14px !important;
      }

      .footer-col-links {
        gap: 12px !important;
      }

      .footer-legal-col {
        padding-top: 22px !important;
      }

      .footer-legal-links {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 12px 20px !important;
      }

      .footer-legal {
        border-top: none !important;
        padding: 22px clamp(16px, 5vw, 26px) 28px !important;
      }

      .footer-copy {
        font-size: 12px !important;
        line-height: 1.9 !important;
        margin-bottom: 12px !important;
        gap: 0 !important;
      }

      .footer-fineprint {
        gap: 8px 16px !important;
        font-size: 11.5px !important;
        line-height: 1.8 !important;
      }

      .fp-biz,
      .fp-report {
        display: none !important;
      }

      .fp-culture {
        order: 4;
      }

      .fp-minor {
        order: 5;
      }

      .fp-minor-badge {
        background: rgba(120, 200, 160, .16) !important;
        color: #8fddb2 !important;
      }

      .fp-ga {
        gap: 5px !important;
      }

      .fp-ga>span {
        width: 13px !important;
        height: 13px !important;
      }

      /* 底部操作条 */
      .mobile-bar {
        padding: 12px clamp(14px, 4vw, 20px) calc(12px + env(safe-area-inset-bottom)) !important;
        background: linear-gradient(180deg, rgba(12, 14, 12, .72), rgba(8, 10, 9, .97)) !important;
      }

      .mobile-bar-consult {
        padding: 0 clamp(14px, 4vw, 20px) !important;
      }

      .mobile-bar-main {
        box-shadow: 0 10px 30px rgba(80, 160, 120, .45) !important;
      }

      /* 抽屉（手机稿绿系底色） */
      .drawer-scrim {
        background: rgba(6, 8, 6, .6) !important;
      }

      .drawer-panel {
        width: 80% !important;
        background: linear-gradient(180deg, rgba(20, 26, 22, .98), rgba(10, 14, 11, .99)) !important;
        border-left: 1px solid rgba(120, 200, 160, .22) !important;
      }

      .drawer-logo {
        width: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
      }

      .drawer-title {
        font-size: 16px !important;
      }

      .drawer-sec {
        margin-bottom: 10px !important;
      }

      .drawer-group {
        gap: 0 !important;
        margin-bottom: 22px !important;
      }

      /* 登录 / 企微弹窗 → 底部 sheet */
      .modal-scrim {
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
        left: 0 !important;
        right: 0 !important;
        overflow-x: hidden !important;
        background: rgba(6, 8, 6, .7) !important;
        backdrop-filter: blur(6px) !important;
        animation: none !important;
        /* iOS Safari：100vh 含地址栏，弹窗会被顶出可视区；dvh 跟随动态视口 */
        height: 100vh !important;
        height: 100dvh !important;
        /* iOS Safari：阻止空白处拖动触发橡皮筋平移（弹窗跟着手指上下动） */
        touch-action: none !important;
      }

      .modal-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 24px 24px 0 0 !important;
        padding: 28px clamp(20px, 6vw, 30px) calc(28px + env(safe-area-inset-bottom)) !important;
        background: linear-gradient(180deg, rgba(24, 30, 26, .98), rgba(12, 16, 13, .99)) !important;
        border: 1px solid rgba(120, 200, 160, .24) !important;
        box-shadow: 0 -20px 60px rgba(0, 0, 0, .5) !important;
        animation: sheetUp .3s ease both !important;
        max-height: 92vh;
        max-height: 92dvh;
        overflow-y: auto;
        /* 卡片内允许垂直滚动，但到顶/底后不链式传递给页面（iOS 橡皮筋） */
        overscroll-behavior: contain;
        touch-action: pan-y;
      }

      #wxModal .modal-card {
        padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
      }

      .sheet-handle {
        display: block !important;
      }

      .modal-close {
        display: none !important;
      }

      .modal-brand {
        display: none !important;
      }

      .modal-h3 {
        font-size: 22px !important;
      }

      .modal-sub {
        color: #9a97ad !important;
        margin-bottom: 24px !important;
      }

      .modal-field {
        border-radius: 14px !important;
      }

      .modal-field input {
        padding: 16px 0 !important;
      }

      .modal-field-phone {
        margin-bottom: 12px !important;
      }

      .modal-field-code {
        margin-bottom: 18px !important;
      }

      #authErr {
        margin-bottom: 14px !important;
      }

      #authSubmit {
        height: 54px !important;
        padding: 0 !important;
        box-shadow: 0 12px 34px rgba(80, 160, 120, .4) !important;
        margin-bottom: 16px !important;
      }

      .modal-agree {
        color: #9a97ad !important;
      }

      #agreeBox {
        border-color: rgba(120, 200, 160, .5) !important;
      }

      .wx-h3 {
        font-size: 22px !important;
      }

      .wx-sub {
        margin-bottom: 24px !important;
      }

      .wx-qr-box {
        width: min(66vw, 220px) !important;
        height: auto !important;
        aspect-ratio: 1;
        margin-bottom: 22px !important;
      }
    }
      /* Hero 产品视频：hover 浮现控制条 */
      .hero-ctl {
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
      }

      .hero-video-shell:hover .hero-ctl {
        opacity: 1;
        pointer-events: auto;
      }
    /* ===== v1.10：前后对比图表 + FAQ 折叠（零 JS）===== */
    .cmp-box { position:relative; max-width:960px; margin:0 auto; padding:38px 44px 34px; border-radius:20px; border:1px solid rgba(255,255,255,.06); background:linear-gradient(180deg,rgba(9,8,16,.55),rgba(6,5,12,.35)); }
    .cmp-legend { display:flex; align-items:center; justify-content:center; gap:40px; margin-bottom:30px; font-size:13px; font-weight:600; }
    .cmp-legend .lg { display:inline-flex; align-items:center; gap:8px; }
    .cmp-legend .dot { width:12px; height:12px; border-radius:3px; display:inline-block; }
    .cmp-legend .dot.red { background:#a3515a; }
    .cmp-legend .dot.green { background:#6fbf9b; }
    .cmp-legend .lg-red { color:#d18f93; }
    .cmp-legend .lg-green { color:#8fddb2; }
    .cmp { display:flex; flex-direction:column; }
    .cmp-row { display:flex; align-items:center; gap:18px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.05); }
    .cmp-row:last-child { border-bottom:none; }
    .cmp-name { width:210px; flex:none; font-size:14.5px; font-weight:700; color:#cfcbdd; }
    .cmp-half { flex:1; min-width:0; display:flex; align-items:center; gap:9px; }
    .cmp-fill { flex:none; height:14px; border-radius:7px; }
    .cmp-fill.red { background:#a3515a; }
    .cmp-fill.green { background:#6fbf9b; }
    .cmp-val { flex:none; font-size:12.5px; font-weight:600; white-space:nowrap; }
    .cmp-val.red { color:#d18f93; }
    .cmp-val.green { color:#8fddb2; }

    .faq-list { display:flex; flex-direction:column; gap:14px; max-width:920px; margin:0 auto; }
    .faq-item { border-radius:16px; background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); border:1px solid rgba(255,255,255,.1); overflow:hidden; }
    .faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px 24px; font-size:16.5px; font-weight:600; color:#eceaf5; -webkit-user-select:none; user-select:none; }
    .faq-item summary::-webkit-details-marker { display:none; }
    .faq-item summary .faq-arrow { color:#8f8ca3; font-size:14px; transition:transform .25s ease; }
    .faq-item[open] summary .faq-arrow { transform:rotate(180deg); color:var(--accent); }
    .faq-body { padding:0 24px 20px; font-size:15px; line-height:1.85; color:#a9a6bc; font-weight:300; }

    @media (max-width:560px) {
      .cmp-box { padding:26px 18px 22px; border-radius:16px; }
      .cmp-legend { gap:18px; margin-bottom:22px; font-size:12px; }
      .cmp-row { flex-direction:column; align-items:flex-start; gap:8px; padding:12px 0; }
      .cmp-name { width:auto; }
      .cmp-half { width:100%; }
      .faq-item summary { padding:17px 18px; font-size:15px; }
      .faq-body { padding:0 18px 18px; }
    }
    .nav-link { display:inline-flex; align-items:center; padding:0 16px; font-size:15px; color:#E2E2EA; font-weight:400; text-shadow:0 0 4px transparent; text-decoration:none; }
    .nav-link:hover { color:#cbbdf4; text-shadow:0 0 4px #cbbdf4; }
    .nav-link.active { color:#b6a8e6; }

    /* ===== v1.6 子页移动适配（设计稿未覆盖；1:1 复刻补丁） ===== */
    @media (max-width:768px) {
      #pageRoot > nav {
        padding: 14px 16px !important;
      }
      #pageRoot > nav > div:nth-child(2) {
        order: 3;
        width: 100%;
        justify-content: center;
      }
      #pageRoot > nav > div:nth-child(3) {
        order: 2;
        margin-left: auto;
      }
      #pageRoot > nav .nav-link {
        padding: 4px 6px !important;
        font-size: 13.5px !important;
      }
    }