/* ============================================================
   森焰网络 ·《猫的午睡》—  视觉系统 方向B：暖橘猫趣 / Warm Playful Cat
   （基于 v9 重构，仅作方向替换，文案与图片未改动）
   方向气质：更暖、更俏皮，peach（蜜桃）作为主强调色领衔；
            gold 退为辅助高光，sky/green 作点缀；更重猫/爪垫/小鱼装饰，
            卡片更圆润、阴影更柔，整体治愈且活泼，有"游戏感"。
   调色纪律（硬性）：除中性白 #fff 与由下方 token 派生的 rgba 阴影/柔光外，
            禁止在 :root 之外出现任何裸色值；任何新颜色必须先注册为 token。
   ============================================================ */

/* —— reset —— */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.8;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;width:100%;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
::selection{background:var(--peach-soft);color:var(--ink-strong)}

/* ============================================================
   设计令牌（Design Tokens）—— peach 主导 · 暖橘猫趣
   ============================================================ */
:root{
  /* 纸感米白 / 暖沙底 */
  --paper:#FCFAF6; --paper-2:#FFFFFF;
  --sand:#F8F1E7; --sand-2:#F1E8D9;
  /* 咖色：仅作极淡暖底与细线 */
  --coffee:#C9A47C; --coffee-deep:#A8825A; --coffee-soft:#F4E9DA;
  /* 蜜桃/杏：本方向主强调色（领衔），明亮有生机 */
  --peach:#F1A57A; --peach-deep:#E68A57; --peach-soft:#FCE7DA;
  /* 金：辅助高光，仅小面积点缀 */
  --gold:#E6B85C; --gold-deep:#CE9A3A; --gold-soft:#FCF0D5; --gold-mist:#FDF8EC;
  /* 天空蓝：清新点缀 */
  --sky:#A9C9D9; --sky-deep:#7FB0C4; --sky-soft:#EAF3F7; --sky-mist:#F4F9FB;
  /* 浅绿：提亮生机 */
  --green:#9FCF90; --green-deep:#7FB86E; --green-soft:#EAF5E4;
  --ink:#4A3B30; --ink-strong:#3D2F25; --muted:#7E7060; --dim:#AC9B8D;
  --line:rgba(74,59,48,.10); --line-2:rgba(74,59,48,.18);
  /* 柔和扩散阴影（由 ink 派生），更柔更轻 */
  --shadow-s:0 8px 22px rgba(74,59,48,.06);
  --shadow-m:0 18px 42px rgba(74,59,48,.09);
  --shadow-l:0 30px 68px rgba(74,59,48,.12);
  /* 桃色强调阴影（由 peach-deep 派生） */
  --shadow-peach:0 14px 34px rgba(230,138,87,.28);
  /* 柔光（由 token 派生） */
  --glow-peach:radial-gradient(circle,rgba(241,165,122,.22),transparent 70%);
  --glow-gold:radial-gradient(circle,rgba(230,184,92,.20),transparent 70%);
  --serif:Georgia,"Times New Roman",serif;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  /* 圆角尺度（本方向更大、更圆润） */
  --radius:30px; --radius-lg:40px; --radius-sm:16px; --radius-pill:999px;
}

/* ============================================================
   散落装饰系统（.deco，mask 染色 + 低透明度）
   方向B：猫/爪垫改染 peach，鱼保留 sky，整体密度略升
   ============================================================ */
