@charset "utf-8";
/** 腾数APP 产品页样式表。
 *
 * 布局、栅格、组件结构全部复用腾数小程序（channel_product_mini.css，先于本文件加载），
 * 本文件只负责两件事：
 *   1) 主题变量块：把 mini 的绿色主题变量改写成 APP 的靛蓝主题；
 *   2) 差异覆盖：mini 样式表中写死的绿色色值，逐条改写为靛蓝同族色值。
 * 结构与类名与腾数小程序保持一致，新增区块时请同步两个页面。*/
/*---------- 主题变量块（覆盖 .mini-page 的绿色变量与公共层 --builder-* 派生变量） ----------*/
.app-page { --mini-green: #5b5ff0; --mini-dark: #14183a; --mini-muted: #68728d; --mini-line: #e2e6f2; --mini-soft: #f4f5ff; --builder-blue: #5b5ff0; --builder-blue-dark: #4649d6; --builder-blue-rgb: 91, 95, 240; --builder-cta-a: #3f43d8; --builder-cta-b: #5b5ff0; --builder-cta-c: #8a8df8; color: var(--mini-dark); }
/*---------- 首屏（产品概述） ----------*/
.app-page .mini-hero:before { background-image: linear-gradient(rgba(46, 52, 140, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 52, 140, .07) 1px, transparent 1px); }
.app-page .mini-hero:after { border-color: rgba(28, 32, 84, .12); }
.app-page .mini-hero-glow { background: radial-gradient(circle, rgba(91, 95, 240, .18), transparent 67%); }
.app-page .mini-hero-kicker { border-color: rgba(91, 95, 240, .2); color: #4649d6; box-shadow: 0 .5rem 1.5rem rgba(91, 95, 240, .08); }
.app-page .mini-hero-copy > p { color: #5b6180; }
.app-page .mini-hero-trust { color: #66708d; }
.app-page .mini-hero-trust i { color: #5b5ff0; }
/*首屏工作台插图*/
.app-page .mini-workspace { border-color: rgba(190, 193, 225, .86); box-shadow: 0 2rem 4.5rem rgba(35, 40, 110, .16); }
.app-page .mini-workspace-bar { border-bottom-color: #e1e4f2; }
.app-page .mini-workspace-bar > em { color: #4649d6; }
.app-page .mini-workspace-tools { border-right-color: #e4e7f4; }
.app-page .mini-workspace-tools span.active { background: #e6e8fc; color: #4649d6; }
.app-page .mini-workspace-canvas { background-color: #f3f4fb; background-image: linear-gradient(rgba(70, 76, 140, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(70, 76, 140, .05) 1px, transparent 1px); }
.app-page .mini-workspace-canvas:before { background: rgba(91, 95, 240, .1); }
.app-page .mini-workspace-banner { background: linear-gradient(145deg, #232a6b, #6f73f5); }
.app-page .mini-workspace-banner span { color: #4649d6; }
.app-page .mini-workspace-grid i { background: #e4e6f4; }
.app-page .mini-workspace-grid i:nth-child(2) { background: #cdd0f8; }
.app-page .mini-workspace-grid i:nth-child(3) { background: #dadef6; }
.app-page .mini-workspace-panel { border-left-color: #e2e5f2; background: #fbfbfe; }
.app-page .mini-panel-option { border-color: #e2e5f2; }
.app-page .mini-panel-option i { color: #5b5ff0; }
.app-page .mini-float-card { border-color: rgba(213, 216, 238, .86); box-shadow: 0 1.25rem 3rem rgba(28, 32, 84, .13); }
.app-page .mini-card-code > b, .app-page .mini-card-live > b { background: #e6e8fc; color: #4649d6; }
/*浮卡与手机投影里的绿色残影统一改成靛蓝*/
.app-page .mini-feature-brand-card, .app-page .mini-feature-publish-card, .app-page .mini-feature-booking-card, .app-page .mini-feature-order-card, .app-page .mini-feature-message-card { box-shadow: 0 1.25rem 2.5rem rgba(28, 32, 84, .14); }
.app-page .mini-workspace-phone { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13), 0 .25rem .55rem rgba(20, 24, 60, .13), 0 1.35rem 2.75rem rgba(28, 32, 84, .18); }
/*---------- 按钮与产品导航 ----------*/
.app-page .mini-btn-primary { box-shadow: 0 .75rem 1.562rem rgba(91, 95, 240, .23); }
.app-page .mini-btn-primary:hover { border-color: #4649d6; background: #4649d6; box-shadow: 0 1rem 1.875rem rgba(91, 95, 240, .3); }
.app-page .mini-btn-outline:hover { border-color: #a9adf0; color: #4649d6; }
.app-page .mini-nav-cta:hover { background: #4649d6; box-shadow: 0 .5rem 1.25rem rgba(91, 95, 240, .2); }
.app-page .mini-btn-primary:focus-visible, .app-page .mini-btn-outline:focus-visible, .app-page .mini-nav-cta:focus-visible { outline-color: rgba(91, 95, 240, .32); }
/*选中/悬停色由 mini 样式表的 var(--mini-green) 规则提供，此处只改未选中态字色*/
.app-page .mini-nav-links a { color: #5d6480; }
/*---------- 产品指标 ----------*/
.app-page .proof-item strong { color: #14183a; }
/*---------- 核心能力 ----------*/
.app-page .mini-capabilities { background: #f3f4ff; }
.app-page .mini-capability-card { --cap-soft: #eef0ff; --cap-shadow: rgba(91, 95, 240, .18); }
/*---------- 搭建流程 ----------*/
.app-page .mini-workflow-visual { background: radial-gradient(circle at 78% 20%, rgba(91, 95, 240, .14), transparent 30%),
    linear-gradient(145deg, #eef0ff, #f8f8ff); }
.app-page .mini-workflow-editor { border-color: #d5d8ee; box-shadow: 0 1.5rem 3rem rgba(35, 40, 110, .15); }
.app-page .mini-workflow-editor-bar { border-bottom-color: #e4e7f4; }
.app-page .mini-workflow-editor-bar > em { background: #e6e8fc; color: #4649d6; }
.app-page .mini-workflow-editor-body aside { border-right-color: #e4e7f4; background: #fbfbfd; }
.app-page .mini-workflow-editor-body aside i.active { background: #e6e8fc; color: #4649d6; }
.app-page .mini-workflow-canvas { background-color: #f4f5fc; background-image: linear-gradient(rgba(68, 74, 140, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(68, 74, 140, .05) 1px, transparent 1px); }
.app-page .mini-workflow-phone { border-color: #171c3a; box-shadow: 0 1rem 2rem rgba(28, 32, 84, .16); }
.app-page .mini-workflow-phone > span { background: #171c3a; }
.app-page .mini-workflow-phone-head i { background: #ccd0e4; }
.app-page .mini-workflow-phone-hero { background: linear-gradient(145deg, #232a6b, #6f73f5); }
.app-page .mini-workflow-phone-hero em { color: #4649d6; }
.app-page .mini-workflow-phone-grid i { background: #dfe1f2; }
.app-page .mini-workflow-phone-grid i:nth-child(2) { background: #c3c6f7; }
.app-page .mini-workflow-components { border-color: #d7daef; box-shadow: 0 1rem 2rem rgba(35, 40, 110, .14); }
.app-page .mini-workflow-components small { color: #8589a6; }
.app-page .mini-workflow-components span { background: #f3f4fb; }
.app-page .mini-workflow-components span i { color: #5b5ff0; }
.app-page .mini-workflow-publish { border-color: #d5d8ee; box-shadow: 0 1rem 2rem rgba(35, 40, 110, .14); }
.app-page .mini-workflow-publish > i { background: #e6e8fc; color: #4649d6; }
.app-page .mini-workflow-publish b { color: #171c3a; }
.app-page .mini-workflow-cursor { color: #5b5ff0; }
.app-page .mini-workflow-steps li:not(:last-child):after { background: #d7dbef; }
.app-page .mini-workflow-steps li > b { background: #e6e8fc; color: #4649d6; }
/*---------- 特色功能 ----------*/
.app-page .mini-features { background: #f3f4ff; }
.app-page .mini-feature-visual { background: #e6e8fb; }
.app-page .mini-feature-row picture { background: #e6e8fb; }
.app-page .mini-feature-visual:before { border-color: rgba(40, 45, 120, .1); }
.app-page .mini-feature-visual-1 { background: linear-gradient(145deg, #e9eaff 0%, #dfe1fb 100%); }
.app-page .mini-feature-visual-2 { background: linear-gradient(145deg, #eef0fd 0%, #dfe2fa 100%); }
.app-page .mini-feature-visual-3 { background: linear-gradient(145deg, #e7e9fc 0%, #d4d8f6 100%); }
.app-page .mini-feature-visual-4 { background: linear-gradient(145deg, #eaebfd 0%, #d9dcf8 100%); }
.app-page .mini-feature-details li:hover { border-color: #b9bdf5; box-shadow: 0 .65rem 1.5rem rgba(40, 45, 120, .07); }
.app-page .mini-feature-details > li > i { background: #e6e8fc; color: #4649d6; }
/*首项导航块走 var(--mini-green)，只覆盖其余灰块*/
.app-page .mini-feature-phone-nav i:not(:first-child) { background: #ccd0e4; }
.app-page .mini-feature-brand-hero { background: linear-gradient(135deg, #1e2260 0%, #5b5ff0 100%); }
.app-page .mini-feature-content-grid span { background: #e4e6f5; }
.app-page .mini-feature-content-grid span:first-child { background: linear-gradient(150deg, #dcdffa, #eef0fa); }
.app-page .mini-feature-content-grid span:last-child { background: #c9ccf8; }
/*品牌浮卡图标为深色基座，其余浮卡走 var(--mini-green)，无需覆盖*/
.app-page .mini-feature-brand-card > i { background: #171c3a; }
.app-page .mini-feature-shop-banner { background: linear-gradient(135deg, #1e2260, #6f73f5); }
.app-page .mini-feature-product-grid div > i { background: linear-gradient(145deg, #e0e2f5, #c3c6f7); }
.app-page .mini-feature-product-grid div:nth-child(2) > i { background: linear-gradient(145deg, #e8eaf6, #d3d6ee); }
.app-page .mini-feature-product-grid span { color: #4649d6; }
.app-page .mini-feature-sales-card span { color: #4649d6; }
.app-page .mini-feature-member-phone { background: #f7f8fd; }
.app-page .mini-feature-member-head > span { background: #e3e5fb; color: #4649d6; }
.app-page .mini-feature-member-card { background: linear-gradient(135deg, #171c3a, #3a3f8f); }
.app-page .mini-feature-member-card > i { border-color: rgba(91, 95, 240, .45); }
.app-page .mini-feature-coupon > i { background: #e6e8fc; color: #4649d6; }
.app-page .mini-feature-growth-card { background: #171c3a; }
.app-page .mini-feature-growth-card > small { color: #a3a7c4; }
.app-page .mini-feature-growth-card > div i { background: #5a5f86; }
.app-page .mini-feature-growth-card > div i:nth-child(4) { background: #4649d6; }
.app-page .mini-feature-growth-card > span { color: #a7abc8; }
.app-page .mini-feature-growth-card > span b { color: #8a8df8; }
.app-page .mini-feature-data { background: #171c3a; }
.app-page .mini-feature-data i { background: #dcdffa; }
/*---------- 应用场景 ----------*/
.app-page .builder-scenario-shell { box-shadow: 0 1.75rem 4.5rem rgba(28, 32, 84, .1); }
.app-page .builder-scenario-tabs { background: linear-gradient(155deg, #f4f5fb, #e9ebf7); }
.app-page .builder-scenario-tabs button.active { box-shadow: 0 1rem 2.25rem rgba(28, 32, 84, .18); }
.app-page .builder-scenario-tabs button.active::before { border-color: rgba(91, 95, 240, .3); background: rgba(91, 95, 240, .14); color: #9a9dfa; }
.app-page .builder-scenario-tabs button:focus-visible { outline-color: rgba(91, 95, 240, .28); }
.app-page .builder-scenario-copy > span { border-color: #d0d3f7; background: #f0f1fe; color: #4649d6; }
.app-page .builder-scenario-copy a:hover { color: #4649d6; }
.app-page .builder-scenario-visual { background: linear-gradient(145deg, #e8eaff 0%, #cfd2fa 100%); }
.app-page .builder-scenario-visual::before { background-image: linear-gradient(rgba(46, 52, 140, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 52, 140, .055) 1px, transparent 1px); }
.app-page .builder-scenario-visual::after { border-color: rgba(35, 40, 110, .13); }
.app-page .mini-scenario-tone-2 { background: linear-gradient(145deg, #f1f2fa 0%, #dfe2f4 100%); }
.app-page .mini-scenario-tone-3 { background: linear-gradient(145deg, #e9ebfb 0%, #d2d6f6 100%); }
.app-page .mini-scenario-tone-4 { background: linear-gradient(145deg, #eceefe 0%, #d8dbf8 100%); }
.app-page .mini-scenario-device { box-shadow: 0 2.25rem 4.75rem rgba(28, 32, 84, .2); }
.app-page .mini-scenario-card { background: rgba(20, 24, 54, .96); box-shadow: 0 1.5rem 3rem rgba(20, 24, 60, .24); }
.app-page .mini-scenario-card > i { background: rgba(91, 95, 240, .16); }
.app-page .mini-scenario-app-hero { background: radial-gradient(circle at 80% 18%, rgba(255, 255, 255, .24), transparent 25%), linear-gradient(135deg, #232a6b 0%, #5b5ff0 100%); }
.app-page .mini-scenario-app-actions span { background: #f0f1fa; }
.app-page .mini-scenario-app-actions i { color: #4649d6; }
.app-page .mini-scenario-app-list i { background: linear-gradient(145deg, #dcdffa, #eef0fa); }
.app-page .mini-scenario-app-list i:first-child { background: linear-gradient(145deg, #c5c9f7, #e8eaf9); }
.app-page .mini-scenario-course-banner { background: linear-gradient(135deg, #1b2044 0%, #4a5089 100%); }
.app-page .mini-scenario-course-progress { background: #eef0fa; color: #5b6080; }
.app-page .mini-scenario-course-progress b { color: #4649d6; }
.app-page .mini-scenario-course-progress i { background: linear-gradient(90deg, var(--mini-green) 64%, #d5d8ec 64%); }
.app-page .mini-scenario-course-list span { background: #f2f3fa; }
.app-page .mini-scenario-course-list span:first-child { background: #dfe2fb; }
.app-page .mini-scenario-course-list i { color: #4649d6; }
.app-page .mini-scenario-course-list b { color: #252a48; }
.app-page .mini-scenario-shop-banner { background: linear-gradient(135deg, #232a6b 0%, #6f73f5 100%); }
.app-page .mini-scenario-product-list > span > i { background: linear-gradient(145deg, #d8dbf5, #a7abf0); }
.app-page .mini-scenario-product-list > span:nth-child(2) > i { background: linear-gradient(145deg, #e6e8f6, #cbd0ee); }
.app-page .mini-scenario-product-list b { color: #383e5c; }
.app-page .mini-scenario-product-list em { color: #4649d6; }
.app-page .mini-scenario-member-bar { background: #171c3a; }
.app-page .mini-scenario-member-bar > i { color: #8a8df8; }
.app-page .mini-scenario-business-banner { background: linear-gradient(135deg, #1b2044 0%, #3f4585 100%); }
.app-page .mini-scenario-service-list span { border-color: #e0e3f2; background: #f7f8fd; }
.app-page .mini-scenario-service-list i { color: #4649d6; }
.app-page .mini-scenario-service-list b { color: #4a5070; }
.app-page .mini-scenario-lead-bar { background: #edf0fa; }
.app-page .mini-scenario-lead-bar i { background: #bfc3f7; }
.app-page .mini-scenario-lead-bar span { background: #ced2ec; }
/*面板整体高度固定：左侧 8 个选项不再把面板撑到 51rem，选项列表超出部分改为上下滚动；
   右侧面板填满固定高度，消除右侧超出实际面板高度的大片留白。仅桌面栅格布局生效，移动端维持原上下结构*/
@media (min-width: 992px) {
  .app-page .builder-scenario-shell { height: 37.5rem; }
  .app-page .builder-scenario-panels { height: 100%; }
  .app-page .builder-scenario-panel { height: 100%; }
  .app-page .builder-scenario-tabs { overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: rgba(91, 95, 240, .35) transparent; }
  .app-page .builder-scenario-tabs button { flex-shrink: 0; }
  .app-page .builder-scenario-tabs::-webkit-scrollbar { width: .3rem; }
  .app-page .builder-scenario-tabs::-webkit-scrollbar-track { background: transparent; }
  .app-page .builder-scenario-tabs::-webkit-scrollbar-thumb { border-radius: 1rem; background: rgba(91, 95, 240, .32); }
}
/*---------- 结尾 CTA ----------*/
.app-page .builder-final-cta .btn { color: #4649d6; box-shadow: 0 .875rem 1.875rem rgba(35, 40, 120, .2); }
.app-page .builder-final-cta .btn:hover { color: #3a3ec0; box-shadow: 0 1rem 2rem rgba(35, 40, 120, .28); }