/* 官网视觉层；仅作用于公开产品页，不影响控制台与管理后台。 */
.public-site {
  --brand:#ed692a; --brand-2:#be4815; --accent:#f49661; --green:#33826a;
  --bg:#faf9f6; --card:#fff; --text:#242b29; --muted:#777d77; --line:#e8e8e1;
  --soft:#f1f1eb; --peach:#fff0e5; --shadow:0 8px 28px rgba(31,39,32,.035);
  background:var(--bg); color:var(--text); font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.7; min-height:100vh;
}
html.dark .public-site {
  --bg:#171d1b; --card:#212926; --text:#f0f1eb; --muted:#a2ada5; --line:#354039;
  --soft:#232e27; --peach:#392b23; --brand-2:#f49661; --shadow:none; color-scheme:dark;
}
.public-site *, .public-site *::before, .public-site *::after { box-sizing:border-box; }
.public-site a { text-decoration:none; }
.public-site button { font-family:inherit; }
.public-site :focus-visible { outline:3px solid var(--brand); outline-offset:5px; }
.public-site [hidden] { display:none!important; }
.public-site .wrap { width:calc(100% - 80px); max-width:1280px; padding:0; margin:0 auto; }
.public-site section[id] { scroll-margin-top:100px; }
.public-site .skip-link { position:fixed; top:-80px; left:20px; z-index:100; padding:12px 20px; background:var(--card); color:var(--text); }
.public-site .skip-link:focus { top:10px; }
.public-site header, .public-site header.scrolled { position:sticky; top:0; background:var(--bg); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); z-index:50; }
.public-site .nav { display:flex; flex-wrap:nowrap; min-height:80px; padding:0; gap:32px; }
.public-site .logo { color:var(--text); font-size:24px; font-weight:800; letter-spacing:-1px; gap:10px; white-space:nowrap; }
.public-site .logo-mark { width:36px; height:36px; border-radius:10px; box-shadow:none; }
.public-site .nav-links { gap:28px; flex-wrap:nowrap; }
.public-site .nav-links a { color:var(--muted); font-size:13px; font-weight:500; white-space:nowrap; }
.public-site .nav-links a:hover, .public-site .nav-links a.on { color:var(--text); }
.public-site .nav-links a.on:not(.nav-cta):not(.nav-console) { position:relative; }
.public-site .nav-links a.on:not(.nav-cta):not(.nav-console)::after { content:""; position:absolute; bottom:-11px; left:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:var(--brand); }
.public-site .nav-links .nav-console { color:var(--text)!important; border:0; border-left:1px solid var(--line); border-radius:0; padding:4px 0 4px 24px; font-size:13px!important; }
.public-site .nav-cta { background:var(--text); color:var(--bg)!important; border-radius:7px; padding:10px 20px; box-shadow:none; }
.public-site .nav-cta:hover { background:var(--brand); color:#fff!important; }
.public-site .menu-toggle { display:none; background:var(--card); color:var(--text); border:1px solid var(--line); border-radius:8px; padding:9px 14px; cursor:pointer; }
.public-site .btn { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:15px 23px; font-size:14px; font-weight:600; border-radius:7px; border:1px solid transparent; transition:background .2s,transform .2s; cursor:pointer; line-height:1.6; }
.public-site .btn-primary, .download-page .btn { background:var(--brand); color:#fff; box-shadow:0 5px 12px rgba(237,105,42,.12); }
.public-site .btn-primary:hover, .download-page .btn:hover { background:#d9591e; transform:translateY(-2px); box-shadow:0 8px 18px rgba(237,105,42,.18); }
.public-site .btn:disabled { opacity:.65; cursor:wait; transform:none; }
.public-site .btn-ghost { background:transparent; color:var(--text); border-color:var(--line); box-shadow:none; }
.public-site .btn-ghost:hover { background:var(--soft); transform:translateY(-2px); }
.public-site .btn-row { gap:12px; }
.public-site .tag, .eyebrow { color:var(--brand-2); font-size:11px; font-weight:600; letter-spacing:1.5px; }
.public-site .status-dot { display:inline-block; flex-shrink:0; width:6px; height:6px; border-radius:50%; background:#44866b; }
.public-site .hero { color:var(--text); background:none; min-height:0; display:block; overflow:visible; }
.public-site .hero::after { display:none; }
.home-page .hero-inner { max-width:1280px; display:grid; grid-template-columns:1fr 1.13fr; align-items:center; gap:64px; padding:66px 0 48px; }
.eyebrow { display:flex; gap:9px; align-items:center; color:var(--muted); font-size:12px; letter-spacing:1px; margin-bottom:23px; }
.public-site .hero h1 { font-size:clamp(38px,4.05vw,60px); font-weight:750; line-height:1.32; letter-spacing:-2.5px; margin:0 0 24px; }
.orange-word { color:var(--brand); }
.public-site .hero-copy>p { max-width:440px; font-size:15px; line-height:1.95; color:var(--muted); margin:0 0 28px; }
.hero-login { margin:16px 0 0; font-size:16px; line-height:1.6; color:var(--text); }
.hero-login b { font-weight:700; color:var(--brand-2); }
.hero-checks { display:flex; gap:19px; margin-top:12px; font-size:11px; color:var(--muted); flex-wrap:wrap; }
.hero-checks span::before { content:"✓"; margin-right:6px; color:var(--green); }
.public-site .hero-hint { min-height:0; margin-top:10px; font-size:12px; color:var(--brand-2); }
.public-site .hero-hint:empty { display:none; }
.public-site .hero-stats { display:flex; gap:32px; margin-top:35px; padding-top:24px; border-top:1px solid var(--line); flex-wrap:nowrap; }
.public-site .stat .n { font-size:30px; font-weight:600; line-height:1.3; color:var(--text); letter-spacing:-1px; }
.public-site .stat .n span { font-size:12px; letter-spacing:0; font-weight:400; }
.public-site .stat .l { font-size:10px; color:var(--muted); margin-top:6px; white-space:nowrap; }

/* 产品舞台固定为浅色示意界面，示例数据与平台实时统计明确分离。 */
.product-stage { min-width:0; position:relative; padding:26px 23px 0; border-radius:20px; background:var(--soft); }
.product-stage::before { content:""; position:absolute; width:120px; height:120px; right:-14px; top:-18px; border:1px solid var(--line); border-radius:50%; z-index:-1; }
.stage-label { display:flex; justify-content:space-between; align-items:center; font-size:9px; letter-spacing:1.8px; color:var(--muted); margin-bottom:19px; }
.product-window { border:1px solid #39413b; border-radius:11px; overflow:hidden; box-shadow:0 18px 35px rgba(23,35,24,.14); background:#fff; color:#28312b; color-scheme:light; }
.window-bar { height:38px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 14px; background:#242e29; color:#c1cbc3; font-size:9px; }
.window-dots { display:flex; gap:4px; }
.window-dots i { width:5px; height:5px; background:#6a736d; border-radius:50%; }
.window-dots i:first-child { background:#ee9362; }
.window-state { color:#b7c7b6; font-size:8px; }
.product-app { display:flex; min-height:344px; }
.app-sidebar { width:52px; flex-shrink:0; padding:18px 9px 12px; display:flex; flex-direction:column; align-items:center; gap:16px; background:#f5f6f2; border-right:1px solid #e9ece5; }
.app-monogram { color:#222e26; font-size:20px; line-height:1; letter-spacing:-2px; margin-bottom:6px; }
.app-monogram span { color:#ed692a; }
.side-icon { font-size:17px; line-height:29px; text-align:center; width:29px; color:#899388; border-radius:6px; }
.side-icon.active { background:#fce9dc; color:#da672e; }
.side-bottom { margin-top:auto; color:#899388; }
.app-content { padding:20px; flex:1; min-width:0; }
.demo-panel { min-height:304px; }
.app-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:18px; }
.app-kicker { color:#92998e; font-size:8px; }
.app-heading h3 { font-size:16px; line-height:1.5; font-weight:700; margin-top:2px; }
.app-date { font-size:8px; border:1px solid #e5e8e0; border-radius:4px; padding:4px 7px; color:#7b8378; white-space:nowrap; }
.metric-row { display:grid; grid-template-columns:1.45fr 1fr; gap:10px; }
.metric { padding:12px; background:#f5f6f2; border:1px solid #ebeee6; border-radius:7px; }
.main-metric { background:#fff3e8; border-color:#f5e7d9; }
.metric>span { display:block; font-size:9px; color:#737c71; }
.metric strong { display:block; font-size:25px; font-weight:600; letter-spacing:-1px; line-height:1.7; white-space:nowrap; }
.metric small { font-size:12px; font-weight:400; }
.metric em { font-size:8px; font-style:normal; color:#919887; }
.chart-card { margin-top:14px; padding:12px; border:1px solid #e9ece4; border-radius:7px; }
.chart-heading { display:flex; justify-content:space-between; font-size:9px; }
.chart-heading b { font-weight:600; }
.chart-heading>span { font-size:8px; color:#939b8f; }
.chart-heading i { display:inline-block; width:5px; height:5px; background:#ed925c; border-radius:50%; margin-right:4px; }
.chart { height:88px; margin-top:12px; display:flex; align-items:flex-end; justify-content:space-between; gap:9px; padding:0 4px; background:repeating-linear-gradient(to top,#eff0e9 0px,#eff0e9 1px,transparent 1px,transparent 29px); }
.chart>span { display:block; height:var(--bar); flex:1; background:#f5c49f; border-radius:3px 3px 0 0; }
.chart>span:nth-child(4n), .chart>span:nth-last-child(3) { background:#ed8149; }
.chart-axis { display:flex; justify-content:space-between; margin-top:6px; font-size:7px; color:#969d90; }
.app-bottom { display:flex; justify-content:space-between; gap:8px; margin-top:13px; color:#8a9586; font-size:7px; }
.app-bottom .status-dot { width:4px; height:4px; margin-right:3px; }
.app-bottom a { color:#657e63; }
.stage-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:17px 0; }
.demo-caption { color:var(--muted); font-size:8px; }
.demo-tabs { display:flex; gap:3px; }
.demo-tabs button { border:0; padding:6px 9px; font-size:9px; color:var(--muted); background:transparent; border-radius:5px; cursor:pointer; white-space:nowrap; }
.demo-tabs button[aria-selected="true"] { background:var(--card); color:var(--text); box-shadow:0 2px 6px rgba(0,0,0,.06); }
.stage-note { display:flex; gap:11px; align-items:center; padding:18px 0; border-top:1px solid var(--line); }
.note-check { width:31px; height:31px; display:grid; place-items:center; background:var(--card); color:var(--green); border-radius:50%; flex-shrink:0; }
.stage-note b { display:block; font-size:11px; font-weight:500; }
.stage-note div>span { display:block; color:var(--muted); font-size:9px; margin-top:2px; }
.demo-search { border:1px solid #e6e9e1; border-radius:6px; padding:10px; font-size:10px; color:#929b8c; margin-bottom:7px; }
.receipt-line { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid #eff0eb; font-size:10px; }
.item-icon { display:grid; place-items:center; width:30px; height:30px; background:#eaf0df; color:#7f9762; border-radius:6px; }
.item-icon.peach { background:#f8eee0; color:#b7986e; }
.item-icon.blue { background:#e9eff1; color:#879cac; }
.receipt-line small, .demo-total small { display:block; color:#98a090; font-size:8px; font-weight:400; }
.receipt-line strong { margin-left:auto; font-size:11px; }
.demo-total { display:flex; justify-content:space-between; align-items:center; margin:14px 0 10px; font-size:10px; }
.demo-total strong { font-size:22px; color:#d77338; }
.demo-pay { display:flex; justify-content:space-between; background:#ed8149; color:#fff; padding:9px 12px; border-radius:6px; font-size:10px; }
.connection-map { text-align:center; padding:5px 8px 12px; }
.connection-main { width:160px; margin:0 auto; padding:10px; border:1px solid #f3dec9; background:#fff5e9; border-radius:8px; }
.connection-map b { display:block; font-size:11px; }
.connection-map small { display:block; font-size:8px; color:#8a9584; }
.device-icon, .connection-peers div>span { color:#d47a45; font-size:26px; line-height:1.4; }
.connection-line { height:32px; border-left:1px dashed #a7b99d; width:1px; margin:auto; }
.connection-peers { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.connection-peers>div { background:#f5f7f0; border:1px solid #e6eadf; border-radius:8px; padding:9px; }
.store-strip { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:26px 0!important; }
.store-strip>span { color:var(--muted); font-size:11px; }
.store-strip>div { display:flex; gap:24px; align-items:center; font-size:15px; font-weight:600; color:var(--muted); }
.store-strip i { font-style:normal; font-size:12px; color:#b6bcae; }
.store-strip>a { color:var(--muted); font-size:11px; }

/* 内容区、服务信息与下载入口。 */
.public-site section.block { padding:80px 0; }
.public-site .sec-head { max-width:none; text-align:left; margin:0 0 36px; }
.public-site .sec-head h2 { font-size:34px; font-weight:600; line-height:1.5; letter-spacing:-1px; margin:12px 0; }
.public-site .sec-head p { font-size:14px; color:var(--muted); }
.muted-word { color:var(--muted); }
.public-site #live { padding:42px 0 0; }
#live>.wrap { display:grid; grid-template-columns:1fr 2fr; align-items:center; gap:50px; padding-bottom:44px; border-bottom:1px solid var(--line); }
.public-site .live-heading { margin:0; }
.public-site .live-heading .tag { font-size:9px; letter-spacing:1px; color:var(--muted); }
.public-site .live-heading h2 { font-size:21px; margin:9px 0; line-height:1.5; letter-spacing:0; }
.public-site .live-heading h2 br { display:none; }
.public-site .live-heading p { font-size:10px; }
.public-site .live-grid { grid-template-columns:repeat(4,1fr); gap:0; }
.public-site .live-item { padding:7px 22px; text-align:left; border:0; border-left:1px solid var(--line); border-radius:0; background:none; box-shadow:none; }
.public-site .live-item .ln { font-size:32px; color:var(--text); font-weight:500; }
.public-site .live-item .ll { font-size:11px; margin-top:10px; }
.public-site .feature-grid { grid-template-columns:repeat(4,1fr); gap:16px; }
.public-site .feature-card { padding:23px; box-shadow:none; border-radius:12px; transition:border-color .2s,transform .2s; }
.public-site .feature-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:#e6b995; }
.public-site .feature-card.featured { background:var(--peach); border-color:transparent; }
.feature-top { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:26px; }
.feature-top>span { color:var(--muted); font-size:8px; letter-spacing:1px; }
.public-site .feature-card .ico { width:34px; height:34px; margin:0; background:var(--soft); border-radius:8px; color:var(--text); }
.public-site .featured .ico { background:#f9dcc4; color:#a65e33; }
.ico svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.public-site .feature-card h3 { font-size:17px; font-weight:600; margin-bottom:13px; letter-spacing:-.4px; }
.public-site .feature-card p { font-size:12px; line-height:1.9; min-height:69px; }
.feature-foot { display:flex; justify-content:space-between; gap:10px; margin-top:27px; padding-top:17px; border-top:1px solid var(--line); font-size:10px; color:var(--muted); }
a.feature-foot:hover { color:var(--brand-2); }
.featured .feature-foot { border-color:#edddce; }
.getting-started { display:grid; grid-template-columns:1fr 2.2fr; align-items:center; gap:30px; margin-top:54px; }
.getting-started .tag { font-size:9px; }
.getting-started h3 { font-size:18px; font-weight:500; margin-top:8px; }
.getting-started ol { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.getting-started li { display:flex; gap:12px; align-items:center; }
.getting-started li>span { font-size:26px; font-weight:300; color:#a6b09f; }
.getting-started b { font-size:12px; font-weight:500; }
.getting-started small { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.public-site .how { background:#25342c; color:#f4f4e9; }
.public-site .how>.wrap { display:grid; grid-template-columns:.9fr 1.4fr; gap:0 70px; }
.public-site .how .sec-head { grid-column:1; grid-row:1; margin:0; }
.public-site .how .sec-head h2 { color:#f4f4e9; font-size:37px; }
.public-site .how .sec-head p { color:#afbead; line-height:1.9; max-width:360px; }
.public-site .how .sec-head .tag { color:#a7c3a2; font-size:9px; }
.public-site .flow { grid-column:2; grid-row:1 / span 3; display:flex; flex-direction:column; gap:0; }
.public-site .node { position:relative; padding:21px 0 21px 80px; border:0; border-bottom:1px solid #475549; border-radius:0; background:none; }
.public-site .node:first-child { padding-top:0; }
.public-site .node:last-child { border-bottom:0; padding-bottom:0; }
.public-site .node .role { position:absolute; left:0; top:24px; border:1px solid #61715e; background:none; color:#c2d3b8; border-radius:5px; padding:4px 10px; font-size:10px; }
.public-site .node:first-child .role { top:3px; }
.public-site .node h4 { font-size:16px; font-weight:500; margin-bottom:8px; }
.public-site .node p { font-size:12px; line-height:1.9; color:#aab9a6; }
.public-site .how .note { grid-column:1; text-align:left; margin:25px 0 0; font-size:11px; line-height:1.9; color:#afbead; }
.public-site .how .btn-row { grid-column:1; justify-content:flex-start!important; margin-top:22px!important; }
.public-site .how .btn-primary { background:#e8eddd; color:#2c3c2c; box-shadow:none; padding:11px 20px; font-size:12px; }
.public-site .dl-card { max-width:none; background:var(--peach); padding:65px 30px; border:0; border-radius:16px; box-shadow:none; position:relative; overflow:hidden; }
.public-site .dl-card h2 { font-size:42px; font-weight:600; line-height:1.4; letter-spacing:-1.5px; margin:15px 0 18px; }
.public-site .dl-card p { font-size:13px; }
.public-site .dl-hint { font-size:12px; min-height:0; margin-top:16px; }
.public-site .dl-hint:empty { display:none; }
.public-site .req { font-size:10px; margin-top:20px; gap:20px; color:var(--muted); }
.public-site .download-help { display:inline-block; color:var(--brand-2); font-size:11px; margin-top:23px; }
.public-site footer { background:var(--bg); color:var(--muted); padding:0 0 30px; text-align:left; font-size:11px; }
.public-site footer a { color:var(--muted); }
.public-site footer a:hover { color:var(--brand); }
.footer-top { display:flex; justify-content:space-between; gap:30px; padding:35px 0; border-top:1px solid var(--line); }
.public-site footer .logo { justify-content:flex-start; font-size:21px; margin-bottom:10px; color:var(--text); }
.footer-top nav { display:flex; align-items:center; gap:30px; }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; border-top:1px solid var(--line); padding-top:22px; font-size:10px; }
footer a.agent-login,
.public-site footer a.agent-login { display:inline-flex; align-items:center; margin-left:10px; padding:6px 14px; border-radius:999px; background:#ff7a1a; color:#fff !important; font-size:12px; font-weight:600; line-height:1; text-decoration:none; }
footer a.agent-login:hover,
.public-site footer a.agent-login:hover { color:#fff !important; background:#e56a10; }
.public-site #themeToggle { background:var(--card)!important; color:var(--muted)!important; border:1px solid var(--line)!important; box-shadow:var(--shadow)!important; font-size:11px!important; }
.public-site .inner-link { color:var(--brand-2); border-bottom:1px solid currentColor; }
.inner-page .hero { padding:66px 0 45px; border-bottom:1px solid var(--line); }
.inner-page .hero h1 { font-size:44px; margin:14px 0 18px; }
.inner-page .hero p { font-size:15px; line-height:1.9; color:var(--muted); max-width:740px; margin:0; }
.public-site .why { gap:20px; margin-bottom:32px; }
.public-site .why>div { border-radius:10px; padding:24px; background:var(--soft); border:0; border-top:2px solid #d4decc; }
.public-site .why b { font-size:15px; font-weight:600; }
.public-site .why span { font-size:12px; }
.inner-page .card { padding:0; border-radius:12px; box-shadow:none; }
.inner-page table { min-width:680px; }
.inner-page th, .inner-page td { padding:24px; font-size:13px; }
.inner-page th { background:var(--soft); color:var(--text); font-weight:500; }
.inner-page th:first-child { width:140px; }
.inner-page tr:last-child td { border-bottom:0; }
.inner-page .price { font-size:28px; font-weight:500; letter-spacing:-1px; }
.inner-page .note { font-size:12px; padding:20px 0; line-height:2; }
.inner-page .yes { font-weight:500; color:var(--green); }
.inner-page footer, .download-page footer { border-top:1px solid var(--line); padding:28px 0; text-align:center; }
.table-caption { font-size:11px; color:var(--muted); margin:0 0 12px; }
.download-page { display:flex; flex-direction:column; }
.download-page>.wrap { flex:1; }
.download-page .dl { max-width:860px; margin:60px auto; background:var(--peach); padding:60px 40px 38px; border:0; border-radius:18px; box-shadow:none; }
.download-page .dl h1 { font-size:40px; letter-spacing:-1.5px; font-weight:600; margin:14px 0; }
.download-page .dl p { font-size:14px; }
.download-badge { width:66px; height:66px; border-radius:15px; margin:0 auto 20px; display:grid; place-items:center; background:var(--card); color:var(--brand); font-size:38px; }
.download-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; border-top:1px solid var(--line); margin-top:38px; padding-top:28px; text-align:left; list-style:none; }
.download-steps span { font-size:10px; color:var(--brand-2); }
.download-steps b { display:block; font-size:13px; font-weight:500; margin:4px 0; }
.download-steps small { font-size:11px; color:var(--muted); }
.public-site .login-default { margin:18px auto 20px; max-width:460px; padding:16px 18px 14px; border-radius:12px; background:var(--card); text-align:center; }
.public-site .login-default>span { display:block; font-size:11px; letter-spacing:.12em; color:var(--brand-2); font-weight:700; }
.public-site .login-default p { margin:6px 0 4px; font-size:16px; color:var(--text); line-height:1.5; }
.public-site .login-default b { font-weight:700; letter-spacing:.02em; }
.public-site .login-default small { display:block; font-size:12px; color:var(--muted); line-height:1.6; }

/* 四个主题的概览、免费范围与人工服务，复用官网日夜主题变量。 */
.public-site .topic-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:24px 0; }
.topic-strip a { display:grid; grid-template-columns:26px 1fr; gap:2px 8px; padding:6px 24px; border-left:1px solid var(--line); color:var(--text); }
.topic-strip a:first-child { padding-left:0; border-left:0; }
.topic-strip a>span { grid-row:span 2; color:var(--brand-2); font-size:11px; padding-top:3px; }
.topic-strip b { font-size:15px; font-weight:600; }
.topic-strip small { font-size:11px; color:var(--muted); }
.topic-strip a:hover b { color:var(--brand); }
.public-site .free-section, .public-site .boundaries-section { background:var(--soft); }
.free-layout { display:grid; grid-template-columns:.85fr 2fr; gap:38px; }
.free-statement { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:32px; }
.free-statement>span { font-size:13px; color:var(--muted); }
.zero-price { font-size:100px; line-height:1.1; font-weight:600; color:var(--brand); margin:15px 0 20px; letter-spacing:-5px; }
.zero-price small { font-size:16px; letter-spacing:0; }
.free-statement h3 { font-size:23px; font-weight:600; line-height:1.6; margin-bottom:14px; }
.free-statement p { font-size:13px; color:var(--muted); line-height:1.9; }
.limit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-content:stretch; }
.limit-grid>div { padding:22px 0; border-bottom:1px solid var(--line); }
.limit-grid span { font-size:10px; color:var(--brand-2); letter-spacing:1px; }
.limit-grid h3 { font-size:19px; font-weight:600; margin:13px 0 10px; }
.limit-grid p { font-size:13px; color:var(--muted); }
.public-site .section-note { font-size:12px; line-height:1.9; color:var(--muted); margin-top:26px; }
.support-cycle { margin-top:25px; display:flex; align-items:center; gap:18px; }
.support-cycle strong { color:#edf1e5; font-size:54px; font-weight:500; line-height:1.2; letter-spacing:-2px; white-space:nowrap; }
.support-cycle strong span { font-size:13px; letter-spacing:0; }
.support-cycle>span { font-size:11px; color:#afbead; border-left:1px solid #61715e; padding-left:18px; }
.consult-list { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:8px 0 0; padding:0; }
.consult-list li { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px 24px; }
.consult-list span { display:block; font-size:13px; color:var(--muted); }
.consult-list a { display:block; margin-top:6px; font-size:22px; font-weight:600; letter-spacing:.02em; color:var(--text); }
.consult-list a:hover { color:var(--brand); }
.consult-list small { display:block; margin-top:6px; font-size:12px; color:var(--muted); }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.service-grid>*, .free-layout>* { min-width:0; }
.service-free, .service-plan { padding:32px; border-radius:14px; }
.service-free { background:var(--soft); border:1px solid var(--line); }
.service-plan { background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; }
.service-plan.annual { background:var(--peach); border-color:transparent; }
.service-label { display:block; font-size:11px; color:var(--brand-2); margin-bottom:16px; letter-spacing:1px; }
.service-grid h2, .service-grid h3 { font-size:23px; line-height:1.6; font-weight:600; margin:0 0 16px; }
.service-grid p { font-size:13px; line-height:1.9; color:var(--muted); }
.service-grid ul { list-style:none; margin:22px 0; padding:0; }
.service-grid li { font-size:12px; color:var(--muted); margin:10px 0; padding-left:19px; position:relative; }
.service-grid li::before { content:"✓"; color:var(--green); position:absolute; left:0; }
.service-grid .inner-link { font-size:12px; }
.service-price { color:var(--text); font-size:54px; line-height:1.3; font-weight:600; letter-spacing:-2px; margin:6px 0 23px; }
.service-price small { font-size:13px; font-weight:400; color:var(--muted); letter-spacing:0; }
.plan-foot { margin-top:auto; padding-top:28px; font-size:11px; color:var(--muted); }
.service-summary, .support-reminder { display:flex; align-items:center; justify-content:space-between; gap:36px; margin-top:30px; }
.service-summary p, .support-reminder p { max-width:820px; font-size:13px; line-height:1.9; color:var(--muted); }
.service-summary .btn, .support-reminder .btn { flex-shrink:0; }
.support-reminder { padding-top:30px; border-top:1px solid var(--line); }
.support-reminder h3 { font-size:20px; font-weight:600; margin-bottom:10px; }
.boundaries-section th[scope="row"] { background:var(--card); border-bottom:1px solid var(--line); }
.boundaries-section tr:last-child th[scope="row"] { border-bottom:0; }
.public-site .secondary-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:22px; margin-bottom:18px; }

/* 小微企业定位、产品价值与规划中的能力，和已提供的功能明确区分。 */
.public-site .audience-section { padding:48px 0; border-bottom:1px solid var(--line); }
.audience-layout { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:50px; }
.audience-layout h2 { font-size:30px; font-weight:600; line-height:1.5; margin-top:12px; }
.audience-scale { display:flex; align-items:baseline; gap:14px; }
.audience-scale strong { font-size:48px; font-weight:500; line-height:1.2; letter-spacing:-2px; }
.audience-scale>span { font-size:13px; color:var(--muted); }
.industry-tags { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:18px 0; padding:0; }
.industry-tags li { font-size:12px; padding:6px 12px; border-radius:5px; background:var(--soft); color:var(--text); }
.audience-detail p { font-size:13px; color:var(--muted); line-height:1.9; }
.audience-detail nav { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:20px; font-size:12px; }
.public-site .roadmap-panel, .public-site .backup-section, .public-site .value-panel { scroll-margin-top:110px; }
.roadmap-panel { display:grid; grid-template-columns:.85fr 1.5fr; gap:44px; padding:32px; margin-top:48px; background:var(--soft); border:1px dashed var(--line); border-radius:12px; }
.roadmap-status { display:inline-block; color:var(--brand-2); background:var(--peach); border:1px solid var(--line); border-radius:5px; padding:4px 9px; font-size:11px; font-weight:500; }
.roadmap-panel h3 { font-size:24px; font-weight:600; line-height:1.6; margin:16px 0 0; }
.roadmap-panel p { font-size:13px; line-height:1.9; color:var(--muted); margin:0 0 12px; }
.roadmap-panel small { display:block; color:var(--brand-2); font-size:11px; line-height:1.9; }
.backup-section { padding-top:50px; margin-top:50px; border-top:1px solid var(--line); }
.subsection-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:36px; margin-bottom:28px; }
.subsection-heading h3 { font-size:28px; line-height:1.5; font-weight:600; margin-top:12px; }
.subsection-heading>p { max-width:530px; font-size:14px; line-height:1.9; color:var(--muted); }
.backup-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.backup-grid article { min-width:0; padding:26px; border:1px solid var(--line); background:var(--card); border-radius:12px; display:flex; flex-direction:column; align-items:flex-start; }
.backup-number { display:block; font-size:11px; color:var(--green); padding:5px 0; }
.backup-grid h4 { font-size:19px; font-weight:600; margin:20px 0 12px; }
.backup-grid p { font-size:13px; line-height:1.9; color:var(--muted); margin-bottom:25px; }
.backup-label { display:block; margin-top:auto; border-top:1px solid var(--line); padding-top:16px; width:100%; color:var(--muted); font-size:11px; }
.backup-grid .backup-future { background:var(--soft); border-style:dashed; }
.backup-safety { margin-top:24px; padding:22px 26px; border-left:3px solid var(--green); background:var(--soft); }
.backup-safety b { display:block; font-size:14px; font-weight:600; margin-bottom:7px; }
.backup-safety p { color:var(--muted); font-size:12px; line-height:1.9; }
.value-panel { margin-bottom:36px; padding:32px; background:var(--card); border:1px solid var(--line); border-radius:14px; }
.value-intro { display:grid; grid-template-columns:1fr 1.4fr; gap:36px; }
.value-intro h3 { font-size:24px; line-height:1.7; font-weight:600; }
.value-intro p { font-size:13px; color:var(--muted); line-height:1.95; margin-bottom:12px; }
.value-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:28px 0; margin-top:15px; border-top:1px solid var(--line); }
.value-grid span { font-size:10px; color:var(--brand-2); }
.value-grid h4 { font-size:17px; font-weight:600; margin:8px 0; }
.value-grid p { font-size:12px; color:var(--muted); line-height:1.9; }
.value-panel .value-human { font-size:13px; color:var(--muted); line-height:1.95; padding-top:20px; border-top:1px solid var(--line); }
.public-site .service-roadmap { display:flex; align-items:center; gap:30px; margin-top:26px; padding:24px; border:1px dashed var(--line); border-radius:12px; background:var(--soft); }
.service-roadmap p { font-size:13px; color:var(--muted); line-height:1.9; margin:10px 0 0; }
.service-roadmap>a { font-size:12px; flex-shrink:0; }
@media(max-width:900px) {
  .audience-layout, .roadmap-panel, .subsection-heading, .value-intro { grid-template-columns:1fr; gap:24px; }
  .backup-grid { grid-template-columns:1fr; }
  .value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-roadmap { flex-direction:column; align-items:flex-start!important; gap:18px!important; }
}
@media(max-width:540px) {
  .audience-layout h2, .subsection-heading h3 { font-size:25px; }
  .audience-scale strong { font-size:42px; }
  .industry-tags { gap:8px; }
  .industry-tags li { font-size:11px; padding:6px 9px; }
  .roadmap-panel, .value-panel { padding:24px 20px; }
  .roadmap-panel h3, .value-intro h3 { font-size:21px; }
  .backup-section { margin-top:36px; padding-top:36px; }
  .backup-grid article, .backup-safety { padding:22px; }
  .value-grid { gap:22px 16px; }
  .value-grid h4 { font-size:15px; }
}
@media(max-width:1150px) {
  .topic-strip a { padding:6px 14px; }
  .topic-strip small { font-size:10px; }
  .free-layout { gap:26px; grid-template-columns:.9fr 1.7fr; }
  .limit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; }
  .service-free, .service-plan { padding:25px; }
}
@media(max-width:900px) {
  .public-site .topic-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; }
  .topic-strip a:nth-child(odd) { padding-left:0; border-left:0; }
  .consult-list, .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-free { grid-column:1 / -1; }
  .service-summary, .support-reminder { flex-direction:column; align-items:flex-start; gap:20px; }
}
@media(max-width:540px) {
  .topic-strip a { grid-template-columns:18px 1fr; gap:2px 4px; padding:4px 10px; }
  .topic-strip b { font-size:13px; }
  .topic-strip small { font-size:9px; }
  .consult-list, .free-layout, .service-grid { grid-template-columns:1fr; }
  .free-statement { padding:26px; }
  .zero-price { font-size:80px; }
  .limit-grid { gap:10px 20px; }
  .limit-grid h3 { font-size:16px; }
  .limit-grid p { font-size:12px; }
  .service-grid { gap:14px; }
  .service-price { font-size:48px; }
  .service-grid h2, .service-grid h3 { font-size:22px; }
  .public-site .section-note { font-size:11px; }
}

/* 免费与可靠性：团队经历、可追溯设计及明确标识的后续规划。 */
.public-site .quality-section { border-top:1px solid var(--line); }
.quality-heading { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:60px; }
.quality-heading h2 { font-size:46px; font-weight:650; line-height:1.4; letter-spacing:-1.5px; margin:14px 0 0; }
.quality-heading p { color:var(--muted); font-size:15px; line-height:1.95; margin:0 0 14px; }
.experience-band { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:38px; padding:30px; background:var(--soft); border:1px solid var(--line); border-radius:14px; }
.experience-band>div { min-width:0; border-left:2px solid var(--green); padding-left:22px; }
.experience-band strong { display:block; font-size:43px; line-height:1.4; font-weight:550; letter-spacing:-1.5px; }
.experience-band strong small { font-size:14px; font-weight:400; letter-spacing:0; white-space:nowrap; }
.experience-band>div:last-child strong { font-size:31px; line-height:1.95; }
.experience-band>div>span { display:block; color:var(--muted); font-size:12px; margin-top:8px; }
.experience-note { color:var(--muted); font-size:11px; line-height:1.9; margin-top:14px; }
.quality-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin:42px 0; }
.quality-pillars article { min-width:0; border-top:2px solid var(--line); padding-top:22px; }
.quality-label { display:block; color:var(--green); font-size:11px; letter-spacing:.5px; }
.quality-pillars h3 { font-size:22px; line-height:1.55; font-weight:600; margin:15px 0 18px; }
.quality-pillars p { font-size:13px; line-height:1.95; color:var(--muted); margin-bottom:16px; }
.quality-pillars small { display:block; color:var(--muted); font-size:11px; line-height:1.9; padding-top:14px; border-top:1px solid var(--line); }
.quality-pillars .inner-link { display:inline-block; font-size:12px; margin-top:16px; }
.public-site .history-proof, .public-site .performance-proof, .public-site .enterprise-roadmap { scroll-margin-top:110px; }
.history-proof { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:56px; background:var(--soft); padding:38px; border:1px solid var(--line); border-radius:14px; }
.history-proof h3, .enterprise-roadmap h3 { font-size:28px; line-height:1.5; font-weight:600; margin:13px 0 20px; }
.history-proof>div>p, .enterprise-roadmap p { color:var(--muted); font-size:13px; line-height:1.95; margin-top:14px; }
.history-example { margin:0; min-width:0; padding:24px; background:var(--card); border:1px solid var(--line); border-radius:12px; }
.history-example figcaption { color:var(--muted); font-size:10px; line-height:1.8; margin-bottom:14px; }
.history-example ol { list-style:none; padding:0; margin:0; }
.history-example li { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; align-items:center; padding:12px; border-bottom:1px solid var(--line); font-size:13px; }
.history-example li small { display:block; color:var(--muted); font-size:10px; margin-top:3px; }
.history-example li b { font-size:16px; font-weight:550; text-align:center; white-space:nowrap; }
.history-example li em { color:var(--muted); font-size:12px; font-style:normal; text-align:right; white-space:nowrap; }
.history-example .history-selected { background:var(--peach); border-radius:6px; }
.history-example>p { margin:20px 0 0; }
.history-example>p>span { display:block; color:var(--muted); font-size:11px; }
.history-example>p>strong { display:block; color:var(--brand-2); font-size:42px; font-weight:550; line-height:1.5; }
.history-example>p>strong small { font-size:13px; font-weight:400; }
.performance-proof { margin-top:56px; }
.performance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.performance-grid article { min-width:0; padding:26px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.performance-grid h4 { font-size:18px; font-weight:600; line-height:1.6; margin:18px 0 12px; }
.performance-grid p { color:var(--muted); font-size:13px; line-height:1.95; }
.performance-grid .performance-future { background:var(--soft); border-style:dashed; }
.enterprise-roadmap { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:40px 0; margin-top:45px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.enterprise-roadmap>div { min-width:0; }
.enterprise-roadmap ul { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:24px 0 18px; }
.enterprise-roadmap li { padding:9px 15px; border:1px dashed var(--line); border-radius:6px; font-size:14px; }
.quality-closing { max-width:900px; margin:40px auto 0; text-align:center; }
.quality-closing h3 { font-size:28px; font-weight:600; margin-bottom:18px; }
.quality-closing p { color:var(--muted); font-size:14px; line-height:1.95; margin:12px 0; }
.quality-closing>div { display:flex; justify-content:center; gap:16px 28px; flex-wrap:wrap; font-size:12px; margin-top:25px; }
.public-site .quality-entry { display:inline-block; color:var(--brand-2); font-size:12px; margin-top:15px; }
@media(max-width:1100px) {
  .quality-heading, .history-proof, .enterprise-roadmap { gap:30px; }
  .experience-band { padding:24px; gap:20px; }
  .experience-band>div { padding-left:16px; }
  .experience-band>div:last-child strong small { display:block; line-height:1.6; }
  .quality-pillars { gap:24px; }
  .quality-pillars h3 { font-size:20px; }
  .history-proof { padding:28px; }
  .performance-grid article { padding:22px; }
}
@media(max-width:900px) {
  .quality-heading, .history-proof, .enterprise-roadmap, .quality-pillars, .performance-grid { grid-template-columns:1fr; }
  .quality-heading h2 { font-size:36px; }
  .quality-pillars { gap:28px; }
}
@media(max-width:540px) {
  .quality-heading h2 { font-size:32px; }
  .experience-band { grid-template-columns:1fr; gap:24px; }
  .experience-band>div:last-child strong small { display:inline; }
  .history-proof { padding:24px 18px; }
  .history-proof h3, .enterprise-roadmap h3, .quality-closing h3 { font-size:23px; }
  .history-example { padding:16px 10px; }
  .history-example li { gap:8px; padding:10px 5px; font-size:11px; }
  .history-example li b { font-size:14px; }
  .history-example li em { font-size:11px; }
  .quality-closing { text-align:left; }
  .quality-closing>div { justify-content:flex-start; }
}

/* 小屏使用可键盘操作的折叠菜单，关闭脚本时仍保留原有导航。 */
@media(min-width:1600px) { .home-page .hero-inner { padding-top:90px; padding-bottom:70px; } }
@media(max-width:1150px) {
  .public-site .wrap { width:calc(100% - 56px); }
  .public-site .nav-links { gap:18px; }
  .home-page .hero-inner { gap:32px; grid-template-columns:1fr 1.08fr; }
  .public-site .hero h1 { font-size:44px; }
  .public-site .hero-copy>p { font-size:14px; }
  .public-site .hero-copy .btn { padding:13px 16px; font-size:12px; }
  .public-site .hero-stats { gap:23px; }
  .app-content { padding:15px; }
  .product-stage { padding:20px 17px 0; }
  .app-sidebar { width:42px; padding-left:6px; padding-right:6px; }
  .metric strong { font-size:21px; }
  .stage-bottom { flex-direction:column-reverse; gap:8px; padding:12px 0; }
  .public-site .feature-card { padding:18px; }
  .public-site .feature-card h3 { font-size:15px; }
  .public-site .feature-card p { min-height:92px; }
  .store-strip>div { gap:14px; font-size:13px; }
  .store-strip>a { display:none; }
  #live>.wrap { gap:25px; }
  .public-site .live-item { padding:7px 15px; }
}
@media(max-width:900px) {
  .public-site .nav { gap:14px; flex-wrap:wrap; min-height:70px; padding:16px 0; }
  .public-site .nav-links { flex-wrap:wrap; gap:12px 20px; }
  .public-site.nav-ready .menu-toggle { display:block; margin-left:auto; }
  .public-site.nav-ready .nav-links { display:none; width:100%; padding:18px 0 4px; border-top:1px solid var(--line); }
  .public-site.nav-ready .nav-links.is-open { display:flex; }
  .public-site .nav-links .nav-console { border:0; padding-left:0; }
  .home-page .hero-inner { grid-template-columns:1fr; gap:40px; padding:45px 0 36px; }
  .hero-copy { max-width:640px; }
  .public-site .hero h1 { font-size:52px; }
  .public-site .hero-copy>p { max-width:560px; }
  .public-site .hero-stats { max-width:490px; gap:55px; }
  .product-stage { max-width:630px; width:100%; margin:0 auto; padding:24px 24px 0; }
  .stage-bottom { flex-direction:row; }
  .public-site .feature-grid { grid-template-columns:repeat(2,1fr); }
  .public-site .feature-card p { min-height:69px; }
  .public-site .feature-card { padding:25px; }
  .getting-started { grid-template-columns:1fr; gap:25px; }
  .public-site .how>.wrap { grid-template-columns:1fr 1.3fr; gap:0 35px; }
  .public-site .how .sec-head h2 { font-size:29px; }
  .public-site .node { padding-left:0; }
  .public-site .node .role { position:static; margin-bottom:10px; }
  #live>.wrap { grid-template-columns:1fr; gap:25px; }
  .public-site .live-item:first-child { border-left:0; padding-left:0; }
  .public-site .sec-head h2 { font-size:28px; }
  .store-strip { flex-wrap:wrap; gap:15px; }
  .store-strip>div { gap:22px; }
  .footer-top { flex-direction:column; }
  .footer-top nav { flex-wrap:wrap; gap:22px; }
}
@media(max-width:540px) {
  .public-site .wrap { width:calc(100% - 40px); }
  .public-site .logo { font-size:21px; }
  .public-site .logo-mark { width:31px; height:31px; }
  .public-site .nav-links.is-open { display:grid; grid-template-columns:1fr 1fr; }
  .public-site .nav-links a { padding:9px 10px!important; border-radius:6px!important; }
  .public-site .nav-links a.on::after { display:none; }
  .eyebrow { font-size:10px; margin-bottom:18px; }
  .public-site .hero h1 { font-size:37px; letter-spacing:-1.5px; margin-bottom:20px; }
  .public-site .hero-copy>p { font-size:13px; line-height:1.95; margin-bottom:22px; }
  .public-site .hero-copy .btn { padding:12px 13px; font-size:11px; gap:6px; }
  .public-site .hero-copy .btn-row { gap:8px; }
  .hero-checks { font-size:9px; gap:15px; }
  .public-site .hero-stats { justify-content:space-between; gap:12px; margin-top:25px; padding-top:20px; }
  .public-site .stat .n { font-size:26px; }
  .public-site .stat .n span { font-size:10px; }
  .public-site .stat .l { font-size:8px; }
  .product-stage { padding:16px 10px 0; border-radius:12px; }
  .product-stage::before { display:none; }
  .stage-label { font-size:7px; letter-spacing:1px; padding:0 5px; margin-bottom:12px; }
  .window-bar { padding:0 10px; font-size:8px; height:32px; }
  .app-content { padding:12px; }
  .app-sidebar { width:32px; padding:15px 4px 10px; gap:13px; }
  .side-icon { width:24px; font-size:15px; }
  .app-heading { margin-bottom:14px; }
  .app-heading h3 { font-size:13px; }
  .app-kicker { font-size:7px; }
  .app-date { font-size:7px; padding:3px 5px; }
  .metric { padding:9px; }
  .metric-row { gap:7px; grid-template-columns:1.4fr 1fr; }
  .metric strong { font-size:19px; letter-spacing:-.6px; }
  .metric em { font-size:7px; }
  .chart { gap:6px; }
  .app-bottom { font-size:6px; }
  .product-app { min-height:320px; }
  .demo-panel { min-height:294px; }
  .stage-bottom { flex-direction:column-reverse; padding:12px 0; }
  .demo-tabs button { font-size:10px; padding:7px 12px; }
  .stage-note { padding:14px 5px; }
  .stage-note b { font-size:10px; }
  .store-strip>div { flex-wrap:wrap; gap:10px 15px; font-size:11px; }
  .store-strip>div i { font-size:9px; }
  .public-site section.block { padding:48px 0; }
  .public-site #live { padding-top:28px; }
  #live>.wrap { padding-bottom:30px; gap:22px; }
  .public-site .live-heading h2 { font-size:19px; }
  .public-site .live-item { padding:4px 10px; }
  .public-site .live-item .ln { font-size:25px; }
  .public-site .live-item .ll { font-size:9px; white-space:nowrap; }
  .public-site .sec-head { margin-bottom:25px; }
  .public-site .sec-head h2 { font-size:26px; }
  .muted-word { display:block; }
  .public-site .sec-head p { font-size:12px; }
  .public-site .tag { font-size:9px; letter-spacing:1px; }
  .public-site .feature-grid { grid-template-columns:1fr; gap:12px; }
  .public-site .feature-card { padding:24px; }
  .public-site .feature-card h3 { font-size:18px; }
  .public-site .feature-card p { min-height:0; }
  .feature-top { margin-bottom:17px; }
  .feature-foot { margin-top:20px; }
  .getting-started { margin-top:35px; }
  .getting-started ol { grid-template-columns:1fr; gap:23px; }
  .getting-started li { gap:20px; }
  .getting-started b { font-size:14px; }
  .getting-started small { font-size:11px; }
  .public-site .how>.wrap { display:flex; flex-direction:column; }
  .public-site .how .flow { margin-top:30px; }
  .public-site .how .sec-head h2 { font-size:30px; }
  .public-site .how .note { margin-top:30px; }
  .public-site .dl-card { padding:40px 20px; border-radius:12px; }
  .public-site .dl-card h2 { font-size:33px; }
  .public-site .dl-card p { font-size:12px; }
  .public-site .req { gap:8px 16px; font-size:9px; }
  .footer-top { padding:25px 0; }
  .footer-top nav { gap:18px; }
  .footer-bottom { gap:10px; font-size:9px; }
  .inner-page .hero { padding:40px 0 30px; }
  .inner-page .hero h1 { font-size:32px; }
  .inner-page .hero p { font-size:13px; }
  .inner-page table { min-width:640px; }
  .inner-page th, .inner-page td { padding:17px; font-size:12px; }
  .inner-page .price { font-size:24px; }
  .inner-page .note { font-size:11px; }
  .download-page .dl { padding:35px 20px; margin:32px auto; }
  .download-page .dl h1 { font-size:29px; }
  .download-page .dl p { font-size:12px; }
  .public-site .login-default p { font-size:15px; }
  .download-page .dl .btn { font-size:13px; padding:14px 17px; }
  .download-steps { grid-template-columns:1fr; gap:19px; margin-top:28px; }
}
/* 屏级悬浮导航：首页长页专用（section[data-screen] 驱动），右侧垂直居中，仅桌面显示 */
.public-site .screen-nav {
  position:fixed; right:18px; top:50%; transform:translateY(-50%); z-index:45;
  display:flex; flex-direction:column; align-items:center;
  padding:8px 6px; border-radius:999px;
  background:var(--card); background:color-mix(in srgb, var(--card) 84%, transparent);
  border:1px solid var(--line); box-shadow:0 10px 30px rgba(24,32,26,.08);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  animation:screenNavIn .5s ease-out both;
}
@keyframes screenNavIn {
  from { opacity:0; transform:translateY(-46%); }
  to { opacity:1; transform:translateY(-50%); }
}
.public-site .screen-nav ol { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; align-items:center; }
.public-site .screen-nav a { position:relative; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; }
.public-site .screen-nav .dot { width:6px; height:6px; border-radius:50%; background:var(--line); transition:background .18s, transform .18s, box-shadow .18s; }
.public-site .screen-nav a:hover .dot { background:var(--muted); transform:scale(1.3); }
.public-site .screen-nav a.current .dot { background:var(--brand); transform:scale(1.35); box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent); }
.public-site .screen-nav .label {
  position:absolute; right:calc(100% + 10px); top:50%; transform:translate(4px,-50%);
  padding:5px 10px; border-radius:999px; border:1px solid var(--line);
  background:var(--card); color:var(--text); font-size:11px; line-height:1.5; letter-spacing:.2px; white-space:nowrap;
  box-shadow:0 6px 18px rgba(24,32,26,.08);
  opacity:0; pointer-events:none; transition:opacity .18s, transform .18s;
}
.public-site .screen-nav a:hover .label { opacity:1; transform:translate(0,-50%); }
.public-site .screen-nav .divider { width:12px; height:1px; background:var(--line); margin:5px 0; }
.public-site .screen-nav button { display:grid; place-items:center; width:22px; height:22px; border:0; padding:0; border-radius:50%; background:none; color:var(--muted); cursor:pointer; transition:background .18s, color .18s, opacity .18s; }
.public-site .screen-nav button:hover { background:var(--soft); color:var(--text); }
.public-site .screen-nav button[aria-disabled="true"] { opacity:.32; cursor:default; }
.public-site .screen-nav button[aria-disabled="true"]:hover { background:none; color:var(--muted); }
@media(max-width:1023px) { .public-site .screen-nav { display:none; } }

@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  .public-site *, .public-site *::before, .public-site *::after { transition:none!important; animation:none!important; }
}

/* 商户控制台独立于网站管理后台，沿用官网品牌和日夜主题。 */
.console-site {
  --console-bg:#faf9f6; --console-card:#fff; --console-text:#26342c;
  --console-muted:#647169; --console-line:#e2e6e1; --console-soft:#f0f2ed;
  --console-accent:#b94816; --console-error:#bd312c;
}
html.dark .console-site {
  --console-bg:#111b27; --console-card:#1d2a3a; --console-text:#e5edf5;
  --console-muted:#aebed0; --console-line:#354456; --console-soft:#273749;
  --console-accent:#ffb07a; --console-error:#ffa39d;
  color-scheme:dark;
}
html body.console-site { background:var(--console-bg); color:var(--console-text); min-height:100vh; }
.console-site [hidden] { display:none!important; }
html .console-site .top, html .console-site header {
  background:var(--console-card); color:var(--console-text); border-bottom:1px solid var(--console-line);
  padding:20px max(24px, calc((100vw - 1120px) / 2)); gap:16px;
}
html .console-site .top a, html .console-site header a { color:var(--console-muted); }
html .console-site a.on, html .console-site header a:hover, html .console-site .top a:hover { color:var(--console-accent); }
.console-site .wrap { max-width:480px; margin:64px auto; padding:0 20px 70px; }
html .console-site .card, html .console-site .panel { background:var(--console-card); color:var(--console-text); border:1px solid var(--console-line); box-shadow:0 8px 32px #00000006; }
.console-site .card { padding:32px; border-radius:22px; }
.console-site .eyebrow { color:var(--console-accent); letter-spacing:2px; font-size:11px; margin-bottom:14px; }
.console-site h1 { font-size:30px; line-height:1.3; margin-bottom:12px; }
html .console-site h2 { color:var(--console-text); }
html .console-site .sub, html .console-site .hint, html .console-site .loading, html .console-site .muted, html .console-site .empty { color:var(--console-muted); }
.console-site .sub { font-size:14px; line-height:1.7; margin-bottom:24px; }
.console-site .wx-box { min-height:180px; color:var(--console-muted); text-align:center; }
.console-site .wx-box img { width:260px; height:auto; max-width:100%; background:#fff; padding:10px; border-radius:16px; }
.console-site .hint { font-size:12px; line-height:1.8; }
.console-site .btn { background:#c45321; color:#fff; border:0; border-radius:10px; padding:11px 18px; cursor:pointer; }
.console-site .btn:disabled { opacity:.55; cursor:wait; }
html .console-site .btn.ghost { background:var(--console-soft); color:var(--console-text); }
html .console-site .err { color:var(--console-error); overflow-wrap:anywhere; }
.console-site .session-state { max-width:920px; margin:24px auto; }
.console-site #retryLogin { margin-top:14px; width:100%; }
html .console-site .toolbar input { background:var(--console-bg); color:var(--console-text); border-color:var(--console-line); height:44px; min-height:44px; flex:1 1 auto; }
.console-site input::placeholder { color:var(--console-muted); }
html .console-site th, html .console-site td { border-color:var(--console-line); }
html .console-site th { color:var(--console-muted); }
.console-site .user>div:last-child { min-width:0; }
.console-site .user .av { flex-shrink:0; background:var(--console-soft); }
.console-site .badge { background:var(--console-soft); }
html.dark .console-site .badge.ok { background:#163e30; color:#8ce8b1; }
html.dark .console-site .badge.warn { background:#463716; color:#ffda7e; }
.console-site .relay-note a { color:var(--console-accent); }
.console-site :focus-visible { outline:3px solid var(--console-accent); outline-offset:3px; }

/* 人工服务页：电话、报价、导数据连成三段，其余收在页底。 */
.service-page .hero { padding:48px 0 28px; }
.service-page section.block { padding:28px 0 36px; }
.service-page .svc-part + .svc-part { margin-top:28px; padding-top:28px; border-top:1px solid var(--line); }
.service-page .sec-head { margin-bottom:16px; }
.service-page .sec-head h2 { margin:6px 0 8px; }
.service-page .section-note { margin-top:14px; }
.service-page .consult-bar { display:flex; align-items:center; justify-content:space-between; gap:20px 36px; padding:16px 20px; background:var(--card); border:1px solid var(--line); border-radius:14px; }
.service-page .consult-bar h2 { font-size:20px; font-weight:600; line-height:1.4; margin:4px 0 6px; letter-spacing:0; }
.service-page .consult-bar p { margin:0; max-width:460px; font-size:13px; line-height:1.7; color:var(--muted); }
.service-page .consult-list { display:flex; gap:0; margin:0; flex:0 0 auto; }
.service-page .consult-list li { background:none; border:0; border-left:1px solid var(--line); border-radius:0; padding:0 0 0 16px; margin-left:16px; }
.service-page .consult-list li:first-child { border-left:0; padding-left:0; margin-left:0; }
.service-page .consult-list span { display:block; font-size:12px; }
.service-page .consult-list a { display:block; margin-top:2px; font-size:16px; font-weight:600; letter-spacing:0; }
.service-page .service-free, .service-page .service-plan { padding:22px 22px 18px; }
.service-page .service-label { margin-bottom:8px; }
.service-page .service-grid { gap:16px; }
.service-page .service-grid h2, .service-page .service-grid h3 { margin-bottom:8px; font-size:20px; }
.service-page .service-grid ul { margin:12px 0; }
.service-page .service-grid li { margin:6px 0; }
.service-page .service-price { font-size:40px; margin:2px 0 10px; }
.service-page .plan-foot { padding-top:14px; }
.service-page .pricing-why p { margin-bottom:12px; }
.service-page .service-roadmap { margin-top:22px; border-style:solid; background:var(--card); }
.service-page .support-reminder { margin-top:22px; padding-top:22px; }
.service-more { background:var(--soft); }
@media(max-width:900px) {
  .service-page .consult-bar { flex-direction:column; align-items:flex-start; }
  .service-page .consult-list { width:100%; flex-wrap:wrap; gap:12px 0; }
}
@media(max-width:540px) {
  .service-page .consult-list { flex-direction:column; }
  .service-page .consult-list li, .service-page .consult-list li:first-child { border-left:0; margin-left:0; padding-left:0; }
  .service-page .service-price { font-size:36px; }
}
@media(max-width:600px) {
  html .console-site .top, html .console-site header { padding:16px; gap:12px 16px; }
  .console-site header nav { gap:12px 16px; }
  .console-site .wrap { margin:28px auto; padding:0 16px 70px; }
  .console-site .card { padding:24px 20px; }
  .console-site h1 { font-size:26px; }
  .console-site .session-state { margin:16px; }
  .console-site .panel { padding:16px; }
  .console-site .toolbar input, .console-site .toolbar .btn { min-width:0; width:100%; }
}