/* ============================================================
 * 白桦 · 光影层 theme.css  v1（20260918）
 * ------------------------------------------------------------
 * 本次要解决的三件事（客户原话：动画效果 / 界面背景 / 主题）
 *   ① 界面背景：从「一层奶油底 + 一条 62px 竖线」升级为三层景深——
 *      桦皮横纹纸底（内联 SVG，零请求）＋ 暖光斑极慢漂移 ＋ 林间光柱
 *   ② 动画效果：只讲一件事——「光在动，林在呼吸，字在浮现」。
 *      首屏做环境级动效（树摆 / 雾移 / 光柱 / 光晕），板块做编排级入场
 *      （装饰件生长 → 眉标揭幕 → 标题金线），卡片做错开浮现。
 *   ③ 主题：把设计令牌补全为「纸 / 墨 / 金 / 绿」四级 + 五色（金木水火土），
 *      并把暖瞬间（--gold 系）确立为唯一的强调色来源。
 *
 * 三条硬约束（沿用 motion.css 的纪律）
 *   · 零外部请求：全部纯 CSS ＋ 内联 SVG data URI，不引任何库。
 *   · 不动既有文件：index.html 只加「一个背景层 div ＋ 本文件 ＋ theme.js」
 *     三行；bundle.js / birch3.* / fixes.js / motion.* 一律不碰。
 *   · 可一键回滚：删掉这三行与本文件即可，页面回到原样。
 *
 * 安全设计
 *   · 所有「待入场隐藏态」都挂在 html.b-theme 之下 —— theme.js 若不执行
 *     （或用户开了减弱动效），该类不会被添加，内容始终可见，无白屏风险。
 *   · 入场动画只走 opacity / translate / scale / filter 独立通道，
 *     绝不用 transform —— 因为站内卡片把:hover 的抬升写在了 transform 上，
 *     用 transform 会互相覆盖（这是本次最容易踩的坑）。
 *   · 所有常驻动画只用 transform / opacity / background-position，
 *     不动画 box-shadow / width / height，避免每帧重绘。
 * ============================================================ */

/* ---------- 0) 令牌补全（只加不改，既有变量一律沿用） ---------- */
:root{
  /* 0.1 四级色阶：纸 → 墨 → 金 → 绿 */
  --b-paper:#EFEBE1;
  --b-paper-2:#F7F4EC;
  --b-card:#FBFAF6;
  --b-ink:#16150F;
  --b-ink-2:#3A382F;
  --b-ash:#8B8579;
  --b-line:#E2DCCB;
  --b-gold:#B08D5A;
  --b-gold-2:#C9A96E;
  --b-gold-3:#8F6F3C;
  --b-green:#4A7C59;
  --b-green-d:#2F4A38;
  --b-night:#1C2A22;
  --b-cream:#FAF8F3;
  --b-birch:#F4F1EA;

  /* 0.2 五行五色（把站内内联色收编为令牌，供五行板块与后续复用） */
  --wx-metal:#C7A85C;   /* 金 · 通透 */
  --wx-wood:#5E8F6E;    /* 木 · 生长 */
  --wx-water:#5B7FA6;   /* 水 · 流动 */
  --wx-fire:#B4553F;    /* 火 · 温热 */
  --wx-earth:#A9855B;   /* 土 · 承载 */

  /* 0.3 环境动效节奏（与 motion.css 的 --dur-* 分工：
         那边管交互时长，这边管环境周期，最长 46s，只做「几乎察觉不到」） */
  --b-t-drift:46s;   /* 环境光斑漂移 */
  --b-t-sway:23s;    /* 桦树摆动 */
  --b-t-ray:27s;     /* 林间光柱 */
  --b-t-glow:13s;    /* 光晕呼吸 */
  --b-t-sheen:9s;    /* 橱窗流光 */

  /* 0.4 缓动（沿用 motion.css 的 --ease-decel，缺失时兜底） */
  --b-ease:cubic-bezier(.16,1,.3,1);
  --b-ease-soft:cubic-bezier(.65,0,.35,1);
  --b-ease-spring:cubic-bezier(.34,1.56,.64,1);
}

