/* =========================================================
   力讯科技 · 力讯智造云  产品官网
   设计语言：纸感工业
   —— 暖米纸底 / 墨炭黑字 / 砖红只做极少量强调
   —— 分隔一律用发丝线，不用投影；截图按"图版"处理（细边 + 硬阴影）
   —— 结构取自工业样本手册：编号、刻度尺、对照表、真实读数
   ========================================================= */

:root{
  /* 纸 */
  --paper:      #F1EDE5;   /* 页面底 */
  --paper-2:    #EAE5DB;   /* 交替区块底 */
  --surface:    #FBFAF7;   /* 面板 / 卡片 */
  --surface-2:  #F6F3ED;   /* 表头底 */

  /* 墨 */
  --ink:        #221E19;   /* 主文字 + 深色收尾块 */
  --ink-soft:   #544D44;   /* 次级文字 */
  --ink-mute:   #7D766B;   /* 注释 / 三级 */
  --ink-faint:  #A79F93;   /* 占位提示 */

  /* 强调：整站只在这些地方出现 —— 当前导航、必填、对照表"之后"列、回执、动作按钮 */
  --accent:     #A8452B;   /* 砖红 */
  --accent-d:   #8A3722;
  --steel:      #3E5C70;   /* 钢蓝：链接与聚焦 */

  /* 线 */
  --rule:       #DCD5C8;   /* 发丝线 */
  --rule-2:     #C9C0AE;   /* 稍强 */
  --rule-d:     #3B342C;   /* 深色块内的线 */

  --maxw: 1200px;

  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
          "Source Han Sans SC", "Noto Sans SC", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas,
          "Courier New", monospace;

  /* 纸纹：极低强度，只为去掉"纯色块"的塑料感 */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.055'/%3E%3C/svg%3E");
}

*,*::before,*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }

body{
  margin:0;
  font-family:var(--font);
  font-size:16px;
  line-height:1.8;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}

/* 纸纹：铺满视口、不拦截点击 */
body::before{
  content:"";
  position:fixed; inset:0;
  z-index:999;
  pointer-events:none;
  background-image:var(--grain);
  background-repeat:repeat;
}

img{ max-width:100%; display:block; }

a{ color:inherit; text-decoration:none; }

h1,h2,h3,h4{ margin:0; font-weight:700; line-height:1.2; }

p{ margin:0; }

button{ font:inherit; }

:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}

