/* 智联倍创 · 企业品牌官网
   白色阅读界面、品牌红、浅灰收尾；品牌意象主导首屏，实际应用作为案例证据。 */
:root {
  --bg: #fff; --bg-2: #f5f6f8; --surface: #fff; --surface-2: #f6f7f9;
  --fg: #18222f; --fg-2: #344052; --muted: #626c78; --muted-2: #68717d;
  --brand: #bc292f; --red-acc: #a42129; --red-tint: #fcf1f2;
  --gold: #c3a16a; --gold-line: #e9e1d6;
  --line: #dfe3e8; --line-soft: #eceef1; --navy: #101e35;
  --font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --wrap: 1320px; --gut: clamp(22px, 4.6vw, 68px); --bar: 88px;
  --rad-sm: 4px; --ease: cubic-bezier(.22, 1, .36, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--bar) + 24px); }
body { margin: 0; background: var(--bg); color: var(--fg); font: 400 16px/1.85 var(--font); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
h1, h2, h3, h4, p, figure, dl, dd { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
[hidden] { display: none !important; }
.reveal-pending { opacity: 0; }
::selection { background: var(--brand); color: #fff; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 5px; }
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gut); }
.sec { padding: 96px 0; }
.sec--paper { background: var(--bg-2); }
.anchor-alias { display: block; position: relative; }
.skip { position: fixed; top: -80px; left: 20px; padding: 10px 20px; background: #fff; z-index: 400; }
.skip:focus { top: 10px; }
.progress { position: fixed; top: 0; left: 0; width: 100%; height: 2px; z-index: 160; pointer-events: none; }
.progress i { display: block; height: 100%; width: 0; background: var(--brand); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 48px; padding: 13px 24px; border: 1px solid transparent; border-radius: 4px; font-size: 16px; font-weight: 500; transition: background .25s, transform .35s var(--ease); }
.btn--brand { color: #fff; background: var(--brand); }
.btn--brand:hover { background: #a12028; transform: translateY(-2px); }
.btn--lg { padding: 16px 28px; }
.text-link { display: inline-flex; align-items: center; gap: 26px; min-height: 44px; font-size: 16px; font-weight: 500; color: var(--fg); }
.text-link:hover { color: var(--brand); }
.section-heading h2, .about h2 { font-size: clamp(30px, 3vw, 44px); line-height: 1.45; font-weight: 500; letter-spacing: -.025em; }
.section-heading-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; margin-bottom: 42px; }
.section-aside, .section-intro { color: var(--muted); line-height: 1.9; font-size: 16px; }
.section-intro { margin-top: 18px; }
.section-aside { max-width: 28em; padding-bottom: 5px; }
/* 导航 */
.topbar { position: sticky; top: 0; z-index: 120; background: #fff; border-bottom: 1px solid var(--line-soft); transition: box-shadow .3s; }
.topbar.is-stuck { box-shadow: 0 4px 20px #18222f09; }
.topbar__inner { display: flex; align-items: center; min-height: var(--bar); gap: 28px; }
.brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand__mark { width: 30px; }
.brand__text { line-height: 1.3; }
.brand__text strong { font-size: 20px; font-weight: 700; letter-spacing: .08em; }
.nav { display: flex; align-items: center; margin-left: auto; gap: clamp(18px, 2vw, 30px); }
.nav>a { font-size: 15px; white-space: nowrap; padding-block: 14px; position: relative; }
.nav>a:not(.btn)::after { content: ""; position: absolute; bottom: 7px; left: 0; width: 100%; height: 2px; background: var(--brand); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
.nav>a:hover::after, .nav>a[aria-current="location"]::after { transform: scaleX(1); }
.nav .nav__cta { margin-left: 4px; padding: 11px 19px; min-height: 42px; font-size: 15px; }
.burger { display: none; margin-left: auto; padding: 12px; width: 44px; height: 44px; border: 0; background: transparent; }
.burger span { display: block; height: 1.5px; width: 21px; margin: 6px 0; background: var(--fg); transition: transform .25s var(--ease); }
.burger[aria-expanded="true"] span:first-child { transform: translateY(3.75px) rotate(45deg); }
.burger[aria-expanded="true"] span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
/* 明亮品牌轮播：文字、图片成组切换，控件保留稳定位置。 */
.hero { --hero-min-height: clamp(480px, 34.7vw, 760px); position: relative; overflow: hidden; background: #eef3f5; color: var(--navy); touch-action: pan-y; }
.hero__slides { display: grid; }
.hero__slide { grid-area: 1 / 1; position: relative; isolation: isolate; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; }
.hero__slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
.hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.hero__slide::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #f8fafbe8, #f8fafbb8 32%, #f8fafb18 64%, transparent); }
.hero__inner { min-height: var(--hero-min-height); display: flex; align-items: center; padding-top: 42px; padding-bottom: 88px; }
.hero__inner, .hero__controls, .service-navigation__grid { max-width: none; padding-inline: clamp(24px, 5vw, 120px); }
.hero__copy { max-width: 720px; }
.hero__title { font-size: clamp(44px, 4vw, 68px); font-weight: 500; line-height: 1.25; letter-spacing: .015em; }
.hero__lead { margin-top: 18px; font-size: 17px; line-height: 1.8; color: #435064; }
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-top: 24px; }
.hero__primary { border: 1px solid var(--brand); background: var(--brand); color: #fff; min-height: 50px; padding: 12px 24px; font-size: 16px; border-radius: 2px; }
.hero__primary:hover { background: var(--red-acc); transform: translateY(-2px); }
.hero__consult { display: inline-flex; align-items: center; gap: 17px; min-height: 44px; font-size: 16px; }
.hero__controls { position: absolute; z-index: 2; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; gap: 24px; pointer-events: none; }
.hero__pagination { display: flex; align-items: center; gap: 10px; pointer-events: auto; }
.hero__dot { display: grid; place-items: center; width: 52px; height: 44px; padding: 0; border: 0; background: transparent; }
.hero__dot span { width: 100%; height: 3px; background: #7b8795; transition: background .3s; }
.hero__dot[aria-current="true"] span { background: var(--brand); height: 4px; }
@keyframes brand-image-in { from { transform: scale(1.035); } to { transform: scale(1); } }
@media (prefers-reduced-motion: no-preference) {
  .hero__slide.is-active .hero__image, .hero__slide.is-leaving .hero__image { animation: brand-image-in 5.5s var(--ease) both; }
}
@media (max-width: 960px) { .hero { --hero-min-height: 610px; }.hero__title { font-size: 50px; }.hero__image { object-position: 60% center; } }
@media (max-width: 680px) {
  .hero__inner { min-height: 590px; padding-top: 54px; padding-bottom: 120px; }
  .hero__image { object-position: 65% center; }.hero__slide::before { background: linear-gradient(90deg, #f8fafbf2, #f8fafbcc 45%, #f8fafb66); }
  .hero__title { font-size: clamp(32px, 9vw, 43px); line-height: 1.42; letter-spacing: .02em; }.hero__lead { font-size: 15px; margin-top: 24px; }
  .hero__actions { gap: 16px; margin-top: 29px; }.hero__primary { padding: 10px 17px; gap: 14px; font-size: 14px; }.hero__consult { font-size: 14px; gap: 8px; }
  .hero__controls { bottom: 22px; gap: 12px; }.hero__pagination { gap: 7px; }.hero__dot { width: 26px; }
}
/* 企业管理第二屏：图文并列，不让数据画面遮挡标题或按钮。 */
.hero__slide--software { background: linear-gradient(115deg, #fff 20%, #faf7f2 75%, #f8edef); }
.hero__slide--software::before { content: none; }
.hero__slide--software .hero__inner { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr); gap: clamp(24px, 3vw, 64px); }
.hero__slide--software .hero__title { font-size: clamp(32px, 3.4vw, 62px); }
.hero__slide--software .hero__lead { max-width: 530px; }
.hero__software { min-width: 0; width: 100%; max-width: 820px; justify-self: center; margin: 0; }
.hero__software>a { display: block; border-radius: 10px; }
.hero__screen { display: block; width: 100%; height: auto; border: 1px solid #e8dfd5; border-radius: 10px; box-shadow: 0 18px 50px #523b2412; }
.hero__software figcaption { margin-top: 12px; color: var(--muted); font-size: 12px; text-align: right; }
.hero__software figcaption span { color: var(--brand); }
/* 图片不再撑高第二屏；给三屏标题与说明留出相同的桌面排版高度。 */
@media (min-width: 681px) {
  .hero__software { max-width: min(820px, calc((var(--hero-min-height) - 170px) * 4 / 3)); }
}
@media (min-width: 1101px) {
  .hero__title { min-height: calc(clamp(44px, 4vw, 68px) * 2.5); }
  .hero__lead { min-height: calc(17px * 1.8 * 3); }
}
@media (max-width: 680px) {
  .hero__slide--software .hero__inner { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 30px; padding-top: 32px; padding-bottom: 72px; }
  .hero__slide--software .hero__title { font-size: clamp(29px, 8vw, 43px); }
  .hero__slide--software .hero__lead { margin-top: 18px; }
  .hero__slide--software .hero__actions { margin-top: 24px; }
  .hero__software figcaption { font-size: 11px; }
}
.service-navigation { background: var(--brand); color: #fff; }
.service-navigation__grid { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 30px; }
.service-navigation a { display: flex; align-items: center; justify-content: center; text-align: center; min-width: 0; padding-inline: 16px; border-right: 1px solid #ffffff35; }
.service-navigation a:last-child { border: 0; }
.service-navigation strong { display: block; font-size: 20px; font-weight: 500; }
.service-navigation a:hover { color: #fff; }
/* 落地方案：从需求到人才培养，统一的五项编号 */
.solutions-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.solution { position: relative; isolation: isolate; min-width: 0; scroll-margin-top: calc(var(--bar) + 24px); border-top: 1px solid var(--solution-border, var(--line)); transition: translate .28s var(--ease), border-color .28s; }
.solution::before { content: ""; position: absolute; inset: -12px -12px -16px; z-index: -1; background: linear-gradient(135deg, #a5222a, var(--brand)); box-shadow: 0 12px 24px rgb(188 41 47 / .18); opacity: var(--solution-highlight, 0); transition: opacity .28s var(--ease); pointer-events: none; }
.solution:has(:focus-visible), .solution:active { --solution-highlight: 1; --solution-ink: #fff; --solution-border: transparent; }
.solution:has(:focus-visible) { translate: 0 -6px; }
@media (hover: hover) and (pointer: fine) {
  .solution:hover { --solution-highlight: 1; --solution-ink: #fff; --solution-border: transparent; translate: 0 -6px; }
}
.solution__visual { display: block; padding-top: 22px; }
.solution__visual:focus-visible { outline-color: #fff; }
.solution__number { display: block; color: var(--solution-ink, var(--brand)); font-size: 32px; line-height: 1.3; font-weight: 400; letter-spacing: -.04em; margin-bottom: 24px; }
.solution__body { padding-top: 16px; }
.solution h3 { color: var(--solution-ink, var(--fg)); font-size: 19px; font-weight: 500; }
.solution__body>p { color: var(--solution-ink, var(--muted)); font-size: 16px; line-height: 1.9; }
.solution__number, .solution h3, .solution__body>p { transition: color .28s var(--ease); }
.solutions-note { color: var(--muted); font-size: 14px; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--line); }
/* 场景与案例：一个标签入口，完整正文与紧凑证据并排。 */
.scenes.sec { padding-block: 48px; line-height: 1.65; }
.scenes .section-heading h2 { font-size: 32px; }
.scenes .section-intro { font-size: 15px; line-height: 1.65; margin-top: 8px; }
.matrix { margin-top: 20px; }
.matrix__list { display: flex; border-bottom: 1px solid var(--line); gap: 4px; overflow-x: auto; padding: 5px 0; }
.dept { flex: 1 0 auto; padding: 10px 12px; min-height: 44px; border: 0; background: transparent; font-size: 15px; color: var(--muted); border-bottom: 2px solid transparent; }
.dept.is-active { background: var(--red-tint); color: var(--brand); border-color: var(--brand); }
.panel { padding-top: 20px; animation: panel-in .45s var(--ease) both; }
.scenario-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.scenario-summary h3 { font-size: 20px; font-weight: 500; margin-bottom: 8px; }
.bullets li { position: relative; padding-left: 17px; margin-top: 6px; font-size: 15px; color: var(--muted); }
.bullets li::before { content: ""; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background: #aab1bc; }
.scenario-solution { padding: 16px 20px; background: linear-gradient(115deg, #fdfbf8, #f5ebdd); border-left: 2px solid var(--brand); }
.scenario-solution p { color: var(--muted); font-size: 15px; }
.scenes .text-link { font-size: 15px; }
.scenario-solution .text-link { margin-top: 4px; }
.matrix__note { font-size: 14px; color: var(--muted); margin-top: 16px; }
.case-label { padding-top: 16px; margin: 20px 0 12px; border-top: 1px solid var(--line); font-size: 14px; color: var(--brand); }
.case { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); gap: 24px; align-items: start; }
.matrix__note + .case { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.case__body { min-width: 0; }
.case__shots { padding: 12px; background: #eef1f5; min-width: 0; }
.shot { position: relative; min-width: 0; cursor: zoom-in; }
.shot img { width: 100%; border: 1px solid #dce1e8; background: #fff; }
.shot figcaption { font-size: 14px; color: var(--muted); margin-top: 6px; }
.case__shots .shot { display: flex; flex-direction: column; height: 196px; }
.case__shots img { min-height: 0; flex: 1; object-fit: contain; border: 0; background: transparent; }
.case__shots figcaption { flex-shrink: 0; }
.case__q { font-size: 22px; line-height: 1.45; font-weight: 500; letter-spacing: -.025em; }
.case__meta { font-size: 14px; color: var(--brand); margin-top: 6px; }
.case__p { font-size: 15px; line-height: 1.65; color: var(--muted); margin-top: 8px; }
.case__dl { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 6px 12px; margin-top: 12px; font-size: 15px; line-height: 1.65; }
.case__dl dt { font-weight: 500; }
.case__dl dd { color: var(--muted); }
.case__dl strong { color: var(--brand); font-weight: 500; }
.note { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 10px 0 0; }
.scenario-knowledge { margin-top: 16px; display: flex; gap: 16px; font-size: 14px; }
.scenario-knowledge h4 { font-size: 14px; font-weight: 500; flex-shrink: 0; }
.scenario-knowledge p { color: var(--muted); }
/* 每项观测数据归属其案例，整体场景数独立说明。 */
.evidence { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.evidence__cell { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.evidence__n { flex-shrink: 0; font-size: 26px; font-weight: 400; color: var(--brand); line-height: 1.2; font-variant-numeric: tabular-nums; }
.evidence__n small { font-size: 14px; margin-left: 6px; color: var(--muted); }
.evidence__l, .evidence__note { font-size: 14px; color: var(--muted); }
.evidence__note { margin-top: 6px; }
.value-line { margin-top: 8px; font-size: 14px; color: var(--muted); }
/* 图片保持原比例；轮播只切换图片，正文始终完整展示。 */
.case-gallery { min-width: 0; touch-action: pan-y; }
.case-gallery__stage { position: relative; height: 220px; background: #eef1f5; overflow: hidden; }
.case-gallery__slide { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 12px; opacity: 0; visibility: hidden; }
.case-gallery__slide.is-active { opacity: 1; visibility: visible; }
.case-gallery__slide img { width: 100%; height: 100%; min-height: 0; flex: 1; object-fit: contain; border: 0; background: transparent; }
.case-gallery__slide figcaption { flex-shrink: 0; }
.scenes .about__controls { padding-top: 0; }
@media (max-width: 900px) {
  .scenario-summary, .case { grid-template-columns: 1fr; gap: 16px; }
  .case-gallery__stage { height: 200px; }
  .case__shots .shot { height: 176px; }
  .scenario-knowledge { display: block; }
  .scenario-knowledge h4 { margin-bottom: 4px; }
}
/* 公司、流程与合作 */
/* 各板块使用独立构图，装饰向内容边界淡出。 */
.brand-flow {
  --muted: #56606c;
  position: relative;
  isolation: isolate;
  --flow-clear: max(18px, calc(max(0px, (100vw - var(--wrap)) / 2) + var(--gut) - 8px));
  --flow-width: clamp(220px, calc(var(--flow-clear) + 140px), 440px);
}
.brand-flow::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  width: var(--flow-width);
  height: min(100%, 620px);
  background: var(--flow-art) left center / 100% 100% no-repeat;
  mask-image: linear-gradient(90deg, #000, #000b calc(var(--flow-clear) * .55), transparent var(--flow-clear));
  transform: scaleX(-1);
  pointer-events: none;
}
.about { --flow-art: url("assets/decor/about-arc.svg"); background: radial-gradient(ellipse min(20vw, 240px) 150px at 100% 0, #f3e6cf, transparent), radial-gradient(ellipse min(16vw, 150px) 120px at 0 100%, #f8ecee, transparent), #fff; }
.about::after { width: clamp(100px, 12vw, 160px); height: 280px; opacity: .65; }
.capabilities { --flow-art: url("assets/decor/solution-planes.svg"); background: radial-gradient(ellipse min(32vw, 360px) 160px at 100% 100%, #f8e6ea, transparent), #fff; }
.capabilities::after { top: auto; bottom: 0; opacity: .75; }
.scenes { --flow-art: url("assets/decor/case-orbits.svg?v=clean-edge"); background: radial-gradient(ellipse min(30vw, 340px) 180px at 100% 0, #f5e0e4, transparent), #fff; }
.scenes::after { right: auto; left: 0; top: 15%; width: clamp(100px, 14vw, 180px); height: 340px; opacity: .7; transform: none; }
#contact { --flow-art: url("assets/decor/gold-flow.svg?v=ribbons"); }
@media (max-width: 820px) {
  .brand-flow::after { width: 110px; height: 280px; opacity: .65; }
}
@media (max-width: 480px) {
  .brand-flow::after { width: 80px; height: 210px; opacity: .5; }
}
.about__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 72px; }
/* 公司现场照片轮播：固定画框，简介文字不随图片切换。 */
.about__gallery { min-width: 0; touch-action: pan-y; }
.about__images { position: relative; overflow: hidden; aspect-ratio: 1.17; background: var(--bg-2); }
.about__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; visibility: hidden; }
.about__photo.is-active { opacity: 1; visibility: visible; }
/* 退出画面仅在横向切换期间可见，不参与键盘或点击交互。 */
[data-carousel-slide].is-leaving { opacity: 1; visibility: visible; pointer-events: none; }
.about__controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; }
.about__pagination { display: flex; align-items: center; gap: 8px; }
.about__dot { display: grid; place-items: center; width: 30px; height: 44px; padding: 0; border: 0; background: transparent; }
.about__dot span { width: 100%; height: 3px; background: #aeb7c1; }
.about__dot[aria-current="true"] span { height: 4px; background: var(--brand); }
.about__copy h2 { font-size: clamp(20px, 2.6vw, 36px); line-height: 1.5; }
.about__copy>p { color: var(--muted); font-size: 17px; line-height: 2; margin-top: 22px; }
.about__copy .text-link { margin-top: 25px; }
.faq { --muted: #56606c; background: #fff; border-top: 1px solid var(--line); padding-top: 75px; }
.faq__grid { display: grid; grid-template-columns: 1fr 1.55fr; gap: 80px; }
.faq__list details { border-bottom: 1px solid var(--line); padding-bottom: 20px; margin-bottom: 20px; }
.faq__list summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; font-size: 17px; font-weight: 500; cursor: pointer; min-height: 36px; list-style: none; }
.faq__list summary::-webkit-details-marker { display: none; }
.faq__list summary::after { content: "+"; font-size: 20px; font-weight: 400; color: var(--brand); }
.faq__list details[open] summary::after { content: "−"; }
.faq__list details p { color: var(--muted); font-size: 16px; margin-top: 15px; padding-right: 30px; }
#contact.sec { padding: 58px 0; background: linear-gradient(110deg, #94202a, #a5222a 40%, var(--brand)); color: #fff; }
.contact-grid { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
#contact .section-heading h2 { font-size: 32px; }
#contact .section-intro { color: #fff; font-size: 14px; margin-top: 12px; }
#contact .btn { background: #fff; color: var(--brand); flex-shrink: 0; padding: 15px 26px; }
.foot { position: relative; background: var(--bg-2); color: var(--fg); padding-top: 66px; }
.foot::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 1px; background: linear-gradient(90deg, transparent, #c5a16b 30%, #e6d5b9 70%, transparent); pointer-events: none; }
.foot__grid { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: 50px; padding-bottom: 56px; }
.foot__brand { grid-column: 1; grid-row: 1; }
.foot__identity { display: flex; align-items: center; gap: 13px; margin-bottom: 15px; }
.foot__identity img { width: 29px; }
.foot__identity strong { font-size: 22px; letter-spacing: .09em; font-weight: 500; }
.foot__brand p { font-size: 14px; color: var(--muted); }
.foot__contact { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 25px; font-size: 14px; white-space: nowrap; }
.foot__contact, .foot__contact p { color: #000; }
.foot__col h4 { font-size: 14px; font-weight: 500; margin-bottom: 23px; }
.foot__col li { margin-top: 10px; }
.foot__col a { font-size: 14px; color: var(--muted); }
.foot__col a:hover { color: var(--brand); }
.foot__legal { border-top: 1px solid var(--line); padding: 20px 0; font-size: 14px; color: var(--muted); }
/* 既有咨询 API / 图片预览 */
.form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.field { display: flex; flex-direction: column; }
.field--full { grid-column: 1/-1; }
.field label { font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.field input, .field select, .field textarea { width: 100%; padding: 12px 14px; min-height: 48px; border: 1px solid #c9d0d9; border-radius: 4px; background: #fff; font-size: 16px; }
.field textarea { resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid var(--brand); outline-offset: 1px; }
.field.has-err input { border-color: var(--brand); }
.err { font-size: 14px; color: var(--brand); margin-top: 6px; }
.err:empty { display: none; }
.form__status { text-align: center; font-size: 14px; }
.form__status.is-error { color: var(--brand); }
.form button:disabled { cursor: default; opacity: .7; transform: none; }
.lightbox { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 60px 40px; background: #0b1525ef; }
.lightbox figure { width: 100%; max-width: 1400px; }
.lightbox img { width: 100%; max-height: 78dvh; object-fit: contain; }
.lightbox figcaption { text-align: center; color: #fff; font-size: 14px; margin-top: 16px; }
.lightbox__close { position: absolute; right: 22px; top: 18px; width: 44px; height: 44px; border: 1px solid #ffffff70; border-radius: 50%; background: transparent; color: #fff; font-size: 24px; }
/* 动态：仅一轮入场，浏览与点击不受等待限制。 */
@keyframes panel-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1100px) {
  :root { --bar: 78px; --gut: 36px; }
  .nav { gap: 15px; }.nav>a { font-size: 14px; }.brand__text strong { font-size: 18px; }
  .solutions-grid { gap: 18px; }.solution h3 { font-size: 17px; }.solution__body>p { font-size: 14px; }
  .about__grid { gap: 45px; }
}
@media (max-width: 1100px) {
  .burger { display: block; }
  .nav { position: absolute; top: 100%; left: 0; right: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 10px var(--gut) 28px; background: #fff; border-bottom: 1px solid var(--line); visibility: hidden; opacity: 0; transform: translateY(-10px); transition: opacity .25s, transform .3s var(--ease), visibility .25s; max-height: calc(100dvh - var(--bar)); overflow-y: auto; }
  .nav.is-open { visibility: visible; opacity: 1; transform: none; }.nav>a { font-size: 15px; padding: 14px 0; border-bottom: 1px solid var(--line-soft); }.nav>a::after { display: none; }.nav .nav__cta { margin: 18px 0 0; padding: 12px; font-size: 14px; }
  .service-navigation strong { font-size: 14px; }
  .solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; }.solution:first-child { grid-column: 1 / -1; }.solution__body>p { font-size: 14px; }.solution h3 { font-size: 21px; }
  .faq__grid { gap: 40px; }.about__grid { gap: 36px; }.foot__grid { gap: 30px; }
}
@media (max-width: 680px) {
  .scenes .section-heading h2 { font-size: 27px; }
  .case__q { font-size: 21px; }
  .scenario-summary h3 { font-size: 19px; }
  .scenario-solution { padding: 14px 16px; }

  :root { --bar: 72px; --gut: 24px; }
  .sec { padding: 60px 0; }.brand__text strong { font-size: 18px; }.brand__mark { width: 27px; }
  .service-navigation__grid { grid-template-columns: 1fr 1fr; row-gap: 22px; padding-block: 25px; }.service-navigation a:nth-child(even) { border-right: 0; }
  .section-heading-row { display: block; margin-bottom: 28px; }.section-aside { margin-top: 17px; font-size: 14px; }.section-aside br { display: none; }.section-heading h2 { font-size: 27px; }
  .solutions-grid { grid-template-columns: 1fr; gap: 28px; }.solution__visual { padding-top: 18px; }.solution__number { font-size: 28px; margin-bottom: 14px; }.solution__body { padding-top: 16px; }.solution h3 { font-size: 17px; }.solution__body>p { font-size: 14px; line-height: 1.85; }.solutions-note { font-size: 14px; }
  .about__grid { grid-template-columns: 1fr; gap: 30px; }.about__images { aspect-ratio: 1.35; }.about__dot { width: 20px; }.about__pagination { gap: 5px; }.about__copy h2 { font-size: clamp(19px, 5.5vw, 31px); }.about__copy>p { font-size: 14px; }
  .faq__grid { grid-template-columns: 1fr; gap: 32px; }.faq__list details p { padding-right: 10px; }.contact-grid { flex-direction: column; align-items: flex-start; gap: 25px; }#contact .section-heading h2 { font-size: 26px; }#contact.sec { padding: 42px 0; }
  .foot { padding-top: 45px; }.foot__grid { grid-template-columns: repeat(3, 1fr); gap: 30px 16px; padding-bottom: 35px; }.foot__brand { grid-column: 1/-1; grid-row: 1; padding-bottom: 24px; border-bottom: 1px solid var(--line); }.foot__identity strong { font-size: 20px; }.foot__col h4 { font-size: 14px; margin-bottom: 18px; }.foot__col a { font-size: 14px; }.foot__contact { margin-top: 15px; }
  .form { grid-template-columns: 1fr; }.lightbox { padding: 65px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .solution:hover, .solution:has(:focus-visible) { translate: none; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* AI 原生转型：编号流程与责任书，沿用品牌白红金与宽留白。 */
.hero__eyebrow { margin-bottom: 20px; color: var(--brand); font-size: 16px; letter-spacing: .08em; }
.native-section .section-intro { max-width: 760px; margin-top: 20px; }
.framework-delivery p, .cooperation-row p { color: var(--muted); line-height: 1.9; font-size: 16px; }
.framework-list { list-style: none; margin-top: 42px; }
.cooperation-row { display: grid; grid-template-columns: 70px minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px; padding: 34px 0; border-top: 1px solid var(--line); scroll-margin-top: 110px; }
.framework-number { color: var(--brand); font-size: 32px; font-weight: 400; line-height: 1.4; }
.cooperation-row h3 { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.framework-delivery>span { color: #877351; font-size: 13px; }
.cooperation-list { margin-top: 40px; }
.cooperation-note { margin-top: 24px; padding: 28px 32px; border-left: 2px solid #c5a16b; background: #faf7f2; color: var(--muted); line-height: 1.9; }
.scenario-overview { margin: 28px 0 40px; }
.scenario-overview>h3 { font-size: 24px; line-height: 1.7; font-weight: 500; }
.scenario-summary h4 { font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.case__dl { grid-template-columns: 80px minmax(0, 1fr); gap: 12px 18px; margin-top: 24px; }
@media (max-width: 960px) {
  .cooperation-row { grid-template-columns: 52px minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 680px) {
  .hero__eyebrow { font-size: 13px; margin-bottom: 16px; }
  .framework-delivery p, .cooperation-row p { font-size: 15px; }
  .cooperation-row { grid-template-columns: 36px minmax(0, 1fr); gap: 12px 18px; padding: 28px 0; }
  .cooperation-row>div:last-child { grid-column: 2; }
  .framework-number { font-size: 26px; }
  .cooperation-row h3, .scenario-overview>h3 { font-size: 21px; }
  .cooperation-note { padding: 22px; font-size: 15px; }
  .case__dl { grid-template-columns: 1fr; gap: 6px; }
  .case__dl dd { margin-bottom: 14px; }
}

/* 方法放在案例之后；访客按需展开具体交付。 */
.framework-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; }
.framework-item { border-top: 1px solid var(--line); scroll-margin-top: 110px; }
.framework-detail summary { display: flex; align-items: flex-start; gap: 22px; padding: 26px 0; cursor: pointer; list-style: none; }
.framework-detail summary::-webkit-details-marker { display: none; }
.framework-detail summary::after { content: '+'; color: var(--brand); margin-left: auto; font-size: 22px; }
.framework-detail[open] summary::after { content: '−'; }
.framework-detail strong { display: block; font-size: 21px; font-weight: 500; }
.framework-question { display: block; font-size: 15px; line-height: 1.8; color: var(--muted); margin-top: 8px; }
.framework-detail .framework-delivery { padding: 0 0 28px 64px; font-size: 15px; line-height: 1.8; color: var(--muted); }
@media (max-width: 680px) {
  .framework-list { grid-template-columns: 1fr; }
  .framework-detail summary { gap: 20px; padding: 22px 0; }
  .framework-detail strong { font-size: 19px; }
  .framework-detail .framework-delivery { padding-left: 50px; }
}