/* ---------- 1) 界面背景 · 三层景深 ---------- */

/* 1.1 环境层本体：固定满屏、不接收指针、位于内容之下。
       放在 <body> 的第一个子元素，因此后出现的定位元素都在它之上
       （与站内 body:before 的绘制顺序一致）。 */
.b-atmos{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  contain:strict;
}

/* 1.2 桦皮纸纹：横向短纹（内联 SVG，240×170 一块平铺）
       白桦树皮的特征就是横向皮孔 —— 这比任何抽象底纹都更像「白桦」。 */
.b-atmos:before{
  content:"";
  position:absolute;
  inset:-10%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='170'%3E%3Cg stroke='%23786854' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M18 22h96' stroke-opacity='.075'/%3E%3Cpath d='M142 22h58' stroke-opacity='.05'/%3E%3Cpath d='M40 66h124' stroke-opacity='.07'/%3E%3Cpath d='M0 66h22' stroke-opacity='.045'/%3E%3Cpath d='M76 110h88' stroke-opacity='.065'/%3E%3Cpath d='M196 110h44' stroke-opacity='.04'/%3E%3Cpath d='M8 138h64' stroke-opacity='.06'/%3E%3Cpath d='M108 138h70' stroke-opacity='.045'/%3E%3Cpath d='M62 8h74' stroke-opacity='.05'/%3E%3Cpath d='M150 152h52' stroke-opacity='.04'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  opacity:.9;
}
html.b-theme .b-atmos:before{animation:bAtmosPan 90s linear infinite}
@keyframes bAtmosPan{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-240px,-170px,0)}
}

/* 1.3 暖光斑：三团极慢漂移的暖色光（暖瞬间的常驻暗示）。
       用 blur 做柔化，位移很小 —— 目的是「页面在呼吸」，不是炫技。 */
.b-atmos i{
  position:absolute;
  display:block;
  border-radius:50%;
  filter:blur(70px);
  will-change:transform,opacity;
  transform:translateZ(0);
}
.b-atmos .b-a1{
  top:-12%; right:-6%; width:52vmax; height:52vmax;
  background:radial-gradient(circle,rgba(201,169,110,.20),transparent 62%);
  animation:bAtmosFloatA var(--b-t-drift) var(--b-ease-soft) infinite alternate;
}
.b-atmos .b-a2{
  bottom:-18%; left:-10%; width:46vmax; height:46vmax;
  background:radial-gradient(circle,rgba(94,143,110,.14),transparent 64%);
  animation:bAtmosFloatB var(--b-t-drift) var(--b-ease-soft) infinite alternate;
  animation-duration:58s;
}
.b-atmos .b-a3{
  top:34%; left:38%; width:38vmax; height:38vmax;
  background:radial-gradient(circle,rgba(255,246,226,.55),transparent 66%);
  animation:bAtmosFloatC calc(var(--b-t-drift) * .8) var(--b-ease-soft) infinite alternate;
}
@keyframes bAtmosFloatA{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-5vw,4vh,0) scale(1.12)}
}
@keyframes bAtmosFloatB{
  from{transform:translate3d(0,0,0) scale(1.08)}
  to{transform:translate3d(4vw,-3vh,0) scale(1)}
}
@keyframes bAtmosFloatC{
  from{transform:translate3d(-2vw,0,0) scale(.96);opacity:.7}
  to{transform:translate3d(3vw,-2vh,0) scale(1.06);opacity:1}
}

/* 1.4 深色区（故事 / 养护 / 来信）自带不透明底，环境层透不过来，
       只需把三块暗色区抬到环境层之上即可（站点自带 #brand section{position:relative}）。 */
#brand .b-story,
#brand .b-care,
#brand .b-letters{position:relative;z-index:1}

/* ---------- 2) 首屏 · 让光和林动起来 ---------- */

/* 2.1 林间光柱：三道斜向柔光缓慢扫过（首屏最大的观感提升）。
       .b-hero 自带 overflow:hidden，所以 inset 负值安全；
       .b-hero-inner 的 z-index:2 保证文字永远在光之上。 */