::selection{ background:var(--accent); color:#fff; }

.mono{
  font-family:var(--mono);
  font-weight:400;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}

.wrap{
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:clamp(20px, 4vw, 40px);
}

/* ---------- 区块 ---------- */
.sec{ padding-block:clamp(64px, 9vw, 118px); }
.sec--tight{ padding-block:clamp(48px, 6vw, 80px); }
/* 深色收尾块已取消：改用纸底 + 发丝线，避免整站出现墨蓝大色块 */
.sec--ink{ background:var(--paper); color:var(--ink); }
.sec--paper{ background:var(--paper-2); }
.sec--white{ background:var(--surface); }

.sec-head{ max-width:62ch; margin-bottom:clamp(40px, 5vw, 64px); }
.sec-head--wide{ max-width:none; }

.sec-head h2{
  font-size:clamp(1.7rem, 3.2vw, 2.4rem);
  letter-spacing:-.024em;
  line-height:1.18;
}
.sec-head p{
  margin-top:16px;
  color:var(--ink-soft);
  font-size:1.05rem;
}
.sec--ink .sec-head p{ color:var(--ink-soft); }

/* 区块标签：前面一个印刷定位方点，不用长横线 */
.lede{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  font-size:.86rem;
  letter-spacing:.06em;
  color:var(--ink-mute);
}
.lede::before{
  content:"";
  width:6px; height:6px;
  background:var(--accent);
  flex:none;
}
.sec--ink .lede{ color:var(--ink-mute); }

/* ---------- 内页页头 ---------- */
.page-head{
  background-color:var(--paper-2);
  background-image:
    linear-gradient(to right, rgba(34,30,25,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34,30,25,.05) 1px, transparent 1px);
  background-size:72px 72px;
  color:var(--ink);
  padding-block:clamp(52px, 6.5vw, 88px) clamp(48px, 6vw, 76px);
  border-bottom:1px solid var(--rule);
}
.page-head h1{
  font-size:clamp(2rem, 4.6vw, 3.2rem);
  letter-spacing:-.028em;
  line-height:1.12;
}
.page-head p{
  margin-top:20px;
  max-width:44em;
  font-size:clamp(1rem, 1.35vw, 1.1rem);
  color:var(--ink-soft);
}

/* 占位信息：上线前需要替换的内容，明示而不隐藏 */
.todo{
  font-size:.8rem;
  color:var(--ink-mute);
  border-bottom:1px dashed var(--rule-2);
}

/* ---------- 界面墙：多块屏幕拼成一面看板墙 ---------- */
.walls-frame{
  background:var(--rule);
  padding:1px;
  box-shadow:8px 8px 0 rgba(34,30,25,.06);
}
.walls{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--rule);
}
.walls > figure{ margin:0; background:var(--surface); }
.walls .window{ box-shadow:none; background:transparent; padding:0; }
.walls .window__in{ box-shadow:none; }
.walls figcaption{
  padding:16px 20px 20px;
  font-size:.92rem;
  color:var(--ink-soft);
  border-top:0;
}
.walls figcaption b{
  display:block;
  color:var(--ink);
  font-weight:600;
  margin-bottom:5px;
}

/* ---------- 终端清单 ---------- */
.devices{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:1px;
  background:var(--rule);
  border:1px solid var(--rule);
}
.devices > div{
  background:var(--surface);
  padding:26px 22px 30px;
}
.devices h3{
  font-size:1rem;
  margin-bottom:12px;
}
.devices p{
  font-size:.88rem;
  color:var(--ink-soft);
  line-height:1.7;
}

/* ---------- 顶栏 ---------- */
.site-head{
  position:sticky; top:0; z-index:60;
  background:rgba(241,237,229,.92);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  color:var(--ink);
  border-bottom:1px solid var(--rule);
}
.site-head__in{
  display:flex; align-items:center; gap:32px;
  height:68px;
}
.brand{
  display:flex; align-items:center; gap:11px;
  font-weight:700; font-size:1.06rem; letter-spacing:.01em;
  flex:none;
}
.brand svg{ flex:none; }
/* 锁标：力讯科技 · 中小离散制造企业·数智化专家 */
.brand__dot{
  font-style:normal; font-weight:400;
  color:var(--accent);
  margin:0 9px 0 8px;
}
.brand__tag{
  font-style:normal; font-weight:400;
  font-size:.8rem;
  letter-spacing:.01em;
  color:var(--ink-mute);
  white-space:nowrap;
}
.brand small{
  display:block;
  font-family:var(--mono);
  font-weight:400;
  font-size:.6rem;
  letter-spacing:.16em;
  color:var(--ink-faint);
  line-height:1;
  margin-top:3px;
}

.site-nav{ margin-left:auto; }
.site-nav ul{
  display:flex; gap:6px;
  list-style:none; margin:0; padding:0;
}
.site-nav a{
  display:block;
  padding:8px 14px;
  font-size:.95rem;
  color:var(--ink-soft);
  transition:color .15s ease;
}
.site-nav a:hover{ color:var(--ink); }
.site-nav a[aria-current="page"]{ color:var(--ink); font-weight:500; }
.site-nav a[aria-current="page"]::after{
  content:"";
  display:block;
  height:1px; margin-top:3px;
  background:var(--accent);
}

.head-actions{ display:flex; align-items:center; gap:14px; flex:none; }

/* 移动端导航里的试用入口：桌面隐藏，小屏显示 */
.site-nav .nav-cta{ display:none; }

