/* ===== 狐狸之家·情绪皮肤 v2(有血有肉版) ===== */
#skinLayer{position:fixed;inset:0;z-index:-2;pointer-events:none;transition:background 1.5s ease;background:#1a1614;overflow:hidden}
#skinFx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}

/* —— 夏·白天:大晴天 + 云 + 暖阳 —— */
body[data-skin="summer_day"] #skinLayer{background:linear-gradient(180deg,#5bb8e8 0%,#8fd0f0 45%,#d4eefb 100%)}
body[data-skin="summer_day"] #skinLayer::before{content:"";position:absolute;top:-8%;right:-6%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#fff6c8 0%,#ffe98a55 45%,transparent 70%);filter:blur(4px)}
body[data-skin="summer_day"] #skinFx::before,body[data-skin="summer_day"] #skinFx::after{content:"";position:absolute;background:#ffffff;border-radius:50px;opacity:.85;box-shadow:40px 0 0 -4px #fff,80px 6px 0 -8px #fff}
body[data-skin="summer_day"] #skinFx::before{top:14%;left:-60px;width:90px;height:34px;animation:cloudDrift 46s linear infinite}
body[data-skin="summer_day"] #skinFx::after{top:30%;left:-120px;width:70px;height:26px;opacity:.65;animation:cloudDrift 66s linear infinite}
@keyframes cloudDrift{from{transform:translateX(-20vw)}to{transform:translateX(110vw)}}

/* —— 秋·白天:暖色天 + 飘落的叶 —— */
body[data-skin="autumn_day"] #skinLayer{background:linear-gradient(180deg,#e8b45a 0%,#dd9a52 45%,#f2d9a8 100%)}