.deco{
  position:absolute;pointer-events:none;z-index:0;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.deco--cat{width:130px;height:130px;background-color:var(--peach);opacity:.13;-webkit-mask-image:url(deco/cat.svg);mask-image:url(deco/cat.svg)}
.deco--fish{width:110px;height:110px;background-color:var(--sky-deep);opacity:.17;-webkit-mask-image:url(deco/fish.svg);mask-image:url(deco/fish.svg)}
.deco--paw{width:104px;height:104px;background-color:var(--peach-deep);opacity:.16;-webkit-mask-image:url(deco/paw.svg);mask-image:url(deco/paw.svg)}
.deco--plant{width:142px;height:142px;background-color:var(--green);opacity:.16;-webkit-mask-image:url(deco/plant.svg);mask-image:url(deco/plant.svg)}
.deco--leaf{width:92px;height:92px;background-color:var(--green);opacity:.19;-webkit-mask-image:url(deco/leaf.svg);mask-image:url(deco/leaf.svg)}
.deco--sun{width:124px;height:124px;background-color:var(--gold);opacity:.14;-webkit-mask-image:url(deco/sun.svg);mask-image:url(deco/sun.svg)}

/* ============================================================
   顶部导航（sticky 毛玻璃）
   ============================================================ */
.topbar{
  position:sticky;top:0;z-index:80;
  background:rgba(252,250,246,.82);
  backdrop-filter:saturate(1.25) blur(14px);
  -webkit-backdrop-filter:saturate(1.25) blur(14px);
  border-bottom:1px solid var(--line);
}
.nav{
  max-width:1160px;margin:0 auto;padding:0 32px;height:72px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.brand{display:flex;align-items:baseline;gap:10px;flex-shrink:0}
.brand .cn{font-size:20px;font-weight:800;letter-spacing:3px;color:var(--ink-strong)}
.brand .en{font-size:9.5px;letter-spacing:3px;color:var(--peach-deep);font-family:var(--serif);text-transform:uppercase}
.menu{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.menu::-webkit-scrollbar{display:none}
.menu a{padding:9px 15px;border-radius:var(--radius-pill);font-size:14px;color:var(--muted);white-space:nowrap;transition:.22s}
.menu a:hover{color:var(--ink-strong);background:var(--peach-soft)}
.menu a.on{color:#fff;background:linear-gradient(135deg,var(--peach),var(--peach-deep));font-weight:600;box-shadow:var(--shadow-peach)}

/* ============================================================
   布局基元 + 区块浅色节奏（暖调）
   ============================================================ */
.wrap{max-width:1160px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
section{padding:96px 0;position:relative;z-index:1}
.band{background:linear-gradient(180deg,var(--sand) 0%,var(--paper) 24%,var(--paper) 80%,var(--sand) 100%)}
.band--sand{background:linear-gradient(180deg,var(--peach-soft) 0%,var(--sand) 100%)}

.sec-head{margin-bottom:52px;max-width:760px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head .kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:5px;color:var(--peach-deep);
  margin-bottom:14px;text-transform:uppercase;font-family:var(--serif);font-weight:700;
}
.sec-head .kicker::before{
  content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--peach);flex-shrink:0;
  background:radial-gradient(circle at center,var(--peach) 0 3px,transparent 3.5px) center/100% 100% no-repeat;
}
.sec-head h2{
  font-size:34px;letter-spacing:2px;color:var(--ink-strong);font-weight:800;line-height:1.35;
  display:inline-block;position:relative;padding-bottom:16px;
}
.sec-head h2::after{
  content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:3px;
  background:linear-gradient(90deg,var(--peach),var(--peach-deep));
}
.sec-head.center h2::after{left:50%;transform:translateX(-50%)}
.sec-head .sub{color:var(--muted);font-size:15.5px;margin-top:16px;line-height:1.95}

/* ============================================================
   Hero —— 暖橘满幅 + 不对称分栏（图片框更可爱）
   ============================================================ */
.hero{
  position:relative;padding:72px 0 110px;overflow:hidden;
  background:
    radial-gradient(120% 90% at 85% 0%,var(--peach-soft) 0%,transparent 55%),
    linear-gradient(180deg,var(--gold-mist) 0%,var(--paper) 78%);
}
.hero::before{ /* 正午太阳母题：细环（桃色） */
  content:"";position:absolute;right:4%;top:7%;width:300px;height:300px;border-radius:50%;
  border:1.5px solid rgba(241,165,122,.26);z-index:0;pointer-events:none;
}
.hero::after{ /* 正午太阳母题：柔光核（桃色） */
  content:"";position:absolute;right:4%;top:7%;width:300px;height:300px;border-radius:50%;
  background:var(--glow-peach);z-index:0;pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-copy{position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:var(--radius-pill);
  background:var(--peach-soft);color:var(--peach-deep);font-size:12.5px;letter-spacing:1.4px;font-weight:700;
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--peach)}
.hero h1{font-size:clamp(40px,5.4vw,64px);line-height:1.12;letter-spacing:1px;font-weight:800;color:var(--ink-strong);margin-top:24px}
.hero .lead{font-size:15px;color:var(--peach-deep);letter-spacing:2.5px;margin-top:18px;font-weight:700}
.hero .desc{font-size:16px;color:var(--muted);margin-top:22px;line-height:2.1;max-width:520px}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{
  display:inline-block;padding:14px 34px;border-radius:var(--radius-pill);font-size:15px;letter-spacing:.5px;
  border:1px solid var(--line-2);color:var(--ink-strong);transition:.25s;
  background:var(--paper-2);box-shadow:var(--shadow-s);font-weight:600;cursor:pointer;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-m);border-color:var(--peach)}
.btn.solid{background:linear-gradient(135deg,var(--peach),var(--peach-deep));color:#fff;border-color:transparent;box-shadow:var(--shadow-peach)}
.btn.solid:hover{box-shadow:0 16px 38px rgba(230,138,87,.36)}
.btn.ghost{background:transparent;border:1.5px solid #fff;color:#fff}

/* Hero 图片：偏置桃色块 + 桃色柔光 + 虚线桃色描边 + 浮起说明卡（更圆润可爱） */
.hero-art{position:relative;padding:16px 16px 46px}
.hero-panel{position:absolute;left:-26px;top:-22px;width:74%;height:74%;background:linear-gradient(150deg,var(--peach-soft),var(--gold-soft));border-radius:var(--radius-lg);z-index:0;box-shadow:var(--shadow-m)}
.hero-glow{position:absolute;right:-22px;bottom:-8px;width:210px;height:210px;border-radius:50%;background:var(--glow-peach);filter:blur(6px);z-index:0;pointer-events:none}
.hero-frame{position:absolute;inset:-16px;border-radius:50px;border:2px dashed rgba(241,165,122,.45);z-index:0}
.hero-photo{position:relative;z-index:1;border-radius:34px;overflow:hidden;background:#fff;border:9px solid #fff;box-shadow:var(--shadow-l)}
.hero-photo img{width:100%;display:block;border-radius:26px}
.hero-note{
  position:absolute;left:0;bottom:-26px;z-index:2;
  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-radius:18px;padding:11px 18px;font-size:13px;color:var(--ink-strong);
  letter-spacing:.5px;box-shadow:0 8px 22px rgba(74,59,48,.14);font-weight:700;border:1px solid var(--line);
}
/* Hero 底部统计条 */
.hero-stats{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.hero-stats li{display:flex;flex-direction:column;gap:2px;padding:13px 20px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.hero-stats b{font-family:var(--serif);font-size:21px;color:var(--peach);font-weight:700;line-height:1}
.hero-stats span{font-size:12.5px;color:var(--muted)}

/* ============================================================
   关键词条 ribbon（俏皮圆角徽章，通栏等分，三色区分）
   ============================================================ */
.ribbon{position:relative;z-index:5;margin-top:-40px}
.ribbon-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ribbon .pill{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  padding:16px 20px;border-radius:var(--radius-pill);
  background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow-m);
  font-size:14px;color:var(--ink-strong);font-weight:700;letter-spacing:.5px;
  transition:.22s;
}
.ribbon .pill:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}
.ribbon .pill i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
/* 三枚分色：蜜桃 / 天空蓝 / 浅绿，俏皮又统一 */
.ribbon .pill:nth-child(1){background:var(--peach-soft);border-color:var(--peach-soft);color:var(--peach-deep)}
.ribbon .pill:nth-child(1) i{background:var(--peach-deep)}
.ribbon .pill:nth-child(2){background:var(--sky-soft);border-color:var(--sky-soft);color:var(--sky-deep)}
.ribbon .pill:nth-child(2) i{background:var(--sky-deep)}
.ribbon .pill:nth-child(3){background:var(--green-soft);border-color:var(--green-soft);color:var(--green-deep)}
.ribbon .pill:nth-child(3) i{background:var(--green-deep)}

/* ============================================================
   主营业务 —— 编辑式编号横排
   ============================================================ */
.biz-list{display:flex;flex-direction:column}
.biz-row{
  display:grid;grid-template-columns:120px 1fr;gap:36px;align-items:start;
  padding:34px 8px;border-top:1px solid var(--line);
}
.biz-row:last-child{border-bottom:1px solid var(--line)}
.biz-row .biz-num{
  font-family:var(--serif);font-size:54px;font-weight:700;line-height:1;color:var(--peach);
  position:relative;
}
.biz-row:nth-child(2) .biz-num{color:var(--sky-deep)}
.biz-row:nth-child(3) .biz-num{color:var(--green)}
.biz-row .biz-body h3{font-size:21px;color:var(--ink-strong);margin-bottom:10px;letter-spacing:1px;font-weight:700}
.biz-row .biz-body p{font-size:15px;color:var(--muted);line-height:1.95;max-width:680px}

/* ============================================================
   产品中心 —— 左右分栏大特写（桃色/蜂蜜面板）
   ============================================================ */
.prod-band{background:linear-gradient(180deg,var(--sand) 0%,var(--paper) 26%,var(--paper) 80%,var(--sand) 100%)}
.prod{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);
  background:linear-gradient(135deg,var(--peach-soft) 0%,var(--gold-mist) 100%);
  border:1px solid var(--peach-soft);box-shadow:var(--shadow-l);
  display:grid;grid-template-columns:360px 1fr;gap:0;align-items:stretch;
}
.prod::before{
  content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border-radius:50%;
  background:var(--glow-peach);
}
.prod-art{
  position:relative;display:flex;align-items:center;justify-content:center;padding:48px;
  background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(252,231,218,.4));
  border-right:1px solid var(--line);
}
.prod-disc{
  width:100%;max-width:260px;aspect-ratio:1;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;
  padding:26px;background:var(--paper-2);box-shadow:0 18px 40px rgba(74,59,48,.14);border:1px solid var(--line);
}
.prod-disc img{width:100%;height:100%;object-fit:contain;border-radius:20px}
.prod-body{position:relative;z-index:1;padding:52px 56px;display:flex;flex-direction:column;justify-content:center}
.prod-body .tag{
  align-self:flex-start;display:inline-block;padding:5px 14px;border-radius:var(--radius-pill);font-size:12px;letter-spacing:1px;
  background:var(--peach-soft);color:var(--peach-deep);margin-bottom:16px;font-weight:700;
}
.prod-body h3{font-size:30px;color:var(--ink-strong);margin-bottom:14px;letter-spacing:1px;font-weight:800}
.prod-body p{font-size:15.5px;color:var(--muted);line-height:2;max-width:560px}
.prod-body .metalist{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prod-body .metalist div{display:flex;flex-direction:column;gap:3px}
.prod-body .metalist b{color:var(--peach-deep);font-weight:700;font-size:12.5px;letter-spacing:1px}
.prod-body .metalist span{color:var(--ink);font-size:14px}
.prod-body .btns{margin-top:26px}

/* ============================================================
   三个不会忘的词 —— 错位三词卡（鲜明强调色区分）
   ============================================================ */
.words{background:var(--paper-2)}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}
.key{
  position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,var(--paper));
  border:1px solid var(--line);border-radius:var(--radius);padding:42px 26px 36px;text-align:center;
  box-shadow:var(--shadow-s);transition:.28s;
}
.key.key--offset{transform:translateY(-18px)}
.key::after{content:"";position:absolute;left:50%;top:-52px;transform:translateX(-50%);width:150px;height:150px;border-radius:50%;background:var(--glow-gold)}
.key:hover{transform:translateY(-5px);box-shadow:var(--shadow-m);border-color:var(--line-2)}
.key.key--offset:hover{transform:translateY(-23px)}
.k-ico{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.k-ico svg{width:28px;height:28px}
.key .key-num{position:relative;z-index:1;font-family:var(--serif);font-size:13px;letter-spacing:2px;margin-bottom:4px}
.key .w{position:relative;z-index:1;font-size:clamp(22px,2.4vw,30px);color:var(--ink-strong);font-weight:800;letter-spacing:6px}
.key .d{position:relative;z-index:1;font-size:13.5px;color:var(--muted);margin-top:9px;letter-spacing:.5px}
/* 三卡分明：蜜桃 / 天空蓝 / 浅绿，图标底与光晕同色 */
.key.k1{background:linear-gradient(180deg,var(--peach-soft),#fff);border-color:rgba(241,165,122,.42)}
.key.k1::after{background:var(--glow-peach)}
.key.k1 .key-num{color:var(--peach-deep)}
.key.k1 .k-ico{background:var(--peach-soft)}
.key.k2{background:linear-gradient(180deg,var(--sky-soft),#fff);border-color:rgba(127,176,196,.42)}
.key.k2::after{background:radial-gradient(circle,rgba(127,176,196,.24),transparent 70%)}
.key.k2 .key-num{color:var(--sky-deep)}
.key.k2 .k-ico{background:var(--sky-soft)}
.key.k3{background:linear-gradient(180deg,var(--green-soft),#fff);border-color:rgba(159,207,144,.42)}
.key.k3::after{background:radial-gradient(circle,rgba(159,207,144,.24),transparent 70%)}
.key.k3 .key-num{color:var(--green-deep)}
.key.k3 .k-ico{background:var(--green-soft)}

/* ============================================================
   卡片（关于 / 通用）—— 更大圆角、更柔阴影
   ============================================================ */
.grid{display:grid;gap:24px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{
  background:linear-gradient(180deg,#fff,var(--paper));border:1px solid var(--line);
  border-radius:var(--radius);padding:32px 30px;transition:.28s;box-shadow:var(--shadow-s);position:relative;overflow:hidden;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-m);border-color:var(--line-2)}
.card .ico{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:.28s;background:linear-gradient(150deg,var(--peach-soft),var(--gold-soft))}
.card:hover .ico{transform:rotate(-6deg);background:linear-gradient(150deg,var(--peach-soft),var(--coffee-soft))}
.card .ico svg{width:22px;height:22px}
.card h3{font-size:18px;color:var(--ink-strong);margin-bottom:10px;letter-spacing:1px;font-weight:700}
.card p{font-size:14.5px;color:var(--muted);line-height:2}

/* ============================================================
   表格
   ============================================================ */
.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-s)}
.table th,.table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line)}
.table tr:last-child th,.table tr:last-child td{border-bottom:none}
.table th{color:var(--ink-strong);font-weight:700;width:150px;white-space:nowrap;background:var(--sand)}
.table td{color:var(--muted)}
.table a{color:var(--peach-deep);font-weight:600}
.table a:hover{color:var(--ink-strong)}

/* ============================================================
   联系
   ============================================================ */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.box{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-s)}
.box.warn{border-color:var(--peach-soft);background:linear-gradient(180deg,var(--peach-soft),var(--gold-mist))}
.box h3{font-size:17px;color:var(--ink-strong);margin-bottom:14px;letter-spacing:1px;font-weight:700}
.box p{font-size:14.5px;color:var(--muted);line-height:2}
.box a{color:var(--peach-deep);border-bottom:1px dashed var(--peach-soft);font-weight:600}
.box a:hover{color:var(--ink-strong)}
.steps{counter-reset:s;margin-top:14px;padding-left:0;list-style:none}
.steps li{position:relative;padding-left:38px;margin-bottom:13px;font-size:14.5px;color:var(--muted);line-height:1.7}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50%;background:var(--peach);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.field{margin-bottom:14px}
.field label{font-size:13.5px;color:var(--muted);display:block;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:11px 14px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink);font-size:14.5px;font-family:inherit;transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--peach);background:#fff;box-shadow:0 0 0 3px rgba(241,165,122,.2)}
button.btn.solid{border:none;font-family:inherit}

/* ============================================================
   CTA 面板 —— 暖橘/蜂蜜渐变
   ============================================================ */
.cta-panel{
  position:relative;z-index:1;max-width:1000px;margin:0 auto;overflow:hidden;
  background:linear-gradient(135deg,var(--peach-soft) 0%,var(--gold-mist) 100%);
  border:1px solid var(--peach-soft);border-radius:var(--radius-lg);padding:64px 46px;text-align:center;box-shadow:var(--shadow-l);
}
.cta-panel::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:var(--glow-peach)}
.cta-panel h2{font-size:clamp(24px,3vw,33px);color:var(--ink-strong);letter-spacing:2px;position:relative}
.cta-panel p{color:var(--muted);margin-top:12px;position:relative}
.cta-btns{justify-content:center;margin-top:28px}
.cta-btns .btn{background:rgba(255,255,255,.7);border-color:var(--line-2);color:var(--ink-strong)}
.cta-btns .btn.solid{background:linear-gradient(135deg,var(--peach),var(--peach-deep));border-color:transparent;color:#fff}
.cta-btns .btn:hover{border-color:var(--peach-deep);background:#fff}

/* ============================================================
   页脚（暖沙底，桃色点缀）
   ============================================================ */
footer{position:relative;z-index:1;margin-top:24px;padding:64px 0 32px;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--sand) 0%,var(--sand-2) 100%);color:var(--muted);overflow:hidden}
.gongan-badge{display:inline-block !important;width:15px;height:15px;object-fit:contain;vertical-align:middle;margin:0 4px 0 0;border:0}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:34px;position:relative;z-index:1}
.f-brand .cn{font-size:20px;font-weight:800;letter-spacing:2px;color:var(--ink-strong)}
.f-brand .en{font-family:var(--serif);font-size:11px;letter-spacing:3px;color:var(--peach-deep);text-transform:uppercase}
.f-grid h4{font-size:13.5px;color:var(--ink-strong);margin-bottom:16px;letter-spacing:3px;font-weight:800}
.f-grid p,.f-grid li{font-size:13.5px;color:var(--muted);line-height:2.15}
.f-grid ul{list-style:none}
.f-grid a{color:var(--ink-strong);transition:.2s}
.f-grid a:hover{color:var(--peach-deep)}
.f-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim);line-height:2.1;text-align:center;position:relative;z-index:1}
.f-bottom a{color:var(--muted)}
.f-bottom a:hover{color:var(--ink-strong)}
.f-bottom .copy{margin:0 0 4px}
.beian{display:flex;justify-content:center;align-items:center;gap:6px 22px;flex-wrap:wrap;margin:0}
.beian-item{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.6}
.beian-item + .beian-item::before{content:"·";margin-right:22px;color:var(--muted)}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.badges span{padding:4px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:12px;color:var(--muted);background:rgba(255,255,255,.6)}
.badges a{color:var(--ink-strong)}

/* ============================================================
   响应式 —— 保持版式节奏
   ============================================================ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-art{max-width:520px}
  .prod{grid-template-columns:300px 1fr}
  .prod-body{padding:44px 40px}
}
@media(max-width:820px){
  .wrap{padding:0 24px}
  section{padding:76px 0}
  .biz-row{grid-template-columns:84px 1fr;gap:22px;padding:28px 4px}
  .biz-row .biz-num{font-size:40px}
  .prod{grid-template-columns:1fr}
  .prod-art{border-right:none;border-bottom:1px solid var(--line);padding:40px}
  .prod-body{padding:40px 32px}
  .prod-body .metalist{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:640px){
  .nav{height:auto;padding:12px 16px;gap:8px 10px;flex-wrap:wrap}
  .brand .en{display:none}
  .menu{flex:1 1 100%;order:3;justify-content:center;gap:4px;margin-top:2px}
  .menu a{padding:7px 12px;font-size:13px}
  .wrap{padding:0 18px}
  section{padding:60px 0}
  .sec-head{margin-bottom:36px}
  .sec-head h2{font-size:25px}
  .sec-head .sub{font-size:14.5px}

  .hero{padding:40px 0 84px}
  .hero h1{font-size:34px;margin-top:18px}
  .hero .lead{font-size:13px}
  .hero .desc{font-size:15px;max-width:none}
  .hero-art{padding:10px 6px 34px}
  .hero-panel{left:-12px;top:-12px;width:64%;height:64%}
  .hero-frame{inset:-8px}
  .hero-note{position:static;display:inline-block;margin-top:16px}
  .hero-stats{margin-top:26px}
  .hero-stats li{padding:11px 16px;flex:1 1 auto}
  .ribbon{margin-top:-22px}
  .ribbon-inner{grid-template-columns:1fr;gap:10px}
  .ribbon .pill{padding:12px 16px;font-size:13px}

  .biz-row{grid-template-columns:1fr;gap:8px;padding:26px 2px}
  .biz-row .biz-num{font-size:34px}
  .biz-row .biz-body p{font-size:14.5px}

  .prod-body{padding:34px 24px}
  .prod-body h3{font-size:25px}
  .prod-body .metalist{grid-template-columns:1fr;gap:10px}
  .prod-art{padding:32px}

  .keys{grid-template-columns:1fr;gap:16px;max-width:420px}
  .key.key--offset{transform:none}
  .key.key--offset:hover{transform:translateY(-5px)}
  .key{padding:34px 24px 30px}

  .grid.g2,.grid.g3{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}

  .cta-panel{padding:44px 24px}
  footer{padding:48px 0 28px}
  .f-grid{grid-template-columns:1fr;gap:24px}
  .f-bottom{font-size:12px;padding-top:20px}
  .f-bottom .copy{margin-bottom:10px;line-height:1.7}
  .beian{flex-direction:column;gap:6px;align-items:center}
  .beian-item + .beian-item::before{display:none}
  .beian-item{font-size:12px}
  .badges{flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;padding:0 12px}
  .badges span{width:100%;max-width:340px;margin:0 auto;text-align:center;font-size:11px;padding:6px 10px}

  .deco{transform:scale(.6);opacity:.1}
  .deco--cat,.deco--plant{display:none}
}
@media(max-width:380px){
  .hero h1{font-size:30px}
  .menu a{padding:8px 10px;font-size:12.5px}
}

/* ============================================================
   无障碍：键盘焦点态可见
   ============================================================ */
a:focus-visible,button:focus-visible,.btn:focus-visible,
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--peach-deep);outline-offset:3px}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important}
  .btn:hover,.card:hover,.key:hover{transform:none}
}

