/* BuyMoreTech 拜摩科 · 公司官网样式（暗色科技风）
   与产品站 assets/site.css 相互独立：官网只依赖本文件，零构建、零依赖。
   注意：本目录所有页面位于 /docs/ /about/ 等子目录，引用上级资源一律用 ../assets/ 前缀。 */

:root {
  --c-bg: #070a10;
  --c-panel: #0e131c;
  --c-panel2: #131a25;
  --c-line: #1e2735;
  --c-ink: #e9edf4;
  --c-sub: #8a94a8;
  --c-accent: #3d8bff;
  --c-warn: #ff7a45;
  --c-radius: 12px;
  --c-maxw: 1080px;
  /* 科技风渐变（与 chiptrade CoverView 同源） */
  --g-main: linear-gradient(120deg, #2ee6d6 0%, #5b8cff 55%, #9b6cff 100%);
  --g-soft: linear-gradient(120deg, rgba(46,230,214,.18) 0%, rgba(91,140,255,.18) 55%, rgba(155,108,255,.18) 100%);
  --c-grad-1: #2ee6d6;
  --c-grad-2: #5b8cff;
  --c-grad-3: #9b6cff;
  /* 蓝色系亮色文字（替代原青绿 #7fe9e0 / #2ee6d6，林总 10-01 定：绿色系一律改蓝） */
  --c-blue-lite: #9cc4ff;
  /* 深蓝底（chiptrade 封面同款） */
  --c-bg2-1: #0a0e1a;
  --c-bg2-2: #0f1424;
  --c-bg2-3: #121a2e;
  /* 表单控件底色/文字（下拉框 + 填写框）统一：官网为暗色科技风，固定黑底白字 */
  --field-bg: #000000;
  --field-ink: #ffffff;
  --field-ph: #b5b5b5;
  --field-hover: #333333;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.wrap { max-width: var(--c-maxw); margin: 0 auto; padding: 0 24px; }

/* ---------- 顶栏 ---------- */
.corp-top {
  border-bottom: 1px solid var(--c-line);
  background: rgba(7, 10, 16, .92);
  position: sticky;
  top: 0;
  z-index: 50;
}
.corp-top-in {
  max-width: var(--c-maxw);
  margin: 0 auto;
  padding: 0 24px;
  height: 76px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.corp-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  color: var(--c-ink);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .04em;
}
.corp-brand:hover { text-decoration: none; }
/* LOGO = VI 标准位图（assets/logo-lockup-*.png）。图内内容/字体/配色一律不许改，
   唯一的缩放手段是 height（width:auto 保证等比，不切不变形）。显示哪一张由 JS 按语言+主题切。 */
.logo-lockup { display: none; height: 60px; width: auto; flex: 0 0 auto; }
.corp-brand small { display: none; }  /* 副标「BuyMoreTech · 上海」不再显示（林总 10-01 定） */
/* LOGO 右侧公司简称「拜摩科」/「BuyMoreTech」整体移除（林总 10-01 定）：顶栏只保留 VI 位图本身 */
.corp-word { display: none; }
.corp-word > span { font-size: 18px; font-weight: 700; letter-spacing: .02em; white-space: nowrap; }
.corp-word small { display: none; }
.corp-name-em { color: var(--c-sub); font-weight: 600; }
@media (max-width: 900px) {
  .logo-lockup { height: 54px; }
  .corp-word > span { font-size: 15px; }
}

.corp-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  flex-wrap: wrap;
}
.corp-nav a {
  color: var(--c-sub);
  font-size: 14px;
  padding: 7px 11px;
  border-radius: 8px;
  white-space: nowrap;
}
.corp-nav a:hover { color: var(--c-ink); background: var(--c-panel2); text-decoration: none; }
.corp-nav a.on { color: var(--c-accent); background: rgba(61, 139, 255, .12); font-weight: 600; }
.corp-lang {
  display: flex;
  border: 1px solid var(--c-line);
  border-radius: 8px;
  overflow: hidden;
  flex: 0 0 auto;
  margin-left: 8px;
}
.corp-lang button {
  background: transparent;
  border: 0;
  color: var(--c-sub);
  font-size: 12px;
  padding: 5px 10px;
  cursor: pointer;
  font-family: inherit;
}
.corp-lang button.on { background: var(--c-accent); color: #06201d; font-weight: 600; }
.corp-burger {
  display: none;
  background: transparent;
  border: 1px solid var(--c-line);
  color: var(--c-sub);
  border-radius: 8px;
  padding: 5px 9px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
}

/* ---------- 首屏 ---------- */
.corp-hero { padding: 76px 0 52px; border-bottom: 1px solid var(--c-line); }
.corp-hero h1 {
  font-size: 40px;
  line-height: 1.28;
  margin: 0 0 14px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.corp-hero h1 .hl { color: var(--c-accent); }
.corp-hero p.lead { color: var(--c-sub); font-size: 17px; max-width: 720px; margin: 0 0 26px; }
.corp-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }

.btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--c-line);
  background: var(--c-panel2);
  color: var(--c-ink);
  font-family: inherit;
}
.btn:hover { text-decoration: none; border-color: var(--c-accent); }
.btn.pri { background: var(--c-accent); border-color: var(--c-accent); color: #06201d; }
.btn.pri:hover { filter: brightness(1.08); }
.btn:disabled { opacity: .5; cursor: not-allowed; }

/* ---------- 区块 ---------- */
.corp-sec { padding: 56px 0; border-bottom: 1px solid var(--c-line); }
.corp-sec h2 { font-size: 24px; margin: 0 0 10px; font-weight: 700; }
.corp-sec .sec-sub { color: var(--c-sub); margin: 0 0 28px; font-size: 14px; }
.corp-sec h3 { font-size: 16px; margin: 26px 0 8px; font-weight: 600; }
.corp-sec p { color: #c3cbd9; margin: 0 0 12px; }

.grid { display: grid; gap: 16px; }
.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.card {
  background: var(--c-panel);
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius);
  padding: 20px 20px 22px;
  transition: border-color .18s;
}
.card:hover { border-color: #2f3a4c; }
.card h4 { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.card p { color: var(--c-sub); font-size: 13.5px; margin: 0 0 14px; }
.card .kicker {
  display: inline-block;
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--c-accent);
  border: 1px solid rgba(61, 139, 255, .35);
  border-radius: 999px;
  padding: 2px 9px;
  margin-bottom: 10px;
}
/* 一张卡里的多个入口：客户端在前、文档在后，窄屏自动折行 */
.card-links {
  margin: 10px 0 0;
  display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center;
}
.card-links .more { margin: 0; }
.more { font-size: 13.5px; }

.stat { text-align: center; }
.stat .n { font-size: 30px; font-weight: 700; color: var(--c-accent); line-height: 1.2; }
.stat .l { font-size: 12.5px; color: var(--c-sub); margin-top: 4px; }

/* ---------- 表格 ---------- */
.tbl-wrap { overflow-x: auto; border: 1px solid var(--c-line); border-radius: var(--c-radius); }
table.tbl { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 560px; }
table.tbl th, table.tbl td {
  padding: 11px 14px;
  text-align: left;
  border-bottom: 1px solid var(--c-line);
  vertical-align: top;
}
table.tbl th { background: var(--c-panel2); color: var(--c-sub); font-weight: 600; font-size: 12.5px; }
table.tbl tr:last-child td { border-bottom: 0; }
table.tbl td { color: #c3cbd9; }
table.tbl td .v { color: var(--c-ink); font-weight: 600; }
/* 节点分级表：第一列（项目）加宽，四字标签单行显示 */
table.tbl.tiers { min-width: 700px; }
table.tbl.tiers th:first-child { width: 118px; white-space: nowrap; }
table.tbl.tiers td.v { white-space: nowrap; }
table.tbl.hist { min-width: 640px; }
table.tbl.hist th:first-child { width: 116px; white-space: nowrap; }
table.tbl.hist td.v { white-space: nowrap; }
.tag {
  display: inline-block;
  font-size: 11.5px;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid var(--c-line);
  color: var(--c-sub);
  white-space: nowrap;
}
.tag.ok { color: var(--c-accent); border-color: rgba(61, 139, 255, .45); }
.tag.warn { color: var(--c-warn); border-color: rgba(255, 122, 69, .4); }

/* ---------- 表单 ---------- */
.form { max-width: 680px; }
.fld { margin-bottom: 18px; }
.fld label { display: block; font-size: 13.5px; margin-bottom: 7px; color: var(--c-sub); }
.fld label .req { color: var(--c-warn); }
.fld input[type=text], .fld input[type=email], .fld textarea, .fld select {
  width: 100%;
  background: var(--c-panel);
  border: 1px solid var(--c-line);
  border-radius: 10px;
  padding: 11px 13px;
  color: var(--c-ink);
  font-size: 14px;
  font-family: inherit;
}
.fld input:focus, .fld textarea:focus, .fld select:focus { outline: none; border-color: var(--c-accent); }
.fld textarea { min-height: 132px; resize: vertical; }
.fld .hint { font-size: 12px; color: var(--c-sub); margin-top: 6px; }
/* 邮箱旁的「备案通过后启用」小注 */
.mail-note { display: block; font-size: 11px; color: var(--c-sub); line-height: 1.4; margin-top: 2px; }
.cap-note { display: inline-block; font-size: 12px; color: var(--c-sub); }
/* 人机验证行：算式 + 输入 + 换一题，窄屏自动折行 */
.cap-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cap-q {
  font-size: 17px; font-weight: 700; letter-spacing: .06em;
  color: var(--c-ink); background: var(--c-panel2);
  border: 1px solid var(--c-line); border-radius: 8px; padding: 8px 14px; min-width: 132px; text-align: center;
}
.cap-row input[type=text] { width: 130px; }
.cap-refresh {
  background: transparent; border: 1px solid var(--c-line); color: var(--c-sub);
  font-size: 12px; padding: 7px 12px; border-radius: 8px; cursor: pointer; font-family: inherit;
}
.cap-refresh:hover { color: var(--c-ink); border-color: var(--c-accent); }
.check { display: flex; gap: 9px; align-items: flex-start; font-size: 13px; color: var(--c-sub); margin-bottom: 20px; }
.check input { margin-top: 4px; }
.form .err { color: #ff8a7a; font-size: 13px; margin-bottom: 12px; min-height: 20px; }
.form .ok-msg {
  border: 1px solid rgba(61, 139, 255, .45);
  background: rgba(61, 139, 255, .10);
  color: var(--c-accent);
  border-radius: 10px;
  padding: 13px 15px;
  font-size: 13.5px;
  margin-bottom: 16px;
}

/* ---------- 下载列表 ---------- */
.dl-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius);
  background: var(--c-panel);
  margin-bottom: 12px;
}
.dl-ico {
  width: 42px; height: 42px;
  flex: 0 0 42px;
  border-radius: 10px;
  background: var(--c-panel2);
  border: 1px solid var(--c-line);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; color: var(--c-sub);
}
.dl-main { flex: 1 1 auto; min-width: 0; }
.dl-main h4 { margin: 0 0 3px; font-size: 14.5px; font-weight: 600; }
.dl-main p { margin: 0; font-size: 12.5px; color: var(--c-sub); }
.dl-act { flex: 0 0 auto; }

/* ---------- 页脚 ---------- */
.corp-foot { padding: 44px 0 34px; border-top: 1px solid var(--c-line); background: var(--c-panel); }
.corp-foot-in { display: flex; gap: 40px; flex-wrap: wrap; }
.corp-foot .fb { flex: 1 1 220px; min-width: 180px; }
.corp-foot h5 { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: var(--c-ink); }
.corp-foot ul { list-style: none; margin: 0; padding: 0; }
.corp-foot li { font-size: 13px; margin-bottom: 7px; }
.corp-foot li a { color: var(--c-sub); }
.corp-foot li a:hover { color: var(--c-accent); }
.corp-foot .beian { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--c-line); font-size: 12.5px; color: var(--c-sub); }
.corp-foot .beian a { color: var(--c-sub); }

/* ---------- 提示条 ---------- */
.notice {
  border: 1px solid rgba(255, 122, 69, .32);
  background: rgba(255, 122, 69, .07);
  border-radius: 10px;
  padding: 13px 16px;
  font-size: 13.5px;
  color: #ffc0a4;
  margin-bottom: 26px;
}
.notice b { color: var(--c-warn); }

/* ---------- 面包屑 / 页头 ---------- */
.page-head { padding: 40px 0 12px; border-bottom: 1px solid var(--c-line); }
.page-head h1 { font-size: 30px; margin: 0 0 8px; font-weight: 700; }
.page-head p { color: var(--c-sub); margin: 0; font-size: 14.5px; }
.crumb { font-size: 12.5px; color: var(--c-sub); margin-bottom: 12px; }
.crumb a { color: var(--c-sub); }

/* ---------- 文档中心列表 ---------- */
.doc-item {
  display: flex;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius);
  background: var(--c-panel);
  margin-bottom: 12px;
}
.doc-body { flex: 1 1 auto; min-width: 0; }
.doc-body h4 { margin: 0 0 5px; font-size: 15px; font-weight: 600; }
.doc-body p { margin: 0 0 9px; font-size: 13px; color: var(--c-sub); }
.doc-side { flex: 0 0 auto; text-align: right; font-size: 12px; color: var(--c-sub); white-space: nowrap; }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .g3, .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .corp-nav {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 62px;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    background: var(--c-panel);
    border-bottom: 1px solid var(--c-line);
    padding: 10px 16px 16px;
  }
  .corp-nav.open { display: flex; }
  .corp-nav a { padding: 10px 8px; font-size: 15px; }
  .corp-burger { display: block; margin-left: auto; }
  .logo-lockup { height: 44px; }
  .corp-word > span { font-size: 15px; }
  .corp-top-in { height: 58px; }
  .corp-hero { padding: 46px 0 36px; }
  .corp-hero h1 { font-size: 27px; }
  .corp-hero p.lead { font-size: 15px; }
  .g2, .g3, .g4 { grid-template-columns: minmax(0, 1fr); }
  .corp-sec { padding: 40px 0; }
  .dl-row { flex-wrap: wrap; }
  .doc-side { text-align: left; width: 100%; padding-top: 8px; border-top: 1px solid var(--c-line); }
}