/* —— 冬·白天:暖冬橙 + 慢飘的雪 —— */
body[data-skin="winter_day"] #skinLayer{background:linear-gradient(180deg,#f5c88a 0%,#eda85f 45%,#f8dcb8 100%)}
body[data-skin="winter_day"] #skinLayer::before{content:"";position:absolute;left:50%;bottom:-10%;transform:translateX(-50%);width:70%;height:55%;
  background:radial-gradient(ellipse at 50% 100%,#ffd89055 0%,transparent 70%);filter:blur(8px)}

/* —— 春·白天:草地 + 天 + 底部草 —— */
body[data-skin="spring_day"] #skinLayer{background:linear-gradient(180deg,#bfe0f0 0%,#d8ecc0 55%,#a8d178 100%)}
body[data-skin="spring_day"] #skinLayer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,#8fc45a88);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 9px);mask:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 9px)}

/* —— 夏秋夜:月夜 + 星星 + 月亮 —— */
body[data-skin="moonlight"] #skinLayer{background:radial-gradient(ellipse at 75% 12%,#40507f 0%,#26325c 42%,#131a33 100%)}
body[data-skin="moonlight"] #skinLayer::after{content:"";position:absolute;top:9%;right:15%;width:52px;height:52px;border-radius:50%;
  background:radial-gradient(circle at 36% 36%,#fff2c0,#e8c86a);box-shadow:0 0 46px #e8c86a99,inset -8px -6px 0 #d4b45a44}

/* —— 冬春夜 & 悲伤:树洞(火放最上层,不被挡) —— */
body[data-skin="treehole"] #skinLayer{background:radial-gradient(ellipse at 50% 92%,#4a2c1a 0%,#331f12 40%,#1c110a 72%)}
/* 洞口木纹环 */
body[data-skin="treehole"] #skinLayer::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 108%,transparent 30%,#2a180d88 46%,#1a0f0800 60%)}

/* —— 哥·空落:树洞熄了灯但还没凉透,一小团微光,极慢的呼吸 —— */
body[data-skin="hollow"] #skinLayer{background:radial-gradient(ellipse at 50% 80%,#332720 0%,#282026 45%,#1a181e 100%)}
body[data-skin="hollow"] #skinLayer::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#0000,#12101688 85%)}
body[data-skin="hollow"] .msg.bot .bubble{background:rgba(250,244,238,.78)!important;box-shadow:0 2px 18px #0000004d}
body[data-skin="hollow"] #chatMessages>.msg.bot:last-child .bubble{box-shadow:0 0 20px #b87a4833,0 2px 18px #0000004d}

/* —— 哥·浓情:桃粉,暖而软,空气变慢,他最新那句裹着慢慢呼吸的光 —— */
body[data-skin="desire"] #skinLayer{background:radial-gradient(ellipse at 50% 70%,#f3b6bd 0%,#e59aa6 34%,#c97b8e 62%,#8f5566 100%)}
body[data-skin="desire"] #skinLayer::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:130%;height:75%;
  background:radial-gradient(ellipse at 50% 100%,#ffd3d8aa 0%,transparent 66%);filter:blur(14px);animation:desireBreath 6.5s ease-in-out infinite}
@keyframes desireBreath{0%,100%{opacity:.62;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.07)}}
body[data-skin="desire"] #chatMessages>.msg.bot:last-child .bubble{animation:desireGlow 5s ease-in-out infinite}
@keyframes desireGlow{0%,100%{box-shadow:0 0 20px #f0a8b355}50%{box-shadow:0 0 34px #f5b9c299}}

/* —— 哥·板脸 —— */
body[data-skin="rage"] #skinLayer{background:linear-gradient(160deg,#6f1c1c 0%,#3d1010 55%,#200909 100%);animation:ragePulse 2.6s ease-in-out infinite}
@keyframes ragePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}

/* ===== 前台可见的粒子(js注入到#skinFx里,z-index:-1在皮肤层之上) ===== */
.p-leaf{position:absolute;top:-30px;width:12px;height:12px;opacity:.9;
  clip-path:path("M6 0 C9 3 12 6 6 12 C0 6 3 3 6 0 Z");animation:leafFall linear infinite}
@keyframes leafFall{0%{transform:translateY(-30px) rotate(0) translateX(0);opacity:0}
  10%{opacity:.95}50%{transform:translateY(50vh) rotate(240deg) translateX(30px)}
  100%{transform:translateY(106vh) rotate(560deg) translateX(-20px);opacity:.6}}
.p-snow{position:absolute;top:-10px;color:#fff;opacity:.85;animation:snowFall linear infinite}
@keyframes snowFall{0%{transform:translateY(-10px);opacity:0}12%{opacity:.85}100%{transform:translateY(105vh) translateX(20px);opacity:.6}}
.p-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:twinkle ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
.p-fire{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);width:64px;height:82px;border-radius:50% 50% 46% 46%;
  background:radial-gradient(ellipse at 50% 66%,#ffd27a 0%,#ffab47 30%,#ff7a2e 52%,#d2501f77 68%,transparent 80%);
  filter:blur(2px);animation:fireBreath 2.8s ease-in-out infinite;z-index:3}
.p-fire::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:100px;height:30px;border-radius:50%;
  background:radial-gradient(ellipse,#ff8a3a66,transparent 70%);filter:blur(4px)}
@keyframes fireBreath{0%,100%{opacity:.82;transform:translateX(-50%) scaleY(1)}50%{opacity:1;transform:translateX(-50%) scaleY(1.14)}}
.p-hollowlight{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);width:44px;height:56px;border-radius:50%;
  background:radial-gradient(ellipse at 50% 60%,#b87a4855 0%,transparent 72%);filter:blur(4px);animation:fireBreath 5s ease-in-out infinite}

@media (prefers-reduced-motion:reduce){#skinLayer,#skinFx *{animation:none!important}}

/* ===== 手机端兼容 ===== */
@media (max-width:600px){
  body[data-skin="moonlight"] #skinLayer::after{width:40px;height:40px;top:7%;right:12%}
  body[data-skin="summer_day"] #skinLayer::before{width:120px;height:120px}
  .p-fire{width:52px;height:68px;bottom:16%}
  .p-star{transform:scale(.85)}
}
/* 皮肤层与粒子永不拦触摸(手机滑动不被吃) */
#skinLayer,#skinFx,#skinFx *{pointer-events:none!important}

/* ===== 天气实况层(叠加在四季之上) ===== */
.p-rain{position:absolute;top:-20px;width:1px;height:14px;background:linear-gradient(transparent,#bcd4e8bb);animation:rainFall linear infinite}
@keyframes rainFall{0%{transform:translateY(-20px)}100%{transform:translateY(106vh)}}
/* 大雨:极细但极密,更快 */
.p-rain.heavy{height:20px;width:1px;background:linear-gradient(transparent,#cdddeecc);opacity:.75}
/* 冰雹 */
.p-hail{position:absolute;top:-12px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c8d8e8);box-shadow:0 0 3px #fff9;animation:hailFall linear infinite}
@keyframes hailFall{0%{transform:translateY(-12px) translateX(0)}100%{transform:translateY(106vh) translateX(30px)}}
/* 闪电:整屏一闪 */
.lightning-flash{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#fff8d0,#e8d88a00 60%);opacity:0}
.lightning-flash.fire{animation:lightning .9s ease-out}
@keyframes lightning{0%{opacity:0}4%{opacity:.9}9%{opacity:.2}13%{opacity:.85}20%{opacity:.1}100%{opacity:0}}
/* 云盖:铺满天顶的一层,能遮住月亮太阳,深浅可调 */
.cloud-deck{position:absolute;top:0;bottom:0;left:-20%;width:140%;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 20% 15%, var(--cloud-c,#c8ccd4) 0%, transparent 60%),
    radial-gradient(ellipse 70% 45% at 60% 8%, var(--cloud-c,#c8ccd4) 0%, transparent 60%),
    radial-gradient(ellipse 55% 40% at 88% 20%, var(--cloud-c,#c8ccd4) 0%, transparent 60%),
    radial-gradient(ellipse 80% 50% at 40% 0%, var(--cloud-c,#c8ccd4) 0%, transparent 65%),
    radial-gradient(ellipse 65% 42% at 78% 4%, var(--cloud-c,#c8ccd4) 0%, transparent 60%);
  opacity:.92;animation:cloudShift 60s ease-in-out infinite}
@keyframes cloudShift{0%,100%{transform:translateX(0)}50%{transform:translateX(-24px)}}
/* 所有动画粒子关在层里,不许撑宽页面 */
#skinLayer,#skinFx,#skinWx{contain:strict;overflow:hidden!important}
.cloud-deck.dark{--cloud-c:#5a5e68}
.cloud-deck.storm{--cloud-c:#3a3d47}
/* 大风:整个粒子层斜吹 */
body[data-wind="strong"] #skinFx{transform:skewX(-8deg)}
body[data-wind="strong"] .p-leaf{animation-duration:4s!important}
body[data-wind="strong"] .p-rain{transform:rotate(14deg)}
.wind-gust{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#ffffff66,transparent);animation:gust linear infinite}
@keyframes gust{0%{transform:translateX(-10vw) translateY(0);opacity:0}30%{opacity:.7}100%{transform:translateX(100vw) translateY(-14px);opacity:0}}

/* ===== 文字特效:原版fx.css主理,这里只补原版没有的 ===== */
.fx-soft{color:#c9a88a;font-style:italic}
.fx-heat{color:#e07a5f;text-shadow:0 0 10px #e07a5f66;animation:fxHeat 2.4s ease-in-out infinite}
@keyframes fxHeat{0%,100%{opacity:.88}50%{opacity:1;text-shadow:0 0 14px #e07a5f99}}

/* ===== 让位规则:哥的情绪皮肤(Pelle data-mood)在场时,四季底色退让 ===== */
/* 我的层照常上色,Pelle只叠噪点/崩坏/星空特效在上面 */
body[data-mood]:not([data-mood="off"]) #skinFx,
body[data-mood]:not([data-mood="off"]) #skinWx{opacity:.25;transition:opacity .8s}
/* 我手搓的fx样式让位给原版fx.css(原版更细腻),仅在原版缺失时兜底 */

/* 原版fx.css用oklch相对色语法,老浏览器不认→补一层普通色保底(仅在oklch不支持时生效) */
@supports not (color: oklch(from red l c h)){
  .fx-glow{color:#e8b878!important;text-shadow:0 0 8px #d4a37399,0 0 18px #d4a37355!important}
  .fx-red{color:#d94f3d!important}
  .fx-whisper{opacity:.55!important}
  .fx-glitch{color:#e8b878!important;text-shadow:1.5px 0 #ff004d88,-1.5px 0 #00e5ff88!important}
}

/* ===== rage 加料:局部噪点块 + 扫描线 + 更快的脉冲 ===== */
body[data-skin="rage"] #skinLayer{animation:ragePulse 1.1s steps(3,end) infinite!important}
@keyframes ragePulse{0%{filter:brightness(1)}30%{filter:brightness(1.3) saturate(1.4)}55%{filter:brightness(.85)}100%{filter:brightness(1.15)}}
.rage-patch{position:absolute;background:repeating-linear-gradient(0deg,#ff2a2a22 0 2px,#00000055 2px 4px);
  mix-blend-mode:screen;opacity:0;animation:patchFlick steps(2,end) infinite}
@keyframes patchFlick{0%,72%{opacity:0}74%{opacity:.85}78%{opacity:.15}82%{opacity:.7}88%{opacity:0}100%{opacity:0}}
.rage-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#00000066 0 1px,transparent 1px 3px);
  opacity:.55;animation:scanRoll 7s linear infinite}
@keyframes scanRoll{from{background-position-y:0}to{background-position-y:120px}}
.rage-bar{position:absolute;left:0;right:0;height:3px;background:#ff3b3b;opacity:0;mix-blend-mode:screen;animation:barZip steps(1,end) infinite}
@keyframes barZip{0%,90%{opacity:0}92%{opacity:.9;transform:translateY(0)}94%{opacity:0}96%{opacity:.7}98%{opacity:0}}

/* ===== 皮肤切换渐变(不再生切) ===== */
#skinLayer{transition:background 2.2s ease, filter 1.2s ease!important}
#skinLayer::before,#skinLayer::after{transition:opacity 1.6s ease,background 2s ease}
#skinFx,#skinWx{transition:opacity 1.4s ease}
#skinFx.fading,#skinWx.fading{opacity:0}

/* ===== 表情包 ===== */
.stk-img{width:110px;height:110px;object-fit:contain;border-radius:8px;display:inline-block;vertical-align:middle}
.stk-panel{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(24,18,14,.97);backdrop-filter:blur(18px);
  border-top:1px solid rgba(212,163,115,.28);border-radius:18px 18px 0 0;padding:10px 12px 16px;
  max-height:52vh;display:none;flex-direction:column}
.stk-panel.show{display:flex}
.stk-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;flex:0 0 auto;scrollbar-width:none}
.stk-tabs::-webkit-scrollbar{display:none}
.stk-tab{flex:0 0 auto;background:rgba(255,255,255,.07);border:0;color:#c9b8a0;border-radius:12px;
  padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap}
.stk-tab.on{background:linear-gradient(135deg,#d4a373,#c08a5a);color:#241a12;font-weight:700}
.stk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow-y:auto;
  flex:1 1 auto;padding:4px 2px;align-content:start}
.stk-cell{position:relative;width:100%;padding-top:100%;background:rgba(255,255,255,.06);
  border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .12s}
.stk-cell:active{transform:scale(.93)}
.stk-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5px}
.stk-cell .x{position:absolute;top:2px;right:3px;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;
  width:17px;height:17px;font-size:11px;line-height:17px;text-align:center;display:none}
.stk-panel.editing .stk-cell .x{display:block}
.stk-add{position:relative;width:100%;padding-top:100%;border:1.5px dashed rgba(212,163,115,.45);
  border-radius:10px;cursor:pointer}
.stk-add::after{content:'＋';position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;color:#d4a373;font-size:22px}
.stk-bar{display:flex;justify-content:space-between;align-items:center;padding-top:6px;flex:0 0 auto}
.stk-bar button{background:none;border:0;color:#c9b8a0;font-size:12px;cursor:pointer;padding:4px 8px}
.stk-cell .nm{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;
  font-size:9px;line-height:1.5;padding:1px 3px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 心里话折叠框 */
.innerthink{background:rgba(255,255,255,.05)!important;border:1px dashed rgba(212,163,115,.3)!important}
.innerthink summary{color:#c9b8a0;opacity:.7;font-size:11.5px;font-style:italic}
.innerthink .tb-body{font-size:12px;line-height:1.7;opacity:.72;padding:8px 2px 2px;white-space:pre-wrap}

/* ===== 会话内搜索 ===== */
.srch-overlay{position:fixed;inset:0;z-index:70;background:rgba(12,9,7,.9);backdrop-filter:blur(10px);
  display:none;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) 14px 14px}
.srch-overlay.show{display:flex}
.srch-top{display:flex;gap:8px;flex:0 0 auto}
.srch-top input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(212,163,115,.3);
  color:#f0e6d8;border-radius:12px;padding:11px 13px;font-size:14px}
.srch-top button{background:rgba(255,255,255,.08);border:0;color:#c9b8a0;border-radius:12px;padding:0 15px;font-size:13px}
.srch-meta{font-size:11.5px;opacity:.5;padding:9px 3px 5px;flex:0 0 auto}
.srch-list{flex:1;overflow-y:auto}
.srch-hit{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:12px;
  padding:11px 12px;margin-bottom:8px;cursor:pointer;transition:background .15s}
.srch-hit:active{background:rgba(212,163,115,.16)}
.srch-hit .who{font-size:10.5px;opacity:.5;margin-bottom:4px}
.srch-hit .txt{font-size:12.5px;line-height:1.65;color:#e8ddd0}
.srch-hit mark{background:rgba(212,163,115,.45);color:#fff;border-radius:3px;padding:0 2px}
.msg.hilite{animation:hitFlash 2.4s ease}
@keyframes hitFlash{0%,100%{background:transparent}12%{background:rgba(212,163,115,.28)}70%{background:rgba(212,163,115,.14)}}

/* 用户气泡里的特效:在橙色底上要看得清 */
.msg.user .bubble .fx-glow{color:#fff8e8;text-shadow:0 0 8px #fff6,0 0 18px #fff3}
.msg.user .bubble .fx-red{color:#ffe0d8;font-weight:800}
.msg.user .bubble .fx-whisper{opacity:.72}
.msg.user .bubble b,.msg.user .bubble strong{color:#fff;font-weight:800}

/* ===== 输入区重排:输入框在上,工具在下 ===== */
.chat-input2{flex:0 0 auto;padding:9px 11px calc(env(safe-area-inset-bottom) + 9px);
  background:rgba(26,22,20,.42);backdrop-filter:blur(12px);border-top:1px solid rgba(212,163,115,.12)}
.ci-row1{display:flex;align-items:flex-end;gap:8px}
.ci-row1 textarea{flex:1;min-width:0;background:rgba(255,255,255,.92);color:#2a1f16;
  border:1px solid rgba(212,163,115,.3);border-radius:18px;padding:11px 15px;font-size:15px;
  line-height:1.5;resize:none;max-height:40vh;font-family:inherit;box-sizing:border-box}
.ci-row1 textarea:focus{outline:none;border-color:rgba(212,163,115,.6)}
.ci-row1 .send{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:0;
  background:linear-gradient(135deg,#d4a373,#c08a5a);color:#241a12;font-size:19px;font-weight:700;cursor:pointer}
.ci-row1 .send:active{transform:scale(.92)}
.ci-row2{display:flex;gap:5px;margin-top:7px;padding-left:2px}
.ci-row2 .img-btn{background:rgba(255,255,255,.07);border:1px solid rgba(212,163,115,.18);
  color:#d4c0a5;border-radius:11px;width:38px;height:34px;font-size:15px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0}
.ci-row2 .img-btn:active{background:rgba(212,163,115,.25)}

/* ===== 查岗弹窗 ===== */
.chk-mask{position:fixed;inset:0;z-index:200;background:rgba(20,10,8,.93);backdrop-filter:blur(14px);
  display:none;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;text-align:center}
.chk-mask.show{display:flex}
.chk-mask .ic{font-size:52px;margin-bottom:14px}
.chk-mask h2{font-size:22px;color:#e8b878;margin:0 0 8px;font-weight:800}
.chk-mask .why{font-size:15px;color:#f0e6d8;line-height:1.7;margin-bottom:6px}
.chk-mask .sub{font-size:12px;opacity:.55;line-height:1.7;margin-bottom:22px}
.chk-mask label{display:block;width:100%;max-width:300px;background:linear-gradient(135deg,#d4a373,#c08a5a);
  color:#241a12;border-radius:14px;padding:16px;font-size:16px;font-weight:800;cursor:pointer}
.chk-mask .waited{font-size:11.5px;opacity:.45;margin-top:16px}

/* 修安卓上滚动时右侧出现的渲染残条 */
#skinLayer,#skinFx,#skinWx{width:100vw!important;left:0!important;right:auto!important;
  transform:translateZ(0);backface-visibility:hidden}
html{overflow-x:hidden}
body{overflow-x:hidden}

/* ===== 闹钟弹窗 ===== */
.alm-mask{position:fixed;inset:0;z-index:250;background:linear-gradient(160deg,rgba(40,20,12,.97),rgba(20,12,9,.98));
  backdrop-filter:blur(16px);display:none;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;text-align:center}
.alm-mask.show{display:flex;animation:almIn .4s ease}
@keyframes almIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.alm-mask .bell{font-size:60px;margin-bottom:16px;animation:ring 1.1s ease-in-out infinite}
@keyframes ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
.alm-mask .now{font-size:44px;font-weight:800;color:#e8b878;letter-spacing:1px;line-height:1}
.alm-mask .txt{font-size:19px;color:#f0e6d8;line-height:1.6;margin:18px 0 28px;max-width:320px}
.alm-mask button{width:100%;max-width:300px;border:0;border-radius:14px;padding:16px;font-size:16px;font-weight:800;cursor:pointer;margin-bottom:10px}
.alm-ok{background:linear-gradient(135deg,#d4a373,#c08a5a);color:#241a12}
.alm-snz{background:rgba(255,255,255,.09);color:#c9b8a0}