.nav-toggle{
  display:none;
  width:44px; height:44px;
  border:1px solid var(--rule);
  background:none; color:var(--ink);
  cursor:pointer;
}
.nav-toggle span{
  display:block; width:18px; height:1.5px;
  background:currentColor; margin:4px auto;
}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:13px 26px;
  font-size:.97rem; font-weight:500;
  border:0; cursor:pointer;
  background:var(--accent); color:#fff;
  transition:background-color .15s ease, transform .15s ease;
}
.btn:hover{ background:var(--accent-d); }
.btn:active{ transform:translateY(1px); }

.btn--ghost{
  background:transparent; color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--rule-2);
}
.btn--ghost:hover{ background:var(--paper-2); box-shadow:inset 0 0 0 1px var(--ink-faint); }

.btn--ink{ background:var(--ink); }
.btn--ink:hover{ background:#38322A; }

.btn--lg{ padding:16px 34px; font-size:1.04rem; }

/* ---------- Hero ---------- */
.hero{
  background-color:var(--paper-2);
  background-image:
    linear-gradient(to right, rgba(34,30,25,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34,30,25,.05) 1px, transparent 1px);
  background-size:72px 72px;
  color:var(--ink);
  padding-block:clamp(60px, 7.5vw, 100px) clamp(48px, 6vw, 72px);
  overflow:hidden;
}
.hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, 1fr);
  gap:clamp(36px, 5vw, 72px);
  align-items:center;
}
.hero h1{
  font-size:clamp(2.4rem, 5.8vw, 4.05rem);
  font-weight:700;
  letter-spacing:-.032em;
  line-height:1.08;
}
.hero__sub{
  margin-top:24px;
  max-width:32em;
  font-size:clamp(1rem, 1.4vw, 1.14rem);
  color:var(--ink-soft);
}
.hero__cta{
  display:flex; flex-wrap:wrap; gap:14px;
  margin-top:36px;
}

/* 试用直达卡：真实信息，不是营销角标 */
.trial-card{
  margin-top:40px;
  background:var(--surface);
  border:1px solid var(--rule);
  padding:16px 22px;
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 26px;
  font-size:.9rem;
  color:var(--ink-soft);
}
.trial-card .mono{ color:var(--ink); font-size:.92rem; }
.trial-card a{
  margin-left:auto;
  color:var(--accent);
  font-weight:500;
  white-space:nowrap;
}
.trial-card a:hover{ text-decoration:underline; }

/* ---------- 能力刻度尺 ---------- */
/* 刻度尺位于浅色 hero 内，因此用暖色发丝线 + 墨色文字 */
.ruler{
  margin-top:clamp(44px, 6vw, 76px);
  border-top:1px solid var(--rule-2);
  padding-top:0;
  display:grid;
  grid-template-columns:repeat(8, 1fr);
}
.ruler__item{
  position:relative;
  padding:16px 14px 2px 0;
  border-left:1px solid var(--rule-2);
  padding-left:14px;
}
.ruler__item:first-child{ border-left:0; padding-left:0; }
.ruler__item::before{
  content:"";
  position:absolute; top:-1px; left:0;
  width:1px; height:10px;
  background:var(--accent);
}
.ruler__item:first-child::before{ display:none; }
.ruler__num{
  font-size:.7rem;
  color:var(--ink-mute);
  display:block;
  font-variant-numeric:tabular-nums;
  letter-spacing:.08em;
}
.ruler__name{
  font-size:.92rem;
  font-weight:500;
  color:var(--ink);
}
.ruler__name small{
  display:block;
  font-weight:400;
  font-size:.76rem;
  color:var(--ink-faint);
  margin-top:1px;
}