/* =========================================================================
   科技风增强（2026-10-01 林总觉得首页偏素，参照 chiptrade CoverView 配色重做）
   —— 全部纯 CSS，零图片零依赖，8 个子页共用
   ========================================================================= */

/* ---------- 全站背景层：深蓝底 + 网格底纹 + 双极光（固定不参与布局） ---------- */
.bg-tech { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.bg-tech::before {
  content: ''; position: absolute; inset: -80px;
  background-image:
    linear-gradient(rgba(31, 44, 74, .6) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 44, 74, .6) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(ellipse 120% 85% at 50% 0%, #000 0%, transparent 80%);
  mask-image: radial-gradient(ellipse 120% 85% at 50% 0%, #000 0%, transparent 80%);
  animation: gridDrift 26s linear infinite;
}
.bg-tech .aurora { position: absolute; width: 760px; height: 760px; border-radius: 50%; filter: blur(30px); opacity: .34; }
.bg-tech .a1 {
  top: -320px; left: 50%; margin-left: -560px;
  background: radial-gradient(circle, rgba(61, 122, 255, .30), transparent 62%);
  animation: aura1 19s ease-in-out infinite;
}
.bg-tech .a2 {
  top: -260px; left: 50%; margin-left: -80px;
  background: radial-gradient(circle, rgba(155, 108, 255, .26), transparent 62%);
  animation: aura2 23s ease-in-out infinite;
}
@keyframes gridDrift { to { background-position: 46px 46px, 46px 46px; } }
@keyframes aura1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(70px, 46px); } }
@keyframes aura2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-80px, 58px); } }
body {
  background:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(20, 40, 78, .55), transparent 60%),
    linear-gradient(180deg, var(--c-bg2-1) 0%, #080c14 42%, var(--c-bg) 100%);
  background-attachment: fixed;
}