#brand .b-hero:after{
  content:"";
  position:absolute;
  inset:-25% -15%;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(16deg,transparent 40%,rgba(233,214,170,.11) 45%,transparent 51%),
    linear-gradient(16deg,transparent 56%,rgba(233,214,170,.075) 62%,transparent 68%),
    linear-gradient(16deg,transparent 70%,rgba(233,214,170,.06) 76%,transparent 82%);
  filter:blur(13px);
  will-change:transform,opacity;
  animation:bRays var(--b-t-ray) var(--b-ease-soft) infinite alternate;
}
@keyframes bRays{
  from{transform:translate3d(-4%,0,0) ;opacity:.5}
  to{transform:translate3d(5%,1.5%,0);opacity:.95}
}

/* 2.2 桦树摆动：每棵各自错开周期与相位，避免「整齐划一」的假感。
       以树根为轴，幅度只有 ±1.1deg —— 看得出来在动，但不会分心。 */
#brand .b-hero-forest svg{
  transform-origin:50% 100%;
  will-change:transform;
  animation:bTreeSway var(--b-t-sway) ease-in-out infinite alternate;
}
@keyframes bTreeSway{
  from{transform:rotate(-1.1deg)}
  to{transform:rotate(1.1deg)}
}
#brand .b-hero-forest svg:nth-child(1){animation-duration:23s;animation-delay:-2s;transform-origin:52% 100%}
#brand .b-hero-forest svg:nth-child(2){animation-duration:29s;animation-delay:-8s;transform-origin:48% 100%}
#brand .b-hero-forest svg:nth-child(3){animation-duration:25s;animation-delay:-5s;transform-origin:50% 100%}
#brand .b-hero-forest svg:nth-child(4){animation-duration:31s;animation-delay:-12s;transform-origin:49% 100%}
#brand .b-hero-forest svg:nth-child(5){animation-duration:26s;animation-delay:-3s;transform-origin:53% 100%}
#brand .b-hero-forest svg:nth-child(6){animation-duration:28s;animation-delay:-16s;transform-origin:47% 100%}

/* 2.3 地面雾气横向漂移 */
#brand .b-hero-mist{
  will-change:transform;
  animation:bMistDrift calc(var(--b-t-drift) * 1.1) ease-in-out infinite alternate;
}
@keyframes bMistDrift{
  from{transform:translate3d(-3.5%,0,0) scale(1.02)}
  to{transform:translate3d(3.5%,0,0) scale(1.06)}
}

/* 2.4 右上光晕呼吸 */
#brand .b-hero-glow{
  will-change:transform,opacity;
  animation:bHaloBreathe var(--b-t-glow) ease-in-out infinite;
}
@keyframes bHaloBreathe{
  0%,100%{transform:scale(1);opacity:.78}
  50%{transform:scale(1.07);opacity:1}
}

/* 2.5 橱窗（首屏轮播框）玻璃流光：每 9s 一道极淡的斜向反光扫过。
       框自带 overflow:hidden + border-radius，所以无需遮罩；
       必须补 position:relative，否则伪元素会挂到 .b-hero-inner 上。 */
#brand .b-carousel-frame{position:relative}
#brand .b-carousel-frame:after{
  content:"";
  position:absolute;
  top:-60%;
  bottom:-60%;
  left:-46%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,243,214,.30) 45%,rgba(255,243,214,.06) 62%,transparent);
  transform:rotate(13deg);
  will-change:transform,opacity;
  animation:bGlassSweep var(--b-t-sheen) ease-in-out infinite;
}
@keyframes bGlassSweep{
  0%,68%{transform:translate3d(0,0,0) rotate(13deg);opacity:0}
  72%{opacity:1}
  88%,100%{transform:translate3d(420%,0,0) rotate(13deg);opacity:0}
}

/* 2.6 首屏滚动视差：由 theme.js 写入 --b-py（-1…1 的滚动进度）。
       只作用于装饰层，文字层保持稳定，避免阅读时跳动。 */