/* ---------- 设备窗口：承载系统截图 ---------- */
.window{
  background:var(--rule);
  padding:1px;
  box-shadow:8px 8px 0 rgba(34,30,25,.07);
}
.window__in{
  background:var(--surface);
  overflow:hidden;
}
.window--ink .window__in{ background:var(--ink); }
.window__bar{
  display:flex; align-items:center; gap:10px;
  padding:10px 16px;
  background:var(--ink);
  color:#C6BEB3;
  border-bottom:1px solid var(--rule-d);
}
.window__dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--ink-mute);
  flex:none;
}
.window__dot--live{ background:var(--accent); animation:pulse 2.4s ease-in-out infinite; }
.window__title{ font-size:.8rem; }
.window__code{
  margin-left:auto;
  font-family:var(--mono);
  font-size:.66rem;
  color:#8A8377;
}
.window img{ width:100%; height:auto; }

@keyframes pulse{
  0%,100%{ opacity:1; }
  50%{ opacity:.35; }
}

/* ---------- 左右分栏（图文交替） ---------- */
.split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px, 5vw, 72px);
  align-items:center;
}
.split + .split{ margin-top:clamp(56px, 7vw, 96px); }
.split__body h3{
  font-size:clamp(1.3rem, 2.2vw, 1.7rem);
  letter-spacing:-.018em;
}
.split__body p{ margin-top:16px; color:var(--ink-soft); }
.sec--ink .split__body p{ color:var(--ink-soft); }
.split__body ul{
  margin:22px 0 0; padding:0;
  list-style:none;
}
.split__body li{
  display:flex; gap:12px;
  padding:11px 0;
  border-top:1px solid var(--rule);
  font-size:.95rem;
}
.sec--ink .split__body li{ border-top-color:var(--rule); }
.split__body li::before{
  content:"";
  width:5px; height:5px;
  background:var(--accent);
  margin-top:.78em;
  flex:none;
}

/* ---------- 对照表：现在 / 换上之后 ---------- */
.compare{
  width:100%;
  border-collapse:collapse;
  background:var(--surface);
}
.compare th, .compare td{
  text-align:left;
  padding:20px 26px;
  border-bottom:1px solid var(--rule);
  vertical-align:top;
}
.compare thead th{
  font-size:.85rem;
  font-weight:500;
  color:var(--ink-mute);
  background:var(--surface-2);
  border-bottom:1px solid var(--rule-2);
  padding-block:13px;
}
.compare thead th:last-child{ color:var(--ink); }
.compare thead th:last-child::before{
  content:"";
  display:inline-block;
  width:6px; height:6px;
  background:var(--accent);
  margin-right:9px;
  vertical-align:2px;
}
.compare td{ font-size:.97rem; }
.compare td:first-child{ color:var(--ink-soft); }
.compare tr:last-child td{ border-bottom:0; }
.compare__wrap{
  background:var(--surface);
  border:1px solid var(--rule);
  overflow-x:auto;
}

/* ---------- 模块矩阵 ---------- */
.matrix{ width:100%; border-collapse:collapse; }
.matrix th, .matrix td{
  text-align:left;
  padding:17px 22px;
  border-bottom:1px solid var(--rule);
  vertical-align:top;
  font-size:.95rem;
}
.matrix thead th{
  font-size:.82rem; font-weight:500; color:var(--ink-mute);
  padding-block:12px; background:var(--surface-2);
}
.matrix tbody th{
  font-weight:600; font-size:1rem; color:var(--ink);
  white-space:nowrap; width:1%;
}
.matrix tbody th small{
  display:block; font-weight:400;
  font-size:.72rem; color:var(--ink-faint); margin-top:3px; letter-spacing:.04em;
  font-variant-numeric:tabular-nums;
}
.matrix td{ color:var(--ink-soft); }
.matrix tbody tr:hover td,
.matrix tbody tr:hover th{ background:var(--surface-2); }
.matrix tbody tr:last-child th,
.matrix tbody tr:last-child td{ border-bottom:0; }
.matrix__wrap{
  background:var(--surface);
  border:1px solid var(--rule);
  overflow-x:auto;
}