/* ---------- Hero ---------- */
.corp-hero { position: relative; overflow: hidden; }
.corp-hero::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(91, 140, 255, .5), rgba(155, 108, 255, .5), transparent);
}
.corp-hero h1 { font-size: 46px; }
.corp-hero h1 .h1-a { display: block; color: var(--c-ink); }
/* 渐变文字：Hero 主标与各区块 h2 通用（林总 10-01 定：主打标题统一用同一套渐变） */
.grad-txt {
  display: inline-block;
  background: var(--g-main);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.corp-hero h1 .grad-txt {
  display: block;
  padding-top: 4px;
}
/* 胶囊状态提示（chiptrade 同款 pill + 呼吸点） */
.hero-badge {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 7px 15px; border-radius: 999px; font-size: 13px; color: #cfe0ff;
  border: 1px solid rgba(91, 140, 255, .34);
  background: linear-gradient(120deg, rgba(91, 140, 255, .13), rgba(155, 108, 255, .10));
  margin-bottom: 22px;
}
.hero-badge .dot {
  width: 7px; height: 7px; border-radius: 50%; flex: 0 0 7px;
  background: var(--c-grad-2); animation: dotPulse 2.4s ease-out infinite;
}
@keyframes dotPulse {
  0% { box-shadow: 0 0 0 0 rgba(91, 140, 255, .5); }
  70% { box-shadow: 0 0 0 10px rgba(91, 140, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(91, 140, 255, 0); }
}
/* 底部滚动指标条（真实技术要素，无缝循环） */
.hero-ticker {
  margin-top: 34px; overflow: hidden;
  border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line);
  padding: 11px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.hero-ticker .tk-in { display: flex; width: max-content; animation: tkScroll 34s linear infinite; }
.hero-ticker span { font-size: 12.5px; color: var(--c-sub); white-space: nowrap; padding: 0 26px; letter-spacing: .04em; }
.hero-ticker b { color: var(--c-blue-lite); font-weight: 600; }
@keyframes tkScroll { to { transform: translateX(-50%); } }

/* ---------- 渐变按钮 ---------- */
.btn.pri {
  background: var(--g-main); background-size: 200% 200%;
  border-color: transparent; color: #04141f; border-radius: 999px; font-weight: 700;
  box-shadow: 0 10px 30px rgba(91, 140, 255, .26);
  animation: gradFlow 8s ease infinite;
  transition: transform .25s, box-shadow .25s;
}
@keyframes gradFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.btn.pri:hover { filter: none; transform: translateY(-2px); box-shadow: 0 14px 40px rgba(91, 140, 255, .34); }
/* Hero 次要按钮：玻璃底，hover 直接点亮成渐变 */
.corp-hero-cta .btn:not(.pri) {
  background: rgba(19, 26, 37, .6); border-color: rgba(91, 140, 255, .28);
  transition: all .25s;
}
.corp-hero-cta .btn:not(.pri):hover {
  background: var(--g-main); border-color: transparent; color: #04141f;
  box-shadow: 0 10px 26px rgba(91, 140, 255, .26); transform: translateY(-2px);
}

/* ---------- 卡片：渐变顶边 + 悬浮光晕 ---------- */
.card {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, rgba(19, 26, 37, .92), rgba(14, 19, 28, .92));
  transition: border-color .25s, transform .25s, box-shadow .25s;
}
.card::before {
  content: ''; position: absolute; left: 0; top: 0; height: 2px; width: 100%;
  background: var(--g-main); transform: scaleX(0); transform-origin: left;
  transition: transform .4s cubic-bezier(.2, .7, .3, 1);
}
.card:hover { border-color: rgba(91, 140, 255, .45); transform: translateY(-3px); box-shadow: 0 14px 36px rgba(0, 0, 0, .5); }
.card:hover::before { transform: scaleX(1); }
.card .kicker {
  /* 青绿 → 蓝（林总 10-01 定：绿色系一律改蓝） */
  color: var(--c-blue-lite);
  border-color: rgba(91, 140, 255, .38);
  background: rgba(91, 140, 255, .10);
}

/* ---------- Hero 右上角：缓慢旋转的轨道环（纯装饰） ---------- */
.hero-ring {
  position: absolute; right: -40px; top: -30px;
  width: 340px; height: 340px; pointer-events: none; opacity: .5;
}
.hero-ring i {
  position: absolute; left: 50%; top: 50%;
  border-radius: 50%; transform: translate(-50%, -50%);
  border: 1px dashed rgba(91, 140, 255, .38);
  animation: ringSpin 40s linear infinite;
}
.hero-ring i.r1 { width: 340px; height: 340px; }
.hero-ring i.r2 { width: 240px; height: 240px; border-style: solid; border-color: rgba(91, 140, 255, .28); animation-duration: 30s; animation-direction: reverse; }
.hero-ring i.r3 { width: 150px; height: 150px; border: 0; background: radial-gradient(circle, rgba(155, 108, 255, .16), transparent 70%); }
.hero-ring b {
  position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px;
  width: 8px; height: 8px; border-radius: 50%;
}
.hero-ring b.s1 { background: var(--c-grad-2); box-shadow: 0 0 12px rgba(91, 140, 255, .9); animation: sat1 18s linear infinite; }
.hero-ring b.s2 { background: var(--c-grad-3); box-shadow: 0 0 12px rgba(155, 108, 255, .9); animation: sat2 26s linear infinite; }
@keyframes sat1 { from { transform: rotate(0deg) translateY(-170px); } to { transform: rotate(360deg) translateY(-170px); } }
@keyframes sat2 { from { transform: rotate(180deg) translateY(-120px); } to { transform: rotate(540deg) translateY(-120px); } }
@keyframes ringSpin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@media (max-width: 900px) { .hero-ring { display: none; } }

/* ---------- 区块标题前的渐变竖条 ---------- */
.corp-sec > .wrap > h2::before {
  content: ''; display: inline-block; vertical-align: -3px;
  width: 4px; height: 19px; border-radius: 2px; margin-right: 11px;
  background: var(--g-main);
}

/* ---------- 页脚顶部渐变线 + 入场揭示动画 ---------- */
.corp-foot { position: relative; }
.corp-foot::before {
  content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 2px;
  background: var(--g-main); opacity: .6;
}
.corp-reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .3, 1); }
.corp-reveal.in { opacity: 1; transform: none; }

