/**
 * OPC 官网黑金模块 — 移动端 / 小屏适配
 * 断点：≤1024 平板竖屏 / 窄窗；≤768 手机
 */

html[data-opc-theme='official'],
body[data-opc-theme='official'] {
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: var(--opc-ui-color-canvas);
}

body[data-opc-theme='official'] .opc-panel-wrap,
body[data-opc-theme='official'] .opc-panel-wrap > #app {
  min-width: 0;
}

/* 宽屏与 tools.html .tools-align-nav、顶栏 .menu_nav 一致（勿写 max-width:100% 盖掉 opc-shell 的 1720px） */
body[data-opc-theme='official'] .opc-showcase-inner {
  width: 100%;
  max-width: 1720px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body[data-opc-theme='official'] .opc-panel-wrap > #app {
  overflow-x: hidden;
}

/* 订阅页：任意视口高度下由 #app / main 滚动（与算力页一致，不限于手机断点） */
body[data-opc-theme='official'] .opc-theme-page--subscription.opc-subscription-compact {
  overflow-y: visible;
  flex: 0 0 auto;
  min-height: auto;
}

/* 会员页：与桌面一致，由 .opc-showcase 全宽滚动（opc-client/style.css） */
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--subscription),
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--compute),
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--orders),
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plans),
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plan-detail),
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--mgr),
body[data-opc-theme='official'] .opc-vue-stage:has(.opc-theme-page--subscription),
body[data-opc-theme='official'] .opc-vue-stage:has(.opc-theme-page--compute),
body[data-opc-theme='official'] .opc-vue-stage:has(.opc-theme-page--orders),
body[data-opc-theme='official'] .opc-vue-stage:has(.opc-theme-page--plans),
body[data-opc-theme='official'] .opc-vue-stage:has(.opc-theme-page--plan-detail),
body[data-opc-theme='official'] .opc-vue-stage:has(.opc-theme-page--mgr) {
  overflow: visible;
  background-color: transparent;
  min-height: auto;
}

/** 订阅/算力/订单/我的方案/管理端：#app 内层 flex 链与算力页一致，避免内容撑开父级导致无法滚动 */
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--subscription) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--compute) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--orders) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plans) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plan-detail) > div {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--mgr) > div {
  flex: 0 0 auto;
  min-height: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}

/** 订阅/算力/订单/我的方案：仅 #app 滚动，避免 main 双层滚动导致底部露白 */
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--subscription) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--subscription) .opc-main-scroll,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--subscription) main,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--compute) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--compute) .opc-main-scroll,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--compute) main,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--orders) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--orders) .opc-main-scroll,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--orders) main,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plans) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plans) .opc-main-scroll,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plans) main,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plan-detail) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plan-detail) .opc-main-scroll,
body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plan-detail) main {
  overflow: visible;
}

body[data-opc-theme='official'] .opc-panel-wrap > #app > div > main:has(.opc-theme-page--subscription) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app > div > main:has(.opc-theme-page--compute) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app > div > main:has(.opc-theme-page--orders) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app > div > main:has(.opc-theme-page--plans) > div,
body[data-opc-theme='official'] .opc-panel-wrap > #app > div > main:has(.opc-theme-page--plan-detail) > div {
  flex: 0 0 auto;
  min-height: calc(100dvh - 2.7rem - 3.5rem);
  height: auto;
  background-color: var(--opc-ui-color-canvas);
  padding-bottom: max(20px, env(safe-area-inset-bottom, 0px));
}

/* —— ≤1279：对话抽屉勿用桌面 vw 宽度 —— */
@media (max-width: 1279px) {
  body[data-opc-theme='official'] .opc-theme-page--conversation > aside:first-child,
  body[data-opc-theme='official'] .opc-theme-page--conversation > div > aside.opc-conv-guide {
    width: auto;
    max-width: none;
  }

  body[data-opc-theme='official'] .opc-switch-bar__tools:not(:empty) {
    display: flex;
  }
}

/* —— ≤1024：对话 H5 纵排布局见 opc-client/style.css（避免与全局 grid / width:100% 列表项冲突）—— */

@media (max-width: 1024px) {
  body[data-opc-theme='official'] .opc-power-top-row,
  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-version-grid {
    grid-template-columns: 1fr;
  }
}

