/* ============================================================
   智享家 · 共享基础样式（单一来源，三页共用）
   目的：消除三页重复的纹理 data-URI、纹理覆盖层、旋转动画；
        作为样式唯一真源，改一处即全页生效，降低维护成本。
   说明：各页面仍保留自己的 :root 品牌变量（--accent/--ink 等），
        本文件只放"三页完全一致、且无需页面调参"的部分。
   ============================================================ */
:root{
  /* 微水泥材质纹理：纯内联 SVG 噪声，零外部请求；原在三页逐字复制，现统一此处 */
  --tex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html,body{position:relative}
/* 全局极淡纹理覆盖层：统一透明度，原在各页重复定义 */
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:var(--tex);opacity:.55;mix-blend-mode:multiply;
}
/* 加载/生成中旋转动画：原在 index 与 deliver 各定义一份，现统一 */
@keyframes rot{to{transform:rotate(360deg)}}
.spin{
  width:34px;height:34px;border:3px solid var(--accent-soft,rgba(176,131,79,.25));
  border-top-color:var(--accent,#b0834f);border-radius:50%;
  margin:0 auto 12px;animation:rot .8s linear infinite;
}