/* =====================================================================
   中医 · китайский антураж для CRM «Сад Долголетия» (additive, безопасно)
   节气/луна/зодиак · 养生-совет дня · печать 长寿 · орнамент/фонарики
   ===================================================================== */

/* ——— фоновый слой: рисовая бумага + облачный узор 云纹 ——— */
.zy-bg{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  opacity:.5;
  background:
    /* облачный мотив сверху */
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'><g fill='none' stroke='%23c1121c' stroke-width='1.4' opacity='0.16'><path d='M10 40 q8 -14 20 -8 q4 -12 18 -6 q10 -10 18 2 q12 -4 12 8'/><path d='M70 46 q8 -12 18 -6 q8 -8 16 2'/></g></svg>") repeat-x top center,
    /* фактура рисовой бумаги */
    radial-gradient(circle at 20% 30%, rgba(199,154,51,.05), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(193,18,28,.04), transparent 40%);
}

/* ——— фонарики 🏮 в верхних углах (тонко) ——— */
.zy-lantern{position:fixed; top:-6px; z-index:1; pointer-events:none; font-size:34px;
  opacity:.28; filter:drop-shadow(0 6px 10px rgba(193,18,28,.25)); animation:zy-sway 5s ease-in-out infinite;}
.zy-lantern--l{left:8px;} .zy-lantern--r{right:8px; animation-delay:-2.5s;}
@keyframes zy-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(max-width:900px){.zy-lantern{display:none}}

/* ——— чип в шапке: 节气 + луна + зодиак ——— */
.zy-chip{display:inline-flex; align-items:center; gap:.55rem; flex-wrap:wrap;
  background:linear-gradient(135deg,#fbf3df,#f3e6c6);
  border:1px solid rgba(199,154,51,.45); border-radius:999px;
  padding:.32rem .8rem; font-size:12.5px; font-weight:700; color:#7a1418;
  box-shadow:0 2px 8px rgba(193,18,28,.08); white-space:nowrap;}
.zy-chip b{color:#c1121c;}
.zy-chip .zy-zh{font-weight:800; color:#97101a;}
.zy-chip .zy-dot{width:4px;height:4px;border-radius:50%;background:#c79a33;}
@media(max-width:1100px){.zy-chip .zy-lunar{display:none}}
@media(max-width:760px){.zy-chip{display:none}}

/* ——— печать 长寿 (longevity seal) ——— */
.zy-seal{flex:none; width:46px; height:46px; border-radius:11px;
  background:linear-gradient(135deg,#c1121c,#920f17); color:#fff;
  display:grid; place-items:center; box-shadow:0 5px 14px rgba(193,18,28,.42), inset 0 0 0 2px rgba(255,255,255,.18);
  transform:rotate(-7deg); font-family:'Songti SC','SimSun','Noto Serif SC',serif;}
.zy-seal span{writing-mode:vertical-rl; font-size:18px; font-weight:800; letter-spacing:2px; line-height:1;}

/* ——— карточка «养生-совет дня» (плавающая, угол) ——— */
.zy-card{position:fixed; right:18px; bottom:18px; z-index:60; width:300px; max-width:calc(100vw - 36px);
  background:linear-gradient(160deg,#fdf7ea,#f6ead0);
  border:1px solid rgba(199,154,51,.5); border-radius:18px;
  box-shadow:0 16px 40px rgba(90,20,20,.18), inset 0 1px 0 rgba(255,255,255,.6);
  padding:14px 16px; display:flex; gap:12px; align-items:flex-start;
  animation:zy-rise .4s ease; transition:transform .25s, opacity .25s;}
@keyframes zy-rise{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.zy-card.zy-hidden{transform:translateY(140%); opacity:0; pointer-events:none;}
.zy-card__body{min-width:0; flex:1;}
.zy-card__kicker{font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#c79a33; display:flex; align-items:center; gap:.4rem;}
.zy-card__kicker .zh{color:#c1121c; font-size:13px;}
.zy-card__text{font-size:13px; color:#4a2a1a; margin-top:4px; line-height:1.45;}
.zy-card__x{position:absolute; top:8px; right:10px; border:none; background:none; cursor:pointer; color:#b08a4a; font-size:16px; line-height:1;}
.zy-card__x:hover{color:#c1121c;}
/* свёрнутая — только печать-кнопка */
.zy-fab{position:fixed; right:18px; bottom:18px; z-index:59; cursor:pointer; display:none;}
.zy-fab.zy-show{display:block;}
@media(max-width:560px){.zy-card{right:10px; bottom:10px; width:auto; left:10px;}}

/* ——— золотой орнаментальный разделитель (по желанию) ——— */
.zy-divider{height:14px; background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='14'><path d='M0 7 H14 M26 7 H40' stroke='%23c79a33' stroke-width='1'/><circle cx='20' cy='7' r='3' fill='none' stroke='%23c1121c' stroke-width='1.2'/></svg>") repeat-x center; opacity:.6;}