/* ============================================================
   知来 · 七套选定延时动画 (v2.8.2)
   bazi=浑天星穹 | namepi=天书降诏(SVG龙凤) | qimen=飞星斗转
   liuyao=铜钱剑阵 | lym=墨梅落卦 | hehun=花好月圆 | zeji=星象定时
   结构 PHP 直出，外壳 .active 即播放；纯 CSS，GPU 加速
   ============================================================ */
.zlaiw-anim{position:relative;width:100%;height:440px;border-radius:16px;overflow:hidden;display:none;margin:16px 0}
.zlaiw-anim.active{display:block}
.zlaiw-anim svg{display:block;width:100%;height:100%}
.zlaiw-anim .cap{position:absolute;left:0;right:0;bottom:16px;height:20px;text-align:center;font-size:14px;letter-spacing:3px;text-indent:3px;z-index:30}
.zlaiw-anim .cap span{position:absolute;left:0;right:0;top:0;white-space:nowrap;opacity:0;
 animation-duration:var(--ld,9000ms);animation-timing-function:linear;animation-fill-mode:forwards}
.zlaiw-anim .cap span:nth-child(1){animation-name:capStage1}
.zlaiw-anim .cap span:nth-child(2){animation-name:capStage2}
.zlaiw-anim .cap span:nth-child(3){animation-name:capStage3}
@keyframes capStage1{0%{opacity:0;transform:translateY(6px)}6%,24%{opacity:1;transform:translateY(0)}31%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes capStage2{0%,24%{opacity:0;transform:translateY(6px)}32%,57%{opacity:1;transform:translateY(0)}64%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes capStage3{0%,57%{opacity:0;transform:translateY(6px)}66%,100%{opacity:1;transform:translateY(0)}}
.zlaiw-anim .prog{position:absolute;left:16%;right:16%;bottom:8px;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;z-index:30}
.zlaiw-anim .prog span{display:block;height:100%;width:0}
@media(max-width:480px){.zlaiw-anim{height:420px}}
@keyframes zspin{to{transform:rotate(360deg)}}
@keyframes zspinrev{to{transform:rotate(-360deg)}}
@keyframes zbreathe{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes zprog{0%{width:0}100%{width:100%}}
.zlaiw-anim.active .prog span{animation:zprog var(--ld,9000ms) linear forwards}

/* ================= 八字 · 浑天星穹 ================= */
.bzx{background:radial-gradient(circle at 50% 26%,#16224a,#0a1024 62%,#05070f)}
.bzx .cap{color:#e8d9a8;text-shadow:0 0 12px rgba(232,196,106,.7)}
.bzx .arm{position:absolute;left:50%;top:40%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;
 border:2px solid rgba(232,196,106,.55);animation:zspin 15s linear infinite;box-shadow:0 0 34px rgba(232,196,106,.22) inset}
.bzx .arm:before,.bzx .arm:after{content:"";position:absolute;border-radius:50%}
.bzx .arm:before{inset:34px;border:1px solid rgba(140,200,255,.55);animation:zspinrev 9s linear infinite}
.bzx .arm:after{inset:78px;border:1px solid rgba(220,170,255,.6)}
.bzx .taiji{position:absolute;left:50%;top:40%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;
 background:conic-gradient(#f2ead2 0 50%,#1a1f33 50%);animation:zspin 6s linear infinite;box-shadow:0 0 28px rgba(232,196,106,.65)}
.bzx .taiji:before,.bzx .taiji:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;top:16px}
.bzx .taiji:before{left:16px;background:#1a1f33}.bzx .taiji:after{right:16px;background:#f2ead2}
.bzx .cols{position:absolute;left:0;right:0;bottom:52px;display:flex;justify-content:center;gap:30px;z-index:15}
.bzx .pillar{width:26px;height:var(--h);border-radius:6px 6px 0 0;transform-origin:bottom;transform:scaleY(0);
 background:linear-gradient(#ffe9b0,#caa24a 42%,rgba(202,162,74,.12));box-shadow:0 0 18px rgba(232,196,106,.55);
 animation:bzxCol 8s ease-in-out infinite}
@keyframes bzxCol{0%{transform:scaleY(0);opacity:0}14%{opacity:1}55%{transform:scaleY(1);opacity:1}82%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:.35}}
.bzx .cols .pillar:nth-child(1){--h:118px;animation-delay:.2s}.bzx .cols .pillar:nth-child(2){--h:168px;animation-delay:.6s}
.bzx .cols .pillar:nth-child(3){--h:138px;animation-delay:1s}.bzx .cols .pillar:nth-child(4){--h:184px;animation-delay:1.4s}

/* ================= 姓名 · 天书降诏 (SVG龙凤) ================= */
.npx{background:radial-gradient(circle at 50% 30%,#3a2c16,#1c1408 64%,#0d0904)}
.npx .cap{color:#f0dca0;text-shadow:0 0 12px rgba(232,196,106,.7)}
.npx .loong,.npx .feng{position:absolute;width:196px;height:176px;z-index:12;filter:drop-shadow(0 0 10px rgba(255,210,130,.45))}
.npx .loong{left:2%;top:9%;animation:loongFloat 7s ease-in-out infinite}
.npx .feng{right:2%;top:11%;animation:fengFloat 7s ease-in-out -3.5s infinite}
@keyframes loongFloat{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(8px,-10px) rotate(3deg)}}
@keyframes fengFloat{0%,100%{transform:translate(0,0) rotate(2deg)}50%{transform:translate(-8px,-10px) rotate(-3deg)}}
.npx .draw{fill:none;stroke:#ffd98a;stroke-linecap:round;stroke-linejoin:round;stroke-width:5;stroke-dasharray:360;stroke-dashoffset:360;
 animation:drawIn 8s ease-in-out infinite}
.npx .draw.thin{stroke-width:2.4}
.npx .draw.cloud{stroke-width:2;opacity:.7}
@keyframes drawIn{0%{stroke-dashoffset:360;opacity:.2}30%,75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.5}}
.npx .fill{opacity:0;animation:npxFill 8s ease-in-out infinite}
@keyframes npxFill{0%,18%{opacity:0}32%,76%{opacity:1}100%{opacity:.5}}
.npx .scroll{position:absolute;left:50%;top:44%;width:148px;height:208px;margin:-104px 0 0 -74px;border-radius:6px;
 background:linear-gradient(#f6e7c0,#e7d096);box-shadow:0 0 42px rgba(232,196,106,.6),0 0 0 3px #caa24a;
 transform:scaleY(.05);transform-origin:center;animation:npxOpen 8s ease-in-out infinite}
@keyframes npxOpen{0%{transform:scaleY(.05);opacity:0}16%{transform:scaleY(1);opacity:1}82%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:.55}}
.npx .rod{position:absolute;left:50%;width:168px;height:13px;margin-left:-84px;border-radius:7px;background:linear-gradient(#8f6f28,#caa24a,#8f6f28)}
.npx .rod.t{top:calc(44% - 112px)}.npx .rod.b{top:calc(44% + 99px)}
.npx .uname{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:14;text-align:center;width:130px;
 color:#7a2a18;font-weight:700;font-size:30px;letter-spacing:4px;text-shadow:0 0 14px rgba(232,196,106,.7);
 animation:npxName 8s ease-in-out infinite;opacity:0}
@keyframes npxName{0%,26%{opacity:0}42%{opacity:1}82%{opacity:1}100%{opacity:.6}}

/* ================= 奇门 · 飞星斗转 ================= */
.qmx{background:radial-gradient(circle at 50% 30%,#101d34,#081224 62%,#04070d)}
.qmx .cap{color:#cfe0ff;text-shadow:0 0 12px rgba(120,170,255,.7)}
.qmx .starfly{position:absolute;left:50%;top:44%;width:296px;height:296px;margin:-148px 0 0 -148px;border-radius:50%;animation:zspin 9s linear infinite}
.qmx .starfly i{position:absolute;width:9px;height:9px;border-radius:50%;background:#ffe9b0;box-shadow:0 0 13px #e8c46a;left:50%;top:0}
.qmx .skygrid{position:absolute;left:50%;top:44%;width:252px;height:252px;margin:-126px 0 0 -126px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.qmx .skygrid i{border:1px solid rgba(150,190,255,.45);border-radius:7px;display:flex;align-items:center;justify-content:center;
 color:#cfe0ff;font-size:16px;font-weight:700;background:rgba(20,28,50,.55);opacity:.3;animation:cellLight 6s ease-in-out infinite}
@keyframes cellLight{0%{opacity:.3}30%,70%{opacity:1;box-shadow:0 0 18px rgba(150,190,255,.6)}100%{opacity:.3}}
.qmx .skygrid i:nth-child(2){animation-delay:.4s}.qmx .skygrid i:nth-child(3){animation-delay:.8s}
.qmx .skygrid i:nth-child(4){animation-delay:1.2s}.qmx .skygrid i:nth-child(5){animation-delay:1.6s;background:rgba(232,196,106,.28);border-color:#caa24a;color:#ffe9b0;opacity:1;box-shadow:0 0 22px rgba(232,196,106,.7)}
.qmx .skygrid i:nth-child(6){animation-delay:2s}.qmx .skygrid i:nth-child(7){animation-delay:2.4s}
.qmx .skygrid i:nth-child(8){animation-delay:2.8s}.qmx .skygrid i:nth-child(9){animation-delay:3.2s}

/* ================= 六爻 · 铜钱剑阵 ================= */
.lyx{background:radial-gradient(circle at 50% 34%,#2e2416,#181208 64%,#0b0703)}
.lyx .cap{color:#e8d2a0;text-shadow:0 0 12px rgba(232,196,106,.6)}
.lyx .yaoweb{position:absolute;left:50%;top:42%;width:220px;height:220px;margin:-110px 0 0 -110px}
.lyx .yaoweb i{position:absolute;left:50%;top:50%;width:176px;height:2px;margin:-1px 0 0 -88px;border-radius:2px;
 background:linear-gradient(90deg,transparent,#ffd98a,transparent);opacity:0;animation:webGlow 6s ease-in-out infinite}
@keyframes webGlow{0%,32%{opacity:0}48%{opacity:.95}82%,100%{opacity:.55}}
.lyx .yaoweb i:nth-child(1){transform:rotate(0);animation-delay:0}.lyx .yaoweb i:nth-child(2){transform:rotate(15deg);animation-delay:.25}
.lyx .yaoweb i:nth-child(3){transform:rotate(-15deg);animation-delay:.5}.lyx .yaoweb i:nth-child(4){transform:rotate(32deg);animation-delay:.75}
.lyx .yaoweb i:nth-child(5){transform:rotate(-32deg);animation-delay:1}.lyx .yaoweb i:nth-child(6){transform:rotate(48deg);animation-delay:1.25}
.lyx .swordcoin{position:absolute;width:46px;height:46px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#ffe9b0,#caa24a 60%,#8f6f28);border:2px solid #8f6f28;
 box-shadow:0 0 17px rgba(232,196,106,.6);opacity:0;animation:coinArray 6s ease-in-out infinite}
.lyx .swordcoin:before{content:"";position:absolute;inset:11px;border-radius:50%;border:2px solid #8f6f28}
@keyframes coinArray{0%{transform:translateY(-180px) scale(.4);opacity:0}26%{transform:translateY(0) scale(1);opacity:1}82%,100%{opacity:1}}
.lyx .sc1{left:calc(50% - 140px);top:24%}.lyx .sc2{left:calc(50% + 94px);top:24%;animation-delay:.4s}
.lyx .sc3{left:calc(50% - 112px);top:66%;animation-delay:.8s}.lyx .sc4{left:calc(50% + 66px);top:66%;animation-delay:1.2s}
.lyx .sc5{left:calc(50% - 23px);top:10%;animation-delay:1.6s}.lyx .sc6{left:calc(50% - 23px);top:78%;animation-delay:2s}

/* ================= 梅花易数 · 墨梅落卦 ================= */
.lym{background:radial-gradient(circle at 40% 30%,#1d2a3a,#0d1624 60%,#070b14)}
.lym .cap{color:#ffc8d0;text-shadow:0 0 12px rgba(255,140,170,.6)}
.lym-ring{position:absolute;left:50%;top:44%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;
 border:1.5px dashed rgba(224,185,104,.42);animation:zspin 30s linear infinite}
.mbranch{position:absolute;left:10px;top:18px;width:calc(100% - 20px);height:calc(100% - 62px);z-index:10;filter:drop-shadow(0 0 7px rgba(224,168,106,.4))}
.mbranch .bdraw{fill:none;stroke:#d8a86a;stroke-width:6;stroke-linecap:round;
 stroke-dasharray:540;stroke-dashoffset:540;animation:mbranchDraw 8s ease-in-out infinite}
@keyframes mbranchDraw{0%{stroke-dashoffset:540;opacity:.35}30%,78%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.6}}
.mbranch .bloom{transform:scale(0);animation:mBloom 8s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,150,185,.85))}
@keyframes mBloom{0%,24%{transform:scale(0)}42%,78%{transform:scale(1)}100%{transform:scale(.9)}}
.lym .mpetal{position:absolute;top:-14px;width:10px;height:10px;border-radius:62% 0 62% 0;
 background:radial-gradient(circle,#ffb0c0,#e85a78);opacity:0;animation:mpetalFall linear infinite}
@keyframes mpetalFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.9}100%{transform:translateY(460px) translateX(var(--dx,20px)) rotate(520deg);opacity:0}}
.mgua{position:absolute;left:26px;top:30px;z-index:12;display:flex;flex-direction:column;gap:7px}
.mgua i{display:block;width:44px;height:3px;border-radius:2px;transform-origin:left;
 background:linear-gradient(90deg,transparent,#ffd98a,transparent);opacity:0;animation:mguaDraw 8s ease-in-out infinite}
@keyframes mguaDraw{0%,30%{opacity:0;transform:scaleX(.2)}46%,80%{opacity:.95;transform:scaleX(1)}100%{opacity:.5}}

/* ================= 合婚 · 花好月圆 ================= */
.hhx{background:radial-gradient(circle at 50% 24%,#4a1420,#260a12 60%,#120508)}
.hhx .cap{color:#ffd9a8;text-shadow:0 0 12px rgba(255,180,120,.7)}
.hhx .moon{position:absolute;left:50%;top:24%;width:126px;height:126px;margin:-63px 0 0 -63px;border-radius:50%;
 background:radial-gradient(circle at 38% 34%,#fff8e2,#f0d99a 60%,#d2b072);box-shadow:0 0 56px rgba(255,230,170,.78)}
.hhx .moon:after{content:"";position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle at 62% 42%,rgba(200,170,120,.5),transparent 62%)}
.hhx .tongxin{position:absolute;left:50%;top:57%;width:72px;height:66px;margin:-33px 0 0 -36px;
 animation:hhxBeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,90,110,.65))}
@keyframes hhxBeat{0%,100%{transform:scale(1)}28%{transform:scale(1.1)}}
.hhx .tongxin:before,.hhx .tongxin:after{content:"";position:absolute;top:0;width:36px;height:56px;
 background:linear-gradient(#ff8fa0,#e83a58);border-radius:36px 36px 0 0}
.hhx .tongxin:before{left:0;transform:rotate(45deg);transform-origin:100% 100%}
.hhx .tongxin:after{right:0;transform:rotate(-45deg);transform-origin:0 100%}
.hhx .petal{position:absolute;top:-16px;border-radius:62% 0 62% 0;width:11px;height:11px;
 background:radial-gradient(circle,#ff9a8a,#dd3a50);opacity:0;animation:petalFall linear infinite}
@keyframes petalFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.95}100%{transform:translateY(470px) translateX(var(--dx,24px)) rotate(560deg);opacity:0}}

/* ================= 择日 · 星象定时 ================= */
.zjx{background:radial-gradient(circle at 50% 30%,#1a2348,#0b1228 62%,#05080f)}
.zjx .cap{color:#d6e0ff;text-shadow:0 0 12px rgba(140,180,255,.7)}
.zjx .starsdial{position:absolute;left:50%;top:42%;width:296px;height:296px;margin:-148px 0 0 -148px;border-radius:50%;
 border:2px solid rgba(150,190,255,.5);animation:zspin 12s linear infinite;
 background:conic-gradient(rgba(120,160,255,.14),transparent 35%,rgba(232,196,106,.16),transparent 70%)}
.zjx .starsdial:before{content:"";position:absolute;inset:52px;border-radius:50%;border:1px dashed rgba(232,196,106,.6);animation:zspinrev 8s linear infinite}
.zjx .huangdao{position:absolute;left:50%;top:42%;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;
 background:radial-gradient(circle,rgba(255,233,176,.5),transparent 70%);animation:zbreathe 2.8s ease-in-out infinite}
.zjx .huangdao:after{content:"吉";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 font-size:46px;color:#ffe9b0;font-weight:700;text-shadow:0 0 22px #e8c46a}
/* 右下角翻页历：五页依次翻动 */
.zjcal{position:absolute;right:24px;bottom:50px;width:58px;height:66px;z-index:14;perspective:700px}
.zjcal .zjbase{position:absolute;inset:0;border-radius:7px;background:linear-gradient(#e6cf96,#c9a25a);
 display:flex;align-items:center;justify-content:center;color:#7a4a18;font-size:24px;font-weight:700;
 border:1.5px solid #b08840;box-shadow:0 8px 18px rgba(0,0,0,.4)}
.zjcal .zjpg{position:absolute;inset:0;border-radius:7px;transform-origin:left center;backface-visibility:hidden;
 background:linear-gradient(#fff4d8,#ecd29a);border:1.5px solid #caa24a;
 box-shadow:inset 0 0 0 3px rgba(202,162,74,.22);
 animation:zjcalFlip 6.5s cubic-bezier(.5,.04,.4,1) infinite}
.zjcal .zjpg:before{content:"";position:absolute;left:50%;top:5px;width:8px;height:8px;margin-left:-4px;border-radius:50%;
 border:1.5px solid #b08840}
@keyframes zjcalFlip{0%,13%{transform:rotateY(0)}28%,100%{transform:rotateY(-168deg)}}
.zjcal .p1{animation-delay:0}.zjcal .p2{animation-delay:.85s}.zjcal .p3{animation-delay:1.7s}
.zjcal .p4{animation-delay:2.55s}.zjcal .p5{animation-delay:3.4s}

/* ============================================================
   知来 · 通用「我的快照」弹窗
   结构（定位/尺寸/动画/布局）统一；所有配色走 CSS 变量，
   由弹窗上的主题类切换，与各工具自身视觉风格保持一致：
     默认（无主题类）= 黄历暖橙 · 择吉日
     .zl-mmodal--zwds 紫微斗数 · 星空紫金
     .zl-mmodal--bz   八字排盘 · 藏蓝星汉
     .zl-mmodal--hhw  八字合婚 · 喜庆中国红
     .zl-mmodal--lyw  六爻起卦 · 古卷米黄
     .zl-mmodal--npw  姓名详批 · 宣纸朱红
     .zl-mmodal--qmw  奇门遁甲 · 玄墨松绿
   ============================================================ */
[data-panel="mine"].zl-mmodal{
 /* —— 默认主题：黄历暖橙（择吉日风格） —— */
 --zm-overlay:rgba(40,26,10,.58);
 --zm-box-bg:#fff6e2; --zm-box-border:#d98a3e; --zm-radius:14px;
 --zm-head-bg:linear-gradient(#fff8ea,#fdecce); --zm-head-border:#ecd6ac;
 --zm-tt:#b84518;
 --zm-close-bg:#e8c46a; --zm-close-fg:#5a2c10; --zm-close-hov-bg:#d98a3e; --zm-close-hov-fg:#fff;
 --zm-body-bg:#fff6e2; --zm-text:#3a2810;
 --zm-card-bg:#fffdf6; --zm-card-border:#e0b878;
 --zm-title:#b84518; --zm-meta:#7a5c38;
 --zm-btn-bg:#fff; --zm-btn-border:#d9a85e; --zm-btn-fg:#8a4a18;
 --zm-primary-bg:linear-gradient(#e89a3e,#d47a28); --zm-primary-border:#c8702a; --zm-primary-fg:#fff;
 --zm-danger-bg:#fff; --zm-danger-border:#d98a8a; --zm-danger-fg:#c0392b;
 --zm-link:#b84518;
 position:fixed!important;inset:0!important;z-index:999990!important;display:none;
 align-items:center;justify-content:center;padding:18px;
 background:var(--zm-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
[data-panel="mine"].zl-mmodal.open{display:flex;animation:zmFade .25s ease;}
[data-panel="mine"].zl-mmodal .zl-mbox{width:100%;max-width:480px;max-height:84vh;
 display:flex;flex-direction:column;background:var(--zm-box-bg);border:1px solid var(--zm-box-border);
 border-radius:var(--zm-radius);overflow:hidden;box-shadow:0 22px 64px rgba(0,0,0,.5);
 animation:zmPop .32s cubic-bezier(.2,.9,.3,1.18);}
[data-panel="mine"].zl-mmodal .zl-mhead{display:flex;align-items:center;justify-content:space-between;
 padding:13px 16px;border-bottom:1px solid var(--zm-head-border);background:var(--zm-head-bg);}
[data-panel="mine"].zl-mmodal .zl-mhead .tt{color:var(--zm-tt);font-weight:700;font-size:16px;letter-spacing:1px;}
[data-panel="mine"].zl-mmodal .zl-mclose{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;
 background:var(--zm-close-bg);color:var(--zm-close-fg);font-size:18px;line-height:30px;padding:0;}
[data-panel="mine"].zl-mmodal .zl-mclose:hover{background:var(--zm-close-hov-bg);color:var(--zm-close-hov-fg);}
[data-panel="mine"].zl-mmodal .zl-mbody{padding:14px 16px;overflow:auto;background:var(--zm-body-bg);}
.zl-mmodal .zl-mbody,.zl-mmodal .zl-mbody *:not(button){color:var(--zm-text)!important;}
.zl-mmodal .zl-mbody [class*="mine-item"]{background:var(--zm-card-bg)!important;border:1px solid var(--zm-card-border)!important;
 border-radius:11px;padding:12px 13px;margin:0 0 10px;box-shadow:none!important;}
.zl-mmodal .zl-mbody [class*="mine-title"]{color:var(--zm-title)!important;font-weight:700;font-size:14px;margin-bottom:4px;}
.zl-mmodal .zl-mbody [class*="mine-meta"]{font-size:11.5px;color:var(--zm-meta)!important;line-height:1.7;word-break:break-all;}
.zl-mmodal .zl-mbody [class*="mine-empty"]{color:var(--zm-meta)!important;font-size:13px;line-height:1.8;}
.zl-mmodal .zl-mbody [class*="mine-acts"]{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;}
.zl-mmodal .zl-mbody button{border:1px solid var(--zm-btn-border)!important;background:var(--zm-btn-bg)!important;
 border-radius:8px;padding:6px 11px;font-size:12px;color:var(--zm-btn-fg)!important;cursor:pointer;line-height:1.4;}
.zl-mmodal .zl-mbody button *{color:inherit!important;}
.zl-mmodal .zl-mbody a[class*="mini"],.zl-mmodal .zl-mbody a[class*="btn"]{border:1px solid var(--zm-btn-border)!important;
 background:var(--zm-btn-bg)!important;color:var(--zm-btn-fg)!important;}
.zl-mmodal .zl-mbody a:not([class*="mini"]):not([class*="btn"]){color:var(--zm-link)!important;}
.zl-mmodal .zl-mbody button.primary,.zl-mmodal .zl-mbody button[class*="primary"],
.zl-mmodal .zl-mbody a[class*="primary"]{background:var(--zm-primary-bg)!important;
 border-color:var(--zm-primary-border)!important;color:var(--zm-primary-fg)!important;}
.zl-mmodal .zl-mbody button.danger,.zl-mmodal .zl-mbody button[class*="danger"],
.zl-mmodal .zl-mbody a[class*="danger"]{background:var(--zm-danger-bg)!important;
 border-color:var(--zm-danger-border)!important;color:var(--zm-danger-fg)!important;}
@keyframes zmFade{from{opacity:0}to{opacity:1}}
@keyframes zmPop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:480px){[data-panel="mine"].zl-mmodal{padding:12px;}
 [data-panel="mine"].zl-mmodal .zl-mbox{max-height:88vh;}}

/* ========== 主题：紫微斗数 · 星空紫金 ========== */
.zl-mmodal.zl-mmodal--zwds{--zm-overlay:rgba(5,6,20,.72);
 --zm-box-bg:linear-gradient(160deg,#1c1c34,#15152b 58%,#101024);--zm-box-border:rgba(232,201,106,.4);--zm-radius:16px;
 --zm-head-bg:linear-gradient(rgba(232,201,106,.14),rgba(232,201,106,.05));--zm-head-border:rgba(232,201,106,.22);
 --zm-tt:#e8c96a;--zm-close-bg:rgba(232,201,106,.18);--zm-close-fg:#e8c96a;
 --zm-close-hov-bg:#d4a843;--zm-close-hov-fg:#16162b;
 --zm-body-bg:transparent;--zm-text:#c6c2d6;
 --zm-card-bg:linear-gradient(135deg,#1b1b32,#17223c);--zm-card-border:rgba(232,201,106,.22);
 --zm-title:#e8c96a;--zm-meta:#9aa0b5;
 --zm-btn-bg:rgba(232,201,106,.1);--zm-btn-border:rgba(232,201,106,.38);--zm-btn-fg:#e8c96a;
 --zm-primary-bg:linear-gradient(135deg,#e8c96a,#d4a843);--zm-primary-border:transparent;--zm-primary-fg:#1a1a2e;
 --zm-danger-bg:transparent;--zm-danger-border:rgba(232,154,143,.45);--zm-danger-fg:#e89a8f;
 --zm-link:#e8c96a;}

/* ========== 主题：八字排盘 · 藏蓝星汉 ========== */
.zl-mmodal.zl-mmodal--bz{--zm-overlay:rgba(3,5,18,.72);
 --zm-box-bg:linear-gradient(165deg,#111a44,#0b1030 55%,#080c24);--zm-box-border:rgba(212,175,55,.45);--zm-radius:12px;
 --zm-head-bg:linear-gradient(rgba(212,175,55,.14),rgba(212,175,55,.05));--zm-head-border:rgba(212,175,55,.25);
 --zm-tt:#e8c96a;--zm-close-bg:rgba(212,175,55,.18);--zm-close-fg:#e8c96a;
 --zm-close-hov-bg:#c9a030;--zm-close-hov-fg:#0b1030;
 --zm-body-bg:transparent;--zm-text:#c8cce0;
 --zm-card-bg:rgba(15,20,50,.75);--zm-card-border:rgba(212,175,55,.3);
 --zm-title:#e8c96a;--zm-meta:#9aa0c0;
 --zm-btn-bg:rgba(212,175,55,.06);--zm-btn-border:rgba(212,175,55,.45);--zm-btn-fg:#e8c96a;
 --zm-primary-bg:linear-gradient(135deg,#e8c96a,#c9a030);--zm-primary-border:#e8c96a;--zm-primary-fg:#2a2006;
 --zm-danger-bg:transparent;--zm-danger-border:rgba(232,154,143,.4);--zm-danger-fg:#e89a8f;
 --zm-link:#e8c96a;}

/* ========== 主题：八字合婚 · 喜庆中国红 ========== */
.zl-mmodal.zl-mmodal--hhw{--zm-overlay:rgba(60,5,8,.66);
 --zm-box-bg:linear-gradient(165deg,#971921,#7e1018 58%,#6d0d13);--zm-box-border:rgba(255,220,150,.5);--zm-radius:14px;
 --zm-head-bg:linear-gradient(rgba(255,220,150,.14),rgba(255,220,150,.05));--zm-head-border:rgba(255,220,150,.28);
 --zm-tt:#ffe9a8;--zm-close-bg:rgba(255,220,150,.2);--zm-close-fg:#ffe9a8;
 --zm-close-hov-bg:#e8a83a;--zm-close-hov-fg:#6e1016;
 --zm-body-bg:transparent;--zm-text:#ffeedd;
 --zm-card-bg:rgba(0,0,0,.22);--zm-card-border:rgba(255,220,150,.3);
 --zm-title:#ffe9a8;--zm-meta:#f0cdb8;
 --zm-btn-bg:rgba(0,0,0,.2);--zm-btn-border:rgba(255,220,150,.5);--zm-btn-fg:#fff2e0;
 --zm-primary-bg:linear-gradient(135deg,#ffe08a,#e8a83a);--zm-primary-border:transparent;--zm-primary-fg:#6e1016;
 --zm-danger-bg:transparent;--zm-danger-border:rgba(255,180,160,.55);--zm-danger-fg:#ffc4b8;
 --zm-link:#ffd98a;}

/* ========== 主题：六爻起卦 · 古卷米黄 ========== */
.zl-mmodal.zl-mmodal--lyw{--zm-overlay:rgba(70,48,18,.55);
 --zm-box-bg:linear-gradient(170deg,#f7ecd0,#ecdcb8);--zm-box-border:#b98d4e;--zm-radius:14px;
 --zm-head-bg:linear-gradient(#fbf2dc,#efe0c0);--zm-head-border:#d9bc84;
 --zm-tt:#6e4618;--zm-close-bg:#e2cd9c;--zm-close-fg:#5a3a14;
 --zm-close-hov-bg:#a07a3c;--zm-close-hov-fg:#fff8e8;
 --zm-body-bg:transparent;--zm-text:#4a3417;
 --zm-card-bg:rgba(255,252,244,.8);--zm-card-border:rgba(150,100,40,.32);
 --zm-title:#6e4618;--zm-meta:#8a6d3e;
 --zm-btn-bg:rgba(255,252,244,.7);--zm-btn-border:rgba(150,100,40,.5);--zm-btn-fg:#6b4e26;
 --zm-primary-bg:linear-gradient(135deg,#a07a3c,#6e5020);--zm-primary-border:transparent;--zm-primary-fg:#fff8e8;
 --zm-danger-bg:rgba(255,252,244,.7);--zm-danger-border:#c98a8a;--zm-danger-fg:#a53224;
 --zm-link:#8a5a1e;}

/* ========== 主题：姓名详批 · 宣纸朱红 ========== */
.zl-mmodal.zl-mmodal--npw{--zm-overlay:rgba(74,32,16,.55);
 --zm-box-bg:linear-gradient(170deg,#fbf4e2,#f2e4c4);--zm-box-border:#c9a262;--zm-radius:14px;
 --zm-head-bg:linear-gradient(#fdf7e6,#f3e6c8);--zm-head-border:#ddc08a;
 --zm-tt:#7a2c1c;--zm-close-bg:#e8d3a6;--zm-close-fg:#6e2a18;
 --zm-close-hov-bg:#b3402a;--zm-close-hov-fg:#ffe9c8;
 --zm-body-bg:transparent;--zm-text:#4a2c1a;
 --zm-card-bg:rgba(255,252,244,.7);--zm-card-border:rgba(179,64,42,.28);
 --zm-title:#7a2c1c;--zm-meta:#8a6d44;
 --zm-btn-bg:rgba(255,252,244,.75);--zm-btn-border:rgba(179,64,42,.42);--zm-btn-fg:#7a2c1c;
 --zm-primary-bg:linear-gradient(135deg,#b3402a,#8e2f1d);--zm-primary-border:#8e2f1d;--zm-primary-fg:#ffe9c8;
 --zm-danger-bg:rgba(255,252,244,.75);--zm-danger-border:rgba(200,90,70,.5);--zm-danger-fg:#b3402a;
 --zm-link:#b3402a;}

/* ========== 主题：奇门遁甲 · 玄墨松绿 ========== */
.zl-mmodal.zl-mmodal--qmw{--zm-overlay:rgba(4,16,12,.68);
 --zm-box-bg:linear-gradient(170deg,#183027,#10241c 58%,#0c1c15);--zm-box-border:rgba(196,154,80,.45);--zm-radius:14px;
 --zm-head-bg:linear-gradient(rgba(196,154,80,.14),rgba(196,154,80,.05));--zm-head-border:rgba(196,154,80,.26);
 --zm-tt:#ecd9a0;--zm-close-bg:rgba(196,154,80,.2);--zm-close-fg:#ecd9a0;
 --zm-close-hov-bg:#d4af56;--zm-close-hov-fg:#1a2420;
 --zm-body-bg:transparent;--zm-text:#d6d2bc;
 --zm-card-bg:rgba(255,255,255,.055);--zm-card-border:rgba(196,154,80,.26);
 --zm-title:#f0e2c0;--zm-meta:#b3ac8c;
 --zm-btn-bg:rgba(255,255,255,.06);--zm-btn-border:rgba(196,154,80,.45);--zm-btn-fg:#ece0c2;
 --zm-primary-bg:linear-gradient(135deg,#c99a3e,#e6c15c);--zm-primary-border:#e0b968;--zm-primary-fg:#2a2008;
 --zm-danger-bg:transparent;--zm-danger-border:rgba(200,90,70,.5);--zm-danger-fg:#e8a89a;
 --zm-link:#e6c15c;}