/* 尊赛科技 V7：工业商务视觉体系。内容与交互仍由原数据源提供。 */
:root {
  --ink: #17303d;
  --body: #536775;
  --blue: #126e82;
  --mist: #f2f6f4;
  --line: #dce5e4;
  --navy: #0c1d2b;
  --navy-2: #173441;
  --gold: #e5c789;
  --teal: #49c6b9;
  background: #fff;
}
body { background: #fff; }
.container { width: min(1240px, calc(100% - 88px)); }
.site-header { background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.12); color: #f7f9f7; }
.site-header > .container { min-height: 76px; }
.brand { gap: 13px; color: #fff; font-size: 22px; letter-spacing: .045em; }
.brand-mark { width: 42px; height: 42px; padding: 4px; background: #fff; border-radius: 7px; }
.site-header .brand-name { color: #fff; }
.site-nav { gap: 33px; color: #c8d4d9; font-size: 13px; letter-spacing: .025em; }
.site-nav a { color: inherit; }
.site-nav a:hover { color: var(--gold); }
.site-nav a:last-child { color: var(--gold); }

/* 工厂场景与业务链路形成一个完整首屏。 */
.hero { min-height: 720px; background: var(--navy); color: #f7f9f7; border: 0; }
.hero-photo { inset: 0; width: 100%; height: 100%; object-position: 45% center; opacity: .84; }
.hero-shade { background: linear-gradient(90deg, rgba(6,20,31,.56) 0%, rgba(6,20,31,.75) 42%, rgba(6,20,31,.95) 100%), linear-gradient(0deg, rgba(6,20,31,.55) 0%, transparent 30%); }
.hero-content { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 60px; padding-block: 78px 94px; align-items: center; }
.hero-copy { padding-block: 15px; }
.hero .hero-kicker { display: flex; align-items: center; gap: 12px; color: var(--gold); font-size: 17px; font-weight: 600; letter-spacing: .05em; margin-bottom: 30px; }
.kicker-rule { display: block; width: 28px; height: 1px; background: currentColor; flex: none; }
.hero h1 { color: #fff; font-size: clamp(38px, 3.65vw, 51px); line-height: 1.38; font-weight: 740; letter-spacing: -.045em; white-space: nowrap; }
.hero h1 span { color: var(--gold); }
.hero-description { margin-top: 25px; max-width: 33em; color: #d4dfe0; font-size: 16px; line-height: 2; }
.hero .actions { margin-top: 35px; }
.button { border-radius: 5px; letter-spacing: .01em; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary, .dialog-plan-select.button { background: var(--gold); border-color: var(--gold); color: #142b34; }
.button.primary:hover, .dialog-plan-select.button:hover { background: #f3dca8; border-color: #f3dca8; }
.hero .button.primary { min-width: 178px; }
.hero .button.ghost { color: #f3f6f3; background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.47); }
.hero .button.ghost:hover { background: rgba(255,255,255,.12); }
.hero-facts { max-width: 520px; gap: 14px; margin-top: 48px; padding-top: 23px; border-color: rgba(255,255,255,.29); }
.hero-facts > div + div { border-left: 1px solid rgba(255,255,255,.21); padding-left: 19px; }
.hero-facts dt { color: #9eb6ba; font-size: 12px; letter-spacing: .04em; }
.hero-facts dd { color: #fff; font-size: 16px; font-weight: 600; margin-top: 5px; white-space: nowrap; }
.hero-product-scene { display: none; }
.hero-journey { min-width: 0; padding: 8px 0 8px 26px; border-left: 1px solid rgba(229,199,137,.6); text-shadow: 0 1px 14px rgba(3,17,29,.35); }
.journey-heading { padding-bottom: 15px; }
.journey-heading p { color: var(--gold); font-size: 11px; font-weight: 700; letter-spacing: .13em; }
.journey-heading h2 { color: #fff; font-size: 27px; line-height: 1.45; font-weight: 700; margin-top: 7px; }
.journey-steps { position: relative; }
.journey-steps::before { content: ''; position: absolute; left: 56px; top: 42px; bottom: 42px; width: 1px; background: linear-gradient(var(--gold), var(--teal)); opacity: .75; }
.journey-step { width: 100%; min-width: 0; min-height: 83px; display: grid; grid-template-columns: 25px 44px minmax(0,1fr) 17px; align-items: center; gap: 13px; padding: 11px 3px; border: 0; border-bottom: 1px solid rgba(255,255,255,.2); border-radius: 0; background: transparent; color: #fff; text-align: left; }
.journey-step:last-child { border-bottom: 0; }
button.journey-step:hover { background: linear-gradient(90deg,rgba(229,199,137,.1),transparent); }
.journey-number { color: var(--gold); font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; }
.journey-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 37px; height: 37px; color: var(--teal); background: #123243; border: 1px solid rgba(73,198,185,.6); border-radius: 50%; font-size: 21px; }
.journey-step:nth-child(2) .journey-icon { color: var(--gold); border-color: var(--gold); }
.journey-copy { min-width: 0; }
.journey-copy strong { display: block; color: #fff; font-size: 18px; line-height: 1.4; font-weight: 680; }
.journey-copy small { display: block; margin-top: 5px; color: #cadbd9; font-size: 12px; line-height: 1.5; }
.journey-open { color: var(--gold); font-size: 17px; justify-self: end; opacity: .85; }
.journey-knowledge { width: 100%; display: flex; align-items: center; gap: 13px; margin-top: 19px; padding: 13px 15px; background: rgba(229,199,137,.11); border: 0; border-left: 2px solid var(--gold); border-radius: 0; color: #fff; text-align: left; }
.journey-knowledge:hover { background: rgba(229,199,137,.19); }
.journey-knowledge > i:first-child { color: var(--gold); font-size: 22px; }
.journey-knowledge > span { flex: 1; }
.journey-knowledge strong { display: block; color: #fff; font-size: 14px; }
.journey-knowledge small { display: block; color: #c5d6d3; font-size: 11px; margin-top: 2px; }
.journey-knowledge > i:last-child { color: var(--gold); font-size: 15px; }

/* 章标题、数据、服务模块。 */
.section { padding-block: 92px; }
.section-heading { margin-bottom: 39px; }
.eyebrow { color: var(--blue); font-size: 11px; letter-spacing: .14em; font-weight: 750; }
.section-heading h2 { font-size: clamp(31px,3.4vw,43px); line-height: 1.3; font-weight: 740; margin-top: 15px; }
.section-intro { max-width: 64em; font-size: 15px; line-height: 1.95; margin-top: 18px; }
#phase1 { background: #f9fbfa; }
.phase-summary, .dealer-summary { padding: 26px 32px; background: #e9f0ed; border-left: 3px solid var(--gold); border-radius: 0 8px 8px 0; }
.phase-info h3 { color: var(--ink); font-size: 22px; }
.plan-summary-note .button { background: #fff; color: var(--ink); border-color: #c9d6d3; }
.plan-summary-note .button:hover { background: #f8fbf8; border-color: var(--blue); }
.scope-grid { margin-block: 29px 35px; background: #fff; border: 1px solid var(--line); border-radius: 8px; }
.scope-grid > div { padding-block: 22px; }
.scope-grid dt { font-size: 11px; letter-spacing: .04em; }
.scope-grid dd { font-size: 16px; font-weight: 700; }
.module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.module-card, .module-card:nth-last-child(-n+2), .module-card:last-child { grid-column: span 1; min-height: 232px; padding: 26px 27px 22px; background: #fff; border: 1px solid var(--line); border-radius: 7px; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.module-card:first-child { grid-column: span 2; min-height: 220px; padding: 29px 32px; background: linear-gradient(115deg,#132d3a,#1f4550); border-color: #1f4550; }
.module-card:hover { transform: translateY(-3px); border-color: #79b8b2; box-shadow: 0 14px 30px rgba(13,45,54,.08); }
.module-card:first-child:hover { border-color: var(--gold); }
.module-meta { margin-bottom: 17px; }
.module-icon, .module-meta > i { display: grid; place-items: center; width: 40px; height: 40px; font-size: 22px; color: var(--blue); background: #eaf3ef; border-radius: 5px; }
.module-id { color: #82949b; letter-spacing: .14em; font-size: 11px; }
.module-card h3 { font-size: 22px; }
.module-card > p { max-width: 40em; }
.module-card:first-child h3 { color: #fff; font-size: 27px; }
.module-card:first-child > p { color: #c6d6d6; font-size: 15px; }
.module-card:first-child .module-id { color: #a2c0bd; }
.module-card:first-child .module-meta > i { background: rgba(73,198,185,.15); color: var(--teal); }
.module-card:first-child .module-more { color: var(--gold); }
.module-more { font-size: 12px; font-weight: 650; }
.boundary-note, .principle-note, .cooperation-note { background: #edf3f0; border-left: 2px solid #9dbbb3; border-radius: 0 5px 5px 0; }

/* 清楚展示接待、人工和审核之间的顺序。 */
.case-section { background: #fff; }
.loop-track { gap: 10px; margin: 4px 0 48px; }
.loop-track li { padding: 20px 14px; border: 1px solid var(--line); background: #f8faf9; border-radius: 6px; }
.loop-track li:not(:last-child)::after { right: -14px; top: 26px; z-index: 1; color: var(--blue); font-size: 18px; }
.loop-track li > span { width: 34px; height: 34px; background: var(--navy-2); color: #fff; border: 0; }
.loop-track strong { font-size: 13px; }
.cases-grid { gap: 14px; }
.case-card { padding: 29px; border-radius: 7px; background: #fff; border-color: #d7e1de; box-shadow: 0 6px 19px rgba(17,57,65,.035); }
.case-card:hover { background: #f8fbf9; border-color: #8ab7ad; }
.case-label { color: var(--blue); font-weight: 700; font-size: 11px; letter-spacing: .07em; }
.case-label i { float: right; font-size: 22px; }
.case-card h3 { font-size: 21px; }
.case-card .case-quote { padding: 13px 17px; background: #edf4f0; border-left: 2px solid #75aaa0; color: #25414a; font-size: 14px; }
.case-more { font-weight: 650; }
.case-section .principle-note { background: #f4f7f5; }

/* 交付计划与厂家扩展独立成章。 */
.delivery-section { background: #f4f7f5; }
.timeline li::before { background: var(--gold); border-color: #e8dfc9; }
.timeline li:not(:last-child)::after { background: #adc7c1; }
.timeline .time { color: var(--blue); font-weight: 700; }
.deliverables-panel { background: #fff; border-color: #d4e1db; border-radius: 6px; border-top: 4px solid var(--gold); box-shadow: 0 16px 36px rgba(23,55,59,.055); }
.deliverables-panel h3 { font-size: 23px; }
.dealer-section { background: var(--navy-2); border: 0; color: #d0dddc; }
.dealer-section .eyebrow { color: var(--gold); }
.dealer-section h2, .dealer-section h3 { color: #fff; }
.dealer-section .section-intro, .dealer-section .dealer-grid p { color: #bacdce; }
.dealer-section .dealer-summary { background: rgba(255,255,255,.07); border-color: var(--gold); }
.dealer-section .phase-info p, .dealer-section .phase-price span, .dealer-section .phase-price > p { color: #bad0cf; }
.dealer-section .plan-summary-note .button { background: transparent; color: #fff; border-color: #779397; }
.dealer-section .plan-summary-note .button:hover { background: rgba(255,255,255,.1); }
.dealer-grid { gap: 10px; padding-block: 4px 34px; }
.dealer-grid > div { padding: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 5px; background: rgba(255,255,255,.045); }
.dealer-grid i { color: var(--teal); }
.dealer-grid h3 { font-size: 16px; }
.dealer-section .module-details, .dealer-section .principle-note { border-color: rgba(255,255,255,.2); }
.dealer-section .module-details summary { color: #e7f1ed; }
.dealer-section .module-details summary::after { color: var(--gold); }
.dealer-section .principle-note { background: rgba(255,255,255,.06); color: #c7d8d5; }
.dealer-section .principle-note strong { color: #fff; }

/* 套餐先给选择路径，再给完整明细。 */
.packages-section { background: #f8faf8; }
.package-cards { gap: 14px; margin-top: 42px; }
.package-card { min-height: 290px; padding: 30px 27px; border: 1px solid #d6e1dc; border-top: 3px solid #739b94; border-radius: 6px; box-shadow: 0 12px 30px rgba(19,54,59,.04); }
.package-card:nth-child(2) { background: var(--navy-2); border-color: var(--navy-2); border-top-color: var(--gold); transform: translateY(-12px); box-shadow: 0 22px 50px rgba(9,40,50,.18); }
.package-card:nth-child(2) h3 { color: #fff; }
.package-card:nth-child(2) .package-subtitle, .package-card:nth-child(2) .package-description { color: #c8d9d7; }
.package-card:nth-child(2) .package-period { color: var(--gold); }
.package-card:nth-child(2) .button { background: var(--gold); border-color: var(--gold); color: #132d36; }
.package-card:nth-child(2).is-selected { outline: 3px solid var(--gold); outline-offset: 3px; }
.package-card.is-selected { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(18,110,130,.2); }
.package-subtitle { text-transform: uppercase; letter-spacing: .1em; font-size: 11px; font-weight: 700; }
.package-card h3 { font-size: 26px; margin-top: 13px; }
.package-period { font-size: 13px; letter-spacing: .04em; }
.package-card .button { border-color: #b7ceca; background: #f8fbf9; color: var(--ink); }
.package-legend { padding-top: 8px; }
.table-swipe-cue { display: none; }
.package-table-wrap { border-radius: 7px; border-color: #cfdcd7; box-shadow: 0 12px 33px rgba(20,55,57,.055); }
.package-table thead th { background: #e8efeb; }
.package-table thead th:nth-child(3) { background: #dbe9e3; }
.package-table .feature-group th { padding-block: 14px; background: #dbe8e2; color: var(--ink); letter-spacing: .025em; }
.package-table tbody th[scope="row"] { font-weight: 600; color: var(--ink); }
.package-table tr:not(.feature-group) td:nth-child(3) { background: #f0f7f2; }
.feature-check { color: #168978; }
.feature-absent { color: #a9b6b1; }
.package-table-select { border-color: #afc6bb; border-radius: 4px; color: var(--ink); }
.package-table-select:hover { background: #f5faf5; }
.package-notes { border-color: #a4bdb2; }
.plan-selection { background: #edf4ef; border-color: #abcbbd; border-radius: 6px; }

/* 验收以短内容收束整页。 */
.acceptance-section { background: #fff; }
.acceptance-item { border-top: 2px solid #dce8e2; }
.acceptance-item > i { color: var(--blue); }
.footer { background: var(--navy); color: #b8c8ca; border-color: var(--navy); }
.footer .brand-name, .footer .brand { color: #fff; }
.footer .back-top { color: var(--gold); }
.detail-dialog { border-color: #b9cdc8; border-radius: 9px; box-shadow: 0 28px 90px rgba(3,25,37,.25); }
.detail-dialog::backdrop { background: rgba(6,28,38,.68); }
.dialog-done { border-radius: 4px; color: var(--ink); background: #edf4ef; border-color: #bfd2c6; }
.dialog-close { color: var(--ink); }

@media (max-width: 1120px) {
  .container { width: calc(100% - 56px); }
  .hero-content { gap: 30px; }
  .hero h1 { font-size: clamp(32px,3.7vw,43px); }
  .flow-capability { min-height: 65px; }
  .loop-track { gap: 8px; }
}
@media (max-width: 900px) {
  .container { width: calc(100% - 40px); }
  .site-header > .container { min-height: 98px; }
  .hero-content { grid-template-columns: 1fr; gap: 32px; padding-block: 50px 78px; }
  .hero-copy { padding: 0; max-width: 720px; }
  .hero-photo { height: 100%; width: 100%; object-position: 35% center; opacity: .79; }
  .hero-shade { background: linear-gradient(180deg,rgba(5,20,30,.7),rgba(5,20,30,.83) 46%,rgba(5,20,30,.95)); }
  .hero h1 { font-size: clamp(34px,5vw,45px); }
  .hero-journey { width: min(690px,100%); margin-inline: auto; }
  .hero-product-scene { display: block; width: min(690px,100%); height: 265px; margin-inline: auto; border: 1px solid rgba(229,199,137,.5); border-radius: 8px; overflow: hidden; box-shadow: 0 18px 36px rgba(0,0,0,.17); }
  .hero-product-scene img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 42% 54%; }
  .section { padding-block: 70px; }
  .loop-track { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .loop-track li:nth-child(3n)::after { display: none; }
  .dealer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .mobile-break { display: block; }
  .container { width: calc(100% - 36px); }
  .site-header > .container { padding-block: 12px 7px; }
  .brand { font-size: 20px; }
  .brand-mark { width: 37px; height: 37px; }
  .site-nav { gap: 8px; font-size: 11px; }
  .site-nav a { padding-block: 7px; }
  .hero-content { gap: 29px; padding-block: 49px 65px; }
  .hero-photo { object-position: 30% center; }
  .hero-product-scene { height: 180px; }
  .hero .hero-kicker { font-size: 13px; letter-spacing: 0; margin-bottom: 20px; }
  .kicker-rule { width: 17px; }
  .hero h1 { font-size: clamp(28px,7.25vw,37px); line-height: 1.4; white-space: normal; }
  .hero h1 span { white-space: nowrap; }
  .hero-description { margin-top: 17px; font-size: 14px; line-height: 1.9; }
  .hero .actions { margin-top: 25px; }
  .hero-facts { gap: 6px; margin-top: 35px; padding-top: 17px; }
  .hero-facts > div + div { padding-left: 9px; }
  .hero-facts dt { font-size: 10px; }
  .hero-facts dd { font-size: 12px; }
  .hero-journey { padding: 0 0 0 16px; }
  .journey-heading { padding-bottom: 9px; }
  .journey-heading h2 { font-size: 23px; }
  .journey-steps::before { left: 48px; top: 34px; bottom: 34px; }
  .journey-step { grid-template-columns: 22px 35px minmax(0,1fr) 13px; gap: 9px; min-height: 74px; padding-block: 9px; }
  .journey-icon { width: 33px; height: 33px; font-size: 18px; }
  .journey-copy strong { font-size: 15px; }
  .journey-copy small { font-size: 11px; margin-top: 3px; }
  .journey-open { font-size: 13px; }
  .journey-knowledge { margin-top: 13px; gap: 9px; padding: 11px; }
  .journey-knowledge strong { font-size: 12px; }
  .journey-knowledge small { font-size: 10px; }
  .section { padding-block: 59px; }
  .section-heading h2 { font-size: 29px; }
  .phase-summary, .dealer-summary { padding: 20px; }
  .phase-info h3 { font-size: 20px; }
  .scope-grid { margin-block: 20px 23px; }
  .scope-grid > div { padding: 14px; }
  .scope-grid dd { font-size: 14px; }
  .module-grid { grid-template-columns: 1fr; gap: 9px; }
  .module-card, .module-card:nth-last-child(-n+2), .module-card:last-child, .module-card:first-child { grid-column: span 1; min-height: 0; padding: 23px; }
  .module-card:first-child h3 { font-size: 23px; }
  .module-card h3 { font-size: 19px; }
  .module-card > p { font-size: 13px; }
  .loop-track { display: block; margin-bottom: 31px; }
  .loop-track li { padding: 12px; }
  .loop-track li + li { margin-top: 6px; }
  .loop-track li:nth-child(3n)::after { display: block; }
  .loop-track li:not(:last-child)::after { left: 29px; top: 39px; height: calc(100% - 30px); }
  .loop-track strong { font-size: 12px; }
  .loop-track p { font-size: 11px; }
  .case-card { padding: 22px; }
  .case-card h3 { font-size: 20px; }
  .case-card .case-quote { padding: 10px 12px; }
  .dealer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .dealer-grid > div { padding: 14px; }
  .dealer-grid h3 { font-size: 13px; }
  .dealer-grid p { font-size: 11px; }
  .package-cards { margin-top: 30px; gap: 12px; }
  .package-card { min-height: 0; padding: 23px; }
  .package-card:nth-child(2) { transform: none; }
  .package-table-wrap { position: relative; }
  .table-swipe-cue { display: block; color: var(--blue); font-size: 12px; font-weight: 700; margin: 3px 0 10px; }
  .package-table { min-width: 680px; }
  .package-table thead th:first-child, .package-table tbody th[scope="row"] { position: sticky; left: 0; z-index: 1; box-shadow: 1px 0 0 var(--line); }
  .package-table thead th:first-child { z-index: 2; background: #e8efeb; }
  .package-table tbody th[scope="row"] { background: #fff; }
  .table-hint { font-size: 12px; font-weight: 600; }
  .table-hint::before { content: '↔ '; color: var(--blue); font-size: 18px; vertical-align: -1px; }
}
@media (max-width: 370px) {
  .hero h1 { font-size: 27px; }
  .hero-facts dd { font-size: 11px; }
  .journey-copy strong { font-size: 14px; }
}
@media print {
  .hero, .dealer-section, .package-card:nth-child(2), .module-card:first-child { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .package-card:nth-child(2) { transform: none; }
}