/* ============================================================
   关于我们页 · 专用样式（命名空间 .abt-，不改动既有规则）
   区块节奏：团队介绍（sand 大分栏）→ 目标/价值观/愿景（paper 编辑式编号横排）
   配色纪律：仅引用 token
   ============================================================ */
.abt-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:5px;color:var(--peach-deep);
  margin-bottom:18px;text-transform:uppercase;font-family:var(--serif);font-weight:700;
}
.abt-kicker::before{
  content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--peach);flex-shrink:0;
  background:radial-gradient(circle at center,var(--peach) 0 3px,transparent 3.5px) center/100% 100% no-repeat;
}

/* 团队介绍：大气左右分栏，视觉权重最高 */
.abt-team{background:linear-gradient(180deg,var(--sand) 0%,var(--paper) 100%);padding:84px 0}
.abt-team-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.abt-team-aside{position:relative;z-index:1}
.abt-team-title{
  font-family:var(--serif);font-size:clamp(40px,6vw,68px);line-height:1.1;
  color:var(--ink-strong);font-weight:800;letter-spacing:2px;
}
.abt-team-tag{
  display:inline-block;margin-top:22px;padding:10px 20px;border-radius:var(--radius-pill);
  background:var(--peach-soft);color:var(--peach-deep);font-size:14px;font-weight:700;letter-spacing:2px;
}
.abt-team-body{position:relative;z-index:1;max-width:560px}
.abt-lead{font-size:20px;color:var(--ink-strong);font-weight:700;line-height:1.9;margin-bottom:18px;letter-spacing:.5px}
.abt-team-body p{font-size:15.5px;color:var(--muted);line-height:2.05}