/* =========================================================================
   科技动效·第二轮（2026-10-01 林总：首页再丰富一些）
   纯 CSS + 轻量 JS，零图片零依赖；窄屏与 reduced-motion 全部降级。
   ========================================================================= */

/* ---------- 1) Hero 背景粒子节点网络画布 ---------- */
.corp-hero .hero-net {
  position: absolute; inset: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0; opacity: .9;
}
.corp-hero > .wrap { position: relative; z-index: 1; }

/* ---------- 2) 鼠标跟随柔光（screen 混合，压在最上层但不吃点击） ---------- */
.cursor-glow {
  position: fixed; left: 0; top: 0;
  width: 660px; height: 660px; margin: -330px 0 0 -330px;
  border-radius: 50%; pointer-events: none; z-index: 2;
  opacity: 0; transition: opacity .5s;
  mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(91, 140, 255, .15), rgba(155, 108, 255, .06) 45%, transparent 68%);
}
.cursor-glow.on { opacity: 1; }

/* ---------- 3) 顶栏底部滚动进度条 ---------- */
.corp-progress { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; overflow: hidden; }
.corp-progress b {
  display: block; height: 100%; width: 0;
  background: var(--g-main);
  box-shadow: 0 0 12px rgba(91, 140, 255, .75);
}

