/* ============================================================
 * 零投诉设计（黑猫避坑落地）—— .z0-* 前缀
 * 1) 定价规则明示面板（index.html I1 三档定价区）
 * 2) 购买确认弹窗（复用 .v10-mask / .v10-modal 外壳）
 * 3) 设置页「客服与售后」常驻入口
 * 4) keys.html 充值入口规则条
 * 颜色：全部复用既有浅蓝白 hex（#38BDF8 / #F0F4FA / #1d2129…），零深色引入
 * ============================================================ */

/* ---------- 1. 买断规则明示大面板 ---------- */
.z0-buyout{
  border:1.5px solid #91caff;
  background:linear-gradient(160deg,#ffffff 0%,#E9F1FC 100%);
  border-radius:16px;padding:20px 22px;margin-bottom:14px;
}
.z0-buyout-badge{
  display:inline-block;font-size:12px;font-weight:600;color:#1d2129;
  background:#FFFFFF;border:1px solid #C9DCF5;border-radius:999px;
  padding:3px 10px;margin-bottom:10px;
}
.z0-buyout-big{
  font-size:24px;font-weight:800;color:#1d2129;line-height:1.25;
  letter-spacing:.3px;
}
.z0-buyout-eq{font-size:14px;color:#1d2129;margin-top:6px;font-weight:600;}
.z0-buyout-cmp{font-size:12px;color:#606266;margin-top:8px;line-height:1.7;background:#fff;border-radius:8px;padding:7px 11px;border:1px dashed #91caff;}
.z0-buyout-body{font-size:16px;color:#3A4A60;margin-top:8px;line-height:1.7;}
.z0-buyout-note{
  font-size:13px;color:#606266;margin-top:8px;line-height:1.7;
  background:#FFFFFF;border-radius:12px;padding:9px 12px;border:1px dashed #91caff;
}
.z0-buyout-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;}
.z0-buyout-foot .z0-micro{font-size:12px;color:#909399;}

/* ---------- 月卡 / 体验卡 / 免费版 行内规则标注 ---------- */
.z0-tier-note{font-size:13px;color:#606266;line-height:1.6;margin-top:6px;}

/* ---------- 权益脚注：防误解三句 + 宣传三句（不藏小字，正常可读字号） ---------- */
.z0-foot{
  border:1px solid #dcdfe6;background:#FFFFFF;border-radius:12px;
  padding:14px 18px;margin-top:4px;
}
.z0-foot-title{font-size:14px;font-weight:700;color:#1d2129;margin-bottom:8px;}
.z0-foot-list{margin:0;padding:0;list-style:none;}
.z0-foot-list li{
  font-size:13px;color:#606266;line-height:1.9;padding-left:20px;position:relative;
}
.z0-foot-list li::before{content:'✓';position:absolute;left:2px;color:#38BDF8;font-weight:700;}
.z0-slogans{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.z0-slogan{
  font-size:13px;color:#1d2129;background:#ffffff;border:1px solid #D3E2F6;
  border-radius:999px;padding:5px 12px;
}

/* ---------- 2. 购买确认弹窗（.v10-modal 外壳内） ---------- */
.z0-amount{font-size:30px;font-weight:800;color:#1d2129;margin:10px 0 2px;}
.z0-amount small{font-size:13px;font-weight:500;color:#909399;}
.z0-sum-block{
  background:#ffffff;border:1px solid #dcdfe6;border-radius:12px;
  padding:11px 14px;margin:12px 0;
}
.z0-sum-block .z0-sum-line{font-size:13px;color:#3A4A60;line-height:1.9;}
.z0-sum-block .z0-sum-line b{color:#1d2129;}
.z0-agree{
  display:flex;gap:8px;align-items:flex-start;margin:12px 0 4px;
  font-size:13px;color:#606266;line-height:1.6;cursor:pointer;
}
.z0-agree input{margin-top:3px;accent-color:#38BDF8;}
.z0-modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;}
.z0-btn-off{opacity:.45;pointer-events:none;}

/* ---------- 3. 设置页 · 客服与售后组 ---------- */
.z0-card{
  background:#FFFFFF;border:1px solid #dcdfe6;border-radius:16px;
  padding:18px 20px;margin-bottom:14px;
}
.z0-card-h{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.z0-card-h .z0-ic{
  width:30px;height:30px;border-radius:8px;background:#e6f4ff;
  display:flex;align-items:center;justify-content:center;font-size:16px;
}
.z0-card-h b{font-size:16px;color:#1d2129;}
.z0-card p{font-size:13px;color:#606266;line-height:1.8;margin:4px 0;}
.z0-rule-chip{
  display:inline-block;font-size:12px;color:#ff7d00;background:#FFF7E8;
  border:1px solid #F0E0B8;border-radius:8px;padding:3px 9px;margin:2px 6px 2px 0;
}
.z0-form-row{margin-top:10px;}
.z0-form-row label{display:block;font-size:13px;color:#606266;margin-bottom:4px;}
.z0-input{
  width:100%;box-sizing:border-box;border:1px solid #C9DCF5;border-radius:12px;
  padding:9px 12px;font-size:14px;background:#ffffff;color:#1d2129;outline:none;
}
.z0-input:focus{border-color:#38BDF8;}
textarea.z0-input{min-height:64px;resize:vertical;}
.z0-form-foot{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap;}
.z0-mail{
  font-size:13px;color:#1d2129;background:#ffffff;border-radius:8px;
  padding:4px 10px;border:1px solid #D3E2F6;display:inline-block;
}
.z0-minor{
  background:#F8FAFE;border:1px dashed #C9DCF5;border-radius:12px;
  padding:10px 14px;font-size:13px;color:#606266;line-height:1.8;margin-top:8px;
}

/* ---------- 4. keys.html 充值入口规则条 ---------- */
.z0-key-note{
  border:1px solid #dcdfe6;background:#F8FBFF;border-radius:12px;
  padding:13px 16px;margin:14px 0;font-size:13px;color:#606266;line-height:1.8;
}
.z0-key-note b{color:#1d2129;}

/* ---------- 5. 7 天退款口径（浅绿/浅红，复用既有 soft 色，零深色） ---------- */
.z0-refund-line{
  font-size:13px;color:#2F6B45;background:#EAF6EE;border:1px solid #CBE7D6;
  border-radius:8px;padding:6px 11px;margin-top:10px;line-height:1.6;
}
.z0-refund-ok{
  background:#EAF6EE;border:1px solid #BFE3CE;border-radius:12px;
  padding:11px 14px;color:#2F6B45;
}
.z0-refund-lock{
  background:#FDF0EC;border:1px solid #F0D2C6;border-radius:12px;
  padding:11px 14px;color:#9C4A33;
}

/* ---------- 6. 升级提醒条（可折叠，倒计时每天刷新，过半切文案） ---------- */
.z0-upgrade{
  border:1px solid #dcdfe6;border-radius:12px;background:#ffffff;
  margin:12px 0;overflow:hidden;
}
.z0-upgrade-head{
  display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;
  cursor:pointer;padding:11px 14px;font-size:13px;color:#1d2129;text-align:left;
}
.z0-upgrade-ic{font-size:14px;}
.z0-upgrade-title{flex:1;line-height:1.55;}
.z0-upgrade-badge{
  font-size:12px;color:#ff7d00;background:#FFF7E8;border:1px solid #F0E0B8;
  border-radius:8px;padding:1px 7px;flex:none;
}
.z0-upgrade-arrow{color:#909399;transition:transform .2s;flex:none;}
.z0-upgrade.z0-open .z0-upgrade-arrow{transform:rotate(180deg);}
.z0-upgrade-body{display:none;padding:0 14px 12px;font-size:13px;color:#606266;line-height:1.8;}
.z0-upgrade.z0-open .z0-upgrade-body{display:block;}
.z0-upgrade-closed .z0-upgrade-title{color:#909399;}

/* ---------- 7. 定价卡 · 升级抵扣规则块（差价表+窗口规则大字） ---------- */
.z0-upg-rule{
  border:1.5px solid #91caff;background:#ffffff;border-radius:16px;
  padding:16px 20px;margin-bottom:14px;
}
.z0-upg-title{font-size:16px;font-weight:700;color:#1d2129;margin-bottom:10px;}
.z0-upg-grid{display:flex;gap:10px;flex-wrap:wrap;}
.z0-upg-cell{
  background:#FFFFFF;border:1px solid #D3E2F6;border-radius:12px;
  padding:8px 12px;font-size:13px;color:#606266;
}
.z0-upg-cell b{color:#1d2129;margin-left:6px;}
.z0-upg-window{margin-top:10px;font-size:13px;color:#606266;line-height:1.8;}

/* ---------- 8. 生成价格说明块（双轨：会员零差价 / 非会员+0.05/秒） ---------- */
.z0-price-note{
  border:1.5px solid #91caff;background:#ffffff;border-radius:16px;
  padding:16px 20px;margin-bottom:14px;
}
.z0-pn-title{font-size:16px;font-weight:700;color:#1d2129;margin-bottom:10px;}
.z0-pn-row{display:flex;gap:10px;flex-wrap:wrap;}
.z0-pn-cell{
  flex:1;min-width:220px;background:#FFFFFF;border:1px solid #D3E2F6;
  border-radius:12px;padding:10px 13px;font-size:13px;color:#606266;line-height:1.7;
}
.z0-pn-cell b{color:#1d2129;}
.z0-pn-split{
  margin-top:10px;font-size:13px;color:#606266;background:#FFFFFF;
  border:1px dashed #91caff;border-radius:8px;padding:7px 11px;
}
.z0-pn-state{margin-top:8px;font-size:13px;color:#1d2129;}
.z0-pn-slogan{margin-top:8px;font-size:13px;color:#1d2129;}

/* ---------- 9. 算力钱包卡（keys.html，双轨扣费拆分） ---------- */
.z0-wallet{
  border:1px solid #dcdfe6;background:#ffffff;border-radius:12px;
  padding:14px 16px;margin:14px 0;
}
.z0-wallet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.z0-wallet-head b{font-size:16px;color:#1d2129;}
.z0-wallet-state{
  font-size:12px;color:#2F6B45;background:#EAF6EE;border:1px solid #CBE7D6;
  border-radius:999px;padding:2px 9px;
}
.z0-wallet-balance{font-size:13px;color:#606266;}
.z0-wallet-balance b{font-size:20px;color:#1d2129;margin-left:6px;}
.z0-wallet-tiers,.z0-wallet-rule{font-size:13px;color:#606266;line-height:1.8;margin-top:6px;}
.z0-wallet-split{
  margin-top:10px;background:#FFFFFF;border:1px solid #D3E2F6;border-radius:12px;
  padding:9px 12px;font-size:13px;color:#606266;
}
.z0-ws-row{margin-top:4px;}
.z0-wallet-slogan{margin-top:9px;font-size:13px;color:#1d2129;}
.z0-pn-updated{
  font-size:13px;color:#1d2129;background:#FFFFFF;border:1px solid #D3E2F6;
  border-radius:8px;padding:7px 11px;margin-bottom:10px;
}
.z0-pn-voice{margin-top:6px;font-size:12px;color:#2F6B45;}

/* ---------- 10. 官方价价格源卡（keys，不覆盖 P0a 面板） ---------- */
.z0-price-src{
  border:1px solid #dcdfe6;background:#ffffff;border-radius:12px;
  padding:14px 16px;margin:14px 0;
}
.z0-ps-title{font-size:14px;font-weight:700;color:#1d2129;margin-bottom:8px;}
.z0-ps-row{font-size:13px;color:#606266;}
.z0-ps-row b{color:#1d2129;font-size:14px;margin-left:4px;}
.z0-ps-at{margin-left:8px;font-size:12px;color:#909399;}
.z0-ps-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.z0-ps-hint{
  margin-top:8px;font-size:12px;color:#ff7d00;background:#FFF7E8;
  border:1px solid #F0E0B8;border-radius:8px;padding:6px 10px;
}
.z0-sign{
  font-size:14px;color:#2E4A70;background:#EAF6EE;border:1px solid #CBE7D6;
  border-radius:12px;padding:8px 12px;margin:10px 0;
}
.z0-sign-hint{font-size:12px;color:#606266;margin-left:6px;}
.z0-sign-hint a{color:#1d2129;text-decoration:none;}

/* ---------- 11. 站内通知铃 + 面板 ---------- */
.z0-notif-bell{
  position:fixed;top:14px;right:16px;z-index:120;cursor:pointer;
  background:#FFFFFF;border:1px solid #dcdfe6;border-radius:999px;
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(60,100,160,.14);
}
.z0-nb-ic{font-size:16px;}
.z0-nb-count{
  position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:999px;
  background:#f53f3f;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0 4px;
}
.z0-notif-panel{
  position:fixed;top:58px;right:16px;z-index:120;width:340px;max-height:60vh;overflow:auto;
  background:#FFFFFF;border:1px solid #dcdfe6;border-radius:12px;
  box-shadow:0 16px 44px rgba(50,90,150,.22);
}
.z0-np-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:11px 14px;border-bottom:1px solid #EAF1FB;font-size:14px;font-weight:700;color:#1d2129;
}
.z0-np-close{cursor:pointer;color:#909399;font-size:12px;}
.z0-np-item{padding:10px 14px;border-bottom:1px solid #F2F6FC;font-size:13px;color:#606266;line-height:1.7;}
.z0-np-item b{color:#1d2129;}
.z0-np-empty{padding:18px;text-align:center;font-size:13px;color:#909399;}

/* ---------- 12. 到期降级说明卡 / 通知设置开关 ---------- */
.z0-expiry-card{
  border:1.5px solid #F0D2C6;background:#FDF6F3;border-radius:12px;
  padding:14px 18px;margin:14px 0;
}
.z0-expiry-card b{color:#9C4A33;}
.z0-expiry-card ul{margin:6px 0 0 18px;padding:0;font-size:13px;color:#7A5A4A;line-height:1.9;}
.z0-pref-row{
  display:flex;align-items:center;gap:10px;padding:8px 2px;
  font-size:13px;color:#3A4A60;border-bottom:1px dashed #E3ECF8;
}
.z0-pref-row:last-child{border-bottom:none;}
.z0-pref-row input{accent-color:#38BDF8;}

/* ---------- 13. 免费/付费对比表 + 拼团 ---------- */
.z0-cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;}
.z0-cmp-col{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.8;}
.z0-cmp-col ul{margin:6px 0 0 18px;padding:0;}
.z0-cmp-free{background:#F4F7FC;border:1px solid #DCE6F4;color:#606266;}
.z0-cmp-paid{background:#EAF3FB;border:1px solid #C5DCF2;color:#1d2129;}
.z0-cmp-note{margin-top:8px;font-size:12px;color:#606266;background:#fff;border-radius:8px;padding:6px 10px;border:1px dashed #91caff;}
.z0-gb-entry{margin-top:12px;text-align:center;}
.z0-gb-row{font-size:13px;color:#3A4A60;line-height:1.8;margin:6px 0;}
.z0-gb-link{margin:10px 0;font-size:13px;background:#F4F8FD;border:1px dashed #91caff;border-radius:8px;padding:8px 12px;color:#1d2129;}
.z0-gb-warn{margin:10px 0;font-size:12px;color:#ff7d00;background:#FFF7E8;border:1px solid #F0E0B8;border-radius:8px;padding:8px 12px;}

/* ---------- 14. 双通道解锁说明卡 ---------- */
.z0-unlock{
  border:1.5px solid #B9D8F0;background:#F3F9FE;border-radius:12px;padding:13px 16px;margin:12px 0;
}
.z0-unlock-h{font-size:14px;color:#1d2129;font-weight:700;}
.z0-unlock-list{margin:7px 0 0 18px;padding:0;font-size:13px;color:#606266;line-height:1.85;}
.z0-unlock-list b{color:#1d2129;}

/* ---------- 15. 早鸟/赠品/onboarding/宜家效应 ---------- */
.z0-buyout-bird{
  font-size:13px;color:#8A4A20;background:#FFF1E3;border:1px solid #F3D3AC;
  border-radius:8px;padding:6px 11px;margin-top:8px;font-weight:600;
}
.z0-buyout-gift{font-size:13px;color:#2E6A4A;background:#EAF6EE;border:1px solid #C9E7D4;border-radius:8px;padding:6px 11px;margin-top:6px;}
.z0-onboard{
  margin-top:12px;font-size:13px;color:#1d2129;background:#EAF3FC;border:1px solid #C5DCF2;
  border-radius:12px;padding:9px 13px;
}
.z0-ikea{/* 复用 z0-price-note */}
.z0-rd-list{margin:7px 0 0 18px;padding:0;font-size:13px;color:#606266;line-height:1.9;}
.z0-rd-list b{color:#1d2129;}

/* ---------- 16. 意见反馈体系 ---------- */
.z0-fb-float{
  position:fixed;bottom:22px;right:18px;z-index:119;cursor:pointer;
  background:linear-gradient(120deg,#38BDF8,#7AA8DC);color:#fff;font-size:13px;font-weight:600;
  padding:10px 16px;border-radius:999px;box-shadow:0 8px 22px rgba(70,120,190,.3);
}
.z0-fb{max-width:560px;}
.z0-fb-tabs{display:flex;gap:6px;border-bottom:1px solid #E3ECF8;margin-bottom:12px;}
.z0-fb-tab{
  background:none;border:none;padding:8px 14px;font-size:13px;color:#606266;cursor:pointer;
  border-bottom:2px solid transparent;
}
.z0-fb-tab.on{color:#1d2129;font-weight:700;border-bottom-color:#38BDF8;}
.z0-fb-promise{font-size:12px;color:#ff7d00;background:#FFF7E8;border-radius:8px;padding:6px 10px;margin:8px 0;}
.z0-fb-item{padding:9px 0;border-bottom:1px dashed #E3ECF8;font-size:13px;color:#606266;line-height:1.7;}
.z0-fb-item b{color:#1d2129;}
.z0-fb-tag{background:#EAF3FC;color:#1d2129;border-radius:8px;padding:1px 7px;font-size:12px;margin:0 4px;}
.z0-fb-status{color:#2E6A4A;font-size:12px;}
.z0-fb-award{color:#9C6A1A;font-size:12px;margin-top:3px;}
.z0-fb-rater{margin-top:4px;font-size:12px;}
.z0-fb-rate a{margin-right:6px;color:#1d2129;cursor:pointer;text-decoration:none;}
.z0-fb-note{color:#909399;font-size:12px;}
.z0-fb-honor-tier{margin-top:10px;font-size:12px;color:#606266;line-height:1.8;}
.z0-fb-honor-tier ul{margin:4px 0 0 18px;padding:0;}

/* ---------- 17. 关键条款显著化 + 保价规则 ---------- */
.z0-key-clauses{
  margin-top:10px;border:1.5px solid #F0D2C6;background:#FDF6F3;border-radius:12px;padding:10px 13px;
}
.z0-kc-row{font-size:13px;color:#7A4A3A;line-height:1.8;padding:2px 0;}
.z0-kc-row b{color:#9C4A33;}
.z0-price-guard{
  margin-top:8px;font-size:12px;color:#ff7d00;background:#FFF7E8;border:1px solid #F0E0B8;
  border-radius:8px;padding:6px 11px;font-weight:600;
}
.z0-topup-warn{
  margin-top:10px;font-size:12px;color:#9C4A33;background:#FDF1EE;border:1px solid #F0C9C0;
  border-radius:8px;padding:8px 12px;line-height:1.7;
}