@charset "utf-8";
/* ==========================================================================
   base.css —— 全局重置 / 设计变量 / 基础排版
   江苏诺瑞思医疗器械有限公司 官网
   --------------------------------------------------------------------------
   所有尺寸均按设计稿（1920 画布）1:1 实测取值：
   内容宽 1600 / 页头 92 / 首页 Banner 838 / 内页头图 565
   正文 22px（行高 40） / 区块标题 56px / Banner 主标题 96px
   ========================================================================== */

/* ---------- 设计变量 ---------- */
:root {
  /* 主色 */
  --blue:        #004A9E;   /* 品牌深蓝：产品解决方案区 / 在线咨询区 */
  --blue-d:      #003D85;
  --blue-l:      #1D5BAF;
  --blue-l2:     #2E8BD4;
  --green:       #8FC31F;   /* 品牌绿：按钮 / 激活态 / 强调 */
  --green-d:     #7DAE18;
  --pink:        #F2607F;   /* Banner 标签粉 */

  /* 中性色 */
  --ink:         #333333;   /* 标题 */
  --text:        #444444;   /* 正文 */
  --text-2:      #666666;
  --muted:       #888888;
  --gray:        #999999;
  --line:        #E6E6E6;
  --line-2:      #F0F0F0;
  --bg:          #FFFFFF;
  --bg-soft:     #F8F8F8;
  --bg-card:     #F9F9F9;
  --bg-foot:     #E9E9E9;

  /* 尺幅（设计稿实测） */
  --container:   1600px;
  --hd-h:        92px;
  /* 吸顶态 logo 高度（页头总高度不变，只缩 logo，避免吸顶瞬间下方内容跳动） */
  --hd-logo-stuck: 44px;
  --banner-h:    838px;
  --hero-h:      565px;
  --gap:         30px;
  --radius:      4px;

  /* 字体与字号 */
  /* 设计稿字体：OPPO Sans（见 assets/css/fonts.css），未覆盖的字符回退系统字体 */
  --font: "OPPO Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  --fs:           22px;   /* 正文基准 */
  --fs-sm:        20px;   /* 辅助说明 / 面包屑 */
  --fs-h2:        52px;   /* 区块标题 */
  --fs-h3:        30px;   /* 卡片标题 */
  --fs-card:      22px;   /* 卡片正文 */
  --lh:           1.82;   /* 正文行高（40px） */
  --lh-tight:     1.5;    /* 卡片 / 列表行高 */

  --trans: .25s ease;
}
/* ---------- 重置 ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--fs);
  line-height: var(--lh);
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }

a { color: inherit; text-decoration: none; transition: color var(--trans); }
a:hover { color: var(--green); }

img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
img[data-src] { opacity: 0; }
img.is-loaded { opacity: 1; transition: opacity .4s ease; }

button, input, select, textarea { font: inherit; color: inherit; margin: 0; }
button { background: none; border: 0; cursor: pointer; }
table { border-collapse: collapse; width: 100%; }

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

/* ---------- 标题层级 ---------- */
h1 { font-size: 40px; line-height: 1.5; font-weight: 700; color: var(--ink); }
h2 { font-size: var(--fs-h2); line-height: 1.3; font-weight: 800; color: var(--ink); }
h3 { font-size: var(--fs-h3); line-height: 1.5; font-weight: 700; color: var(--ink); }
h4 { font-size: 26px; line-height: 1.6; font-weight: 700; color: var(--ink); }

/* ---------- 通用工具类 ---------- */
.container {
  width: min(var(--container), calc(100% - 40px));
  margin-inline: auto;
}

.text-center { text-align: center; }
.hidden { display: none !important; }
.clearfix::after { content: ""; display: block; clear: both; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* 富文本正文 */
.rich-text p { margin-bottom: .9em; }
.rich-text p:last-child { margin-bottom: 0; }
.rich-text img { max-width: 100%; height: auto; }
.rich-text ul { list-style: disc; padding-left: 1.6em; margin-bottom: .9em; }
.rich-text ol { list-style: decimal; padding-left: 1.6em; margin-bottom: .9em; }
.rich-text a { color: var(--green); text-decoration: underline; }
.rich-text h2 { font-size: 34px; margin: .8em 0 .5em; }
.rich-text h3 { font-size: 28px; margin: .8em 0 .5em; }
.rich-text blockquote { border-left: 5px solid var(--blue); padding-left: 20px; color: var(--muted); margin: 1em 0; }