/* ---------- 数字条 ---------- */
.stats{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  border-top:1px solid var(--rule-2);
  border-bottom:1px solid var(--rule-2);
}
.stats > div{
  padding:30px 26px;
  border-left:1px solid var(--rule);
}
.stats > div:first-child{ border-left:0; padding-left:0; }
.stats b{
  display:block;
  font-weight:700;
  font-size:clamp(1.85rem, 3.4vw, 2.45rem);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.stats b::after{
  content:"";
  display:block;
  width:22px; height:2px;
  margin-top:14px;
  background:var(--accent);
}
.stats span{
  display:block;
  margin-top:12px;
  font-size:.88rem;
  color:var(--ink-soft);
}

/* ---------- 实施分期（真序列） ---------- */
.phases{ counter-reset:ph; }
.phase{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:clamp(20px, 4vw, 56px);
  padding:34px 0;
  border-top:1px solid var(--rule);
}
.phase:first-child{ border-top:0; padding-top:0; }
.phase__no{
  font-size:.8rem;
  color:var(--ink-mute);
  padding-top:6px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.08em;
}
.phase__no::before{
  content:"";
  display:block;
  width:6px; height:6px;
  background:var(--accent);
  margin-bottom:14px;
}
.phase h3{ font-size:1.22rem; }
.phase p{ margin-top:10px; color:var(--ink-soft); font-size:.97rem; }

/* ---------- 表单 ---------- */
.form{ display:grid; gap:20px; }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field{ display:grid; gap:8px; }
.field label{ font-size:.88rem; font-weight:500; color:var(--ink); }
.field .req{ color:var(--accent); }
.field input, .field select, .field textarea{
  font:inherit; font-size:.95rem;
  padding:12px 14px;
  border:1px solid var(--rule-2);
  background:var(--surface);
  color:var(--ink);
  width:100%;
  transition:border-color .15s ease;
}
.field textarea{ min-height:120px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color:var(--steel);
  box-shadow:inset 0 0 0 1px var(--steel);
}
.field input::placeholder, .field textarea::placeholder{ color:var(--ink-faint); }
.field__hint{ font-size:.8rem; color:var(--ink-mute); }

.form__panel{
  background:var(--surface);
  padding:clamp(26px, 4vw, 42px);
  border:1px solid var(--rule);
}

/* 回执 */
.receipt{
  border-left:3px solid var(--accent);
  background:var(--surface-2);
  padding:20px 22px;
  display:none;
}
.receipt.show{ display:block; }
.receipt b{ display:block; font-size:1.05rem; }
.receipt .mono{ display:block; margin-top:8px; font-size:.8rem; color:var(--ink-soft); }

/* ---------- 联系信息 ---------- */
.contact-list{ list-style:none; margin:0; padding:0; }
.contact-list li{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:16px;
  padding:18px 0;
  border-top:1px solid var(--rule);
  font-size:.97rem;
}
.contact-list li:first-child{ border-top:0; padding-top:0; }
.contact-list dt{ color:var(--ink-mute); font-size:.88rem; padding-top:2px; }
.contact-list dd{ margin:0; }
.contact-list dd a{
  color:var(--ink);
  border-bottom:1px solid var(--rule-2);
  padding-bottom:1px;
}
.contact-list dd a:hover{ color:var(--accent); border-bottom-color:var(--accent); }

/* ---------- 客户专区 ---------- */
.auth-panel{
  background:var(--surface);
  border:1px solid var(--rule);
  padding:clamp(24px, 3.4vw, 36px);
}
.tabs{ display:flex; gap:0; border-bottom:1px solid var(--rule-2); margin-bottom:24px; }
.tabs button{
  background:none; border:0; cursor:pointer;
  padding:11px 18px;
  font-size:.92rem; font-weight:500;
  color:var(--ink-mute);
  border-bottom:1px solid transparent;
  margin-bottom:-1px;
}
.tabs button[aria-selected="true"]{
  color:var(--ink);
  border-bottom-color:var(--accent);
}
.msg{ font-size:.88rem; margin-top:4px; display:none; }
.msg.show{ display:block; }
.msg--err{ color:var(--accent); }
.msg--ok{ color:#2F6B4A; }

.records{ width:100%; border-collapse:collapse; }
.records th, .records td{
  text-align:left; padding:14px 16px;
  border-bottom:1px solid var(--rule);
  font-size:.9rem; vertical-align:top;
}
.records th{
  font-size:.8rem; font-weight:500; color:var(--ink-mute);
  background:var(--surface-2);
}
.records .mono{ font-size:.76rem; color:var(--ink-mute); }
.records__wrap{
  border:1px solid var(--rule);
  background:var(--surface);
  overflow-x:auto;
}

.file-chip{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--mono); font-size:.72rem;
  background:var(--surface-2); border:1px solid var(--rule);
  padding:6px 10px; margin:4px 6px 0 0;
}

/* ---------- 页脚 ---------- */
/* 页脚：纸底封底，顶部一条墨色实线收口（印刷样本手册的封底做法） */
.site-foot{
  background:var(--paper-2);
  color:var(--ink-soft);
  border-top:2px solid var(--ink);
  padding-block:clamp(44px, 5.5vw, 66px) 32px;
  font-size:.9rem;
}
.site-foot__grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.05fr);
  gap:clamp(26px, 3.6vw, 56px);
}
.site-foot h4{
  color:var(--ink);
  font-size:.74rem; font-weight:600;
  letter-spacing:.14em;
  margin-bottom:16px;
}
.site-foot ul{ list-style:none; margin:0; padding:0; }
.site-foot li{ padding:5px 0; }
.site-foot a{ color:var(--ink-soft); }
.site-foot a:hover{ color:var(--accent); }
.site-foot__brand h4{ font-size:1rem; letter-spacing:0; font-weight:600; }
.site-foot__brand p{ margin-top:16px; max-width:34em; color:var(--ink-soft); }
/* 页脚联系信息 */
.foot-contact li{ line-height:1.6; }
.foot-contact a{ color:var(--ink); font-weight:500; }
.foot-contact a:hover{ color:var(--accent); }
.foot-note{
  display:block;
  font-size:.76rem;
  color:var(--ink-mute);
  font-weight:400;
  letter-spacing:.02em;
}
.foot-addr{ color:var(--ink-soft); font-size:.86rem; line-height:1.7; }
.site-foot__bar{
  margin-top:clamp(34px, 4.5vw, 52px);
  padding-top:20px;
  border-top:1px solid var(--rule-2);
  display:flex; flex-wrap:wrap; gap:10px 26px;
  font-size:.74rem;
  letter-spacing:.02em;
  color:var(--ink-mute);
}
.site-foot__bar span:last-child{ margin-left:auto; }
.site-foot__bar a{ color:var(--ink-soft); border-bottom:1px solid transparent; transition:color .18s, border-color .18s; }
.site-foot__bar a:hover{ color:var(--accent); border-bottom-color:var(--accent); }