/* 编辑式编号横排：目标 / 价值观 / 愿景 */
.abt-editorial{padding:96px 0;background:var(--paper)}
.abt-rows{max-width:920px;margin:0 auto}
.abt-row{
  display:grid;grid-template-columns:140px 1fr;gap:40px;align-items:start;
  padding:40px 6px;border-top:1px solid var(--line);position:relative;z-index:1;
}
.abt-row:first-child{border-top:none;padding-top:8px}
.abt-num{
  font-family:var(--serif);font-size:60px;font-weight:700;line-height:1;color:var(--peach);
}
.abt-row--goal .abt-num{color:var(--peach)}
.abt-row--value .abt-num{color:var(--sky-deep)}
.abt-row--vision .abt-num{color:var(--green-deep)}
.abt-row-body h3{font-size:23px;color:var(--ink-strong);margin-bottom:12px;letter-spacing:1px;font-weight:800}
.abt-row-body p{font-size:15.5px;color:var(--muted);line-height:2.05;max-width:680px}

/* 愿景：与其他编辑式行完全一致，不做单独框 */

/* 响应式 */
@media(max-width:820px){
  .abt-team-inner{grid-template-columns:1fr;gap:34px;align-items:start}
  .abt-row{grid-template-columns:84px 1fr;gap:22px;padding:30px 4px}
  .abt-num{font-size:44px}
}
@media(max-width:640px){
  .abt-team{padding:64px 0}
  .abt-editorial{padding:72px 0}
  .abt-team-title{font-size:40px}
  .abt-row{grid-template-columns:1fr;gap:10px;padding:28px 2px}
  .abt-num{font-size:38px}
  .abt-row-body h3{font-size:20px}
}