/* ============================================================
   爱果儿装饰 · 主站 VI 统一皮肤层（vi-unified.css）
   ------------------------------------------------------------
   用途：把主站（www.igooo.com.cn）的视觉对齐报价站（www.igooo.top）
        的「工程方案书」设计语言，并彻底清除金黄色（hue 20–62°）。
   基准：爱果儿报价站/output/css/style.css（1181 行）
        规格来源：/tmp/VI_BASELINE.md §0 铁律 / §1 token / §2 组件配方 / §3.1 映射 / §4 金色清除
   日期：2026-09-27
   加载位置：每个页面 <head> 的**最后一个**位置（在所有 <link> 与页面内联
             <style> 之后），因此本文件天然覆盖 css/style.css 与页面内联样式。
   约束：只改观感属性（颜色/圆角/阴影/字体/间距），不改 grid 列数、display、
         DOM、元素顺序、容器宽度结构；选择器一律复用原有写法，保证覆盖。
   ============================================================ */

/* ============================================================
   §1 设计 token（最终值，与报价站一字不差）+ 主站旧别名补齐
   ============================================================ */
:root{
  /* ---- §1 品牌 ---- */
  /* 注：--brand / --brand-deep 不在此处覆盖。
     主站 style.css 里 `--brand:var(--green)`、`--brand-deep:var(--green-dark)`，
     117 个行业页各自定义 `--brand:#52E397`，均已是 §1 终值，覆盖是空操作；
     而 shop-fitout-zhanjiang.html（自包含页）把这两个名字当作「深色主色」用
     （--brand:#0F766E / --brand-deep:#143524 + 白字），
     覆盖后会变成「亮绿底 + 白字」= 2.0:1 不达标，属于把页面改坏。
     故保留各页自有值，语义相同者天然一致。 */
  --brand-text:#0F766E;     /* 浅底文字色（5.47:1）——所有品牌色文字必须用它 */
  --brand-bg:#E6FBF0;       /* 品牌浅底：胶囊/标签/hover 底 */
  --brand-grad:#17A26F;     /* 渐变大字起色（白底 3.26:1） */
  --accent:#52E397;
  --accent-deep:#2FA864;
  --brand-on-dark:#52E397;

  /* ---- §1 中性 ---- */
  --ink:#1A1A1A;
  --ink-2:#333;
  --ink-3:#666;
  --ink-4:#666666;
  --line:#EEEEEE;
  --bg:#FFFFFF;
  --bg-soft:#FAFAFA;
  --bg-card:#FFFFFF;

  /* ---- §1 深色面（仅背景/边框/图形，禁止作文字色） ---- */
  --dark:#1A1A1A;
  --dark-2:#143524;

  /* ---- §1 阴影：比主站现状轻得多，是「接近报价站」的关键 ---- */
  --shadow-sm:0 1px 3px rgba(0,0,0,.04);
  --shadow-md:0 4px 20px rgba(0,0,0,.06);
  --shadow-lg:0 12px 40px rgba(0,0,0,.08);

  /* ---- §1 圆角：只有两档 ---- */
  --radius:12px;            /* 卡片/面板/表格容器 */
  --radius-sm:8px;          /* 小元素/信息格 */

  /* ---- §1 字体 ---- */
  --mono:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;

  /* ---- §1 唯一允许的非绿非中性 ---- */
  --danger:#C0392B;         /* 5.44:1 仅用于「不接/风险」警示文字 */

  /* ================= 主站旧别名（一律指向 §1 的新值，
     避免 style.css / 112 个行业页里对旧名的引用静默失效） ================= */
  --green:#52E397;
  --green-dark:#3BC47A;
  --green-light:#D4F3E2;    /* 保留，仅装饰 */
  --green-pale:#E6FBF0;
  --green-mist:#FAFAFA;
  --black:#1A1A1A;
  --gray:#666;
  --gray-light:#EEEEEE;
  --gray-pale:#EEEEEE;
  --white:#FFFFFF;
  --bg-alt:#FAFAFA;
  --bg-2:#FAFAFA;
  --surface:#FFFFFF;
  --panel:#FFFFFF;
  --panel-2:#FAFAFA;
  --line-2:#EEEEEE;
  --line-strong:#EEEEEE;
  --ink-1:#1A1A1A;
  --ink-dim:#666;
  --ink-faint:#666666;
  --ink-teal:#0F766E;
  --ink-teal-deep:#0B3D24;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:12px;
  --r-xl:12px;
  --shadow:var(--shadow-sm);
  --shadow-green:0 10px 28px rgba(59,196,122,.34);
  --brand-pale:#E6FBF0;
  --brand-ink:#0B3D24;
  --accent-dark:#3BC47A;
  --accent-pale:#E6FBF0;
  --font-num:var(--mono);

  /* ---- §4 金黄色清除：警示色相一律并入品牌色，不再保留独立警示色相 ----
     注意 --warn 是全站**文字色** token（351 处全部写作 color:var(--warn)，
     从不用作背景或边框），因此必须取深青绿 #0F766E（白底 5.47:1 ✓）；
     若取亮青绿 #52E397 会掉到 1.64:1，文字直接不可读。
     装饰性的浅底/边框由字面值 rgba(82,227,151,…) 承担（见 §4 替换清单）。 */
  --warn:#0F766E;
  --warn-text:#0F766E;
  --warn-pale:#E6FBF0;

  /* ---- §4 清理自包含页遗留的金色 token（review.html 等） ---- */
  --gold:#52E397;
  --gold-light:#3BC47A;
  --gold-pale:#E6FBF0;
  --gold-text:#0F766E;
  --gold-soft:#3BC47A;
  --sand:#52E397;
  --sand-text:#0F766E;
  --warning:#52E397;
  --warning-text:#0F766E;
  --success:#2FA864;
  --success-text:#0B3D24;
}

