@charset "utf-8";
/** 本文件仅保留：1) 页面主题变量（.mini-page 变量块） 2) 页面专属样式 3) 与公共层不同的覆盖规则。
 * 其余公共样式已统一抽取至 inc_style.css（全站公共样式表，先于本文件加载）。*/
/*主题变量（box-sizing、a 链接、scroll-margin 已由公共层 inc_style.css 提供）*/
.mini-page { --mini-green: #18c843; --mini-dark: #071009; --mini-muted: #657069; --mini-line: #dce3de; --mini-soft: #f4f7f5; --builder-cta-a: #079c2c; --builder-cta-b: #18c843; --builder-cta-c: #54d86f; color: var(--mini-dark); overflow: clip; background: #fff; }
/*Hero 装饰（面包屑颜色/分隔符由全站统一 .common-breadcrumb 提供）*/
.mini-hero:after { content: ""; position: absolute; width: 31rem; height: 31rem; right: -8rem; bottom: -19rem; border: 1px solid rgba(4,22,8,.12); border-radius: 50%; }
.mini-hero-glow { position: absolute; width: 33rem; height: 33rem; right: 7%; top: 4rem; background: radial-gradient(circle,rgba(24,200,67,.18),transparent 67%); filter: blur(2rem); }
/*区块标题系统*/
.mini-heading { max-width: none; margin: 0 auto 3.75rem; text-align: center; }
.mini-heading.text-start { margin-left: 0; }
.mini-heading>span { display: inline-flex; align-items: center; gap: .75rem; color: var(--mini-green); font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mini-heading>span:before { content: ""; width: 2rem; height: .125rem; background: currentColor; }
.mini-heading h2 { margin: 1.25rem 0 1rem; font-size: clamp(2rem,3.5vw,3.25rem); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
.mini-heading p { margin: 0; color: var(--mini-muted); font-size: 1rem; line-height: 1.8; }
/*区块标题、描述桌面端单行展示；小屏由 767.98px 断点恢复换行*/
.mini-heading h2,.mini-heading p { white-space: nowrap; }
/*Hero 文案与配图*/
.mini-hero h1 { max-width: 37rem; margin: 1.5rem 0 1.25rem; font-size: clamp(2.65rem,4vw,3.35rem); text-wrap: balance; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.mini-hero-copy>p { max-width: 35rem; margin: 0; color: #5b665f; font-size: 1.125rem; line-height: 1.85; }
.mini-hero-image { width: 100%; height: 100%; object-fit: contain; }
/*产品导航链接*/
.mini-product-nav.is-stuck { box-shadow: 0 .5rem 1.5rem rgba(14,27,17,.07); }
.mini-product-nav .container { display: flex; height: 100%; align-items: center; }
.mini-nav-links a { position: relative; color: #5d685f; font-size: .875rem; }
.mini-nav-links a:after { content: ""; position: absolute; right: 0; bottom: -1.6rem; left: 0; height: .125rem; background: var(--mini-green); transform: scaleX(0); transition: .2s; }
.mini-nav-links a:hover,.mini-nav-links a.active { color: #0c160e; }
.mini-nav-links a.active:after { transform: scaleX(1); }
/*区块通用间距*/
.mini-section { padding: 7.5rem 0; }
/*特色功能兜底插图（未配置图片时的设备示意图）*/
.mini-feature-device { position: relative; width: 13rem; height: 22rem; padding: 2.2rem 1.1rem 1rem; border: .15rem solid #111; border-radius: 1.5rem; background: #fff; box-shadow: 0 2rem 3rem rgba(5,20,9,.16); }
.mini-feature-device>i { display: block; width: 4rem; height: .35rem; background: #121a14; }
.mini-feature-device>b { display: block; height: 5.5rem; margin: 1.4rem 0 1rem; background: var(--mini-green); }
.mini-feature-device>span { display: inline-block; width: 42%; height: 4rem; margin-right: .5rem; background: #e3e9e5; }
.mini-feature-device>em { display: block; width: 85%; height: .5rem; margin-top: 1rem; background: #ccd4cf; }
.mini-feature-data { position: absolute; right: 8%; bottom: 12%; width: 9rem; padding: 1.2rem; background: #101712; box-shadow: 0 1rem 2rem rgba(0,0,0,.2); }
.mini-feature-data i { display: inline-block; width: 1.5rem; height: 4rem; margin-right: .45rem; background: #d3f5da; vertical-align: bottom; }
.mini-feature-data i:nth-child(2) { height: 5.8rem; background: var(--mini-green); }
.mini-feature-data i:nth-child(3) { height: 3rem; }
.mini-feature-data strong { display: block; width: 70%; height: .35rem; margin-top: 1rem; background: #68726b; }
/*场景卡文字（布局与配色见下方 .mini-scenario-card 区块）*/
.mini-scenario-card strong,.mini-scenario-card span { display: block; }
.mini-scenario-card strong { margin-top: 1.2rem; }
.mini-scenario-card span { margin-top: .3rem; color: #9ca69f; font-size: .75rem; }
/*自定义富文本内容*/
.mini-custom-content .mini-richtext { max-width: 62rem; margin: 0 auto; }
/*滚动显现动效*/
.mini-reveal { opacity: 0; transform: translateY(2rem); transition: opacity .7s ease,transform .7s ease; }
.mini-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width:1199.98px) {
  .mini-nav-links a { font-size: .78rem; }
  .mini-feature-copy { padding: 3rem; }
  .mini-page .builder-scenario-copy { padding: 3rem; }
}
@media (max-width:991.98px) {
  .mini-hero-copy>p { margin: auto; }
  .mini-actions { justify-content: center; }
  .mini-product-nav { overflow-x: auto; }
  .mini-product-nav .container { width: max-content; max-width: none; min-width: 100%; padding-right: 1rem; padding-left: 1rem; }
  .mini-nav-brand,.mini-nav-cta { position: sticky; z-index: 2; background: #fff; }
  .mini-nav-brand { left: 0; padding-right: 1rem; }
  .mini-nav-cta { right: 0; margin-left: 1rem; }
  .mini-section { padding: 6rem 0; }
  .mini-heading.text-start { max-width: none; }
}
@media (max-width:767.98px) {
  .mini-hero-row { min-height: auto; }
  .mini-hero h1 { font-size: 2.55rem; }
  .mini-hero-copy>p { font-size: 1rem; }
  .mini-product-nav { height: 3.9rem; }
  .mini-nav-links a:after { bottom: -1.35rem; }
  .mini-nav-cta { display: none; }
  .mini-section { padding: 4.5rem 0; }
  .mini-heading { margin-bottom: 2.75rem; }
  .mini-heading h2 { font-size: 2.15rem; }
  .mini-heading h2,.mini-heading p { white-space: normal; }
  .mini-feature-row { min-height: auto; }
}
@media (max-width:479.98px) {
  .mini-hero h1 { font-size: 2.25rem; letter-spacing: -.035em; }
  .mini-actions { width: 100%; max-width: 100%; margin-right: 0; margin-left: 0; }
  .mini-actions .btn { width: 100%; }
  .mini-heading h2 { font-size: 1.85rem; }
  .mini-feature-device { width: 11rem; height: 20rem; }
  .mini-feature-data { right: 3%; width: 8rem; }
}
@media (prefers-reduced-motion:reduce) {
  .mini-reveal { opacity: 1; transform: none; transition: none; }
  .mini-btn-primary,.mini-btn-outline { transition: none; }
}
/*Keep the overview close to the breadcrumb and identify the product at a glance.*/
.mini-hero { position: relative; background: linear-gradient(135deg,#f8fbff 0%,#edf5ff 52%,#f5faff 100%); overflow: hidden; display: flex; flex-direction: column; min-height: calc(100svh - var(--tncms-header-height,4.375rem)); padding: 1.5rem 0 3rem; }
.mini-hero .container { flex: 1; display: flex; flex-direction: column; }
.mini-hero .common-breadcrumb { position: relative; z-index: 2; margin-bottom: 1.5rem; }
/*首屏背景栅格：与首页 banner-container 一致的浅色网格纹理，绿色调适配*/
.mini-hero:before { content: ""; position: absolute; inset: 0; opacity: .5; pointer-events: none; background-image: linear-gradient(rgba(11,92,36,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,92,36,.07) 1px,transparent 1px); background-size: 2.75rem 2.75rem; -webkit-mask-image: linear-gradient(to bottom,#000,transparent 94%); mask-image: linear-gradient(to bottom,#000,transparent 94%); }
.mini-hero-row { position: relative; z-index: 1; min-height: auto; flex: 1; align-items: center; }
.mini-hero-copy { padding-top: 0; }
.mini-hero-kicker { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: .15rem; padding: .48rem .8rem; border: 1px solid rgba(24,200,67,.2); border-radius: 2rem; background: rgba(255,255,255,.76); color: #0b9c2d; font-size: .76rem; font-weight: 700; letter-spacing: .04em; box-shadow: 0 .5rem 1.5rem rgba(24,200,67,.08); }
@media (max-width:991.98px) {
  .mini-hero { min-height: auto; padding-bottom: 2.75rem; }
  .mini-hero-copy { text-align: center; padding-top: .75rem; }
}
@media (max-width:767.98px) {
  .mini-hero { min-height: auto; padding-top: 1.1rem; }
  .mini-hero-copy { padding-top: .5rem; }
  .mini-hero-kicker { margin-bottom: 0; }
}
/*Features: light, spacious product showcase inspired by the approved reference.*/
.mini-features { padding-top: 6.25rem; background: #f2f7ff; color: #080b09; }
.mini-feature-list { display: flex; flex-direction: column; gap: 7rem; border-top: 0; }
.mini-feature-row,.mini-feature-row.is-reverse { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.15fr); align-items: center; gap: 6rem; min-height: 35rem; border-bottom: 0; }
.mini-feature-row.is-reverse { grid-template-columns: minmax(0,1.15fr) minmax(0,.9fr); }
.mini-feature-row.is-reverse .mini-feature-copy { order: 2; }
.mini-feature-copy { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 3rem 1.5rem; }
.mini-feature-copy small { color: var(--mini-green); font-size: .8rem; font-weight: 500; letter-spacing: .28em; }
.mini-feature-copy h3 { max-width: 29rem; margin: 1.45rem 0 1.7rem; font-size: clamp(1.8rem,2.65vw,2.65rem); line-height: 1.3; letter-spacing: -.025em; }
.mini-feature-copy p { position: relative; max-width: 34rem; margin: 0; padding-left: 1.75rem; color: #6b716d; font-size: 1.05rem; line-height: 1.9; }
.mini-feature-copy p:before { content: ""; position: absolute; top: .78rem; left: 0; width: .48rem; height: .48rem; border-radius: 50%; background: var(--mini-green); }
.mini-feature-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.mini-feature-details li { display: flex; min-width: 0; min-height: 4.75rem; align-items: center; gap: .75rem; padding: .8rem; border: 1px solid #dfe5e1; border-radius: .85rem; background: rgba(255,255,255,.76); transition: border-color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.mini-feature-details li:hover { border-color: #a9dcb4; background: #fff; transform: translateY(-.125rem); box-shadow: 0 .65rem 1.5rem rgba(31,76,41,.07); }
.mini-feature-details>li>i { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 2.25rem; place-items: center; border-radius: .65rem; background: #def7e3; color: #0aa832; font-size: 1rem; }
.mini-feature-details span { display: flex; min-width: 0; flex-direction: column; }
.mini-feature-details b { color: #222925; font-size: .84rem; font-weight: 650; line-height: 1.35; }
.mini-feature-details em { margin-top: .2rem; color: #858d88; font-size: .7rem; font-style: normal; line-height: 1.45; }
.mini-feature-copy>span { display: none; }
.mini-feature-visual,.mini-feature-row picture { position: relative; display: grid; place-items: center; overflow: hidden; min-height: 35rem; border-radius: 1.75rem; background: #e2f7df; }
.mini-feature-row picture img { width: 100%; height: 100%; object-fit: cover; }
.mini-features .mini-feature-device { width: 16rem; height: 25rem; }
@media (max-width:1199.98px) {
  .mini-feature-row,.mini-feature-row.is-reverse { gap: 3.5rem; }
  .mini-feature-copy { padding: 2.5rem 1rem; }
}
@media (max-width:991.98px) {
  .mini-feature-list { gap: 5rem; }
  .mini-feature-row,.mini-feature-row.is-reverse { grid-template-columns: 1fr; gap: 2.5rem; min-height: 0; }
  .mini-feature-row.is-reverse .mini-feature-copy { order: 0; }
  .mini-feature-copy { padding: 0 1rem; }
  .mini-feature-visual,.mini-feature-row picture { min-height: 31rem; }
}
@media (max-width:767.98px) {
  .mini-features { padding-top: 4.5rem; }
  .mini-feature-list { gap: 4.25rem; }
  .mini-feature-copy { padding: 0; }
  .mini-feature-copy small { font-size: .72rem; }
  .mini-feature-copy h3 { margin: 1rem 0 1.25rem; font-size: 1.8rem; }
  .mini-feature-copy p { padding-left: 1.35rem; font-size: .95rem; line-height: 1.8; }
  .mini-feature-copy p:before { top: .68rem; }
  .mini-feature-visual,.mini-feature-row picture { min-height: 25rem; border-radius: 1.2rem; }
  .mini-features .mini-feature-device { width: 12rem; height: 21rem; }
}
@media (max-width:575.98px) {
  .mini-feature-details { grid-template-columns: 1fr; margin-top: 1.5rem; }
  .mini-feature-details li { min-height: 4.25rem; }
  .mini-feature-details em { font-size: .72rem; }
}
/*Replace the site header with the product navigation after the hero.*/
.mini-nav-sentinel { width: 100%; height: 0; }
.mini-product-nav { position: sticky; z-index: 100; height: 4.4rem; border-bottom: 1px solid var(--mini-line); background: rgba(255,255,255,.96); backdrop-filter: blur(1rem); top: var(--tncms-header-height); transition: top .28s ease,box-shadow .28s ease; }
.mini-product-nav-docked .tncms-header { opacity: 0; pointer-events: none; transform: translateY(-100%); }
.mini-product-nav-docked .mini-nav-sentinel { height: 4.4rem; }
.mini-product-nav-docked .mini-product-nav { position: fixed; top: 0; right: 0; left: 0; z-index: 1040; box-shadow: 0 .5rem 1.5rem rgba(14,27,17,.1); }
.mini-product-nav-docked .mini-page [id] { scroll-margin-top: 5.6rem; }
@media (max-width:767.98px) {
  .mini-product-nav-docked .mini-nav-sentinel { height: 3.9rem; }
  .mini-product-nav-docked .mini-page [id] { scroll-margin-top: 4.75rem; }
}
/*Match the tncms-builder navigation brand and button system.*/
.mini-nav-logo { display: block; width: auto; max-width: 0; height: 2.5rem; flex: 0 0 auto; object-fit: contain; object-position: left center; opacity: 0; visibility: hidden; transform: translateY(-.4rem); transition: max-width .28s ease,opacity .2s ease,transform .28s ease,visibility .2s; }
.mini-product-nav-docked .mini-nav-logo { max-width: 10.5rem; opacity: 1; visibility: visible; transform: none; }
.mini-actions { display: flex; margin-top: 2.25rem; gap: .812rem; }
.mini-btn-primary,.mini-btn-outline { display: inline-flex; align-items: center; justify-content: center; gap: 1.25rem; min-height: auto; padding: .812rem 1.625rem; border-radius: .5rem; font-size: .95rem; font-weight: 650; transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease; }
.mini-btn-primary { border-color: var(--mini-green); background: var(--mini-green); color: #fff; box-shadow: 0 .75rem 1.562rem rgba(24,200,67,.23); }
.mini-btn-primary:hover { border-color: #0aad31; background: #0aad31; color: #fff; transform: translateY(-.125rem); box-shadow: 0 1rem 1.875rem rgba(24,200,67,.3); }
.mini-btn-outline { border: 1px solid #cfd9d1; background: rgba(255,255,255,.72); color: #34453a; }
.mini-btn-outline:hover { border-color: #9fbaa6; background: #fff; color: #0aad31; transform: translateY(-.125rem); }
.mini-nav-cta { flex: 0 0 auto; padding: .562rem 1.375rem; border: 0; border-radius: 62.438rem; background: var(--mini-green); color: #fff; font-size: .8rem; font-weight: 650; box-shadow: none; transition: background-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.mini-nav-cta:hover { background: #0aad31; color: #fff; transform: translateY(-.062rem); box-shadow: 0 .5rem 1.25rem rgba(24,200,67,.2); }
.mini-btn-primary:focus-visible,.mini-btn-outline:focus-visible,.mini-nav-cta:focus-visible { outline: .18rem solid rgba(24,200,67,.32); outline-offset: .18rem; }
@media (max-width:767.98px) {
  .mini-product-nav-docked .mini-nav-logo { height: 2rem; }
  .mini-actions { flex-direction: column; align-items: stretch; max-width: 21rem; margin-right: auto; margin-left: auto; gap: .812rem; }
}
/*Feature scenes: every illustration mirrors the business meaning of its copy.*/
.mini-feature-visual { isolation: isolate; }
.mini-feature-visual:before,.mini-feature-visual:after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.mini-feature-visual:before { width: 24rem; height: 24rem; right: -8rem; top: -10rem; border: 1px solid rgba(20,85,37,.1); }
.mini-feature-visual:after { width: 18rem; height: 18rem; left: -8rem; bottom: -10rem; background: rgba(255,255,255,.34); }
.mini-feature-visual-1 { background: linear-gradient(145deg,#e9f9e8 0%,#dff5dc 100%); }
.mini-feature-visual-2 { background: linear-gradient(145deg,#eef8ec 0%,#dff2dc 100%); }
.mini-feature-visual-3 { background: linear-gradient(145deg,#e5f5ed 0%,#d4efe0 100%); }
.mini-feature-visual-4 { background: linear-gradient(145deg,#eaf7e5 0%,#d9f0d4 100%); }
.mini-feature-phone { position: relative; z-index: 2; width: 16.5rem; height: 29rem; padding: 1.15rem; border: .18rem solid #101712; border-radius: 2.25rem; background: #fff; box-shadow: 0 2.25rem 4rem rgba(25,66,34,.18); }
/*手机刘海：feature/scenario/workflow 三套插图共用基座，各自仅保留尺寸差异*/
.mini-feature-phone:before,.mini-scenario-device:before,.mini-workflow-phone>span { content: ""; position: absolute; top: .5rem; left: 50%; width: 4rem; height: .32rem; border-radius: 1rem; background: #111a14; transform: translateX(-50%); }
.mini-feature-phone:before { top: .55rem; width: 4.5rem; height: .38rem; }
.mini-feature-phone-bar { display: flex; align-items: center; justify-content: space-between; height: 2.5rem; margin-top: .3rem; color: #172019; }
.mini-feature-phone-bar>i { width: 1rem; height: .22rem; background: #172019; box-shadow: 0 .35rem #172019; }
.mini-feature-phone-bar>b { font-size: .62rem; letter-spacing: .14em; }
.mini-feature-phone-bar>span { width: 1rem; height: 1rem; border: .1rem solid #172019; border-radius: 50%; }
.mini-feature-phone-nav { position: absolute; right: 1.15rem; bottom: 1.15rem; left: 1.15rem; display: flex; justify-content: space-around; padding: .75rem 0; border-top: 1px solid #e1e8e3; }
.mini-feature-phone-nav i { width: .72rem; height: .72rem; border-radius: .18rem; background: #cbd5ce; }
.mini-feature-phone-nav i:first-child { background: var(--mini-green); }
.mini-feature-brand-hero { height: 8.6rem; padding: 1.2rem; background: linear-gradient(135deg,#092d15 0%,#17c843 100%); color: #fff; }
/*渐变横幅文字：品牌/商城/工作台/流程四类横幅的 small/strong/em/span 均为块级，尺寸色值各自保留*/
.mini-feature-brand-hero small,.mini-feature-brand-hero strong,.mini-feature-shop-banner small,.mini-feature-shop-banner strong,.mini-feature-shop-banner span,.mini-workspace-banner small,.mini-workspace-banner strong,.mini-workspace-banner span,.mini-workflow-phone-hero small,.mini-workflow-phone-hero strong,.mini-workflow-phone-hero em { display: block; }
.mini-feature-brand-hero small { font-size: .48rem; letter-spacing: .16em; opacity: .76; }
.mini-feature-brand-hero strong { margin-top: .85rem; font-size: 1.25rem; line-height: 1.28; }
.mini-feature-brand-hero i { display: block; width: 2.6rem; height: .16rem; margin-top: .85rem; background: #fff; }
.mini-feature-content-grid { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 4.5rem 3.5rem; gap: .55rem; margin-top: .65rem; }
.mini-feature-content-grid span { background: #e2e9e4; }
.mini-feature-content-grid span:first-child { grid-row: 1/3; background: linear-gradient(150deg,#d2edd7,#edf2ee); }
.mini-feature-content-grid span:last-child { background: #bcefc7; }
.mini-feature-brand-card,.mini-feature-publish-card,.mini-feature-booking-card,.mini-feature-order-card,.mini-feature-message-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; background: #fff; box-shadow: 0 1.25rem 2.5rem rgba(22,62,30,.14); }
.mini-feature-brand-card { left: 7%; bottom: 13%; }
.mini-feature-publish-card { right: 5%; top: 13%; }
.mini-feature-brand-card>i,.mini-feature-publish-card>i,.mini-feature-booking-card>i,.mini-feature-order-card>i,.mini-feature-message-card>i { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; background: #111813; color: #fff; font-size: 1.1rem; }
.mini-feature-publish-card>i,.mini-feature-booking-card>i,.mini-feature-order-card>i,.mini-feature-message-card>i { background: var(--mini-green); }
.mini-feature-brand-card span,.mini-feature-publish-card span,.mini-feature-booking-card span,.mini-feature-order-card span,.mini-feature-message-card span { display: flex; flex-direction: column; }
.mini-feature-brand-card b,.mini-feature-publish-card b,.mini-feature-booking-card b,.mini-feature-order-card b,.mini-feature-message-card b { color: #111813; font-size: .78rem; }
.mini-feature-brand-card small,.mini-feature-publish-card small,.mini-feature-booking-card small,.mini-feature-order-card small,.mini-feature-message-card small { margin-top: .18rem; color: #7b857e; font-size: .62rem; }
.mini-feature-booking-phone { padding: 1.15rem 1.3rem; }
.mini-feature-booking-head { display: flex; align-items: flex-end; gap: .55rem; padding: 1rem 0 .8rem; }
.mini-feature-booking-head small { position: absolute; margin-top: -1.4rem; color: #7b857e; font-size: .55rem; letter-spacing: .15em; }
.mini-feature-booking-head strong { font-size: 2.75rem; line-height: 1; }
.mini-feature-booking-head span { padding-bottom: .25rem; color: #68736b; font-size: .68rem; }
.mini-feature-calendar { display: grid; grid-template-columns: repeat(7,1fr); gap: .4rem; padding: 1rem .45rem; border-radius: .65rem; background: #f2f6f3; text-align: center; }
.mini-feature-calendar b { color: #8a948d; font-size: .5rem; font-weight: 500; }
.mini-feature-calendar i { width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #dfe6e1; }
.mini-feature-calendar i.active { position: relative; background: var(--mini-green); box-shadow: 0 .35rem .7rem rgba(24,200,67,.25); }
.mini-feature-calendar i.active:after { content: "24"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: .43rem; font-style: normal; }
.mini-feature-time-slots { display: flex; gap: .38rem; margin-top: 1rem; }
.mini-feature-time-slots span { flex: 1; padding: .55rem .2rem; border: 1px solid #d6dfd8; border-radius: .35rem; color: #68736b; font-size: .55rem; text-align: center; }
.mini-feature-time-slots span.active { border-color: var(--mini-green); background: #e5f9e9; color: #0e9c31; }
.mini-feature-booking-submit { display: block; width: 100%; margin-top: 1rem; padding: .68rem; border-radius: .35rem; background: #111813; color: #fff; font-size: .66rem; text-align: center; }
.mini-feature-booking-card { right: 4%; bottom: 12%; }
/*深色数据浮卡：预约/销售/增长三卡共用深色基座，各自仅保留定位与尺寸*/
.mini-feature-booking-count,.mini-feature-sales-card,.mini-feature-growth-card { position: absolute; z-index: 3; padding: 1rem; background: #101712; color: #fff; box-shadow: 0 1.25rem 2.5rem rgba(15,46,22,.2); }
.mini-feature-booking-count,.mini-feature-sales-card { left: 6%; top: 13%; width: 8.2rem; }
.mini-feature-booking-count small,.mini-feature-booking-count strong,.mini-feature-booking-count span,.mini-feature-sales-card small,.mini-feature-sales-card strong,.mini-feature-sales-card span { display: block; }
.mini-feature-booking-count small,.mini-feature-sales-card small { color: #9aa59d; font-size: .62rem; }
.mini-feature-booking-count strong { margin: .35rem 0; font-size: 2rem; }
.mini-feature-booking-count span,.mini-feature-sales-card span { color: #b7c1ba; font-size: .55rem; }
.mini-feature-booking-count span i,.mini-feature-sales-card span i { display: inline-block; width: .35rem; height: .35rem; border-radius: 50%; background: var(--mini-green); }
.mini-feature-commerce-phone { transform: rotate(2deg); }
.mini-feature-shop-banner { height: 7.5rem; padding: 1.1rem; background: linear-gradient(135deg,#052d13,#21d751); color: #fff; }
.mini-feature-shop-banner small { font-size: .46rem; letter-spacing: .15em; opacity: .75; }
.mini-feature-shop-banner strong { margin: .55rem 0; font-size: 1.3rem; }
.mini-feature-shop-banner span { font-size: .55rem; }
.mini-feature-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: .8rem; }
.mini-feature-product-grid div>i { display: block; height: 5.2rem; background: linear-gradient(145deg,#dfe7e1,#bdebc7); }
.mini-feature-product-grid div:nth-child(2)>i { background: linear-gradient(145deg,#e7ebe8,#d0ded4); }
.mini-feature-product-grid b,.mini-feature-product-grid span { display: block; }
.mini-feature-product-grid b { margin-top: .45rem; color: #273029; font-size: .57rem; }
.mini-feature-product-grid span { margin-top: .2rem; color: #0baa31; font-size: .58rem; font-weight: 700; }
.mini-feature-order-card { left: 5%; bottom: 12%; }
.mini-feature-sales-card { right: 4%; left: auto; top: 12%; width: 9.2rem; background: #fff; color: #111813; }
.mini-feature-sales-card strong { margin: .35rem 0; color: #111813; font-size: 1.3rem; }
.mini-feature-sales-card span { color: #0ba932; }
.mini-feature-member-phone { padding: 1.6rem 1.15rem 1.15rem; background: #f7faf7; }
.mini-feature-member-head { display: flex; align-items: center; gap: .65rem; margin: 1rem 0; }
.mini-feature-member-head>span { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #d5f3db; color: #0a9d2e; }
.mini-feature-member-head div { display: flex; flex-direction: column; line-height: 1.15; }
.mini-feature-member-head small { color: #89938c; font-size: .54rem; }
.mini-feature-member-head b { margin-top: .2rem; font-size: .75rem; }
.mini-feature-member-head em { margin-left: auto; padding: .25rem .4rem; border-radius: 1rem; background: #111813; color: #fff; font-size: .48rem; font-style: normal; }
.mini-feature-member-card { position: relative; height: 8rem; padding: 1rem; border-radius: .9rem; background: linear-gradient(135deg,#101712,#285d34); color: #fff; overflow: hidden; }
.mini-feature-member-card small,.mini-feature-member-card strong,.mini-feature-member-card span { position: relative; z-index: 1; display: block; }
.mini-feature-member-card small { font-size: .45rem; letter-spacing: .15em; opacity: .6; }
.mini-feature-member-card strong { margin-top: 1.1rem; font-size: 1.6rem; }
.mini-feature-member-card span { font-size: .5rem; opacity: .72; }
.mini-feature-member-card>i { position: absolute; width: 7rem; height: 7rem; right: -2rem; bottom: -3rem; border: 1.1rem solid rgba(24,200,67,.45); border-radius: 50%; }
.mini-feature-member-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; margin: 1rem 0; }
.mini-feature-member-metrics span { padding: .6rem .2rem; background: #fff; text-align: center; }
.mini-feature-member-metrics b,.mini-feature-member-metrics small { display: block; }
.mini-feature-member-metrics b { font-size: .8rem; }
.mini-feature-member-metrics small { margin-top: .2rem; color: #8a948d; font-size: .48rem; }
.mini-feature-coupon { display: flex; align-items: center; gap: .6rem; padding: .75rem; background: #fff; }
.mini-feature-coupon>i { display: grid; width: 2rem; height: 2rem; place-items: center; background: #dff7e4; color: #0aa82f; }
.mini-feature-coupon span { display: flex; flex-direction: column; }
.mini-feature-coupon b { font-size: .61rem; }
.mini-feature-coupon small { color: #8b948e; font-size: .48rem; }
.mini-feature-coupon em { margin-left: auto; padding: .3rem .45rem; border-radius: 1rem; background: var(--mini-green); color: #fff; font-size: .46rem; font-style: normal; }
.mini-feature-growth-card { right: 4%; top: 11%; width: 10.5rem; }
.mini-feature-growth-card>small { color: #a3aea6; font-size: .58rem; }
.mini-feature-growth-card>div { display: flex; height: 4rem; align-items: flex-end; gap: .38rem; margin: .7rem 0; }
.mini-feature-growth-card>div i { flex: 1; height: 32%; background: #5c6a60; }
.mini-feature-growth-card>div i:nth-child(2) { height: 48%; }
.mini-feature-growth-card>div i:nth-child(3) { height: 42%; }
.mini-feature-growth-card>div i:nth-child(4) { height: 68%; background: #0baa31; }
.mini-feature-growth-card>div i:nth-child(5) { height: 59%; }
.mini-feature-growth-card>div i:nth-child(6) { height: 86%; background: var(--mini-green); }
.mini-feature-growth-card>span { color: #a7b2aa; font-size: .55rem; }
.mini-feature-growth-card>span b { color: #21d74e; }
.mini-feature-message-card { left: 5%; bottom: 12%; }
@media (max-width:1199.98px) {
  .mini-feature-brand-card,.mini-feature-booking-count,.mini-feature-order-card,.mini-feature-message-card { left: 3%; }
  .mini-feature-publish-card,.mini-feature-booking-card,.mini-feature-sales-card,.mini-feature-growth-card { right: 3%; }
}
@media (max-width:767.98px) {
  .mini-feature-phone { width: 13.5rem; height: 24rem; padding: .9rem; border-radius: 1.85rem; transform: scale(.9); }
  .mini-feature-commerce-phone { transform: scale(.9) rotate(2deg); }
  .mini-feature-phone-bar { height: 2rem; }
  .mini-feature-brand-hero { height: 6.8rem; padding: .85rem; }
  .mini-feature-brand-hero strong { font-size: 1rem; }
  .mini-feature-content-grid { grid-template-rows: 3.5rem 2.8rem; }
  .mini-feature-phone-nav { right: .9rem; bottom: .8rem; left: .9rem; }
  .mini-feature-brand-card,.mini-feature-publish-card,.mini-feature-booking-card,.mini-feature-order-card,.mini-feature-message-card { padding: .65rem .75rem; }
  .mini-feature-brand-card>i,.mini-feature-publish-card>i,.mini-feature-booking-card>i,.mini-feature-order-card>i,.mini-feature-message-card>i { width: 2rem; height: 2rem; font-size: .9rem; }
  .mini-feature-brand-card { left: 2%; bottom: 8%; }
  .mini-feature-publish-card { right: 2%; top: 9%; }
  .mini-feature-booking-head { padding: .5rem 0; }
  .mini-feature-booking-head strong { font-size: 2.15rem; }
  .mini-feature-calendar { gap: .25rem; padding: .7rem .25rem; }
  .mini-feature-calendar i { width: .8rem; height: .8rem; }
  .mini-feature-time-slots { margin-top: .65rem; }
  .mini-feature-booking-submit { margin-top: .65rem; }
  .mini-feature-booking-count,.mini-feature-sales-card { top: 8%; left: 2%; width: 7.1rem; padding: .75rem; }
  .mini-feature-booking-card,.mini-feature-sales-card,.mini-feature-growth-card { right: 2%; }
  .mini-feature-booking-card { bottom: 8%; }
  .mini-feature-shop-banner { height: 6rem; padding: .8rem; }
  .mini-feature-product-grid div>i { height: 3.6rem; }
  .mini-feature-order-card,.mini-feature-message-card { left: 2%; bottom: 8%; }
  .mini-feature-member-phone { padding: 1.25rem .9rem .9rem; }
  .mini-feature-member-head { margin: .6rem 0; }
  .mini-feature-member-card { height: 6.5rem; }
  .mini-feature-member-metrics { margin: .65rem 0; }
  .mini-feature-coupon { padding: .55rem; }
  .mini-feature-growth-card { top: 8%; width: 8.6rem; padding: .75rem; }
  .mini-feature-growth-card>div { height: 3.2rem; }
}
/*Keep the active navigation label aligned with the configurable product theme.*/
.mini-nav-links a.active,
.mini-nav-links a.active:hover { color: var(--mini-green); }
/*品牌标题默认展示（右侧竖线分隔），LOGO 吸顶后展开；几何与字度对齐解决方案锚点导航*/
.mini-nav-brand { color: #172033; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.015em; line-height: 1.2; display: flex; align-items: center; gap: .75rem; overflow: hidden; white-space: nowrap; width: max-content; flex: 0 0 auto; padding-right: 1.25rem; border-right: 1px solid #dde4ef; }
.mini-nav-links { display: flex; gap: 1.65rem; white-space: nowrap; justify-content: flex-start; margin-right: auto; margin-left: 1.25rem; }
@media (max-width:991.98px) {
  .mini-nav-brand { padding-right: .875rem; font-size: .96rem; }
  .mini-product-nav-docked .mini-nav-logo { height: 2.25rem; }
  .mini-nav-links { margin-left: 1.1rem; }
}
@media (max-width:767.98px) {
  .mini-nav-brand { padding-right: .75rem; }
  .mini-nav-links { margin-left: 1rem; gap: 1rem; }
}
/*Product overview hero: split headline, trust points and visual miniapp studio.*/
.mini-hero h1 em { color: var(--mini-green); font-style: normal; }
.mini-hero-trust { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1.625rem; color: #66736b; font-size: .82rem; }
.mini-hero-trust span { display: inline-flex; align-items: center; white-space: nowrap; }
.mini-hero-trust i { margin-right: .375rem; color: #20b978; font-size: .9rem; }
.mini-hero-art { position: relative; width: 100%; height: 32rem; }
.mini-workspace { position: absolute; inset: 1.25rem 0 1.25rem; overflow: hidden; border: 1px solid rgba(184,207,190,.86); border-radius: 1.25rem; background: rgba(255,255,255,.96); box-shadow: 0 2rem 4.5rem rgba(24,70,34,.16); }
.mini-workspace-bar { display: grid; height: 3.25rem; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 1rem; border-bottom: 1px solid #e1e9e3; background: rgba(250,252,250,.96); color: #738078; }
.mini-workspace-dots { display: flex; gap: .35rem; }
.mini-workspace-dots i { width: .5rem; height: .5rem; border-radius: 50%; background: #ff8d80; }
.mini-workspace-dots i:nth-child(2) { background: #ffc76b; }
.mini-workspace-dots i:nth-child(3) { background: #65d39c; }
.mini-workspace-bar>b { color: #33423a; font-size: .72rem; font-weight: 650; }
.mini-workspace-bar>b i { margin-right: .35rem; color: var(--mini-green); }
.mini-workspace-bar>em { justify-self: end; color: #20a84a; font-size: .64rem; font-style: normal; }
.mini-workspace-body { display: grid; height: calc(100% - 3.25rem); grid-template-columns: 3.5rem minmax(0,1fr) 10.75rem; }
.mini-workspace-tools { display: flex; flex-direction: column; align-items: center; gap: .65rem; padding: .9rem .5rem; border-right: 1px solid #e4ebe6; background: #fbfcfb; }
.mini-workspace-tools span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .5rem; color: #87948c; font-size: .88rem; }
.mini-workspace-tools span.active { background: #e2f8e7; color: #0fae35; }
.mini-workspace-canvas { position: relative; display: grid; place-items: center; overflow: hidden; background-color: #f3f8f4; background-image: linear-gradient(rgba(70,113,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(70,113,80,.05) 1px,transparent 1px); background-size: 1.5rem 1.5rem; }
.mini-workspace-canvas:before { content: ""; position: absolute; width: 18rem; height: 18rem; border-radius: 50%; background: rgba(24,200,67,.1); filter: blur(1rem); }
.mini-workspace-status { position: absolute; z-index: 3; top: .75rem; left: .85rem; padding: .35rem .6rem; border: 1px solid #dfe8e1; border-radius: 62rem; background: rgba(255,255,255,.86); color: #6b776f; font-size: .58rem; }
.mini-workspace-status i { display: inline-block; width: .4rem; height: .4rem; margin-right: .3rem; border-radius: 50%; background: var(--mini-green); }
.mini-workspace-phone { position: relative; z-index: 2; width: 11.5rem; height: 21.5rem; padding: .34rem; border: .08rem solid #101712; border-radius: 1.65rem; background: linear-gradient(145deg,#263129 0%,#101712 72%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.13),0 .25rem .55rem rgba(14,32,19,.13),0 1.35rem 2.75rem rgba(18,52,26,.18); transform: translateY(.45rem); }
.mini-workspace-phone:before,
.mini-workspace-phone:after { content: ""; position: absolute; width: .1rem; border-radius: 1rem; background: #263129; box-shadow: 0 0 0 1px rgba(8,15,10,.16); }
.mini-workspace-phone:before { top: 4rem; left: -.2rem; height: 2.7rem; }
.mini-workspace-phone:after { top: 4.9rem; right: -.2rem; height: 3.25rem; }
.mini-workspace-notch { position: absolute; z-index: 2; top: .27rem; left: 50%; width: 3.55rem; height: .62rem; border-radius: 0 0 .48rem .48rem; background: #111813; transform: translateX(-50%); }
.mini-workspace-screen { height: 100%; padding: 1.55rem .78rem .78rem; border-radius: 1.3rem; background: #fff; box-shadow: inset 0 0 0 1px rgba(10,24,14,.06); overflow: hidden; }
.mini-workspace-screen-head { display: flex; align-items: center; justify-content: space-between; color: #1b261e; font-size: .47rem; letter-spacing: .12em; }
.mini-workspace-screen-head i { width: 1.15rem; height: .25rem; border-radius: 1rem; background: #cbd5ce; }
.mini-workspace-banner { height: 8rem; margin: .8rem 0; padding: 1rem; background: linear-gradient(145deg,#0a3b18,#21d84f); color: #fff; clip-path: polygon(0 0,100% 4%,95% 100%,3% 94%); }
.mini-workspace-banner small { font-size: .4rem; letter-spacing: .15em; opacity: .72; }
.mini-workspace-banner strong { margin: .75rem 0 .55rem; font-size: 1.05rem; line-height: 1.25; }
.mini-workspace-banner span { width: max-content; padding: .25rem .45rem; border-radius: 2rem; background: #fff; color: #0b8f2b; font-size: .42rem; }
.mini-workspace-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.mini-workspace-grid i { height: 3.1rem; background: #e4ebe6; }
.mini-workspace-grid i:nth-child(2) { background: #c9f3d2; }
.mini-workspace-grid i:nth-child(3) { background: #d8eee0; }
.mini-workspace-panel { padding: 1rem; border-left: 1px solid #e2eae4; background: #fbfcfb; }
.mini-panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; color: #243229; font-size: .72rem; }
.mini-panel-head i { color: #87938b; }
.mini-workspace-panel>small { display: block; margin: .9rem 0 .55rem; color: #8a968e; font-size: .57rem; }
.mini-color-list { display: flex; gap: .4rem; }
.mini-color-list i { width: 1.45rem; height: 1.45rem; border: 2px solid #fff; border-radius: 50%; background: var(--mini-green); box-shadow: 0 0 0 1px #bcd1c1; }
.mini-color-list i:nth-child(2) { background: #216cff; }
.mini-color-list i:nth-child(3) { background: #111813; }
.mini-color-list i:nth-child(4) { background: #f1aa35; }
.mini-panel-option { display: flex; align-items: center; gap: .55rem; margin-top: .45rem; padding: .55rem; border: 1px solid #e2e9e4; border-radius: .45rem; background: #fff; color: #5d6a62; font-size: .6rem; }
.mini-panel-option i { color: #13b63a; }
.mini-float-card { position: absolute; z-index: 3; padding: 1rem 1.1rem; background: rgba(255,255,255,.93); box-shadow: 0 1.25rem 3rem rgba(17,47,23,.13); backdrop-filter: blur(.5rem); border: 1px solid rgba(209,224,213,.86); border-radius: .75rem; }
.mini-card-code { left: -1.25rem; bottom: 2.35rem; display: flex; align-items: center; gap: .7rem; }
.mini-card-code>b,.mini-card-live>b { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: .55rem; background: #dff8e5; color: #0dad32; }
.mini-card-code span,.mini-card-live span { color: #7a857e; font-size: .65rem; }
.mini-card-code strong,.mini-card-live strong { display: block; color: #18221b; font-size: .8rem; }
.mini-card-live { display: flex; align-items: center; gap: .7rem; right: -1.1rem; top: 4.75rem; }
@media (max-width:1199.98px) {
  .mini-workspace-body { grid-template-columns: 3.25rem minmax(0,1fr) 9rem; }
  .mini-workspace-panel { padding: .8rem; }
  .mini-workspace-phone { width: 10.75rem; height: 20.5rem; }
  .mini-card-code { left: -.5rem; }
  .mini-card-live { right: -.5rem; }
}
@media (max-width:991.98px) {
  .mini-hero-trust { justify-content: center; }
  .mini-hero-art { margin: auto; max-width: 44rem; height: 32rem; }
  .mini-workspace { inset: 1rem 0; }
}
@media (max-width:767.98px) {
  .mini-hero-trust { gap: .625rem 1rem; margin-top: 1.25rem; font-size: .76rem; }
  .mini-hero-art { margin-top: 1rem; height: 26rem; }
  .mini-workspace { inset: .5rem 0; }
  .mini-workspace-body { grid-template-columns: 3rem minmax(0,1fr); }
  .mini-workspace-panel { display: none; }
  .mini-workspace-phone { width: 10.5rem; height: 19.5rem; }
  .mini-card-code { left: -.25rem; bottom: 1rem; padding: .7rem .8rem; }
  .mini-card-live { right: -.25rem; top: 4rem; padding: .7rem .8rem; }
  .mini-card-code>b,.mini-card-live>b { width: 2rem; height: 2rem; }
}
@media (max-width:479.98px) {
  .mini-hero-trust { display: grid; grid-template-columns: repeat(2,max-content); justify-content: center; }
  .mini-hero-art { height: 23rem; }
  .mini-workspace { inset: .5rem 0; }
  .mini-workspace-body { grid-template-columns: 1fr; }
  .mini-workspace-tools { display: none; }
  .mini-workspace-phone { width: 9.5rem; height: 17.7rem; }
  .mini-workspace-banner { height: 6.4rem; }
  .mini-workspace-grid i { height: 2.3rem; }
  .mini-card-code { display: none; }
  .mini-card-live { width: 8.7rem; padding: .75rem; right: .25rem; top: 3.75rem; }
}
/*特色功能标题：复用 .mini-heading 体系（HTML 已不再叠加 mini-feature-heading），仅保留段落约束差异*/
.mini-features .mini-heading p { max-width: 42rem; margin-right: auto; margin-left: auto; }
@media (max-width:767.98px) {
  .mini-features .mini-heading p { font-size: .95rem; line-height: 1.75; }
}
/*结尾 CTA：结构复用公共层 .builder-final-cta（inc_style.css），此处仅保留绿色装饰与按钮配色差异*/
.mini-page .builder-final-cta:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 2.75rem 2.75rem; opacity: .3; pointer-events: none; }
.mini-page .builder-final-cta:after { content: ""; position: absolute; right: -9rem; bottom: -19rem; width: 38rem; height: 38rem; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; pointer-events: none; }
.mini-page .builder-final-cta .container { z-index: 1; }
.mini-page .builder-final-cta .btn { color: #0a9d2e; box-shadow: 0 .875rem 1.875rem rgba(5,91,25,.2); transition: transform .22s ease,box-shadow .22s ease; }
.mini-page .builder-final-cta .btn:hover { color: #087e25; box-shadow: 0 1rem 2rem rgba(5,91,25,.28); }
@media (max-width:767.98px) {
  .mini-page .builder-final-cta .container { padding-right: 1.25rem; padding-left: 1.25rem; }
  .mini-page .builder-final-cta h2 { font-size: 2rem; line-height: 1.3; }
}
/*数据带：结构复用公共层 .builder-proof/.proof-item（inc_style.css），此处仅保留绿色系分隔线与字色差异*/
.mini-page .builder-proof { border-color: #edf2ee; }
.mini-page .proof-item:after { background: #e1e9e3; }
.mini-page .proof-item strong { color: #101a12; }
.mini-page .proof-item p { color: #849087; }
@media (max-width:767.98px) {
  .mini-page .builder-proof [class*="col-"]:nth-child(odd) .proof-item { border-color: #e1e9e3; }
  .mini-page .builder-proof [class*="col-"]:nth-child(-n+2) .proof-item { border-color: #e1e9e3; }
}
/*Build workflow: follows the tncms-builder information architecture in the mini-app visual language.*/
.mini-development { background: #fff; }
.mini-workflow-visual { position: relative; min-height: 31rem; border-radius: 1.5rem; background: radial-gradient(circle at 78% 20%,rgba(24,200,67,.14),transparent 30%),
    linear-gradient(145deg,#eaf7ed,#f5faf6); overflow: hidden; }
.mini-workflow-editor { position: absolute; top: 4.25rem; right: 2.75rem; bottom: 3.25rem; left: 2.75rem; overflow: hidden; border: 1px solid #d5e4d8; border-radius: .85rem; background: #fff; box-shadow: 0 1.5rem 3rem rgba(21,72,31,.15); }
.mini-workflow-editor-bar { display: flex; height: 2.35rem; align-items: center; padding: 0 .75rem; border-bottom: 1px solid #e4ece6; color: #5f6d63; font-size: .6rem; }
.mini-workflow-editor-bar>span { display: flex; gap: .3rem; }
.mini-workflow-editor-bar>span i { width: .38rem; height: .38rem; border-radius: 50%; background: #d0d9d2; }
.mini-workflow-editor-bar>b { margin: auto; font-size: .62rem; font-weight: 600; }
.mini-workflow-editor-bar>em { padding: .25rem .5rem; border-radius: 2rem; background: #dcf7e2; color: #0b9f2e; font-size: .52rem; font-style: normal; }
.mini-workflow-editor-body { display: grid; height: calc(100% - 2.35rem); grid-template-columns: 2.65rem 1fr; }
.mini-workflow-editor-body aside { display: flex; flex-direction: column; align-items: center; gap: .85rem; padding-top: 1rem; border-right: 1px solid #e4ece6; background: #fbfdfb; }
.mini-workflow-editor-body aside i { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: .35rem; color: #a0aaa3; font-size: .72rem; }
.mini-workflow-editor-body aside i.active { background: #ddf7e3; color: #0cab32; }
.mini-workflow-canvas { position: relative; display: grid; place-items: center; background-color: #f4f8f5; background-image: linear-gradient(rgba(68,112,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(68,112,78,.05) 1px,transparent 1px); background-size: 1.25rem 1.25rem; }
.mini-workflow-phone { position: relative; width: 8.8rem; height: 16.35rem; padding: 1.4rem .7rem .7rem; border: .13rem solid #172019; border-radius: 1.35rem; background: #fff; box-shadow: 0 1rem 2rem rgba(18,55,26,.16); }
.mini-workflow-phone>span { width: 2.8rem; height: .38rem; background: #172019; }
.mini-workflow-phone-head { display: flex; align-items: center; justify-content: space-between; font-size: .38rem; letter-spacing: .08em; }
.mini-workflow-phone-head i { width: .85rem; height: .2rem; border-radius: 1rem; background: #cbd5ce; }
.mini-workflow-phone-hero { height: 6.65rem; margin: .6rem 0; padding: .7rem; background: linear-gradient(145deg,#0a3b18,#20d84e); color: #fff; }
.mini-workflow-phone-hero small { font-size: .31rem; letter-spacing: .12em; opacity: .7; }
.mini-workflow-phone-hero strong { margin: .7rem 0 .55rem; font-size: .8rem; line-height: 1.3; }
.mini-workflow-phone-hero em { width: max-content; padding: .2rem .38rem; border-radius: 1rem; background: #fff; color: #0a9f2e; font-size: .32rem; font-style: normal; }
.mini-workflow-phone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.mini-workflow-phone-grid i { height: 2.65rem; background: #dfe7e1; }
.mini-workflow-phone-grid i:nth-child(2) { background: #bdeec7; }
.mini-workflow-components { position: absolute; z-index: 3; top: 1.45rem; left: .2rem; display: flex; width: 9.4rem; flex-direction: column; gap: .45rem; padding: .9rem; border: 1px solid #d7e4da; border-radius: .7rem; background: rgba(255,255,255,.96); box-shadow: 0 1rem 2rem rgba(22,70,31,.14); }
.mini-workflow-components small { margin-bottom: .15rem; color: #859188; font-size: .62rem; }
.mini-workflow-components span { padding: .5rem; border-radius: .38rem; background: #f3f7f4; color: #657169; font-size: .64rem; }
.mini-workflow-components span i { margin-right: .4rem; color: #0ead33; }
.mini-workflow-publish { position: absolute; z-index: 4; right: 1.1rem; bottom: 1.5rem; display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem; border: 1px solid #d5e4d8; border-radius: .7rem; background: #fff; box-shadow: 0 1rem 2rem rgba(22,70,31,.14); }
.mini-workflow-publish>i { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: #ddf8e3; color: #0ba72f; }
.mini-workflow-publish span,.mini-workflow-publish b,.mini-workflow-publish small { display: block; }
.mini-workflow-publish b { color: #172019; font-size: .68rem; }
.mini-workflow-publish small { margin-top: .1rem; color: #879189; font-size: .55rem; }
.mini-workflow-cursor { position: absolute; z-index: 5; right: 25%; bottom: 34%; color: #0eac33; }
.mini-workflow-cursor>i { font-size: 1.3rem; transform: rotate(-15deg); }
.mini-workflow-cursor span { margin-left: .2rem; padding: .3rem .5rem; border-radius: .3rem; background: var(--mini-green); color: #fff; font-size: .55rem; box-shadow: 0 .45rem 1rem rgba(24,200,67,.25); }
.mini-workflow-steps { margin: 0; padding: 0; list-style: none; }
.mini-workflow-steps li { position: relative; display: flex; gap: 1.3rem; padding: .95rem 0; }
.mini-workflow-steps li:not(:last-child):after { content: ""; position: absolute; top: 3.5rem; bottom: -.35rem; left: 1.25rem; width: 1px; background: #d7e5da; }
.mini-workflow-steps li>b { display: flex; width: 2.55rem; height: 2.55rem; flex: 0 0 2.55rem; align-items: center; justify-content: center; border-radius: 50%; background: #e2f8e7; color: #0aa730; font-size: .7rem; }
.mini-workflow-steps h3 { margin: .05rem 0 .4rem; font-size: 1.08rem; }
.mini-workflow-steps p { margin: 0; color: var(--mini-muted); font-size: .88rem; line-height: 1.7; }
@media (max-width:991.98px) {
  .mini-workflow-visual { min-height: 29rem; }
}
@media (max-width:767.98px) {
  .mini-workflow-row { --bs-gutter-y: 2.75rem; }
  .mini-workflow-visual { min-height: 23rem; border-radius: 1rem; }
  .mini-workflow-editor { top: 2.75rem; right: 1rem; bottom: 2rem; left: 1.35rem; }
  .mini-workflow-components { left: 0; transform: scale(.82); transform-origin: top left; }
  .mini-workflow-publish { right: .25rem; bottom: .7rem; transform: scale(.86); transform-origin: bottom right; }
  .mini-workflow-cursor { right: 15%; bottom: 30%; }
  .mini-workflow-steps p { font-size: .84rem; }
}
@media (max-width:479.98px) {
  .mini-workflow-visual { min-height: 20rem; }
  .mini-workflow-editor { top: 1.5rem; left: .75rem; }
  .mini-workflow-components { display: none; }
  .mini-workflow-publish { right: .1rem; }
  .mini-workflow-cursor { right: 9%; bottom: 25%; }
  .mini-workflow-steps li { gap: 1rem; }
}
/*适用场景：结构复用公共层 .builder-scenario-*（inc_style.css），此处仅保留绿色主题覆盖与 mini 专属插图*/
.mini-page .builder-scenarios .mini-heading { margin-bottom: 3.5rem; }
.mini-page .builder-scenario-shell { box-shadow: 0 1.75rem 4.5rem rgba(18,50,26,.1); }
/*场景 Tab：绿色主题变量与色号覆盖（结构、编号、Chevron、响应式均由公共层提供）*/
.mini-page .builder-scenario-tabs { --scenario-tab-accent: var(--mini-green); --scenario-tab-dark: #101a13; background: linear-gradient(155deg,#f3f7f4,#e9f0eb); }
.mini-page .builder-scenario-tabs button { color: #5f6c63; }
.mini-page .builder-scenario-tabs button::before { border-color: #d5dfd8; color: #8b978f; }
.mini-page .builder-scenario-tabs button.active { box-shadow: 0 1rem 2.25rem rgba(12,36,18,.18); }
.mini-page .builder-scenario-tabs button.active::before { border-color: rgba(24,200,67,.3); background: rgba(24,200,67,.14); color: #36db5e; }
.mini-page .builder-scenario-tabs button:focus-visible { outline: .1875rem solid rgba(24,200,67,.28); }
.mini-page .builder-scenario-tabs button::after,.mini-page .builder-scenario-tabs button.active::after { color: #819087; }
/*场景文案：徽章与链接绿色化*/
.mini-page .builder-scenario-copy>span { border-color: #ccebd4; background: #eefaf1; color: #0aa530; }
.mini-page .builder-scenario-copy p { color: #647169; }
.mini-page .builder-scenario-copy a:hover { color: #0aa730; }
/*场景视觉：绿色渐变底、网格与色调*/
.mini-page .builder-scenario-visual { background: linear-gradient(145deg,#e4f8e8 0%,#c9efd2 100%); }
.mini-page .builder-scenario-visual::before { background-image: linear-gradient(rgba(22,116,46,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,116,46,.055) 1px,transparent 1px); }
.mini-page .builder-scenario-visual::after { border-color: rgba(13,93,34,.13); }
.mini-scenario-tone-2 { background: linear-gradient(145deg,#f0f4f1 0%,#dde8e1 100%); }
.mini-scenario-tone-3 { background: linear-gradient(145deg,#e5f5ef 0%,#cae9de 100%); }
.mini-scenario-tone-4 { background: linear-gradient(145deg,#eaf8e7 0%,#d3efcc 100%); }
/*场景卡（mini 专属插图元素）*/
.mini-scenario-card { position: absolute; color: #fff; z-index: 3; right: 7%; bottom: 10%; width: 13rem; padding: 1.5rem; border: 1px solid rgba(255,255,255,.1); border-radius: .875rem; background: rgba(12,20,15,.96); box-shadow: 0 1.5rem 3rem rgba(8,28,13,.24); }
.mini-scenario-card>i { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .625rem; background: rgba(24,200,67,.14); color: var(--mini-green); font-size: 1.5rem; }
@media (max-width:1199.98px) {
  .mini-scenario-card { right: 4%; transform: scale(.92); transform-origin: right bottom; }
}
@media (max-width:991.98px) {
  .mini-scenario-card { transform: scale(.84); transform-origin: right bottom; }
}
@media (max-width:767.98px) {
  .mini-page .builder-scenarios .mini-heading { margin-bottom: 2.5rem; }
  .mini-scenario-card { right: 4%; bottom: 6%; transform: scale(.82); transform-origin: right bottom; }
}
@media (max-width:479.98px) {
  .mini-page .builder-scenario-tabs button { flex-basis: 6.5rem; padding: 1.1rem .6rem; font-size: .8rem; }
  .mini-scenario-card { width: 10rem; right: 1%; bottom: 2%; transform: scale(.72); }
}
/*场景内容精修：压缩文案留白，并为不同行业绘制对应业务界面*/
.mini-scenario-device { position: absolute; z-index: 2; left: 18%; top: 7%; width: 17rem; height: 29rem; padding: 1rem; overflow: hidden; border: .18rem solid #111a14; border-radius: 2.15rem; background: #fff; box-shadow: 0 2.25rem 4.75rem rgba(15,52,24,.2); transform: rotate(var(--scenario-tilt,-2.5deg)) scale(var(--scenario-zoom,1)); }
.mini-scenario-app-head { display: grid; height: 3.25rem; grid-template-columns: 2.25rem 1fr auto; align-items: center; gap: .625rem; margin-top: .5rem; }
.mini-scenario-app-head b { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .55rem; background: #111a14; color: #fff; font-size: .875rem; }
.mini-scenario-app-head span { color: #1c2820; font-size: .7rem; font-weight: 750; }
.mini-scenario-app-head i { color: #728078; font-size: .9rem; }
.mini-scenario-app-hero,.mini-scenario-course-banner,.mini-scenario-shop-banner,.mini-scenario-business-banner { position: relative; display: flex; height: 8.75rem; flex-direction: column; justify-content: flex-end; padding: 1.15rem; overflow: hidden; border-radius: .9rem; color: #fff; }
.mini-scenario-app-hero { background: radial-gradient(circle at 80% 18%,rgba(255,255,255,.24),transparent 25%),
    linear-gradient(135deg,#0b2d16 0%,#16c441 100%); }
.mini-scenario-app-hero::after,.mini-scenario-course-banner::after,.mini-scenario-shop-banner::after,.mini-scenario-business-banner::after { content: ""; position: absolute; right: -1rem; top: -1.5rem; width: 6.5rem; height: 6.5rem; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 0 0 1.5rem rgba(255,255,255,.07); }
.mini-scenario-app-hero small,.mini-scenario-course-banner small,.mini-scenario-shop-banner small,.mini-scenario-business-banner small { position: relative; z-index: 1; font-size: .45rem; font-weight: 700; letter-spacing: .15em; opacity: .72; }
.mini-scenario-app-hero strong,.mini-scenario-course-banner strong,.mini-scenario-shop-banner strong,.mini-scenario-business-banner strong { position: relative; z-index: 1; margin: .5rem 0 .25rem; font-size: 1.12rem; line-height: 1.25; }
.mini-scenario-app-hero em,.mini-scenario-course-banner em,.mini-scenario-shop-banner em,.mini-scenario-business-banner em { position: relative; z-index: 1; font-size: .52rem; font-style: normal; opacity: .8; }
.mini-scenario-app-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; margin: .75rem 0; }
.mini-scenario-app-actions span { display: flex; min-height: 3.65rem; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; border-radius: .65rem; background: #f0f5f1; color: #546159; font-size: .52rem; }
.mini-scenario-app-actions i { color: #0bae32; font-size: .9rem; }
.mini-scenario-app-list { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 2.75rem 2.75rem; gap: .45rem; }
.mini-scenario-app-list i { border-radius: .5rem; background: linear-gradient(145deg,#dbe6de,#eef3ef); }
.mini-scenario-app-list i:first-child { grid-row: 1/3; background: linear-gradient(145deg,#c5eace,#e8f1ea); }
.mini-scenario-course-banner { justify-content: center; background: linear-gradient(135deg,#17211a 0%,#44554a 100%); }
.mini-scenario-course-progress { display: flex; align-items: center; justify-content: space-between; margin: .85rem 0; padding: .75rem .8rem; border-radius: .65rem; background: #eef7f0; color: #5b685f; font-size: .55rem; }
.mini-scenario-course-progress b { margin-right: .25rem; color: #0bad31; font-size: 1rem; }
.mini-scenario-course-progress i { width: 4.5rem; height: .35rem; border-radius: 1rem; background: linear-gradient(90deg,var(--mini-green) 64%,#d5ded7 64%); }
.mini-scenario-course-list { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.mini-scenario-course-list span { display: flex; min-height: 6rem; flex-direction: column; justify-content: flex-end; gap: .65rem; padding: .8rem; border-radius: .7rem; background: #f2f4f3; }
.mini-scenario-course-list span:first-child { background: #ddf3e2; }
.mini-scenario-course-list i { color: #0bad31; font-size: 1.25rem; }
.mini-scenario-course-list b { color: #253028; font-size: .62rem; }
.mini-scenario-shop-banner { background: linear-gradient(135deg,#12381d 0%,#27c84e 100%); }
.mini-scenario-product-list { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: .75rem; }
.mini-scenario-product-list>span { display: block; }
.mini-scenario-product-list>span>i { display: block; height: 5.2rem; border-radius: .65rem; background: linear-gradient(145deg,#d8e5db,#a7ddb4); }
.mini-scenario-product-list>span:nth-child(2)>i { background: linear-gradient(145deg,#e6e9e7,#cbd8ce); }
.mini-scenario-product-list b { display: flex; justify-content: space-between; margin-top: .4rem; color: #38443c; font-size: .53rem; }
.mini-scenario-product-list em { color: #0aa830; font-size: .56rem; font-style: normal; }
.mini-scenario-member-bar { display: flex; align-items: center; gap: .65rem; margin-top: .75rem; padding: .65rem .75rem; border-radius: .6rem; background: #121a14; color: #fff; }
.mini-scenario-member-bar>i { color: #37d75d; }
.mini-scenario-member-bar span { display: flex; flex-direction: column; color: #9da79f; font-size: .45rem; }
.mini-scenario-member-bar b { margin-bottom: .12rem; color: #fff; font-size: .57rem; }
.mini-scenario-business-banner { background: linear-gradient(135deg,#17221a 0%,#365543 100%); }
.mini-scenario-service-list { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; margin: .8rem 0; }
.mini-scenario-service-list span { display: flex; min-height: 5.75rem; flex-direction: column; align-items: center; justify-content: center; gap: .65rem; border: 1px solid #e0e8e2; border-radius: .65rem; background: #f7f9f7; }
.mini-scenario-service-list i { color: #0bad31; font-size: 1rem; }
.mini-scenario-service-list b { color: #4a574f; font-size: .48rem; }
.mini-scenario-lead-bar { display: grid; grid-template-columns: 1.5rem 1fr auto; align-items: center; gap: .5rem; padding: .65rem; border-radius: .55rem; background: #edf5ef; }
.mini-scenario-lead-bar i { width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #b9e9c4; }
.mini-scenario-lead-bar span { height: .35rem; border-radius: 1rem; background: #cedbd1; }
.mini-scenario-lead-bar b { padding: .45rem .6rem; border-radius: .35rem; background: var(--mini-green); color: #fff; font-size: .48rem; }
/*各场景设备倾角差异；断点缩放由 .builder-scenario-visual 上的 --scenario-zoom 统一驱动*/
.mini-scenario-app-2 { --scenario-tilt: 1.75deg; }
.mini-scenario-app-3 { --scenario-tilt: -1.5deg; }
.mini-scenario-app-4 { --scenario-tilt: 1.25deg; }
@media (max-width:1199.98px) {
  .mini-page .builder-scenario-copy { padding: 2.5rem; }
  .builder-scenario-visual { --scenario-zoom: .9; }
  .mini-scenario-device { left: 12%; --scenario-tilt: -2deg; transform-origin: top left; }
  .mini-scenario-app-2,.mini-scenario-app-4 { --scenario-tilt: 1.5deg; }
  .mini-scenario-app-3 { --scenario-tilt: -1deg; }
}
@media (max-width:991.98px) {
  .mini-page .builder-scenario-copy { padding: 2.25rem; }
  .builder-scenario-visual { --scenario-zoom: .82; }
  .mini-scenario-device { left: 10%; top: 5%; }
}
@media (max-width:767.98px) {
  .mini-page .builder-scenario-copy { padding: 2.25rem 1.5rem 2rem; }
  .mini-page .builder-scenario-copy h3 { font-size: 2.25rem; margin: 1.125rem 0 .875rem; }
  .builder-scenario-visual { --scenario-zoom: .78; }
  .mini-scenario-device { left: 20%; top: 4%; }
}
@media (max-width:479.98px) {
  .builder-scenario-visual { --scenario-zoom: .7; }
  .mini-scenario-device { left: 13%; }
}
/*核心能力：主题卡基座复用公共层（inc_style.css 已挂接 .mini-capability-card），此处仅保留绿色变量、4n 色变体与布局差异*/
.mini-capabilities { background: #f2f7ff; }
.mini-page .mini-capability-card { --cap-color: var(--mini-green); --cap-soft: #edfbf1; --cap-shadow: rgba(24,184,67,.18); padding: 2.125rem 1.75rem 6.25rem; }
.mini-capabilities .row>div:nth-child(4n+2) .mini-capability-card { --cap-color: #4f7cf3; --cap-soft: #f1f5ff; --cap-shadow: rgba(79,124,243,.18); }
.mini-capabilities .row>div:nth-child(4n+3) .mini-capability-card { --cap-color: #9a62df; --cap-soft: #f8f1ff; --cap-shadow: rgba(154,98,223,.18); }
.mini-capabilities .row>div:nth-child(4n+4) .mini-capability-card { --cap-color: #14a58b; --cap-soft: #ecfaf7; --cap-shadow: rgba(20,165,139,.18); }
.mini-page .mini-capability-card p { color: var(--mini-muted); font-size: .92rem; }
/*核心能力分组标题：英文角标 + 标题 + 分隔线，跟在主标题后时不再叠加上边距*/
.mini-group-title { display: flex; align-items: center; gap: .9rem; margin: 3.5rem 0 1.75rem; color: var(--mini-dark); font-size: 1.35rem; font-weight: 700; letter-spacing: -.01em; }
.mini-heading+.mini-group-title { margin-top: 0; }
.mini-group-title>span { padding: .32rem .7rem; border-radius: 2rem; background: color-mix(in srgb,var(--mini-green) 12%,#fff); color: var(--mini-green); font-size: .62rem; font-weight: 800; letter-spacing: .14em; }
.mini-group-title::after { content: ""; flex: 1; height: 1px; background: var(--mini-line); }
/*全行业类型紧凑卡：图标 + 名称 + 细分标签*/
.mini-industry-card { height: 100%; padding: 1.375rem 1.25rem; border: 1px solid var(--mini-line); border-radius: .9rem; background: #fff; transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.mini-industry-card>i { display: flex; width: 2.4rem; height: 2.4rem; align-items: center; justify-content: center; margin-bottom: .85rem; border-radius: .65rem; background: color-mix(in srgb,var(--mini-green) 10%,#fff); color: var(--mini-green); font-size: 1.05rem; }
.mini-industry-card h4 { margin: 0 0 .7rem; font-size: 1rem; font-weight: 700; }
.mini-industry-tags { display: flex; flex-wrap: wrap; gap: .35rem; }
.mini-industry-tags span { padding: .24rem .5rem; border-radius: .35rem; background: var(--mini-soft); color: var(--mini-muted); font-size: .66rem; line-height: 1.5; }
.mini-industry-card:hover { transform: translateY(-.25rem); border-color: color-mix(in srgb,var(--mini-green) 35%,var(--mini-line)); box-shadow: 0 .9rem 2rem color-mix(in srgb,var(--mini-green) 14%,transparent); }
/*交付模式卡：序号 + 图标 + 名称 + 说明*/
.mini-mode-card { position: relative; height: 100%; padding: 1.5rem 1.375rem; border: 1px solid var(--mini-line); border-radius: .9rem; background: #fff; transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.mini-mode-card:hover { transform: translateY(-.25rem); border-color: color-mix(in srgb,var(--mini-green) 35%,var(--mini-line)); box-shadow: 0 .9rem 2rem color-mix(in srgb,var(--mini-green) 14%,transparent); }
.mini-mode-index { position: absolute; top: 1.1rem; right: 1.25rem; color: var(--mini-green); font-size: .68rem; font-style: normal; font-weight: 800; letter-spacing: .12em; opacity: .55; }
.mini-mode-card>i { display: flex; width: 2.6rem; height: 2.6rem; align-items: center; justify-content: center; margin-bottom: 1rem; border-radius: .7rem; background: color-mix(in srgb,var(--mini-green) 10%,#fff); color: var(--mini-green); font-size: 1.15rem; }
.mini-mode-card h4 { margin: 0 0 .55rem; font-size: 1.05rem; font-weight: 700; }
.mini-mode-card p { margin: 0; color: var(--mini-muted); font-size: .82rem; line-height: 1.7; }
@media (max-width:767.98px) {
  .mini-page { overflow-x: clip; }
  .mini-page .mini-heading h2 { max-width: 100%; font-size: clamp(1.5rem,7vw,2rem); line-height: 1.25; letter-spacing: -.02em; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
  .mini-page .mini-heading p { display: none; }
  .mini-page .mini-hero-copy > p,
  .mini-page .mini-section-head > p,
  .mini-page .mini-heading > p,
  .mini-page .mini-capability-card p,
  .mini-page .mini-mode-card p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
  .mini-page .mini-hero-copy > p { display: none; }
  .mini-page .mini-section-head > p,
  .mini-page .mini-heading > p,
  .mini-page .mini-capability-card p,
  .mini-page .mini-mode-card p { -webkit-line-clamp: 2; }
  .mini-page .mini-industry-tags span:nth-child(n + 4) { display: none; }
  .mini-group-title { margin: 2.75rem 0 1.25rem; font-size: 1.15rem; }
}
@media (max-width:767.98px) {
  .mini-page .mini-capability-card { min-height: auto; padding: 1.75rem; }
  .mini-page .mini-capability-card .capability-icon { margin-bottom: 1.5rem; }
}
/** 大屏适配（原 channel_highres.css 本页专属部分；置于文件末尾以保持最后的覆盖顺序）*/
@media (min-width: 992px) {
  .mini-page .mini-hero { min-height: clamp(40rem, 72vh, 44rem); }
}
@media (min-width: 1400px) {
  .mini-page .mini-hero { min-height: var(--tncms-product-hero-height); }
  /*轻站小程序首屏的工作台在宽屏上居中放大，不贴近列边缘。*/
  .mini-page .mini-hero-art { width: min(100%, 44rem); height: 34.5rem; margin: -.25rem auto 0; }
  .mini-page .mini-hero h1 { max-width: 42rem; font-size: clamp(2.9rem, 3.1vw, 3.375rem); }
  .mini-page .mini-hero-copy > p { max-width: 39rem; }
}
@media (min-width: 1400px) and (max-height: 899.98px) {
  .mini-page .mini-hero { min-height: clamp(39rem, calc(100svh - 4.375rem), 42rem); }
}