/* ---------- 页内入口块（关于/产品底部 CTA） ---------- */
/* 砖红实底：全站唯一的有色块面，代替原来的墨蓝收尾 */
.cta-band{
  background:var(--accent);
  color:#FCF7F0;
}
.cta-band__in{
  display:flex; flex-wrap:wrap; align-items:center; gap:28px 48px;
}
.cta-band h2{
  font-size:clamp(1.6rem, 3vw, 2.2rem);
  letter-spacing:-.022em;
  color:#FFFDFA;
}
.cta-band p{ margin-top:14px; color:rgba(252,247,240,.86); max-width:36em; }
.cta-band__actions{ margin-left:auto; display:flex; gap:14px; flex-wrap:wrap; }
/* 红底上的按钮：主按钮反转成纸白墨字，次按钮用暖白描边 */
.cta-band .btn{
  background:var(--surface); color:var(--ink);
}
.cta-band .btn:hover{ background:#fff; }
.cta-band .btn--ghost{
  background:transparent; color:#FCF7F0;
  box-shadow:inset 0 0 0 1px rgba(252,247,240,.55);
}
.cta-band .btn--ghost:hover{
  background:rgba(252,247,240,.12);
  box-shadow:inset 0 0 0 1px rgba(252,247,240,.8);
}
.cta-band .btn--ink{ background:var(--ink); color:#FCF7F0; }
.cta-band .btn--ink:hover{ background:#38322A; }

/* ---------- 入场动效：只编排一次 ---------- */
@media (prefers-reduced-motion: no-preference){
  .rise{
    animation:rise .7s cubic-bezier(.2,.7,.3,1) both;
  }
  .rise--2{ animation-delay:.12s; }
  .rise--3{ animation-delay:.24s; }
  @keyframes rise{
    from{ opacity:0; transform:translateY(14px); }
    to{ opacity:1; transform:none; }
  }
}

/* ---------- 响应式 ---------- */
@media (max-width: 900px){
  .hero__grid{ grid-template-columns:1fr; }
  .split{ grid-template-columns:1fr; }
  .split--flip .split__media{ order:-1; }
  .stats{ grid-template-columns:1fr 1fr; }
  .stats > div:nth-child(odd){ border-left:0; padding-left:0; }
  .stats > div{ border-top:1px solid var(--rule); }
  .stats > div:nth-child(-n+2){ border-top:0; }
  .site-foot__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ruler{ grid-template-columns:repeat(4, 1fr); row-gap:18px; }
  .ruler__item:nth-child(5){ border-left:0; padding-left:0; }
  .ruler__item:nth-child(5)::before{ display:none; }
  .site-foot__bar span:last-child{ margin-left:0; }
  .cta-band__actions{ margin-left:0; }
  .trial-card a{ margin-left:0; }
  .devices{ grid-template-columns:repeat(2, 1fr); }
  /* 窄屏收起锁标里的行业定位句，避免挤压导航 */
  .brand__dot, .brand__tag{ display:none; }
}

@media (max-width: 760px){
  .site-nav{
    display:none;
    position:absolute; top:68px; left:0; right:0;
    background:var(--surface);
    border-bottom:1px solid var(--rule);
    box-shadow:0 12px 24px rgba(34,30,25,.08);
    padding:12px clamp(20px, 4vw, 40px) 22px;
    margin-left:0;
  }
  .site-nav.open{ display:block; }
  .site-nav ul{ flex-direction:column; gap:0; }
  .site-nav a{ padding:13px 0; font-size:1.02rem; }
  .site-nav a[aria-current="page"]::after{ display:none; }
  .site-nav .nav-cta{ display:block; padding-top:18px; }
  .site-nav .nav-cta .btn{ display:flex; width:100%; padding:14px 22px; }
  .nav-toggle{ display:block; margin-left:auto; }
  .head-actions .btn{ display:none; }
  .form__row{ grid-template-columns:1fr; }
  .compare th, .compare td,
  .matrix th, .matrix td{ padding:14px 16px; }
  .phase{ grid-template-columns:1fr; gap:12px; }
  .contact-list li{ grid-template-columns:1fr; gap:4px; }
  .walls{ grid-template-columns:1fr; }
  .sec{ padding-block:60px; }
  .window, .walls-frame{ box-shadow:5px 5px 0 rgba(34,30,25,.06); }
}

@media (max-width: 480px){
  .ruler{ grid-template-columns:1fr 1fr; }
  .ruler__item:nth-child(odd){ border-left:0; padding-left:0; }
  .ruler__item:nth-child(odd)::before{ display:none; }
  .stats{ grid-template-columns:1fr; }
  .stats > div{ border-left:0; padding-left:0; border-top:1px solid var(--rule); }
  .stats > div:first-child{ border-top:0; }
  .site-foot__grid{ grid-template-columns:1fr; }
}

@media print{
  .site-head, .site-foot, .btn{ display:none; }
  body::before{ display:none; }
}