/* ---------- 4) 卡片：光标聚光 + 右上角流水编号 ---------- */
.card::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  opacity: 0; transition: opacity .35s;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(91, 140, 255, .16), transparent 60%);
}
.card:hover::after { opacity: 1; }
.grid { counter-reset: cardn; }
.card { counter-increment: cardn; }
.card > .cnum { position: absolute; right: 13px; top: 11px; z-index: 1; }
.card > .cnum::before {
  content: counter(cardn, decimal-leading-zero);
  font-size: 10px; font-weight: 700; letter-spacing: .06em;
  color: rgba(91, 140, 255, .6);
}
/* 参数条小方块：独立序号计数器，与卡片编号互不干扰 */
.hero-stats { counter-reset: hsn; }
.hero-stats .cnum {
  counter-increment: hsn;
  width: 25px; height: 25px; flex: 0 0 25px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(91, 140, 255, .40); border-radius: 7px;
  font-size: 10px; color: var(--c-blue-lite); background: rgba(91, 140, 255, .07);
}
.hero-stats .cnum::before { content: counter(hsn, decimal-leading-zero); font-weight: 700; }

/* ---------- 5) Hero 技术参数条 ---------- */
.hero-stats { display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.hs {
  flex: 1 1 210px; min-width: 0;
  display: flex; align-items: center; gap: 11px;
  padding: 13px 16px; border: 1px solid var(--c-line); border-radius: 12px;
  background: linear-gradient(135deg, rgba(19, 26, 37, .92), rgba(14, 19, 28, .86));
  transition: border-color .25s, transform .25s;
}
.hs:hover { border-color: rgba(91, 140, 255, .42); transform: translateY(-2px); }
.hs .hs-n {
  font-size: 26px; font-weight: 700; line-height: 1;
  color: var(--c-ink); font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.hs span { font-size: 12px; color: var(--c-sub); white-space: nowrap; }

/* ---------- 6) 本机操作日志窗口（逐行错峰浮现） ---------- */
.term {
  margin-top: 26px; border: 1px solid var(--c-line); border-radius: 12px; overflow: hidden;
  background: linear-gradient(180deg, rgba(15, 20, 30, .96), rgba(10, 14, 21, .96));
  box-shadow: 0 18px 50px rgba(0, 0, 0, .5);
}
.term-bar {
  display: flex; align-items: center; gap: 7px;
  padding: 10px 14px; background: var(--c-panel2); border-bottom: 1px solid var(--c-line);
}
.term-bar i { width: 10px; height: 10px; border-radius: 50%; }
.term-bar i:nth-child(1) { background: #5b8cff; }
.term-bar i:nth-child(2) { background: #9b6cff; }
.term-bar i:nth-child(3) { background: #4da3ff; }  /* 三色点全走蓝/紫系，不出现绿色（林总 10-01 定） */
.term-bar span { margin-left: 8px; font-size: 12px; color: var(--c-sub); }
.term-bar .caret {
  margin-left: auto; width: 7px; height: 14px; border-radius: 1px;
  background: var(--c-grad-2); animation: caretBlink 1.15s steps(1) infinite;
}
@keyframes caretBlink { 50% { opacity: 0; } }
.term-body { padding: 15px 17px; font-size: 12.5px; line-height: 2; }
.term-body .tl {
  display: block; color: #a9b6cc; opacity: 0; transform: translateY(7px);
  animation: tlIn .5s ease forwards;
}
.term-body .tl:nth-child(1) { animation-delay: .15s; }
.term-body .tl:nth-child(2) { animation-delay: .75s; }
.term-body .tl:nth-child(3) { animation-delay: 1.35s; }
.term-body .tl:nth-child(4) { animation-delay: 1.95s; }
.term-body .tl:nth-child(5) { animation-delay: 2.55s; }
@keyframes tlIn { to { opacity: 1; transform: none; } }
.term-body .tl b { color: var(--c-blue-lite); font-weight: 600; margin-right: 9px; }
.term-body .tl em { color: #7f8ca3; font-style: normal; }

/* ---------- 7) 渐变标题：背景缓慢流动 ---------- */
.grad-txt { background-size: 200% 200%; animation: gradFlowX 14s ease infinite; }
@keyframes gradFlowX { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* ---------- 窄屏收敛 ---------- */
@media (max-width: 767px) {
  .bg-tech .aurora { width: 460px; height: 460px; }
  .corp-hero h1 { font-size: 28px; }
  .corp-hero-cta .btn { width: 100%; text-align: center; }
  .hero-ticker span { font-size: 11.5px; padding: 0 16px; }
  /* 参数条：两列一行，保持单行不折行（压间距与字号优先） */
  .hero-stats { gap: 8px; margin-top: 22px; }
  .hs { flex: 1 1 calc(50% - 8px); padding: 10px 11px; gap: 9px; }
  .hs .hs-n { font-size: 21px; }
  .hs span { font-size: 11px; white-space: normal; }
  .hero-stats .cnum { width: 21px; height: 21px; flex: 0 0 21px; }
  .cursor-glow { display: none; }
  .term-body { padding: 13px 14px; font-size: 12px; line-height: 1.95; }
  .card > .cnum { right: 11px; top: 9px; }
}
/* ---------- 尊重系统「减少动态效果」 ---------- */
@media (prefers-reduced-motion: reduce) {
  .bg-tech::before, .bg-tech .a1, .bg-tech .a2,
  .hero-badge .dot, .hero-ticker .tk-in, .btn.pri,
  .hero-ring i, .hero-ring b,
  .grad-txt, .term-bar .caret, .term-body .tl { animation: none; }
  .corp-reveal { opacity: 1; transform: none; transition: none; }
  /* 无动画时日志行必须直接可见，否则会永久停在 opacity:0 */
  .term-body .tl { opacity: 1; transform: none; }
  .cursor-glow { display: none; }
}

/* ===== 全局表单控件：下拉框 + 填写框 底色 / 文字 / 提示词 / 选项悬浮 =====
   官网为暗色科技风，固定：黑底白字，悬浮选项深灰，提示词浅灰。 */
select,
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
textarea {
  background-color: var(--field-bg) !important;
  color: var(--field-ink) !important;
}
input::placeholder,
textarea::placeholder {
  color: var(--field-ph) !important;
  opacity: 1 !important;
}
select option {
  background-color: var(--field-bg) !important;
  color: var(--field-ink) !important;
}
select option:hover,
select option:checked,
select option:focus {
  background-color: var(--field-hover) !important;
  color: var(--field-ink) !important;
}