/* 渣男渣女检测模块 - 奇门数术 (zhazha) */
#zzApp{position:fixed;inset:0;z-index:60;display:none;background:linear-gradient(180deg,#0d0d2b 0%,#1a1a3e 50%,#0d0d2b 100%);color:#e8e0d0;overflow-y:auto;-webkit-overflow-scrolling:touch}
#zzApp.show{display:block}
.zz-wrap{max-width:420px;margin:0 auto;padding:0 16px 48px}
.zz-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 0 6px;position:sticky;top:0;background:linear-gradient(180deg,#0d0d2b 70%,rgba(13,13,43,0));z-index:5}
.zz-back{width:38px;height:38px;border-radius:12px;border:1px solid rgba(212,168,67,.25);background:rgba(255,255,255,.04);color:#d4a843;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.zz-back:active{transform:scale(.94)}
.zz-hdr-title{text-align:center;flex:1;font-size:16px;font-weight:700;color:#f5e6b8;letter-spacing:2px}
.zz-hdr-sp{width:38px}
.zz-hero{text-align:center;padding:22px 0 10px}
.zz-hero .ic{font-size:46px;display:block;margin-bottom:6px;filter:drop-shadow(0 0 12px rgba(212,168,67,.35))}
.zz-hero h2{font-size:22px;font-weight:800;background:linear-gradient(135deg,#ff6b81,#d4a843,#ff6b81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:3px}
.zz-hero p{color:#8a7e6a;font-size:12.5px;margin-top:6px;line-height:1.7}
.zz-card{background:rgba(255,255,255,.04);border:1px solid rgba(212,168,67,.22);border-radius:18px;padding:20px 18px;margin:14px 0}
.zz-fld{margin-bottom:16px}
.zz-fld label{display:block;font-size:13px;color:#d4a843;font-weight:600;margin-bottom:8px;letter-spacing:1px}
.zz-in{width:100%;box-sizing:border-box;background:rgba(0,0,0,.25);border:1px solid rgba(212,168,67,.3);border-radius:12px;padding:13px 14px;color:#f5e6b8;font-size:16px;outline:none;font-family:inherit}
.zz-in:focus{border-color:#d4a843;box-shadow:0 0 12px rgba(212,168,67,.15)}
.zz-in::placeholder{color:#5a5348}
.zz-in.date{color-scheme:dark}
.zz-row2{display:flex;gap:10px}
.zz-row2>*{flex:1}
.zz-pick{display:flex;gap:10px}
.zz-pick .opt{flex:1;height:48px;border:2px solid rgba(212,168,67,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#8a7e6a;background:rgba(0,0,0,.2);cursor:pointer;transition:.2s}
.zz-pick .opt.on{border-color:#d4a843;background:rgba(212,168,67,.1);color:#f5e6b8;box-shadow:0 0 12px rgba(212,168,67,.15)}
.zz-btn{display:block;width:100%;padding:15px;border-radius:16px;border:none;font-size:16px;font-weight:800;letter-spacing:2px;cursor:pointer;font-family:inherit;transition:.2s}
.zz-btn:active{transform:scale(.97)}
.zz-btn-gold{background:linear-gradient(135deg,#d4a843,#b8912e);color:#0d0d2b;box-shadow:0 4px 18px rgba(212,168,67,.25)}
.zz-btn-pink{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;box-shadow:0 4px 18px rgba(255,71,87,.25)}
.zz-btn-ghost{background:transparent;border:1px solid rgba(212,168,67,.35);color:#d4a843}
.zz-btn-dis{opacity:.45;pointer-events:none}
.zz-prog{padding:8px 0 4px}
.zz-prog .bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.zz-prog .fill{height:100%;background:linear-gradient(90deg,#d4a843,#ff6b81);border-radius:3px;transition:width .35s ease}
.zz-prog .txt{display:flex;justify-content:space-between;color:#8a7e6a;font-size:11px;margin-top:6px}
.zz-q{text-align:center;padding:14px 0 4px}
.zz-q .dim{display:inline-block;font-size:11px;color:#0d0d2b;background:linear-gradient(135deg,#d4a843,#e8c24e);border-radius:20px;padding:4px 14px;font-weight:700;letter-spacing:2px;margin-bottom:14px}
.zz-q .qt{font-size:18px;font-weight:700;color:#f5e6b8;line-height:1.7;letter-spacing:.5px}
.zz-opts{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.zz-opt{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:15px 16px;font-size:14.5px;color:#e8e0d0;background:rgba(255,255,255,.04);cursor:pointer;line-height:1.6;transition:.15s;text-align:left}
.zz-opt:active{transform:scale(.98);border-color:#d4a843;background:rgba(212,168,67,.08)}
.zz-opt.sel{border-color:#d4a843;background:rgba(212,168,67,.1);color:#f5e6b8}
.zz-center{text-align:center}
.zz-blur{filter:blur(9px);pointer-events:none;user-select:none}
.zz-score-row{display:flex;gap:12px;margin:14px 0}
.zz-score-box{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 8px;text-align:center;position:relative}
.zz-score-box .lbl{font-size:11px;color:#8a7e6a;margin-bottom:6px;letter-spacing:1px}
.zz-score-box .val{font-size:30px;font-weight:900;color:#f5e6b8}
.zz-score-box .sub{font-size:10px;color:#6a6258;margin-top:4px}
.zz-badge{display:inline-block;border-radius:20px;padding:6px 18px;font-size:14px;font-weight:800;letter-spacing:2px}
.zz-flag{display:flex;align-items:flex-start;gap:8px;padding:10px 2px;font-size:13.5px;line-height:1.7;border-bottom:1px solid rgba(255,255,255,.05)}
.zz-flag:last-child{border-bottom:none}
.zz-flag .fdot{color:#ff4757;font-weight:900;flex-shrink:0}
.zz-lockbox{background:rgba(255,71,87,.07);border:1.5px dashed rgba(255,107,129,.4);border-radius:18px;padding:22px 18px;text-align:center;margin:16px 0}
.zz-lockbox .t{font-size:17px;font-weight:800;color:#ff8a80;margin-bottom:6px}
.zz-lockbox .d{font-size:12.5px;line-height:1.8;color:#c8a0a8}
.zz-entry-tag{display:inline-block;font-size:11px;color:#0d0d2b;background:linear-gradient(135deg,#ff6b81,#ff4757);border-radius:20px;padding:4px 12px;font-weight:800;letter-spacing:2px;margin-bottom:10px}
.zz-entry-title{font-size:22px;font-weight:900;background:linear-gradient(135deg,#ff6b81,#f5e6b8,#ff6b81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;margin-bottom:8px}
.zz-entry-desc{font-size:12.5px;color:#8a7e6a;line-height:1.8;margin-bottom:14px}
.zz-entry-btn{margin:0 auto;display:inline-block;background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;font-size:15px;font-weight:800;letter-spacing:2px;border-radius:14px;padding:13px 34px;cursor:pointer;box-shadow:0 4px 18px rgba(255,71,87,.3);transition:.2s}
.zz-entry-btn:active{transform:scale(.96)}
.zz-price{font-size:40px;font-weight:900;color:#f5e6b8;margin:10px 0 2px}
.zz-price .rmb{font-size:18px;vertical-align:8px;color:#d4a843}
.zz-price-was{font-size:12px;color:#6a6258;margin-bottom:14px}
.zz-code-row{display:flex;gap:10px;margin-top:14px}
.zz-code-row .zz-in{flex:1;letter-spacing:2px;text-transform:uppercase}
.zz-div{display:flex;align-items:center;gap:10px;color:#5a5348;font-size:11px;margin:16px 0}
.zz-div::before,.zz-div::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08)}
.zz-sec{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px 18px;margin-bottom:14px;position:relative;overflow:hidden}
.zz-sec::after{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.zz-sec.zz-sz::after{background:linear-gradient(90deg,#ff4757,#ff6b81)}
.zz-sec.zz-sn::after{background:linear-gradient(90deg,#d4a843,#f39c12)}
.zz-sec.zz-sl::after{background:linear-gradient(90deg,#3742fa,#5352ed)}
.zz-sec.zz-sf::after{background:linear-gradient(90deg,#ff4757,#ff6348)}
.zz-sec.zz-sa::after{background:linear-gradient(90deg,#2ed573,#7bed9f)}
.zz-sec h3{font-size:16.5px;font-weight:800;margin-bottom:12px;color:#f5e6b8;letter-spacing:1px}
.zz-sec .rt{font-size:14px;line-height:1.9;color:#e8e0d0;white-space:pre-line}
.zz-sec .rt b{color:#d4a843}
.zz-verdict{background:rgba(255,71,87,.09);border:2px solid rgba(255,71,87,.35);border-radius:18px;padding:24px 18px;margin-bottom:14px;text-align:center;position:relative;overflow:hidden}
.zz-verdict::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4757,#ff6348,#ff4757);animation:zzPulse 2s infinite}
@keyframes zzPulse{0%,100%{opacity:1}50%{opacity:.4}}
.zz-verdict .vt{font-size:20px;font-weight:900;color:#ff6347;letter-spacing:2px;margin-bottom:8px}
.zz-verdict .vd{font-size:13.5px;color:#ffab91;line-height:1.8}
.zz-dial{width:130px;height:130px;border-radius:50%;margin:8px auto 6px;display:flex;align-items:center;justify-content:center;position:relative}
.zz-dial .inner{width:106px;height:106px;border-radius:50%;background:#12122e;display:flex;flex-direction:column;align-items:center;justify-content:center}
.zz-dial .dv{font-size:34px;font-weight:900;color:#f5e6b8;line-height:1}
.zz-dial .dl{font-size:10px;color:#8a7e6a;margin-top:4px}
.zz-probwrap{margin:10px 0 4px}
.zz-probbar{height:14px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.zz-probbar .pf{height:100%;border-radius:7px;background:linear-gradient(90deg,#2ed573,#f39c12 55%,#ff4757);transition:width 1s ease}
.zz-probnum{font-size:15px;font-weight:900;margin-top:8px}
.zz-agree{font-size:11px;color:#6a6258;line-height:1.8;text-align:center;margin-top:14px}
.zz-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.zz-tag{font-size:11.5px;padding:5px 12px;border-radius:14px;border:1px solid rgba(212,168,67,.3);color:#d4a843;background:rgba(212,168,67,.06)}
.zz-contact-mini{display:flex;gap:10px;margin-top:14px}
.zz-contact-mini .cbtn{flex:1;padding:12px;border-radius:12px;text-align:center;font-size:13px;font-weight:700;cursor:pointer;border:1px solid rgba(46,213,115,.4);color:#2ed573;background:rgba(46,213,115,.07)}
.zz-contact-mini .cbtn:active{transform:scale(.97)}
.zz-fade{animation:zzUp .4s ease both}
@keyframes zzUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.zz-hidden{display:none!important}
#zzPoster{position:fixed;top:-9999px;left:0;width:420px;background:linear-gradient(180deg,#0d0d2b,#1a1a3e);padding:36px 24px;color:#e8e0d0}
#zzPoster .ph{text-align:center;font-size:26px;font-weight:900;background:linear-gradient(135deg,#d4a843,#f5e6b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;margin-bottom:4px}
#zzPoster .ps{text-align:center;font-size:11px;color:#8a7e6a;margin-bottom:18px}
#zzPoster .pv{text-align:center;font-size:44px;font-weight:900;color:#ff6347;letter-spacing:2px}
#zzPoster .pl{text-align:center;font-size:13px;color:#f5e6b8;margin:8px 0 16px}
#zzPoster .pb{display:flex;gap:8px;margin:14px 0}
#zzPoster .pi{flex:1;background:rgba(255,255,255,.06);border-radius:10px;padding:10px 6px;text-align:center}
#zzPoster .pi .k{font-size:10px;color:#8a7e6a}
#zzPoster .pi .v{font-size:17px;font-weight:800;color:#f5e6b8;margin-top:3px}
#zzPoster .pf2{text-align:center;font-size:10px;color:#6a6258;margin-top:18px;padding-top:12px;border-top:1px solid rgba(212,168,67,.15);line-height:1.8}
.zz-warnline{background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.25);border-radius:10px;padding:10px 12px;font-size:12px;color:#e8c24e;line-height:1.7;margin-top:10px}

.zz-qr-row{display:flex;gap:12px;justify-content:center;margin-top:6px}
.zz-qr{background:#fff;border-radius:12px;padding:8px;width:150px;text-align:center}
.zz-qr img{width:134px;height:134px;object-fit:contain;display:block;margin:0 auto}
.zz-qr .qn{font-size:12px;color:#1a1a1a;font-weight:700;margin-top:4px}