/* ============================================================
   基础排版（§1 报价站口径）
   ============================================================ */
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.8;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

/* 阅读进度条（§2.12） */
.scroll-progress{
  height:2.5px;
  background:linear-gradient(90deg,var(--brand),var(--brand-deep));
}

/* ============================================================
   导航（§2.1 固定毛玻璃 64px）
   ============================================================ */
.nav{
  height:64px;
  padding:0;
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid transparent;
  box-shadow:none;
  transition:all .3s ease;
}
.nav.scrolled{
  height:64px;
  padding:0;
  border-bottom-color:var(--line);
  box-shadow:var(--shadow-sm);
}
.nav-inner{height:64px;}
.nav-inner .brand{gap:12px;}
/* 只收窄 logo 尺寸；.brand / .brand-sub 的字色交由 token（--black / --gray）
   统一，避免误伤自包含页（review.html 的 .brand 是深底白字）。 */
.brand-mark{height:30px;}
.brand:hover .brand-mark{transform:none;}

/* 菜单：20px 胶囊，hover/active 只变底与字色 */
.nav-menu a{
  color:var(--ink-3);
  font-size:13px;
  font-weight:400;
  padding:6px 14px;
  border-radius:20px;
}
.nav-menu a:hover,
.nav-menu a.active{color:var(--brand-text);background:var(--brand-bg);}
.nav-menu a.active::after{content:none;}
.nav-menu a.nav-ext{color:var(--brand-text);background:var(--brand-bg);}
.nav-menu a.nav-ext:hover{background:var(--brand);color:#1A1A1A;}
/* 副业投资合作：主站原设计用「实心绿底」做重点突出（style.css:352）。
   报价站导航：链接一律灰字，**只有 hover/active 才浮现浅绿胶囊**（style.css:73），
   右侧全站只有 1 个实心绿胶囊（电话 CTA）。
   而案例站的「副业投资 ↗」是**绿色粗体文字、无底色**（案例站 vi-unified.css:145）。
   → 主站、案例站两处统一为：绿色粗体文字，无底色；hover 才给浅绿胶囊。 */
.nav-menu a.nav-side{
  color:var(--brand-text);
  background:none;
  border-radius:20px;
  font-weight:700;
  box-shadow:none;
}
.nav-menu a.nav-side:hover{
  color:var(--brand-text);
  background:var(--brand-bg);
  transform:none;
  box-shadow:none;
}
.nav-dropdown > a{
  color:var(--ink-3);
  font-size:13px;
  font-weight:400;
  padding:6px 14px;
  border-radius:20px;
}
.nav-dropdown:hover > a{color:var(--brand-text);background:var(--brand-bg);}
.nav-dropdown-menu{border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);}
.nav-dropdown-menu a{color:var(--ink-3);}
.nav-dropdown-menu a:hover{color:var(--brand-text);background:var(--brand-bg);}

/* 导航 CTA：绿渐变胶囊 + 黑字（§2.1） */
.nav-cta{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#1A1A1A;
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  padding:9px 20px;
  border-radius:20px;
  box-shadow:0 4px 14px rgba(59,196,122,.28);
}
.nav-cta:hover{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#1A1A1A;
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(59,196,122,.36);
}
/* 导航电话：恢复为「纯深色粗体文字」—— 主站原设计如此（style.css:409
   .nav-phone{color:var(--black)}），且报价站导航只有 1 个实心绿胶囊。
   皮肤此前把它也做成了绿渐变胶囊，导致与「联系我们」并排出现两个
   一模一样的绿胶囊（渲染复检抓出）。 */
.nav-phone{
  background:none;
  color:var(--ink);
  font-size:0.95rem;
  font-weight:700;
  letter-spacing:0;
  padding:0;
  border-radius:0;
  box-shadow:none;
}
.nav-phone:hover{color:var(--brand-text);transform:none;box-shadow:none;}
.nav-phone svg{stroke:currentColor;}
.nav-right .btn{
  border-radius:20px;
  font-size:14px;
  font-weight:700;
  padding:9px 20px;
  box-shadow:0 4px 14px rgba(59,196,122,.28);
}
.nav-right .btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,196,122,.36);}
.nav-toggle span{background:var(--ink);}

/* ============================================================
   Hero（§2.2 白色 + 双光斑 —— 本站原为深色，这是最大改动）
   注意：只换「皮肤」，fib 仍保持原有 display/padding，
        行业页/自包含页的 .hero 结构（.wrap / .hero-inner）不受影响。
   ============================================================ */
.hero,
.page-hero,
.biz-hero{
  background:var(--bg);
  color:var(--ink);
  border-bottom:0;
  position:relative;
  overflow:hidden;
}
/* price.html 的 .price-hero 不在 §3.1 映射表内，保持深色面，
   仅按 §2.9 把深色渐变统一为 #1A1A1A → #143524。 */
.price-hero{
  background:linear-gradient(135deg,#1A1A1A 0%,#143524 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
/* 光斑 A：右上 */
.hero::before,
.page-hero::before,
.biz-hero::before{
  content:'';
  inset:auto;
  position:absolute;
  top:-40%;right:-20%;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(82,227,151,.09) 0%,transparent 70%);
  background-size:auto;
  opacity:1;
  pointer-events:none;
}
/* 光斑 B：左下 */
.hero::after,
.page-hero::after,
.biz-hero::after{
  content:'';
  position:absolute;
  top:auto;bottom:-30%;left:-10%;
  width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(82,227,151,.06) 0%,transparent 70%);
  pointer-events:none;
}
/* 主站首页 hero 内容居中（仅 .container 结构；行业页用 .wrap，不受影响） */
.hero > .container{position:relative;z-index:1;text-align:center;}
.hero > .container .hero-cta{justify-content:center;}
.hero .container{position:relative;z-index:1;}

