/* V2 组件样式。

   前半部分**整份照搬 V1 的 local-logic.css**，由脚本机械转换：
   前缀 lc- → v2c-，写死的颜色映射到 --v2-* 变量，其余一个字节不动。
   语义色（必填红 #f56c6c、成功绿 #67c23a）保留，它们与主题无关。

   为什么不手写：先前一块块照搬，浮窗和联系我们对上了，举报弹窗、
   一键拨号、内容声明条、友链整块还是自己写的那版，逐条比对发现 57 处差异。
   手工照搬一定会漏。

   后半部分是从 tenant-archive.css 照搬的居中标题组、公司介绍两栏、
   优势卡片，以及 V2 独有的少量补充。

   改这个文件前先想清楚：V1 也该改就改 local-logic.css 再重新转换。
*/

/* 本地静态站页面逻辑块的统一样式：隐藏互链、联系块、在线留言浮窗、
   内容声明条、内容举报弹窗、移动端一键拨号、滚动渐显。
   五套模板共用，配色跟随各模板的 CSS 变量，不覆盖模板主色。 */

/* ===== 隐藏互链（不对访客展示） ===== */
.v2c-hidden-links{display:none}  /* 触控目标 ≥48px */

/* ===== 滚动渐显 ===== */
.v2c-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.v2c-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.v2c-reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   下面这几块直接照搬 V1（tenant-archive.css）的实现：
   居中标题组、公司介绍两栏、企业优势卡片。
   结构、间距、字号、高亮方式都与 V1 一致，只把 V1 的颜色变量
   （--acc / --acc2 / --wh / --mut）换成 V2 的对应变量，
   这样七套主题下都成立。之前自己另写一套，做了几轮都不对。
   ============================================================ */

/* ——— 居中标题组：英文小标题 + 中文大标题 + 金色短横线 + 副标题 ——— */
.v2c-sh { text-align: center; margin-bottom: 48px; }
.v2c-stag { display: block; font-size: .8rem; letter-spacing: 3px;
  color: var(--v2-brand2); text-transform: uppercase; margin-bottom: 10px;
  font-weight: 600; }
.v2c-stt { font-size: 2.15rem; font-weight: 700; color: var(--v2-ink);
  display: inline-block; margin: 0; letter-spacing: -.02em; }
.v2c-stt::after { content: ""; display: block; width: 50px; height: 3px;
  background: var(--v2-brand); margin: 12px auto 0; border-radius: 3px; }
.v2c-sd { color: var(--v2-muted); font-size: .95rem; margin: 10px auto 0;
  max-width: 860px; line-height: 1.8; }

/* ——— 公司介绍：左文右图 ——— */
.v2c-sec { padding: 70px 20px; max-width: var(--v2-max); margin: 0 auto; }
.v2c-sec--alt { background: var(--v2-paper); max-width: none; }
.v2c-sec--alt > .v2c-sec__inner { max-width: var(--v2-max); margin: 0 auto; }
.v2c-ag { display: grid; grid-template-columns: 1fr 1fr; gap: 40px;
  align-items: start; }
.v2c-at { color: var(--v2-ink); font-size: .95rem; line-height: 1.9; }
.v2c-at p { margin: 0 0 14px; }
/* 关键信息高亮：规格、数字、能力词用品牌色加粗 */
.v2c-at b, .v2c-hl { color: var(--v2-brand2); font-weight: 600; }
/* 电话用虚线下划线，和 V1 一致 */
.v2c-at a, .v2c-tel-inline { color: var(--v2-brand2); font-weight: 700;
  text-decoration: none; border-bottom: 1px dashed var(--v2-brand); }
.v2c-aimg { border-radius: 14px; overflow: hidden; border: 1px solid var(--v2-line);
  background: var(--v2-white); box-shadow: 0 12px 34px rgba(0,0,0,.14); }
.v2c-aimg img { width: 100%; height: auto; display: block; }
.v2c-ph { aspect-ratio: 12/7; display: grid; place-content: center;
  text-align: center; gap: 8px; background: var(--v2-paper); }
.v2c-ph strong { font-size: 2rem; color: var(--v2-ink); }
.v2c-ph span { color: var(--v2-brand2); font-size: .95rem; }

/* ——— 企业优势：一排卡片，顶部一道品牌色短条 ——— */
.v2c-adv { display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.v2c-adv__item { position: relative; padding: 30px 22px 26px; border-radius: 14px;
  background: var(--v2-white); border: 1px solid var(--v2-line); text-align: center; }
.v2c-adv__item::before { content: ""; position: absolute; top: -1px; left: 50%;
  transform: translateX(-50%); width: 46px; height: 3px;
  background: var(--v2-brand); border-radius: 0 0 3px 3px; }
.v2c-adv__icon { display: grid; place-items: center; width: 46px; height: 46px;
  margin: 0 auto 14px; border-radius: 12px; background: var(--v2-paper); }
.v2c-adv__icon svg { width: 24px; height: 24px; fill: none;
  stroke: var(--v2-brand); stroke-width: 1.7; stroke-linecap: round;
  stroke-linejoin: round; }
.v2c-adv__item h3 { margin: 0 0 8px; font-size: 15px; color: var(--v2-ink); }
.v2c-adv__item p { margin: 0; font-size: 13px; line-height: 1.75;
  color: var(--v2-muted); }

@media (max-width: 900px) {
  .v2c-ag { grid-template-columns: 1fr; gap: 26px; }
  .v2c-stt { font-size: 1.7rem; }
  .v2c-sec { padding: 48px 20px; }
}

/* 浮窗的响应式，照搬 V1（local-logic.css 的

/* 在线留言、举报反馈、联系方式等共用组件的样式在
   widget-lead.css 与 widget-complaint.css，这里只保留 V2 专有的部分
   （友商互链、居中标题组、公司介绍两栏、优势卡片）。 */