/* ============================================================
   心途企科 · 视觉系统（2026-10-29 重构）
   放在最后加载，统一接管配色、字体、组件。
   保留原有结构与内容，只改视觉语言。
   ============================================================ */

/* ---------- 设计变量 ---------- */
:root{
  --paper:#FAF8F4;            /* 米白 */
  --card:#FFFFFF;
  --ink:#1B241D;              /* 主文字 */
  --ink-2:#4E5B52;            /* 次级 */
  --ink-3:#86918A;            /* 辅助 */
  --forest:#0F2A1F;           /* 深墨绿 */
  --brand:#2D6A3F;            /* 品牌绿 */
  --brand-deep:#1E4F2C;
  --brand-soft:#EAF1E4;       /* 浅绿底 */
  --line:#E3E6DD;
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --sans:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
}

body.website{background:#FAF8F4!important;color:#1B241D!important;font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif}
h1,h2,h3,h4{letter-spacing:0}

/* ---------- 字体：标题统一衬线 ---------- */
.website .enterprise-hero h1,
.website .corp-heading h2,
.website .company-introduction h2,
.website .corp-intro h1,
.website .about-hero h1,
.website .contact-copy h1,
.website .diagnosis-intro h1,
.website .page-hero h1{
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif!important;
  font-weight:600;
  letter-spacing:-.01em;
}

/* ---------- 首屏 ---------- */
.enterprise-hero{
  background:var(--paper);
  padding:96px 0 88px;
  border-bottom:1px solid var(--line);
}
.enterprise-hero-grid{gap:88px;align-items:center}
.website .website .enterprise-hero h1{
  font-size:clamp(40px,4.4vw,62px)!important;
  line-height:1.28;
  color:#0F2A1F!important;
}
.enterprise-hero h1 em{color:var(--brand);font-style:normal}
.hero-summary{
  font-size:17px;line-height:1.95;color:var(--ink-2);
  margin:26px 0 34px;max-width:400px;
}
.enterprise-hero .section-label{
  font-size:11px;letter-spacing:.18em;color:var(--brand);
  font-weight:500;margin-bottom:26px;text-transform:uppercase;
}
.enterprise-hero .section-label i{background:var(--brand);width:5px;height:5px}

/* 首屏按钮 */
.btn-primary,.enterprise-hero .btn-primary{
  background:var(--brand);color:#fff;border-radius:6px;
  font-size:15px;font-weight:500;padding:14px 26px;
  box-shadow:none;border:1px solid var(--brand);
}
.btn-primary:hover{background:var(--brand-deep);box-shadow:none;transform:none}
.btn-primary span{opacity:.7}

/* 首屏右侧：把抽象网络图换成具体工作方式 */
.website .hero-flow{background:#0F2A1F!important;
  background:var(--forest);color:#EAF2EC;
  border-radius:14px;padding:38px 36px 30px;
  position:relative;overflow:hidden;
}
.website .hero-flow .hf-cap{
  font-family:var(--sans);font-size:11px;letter-spacing:.18em;
  color:#8FA99A;margin-bottom:26px;text-transform:uppercase;
}
.website .hero-flow .hf-row{
  display:flex;gap:20px;align-items:flex-start;
  padding:19px 0;border-top:1px solid rgba(255,255,255,.09);
}
.website .hero-flow .hf-row:first-of-type{border-top:0;padding-top:0}
.website .hero-flow .hf-row>span{
  font-family:var(--serif);font-size:13px;color:#7FB98A;
  padding-top:3px;min-width:26px;letter-spacing:.02em;
}
.website .hero-flow .hf-row b{
  display:block;font-size:19px;font-weight:600;color:#F2F8F3;
  font-family:var(--sans);letter-spacing:.01em;
}
.website .hero-flow .hf-row p{
  margin:5px 0 0;font-size:13.5px;color:#A6BFB0;line-height:1.7;
}

/* ---------- 区块：统一节奏 ---------- */
.corp-section{padding:88px 0}
main > .corp-section{border-top:1px solid var(--line)}
.corp-band{background:#F2F5EC;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.corp-band + .corp-section{border-top:0;border-bottom:1px solid var(--line)}
.website-index .application-feature{background:var(--card)}

/* 区块标签 */
.section-label{
  font-size:11px;letter-spacing:.16em;color:var(--brand);
  font-weight:600;gap:10px;margin-bottom:20px;
}
.section-label i{color:var(--ink-3)!important;background:transparent!important;
  font-size:10.5px;letter-spacing:.08em}

/* 区块标题 */
.corp-heading{margin-bottom:52px}
.website .website .corp-heading h2{font-size:34px;line-height:1.45;color:#0F2A1F!important}
.corp-heading>p{font-size:14px;color:var(--ink-2);line-height:1.95;max-width:320px}

/* ---------- 组件：统一边线与圆角 ---------- */
.service-overview{border-top:1px solid var(--line)}
.service-overview a{
  border-right:1px solid var(--line);padding:30px 30px 26px;
  display:flex;flex-direction:column;gap:12px;min-height:196px;
  transition:background .35s ease;
}
.service-overview a:first-child{padding-left:0}
.service-overview a:last-child{padding-right:0;border-right:0}
.service-overview a:hover{background:var(--brand-soft)}
.service-overview h3{font-family:var(--sans);font-size:19px;font-weight:600;color:var(--forest)}
.service-overview .service-no{font-family:var(--serif);font-size:13px;color:var(--ink-3)}
.service-overview p{font-size:14px;line-height:1.9;color:var(--ink-2)}
.service-overview a i{
  margin-top:auto;font-size:13px;color:var(--ink-3);font-style:normal;
  transition:transform .35s ease,color .35s ease;
}
.service-overview a:hover i{color:var(--brand);transform:translate(3px,-3px)}

/* 场景索引 */
.scene-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.scene-row a{
  font-family:var(--serif);font-size:21px;font-weight:600;color:var(--forest);
  padding:32px 28px;border-right:1px solid var(--line);
}
.scene-row a:hover{background:var(--brand-soft)}
.scene-row a i{color:var(--ink-3)}

/* 流程一行 */
.flow-line{font-size:16px;gap:14px;padding:26px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow-line b{color:var(--forest);font-weight:600}
.flow-line i{color:var(--ink-3)}

/* 应用展示：多维表格界面示意图 */
.ui-mock{
  background:#F7F8F5;border:1px solid var(--line);border-radius:10px;
  overflow:hidden;box-shadow:0 18px 40px -22px rgba(15,42,31,.25);
}
.ui-mock-bar{
  display:flex;align-items:center;gap:6px;padding:11px 14px;
  background:#EEF1EA;border-bottom:1px solid var(--line);
}
.ui-mock-bar i{width:8px;height:8px;border-radius:50%;background:#C9CFC2}
.ui-mock-bar i:first-child{background:#A8C3A0}
.ui-mock-bar span{margin-left:8px;font-family:var(--sans);font-size:11.5px;letter-spacing:.04em;color:var(--ink-3)}
.ui-mock-tabs{
  display:flex;align-items:center;gap:18px;padding:12px 16px;
  background:var(--card);border-bottom:1px solid var(--line);
}
.ui-mock-tabs b{
  font-size:12.5px;color:var(--forest);font-weight:600;
  padding-bottom:3px;border-bottom:2px solid var(--brand);
}
.ui-mock-tabs span{font-size:12.5px;color:var(--ink-3)}
.ui-mock-tabs em{
  margin-left:auto;font-style:normal;font-size:11.5px;color:#fff;
  background:var(--brand);border-radius:5px;padding:5px 12px;
}
.ui-mock-grid{background:var(--card);font-size:12.5px}
.ui-mock-hr,.ui-mock-rr{display:grid;grid-template-columns:76px 1fr 1.3fr 76px;padding:0 12px}
.ui-mock-hr{border-bottom:1px solid var(--line)}
.ui-mock-hr span{padding:10px 6px;font-size:11px;letter-spacing:.06em;color:var(--ink-3);font-weight:600}
.ui-mock-rr{border-bottom:1px solid #F0F2EC}
.ui-mock-rr:last-child{border-bottom:0}
.ui-mock-rr span{padding:11px 6px;color:var(--ink-2)}
.ui-mock-rr span:first-child{color:var(--ink-3);font-variant-numeric:tabular-nums}
.tag{font-style:normal;font-size:11px;padding:3px 9px;border-radius:20px;white-space:nowrap}
.tag-live{color:#2D6A3F;background:#E3F0E4}
.tag-run{color:#8A5A12;background:#F6EBD4}
.tag-wait{color:#5B6670;background:#E9ECEF}
.ui-mock-foot{
  padding:10px 16px;font-size:10.5px;color:var(--ink-3);
  background:#F7F8F5;border-top:1px solid var(--line);
}

/* 案例表格：多维表格风格 */
.website .business-table{
  border:1px solid #E3E6DD;border-radius:8px;overflow:hidden;
  box-shadow:0 12px 32px -20px rgba(15,42,31,.22);
}
.website .business-table caption{
  background:#F2F5EC;color:#4E5B52;font-size:11px;letter-spacing:.06em;
  padding:13px 16px;border-bottom:1px solid #E3E6DD;
}
.website .business-table th{
  background:#F7F8F5;color:#0F2A1F;font-size:11px;font-weight:600;
  letter-spacing:.04em;border-bottom:1px solid #E3E6DD;
}
.website .business-table td{
  border-bottom:1px solid #F0F2EC;color:#4E5B52;font-size:12.5px;
}
.website .business-table tr:last-child td{border-bottom:0}
.website .business-table tbody tr{transition:background .25s ease}
.website .business-table tbody tr:hover{background:#F7FAF4}

/* 关于页：全宽图带 */
.about-band{margin:0;position:relative;line-height:0}
.about-band img{
  width:100%;height:clamp(240px,32vw,400px);
  object-fit:cover;display:block;
}
.about-band figcaption{
  position:absolute;right:max(24px,calc((100% - 1280px)/2));bottom:24px;
  line-height:1.6;background:rgba(15,42,31,.72);color:#EAF2EC;
  font-size:12px;letter-spacing:.04em;padding:9px 16px;border-radius:4px;
}

/* 联系页：左栏办公角 */
.contact-photo{
  margin:34px 0 0;border-radius:8px;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
}
.contact-photo img{width:100%;height:320px;object-fit:cover;display:block}
@media (max-width:860px){
  .contact-photo img{height:240px}
}

/* 关于 */
.website .company-introduction h2{font-size:34px;color:var(--forest)}
.company-introduction p{font-size:14.5px;line-height:2;color:var(--ink-2)}

/* 按钮统一 */
.btn{border-radius:6px;font-weight:500}


/* 页脚：收紧 */
.company-footer{background:var(--forest);color:#DDE8DF}
.footer-brand-line{color:#A6BFB0}

/* 手机端 */
@media (max-width:860px){
  .enterprise-hero{padding:64px 0 56px}
  .enterprise-hero-grid{gap:44px}
  .website .hero-flow{background:#0F2A1F!important;padding:28px 24px}
  .corp-section{padding:64px 0}
  .website .corp-heading h2{font-size:27px}
  .scene-row a{font-size:18px;padding:24px 20px}
  .service-overview a{padding:22px 15px 24px;min-height:0;border-bottom:1px solid var(--line)}
  .service-overview a:nth-child(odd){padding-left:0}
  .service-overview a:nth-child(even){padding-right:0;border-right:0}
  .ui-mock-hr,.ui-mock-rr{grid-template-columns:64px 1fr 1.2fr 68px;padding:0 8px}
  .ui-mock-rr span,.ui-mock-hr span{padding:10px 5px}
}

/* 收尾与留白调整 */
.website .hero-flow .hf-foot{
  margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);
  font-family:var(--sans);font-size:12.5px;color:#8FA99A;letter-spacing:.04em;
}
.corp-section{padding:72px 0}
.corp-heading{margin-bottom:42px}
@media (max-width:860px){
  .corp-section{padding:56px 0}
}

/* 小芽浮窗：手机上缩小并半透明 */
@media (max-width:640px){
  .ai-launcher{transform:scale(.82);transform-origin:bottom right;opacity:.75}
  .ai-launcher:hover{opacity:1}
}