#brand .b-hero-forest{transform:translate3d(0,calc(var(--b-py,0) * -14px),0);will-change:transform}
#brand .b-hero-glow{translate:0 calc(var(--b-py,0) * -26px)}
#brand .b-hero-mist{translate:0 calc(var(--b-py,0) * 12px)}

/* 2.7 省电：首屏滚出视口后暂停它的环境动画；切到后台时暂停全部环境动画。
       两者都由 theme.js 挂/摘类，纯性能优化，不影响任何静态观感。 */
#brand .b-hero.b-hero-idle:after,
#brand .b-hero.b-hero-idle .b-hero-forest svg,
#brand .b-hero.b-hero-idle .b-hero-mist,
#brand .b-hero.b-hero-idle .b-hero-glow,
#brand .b-hero.b-hero-idle .b-carousel-frame:after{animation-play-state:paused!important}
html.b-idle .b-atmos:before,
html.b-idle .b-atmos i,
html.b-idle #brand .b-wx-glyph:after{animation-play-state:paused!important}

/* ---------- 3) 板块编排入场 ---------- */
/* 复用站内既有的观察器：bundle.js 会给 .b-sec-head.reveal 加 .in。
   若它没跑，下面前缀 .in 的选择器不匹配 → 保持默认最终态，不会卡住。 */

/* 3.1 眉标（QUICK SERVICES · 快捷服务）：从左向右揭开 + 字距收拢 */
#brand .b-sec-head h2{position:relative}
#brand .b-sec-head.in .b-eyebrow{
  animation:bEyebrowIn .85s var(--b-ease) .04s both;
}
@keyframes bEyebrowIn{
  from{opacity:0;clip-path:inset(0 100% 0 0);letter-spacing:.6em}
  to{opacity:1;clip-path:inset(0 0 0 0);letter-spacing:.38em}
}

/* 3.2 标题下的金色细线：从中心向两侧展开 */
#brand .b-sec-head h2:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  width:min(190px,46%);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--b-gold-2),transparent);
  transform:translateX(-50%) scaleX(1);
  transform-origin:50% 50%;
  pointer-events:none;
}
#brand .b-sec-head.in h2:after{
  animation:bGoldRule .95s var(--b-ease) .2s both;
}
@keyframes bGoldRule{
  from{transform:translateX(-50%) scaleX(0)}
  to{transform:translateX(-50%) scaleX(1)}
}

/* 3.3 装饰件生长：左右两条细线向外展开，中间金菱形旋入 */
#brand .b-ornament:before{transform-origin:right center}
#brand .b-ornament:after{transform-origin:left center}
#brand .b-sec-head.in .b-ornament:before{animation:bOrnLine .8s var(--b-ease) .12s both}
#brand .b-sec-head.in .b-ornament:after{animation:bOrnLine .8s var(--b-ease) .12s both}
@keyframes bOrnLine{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
#brand .b-sec-head.in .b-ornament i{
  animation:bOrnGem .75s var(--b-ease-spring) .42s both;
  box-shadow:0 0 0 rgba(201,169,110,0);
}
@keyframes bOrnGem{
  from{opacity:0;transform:rotate(0deg) scale(.2)}
  to{opacity:1;transform:rotate(45deg) scale(1);
     box-shadow:0 0 10px rgba(201,169,110,.55)}
}

/* 3.4 五行字形：一圈缓慢的高光扫过（每个错开 1.2s，形成流动感）。
       只动 background-position，不碰 transform。 */
#brand .b-wx-glyph{position:relative;overflow:hidden}
#brand .b-wx-glyph:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.85) 50%,transparent 66%);
  background-size:260% 100%;
  background-position:180% 0;
  pointer-events:none;
  opacity:0;
}
html.b-theme #brand .b-wx-glyph:after{
  opacity:1;
  animation:bGlyphSheen 7s linear infinite;
}
@keyframes bGlyphSheen{
  0%,62%{background-position:180% 0}
  100%{background-position:-80% 0}
}
#brand .b-wuxing-grid .b-wx:nth-child(1) .b-wx-glyph:after{animation-delay:0s}
#brand .b-wuxing-grid .b-wx:nth-child(2) .b-wx-glyph:after{animation-delay:1.2s}
#brand .b-wuxing-grid .b-wx:nth-child(3) .b-wx-glyph:after{animation-delay:2.4s}
#brand .b-wuxing-grid .b-wx:nth-child(4) .b-wx-glyph:after{animation-delay:3.6s}
#brand .b-wuxing-grid .b-wx:nth-child(5) .b-wx-glyph:after{animation-delay:4.8s}