/* Hero 徽章（§2.2） */
.hero-badge{
  gap:8px;
  padding:6px 16px;
  border-radius:20px;
  border:1px solid #D4F3E2;
  background:var(--brand-bg);
  color:var(--brand-text);
  font-size:12px;
  font-weight:500;
  letter-spacing:1px;
  margin-bottom:28px;
}
.hero-badge::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--brand);
  animation:igoo-pulse 2s infinite;
}
@keyframes igoo-pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.5;transform:scale(1.3);}
}

/* Hero 标题：渐变裁剪字（§2.2）。只作用于主站自己的 hero 结构 */
.hero > .container h1,
.page-hero h1,
.biz-hero h1{
  font-weight:900;
  line-height:1.18;
  letter-spacing:-1px;
  background:linear-gradient(135deg,#1A1A1A 0%,#2D2D2D 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero > .container h1 .accent,
.page-hero h1 .accent,
.biz-hero h1 .accent{
  color:var(--brand-text);
  background:linear-gradient(135deg,var(--brand-grad) 0%,var(--brand-text) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
/* Hero 副文（§3.1：16px / --ink-3 / 300） */
.hero-lead{font-size:16px;color:var(--ink-3);font-weight:300;}
.ai-summary{color:var(--ink-3);}
.hero-sub{color:var(--ink-3);}
.page-hero .lead,
.biz-hero p{color:var(--ink-3);}
.biz-hero .breadcrumb a{color:var(--ink-3);}
.scroll-hint{color:var(--ink-4);}

/* Hero 统计：§2.3 的 1px 缝隙网格（列数保持 4） */
.hero-stats{
  gap:1px;
  background:var(--line);
  border-top:0;
  border-radius:var(--radius);
  overflow:hidden;
  padding-top:0;
  box-shadow:var(--shadow-md);
}
.hero-stat{
  background:#fff;
  padding:26px 18px;
  text-align:center;
  border-right:none;
}
.hero-stat:first-child{padding-left:18px;border-right:none;}
.hero-stat:last-child{border-right:none;padding-right:18px;}
.hero-stat .num{
  font-family:var(--mono);
  font-size:34px;
  font-weight:900;
  color:var(--ink);
}
.hero-stat .num .suffix{
  font-size:15px;
  font-weight:400;
  color:var(--ink-3);
}
.hero-stat .label{font-size:12.5px;color:var(--ink-4);}

/* 施工力量深色区（index.html 内联组件）—— 深色面统一 #1A1A1A → #143524 */
.workforce-section{background:linear-gradient(135deg,#1A1A1A 0%,#143524 100%);}
.workforce-section::before{
  content:'';
  inset:auto;top:-40%;right:-20%;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(82,227,151,.1) 0%,transparent 70%);
  background-size:auto;
}
.wf-stat .label{color:rgba(255,255,255,.62);}
.wf-stat{border-right-color:rgba(255,255,255,.08);}

/* ============================================================
   按钮（§2.4）
   ============================================================ */
.btn{border-radius:12px;}
.btn--primary,
.btn--accent{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#1A1A1A;
  font-size:16px;
  font-weight:800;
  letter-spacing:.03em;
  padding:14px 34px;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(59,196,122,.34);
}
.btn--primary:hover,
.btn--accent:hover{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(59,196,122,.42);
}
.btn--dark{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#1A1A1A;
  box-shadow:0 10px 28px rgba(59,196,122,.34);
}
.btn--dark:hover{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(59,196,122,.42);
}
.btn--outline{
  background:#fff;
  border:1px solid var(--line);
  color:var(--ink-3);
  border-radius:10px;
  padding:10px 20px;
}
.btn--outline:hover{border-color:var(--brand);color:var(--brand-text);background:#fff;}
.btn--ghost{color:var(--ink-3);}
.btn--ghost:hover{color:var(--brand-text);}
.btn--sm{padding:10px 20px;font-size:.85rem;}
.btn--lg{padding:18px 40px;font-size:1.05rem;}

/* Hero 与页脚已改为白色面 —— 其中的幽灵/描边按钮必须回到深字，
   否则白字压白底。 */
.hero .btn--ghost,
.footer .btn--ghost{color:var(--ink-3);border-color:var(--line);}
.hero .btn--ghost:hover,
.footer .btn--ghost:hover{color:var(--brand-text);border-color:var(--brand);}
/* index.html 里 .btn--outline 带内联 style="color:#fff;border-color:rgba(255,255,255,.2)"，
   内联样式优先级高于任何选择器，此处必须用 !important 才能把它拉回深字，
   否则「到店看展厅」按钮在白色 hero 上完全不可见。 */
.hero .btn--outline{
  color:var(--ink-3)!important;
  border-color:var(--line)!important;
}

/* ============================================================
   章节 / 章节头（§2.5、§3.1）
   ============================================================ */
.section{background:var(--bg);}
.section--alt{background:var(--bg-soft);}
.section--pale{background:var(--bg-soft);}
.section--dark{background:linear-gradient(135deg,#1A1A1A 0%,#143524 100%);color:#fff;}
.contact-section{background:var(--bg-soft);}
.seo-box{background:var(--bg-soft);border-radius:var(--radius-sm);}

.eyebrow{
  font-family:inherit;
  font-size:12px;
  font-weight:500;
  letter-spacing:1px;
  text-transform:none;
  color:var(--brand-text);
  background:var(--brand-bg);
  padding:6px 16px;
  border-radius:20px;
}
.eyebrow::before{background:var(--brand);}
.sec-title{
  font-size:clamp(24px,3.4vw,32px);
  font-weight:700;
  letter-spacing:-.5px;
  line-height:1.3;
}
.sec-sub{
  font-size:12.5px;
  color:var(--ink-4);
  letter-spacing:.2px;
  line-height:1.9;
}

/* ============================================================
   卡片（§2.6 统一配方）+ 半径归两档
   ============================================================ */
.adv-card,
.cat-card,
.qual-card,
.story-item,
.process-item,
.invest-card,
.direction-card,
.quote-entry{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px 26px;
  transition:all .3s;
}
.adv-card:hover,
.cat-card:hover,
.qual-card:hover,
.process-item:hover,
.invest-card:hover,
.direction-card:hover,
.quote-entry:hover{
  border-color:var(--brand);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.story-grid{border:1px solid var(--line);border-radius:var(--radius);}
.story-item:hover{background:var(--brand-bg);}
/* 注：.adv-num / .invest-card .num-badge 是 style.css 里既有的「近隐形水印数字」
   （color:--green-pale #E6FBF0，hover 才转 --ink-teal）。属绿色系、与金黄色无关，
   且是本站既有设计意图，故不在皮肤层改动，交由 style.css 原样生效。 */

.process-item:hover::before{color:var(--brand-text);}
.cat-card:hover .cat-icon,
.story-item:hover .story-icon{background:var(--brand);}
.case-card,
.quote-entry{border-radius:var(--radius);}
.case-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);}
.case-card:hover{box-shadow:var(--shadow-md);}
.case-card img{background:var(--bg-soft);}
.quote-entry{border-color:var(--line);}
.quote-entry:hover{border-color:var(--brand);box-shadow:var(--shadow-md);}
.quote-entry-count{color:var(--brand-text);background:var(--brand-bg);border-radius:20px;}
.biz-nav-card{border-top-color:var(--brand);border-radius:var(--radius);}
.biz-nav-card:hover{border-top-color:var(--brand);box-shadow:var(--shadow-md);}
.biz-cat{border-radius:var(--radius);}
.biz-cat-head{background:var(--bg-soft);}
.biz-tag:hover{border-color:var(--brand);background:var(--brand);color:#1A1A1A;}
.biz-cat .biz-toggle{background:var(--bg-soft);border:1px dashed var(--brand);color:var(--brand-text);}
.biz-cat .biz-toggle:hover{background:var(--brand);color:#1A1A1A;border-style:solid;}

/* ============================================================
   表格（§2.7）
   ============================================================ */
.faq-overview{border-radius:var(--radius);}
.faq-overview-card table{border-collapse:collapse;font-size:13.5px;}
.faq-overview-card th{
  padding:13px 16px;
  font-weight:500;
  font-size:11.5px;
  letter-spacing:.5px;
  background:var(--bg-soft);
  color:var(--ink-3);
  border-bottom:2px solid var(--line);
}
.faq-overview-card td{
  padding:12px 16px;
  color:var(--ink-2);
  border-bottom:1px solid var(--line);
}
.faq-overview-card{border-radius:var(--radius-sm);}

/* ============================================================
   FAQ（§2.10）
   ============================================================ */
.faq-item,
.faq-list details{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.faq-item:hover,
.faq-list details:hover{border-color:var(--line);box-shadow:var(--shadow-md);}
.faq-item.active,
.faq-list details[open]{border-color:var(--brand);}
.faq-q,
.faq-list summary{
  padding:15px 20px;
  font-size:14px;
  font-weight:600;
  color:var(--ink);
}
.faq-q:hover,
.faq-list summary:hover{color:var(--brand-text);}
.faq-item.active .faq-q,
.faq-list details[open] summary{color:var(--brand-text);}
.faq-q-icon{
  width:26px;height:26px;border-radius:50%;
  background:var(--brand-bg);
  color:var(--brand-text);
}
.faq-q-icon svg{stroke:currentColor;}
.faq-a-inner{
  padding:0 20px 16px;
  font-size:13.5px;
  color:var(--ink-3);
  line-height:1.8;
}
.faq-list summary::before{
  background:var(--brand-bg);
  color:var(--brand-text);
  border-radius:50%;
  width:26px;height:26px;
  padding:0;
  display:inline-flex;align-items:center;justify-content:center;
}
.faq-list .faq-a{color:var(--ink-3);font-size:13.5px;}
.faq-list .faq-a strong{color:var(--brand-text);}
.faq-group-title{border-bottom:2px solid var(--brand);}
.faq-filter{border-radius:20px;}
.faq-filter:hover{border-color:var(--brand);color:var(--brand-text);}
.faq-filter.active{background:var(--brand);color:#1A1A1A;border-color:var(--brand);}
.faq-region-nav a{color:var(--ink-3);border:1px solid var(--line);border-radius:6px;}
.faq-region-nav a:hover{color:var(--brand-text);border-color:var(--brand);background:var(--brand-bg);}
.faq-region-nav a.current{color:#1A1A1A;background:var(--brand);border-color:var(--brand);}
.faq-page-hero h1{color:var(--ink);}

/* ============================================================
   CTA 横幅 / 深色面（§2.9：深色渐变只能是 #1A1A1A → #143524）
   说明：.cta-band 为整幅 section（布局含 container，动 display 会改变
   容器宽度结构），因此保留原 block 布局，仅统一渐变、光斑与文字层级。
   ============================================================ */
.cta-band{
  background:linear-gradient(135deg,#1A1A1A 0%,#143524 100%);
  color:#fff;
}
.cta-band::before{
  content:'';
  inset:auto;top:-60%;right:-10%;
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(82,227,151,.16) 0%,transparent 70%);
  background-size:auto;
  pointer-events:none;
}
.cta-band p{color:rgba(255,255,255,.55);}
.cta-band .btn{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#1A1A1A;
  box-shadow:0 8px 24px rgba(82,227,151,.22);
}
.cta-band .btn:hover{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  box-shadow:0 12px 30px rgba(82,227,151,.3);
}
/* 行内深色容器（<section style="background:var(--black)"> 等） */
[style*="background:var(--black)"],
[style*="background: var(--black)"]{
  background:linear-gradient(135deg,#1A1A1A 0%,#143524 100%)!important;
}
/* 上述深色带内用内联 style="color:var(--ink-teal)"（#0F766E，浅底专用）着色的文字
   （material.html:584 / price.html:118），在深底上仅 2.8:1，必须换成亮品牌绿。
   内联 style 只能用 !important 覆盖。 */
[style*="background:var(--black)"] [style*="color:var(--ink-teal)"],
[style*="background: var(--black)"] [style*="color: var(--ink-teal)"]{
  color:var(--brand)!important;
}
.marquee{
  background:linear-gradient(135deg,#1A1A1A 0%,#143524 100%);
  border-top:1px solid rgba(82,227,151,.1);
  border-bottom:1px solid rgba(82,227,151,.1);
}

/* ============================================================
   页脚（§2.11 极简）+ 平台矩阵
   ============================================================ */
.footer{
  background:var(--bg-soft);
  color:var(--ink-4);
  border-top:1px solid var(--line);
  font-size:12.5px;
}
.footer img{height:30px;margin-bottom:16px;}
.footer .brand{color:var(--ink);}
.footer .brand .brand-sub{color:var(--ink-4);}
.footer-brand .brand .brand-sub{color:var(--ink-4);}
.footer-col h4{color:var(--ink);font-size:.9rem;}
.footer-col ul li a,
.footer-contact span,
.footer-contact a,
.footer-bottom,
.footer-bottom a,
.footer-brand p{color:var(--ink-4);}
.footer-col ul li a:hover,
.footer-contact a:hover,
.footer-bottom a:hover{color:var(--brand-text);}
.footer-contact svg{stroke:var(--ink-4);}
.footer-bottom{border-top:1px solid var(--line);}
/* 页脚内联样式（仅 index/business/material/price/side/faq/train_* 共 10 页存在）：
   <a style="color:var(--green)">案例资讯</a>（白底 1.57:1）、
   <a style="color:#6b6b6b">…</a> / <span style="color:#6b6b6b">最后更新…</span>（白底 2.73:1）。
   内联 style 优先级高于任何选择器，只能用 !important 覆盖——这是唯一手段。 */
.footer-col ul li a[style*="color:#6b6b6b"],
.footer-bottom [style*="color:#6b6b6b"]{color:var(--ink-4)!important;}
.footer-col ul li a[style*="var(--green)"]{color:var(--brand-text)!important;}
.platform-strip{border-bottom:1px solid var(--line);}
.platform-label{color:var(--ink-4);}
.platform-strip a{color:var(--brand-text);}
.plat-icons{border-bottom:1px solid var(--line);}
.plat-name{color:var(--ink-4);}
.plat-label{color:var(--ink-4);}
.plat-ico:hover .plat-name,
.plat-ico:focus .plat-name{color:var(--brand-text);}
.plat-pop{border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);}
.plat-pop-title{border-bottom:1px solid var(--line);color:var(--ink-4);}
.plat-pop a{color:var(--ink-2);border-radius:6px;}
.plat-pop a:hover{background:var(--brand-bg);color:var(--brand-text);}

/* ============================================================
   浮动客服（§3.1：圆 + --shadow-lg；phone 改绿渐变）
   ============================================================ */
.float-btn{border-radius:50%;box-shadow:var(--shadow-lg);}
.float-btn--phone{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#1A1A1A;}
.float-btn--phone:hover{background:linear-gradient(135deg,var(--brand-deep),var(--brand));}
.float-btn--phone::before{border-color:var(--brand);}
.float-btn--top{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
}
.float-btn--top:hover{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep);}
.float-tip{background:var(--ink);color:#fff;border-radius:var(--radius-sm);}
.float-tip::after{border-left-color:var(--ink);}

/* ============================================================
   信任矩阵（§3.1：单色 --ink-3，hover --brand-text）
   ============================================================ */
.trust-section{background:var(--bg);}
.trust-item{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  color:var(--ink-3);
  box-shadow:none;
}
.trust-item::before{background:linear-gradient(135deg,rgba(82,227,151,.06),transparent 60%);}
.trust-item:hover{border-color:var(--brand);box-shadow:var(--shadow-md);}
.trust-icon{color:var(--ink-3);}
.trust-item:hover .trust-icon{color:var(--brand-text);}
.trust-name{color:var(--ink);}
.trust-status{color:var(--ink-4);}
.trust-dot{background:var(--brand);}
.trust-pop{border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);}
.trust-pop a{color:var(--ink-2);border-radius:6px;}
.trust-pop a:hover{background:var(--brand-bg);color:var(--brand-text);}

/* ============================================================
   统计条 / 面包屑 / 其他通用件
   ============================================================ */
/* .stats-bar / .biz-stats 原为深色 hero 内的白线分栏，hero 转白后统一成
   §2.3 的 1px 缝隙网格（列数保持 4） */
.stats-bar,
.biz-stats{
  gap:1px;
  background:var(--line);
  border-top:0;
  border-radius:var(--radius);
  overflow:hidden;
  padding-top:0;
  box-shadow:var(--shadow-md);
}
.stats-bar .stat,
.biz-stat{
  background:#fff;
  padding:26px 18px;
  text-align:center;
  border-right:none;
}
.stats-bar .stat:first-child,
.biz-stat:first-child{padding-left:18px;border-right:none;}
.stats-bar .stat:last-child,
.biz-stat:last-child{border-right:none;padding-right:18px;}
.stats-bar .stat .num,
.biz-stat .num{
  font-family:var(--mono);
  font-size:34px;
  font-weight:900;
  color:var(--ink);
}
.stats-bar .stat .num .suffix,
.biz-stat .num .suffix{font-size:15px;font-weight:400;color:var(--ink-3);}
.stats-bar .stat .label,
.biz-stat .label{font-size:12.5px;color:var(--ink-4);}

.breadcrumb{color:var(--ink-4);}
.breadcrumb a{color:var(--ink-3);}
.breadcrumb a:hover{color:var(--brand-text);}
.breadcrumb span.current{color:var(--ink);}

/* ============================================================
   表单 / 其他
   ============================================================ */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus,
.faq-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(82,227,151,.18);}
.contact-form{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius);}
.contact-list svg{stroke:var(--brand-deep);}
.contact-list .label{color:var(--ink-4);}
.contact-list .value a:hover{color:var(--brand-text);}
.contact-info .eyebrow{color:var(--brand-text);}
.skip-link{background:var(--ink);color:#fff;}

/* ============================================================
   §3.1 兜底：112 个行业页 + 自包含页（.hero / .foot 作用域）
   这些页面在自身 <style> 里用 .hero 与 .foot 重声明了一整套深色 token。
   hero 转白后必须整体翻转该作用域的 token，否则会出现白字压白底。
   （本文件在页面内联 <style> 之后加载，同优先级后加载者胜）
   ============================================================ */
.hero,
.foot{
  --bg:#FFFFFF;  --bg-2:#FAFAFA;
  --panel:#FFFFFF; --panel-2:#FAFAFA;
  --line:#EEEEEE;  --line-strong:#EEEEEE;
  --ink:#1A1A1A;   --ink-dim:#666; --ink-faint:#666666;
  --brand:#52E397; --brand-text:#0F766E;
  --brand-deep:#3BC47A; --brand-pale:#E6FBF0; --brand-ink:#0B3D24;
  --warn:#0F766E;  --warn-text:#0F766E; --warn-pale:#E6FBF0;
  color:var(--ink);
}
.hero{background:var(--bg);border-bottom:0;}
.foot{background:var(--bg-soft);border-top:1px solid var(--line);}
.foot-meta{border-top-color:var(--line);}
.foot .brand-sub{color:var(--ink-4);}

/* 行业页顶栏 .topbar（117 页）：与主站 .nav 同一套白毛玻璃口径。
   必须显式覆盖，因为 zhanjiang-districts.html（唯一深色主题自包含页）里
   .topbar 写死了 rgba(13,13,13,.92)，皮肤把该页翻成浅底后会变成「深底深字」。 */
.topbar{
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--line);
}

/* 行业页 hero 内原先靠「深底亮绿」成立的三处文字，转浅底后必须换深青绿 */
.hero-kicker{color:var(--brand-text);}
.hero-data .num{color:var(--brand-text);}
.hero-data .unit{color:var(--brand-text);}
.hero h1 em,
.hero h1 .accent{
  color:var(--brand-text);
  background:linear-gradient(135deg,var(--brand-grad) 0%,var(--brand-text) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero p{color:var(--ink-3);}
.hero .highlight{color:var(--brand-text);}
.hero-inner p{color:var(--ink-3);}

/* §4 行业页唯一的金色字面值：.quote-card .cnt */
.quote-card .cnt{
  color:var(--brand-text);
  background:var(--brand-bg);
  border-color:rgba(82,227,151,.34);
}

/* 117 个行业页已自行把这两处写成 var(--brand-text)（浅底 5.47:1）；
   但 zhanjiang-districts.html（旧写法）用的是 var(--brand) = #52E397，
   白底仅 1.64:1。此处统一钉成 --brand-text：对前者是空操作，对后者是修复。 */
.intro-card .k,
.foot .about .tag{color:var(--brand-text);}

/* §4 自包含页唯一残留的金色底：shop-fitout-zhanjiang.html 的表格偶行
   其表格偶行的米金色底（hue 43.6° / sat 40.7%，属金黄色，hex 故意不在此写出）。
   报价站基准的表格无斑马纹（仅 hover 用 --brand-bg），故此处去斑马纹。
   作用域限定为「.wrap 内、无 class 的 table」——全站仅该页命中（sop.html 的
   无 class 表格不在 .wrap 内），零外溢；其余 117 页表格带 .diff-table 类，不受影响。 */
.wrap table:not([class]) tr:nth-child(even) td{background:transparent;}

/* §4 自包含页（review.html 等）金色字面值兜底 */
.btn-primary{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#1A1A1A;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(59,196,122,.34);
}
.btn-primary:hover{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  box-shadow:0 14px 34px rgba(59,196,122,.42);
}
.review-tag.verified{
  background:var(--brand-bg);
  color:var(--brand-text);
  border:1px solid #D4F3E2;
}
.review-type-badge.neutral{background:rgba(82,227,151,.08);color:var(--brand-text);}
.radio-item.active,
.checkbox-item.active{
  border-color:var(--brand);
  background:var(--brand-bg);
  color:var(--ink);
}
.review-stars .star,
.stat-number .gold,
.star-input .star-btn:hover,
.star-input .star-btn.active{color:var(--brand-text);}
.filter-btn:hover{border-color:var(--brand);color:var(--brand-text);}
.review-card.neutral::before{background:var(--brand);}
.loading-spinner{border-top-color:var(--brand);}
/* review.html 的 .btn-secondary 是为深色 hero 设计的（半透白底 + 白字），
   hero 转白后必须回到浅底按钮形态 */
.btn-secondary{
  background:#fff;
  color:var(--ink-3);
  border:1px solid var(--line);
  border-radius:10px;
  padding:14px 34px;
  font-size:16px;
  font-weight:500;
}
.btn-secondary:hover{background:#fff;border-color:var(--brand);color:var(--brand-text);}
/* shop-fitout-zhanjiang.html：--sand 被用作文字色（.faq-a::before 的「A 」前缀），
   按 §1「品牌色文字一律用 --brand-text」保底可读 */
.faq-a::before{color:var(--brand-text);}

/* ============================================================
   响应式（§2.12：断点 960 / 768，stats 改 2 列，字号降档）
   ============================================================ */
@media (max-width:1024px){
  .adv-card,
  .cat-card,
  .qual-card,
  .story-item,
  .process-item,
  .invest-card,
  .direction-card,
  .quote-entry{padding:22px 20px;}
  .stats-bar,
  .biz-stats{grid-template-columns:repeat(2,1fr);gap:1px;}
  .stats-bar .stat,
  .biz-stat{border-right:none;padding:24px 16px;}
}
@media (max-width:960px){
  .hero-stats{gap:1px;}
}
@media (max-width:768px){
  .nav{height:56px;padding:0;}
  .nav.scrolled{height:56px;padding:0;}
  .nav-inner{height:56px;}
  .nav-inner .brand-mark{height:26px;}
  .nav-phone{padding:7px 14px;font-size:13px;}
  .nav-right .btn{padding:7px 14px;font-size:13px;}
  .hero-stats{gap:1px;}
  .hero-stat{padding:20px 14px;}
  .hero-stat .num{font-size:26px;}
  .hero-stat .num .suffix{font-size:13px;}
  .stats-bar,
  .biz-stats{gap:1px;}
  .stats-bar .stat,
  .biz-stat{padding:20px 14px;}
  .stats-bar .stat .num,
  .biz-stat .num{font-size:26px;}
  .sec-title{font-size:clamp(21px,5.4vw,26px);}
  .footer{padding:40px 18px 28px;}
}
@media (max-width:480px){
  .hero-stats,
  .stats-bar,
  .biz-stats{gap:1px;}
  .hero-stat{padding:22px 16px!important;border-right:none!important;}
  .stats-bar .stat,
  .biz-stat{padding:22px 16px!important;border-right:none!important;}
}
@media (prefers-reduced-motion:reduce){
  .hero-badge::before{animation:none;}
}

/* ============================================================
   打印（§2.12 / 报告站口径）
   ============================================================ */
@media print{
  .nav,
  .float-contact,
  .nav-overlay,
  .scroll-progress,
  .cta-band{display:none!important;}
  .hero::before,
  .hero::after,
  .page-hero::before,
  .page-hero::after,
  .biz-hero::before,
  .biz-hero::after,
  .workforce-section::before{display:none!important;}
  .hero > .container h1,
  .page-hero h1,
  .biz-hero h1{
    background:none;
    -webkit-text-fill-color:currentColor;
    color:var(--ink);
  }
  .reveal{opacity:1!important;transform:none!important;}
  body{color:#000;background:#fff;}
}

/* ============================================================
   19. 第二轮补遗（2026-09-27 · 渲染层逐元素实证抓出的漏网项）
   ------------------------------------------------------------
   来源：/tmp/offender_scan.py 在 1440 视口把每个可见元素的
        backgroundColor / 字体 / 圆角与 §1 规范逐项比对，
        抓出主站仍有 3 处越界，此处一并收敛。
   ============================================================ */

/* 19.1 --font-en 未覆盖 → 数字仍落在 Inter（非 VI 字体）
   报价站所有数字一律走等宽栈（.stat-num / .q-total b /
   .cost-table .num 全部 font-family:var(--mono)）。
   故把主站的英文字体别名重指向等宽栈；--font-num 随之取值。 */
:root{
  --font-en:var(--mono);
  --font-num:var(--mono);
}

/* 19.2 #fafafa（非 VI 灰，比 --bg-soft 深一档）→ 统一 --bg-soft #FAFAFA
   出现在首页 .compare-col--normal（现状对比栏的左栏）。 */
.compare-col--normal{background:var(--bg-soft);}

/* 19.3 信任矩阵里的 SVG 文字走浏览器默认 Arial → 收回 VI 字体栈 */
svg text{font-family:var(--font-cn);}

/* 19.4 自包含页残留的非规范圆角（§1 只允许 12px / 8px / 20px 胶囊三档）
   —— 三处均由渲染层实测抓出，各页独立定义、皮肤未覆盖： */

/* review.html 提价按钮：30px → 12px（对齐 §2.4 主按钮） */
.btn-submit,
.btn-primary,
.btn--dark{border-radius:12px;}

/* 112 个行业页的 .hero-fig 把圆角写在行内 style="border-radius:14px" 上，
   行内声明只能被 !important 覆盖 → 14px 收敛为 12px */
.hero-fig{border-radius:12px!important;}

/* shop-fitout-zhanjiang.html 的 a.cta：4px 圆角，且该页自行把 --brand-deep
   定义成了非 VI 的深墨青 #143524（实测 rgb(11,46,42)）。
   按 §2.4 恢复为品牌绿渐变 + 黑字 + 10px 圆角。 */
.wrap .cta{
  border-radius:10px;
  background:linear-gradient(135deg,#52E397,#3BC47A)!important;
  color:#1A1A1A!important;
}

/* ============================================================
   §20 2026-09-27 补遗（元素级截图 + 渲染层实测抓出）
   ============================================================ */

/* 20.1 全站页脚品牌标记「掉字」—— P0
   footer 用的是 logo-mark-inverse.png（深底专用版：i 的点、g 的尾巴是白色）。
   页脚底色已是 --bg-soft(#FAFAFA)，白色部件在白底上整体消失，
   用户看到的是缺了「i 的点」和「g 的尾巴」的残标。
   已用元素级截图对比导航 logo 确认（导航完整、页脚残缺）。
   不改 HTML（避免动结构），用 content 换回标准版素材。 */
.footer-brand .brand-mark,
.footer .brand-mark,
.site-footer .footer-mark,
.foot .brand-mark{          /* ← 117 个行业页用的是 <footer class="foot">，
                               与首页的 .footer 是两套模板，上一版漏掉了 */
  content:url("../images/logo-mark.png");
}
/* 反例：sop.html 的页脚 .sop-footer 是内联深底(--ink)，
   深底用 inverse 版才是正确的 —— 上面这条规则按类名精确限定，不会误伤。 */

/* 20.2 无障碍跳转链接每页露头 —— P0
   .skip-link 是 position:absolute; top:-40px，但自身高 43px，
   于是每一页左上角恒定露出 3px 黑条。推到 -48px 完全藏住，
   :focus{top:0} 无障碍行为不变。 */
.skip-link{top:-48px;}

/* 20.3 review.html 自包含页：头部/页脚由「深底白字」翻转为基准样式
   该页在自己的 <style> 里用 --ink 把 .site-header/.site-footer 写死成深底，
   与主站其余 131 页（白毛玻璃导航 + 浅色页脚）正好相反。

   ⚠️ 必须用 :has(> .header-inner) 限定作用域，不能裸写 .site-header：
   .site-header 是主站共用类，其内部包着 .nav{position:fixed}；
   而 backdrop-filter 会给后代 fixed 元素创建「包含块」→
   导航会随滚动跑掉（实测 scrollY=600 时 .nav.top 变成 -600，
   完全脱离视口）。.header-inner 只出现在 review.html 一个文件里。 */
.site-header:has(> .header-inner){
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  color:var(--ink);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.site-header:has(> .header-inner) .brand,
.site-header:has(> .header-inner) .brand-text,
.site-header:has(> .header-inner) .brand:hover{color:var(--ink);}
.site-header:has(> .header-inner) .brand-sub{color:var(--ink-4);}
.site-header:has(> .header-inner) .brand-logo{background:transparent;padding:0;}
.site-header:has(> .header-inner) .nav-links a{
  color:var(--ink-3);font-size:13px;padding:6px 14px;border-radius:20px;
}
.site-header:has(> .header-inner) .nav-links a:hover{
  color:var(--brand-text);background:var(--brand-bg);text-decoration:none;
}
.site-header:has(> .header-inner) .nav-links a.active{
  color:var(--brand-text);background:var(--brand-bg);font-weight:500;
}
.site-header:has(> .header-inner) .mobile-menu-btn span{background:var(--ink);}
@media (max-width:768px){
  .site-header:has(> .header-inner) .nav-links.open{
    background:#FFFFFF;border-top:1px solid var(--line);
    box-shadow:0 14px 28px rgba(26,26,26,.08);
  }
  .site-header:has(> .header-inner) .nav-links.open a{border-bottom:1px solid var(--line);}
}
.site-footer{
  background:var(--bg-soft);
  color:var(--ink-3);
  border-top:1px solid var(--line);
}
.site-footer a{color:var(--brand-text);}
.site-footer a:hover{color:var(--brand-deep);}


/* ============================================================
   §21 2026-09-28 行业页横向互链网（相关业态）
   作用域：全站通用类 .igoo-relmesh —— 禁止用页面区块 id 限定，
   同一段 HTML 需在 112 个不同 id 的页面上复用。
   栅格用 auto-fit minmax(px,1fr)；中文 1fr 的 min-width:auto 会撑爆，
   故在 li 上设 min-width:0。
   ============================================================ */
.igoo-relmesh{
  background:linear-gradient(135deg,#0B2E2A 0%,#0E5E55 55%,#116B60 100%);
  color:#EAF6F3;
  padding:44px 0 40px;
  border-top:1px solid var(--line,#EEEEEE);
}
.igoo-relmesh-in{
  max-width:var(--container,1120px);
  margin:0 auto;
  padding:0 24px;
}
.igoo-relmesh-title{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.4;
  font-weight:600;
  color:#FFFFFF;
}
.igoo-relmesh-lead{
  margin:0 0 18px;
  font-size:14px;
  line-height:1.75;
  color:rgba(234,246,243,.75);
}
.igoo-relmesh-list{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  list-style:none;
  margin:0;
  padding:0;
}
.igoo-relmesh-list li{min-width:0;}
.igoo-relmesh-list a{
  display:block;
  padding:12px 16px;
  border-radius:var(--radius-sm,8px);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(82,227,151,.28);
  color:#EAF6F3;
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.igoo-relmesh-list a::after{
  content:"\2192";
  float:right;
  opacity:.5;
  font-size:12px;
}
.igoo-relmesh-list a:hover,
.igoo-relmesh-list a:focus{
  background:rgba(82,227,151,.18);
  border-color:#52E397;
  color:#FFFFFF;
  transform:translateY(-1px);
  text-decoration:none;
}
.igoo-relmesh-list a.igoo-relmesh-all{
  background:rgba(82,227,151,.14);
  border-color:rgba(82,227,151,.5);
  color:#FFFFFF;
  font-weight:500;
}
.igoo-relmesh-list a.igoo-relmesh-case{
  background:rgba(184,147,90,.14);
  border-color:rgba(184,147,90,.55);
  color:#F3E4CC;
}
.igoo-relmesh-list a.igoo-relmesh-case::after{content:"\2197";}
.igoo-relmesh-list a.igoo-relmesh-case:hover,
.igoo-relmesh-list a.igoo-relmesh-case:focus{
  background:rgba(184,147,90,.26);
  border-color:#B8935A;
  color:#FFFFFF;
}
@media (max-width:600px){
  .igoo-relmesh{padding:34px 0 30px;}
  .igoo-relmesh-in{padding:0 16px;}
  .igoo-relmesh-list{grid-template-columns:1fr;}
}
@media print{
  .igoo-relmesh{display:none!important;}
}