/* —— ≤768：手机 —— */
@media (max-width: 768px) {
  html[data-opc-theme='official'],
  body[data-opc-theme='official'] {
    font-size: clamp(13px, 3.6vw, 16px);
  }

  body[data-opc-nav-scope='workspace'][data-opc-theme='official'] .head_nav.nav_pc.opc-embed-nav {
    display: none;
  }

  body[data-opc-nav-scope='workspace'][data-opc-theme='official'] .nav_mobile.opc-embed-nav-mobile {
    display: block;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12060;
  }

  body[data-opc-theme='official'] {
    --opc-text-xs: clamp(11px, 2.8vw, 12px);
    --opc-text-sm: clamp(12px, 3.2vw, 14px);
    --opc-text-base: clamp(14px, 3.8vw, 16px);
    --opc-text-lg: clamp(15px, 4vw, 18px);
    --opc-text-xl: clamp(16px, 4.2vw, 20px);
    --opc-text-2xl: clamp(18px, 4.8vw, 24px);
    --opc-conv-compose-action-height: 34px;
    --opc-v13-meta: clamp(11px, 2.8vw, 12px);
    --opc-v13-caption: clamp(12px, 3vw, 13px);
    --opc-v13-section: clamp(12px, 3vw, 13px);
    --opc-v13-ui: clamp(12px, 3.2vw, 14px);
    --opc-v13-brand: clamp(14px, 3.6vw, 16px);
    --opc-v13-body: clamp(14px, 3.8vw, 16px);
    --opc-v13-plan-body: clamp(14px, 3.6vw, 15px);
    --opc-v13-heading: clamp(15px, 4vw, 18px);
    --opc-v13-subheading: clamp(19px, 5.2vw, 22px);
    --opc-v13-display: clamp(26px, 7.2vw, 29px);
    --opc-v13-artifact-title: clamp(19px, 5.4vw, 21px);
  }

  body[data-opc-theme='official'] .opc-theme-page--conversation {
    --opc-conv-ai-md-size: var(--opc-v13-body);
    --opc-conv-chat-body-size: var(--opc-v13-body);
    --opc-conv-column-title-size: var(--opc-v13-heading);
    --opc-conv-sidebar-section-size: var(--opc-v13-section);
    --opc-conv-input-size: var(--opc-v13-ui);
    --opc-conv-meta-size: var(--opc-v13-meta);
    --opc-conv-btn-size: var(--opc-v13-ui);
  }

  /* JS 尚未测得内容区位置时，抽屉使用此回退顶部。 */
  body[data-opc-theme='official']:has(.opc-theme-page--conversation) {
    --opc-workspace-mobile-drawer-top-fallback: calc(2.7rem + 20px + 3.5rem + 3.25rem - 60px);
    --opc-conv-mobile-drawer-width: min(calc(92vw + 50px), calc(22rem + 50px));
  }

  body[data-opc-theme='official'] .opc-panel-wrap > #app,
  body[data-opc-theme='official'] .opc-theme-page {
    font-size: var(--opc-text-base);
  }

  body[data-opc-theme='official'] .opc-theme-page :is(.text-xs, .text-\[12px\]) {
    font-size: var(--opc-text-xs);
  }

  body[data-opc-theme='official'] .opc-theme-page :is(.text-sm, .text-\[13px\], .text-\[14px\]) {
    font-size: var(--opc-text-sm);
  }

  body[data-opc-theme='official'] .opc-theme-page :is(.text-base, .text-\[15px\], .text-\[16px\]) {
    font-size: var(--opc-text-base);
  }

  body[data-opc-theme='official'] .opc-theme-page :is(.text-lg, .text-xl, .text-2xl) {
    font-size: inherit;
  }

  body[data-opc-theme='official'] .nav_mobile.opc-embed-nav-mobile {
    z-index: 12060;
  }

  body[data-opc-theme='official'] .nav_mobile .m_r_show_right {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    margin-right: 2px;
    padding-right: 0;
    flex-shrink: 0;
  }

  body[data-opc-nav-scope='workspace'][data-opc-theme='official'] .nav_mobile .m_r_show {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  body[data-opc-theme='official'] .nav_mobile .nav_m_con {
    padding-right: 0;
  }

  /* 移动端顶栏：汉堡菜单 — 无边框，仅图标 */
  body[data-opc-theme='official'] .nav_mobile .m_r_show {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    margin-right: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    background: transparent;
    background-image: none;
    box-shadow: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.2s ease;
  }

  body[data-opc-theme='official'] .nav_mobile .m_r_show:hover,
  body[data-opc-theme='official'] .nav_mobile .m_r_show:focus-visible {
    opacity: 0.92;
    outline: none;
  }

  body[data-opc-theme='official'] .nav_mobile .m_r_show::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% - 8.25px));
    width: 22px;
    height: 2.5px;
    border-radius: 1px;
    background: #fbd8a0;
    box-shadow:
      0 5.5px 0 #fbd8a0,
      0 11px 0 #fbd8a0,
      0 16.5px 0 #fbd8a0;
    transition: background 0.2s ease, box-shadow 0.2s ease;
  }

  body[data-opc-theme='official'] .nav_mobile .m_r_show:hover::before,
  body[data-opc-theme='official'] .nav_mobile .m_r_show:focus-visible::before {
    background: #fff3d6;
    box-shadow:
      0 5.5px 0 #fff3d6,
      0 11px 0 #fff3d6,
      0 16.5px 0 #fff3d6;
  }

  /* 手机抽屉：全屏承载遮罩，菜单作为独立右侧面板，避免二者互相覆盖。 */
  body[data-opc-theme='official'] .nav_mobile .m_menu_box {
    --opc-mobile-menu-width: min(82vw, 320px);
    z-index: 12070;
    width: 100vw;
    max-width: 100vw;
    min-width: 100vw;
    left: auto;
    padding-top: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }

  body[data-opc-theme='official']:not(.opc-mobile-nav-open) .nav_mobile .m_menu_box {
    right: -100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body[data-opc-theme='official']:not(.opc-mobile-nav-open) .nav_mobile .m_menu_box * {
    pointer-events: none;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .menu_head {
    left: auto;
    right: 0;
    width: var(--opc-mobile-menu-width);
    max-width: var(--opc-mobile-menu-width);
    box-sizing: border-box;
    border-bottom: 1px solid rgba(230, 196, 122, 0.16);
    background: #100f0d;
    box-shadow: -10px 0 28px rgba(0, 0, 0, 0.42);
    z-index: 3;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .close_nav {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .close_nav::before,
  body[data-opc-theme='official'] .nav_mobile .m_menu_box .close_nav::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 1.5px;
    border-radius: 1px;
    background: #e6c47a;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .close_nav::before {
    transform: rotate(45deg);
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .close_nav::after {
    transform: rotate(-45deg);
  }

  /* 工作区账号抽屉顶栏 logo：仅展示，不可跳转官网 */
  body[data-opc-nav-scope='workspace'] .nav_mobile .m_menu_box .menu_head a {
    pointer-events: none;
    cursor: default;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .m_nav_box {
    position: fixed;
    top: 2.7rem;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--opc-mobile-menu-width);
    height: auto;
    background: #100f0d;
    box-shadow: -10px 16px 28px rgba(0, 0, 0, 0.42);
    z-index: 2;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .hide_m_nav {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100vw - var(--opc-mobile-menu-width));
    height: 100dvh;
    max-width: none;
    background: rgba(0, 0, 0, 0.48);
    z-index: 0;
    cursor: pointer;
  }

  body[data-opc-theme='official'] .nav_mobile .m_menu_box .m_nav_ul {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #100f0d;
    z-index: 1;
  }

  body[data-opc-theme='official'] .nav_mobile .m_nav_ul li a,
  body[data-opc-theme='official'] .nav_mobile .m_nav_ul li .m_nav_share_btn,
  body[data-opc-theme='official'] .nav_mobile .m_account_row a,
  body[data-opc-theme='official'] .nav_mobile .m_nav_footer--logout .m_nav_logout_btn {
    min-height: 44px;
    line-height: 44px;
    font-size: 15px;
    pointer-events: auto;
    touch-action: manipulation;
  }

  body[data-opc-theme='official'] .nav_mobile .m_nav_ul li .m_nav_share_btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    font-family: inherit;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  body[data-opc-theme='official'] .nav_mobile .m_nav_ul li .m_nav_share_btn:hover,
  body[data-opc-theme='official'] .nav_mobile .m_nav_ul li .m_nav_share_btn:focus-visible {
    color: #e6c47a;
    outline: none;
  }

  body[data-opc-theme='official'] .m_nav_footer--user .m_nav_user_row {
    min-height: 44px;
    align-items: center;
  }

  body[data-opc-theme='official'] .m_nav_footer--user .m_nav_user_icon {
    color: #e8c38c;
  }

  body.opc-mobile-nav-open #app,
  body.opc-mobile-nav-open .opc-panel-wrap > #app {
    pointer-events: none;
  }

  body.opc-mobile-nav-open .nav_mobile,
  body.opc-mobile-nav-open .nav_mobile .m_menu_box {
    pointer-events: auto;
  }

  body[data-opc-theme='official'] .opc-switch-bar {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 4px;
  }

  body[data-opc-theme='official'] .opc-switch-bar__right {
    flex: 0 0 auto;
    margin-left: auto;
    gap: 6px;
    min-width: 0;
  }

  body[data-opc-theme='official'] .opc-switch-bar__mid:not(:empty) {
    flex: 0 0 auto;
  }

  body[data-opc-theme='official'] .opc-switch-bar__tabs {
    flex: 0 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
    scrollbar-width: none;
  }

  body[data-opc-theme='official'] .opc-switch-bar__tabs::-webkit-scrollbar {
    display: none;
  }

  body[data-opc-theme='official'] .opc-switch-bar__tools {
    flex: 0 0 auto;
    display: flex;
    gap: 6px;
    align-self: center;
    margin-left: 0;
    padding-right: 2px;
  }

  body[data-opc-theme='official'] .opc-conv-switch-tool-btn[title] {
    cursor: pointer;
  }

  body[data-opc-theme='official'] .opc-conv-switch-tool-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--opc-ui-color-text-muted, #ebcda4f5);
  }

  body[data-opc-theme='official'] .opc-conv-switch-tool-btn__icon {
    width: 22px;
    height: 22px;
  }

  body[data-opc-theme='official'] .opc-conv-switch-tool-btn--active {
    background: var(--opc-ui-color-surface-active, rgba(235, 205, 164, 0.14));
    box-shadow: none;
  }

  body[data-opc-theme='official'] .opc-conv-switch-tool-btn--disabled {
    opacity: 0.42;
    cursor: default;
  }

  body[data-opc-theme='official'] .opc-conv-switch-tool-btn--disabled:hover,
  body[data-opc-theme='official'] .opc-conv-switch-tool-btn--disabled:focus-visible {
    background: transparent;
  }

  body[data-opc-theme='official'] .opc-conv-mobile-drawer-triggers,
  body[data-opc-theme='official'] .opc-conv-mobile-drawer-triggers--above-compose {
    display: none;
  }

  body[data-opc-theme='official'] .opc-switch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 5.25rem;
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    font-size: var(--opc-text-sm, 14px);
    line-height: 1;
    border-color: var(--opc-ui-color-border, rgba(209, 160, 84, 0.28));
    background: var(--opc-ui-color-surface, rgba(8, 8, 8, 0.92));
    color: var(--opc-ui-color-text-muted, rgba(230, 196, 140, 0.92));
    box-shadow: var(--opc-ui-shadow-control, inset 0 1px 0 rgba(255, 248, 230, 0.06), 0 4px 14px rgba(0, 0, 0, 0.35));
  }

  body[data-opc-theme='official'] .opc-switch-btn.active {
    background: var(--opc-ui-color-surface-active, rgba(209, 160, 84, 0.14));
    border-color: var(--opc-ui-color-border-strong, rgba(209, 160, 84, 0.45));
    color: var(--opc-ui-color-text, #f5ecd4);
  }

  /* 会员页（订阅/算力/订单）：避免 MainLayout 白底露出 */
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div,
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll,
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll > main,
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll > main > div {
    background-color: var(--opc-ui-color-canvas);
  }

  body[data-opc-theme='official'] .opc-showcase,
  body[data-opc-theme='official'] .opc-showcase-inner,
  body[data-opc-theme='official'] section.middle_con.black-bg {
    background-color: var(--opc-ui-color-canvas);
    background-image: none;
  }

  body[data-opc-nav-scope='workspace'][data-opc-theme='official'] .nav_mobile.tm_nav,
  body[data-opc-nav-scope='workspace'][data-opc-theme='official'] .nav_m_con {
    background-color: var(--opc-ui-color-canvas);
    background-image: none;
  }

  body[data-opc-theme='official'] .opc-switch-bar {
    flex-shrink: 0;
    background-color: var(--opc-ui-color-canvas);
    background-image: none;
    position: sticky;
    top: 0;
    z-index: 20;
    isolation: isolate;
    padding-top: 4px;
    margin-bottom: 12px;
  }

  /* 会员页（我的方案/方案详情/算力/订阅/订单）：滚动时正文勿从顶栏与 Tab 之间的缝隙透出 */
  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-showcase {
    padding-top: 0;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-switch-bar,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-switch-bar,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-switch-bar,
  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-switch-bar,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-switch-bar {
    z-index: 24;
    padding-top: 8px;
    margin-top: 0;
    overflow: visible;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-switch-bar::before,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-switch-bar::before,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-switch-bar::before,
  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-switch-bar::before,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-switch-bar::before {
    content: '';
    position: absolute;
    left: -12px;
    right: -12px;
    top: -16px;
    height: 16px;
    background: var(--opc-ui-color-canvas);
    pointer-events: none;
  }

  body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--subscription),
  body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--compute),
  body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--orders),
  body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plans),
  body[data-opc-theme='official'] .opc-panel-wrap > #app:has(.opc-theme-page--plan-detail) {
    overscroll-behavior-y: contain;
    background-color: var(--opc-ui-color-canvas);
    min-height: calc(100dvh - 2.7rem - 3.5rem);
  }

  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll:has(.opc-theme-page--subscription),
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll:has(.opc-theme-page--compute),
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll:has(.opc-theme-page--orders),
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll:has(.opc-theme-page--plans),
  body[data-opc-theme='official'] .opc-panel-wrap > #app > div > .opc-main-scroll:has(.opc-theme-page--plan-detail) {
    background-color: var(--opc-ui-color-canvas);
    min-height: 100%;
  }

  body[data-opc-theme='official'] .opc-theme-page--workspace,
  body[data-opc-theme='official'] .opc-theme-page--conversation,
  body[data-opc-theme='official'] .opc-theme-page--plans,
  body[data-opc-theme='official'] .opc-theme-page--plan-detail,
  body[data-opc-theme='official'] .opc-theme-page--compute,
  body[data-opc-theme='official'] .opc-theme-page--subscription,
  body[data-opc-theme='official'] .opc-theme-page--orders {
    gap: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans > .rounded-2xl,
  body[data-opc-theme='official'] .opc-theme-page--plan-detail > .rounded-2xl,
  body[data-opc-theme='official'] .opc-theme-page--compute > .rounded-2xl,
  body[data-opc-theme='official'] .opc-theme-page--subscription > .rounded-2xl,
  body[data-opc-theme='official'] .opc-theme-page--orders > .rounded-2xl {
    padding: 14px 12px;
    border-radius: 16px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .opc-plan-detail-head-row {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail h1.opc-plan-detail-title {
    width: 100%;
    flex: 0 0 auto;
    max-width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .opc-plan-detail-head-actions {
    margin-left: 0;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .opc-plan-detail-meta {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail article button.opc-plan-detail-back-btn {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    min-height: 32px;
    height: auto;
    max-height: none;
    padding: 6px 12px 6px 10px;
    font-size: var(--opc-type-button, 12px);
  }

  body[data-opc-theme='official'] .opc-orders-page-head,
  body[data-opc-theme='official'] .opc-orders-page-head > div {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  body[data-opc-theme='official'] .opc-orders-page-head .opc-member-nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body[data-opc-theme='official'] .opc-orders-page-head .opc-orders-nav-link {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  /* 手机抽屉：当前路由高亮 */
  body[data-opc-theme='official'] .m_nav_ul li.active,
  body[data-opc-theme='official'] .m_nav_ul li:has(> a.is-active) {
    background: rgba(209, 160, 84, 0.1);
    border-left: 3px solid rgba(209, 160, 84, 0.75);
    padding-left: calc(1.25rem - 3px);
  }

  body[data-opc-theme='official'] .m_nav_ul li.active > a,
  body[data-opc-theme='official'] .m_nav_ul li > a.is-active {
    color: #e6c47a;
    font-weight: 600;
  }

  body[data-opc-theme='official'] .m_nav_account .account-link.is-active,
  body[data-opc-theme='official'] .m_nav_footer--guest .account-link.is-active {
    color: #e6c47a;
    font-weight: 600;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-plan-strip--official {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-plan-btn--official-pill {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    justify-content: center;
    text-align: center;
    white-space: normal;
    line-height: 1.35;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-plan-btn--official-pill span {
    white-space: normal;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-official-pay-row {
    flex-wrap: wrap;
    gap: 8px 12px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plans-card-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 20px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans > .rounded-2xl {
    padding: 14px 12px;
  }

  /* 我的方案页头 */
  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plans-page-head h2.opc-text-gold {
    font-size: var(--opc-text-xl);
    font-weight: 700;
    text-align: left;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plan-card {
    padding: 14px 12px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plan-card-title-row {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plan-view-detail-btn {
    width: 100%;
    min-height: 44px;
    justify-content: center;
  }

  body[data-opc-theme='official'] .opc-plan-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  body[data-opc-theme='official'] .opc-plan-detail-actions .opc-plan-detail-action {
    flex: 1 1 calc(50% - 4px);
    min-width: calc(50% - 4px);
    min-height: 44px;
    justify-content: center;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .plan-md-body {
    max-height: min(58vh, 28rem);
  }

  /* 方案详情：手机端收紧留白、去边框 */
  body[data-opc-theme='official'] .opc-theme-page--plan-detail .opc-plan-core-dashboard {
    border: none;
    padding: 0;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .p-4 {
    padding: 0.5rem;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .p-5 {
    padding: 0.25rem;
  }

  body[data-opc-theme='official'] .opc-theme-page--plan-detail .rounded-2xl.border {
    border: none;
  }

  body[data-opc-theme='official'] .opc-orders-filters .opc-orders-filter-field {
    min-width: 0;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  body[data-opc-theme='official'] .opc-orders-filters .opc-orders-date-field {
    flex: 1 1 100%;
    min-width: 0;
    max-width: none;
  }

  body[data-opc-theme='official'] .opc-orders-date-picker,
  body[data-opc-theme='official'] .opc-orders-date-picker-trigger {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  body[data-opc-theme='official'] .opc-orders-filters .opc-orders-filters-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  /* 查询 + 重置同一行；申请开票独占下一行 */
  body[data-opc-theme='official'] .opc-orders-filters .opc-orders-filters-actions button:nth-child(1),
  body[data-opc-theme='official'] .opc-orders-filters .opc-orders-filters-actions button:nth-child(2) {
    flex: 1 1 calc(50% - 4px);
    width: auto;
    min-width: 0;
    min-height: 44px;
  }

  body[data-opc-theme='official'] .opc-orders-filters .opc-orders-filters-actions button:nth-child(3) {
    flex: 1 1 100%;
    width: 100%;
    min-height: 44px;
  }

  body[data-opc-theme='official'] .opc-theme-page--orders table {
    font-size: var(--opc-text-xs, 12px);
  }

  body[data-opc-theme='official'] .opc-member-table-scroll,
  body[data-opc-theme='official'] .opc-orders-table-scroll,
  body[data-opc-theme='official'] .opc-compute-logs-section .opc-member-table-scroll,
  body[data-opc-theme='official'] .opc-compute-logs-section .opc-compute-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* 勿 pan-x：会吞掉纵向滑动，滚到表格底部后无法上滑回页面 */
    touch-action: pan-x pan-y pinch-zoom;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(209, 160, 84, 0.75) transparent;
  }

  body[data-opc-theme='official'] .opc-member-table-scroll::-webkit-scrollbar,
  body[data-opc-theme='official'] .opc-orders-table-scroll::-webkit-scrollbar,
  body[data-opc-theme='official'] .opc-compute-logs-section .opc-member-table-scroll::-webkit-scrollbar,
  body[data-opc-theme='official'] .opc-compute-logs-section .opc-compute-table-scroll::-webkit-scrollbar {
    height: 6px;
  }

  body[data-opc-theme='official'] .opc-member-table-scroll::-webkit-scrollbar-thumb,
  body[data-opc-theme='official'] .opc-orders-table-scroll::-webkit-scrollbar-thumb,
  body[data-opc-theme='official'] .opc-compute-logs-section .opc-member-table-scroll::-webkit-scrollbar-thumb,
  body[data-opc-theme='official'] .opc-compute-logs-section .opc-compute-table-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(209, 160, 84, 0.75);
  }

  body[data-opc-theme='official'] .opc-power-arrears {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body[data-opc-theme='official'] .opc-power-arrears-val {
    text-align: left;
  }

  body[data-opc-theme='official'] .opc-compute-logs-section {
    padding: 14px 12px;
    border-radius: 16px;
  }

  body[data-opc-theme='official'] .opc-compute-logs-pager {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-opc-theme='official'] .opc-compute-logs-pager-actions {
    width: 100%;
  }

  body[data-opc-theme='official'] .opc-compute-logs-pager-btn {
    flex: 1 1 auto;
    min-height: 44px;
  }

  /* 算力包行：标签/名称占满宽，点数价格可换行，购买按钮与价格在同一行右侧 */
  body[data-opc-theme='official'] .opc-official-pkg-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    align-items: center;
    gap: 8px 10px;
  }

  body[data-opc-theme='official'] .opc-official-pkg-badge {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
  }

  body[data-opc-theme='official'] .opc-official-pkg-name {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    padding-left: 0;
  }

  body[data-opc-theme='official'] .opc-official-pkg-values {
    grid-column: 1;
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 6px 10px;
  }

  body[data-opc-theme='official'] .opc-official-pkg-values .opc-compute-pkg-price-row {
    min-width: 0;
    width: auto;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  body[data-opc-theme='official'] .opc-official-pkg-values .opc-compute-pkg-list-price {
    width: auto;
    min-width: 0;
  }

  body[data-opc-theme='official'] .opc-official-pkg-buy {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
    justify-self: end;
    width: auto;
    max-width: none;
    min-height: 34px;
    margin: 0;
  }

  body[data-opc-theme='official'] .opc-conv-compose-grid {
    gap: 8px;
  }

  /* 创意页底栏：模型 + 发送 + 生成方案 居中，生成方案按文字宽度 */
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-actions,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-model-send {
    justify-content: center;
    width: 100%;
    max-width: 100%;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-actions .opc-conv-compose-plan,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-model-send .opc-conv-compose-plan {
    flex: 0 0 auto;
    width: auto;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-actions .opc-conv-plan-btn,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-model-send .opc-conv-plan-btn {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-model-send .opc-conv-compose-model {
    flex: 0 0 auto;
    flex-shrink: 0;
    max-width: none;
    width: auto;
    min-width: max-content;
    overflow: visible;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-model-send .opc-conv-compose-select-display {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: auto;
    min-width: max-content;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-send {
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(46vw, 10.5rem);
    width: auto;
    justify-content: center;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-send.opc-conv-compose-send--status {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-width: max-content;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-send.opc-conv-compose-send--status .opc-conv-compose-send-status {
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-send .opc-conv-send-inner > span {
    margin-left: -5px;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-plan button,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-plan-btn,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-compose-send,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-model-dropdown-trigger,
  body[data-opc-theme='official'] .opc-conv-shell--tools-embed .opc-conv-compose-grid .opc-conv-plan-btn,
  body[data-opc-theme='official'] .opc-conv-shell--tools-embed .opc-conv-compose-grid .opc-conv-compose-send,
  body[data-opc-theme='official'] .opc-conv-shell--tools-embed .opc-conv-compose-grid .opc-conv-model-dropdown-trigger,
  body[data-opc-theme='official'] .opc-conv-compose-grid .opc-conv-compose-select-display,
  body[data-opc-theme='official'] .opc-conv-compose-grid select.opc-conv-compose-select {
    min-height: var(--opc-conv-compose-action-height, 36px);
    height: var(--opc-conv-compose-action-height, 36px);
    max-height: var(--opc-conv-compose-action-height, 36px);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--opc-type-button, 12px);
    line-height: 1.25;
  }

  body[data-opc-theme='official'] .opc-conv-shell--tools-embed .opc-conv-compose-grid .opc-conv-compose-send.opc-conv-compose-send--status {
    width: auto;
    max-width: none;
    min-width: max-content;
    overflow: visible;
    text-overflow: clip;
    flex-shrink: 0;
  }

  body[data-opc-theme='official'] .opc-conv-compose-send.h-11 {
    height: var(--opc-conv-compose-action-height, 36px);
    min-height: var(--opc-conv-compose-action-height, 36px);
    max-height: var(--opc-conv-compose-action-height, 36px);
  }

  body[data-opc-theme='official'] .opc-conv-bubble-row {
    gap: 0;
  }

  body[data-opc-theme='official'] .opc-conv-bubble-row .opc-conv-bubble-avatar,
  body[data-opc-theme='official'] .opc-conv-bubble-row .h-8.w-8.rounded-full {
    height: 1.75rem;
    width: 1.75rem;
  }

  body[data-opc-theme='official'] .opc-conv-bubble-row .opc-conv-bubble-avatar svg,
  body[data-opc-theme='official'] .opc-conv-bubble-row .h-8.w-8.rounded-full svg {
    height: 0.875rem;
    width: 0.875rem;
  }

  body[data-opc-theme='official'] .opc-conv-user-bubble-inner {
    align-items: flex-start;
    gap: 8px;
  }

  body[data-opc-theme='official'] .opc-conv-user-bubble-inner .opc-conv-bubble-avatar--inline {
    margin-top: 2px;
    flex-shrink: 0;
  }

  body[data-opc-theme='official'] .opc-conv-msg-row--system .opc-conv-bubble-head-inline {
    align-items: center;
    gap: 8px;
  }

  body[data-opc-theme='official'] .opc-conv-bubble-row .min-w-0.rounded-2xl {
    padding: 8px 10px;
  }

  body[data-opc-theme='official'] .opc-conv-mobile-drawer-btn {
    min-height: 34px;
    padding: 0 10px;
    font-size: var(--opc-type-button, 12px);
  }

  body[data-opc-theme='official'] .opc-conv-mobile-drawer-btn__icon {
    width: 14px;
    height: 14px;
  }

  body[data-opc-theme='official'] .opc-conv-compose-input {
    min-height: 2.5rem;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: var(--opc-text-sm, 13px);
  }

  body[data-opc-theme='official'] .opc-conv-mobile-drawer-triggers--above-compose {
    position: relative;
    z-index: 24;
    pointer-events: auto;
  }

  body[data-opc-theme='official'] .opc-conv-footer {
    position: relative;
    z-index: 20;
  }

  body[data-opc-theme='official'] .opc-plans-page .opc-plans-panel {
    padding: 12px 10px;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plan-card-title-row .opc-plan-view-detail-btn {
    width: auto;
    min-height: 36px;
    height: auto;
    padding: 6px 12px;
    font-size: var(--opc-type-button, 12px);
  }

  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plan-card-body,
  body[data-opc-theme='official'] .opc-theme-page--plans .opc-plan-card-body p {
    font-size: 14px;
    line-height: 1.55;
  }

  body[data-opc-theme='official'] .opc-theme-page--plans button.opc-plan-view-detail-btn {
    min-height: 44px;
    height: 44px;
    font-size: var(--opc-type-button, 12px);
  }

  .tools-opc-lead-mount .tol-select,
  .tools-opc-lead-mount .tol-btn {
    height: 44px;
    min-height: 44px;
    font-size: 14px;
  }

  body[data-opc-theme='official'] .opc-conv-panel-head {
    padding-left: 12px;
    padding-right: 12px;
  }

  body[data-opc-theme='official'] .opc-conv-panel-head-row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-panel-head-row {
    margin-top: -10px;
  }

  body[data-opc-theme='official'] .opc-conv-panel-head-row > .opc-conv-panel-title-wrap {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    justify-content: flex-start;
    align-items: center;
  }

  body[data-opc-theme='official'] .opc-conv-panel-title-wrap > span.h-7.w-1.rounded-full {
    display: block;
    width: 4px;
    height: 1.25rem;
  }

  body[data-opc-theme='official'] .opc-conv-panel-head-meta {
    margin-left: auto;
    width: auto;
    max-width: none;
    flex-shrink: 0;
    text-align: right;
    align-self: center;
  }

  body[data-opc-theme='official'] .opc-conv-panel-head-meta .flex {
    justify-content: flex-end;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-main-section,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-main-panel {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system > .opc-conv-bubble-row > .min-w-0.rounded-2xl {
    flex: 1 1 0%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .conversation-md :where(h1, h3, h4),
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--user .conversation-md :where(h1, h3, h4) {
    color: #e4cfa3;
    -webkit-text-fill-color: #e4cfa3;
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .conversation-md :where(h2),
  body[data-opc-theme='official'] .opc-theme-page--conversation .opc-conv-main-panel .conversation-md h2 {
    font-size: var(--opc-text-base);
    font-weight: 700;
    line-height: 1.35;
    color: var(--opc-conv-guide-title-color, #e4cfa3);
    -webkit-text-fill-color: var(--opc-conv-guide-title-color, #e4cfa3);
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .text-sky-800\/85,
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .text-\[\#e4cfa3\],
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .text-emerald-800,
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .opc-conv-msg-compute-consumed {
    color: #e4cfa3;
    -webkit-text-fill-color: #e4cfa3;
    font-size: var(--opc-text-base);
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .conversation-md,
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .conversation-md :where(p, li, blockquote, dd, span, div, strong, a, pre, code),
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .whitespace-pre-wrap {
    color: #bead91;
    -webkit-text-fill-color: #bead91;
    font-size: var(--opc-text-base);
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--user .conversation-md,
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--user .conversation-md :where(p, li, blockquote, dd, span, div, strong, a, pre, code) {
    color: #bead91;
    -webkit-text-fill-color: #bead91;
    font-size: var(--opc-text-base);
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--system .conversation-md :where(h1, h3, h4),
  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--user .conversation-md :where(h1, h3, h4) {
    font-size: 14px;
    line-height: 1.35;
  }

  body[data-opc-theme='official'] .tools-opc-lead-mount .tol-md,
  body[data-opc-theme='official'] .tools-opc-lead-mount .tol-md :where(p, li) {
    font-size: 13px;
    line-height: 1.55;
  }

  body[data-opc-theme='official'] .opc-conv-main-panel .opc-conv-msg-row--user .min-w-0.rounded-2xl {
    color: #bead91;
    -webkit-text-fill-color: #bead91;
  }

  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-history-item-btn,
  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-history-item-btn span {
    font-size: var(--opc-type-button, 12px);
    line-height: 1.45;
  }

  body[data-opc-theme='official'] .opc-conv-shell--official > aside.opc-conv-sidebar--official h3,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap > aside.opc-conv-guide .opc-conv-guide-head__title {
    font-size: var(--opc-text-base);
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap > aside.opc-conv-guide .opc-conv-guide-body {
    font-size: 15px;
  }

  body[data-opc-theme='official'] .opc-theme-page--conversation h2.opc-conv-panel-title {
    font-size: var(--opc-text-base);
    text-align: left;
  }

  body[data-opc-theme='official'] .opc-conv-panel-head-meta span.inline-flex {
    font-size: 12px;
    padding: 2px 8px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-account-card {
    overflow: visible;
    padding-bottom: 1.25rem;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-subscription-subscribe-wrap {
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
  }

  /* 订阅页：外层透明以露出底图，卡片仍保留金边深色底 */
  body[data-opc-theme='official'] .opc-theme-page--subscription.opc-subscription-compact {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-bottom: max(56px, calc(env(safe-area-inset-bottom, 0px) + 32px));
  }

  body[data-opc-theme='official']:not(.tools-page) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:not(.tools-page) .opc-panel-wrap > #app > div > main.opc-main--member-scroll,
  body[data-opc-theme='official']:not(.tools-page) .opc-panel-wrap > #app > div > main:has(.opc-theme-page--subscription),
  body[data-opc-theme='official']:not(.tools-page) .opc-panel-wrap > #app > div > main:has(.opc-theme-page--conversation) {
    background: transparent;
  }

  /* 手机端：历史对话字色与右侧使用说明标题/正文一致 */
  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-history-item-btn--idle,
  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-history-item-btn--idle span {
    color: var(--opc-conv-guide-body-color, #bead91);
    -webkit-text-fill-color: var(--opc-conv-guide-body-color, #bead91);
    border-color: var(--opc-order-frame-gold, rgb(136, 120, 97));
  }

  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-history-item-btn--active,
  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-history-item-btn--active span {
    color: var(--opc-conv-guide-title-color, #e4cfa3);
    -webkit-text-fill-color: var(--opc-conv-guide-title-color, #e4cfa3);
  }

  /* 手机端：三栏抽屉外框与图1 方案卡一致 */
  body[data-opc-theme='official'] .opc-conv-shell--official > aside.opc-conv-sidebar--official,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap > aside.opc-conv-guide {
    border: none;
    border-radius: var(--opc-fig1-radius, 24px);
    background: var(--opc-fig1-bg);
    box-shadow: var(--opc-fig1-frame-shadow);
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-conv-guide-body,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide--official {
    background: transparent;
    background-color: transparent;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-conv-guide-head__title,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__title,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__h3,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-title {
    font-size: var(--opc-text-base);
    color: #e4cfa3;
    -webkit-text-fill-color: #e4cfa3;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__formula-index {
    font-size: calc(var(--opc-text-sm) + 1px);
    color: #e4cfa3;
    -webkit-text-fill-color: #dfc99f;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__formula-label {
    color: #b8ad91;
    -webkit-text-fill-color: #b7ac90;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-conv-guide-head__desc,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide--official,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__lead,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__hint,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__formula,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-title,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-copy,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-focus,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__more-list,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__more-list li,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__foot,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__foot-label,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide strong {
    color: #bead91;
    -webkit-text-fill-color: #bead91;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-text {
    font-size: var(--opc-text-base);
    color: #bead91;
    -webkit-text-fill-color: #bead91;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-plan-btn--official-pill {
    color: #e8dcc6;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-account-status-row > span:first-child {
    color: #d4c4a8;
  }

  /* 订阅/算力/订单/我的方案：与算力页一致，flex 锁高 + #app 内滚动（勿用 min-height:auto 撑开父级） */
  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-showcase,
    body[data-opc-theme='official']:has(.opc-theme-page--mgr) .opc-showcase {
    flex: 1 1 auto;
    min-height: 0;
    padding-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-showcase {
    padding-left: 10px;
    padding-right: 10px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute.opc-compute-page {
    padding-left: 8px;
    padding-right: 8px;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-showcase-inner,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-showcase-inner,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-showcase-inner,
  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-showcase-inner,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-showcase-inner {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--mgr) .opc-showcase-inner {
    flex: 0 0 auto;
    min-height: auto;
    height: auto;
    width: 100%;
    max-width: none;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--mgr) .opc-panel-wrap {
    flex: 0 0 auto;
    min-height: auto;
    height: auto;
    overflow: visible;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-panel-wrap,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-panel-wrap,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-panel-wrap,
  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-panel-wrap,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-panel-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:has(.opc-theme-page--mgr) .opc-panel-wrap > #app {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
  }

  body[data-opc-theme='official']:has(.opc-theme-page--subscription) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--compute) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--orders) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--plans) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--plan-detail) .opc-showcase,
  body[data-opc-theme='official']:has(.opc-theme-page--mgr) .opc-showcase {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }

  /* 创意：首屏锁高，对话主栏撑满至屏幕底（仅 opc.html 工作区；tools 页内嵌对话需整页滚动） */
  html[data-opc-theme='official']:has(body:not(.tools-page) .opc-theme-page--conversation),
  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) {
    overflow: hidden;
    height: 100dvh;
    max-height: 100dvh;
  }

  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) section.middle_con.black-bg {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: calc(100dvh - 2.7rem);
    max-height: calc(100dvh - 2.7rem);
  }

  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-showcase {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px));
    padding-left: var(--opc-ui-space-1, 4px);
    padding-right: var(--opc-ui-space-1, 4px);
  }

  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-switch-bar {
    flex-shrink: 0;
    margin-bottom: 8px;
  }

  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-showcase-inner,
  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-panel-wrap,
  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-panel-wrap > #app,
  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-panel-wrap > #app > div,
  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-panel-wrap > #app > div > .opc-main-scroll,
  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-panel-wrap > #app > div > .opc-main-scroll > main {
    flex: 1 1 0%;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-panel-wrap > #app > div > .opc-main-scroll > main > .opc-main-route-wrap {
    flex: 1 1 0%;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  body[data-opc-theme='official']:not(.tools-page):has(.opc-theme-page--conversation) .opc-conv-shell--official {
    flex: 1 1 0%;
    min-height: 0;
    height: 100%;
    max-height: 100%;
  }

  /* 创意：历史 / 使用说明抽屉加宽（覆盖残留 vw 与 Tailwind max-w） */
  body[data-opc-theme='official'] #opc-conv-mobile-history-drawer,
  body[data-opc-theme='official'] #opc-conv-mobile-guide-drawer,
  body[data-opc-theme='official'] .opc-conv-shell--official > aside.opc-conv-sidebar--official,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap > aside.opc-conv-guide {
    width: min(calc(92vw + 50px), calc(22rem + 50px));
    max-width: min(calc(92vw + 50px), calc(22rem + 50px));
    min-width: min(calc(92vw + 50px), calc(22rem + 50px));
  }

  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap > aside.opc-conv-guide .opc-conv-guide-body,
  body[data-opc-theme='official'] .opc-conv-shell--official .opc-conv-content-wrap > aside.opc-conv-guide .opc-usage-guide {
    font-size: 15px;
    line-height: 1.55;
  }

  /* 使用说明：复制按钮避开右侧滚动条 */
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__section-head,
  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-head {
    padding-right: 5px;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide__case-copy.shadow-sm {
    margin-left: 0;
    margin-right: 5px;
  }

  body[data-opc-theme='official'] .opc-conv-guide .opc-usage-guide--official .opc-usage-guide__foot {
    border-color: #887a62;
    border-top-color: #887a62;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-subscription-marketing {
    padding: 12px 14px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-subscription-top {
    padding: 12px 14px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-version-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-sub-stack {
    padding: 12px 14px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-sub-stack :deep(.opc-account-grid) {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-account-col--status {
    order: -1;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-account-col {
    min-height: auto;
    flex: 0 0 auto;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-account-card {
    flex: 0 0 auto;
  }

  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-sidebar-newchat,
  body[data-opc-theme='official'] .opc-conv-sidebar--official .opc-conv-sidebar-newchat-btn {
    min-height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: var(--opc-type-button, 12px);
  }

  body[data-opc-theme='official'] .opc-conv-sidebar--official > div:first-child {
    gap: 10px;
  }

  /* 顶栏分享 / 改密 / 算力门闸等弹层 */
  body[data-opc-theme='official'] .opc-portal-dialog__panel,
  body[data-opc-theme='official'] .opc-portal-dialog__panel--official,
  body[data-opc-theme='official'] .opc-compute-insufficient-modal--compact,
  body[data-opc-theme='official'] .opc-compute-insufficient-modal--packages {
    width: min(100%, calc(100vw - 20px));
    max-height: min(92dvh, calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px));
    margin-inline: auto;
    box-sizing: border-box;
  }

  body[data-opc-theme='official'] .opc-compute-insufficient-backdrop--portal {
    padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right))
      max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
  }

  body[data-opc-theme='official'] .opc-official-embed-auth-banner {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    font-size: var(--opc-text-sm, 14px);
    line-height: 1.45;
  }

  body[data-opc-theme='official'].opc-auth-site-presentation .auth-modal-overlay {
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
  }

  body[data-opc-theme='official'] .auth-modal-center--forgot {
    width: min(100%, calc(100vw - 20px));
  }

  body[data-opc-theme='official'] .auth-forgot-head {
    padding-right: calc(8px + 36px);
  }

  body[data-opc-theme='official'] .prompt-shell-copy,
  body[data-opc-theme='official'] .prompt-shell-copy-official,
  body[data-opc-theme='official'] .plan-md-body :deep(.plan-code-frame-copy),
  body[data-opc-theme='official'] .plan-md-body :deep(.plan-code-frame-copy-official) {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body[data-opc-theme='official'] p.app-global-toast.app-global-toast--official {
    max-width: calc(100vw - 32px);
    margin-inline: auto;
  }

  body[data-opc-theme='official'] .opc-profile-toast-host {
    z-index: 300250;
    top: max(12px, env(safe-area-inset-top, 0px));
    bottom: auto;
  }

  /* 顶栏 Toast：避开固定导航，不被抽屉/弹层遮挡 */
  body[data-opc-theme='official'] .app-global-toast-host {
    top: calc(env(safe-area-inset-top, 0px) + 3.25rem + 6px);
    z-index: 200200;
  }

  /* 分享送算力：限制高度、内容滚动、底部关闭始终可见 */
  body[data-opc-theme='official'] .opc-referral-share-host {
    z-index: 200160;
    align-items: center;
    padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px));
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal {
    max-height: min(78dvh, calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px));
    width: min(100%, 24rem);
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal .opc-portal-dialog__footer {
    padding-top: 10px;
    padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal .opc-portal-dialog__footer button {
    min-height: 38px;
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal .opc-referral-share-scroll {
    flex: 1 1 0%;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(209, 160, 84, 0.75) rgba(209, 160, 84, 0.12);
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal .opc-referral-share-scroll::-webkit-scrollbar {
    width: 6px;
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal .opc-referral-share-scroll::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(209, 160, 84, 0.12);
  }

  body[data-opc-theme='official'] .opc-referral-share-host .opc-referral-share-modal .opc-referral-share-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(209, 160, 84, 0.75);
  }

  .opc-static-share-panel .opc-static-share-body {
    flex: 1 1 0%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .opc-static-share-overlay {
    z-index: 200160;
    align-items: center;
    padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px));
  }

  .opc-static-share-panel {
    max-height: min(78dvh, calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px));
    width: min(100%, 24rem);
  }

  .opc-static-share-panel .opc-static-share-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .opc-static-share-panel .opc-static-share-actions .opc-static-share-btn {
    width: 100%;
    min-height: 38px;
  }

  /* 手机内测登录：免责声明弹窗限高 + 正文滚动，底部按钮固定可见 */
  .opc-mobile-disclaimer-host {
    z-index: 200220;
    align-items: center;
    padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px));
  }

  .opc-mobile-disclaimer-panel {
    max-height: min(72dvh, calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px));
    width: min(100%, 24rem);
  }

  .opc-mobile-disclaimer-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(209, 160, 84, 0.75) transparent;
  }

  .opc-mobile-disclaimer-scroll::-webkit-scrollbar {
    width: 6px;
  }

  .opc-mobile-disclaimer-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(209, 160, 84, 0.75);
  }

  .opc-mobile-disclaimer-actions {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  }

  /* 微信扫码支付：手机 H5 大二维码 + 底部按钮横排 */
  .opc-wechat-pay-dialog__backdrop {
    z-index: 200220;
    padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px));
  }

  body[data-opc-theme='official'] .opc-wechat-pay-dialog__panel--mobile {
    width: min(100%, 22rem);
    max-width: calc(100vw - 24px);
  }

  .opc-wechat-pay-dialog__qr-img--mobile {
    width: min(72vw, 240px);
    height: auto;
    max-width: 100%;
  }

  .opc-wechat-pay-dialog__actions--mobile .opc-wechat-confirm-paid-btn,
  .opc-wechat-pay-dialog__actions--mobile button {
    min-height: 44px;
    width: 100%;
  }

  /* 请核对订单：内框铺满外框，确认/取消同一行 */
  body[data-opc-theme='official'] .opc-order-pay-confirm-panel {
    width: min(100%, calc(100vw - 20px));
    max-width: none;
  }

  body[data-opc-theme='official'] .opc-order-pay-confirm-panel .opc-order-pay-confirm-body {
    padding-left: 10px;
    padding-right: 10px;
  }

  body[data-opc-theme='official'] .opc-order-pay-detail--official {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 12px 14px;
  }

  body[data-opc-theme='official'] .opc-order-pay-confirm-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
  }

  body[data-opc-theme='official'] .opc-order-pay-confirm-footer .opc-orders-dialog-btn {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    height: 38px;
    max-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: var(--opc-type-button, 12px);
    line-height: 1.25;
    white-space: nowrap;
    box-sizing: border-box;
  }

  body[data-opc-theme='official'] .opc-order-pay-confirm-panel .opc-order-pay-beta-notice {
    font-size: 18px;
    line-height: 1.55;
  }

  /* 订阅页：信息行字号与图2一致 */
  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-account-status-row {
    font-size: 13px;
    line-height: 1.45;
    padding: 10px 0;
  }

  body[data-opc-theme='official'] .opc-theme-page--subscription .opc-subscription-subscribe-btn.opc-btn-gold-cta {
    min-height: 34px;
    padding: 6px 18px;
    font-size: var(--opc-type-button, 12px);
    font-weight: 600;
    width: auto;
    max-width: 100%;
  }

  /* 算力页与订单页：移动端标题保持相同的信息密度 */
  body[data-opc-theme='official']
    :is(.opc-theme-page--compute, .opc-theme-page--orders)
    .opc-section-head-text h2 {
    font-size: 15px;
    font-weight: 700;
  }

  body[data-opc-theme='official']
    :is(.opc-theme-page--compute, .opc-theme-page--orders)
    .opc-section-head-bar {
    height: 26px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-stat,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-arrears,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-total {
    padding: 12px;
    border-radius: 14px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-mini-grid {
    gap: 10px;
    margin-top: 12px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-stat label,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-total label,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-arrears-title {
    font-size: 13px;
    line-height: 1.45;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-arrears-hint,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-detail,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-purchase-foot {
    font-size: 12px;
    line-height: 1.5;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-stat strong,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-total-num,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-arrears-val {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 6px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-name,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-points-num,
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-yuan-num {
    font-size: 14px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-badge {
    font-size: 12px;
    padding: 4px 10px;
  }

  /* 算力包「购买」：与订阅「立即订阅」同尺寸，靠右与文案对齐 */
  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-buy {
    grid-column: 2;
    grid-row: 3;
    width: auto;
    max-width: none;
    min-height: 34px;
    height: auto;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    justify-self: end;
    align-self: center;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-line {
    gap: 8px 10px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-official-pkg-row {
    padding: 12px 10px;
  }

  body[data-opc-theme='official'] .opc-theme-page--compute .opc-power-panel {
    padding: 14px 10px;
  }
}

@media (max-width: 480px) {
  body[data-opc-theme='official'] .opc-plan-detail-actions .opc-plan-detail-action {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  body[data-opc-theme='official'] {
    --opc-text-sm: clamp(13px, 1.4vw, 14px);
    --opc-text-base: clamp(14px, 1.5vw, 16px);
    --opc-conv-compose-action-height: 38px;
  }
}