/* 3.5 工艺六步：序号外圈随入场「长」出来（用 ring 的 scale，不动布局） */
#brand .b-pstep i{position:relative}
#brand .b-pstep i:after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid var(--b-gold-2);
  opacity:0;
  transform:scale(.55);
  pointer-events:none;
}
#brand .b-pstep.in i:after,
html.b-theme #brand .b-pstep.b-rv-in i:after{
  animation:bStepRing .9s var(--b-ease) .1s both;
}
@keyframes bStepRing{
  from{opacity:0;transform:scale(.55)}
  60%{opacity:.75}
  to{opacity:.42;transform:scale(1)}
}

/* 3.6 深色区（故事 / 养护 / 来信）里的标题金线加亮，保证在深底上可见 */
#brand .b-story .b-sec-head h2:after,
#brand .b-care .b-sec-head h2:after,
#brand .b-letters .b-sec-head h2:after{
  background:linear-gradient(90deg,transparent,#E7C98C,transparent);
}

/* ---------- 4) 卡片与图片入场 ---------- */
/* 关键：只用 translate / opacity / scale 独立通道，
   绝不写 transform —— 站内卡片把 :hover 抬升写在 transform 上，
   用 transform 会导致悬停失效或跳帧。 */

html.b-theme .b-rv{
  opacity:0;
  translate:0 26px;
  transition:
    opacity var(--dur-enter,560ms) var(--b-ease),
    translate var(--dur-enter,560ms) var(--b-ease),
    filter var(--dur-enter,560ms) var(--b-ease);
  transition-delay:var(--b-rv-delay,0ms);
  filter:blur(3px);
  will-change:opacity,transform;
}
html.b-theme .b-rv.b-rv-in{
  opacity:1;
  translate:0 0;
  filter:blur(0);
}
/* 横向变体 */
html.b-theme .b-rv.b-rv-x{translate:-22px 0}
html.b-theme .b-rv.b-rv-x.b-rv-in{translate:0 0}
html.b-theme .b-rv.b-rv-r{translate:22px 0}
html.b-theme .b-rv.b-rv-r.b-rv-in{translate:0 0}
/* 图片「揭幕」：clip-path 自下而上（用于臻选 / 橱窗卡片的图） */
html.b-theme .b-rv.b-rv-img img,
html.b-theme .b-rv.b-rv-img .lp-cover,
html.b-theme .b-rv.b-rv-img .gallery-cover{
  clip-path:inset(0 0 100% 0);
  transition:clip-path 1s var(--b-ease);
  transition-delay:calc(var(--b-rv-delay,0ms) + 90ms);
}
html.b-theme .b-rv.b-rv-img.b-rv-in img,
html.b-theme .b-rv.b-rv-img.b-rv-in .lp-cover,
html.b-theme .b-rv.b-rv-img.b-rv-in .gallery-cover{
  clip-path:inset(0 0 0 0);
}

/* ---------- 5) 导航与阅读进度 ---------- */

/* 5.1 顶部金色阅读进度条（由 theme.js 注入 #b-progress）
       注意：站点 .b-nav 是 position:sticky;z-index:9000 且背景不透明，
       进度条必须高于 9000，否则会被导航整条盖住。 */
#b-progress{
  position:fixed;
  top:0;
  left:0;
  height:2px;
  width:100%;
  z-index:9500;
  pointer-events:none;
  transform:scaleX(var(--b-prog,0));
  transform-origin:0 50%;
  background:linear-gradient(90deg,rgba(176,141,90,.25),var(--b-gold-2) 62%,#F0D9A8);
  box-shadow:0 0 8px rgba(201,169,110,.5);
  will-change:transform;
}

/* 5.2 导航滚动后：底部加一条渐显金线（既有背景/阴影交给 .scrolled） */
#brand .b-nav:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,169,110,.85),transparent);
  opacity:0;
  transition:opacity .5s var(--b-ease);
  pointer-events:none;
}
#brand .b-nav.scrolled:after{opacity:1}

/* 5.3 板块锚点定位时留出吸顶导航高度 */
#brand > section{scroll-margin-top:78px}

/* ---------- 6) 无障碍：减弱动效 ---------- */
@media (prefers-reduced-motion:reduce){
  /* 6.1 环境层：停止漂移，保留静态纸纹与光斑（不影响观感） */
  html.b-theme .b-atmos:before,
  .b-atmos i,
  #brand .b-hero:after,
  #brand .b-hero-forest svg,
  #brand .b-hero-mist,
  #brand .b-hero-glow,
  #brand .b-carousel-frame:after,
  html.b-theme #brand .b-wx-glyph:after{
    animation:none!important;
  }
  #brand .b-hero:after{opacity:.62}
  /* 6.2 编排入场：只留淡入，不做位移 / 缩放 / 模糊 / 字距 */
  #brand .b-sec-head.in .b-eyebrow,
  #brand .b-sec-head.in h2:after,
  #brand .b-sec-head.in .b-ornament:before,
  #brand .b-sec-head.in .b-ornament:after,
  #brand .b-sec-head.in .b-ornament i,
  #brand .b-pstep.in i:after,
  html.b-theme #brand .b-pstep.b-rv-in i:after{
    animation:none!important;
  }
  #brand .b-ornament i{opacity:1;transform:rotate(45deg)}
  #brand .b-sec-head h2:after{transform:translateX(-50%) scaleX(1)}
  /* 6.3 卡片入场：直接可见 */
  html.b-theme .b-rv,
  html.b-theme .b-rv.b-rv-in{
    opacity:1!important;
    translate:none!important;
    filter:none!important;
    transition:none!important;
  }
  html.b-theme .b-rv.b-rv-img img,
  html.b-theme .b-rv.b-rv-img .lp-cover,
  html.b-theme .b-rv.b-rv-img .gallery-cover{clip-path:none!important}
  /* 6.4 视差与进度条：去掉位移，进度条保留（它是信息，不是装饰） */
  #brand .b-hero-forest,#brand .b-hero-glow,#brand .b-hero-mist{
    transform:none!important;translate:none!important;
  }
}

/* ---------- 7) 触屏与窄屏：收敛环境动效（省电优先） ---------- */
@media (hover:none){
  /* 触屏上这些常驻动画看不到「动」的价值，却持续占 GPU —— 直接停掉 */
  #brand .b-hero:after,
  #brand .b-hero-forest svg,
  #brand .b-hero-mist,
  #brand .b-carousel-frame:after,
  html.b-theme #brand .b-wx-glyph:after{
    animation:none!important;
  }
  #brand .b-hero:after{opacity:.6}
  /* 停掉后仍保留静态光斑，视觉不塌 */
  .b-atmos .b-a1,.b-atmos .b-a2,.b-atmos .b-a3{opacity:.85}
  html.b-theme .b-atmos:before{animation-duration:160s}
}
@media (max-width:640px){
  /* 小屏：减少光斑数量与纸纹密度，降低填充率 */
  .b-atmos .b-a3{display:none}
  .b-atmos i{filter:blur(52px)}
  #brand .b-hero:after{filter:blur(16px)}
  #brand .b-hero-forest svg:nth-child(n+5){display:none}
}

/* ---------- 8) 打印：不输出任何动效与背景层 ---------- */
@media print{
  .b-atmos,#b-progress{display:none!important}
  #brand .b-hero:after,#brand .b-carousel-frame:after{display:none!important}
  html.b-theme .b-rv,
  html.b-theme .b-rv.b-rv-in{
    opacity:1!important;translate:none!important;filter:none!important;transition:none!important;
  }
}
