*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0a0a12;color:#f0f0f5;min-height:100vh}
.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25}
.orb:nth-child(1){width:300px;height:300px;background:#ff6b9d;top:-5%;left:-10%}
.orb:nth-child(2){width:250px;height:250px;background:#a855f7;top:30%;right:-10%}
.orb:nth-child(3){width:280px;height:280px;background:#00d4ff;bottom:-10%;left:20%}
.wrap{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:48px 20px 32px}
.brand{text-align:center;margin-bottom:18px}
h1{font-size:32px;font-weight:900;margin-bottom:6px}
.slogan{color:#8a8a9a;font-size:14px}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:24px;margin-bottom:16px}
.question-field{margin-bottom:12px}
.question-field label{display:block;font-size:11px;color:#8a8a9a;margin-bottom:5px;font-weight:500}
.question-field textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;color:#f0f0f5;font-size:14px;outline:none;font-family:inherit;resize:none;min-height:70px;line-height:1.6}
.question-field textarea:focus{border-color:#a855f7;background:rgba(255,255,255,.07)}
.hint{font-size:12px;color:#8a8a9a;margin-bottom:16px;padding:10px 14px;background:rgba(255,255,255,.02);border-radius:10px;border:1px solid rgba(255,255,255,.05);line-height:1.5}
.hint strong{color:#00d4ff}
.num-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:16px}
.num-row .field{flex:1;min-width:0}
.num-row .btn-rand{flex-shrink:0;padding:10px 14px;border:none;border-radius:10px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#00d4ff,#a855f7)}
.field label{display:block;font-size:11px;color:#8a8a9a;margin-bottom:5px;font-weight:500}
.field input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;color:#f0f0f5;font-size:14px;outline:none;font-family:inherit}
.field input:focus{border-color:#a855f7;background:rgba(255,255,255,.07)}
.field input::-webkit-outer-spin-button,.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.field input[type=number]{-moz-appearance:textfield}
.btn{width:100%;padding:13px;border:none;border-radius:12px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit}
.btn-draw{background:linear-gradient(135deg,#ff6b9d,#a855f7)}
.btn-draw:disabled{background:#555;cursor:not-allowed;opacity:0.6}
.digits{display:flex;gap:10px;justify-content:center;margin-bottom:20px}
.digit{flex:1;text-align:center;padding:20px 10px;background:rgba(255,255,255,.03);border-radius:14px;border:1px solid rgba(255,255,255,.06)}
.digit-num{font-size:32px;font-weight:900;line-height:1;margin-bottom:6px}
.digit:nth-child(1) .digit-num{color:#ff6b9d}
.digit:nth-child(2) .digit-num{color:#00d4ff}
.digit:nth-child(3) .digit-num{color:#a855f7}
.digit-label{font-size:11px;color:#8a8a9a}
.result-name{text-align:center;font-size:20px;font-weight:700;margin-bottom:10px}
.result-text{color:#c0c0d0;font-size:14px;line-height:1.8}
.result-text h1,.result-text h2,.result-text h3{color:#f0f0f5;font-weight:700;margin:18px 0 8px}
.result-text h2{font-size:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}
.result-text h3{font-size:14px;color:#d0d0e0}
.result-text p{margin:0 0 10px}
.result-text ul,.result-text ol{margin:8px 0;padding-left:20px}
.result-text li{margin-bottom:4px}
.result-text strong{color:#f0f0f5;font-weight:600}
.result-text hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}
.result-text em{color:#a0a0b0;font-style:italic}
.result-text table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}
.result-text td,.result-text th{padding:6px 8px;border:1px solid rgba(255,255,255,.08);text-align:left}
.result-text th{background:rgba(255,255,255,.04);color:#d0d0e0}
.notice{margin-top:20px;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);font-size:12px;color:#8a8a9a;line-height:1.6}
.notice strong{color:#f0f0f5;font-weight:600}
.hidden{display:none}
#resultCard.is-loading{padding:0;background:transparent;border:none}
#resultCard.is-loading .digits,
#resultCard.is-loading .result-name{display:none}
.divination-loading{position:relative;min-height:430px;overflow:hidden;text-align:center;padding:24px 22px 34px;border-radius:22px;background:radial-gradient(circle at 50% 18%,rgba(168,85,247,.16),transparent 36%),radial-gradient(circle at 50% 96%,rgba(255,255,255,.08),transparent 42%),rgba(14,14,26,.78);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.loading-content{position:relative;z-index:2}
.loading-question-card{padding:16px 17px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-align:left}
.loading-question-label,.loading-question{display:block}
.loading-question-label{color:#d8b4fe;font-size:12px;font-weight:900;line-height:1.35}
.loading-question{margin-top:8px;color:#f0f0f5;font-size:17px;font-weight:900;line-height:1.45;word-break:break-word}
.aura-wrap{position:relative;width:132px;height:132px;margin:30px auto 24px;display:flex;align-items:center;justify-content:center}
.aura-halo,.aura-core{position:absolute;border-radius:999px}
.aura-halo{inset:0;background:radial-gradient(circle,rgba(244,206,255,.9) 0%,rgba(168,85,247,.54) 28%,rgba(0,212,255,.22) 58%,rgba(0,212,255,0) 74%);filter:blur(1px);opacity:.88;animation:auraBreath 4.8s ease-in-out infinite}
.aura-core{width:76px;height:76px;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.94),rgba(235,214,255,.42) 23%,rgba(168,85,247,.34) 52%,rgba(0,212,255,.12) 100%);border:1px solid rgba(255,255,255,.24);box-shadow:0 0 28px rgba(168,85,247,.45),0 0 48px rgba(0,212,255,.22);display:flex;align-items:center;justify-content:center;animation:auraCoreBreath 4.8s ease-in-out infinite}
.aura-core::after{content:'';position:absolute;inset:-16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);opacity:.52;animation:auraRipple 4.8s ease-in-out infinite}
.aura-text{position:relative;z-index:1;color:rgba(255,255,255,.94);font-size:17px;font-weight:900;letter-spacing:0;text-shadow:0 0 18px rgba(255,255,255,.44)}
.loading-palaces{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}
.loading-palace{min-height:66px;padding:13px 6px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);display:flex;flex-direction:column;align-items:center;justify-content:center}
.loading-palace-name,.loading-palace-label{display:block}
.loading-palace-name{color:#ff6b9d;font-size:19px;font-weight:900;line-height:1;white-space:nowrap}
.loading-palace-name.cyan{color:#00d4ff}
.loading-palace-name.purple{color:#a855f7}
.loading-palace-label{margin-top:8px;color:#8a8a9a;font-size:12px;line-height:1.25}
.loading-text{min-height:58px;max-width:430px;margin:0 auto;color:rgba(226,232,255,.86);font-size:15px;line-height:1.6;font-weight:700;opacity:1;transition:opacity 260ms ease,transform 260ms ease}
.loading-text.is-fading{opacity:0;transform:translateY(4px)}
.stardust-layer{position:absolute;right:0;bottom:0;left:0;height:48%;z-index:1;pointer-events:none;overflow:hidden;opacity:.78}
.stardust{position:absolute;bottom:-18px;width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.56);box-shadow:0 0 14px rgba(255,255,255,.32);animation:stardustFloat 11s linear infinite}
.stardust-1{left:8%;width:4px;height:4px;animation-duration:13s;animation-delay:-1s}
.stardust-2{left:18%;animation-duration:15s;animation-delay:-6s;opacity:.6}
.stardust-3{left:30%;width:3px;height:3px;animation-duration:12s;animation-delay:-3s;opacity:.5}
.stardust-4{left:43%;width:6px;height:6px;animation-duration:17s;animation-delay:-9s;opacity:.64}
.stardust-5{left:55%;width:4px;height:4px;animation-duration:14s;animation-delay:-4s}
.stardust-6{left:66%;width:3px;height:3px;animation-duration:16s;animation-delay:-11s;opacity:.54}
.stardust-7{left:76%;width:5px;height:5px;animation-duration:12.5s;animation-delay:-7s}
.stardust-8{left:86%;width:4px;height:4px;animation-duration:18s;animation-delay:-2s;opacity:.48}
.stardust-9{left:94%;width:3px;height:3px;animation-duration:15.5s;animation-delay:-12s;opacity:.52}
@keyframes auraBreath{0%,100%{transform:scale(.78);opacity:.52}50%{transform:scale(1.08);opacity:.96}}
@keyframes auraCoreBreath{0%,100%{transform:scale(.94)}50%{transform:scale(1.05)}}
@keyframes auraRipple{0%,100%{transform:scale(.88);opacity:.16}50%{transform:scale(1.2);opacity:.46}}
@keyframes stardustFloat{0%{transform:translate3d(0,0,0) scale(.74);opacity:0}16%{opacity:.5}72%{opacity:.38}100%{transform:translate3d(18px,-240px,0) scale(1.08);opacity:0}}
@media(max-width:480px){h1{font-size:28px}.digit-num{font-size:26px}.num-row .btn-rand{padding:10px 10px;font-size:13px}}

/* 限制词弹窗 */
.modal-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(10,10,18,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
.modal-overlay.active{display:flex}
.modal-box{width:100%;max-width:360px;background:rgba(20,20,32,.95);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 28px 28px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.5);animation:modalIn .3s ease-out}
.modal-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:rgba(255,77,109,.12);border:1px solid rgba(255,77,109,.25);display:flex;align-items:center;justify-content:center;font-size:26px}
.modal-text{font-size:16px;font-weight:600;color:#ff4d6d;line-height:1.6;margin-bottom:24px}
.modal-btn{width:100%;padding:12px;border:none;border-radius:12px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#ff6b9d,#a855f7);transition:transform .15s ease,box-shadow .15s ease}
.modal-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(168,85,247,.35)}
.modal-btn:active{transform:translateY(0)}
@keyframes modalIn{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* 历史记录弹窗 */
.modal-history{width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden}
.history-modal-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(10,10,18,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
.history-modal-overlay.active{display:flex}
.history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.history-header h2{font-size:18px;font-weight:700;color:#f0f0f5}
.history-close{width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.06);color:#8a8a9a;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}
.history-close:hover{background:rgba(255,255,255,.12);color:#f0f0f5}
.history-body{flex:1;overflow-y:auto;padding:16px 20px}
.history-body::-webkit-scrollbar{width:4px}
.history-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}

/* 历史记录条目 */
.h-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px;transition:all .2s}
.h-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.h-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.h-time{font-size:12px;color:#6a6a7a}
.h-question{font-size:14px;font-weight:600;color:#f0f0f5;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-palaces{display:flex;gap:8px;margin-bottom:10px}
.h-palace{flex:1;text-align:center;padding:10px 6px;background:rgba(255,255,255,.04);border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.h-palace-label{font-size:10px;color:#8a8a9a;margin-bottom:4px}
.h-palace-name{font-size:16px;font-weight:700}
.h-palace:nth-child(1) .h-palace-name{color:#ff6b9d}
.h-palace:nth-child(2) .h-palace-name{color:#00d4ff}
.h-palace:nth-child(3) .h-palace-name{color:#a855f7}
.h-nums{display:flex;justify-content:center;gap:16px;font-size:12px;color:#6a6a7a;margin-bottom:10px}
.h-nums span{display:inline-flex;align-items:center;gap:4px}
.h-nums b{color:#d0d0e0;font-weight:600}
.h-result-toggle{width:100%;padding:10px;border:none;border-radius:10px;background:rgba(255,255,255,.05);color:#8a8a9a;font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}
.h-result-toggle:hover{background:rgba(255,255,255,.08);color:#f0f0f5}
.h-result-toggle .arrow{transition:transform .25s ease;font-size:11px}
.h-result-toggle.expanded .arrow{transform:rotate(180deg)}
.h-result{display:none;margin-top:12px;padding:14px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06);font-size:13px;line-height:1.8;color:#c0c0d0;max-height:300px;overflow-y:auto}
.h-result.expanded{display:block}
.h-result::-webkit-scrollbar{width:3px}
.h-result::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}
.h-result h1,.h-result h2,.h-result h3{color:#f0f0f5;font-weight:700;margin:14px 0 6px}
.h-result h2{font-size:15px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:5px}
.h-result h3{font-size:13px;color:#d0d0e0}
.h-result p{margin:0 0 8px}
.h-result ul,.h-result ol{margin:6px 0;padding-left:18px}
.h-result li{margin-bottom:3px}
.h-result strong{color:#f0f0f5;font-weight:600}
.h-result table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}
.h-result td,.h-result th{padding:5px 7px;border:1px solid rgba(255,255,255,.08);text-align:left}
.h-result th{background:rgba(255,255,255,.04);color:#d0d0e0}
.h-empty{text-align:center;padding:48px 20px;color:#6a6a7a;font-size:14px}
.h-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}
@media(max-width:480px){.modal-history{max-height:90vh;margin:0 10px}.history-body{padding:12px 14px}}

.paywall-wrap {
  position: relative;
  margin-top: 16px;
}

/* ===== 马赛克付费墙 ===== */
.paywall-section {
  position: relative;
  margin-top: 12px;
}
.paywall-blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: blur(8px); user-select: none; pointer-events: none; transition: filter 0.5s ease; }
.paywall-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-start; justify-content: center; background: linear-gradient(180deg, rgba(10,10,18,0.3) 0%, rgba(10,10,18,0.8) 40%, rgba(10,10,18,0.98) 100%); padding: 30px 16px 20px; z-index: 10; }
.paywall-box {
  background: rgba(18, 18, 32, 0.98);
  border: 1px solid rgba(168, 85, 247, 0.35);
  border-radius: 16px;
  padding: 20px 16px;
  text-align: center;
  width: 100%;
  max-width: 360px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  animation: paywallIn 0.4s ease-out;
}
.paywall-icon {
  font-size: 32px;
  margin-bottom: 8px;
}
.paywall-title {
  font-size: 16px;
  font-weight: 700;
  color: #f0f0f5;
  margin-bottom: 6px;
}
.paywall-price {
  font-size: 14px;
  color: #a855f7;
  font-weight: 600;
  margin-bottom: 16px;
}
.paywall-qrcode {
  margin-bottom: 8px;
}
.paywall-qr-img {
  max-width: 180px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.paywall-qr-hint {
  font-size: 12px;
  color: #8a8a9a;
  margin-top: 6px;
}
.paywall-or {
  font-size: 12px;
  color: #6a6a7a;
  margin: 10px 0;
  position: relative;
}
.paywall-or::before, .paywall-or::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 60px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.paywall-or::before { right: 55%; }
.paywall-or::after { left: 55%; }
.btn-credits {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  color: #f0f0f5;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-credits:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(168, 85, 247, 0.3);
}
.paywall-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 8px;
}
.paywall-dots span {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
}
.paywall-user-credits {
  font-size: 12px;
  color: #6a6a7a;
}

/* 套餐卡片 */
.pw-packages { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; }
.pw-pkg { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); cursor: pointer; transition: all 0.2s; }
.pw-pkg:hover, .pw-pkg.active { border-color: rgba(168,85,247,0.5); background: rgba(168,85,247,0.1); }
.pw-pkg-name { font-size: 13px; color: #e0e0f0; font-weight: 600; }
.pw-pkg-info { font-size: 11px; color: #8a8aaa; }
.pw-pkg-price { font-size: 15px; color: #a855f7; font-weight: 700; white-space: nowrap; }
.pw-single { margin-top: 8px; }
.pw-btn { width: 100%; padding: 12px; border: none; border-radius: 10px; background: linear-gradient(135deg, #7c3aed, #a855f7); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; font-family: inherit; transition: all 0.2s; margin-top: 12px; }
.pw-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(168,85,247,0.4); }

@keyframes paywallIn {
  from { opacity: 0; transform: scale(0.9) translateY(12px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.paywall-wrap {
  position: relative;
  margin-top: 16px;
}

/* 充值弹窗遮罩 */
.pay-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(10, 10, 18, 0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: modalIn .3s ease-out;
}

/* 充值弹窗卡片 */
.pay-modal-box {
    background: #12121e;
    border: 1px solid rgba(168, 85, 247, 0.25);
    border-radius: 18px;
    padding: 24px 20px;
    text-align: center;
    max-width: 340px;
    width: 90%;
    animation: paywallIn .3s ease-out;
}

/* 充值套餐列表 */
.tu-pkg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    transition: all 0.2s;
}
.tu-pkg:hover {
    background: rgba(168, 85, 247, 0.07);
    border-color: rgba(168, 85, 247, 0.35);
}
.tu-pkg.active {
    background: rgba(168, 85, 247, 0.1);
    border-color: rgba(168, 85, 247, 0.5);
}

/* 充值弹窗支付方式按钮 */
.pay-method-btn {
    transition: all 0.2s;
}



/* ===== vv修复：付费墙不重叠、字体跟正文一致 ===== */
.paywall-section{position:relative;margin-top:12px;color:#c0c0d0;font-size:14px;line-height:1.8;overflow:hidden;border-radius:12px;}
.paywall-section .paywall-blur{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;color:#c0c0d0;font-size:14px;line-height:1.8;min-height:280px;padding-bottom:18px;}
.paywall-section .paywall-blur h1,.paywall-section .paywall-blur h2,.paywall-section .paywall-blur h3{color:#f0f0f5;font-weight:700;margin:18px 0 8px;}
.paywall-section .paywall-blur h2{font-size:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px;}
.paywall-section .paywall-blur h3{font-size:14px;color:#d0d0e0;}
.paywall-section .paywall-blur p{margin:0 0 10px;}
.paywall-section .paywall-blur ul,.paywall-section .paywall-blur ol{margin:8px 0;padding-left:20px;}
.paywall-section .paywall-blur li{margin-bottom:4px;}
.paywall-section .paywall-blur strong{color:#f0f0f5;font-weight:600;}
.paywall-section .paywall-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;}
.paywall-section.unlocked{overflow:visible;}
.paywall-section.unlocked .paywall-blur{filter:none !important;user-select:auto !important;pointer-events:auto !important;min-height:0;}
.paywall-section.unlocked .paywall-overlay{display:none !important;}
.pw-pay-method.active{background:linear-gradient(135deg,#22c55e,#16a34a) !important;color:#fff !important;border-color:rgba(34,197,94,.75) !important;box-shadow:0 0 0 1px rgba(34,197,94,.25),0 8px 20px rgba(34,197,94,.18);}
.pw-pay-methods.hidden-for-credits{display:none !important;}
#resultNotice{display:block;margin-top:20px;}


/* vv修复：顶部锦签字体跟用户名一致 */
.credits-badge{font-size:13px !important;font-weight:600 !important;line-height:1.2 !important;padding:0 !important;background:transparent !important;border:none !important;color:#e0e0f0 !important;}
.user-bar .username{font-size:13px !important;font-weight:600 !important;line-height:1.2 !important;}


/* vv修复：联系管理员 */
.admin-contact{margin:12px auto 0;text-align:center;font-size:12px;color:#8a8a9a;line-height:1.7;}
.home-admin-contact{max-width:620px;padding:0 12px;}
.admin-wechat{border:none;background:transparent;color:#a855f7;font-size:12px;font-weight:700;cursor:pointer;padding:0 2px;text-decoration:none;}


/* vv公益说明 */
.public-care-note{margin:18px auto 18px;max-width:620px;padding:14px 16px;border:1px solid rgba(168,85,247,.22);border-radius:14px;background:rgba(168,85,247,.06);color:#bfc0d4;font-size:12px;line-height:1.8;text-align:left;box-shadow:0 8px 28px rgba(0,0,0,.14)}
.public-care-title{color:#efeaff;font-size:13px;font-weight:700;margin-bottom:4px;text-align:center}
.public-care-text strong{color:#f4efff;font-weight:700}
@media(max-width:640px){.public-care-note{margin:16px 12px 16px;padding:12px 14px;font-size:12px}}

/* ===== 小程序风格网站版覆盖层 20260611 ===== */
:root{
  --vv-bg:#0a0a12;
  --vv-panel:rgba(255,255,255,.045);
  --vv-border:rgba(255,255,255,.09);
  --vv-text:#f0f0f5;
  --vv-muted:#9b9cad;
  --vv-pink:#ff6b9d;
  --vv-purple:#a855f7;
  --vv-cyan:#00d4ff;
}

html{min-height:100%;background:var(--vv-bg);}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 4%, rgba(255,107,157,.16), transparent 34%),
    radial-gradient(circle at 92% 28%, rgba(168,85,247,.18), transparent 34%),
    radial-gradient(circle at 26% 94%, rgba(0,212,255,.14), transparent 38%),
    var(--vv-bg);
  color:var(--vv-text);
  letter-spacing:0;
}
.web-bottom-nav{
  position:fixed;
  left:50%;
  right:auto;
  bottom:18px;
  transform:translateX(-50%);
  z-index:10036;
  width:280px;
  min-height:50px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:7px;
  border-radius:24px;
  background:rgba(20,20,32,.52);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 64px rgba(0,0,0,.36);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
}

.web-tab-view{display:none;}
.web-tab-view.active{display:block;}
.web-page-view{
  position:relative;
  z-index:1;
  max-width:560px;
  margin:0 auto;
  padding:86px 20px 132px;
}
.soft-panel{
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
}
.tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:19px;
  padding:0 8px;
  border-radius:999px;
  color:#d8b4fe;
  background:rgba(168,85,247,.17);
  border:1px solid rgba(168,85,247,.3);
  font-size:11px;
  font-weight:700;
}
.history-head{
  margin-bottom:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.history-title{
  margin:7px 0 0;
  color:#f0f0f5;
  font-size:21px;
  font-weight:900;
  line-height:1.28;
}
.history-copy{
  margin:5px 0 0;
  color:#8a8a9a;
  font-size:12px;
  line-height:1.6;
}
.search-panel{
  margin-bottom:10px;
  padding:10px;
  border-radius:14px;
}
.search-row{display:flex;align-items:center;gap:7px;}
.search-input{
  flex:1;
  min-width:0;
  height:38px;
  padding:0 11px;
  border-radius:10px;
  color:#f0f0f5;
  font-size:13px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  outline:none;
}
.search-input::placeholder{color:rgba(200,200,216,.56);}
.search-btn{
  flex:0 0 65px;
  height:38px;
  border:1px solid rgba(168,85,247,.32);
  border-radius:10px;
  color:#f0f0f5;
  font-size:13px;
  font-weight:800;
  background:rgba(168,85,247,.16);
  cursor:pointer;
}
.search-meta{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
  color:#8a8a9a;
  font-size:11px;
  line-height:1.5;
}
.clear-btn{
  width:auto;
  min-width:44px;
  height:22px;
  padding:0 9px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#d8b4fe;
  font-size:11px;
  font-weight:700;
  background:rgba(168,85,247,.10);
  border:1px solid rgba(168,85,247,.24);
  cursor:pointer;
}
.record-list{display:flex;flex-direction:column;gap:9px;}
.record-card{
  display:flex;
  flex-direction:column;
  padding:13px 12px;
  border-radius:14px;
  overflow:hidden;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, transform .16s ease;
}
.record-card:hover{
  border-color:rgba(216,180,254,.18);
  background:rgba(255,255,255,.055);
}
.record-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:9px;
}
.record-main{flex:1;min-width:0;}
.record-question{
  display:block;
  color:#f0f0f5;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
  word-break:break-word;
}
.record-date{
  display:block;
  margin-top:6px;
  color:#6f7080;
  font-size:11px;
}
.record-status{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  color:#ffd6e4;
  background:rgba(255,107,157,.16);
  border:1px solid rgba(255,107,157,.26);
  font-size:11px;
  font-weight:700;
}
.record-status.paid{
  color:#b8f6ff;
  background:rgba(0,212,255,.13);
  border-color:rgba(0,212,255,.28);
}
.record-numbers{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
}
.record-number-label{
  color:#8a8a9a;
  font-size:11px;
  font-weight:700;
}
.record-number-chips{
  display:flex;
  align-items:center;
  gap:4px;
}
.record-number-chip{
  min-width:21px;
  height:21px;
  line-height:21px;
  padding:0 5px;
  border-radius:7px;
  color:#f0f0f5;
  text-align:center;
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
}
.record-preview{
  display:block;
  margin-top:8px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#bfc0d4;
  font-size:13px;
  line-height:1.68;
  word-break:break-word;
}
.record-foot{
  width:max-content;
  margin-top:9px;
  margin-left:auto;
  padding:0;
  border:0;
  background:transparent!important;
  color:#d8b4fe;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  align-self:flex-end;
  gap:4px;
  box-shadow:none!important;
}
.record-foot .arrow{font-size:17px;color:#d8b4fe;line-height:1;}
.h-result{
  display:none;
  margin-top:14px;
  max-height:none;
  overflow:visible;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.h-result.expanded{display:block;}
.empty-panel{
  padding:34px 24px;
  border-radius:28px;
  text-align:center;
}
.empty-mark{
  width:54px;
  height:54px;
  line-height:54px;
  margin:0 auto 14px;
  border-radius:999px;
  color:#f0f0f5;
  background:linear-gradient(135deg,rgba(255,107,157,.75),rgba(168,85,247,.75));
  box-shadow:0 16px 48px rgba(168,85,247,.24);
  font-size:20px;
  font-weight:900;
}
.empty-title{
  color:#f0f0f5;
  font-size:18px;
  font-weight:900;
}
.empty-copy{
  margin:10px 0 18px;
  color:#8a8a9a;
  font-size:13px;
  line-height:1.6;
}
.ghost-btn,.plain-btn{
  min-height:42px;
  padding:0 18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:#f0f0f5;
  font-weight:900;
  cursor:pointer;
}
.load-more-panel{display:flex;justify-content:center;margin:4px 0;}
.load-more-btn{width:100%;}
.loading-dots{display:flex;justify-content:center;gap:9px;margin-bottom:14px;}
.loading-dots span{width:9px;height:9px;border-radius:999px;display:block;}
.loading-dots span:nth-child(1){background:#ff6b9d;}
.loading-dots span:nth-child(2){background:#00d4ff;}
.loading-dots span:nth-child(3){background:#a855f7;}

.vv-me-page-panel{
  width:100%;
  max-width:none;
  max-height:none;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#f3f4f6;
}
.web-profile-card{
  position:relative;
  overflow:hidden;
  padding:24px 22px;
  border-radius:28px;
  margin-bottom:16px;
}
.web-profile-card::after{
  content:'';
  position:absolute;
  right:-72px;
  bottom:-88px;
  width:190px;
  height:190px;
  border-radius:999px;
  background:rgba(0,212,255,.11);
}
.profile-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.level-tag{
  flex:0 0 auto;
  max-width:170px;
  min-height:26px;
  height:26px;
  padding:0 10px;
  font-size:12px;
  line-height:26px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.level-progress{flex:1;min-width:0;}
.level-progress-text{
  color:#c8c8d8;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.level-progress-track{
  height:7px;
  margin-top:7px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.08);
}
.level-progress-fill{
  height:100%;
  min-width:7px;
  border-radius:999px;
  background:rgba(168,85,247,.72);
}
.level-tag.level-1{color:#e9d5ff;background:rgba(92,58,142,.34);border-color:rgba(168,85,247,.28);}
.level-tag.level-2{color:#f3e8ff;background:rgba(98,63,158,.42);border-color:rgba(216,180,254,.55);box-shadow:0 0 18px rgba(216,180,254,.14);}
.level-tag.level-3{color:#f6f7ff;background:linear-gradient(135deg,rgba(168,85,247,.58),rgba(96,165,250,.46));border-color:rgba(191,219,254,.42);}
.level-tag.level-4{color:#e5e7eb;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,64,175,.48));border-color:rgba(226,232,240,.34);}
.level-tag.level-5{color:#f8fafc;background:linear-gradient(135deg,rgba(100,116,139,.66),rgba(226,232,240,.28));border-color:rgba(226,232,240,.46);}
.level-tag.level-6{color:#ffe4e6;background:linear-gradient(135deg,rgba(136,19,55,.62),rgba(244,114,182,.28));border-color:rgba(251,207,232,.42);}
.level-tag.level-7{color:#fef3c7;background:linear-gradient(135deg,rgba(120,53,15,.72),rgba(217,119,6,.36));border-color:rgba(253,230,138,.46);}
.level-tag.level-8{color:#451a03;background:linear-gradient(135deg,#fef08a,#f59e0b 54%,#fde68a);border-color:rgba(254,240,138,.78);}
.level-tag.level-9{color:#facc15;background:linear-gradient(135deg,rgba(3,7,18,.96),rgba(24,24,27,.9));border-color:rgba(250,204,21,.58);}
.level-tag.level-10{color:#fff7ff;background:linear-gradient(110deg,#7c3aed,#f0abfc,#facc15,#a855f7,#60a5fa);background-size:260% 100%;animation:levelShine 3.2s linear infinite;}
.level-progress-fill.level-1{background:#7c3aed;}
.level-progress-fill.level-2{background:linear-gradient(90deg,#7c3aed,#d8b4fe);}
.level-progress-fill.level-3{background:linear-gradient(90deg,#a855f7,#60a5fa);}
.level-progress-fill.level-4{background:linear-gradient(90deg,#1e3a8a,#e5e7eb);}
.level-progress-fill.level-5{background:linear-gradient(90deg,#94a3b8,#f8fafc);}
.level-progress-fill.level-6{background:linear-gradient(90deg,#9f1239,#fb7185);}
.level-progress-fill.level-7{background:linear-gradient(90deg,#92400e,#f59e0b);}
.level-progress-fill.level-8{background:linear-gradient(90deg,#facc15,#f59e0b,#fde68a);}
.level-progress-fill.level-9{background:linear-gradient(90deg,#18181b,#facc15);}
.level-progress-fill.level-10{background:linear-gradient(110deg,#7c3aed,#f0abfc,#facc15,#60a5fa);background-size:260% 100%;animation:levelShine 3.2s linear infinite;}
@keyframes levelShine{0%{background-position:0% 50%;}100%{background-position:260% 50%;}}
.profile-identity{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:18px;
}
.profile-avatar{
  flex:0 0 54px;
  width:54px;
  height:54px;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.profile-avatar-fallback{
  color:#efeaff;
  font-size:21px;
  font-weight:900;
  line-height:54px;
  text-align:center;
  background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.26),transparent 34%),linear-gradient(135deg,rgba(255,107,157,.62),rgba(168,85,247,.58));
}
.profile-name-block{flex:1;min-width:0;}
.profile-name-block .username{
  display:block;
  color:#f0f0f5;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1.22!important;
  word-break:break-word;
}
.profile-phone{
  display:block;
  margin-top:5px;
  color:#9b9cad;
  font-size:13px;
}
.profile-copy{
  position:relative;
  z-index:1;
  margin-top:10px;
  color:#8a8a9a;
  font-size:13px;
  line-height:1.6;
}
.credit-line{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:20px;
  padding:13px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.credit-copy{display:flex;align-items:baseline;gap:8px;}
.credit-number{color:#00d4ff;font-size:34px;font-weight:900;line-height:1;}
.credit-label{color:#c0c0d0;font-size:14px;font-weight:800;}
.credit-recharge-btn{
  height:34px;
  padding:0 14px;
  border:1px solid rgba(168,85,247,.32);
  border-radius:999px;
  background:rgba(168,85,247,.14);
  color:#f3e8ff;
  font-weight:900;
  cursor:pointer;
}
.service-panel,.account-manage-panel{
  padding:18px;
  border-radius:28px;
  margin-bottom:16px;
}
.service-title,.section-title{
  color:#f0f0f5;
  font-size:18px;
  font-weight:900;
  margin-bottom:12px;
}
.service-list{display:flex;flex-direction:column;gap:10px;}
.service-item{
  width:100%;
  min-height:70px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.045);
  color:#f0f0f5;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
}
.service-icon{font-size:20px;line-height:1;}
.service-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.service-name{font-size:14px;font-weight:900;color:#f0f0f5;}
.service-desc{font-size:12px;line-height:1.45;color:#8a8a9a;}
.service-arrow{font-size:22px;color:#9b9cad;}
.account-tip{margin-top:8px;font-size:12px;line-height:1.7;}
.bind-action{margin-top:12px;}
.logout-area{width:100%;margin:20px 0 4px;}
.logout-btn{
  width:100%;
  min-height:50px;
  border-radius:26px;
  color:#ffcedf;
  background:rgba(255,107,157,.08);
  border-color:rgba(255,107,157,.20);
}
.web-info-modal-mask{
  position:fixed;
  inset:0;
  z-index:10045;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:96px 18px 96px;
  overflow:auto;
  background:rgba(0,0,0,.68);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.web-info-modal{
  position:relative;
  width:100%;
  max-width:520px;
  max-height:calc(100vh - 190px);
  overflow:auto;
  padding:28px 22px 22px;
  border-radius:30px;
  color:#f0f0f5;
  background:radial-gradient(circle at 92% 6%,rgba(255,107,157,.14),transparent 34%),radial-gradient(circle at 10% 94%,rgba(0,212,255,.12),transparent 38%),rgba(20,20,32,.96);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 36px 110px rgba(0,0,0,.50);
}
.web-info-close{
  position:absolute;
  top:18px;
  right:18px;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:rgba(255,247,255,.92);
  font-size:28px;
  font-weight:900;
  cursor:pointer;
}
.web-info-modal h3{
  margin:0 46px 8px;
  text-align:center;
  color:#fff7ff;
  font-size:22px;
  font-weight:900;
}
.tx-modal-copy{
  margin:0 0 16px;
  text-align:center;
  color:#9b9cad;
  font-size:13px;
  line-height:1.6;
}
.tx-list{display:flex;flex-direction:column;gap:10px;}
.tx-item{
  padding:13px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.tx-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.tx-row b{font-size:14px;color:#f0f0f5;}
.tx-credits{font-size:13px;font-weight:900;white-space:nowrap;}
.tx-credits.plus{color:#a7f3d0;}
.tx-credits.minus{color:#fecaca;}
.tx-time{margin-top:6px;color:#6f7080;font-size:12px;}
.tx-detail{margin-top:6px;color:#bfc0d4;font-size:12px;line-height:1.55;}
.tx-detail span{color:#8a8a9a;}
.tx-empty{padding:24px;text-align:center;color:#8a8a9a;font-size:13px;}
.about-section{
  margin-top:14px;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}
.about-section b{display:block;margin-bottom:8px;color:#f5d0fe;font-size:14px;}
.about-section p,.about-footer{margin:0;color:#c8c8d8;font-size:13px;line-height:1.75;}
.about-footer{margin-top:14px;text-align:center;color:#9b9cad;}
.web-bottom-nav button{
  min-width:0;
  min-height:36px;
  border:0;
  border-radius:17px;
  background:transparent;
  color:#bfc0d4;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.1;
  cursor:pointer;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  transition:color .16s ease,font-weight .16s ease;
}
.web-bottom-nav button:hover{
  color:#fff7ff;
}
.web-bottom-nav button.active{
  color:#fff7ff;
  background:transparent;
  box-shadow:none;
  font-weight:950;
}
.bg{
  background:
    radial-gradient(circle at 18% 4%, rgba(255,107,157,.14), transparent 34%),
    radial-gradient(circle at 92% 28%, rgba(168,85,247,.15), transparent 34%),
    radial-gradient(circle at 26% 94%, rgba(0,212,255,.12), transparent 38%);
}
.orb{display:none!important;}
.orb:nth-child(1){width:260px;height:260px;background:radial-gradient(circle, rgba(255,107,157,.52), transparent 68%);top:-70px;left:-95px}
.orb:nth-child(2){width:230px;height:230px;background:radial-gradient(circle, rgba(168,85,247,.48), transparent 68%);top:230px;right:-90px}
.orb:nth-child(3){width:245px;height:245px;background:radial-gradient(circle, rgba(0,212,255,.34), transparent 68%);bottom:-95px;left:18%}

.glass-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:120;
  min-height:76px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:12px 20px 11px;
  overflow:hidden;
  background:rgba(255,255,255,.024);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(255,255,255,.095);
  box-shadow:0 12px 42px rgba(0,0,0,.14);
}
.glass-nav-bg{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.01));
  pointer-events:none;
}
.glass-nav-inner{position:relative;z-index:1;text-align:center;min-width:0;width:100%;}
.nav-title{
  color:#fff7ff;
  font-size:18px;
  font-weight:900;
  line-height:1.2;
  text-shadow:0 2px 12px rgba(0,0,0,.26);
}
.nav-subtitle{
  margin-top:4px;
  color:rgba(255,247,255,.68);
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wrap{
  max-width:560px;
  padding:86px 20px 132px;
}
.brand{margin:0 0 16px;text-align:center;}
.brand h1{display:none;}
.slogan{display:none;}

.user-bar{
  min-height:42px;
  margin-bottom:10px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}
.btn-text,
.vv-topup-btn,
.user-bar .username,
.credits-badge{
  min-height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#f0f0f5!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.btn-text{
  padding:0 16px;
  font-size:14px;
  font-weight:800;
}
.credits-badge{
  padding:0 10px!important;
  color:#00d4ff!important;
  font-weight:900!important;
}

.card,
.notice,
.public-care-note,
.modal-box,
.paywall-box,
.pay-modal-box,
.history-modal-overlay .modal-history{
  border-radius:28px!important;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,107,157,.10), transparent 34%),
    radial-gradient(circle at 10% 92%, rgba(0,212,255,.08), transparent 38%),
    rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
}
.card{padding:22px 22px;margin-bottom:16px;}
.public-care-note{
  margin:0 0 16px;
  max-width:none;
  color:#c9c9d7;
}
.public-care-title{font-size:15px;color:#f0f0f5;font-weight:900;}
.public-care-text{font-size:13px;}
.public-care-text strong{color:#fff7ff;font-weight:900;}

.question-field label,
.field label{
  color:#c8c8d8;
  font-size:13px;
  font-weight:800;
}
.question-field textarea,
.field input,
#authOverlay input,
.vv-bind-box input{
  border-radius:20px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f0f0f5!important;
}
.question-field textarea{
  min-height:76px;
  padding:14px 16px;
  font-size:15px;
}
.question-field textarea::placeholder,
.field input::placeholder,
#authOverlay input::placeholder{color:rgba(200,200,216,.56);}
.hint,
.notice{
  padding:15px 18px;
  border-radius:24px;
  color:#8a8a9a;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
}
.hint strong{color:#00d4ff;}

.num-row{align-items:stretch;gap:10px;margin-bottom:12px;}
.num-row .field input{height:46px;text-align:center;font-weight:800;}
.num-row .btn-rand{
  min-width:92px;
  height:46px;
  align-self:flex-end;
  border-radius:18px;
  background:linear-gradient(135deg,#00d4ff,#a855f7);
  border:0;
  color:#fff;
  white-space:nowrap;
}
.btn,
.btn-submit,
.modal-btn,
.pw-btn{
  min-height:48px;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ff6b9d,#a855f7)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 14px 42px rgba(168,85,247,.34);
}
.btn-draw{
  width:100%;
  margin-top:4px;
  padding:15px 16px;
  font-size:16px;
}

.digits{gap:12px;}
.digit{
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.result-name{font-size:20px;font-weight:900;color:#fff7ff;}
.result-text{color:#c9c9d7;}

.paywall-overlay{
  padding:26px 14px 20px;
  background:linear-gradient(180deg,rgba(10,10,18,.32),rgba(10,10,18,.86) 42%,rgba(10,10,18,.98));
}
.paywall-box{
  max-width:390px;
  padding:24px 18px;
}
.paywall-title{font-size:19px;font-weight:900;}
.paywall-price{color:#c8c8d8;}
.pw-packages{gap:10px;}
.pw-pkg,
.tu-pkg,
.hw-pkg{
  min-height:74px;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.pw-pkg.active,
.tu-pkg.active,
.hw-pkg.active{
  background:radial-gradient(circle at 96% 12%,rgba(255,107,157,.16),transparent 42%),rgba(168,85,247,.12)!important;
  border-color:rgba(168,85,247,.45)!important;
  box-shadow:0 18px 44px rgba(168,85,247,.16);
}
.pw-pkg-name{font-size:15px;font-weight:900;color:#f0f0f5;}
.pw-pkg-info{margin-top:4px;font-size:12px;color:#9b9cad;line-height:1.45;}
.pw-pkg-price{font-size:16px;color:#f5d0fe;}
.pw-pay-method,
.pay-method-btn{
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#d8d8e8!important;
}
.pw-pay-method.active,
.pay-method-btn.active{
  background:linear-gradient(135deg,rgba(255,107,157,.28),rgba(168,85,247,.26))!important;
  color:#fff7ff!important;
  border-color:rgba(216,180,254,.42)!important;
}

.pay-modal-overlay,
.history-modal-overlay,
.modal-overlay{
  background:rgba(0,0,0,.68)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}

.pay-modal-overlay{
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  padding:96px 18px 34px!important;
  -webkit-overflow-scrolling:touch;
}
.history-modal-overlay.active{
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  padding:96px 18px 96px!important;
  -webkit-overflow-scrolling:touch;
}
.history-modal-overlay .modal-history{
  max-height:calc(100vh - 190px)!important;
}

.vv-pay-modal-card,
.paywall-box{
  position:relative;
  width:100%;
  max-width:430px;
  max-height:calc(100vh - 130px);
  overflow-y:auto;
  padding:28px 20px 22px!important;
  border-radius:30px!important;
  text-align:center;
  color:#f0f0f5;
  background:
    radial-gradient(circle at 92% 6%, rgba(255,107,157,.15), transparent 34%),
    radial-gradient(circle at 8% 96%, rgba(0,212,255,.11), transparent 38%),
    rgba(20,20,32,.92)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.54)!important;
  -webkit-backdrop-filter:blur(26px);
  backdrop-filter:blur(26px);
}

.vv-pay-modal-card::-webkit-scrollbar,
.paywall-box::-webkit-scrollbar{width:4px}
.vv-pay-modal-card::-webkit-scrollbar-thumb,
.paywall-box::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}

.vv-pay-modal-close{
  position:absolute;
  top:22px;
  right:22px;
  width:32px;
  height:32px;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(255,247,255,.9);
  font-size:24px;
  line-height:32px;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.vv-pay-modal-close:hover{color:#fff}

.vv-pay-modal-icon,
.paywall-icon{
  width:56px;
  height:56px;
  margin:0 auto 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff7ff;
  font-size:28px;
  font-weight:900;
  background:linear-gradient(135deg,rgba(255,107,157,.88),rgba(168,85,247,.82));
  box-shadow:0 18px 48px rgba(168,85,247,.22);
}
.vv-pay-modal-title,
.paywall-title{
  padding:0 38px;
  color:#fff7ff;
  font-size:21px!important;
  line-height:1.28;
  font-weight:900!important;
  text-shadow:0 2px 14px rgba(0,0,0,.24);
}
.vv-pay-modal-subtitle,
.paywall-price{
  margin:8px auto 18px!important;
  max-width:320px;
  color:#bfc0d4!important;
  font-size:13px!important;
  line-height:1.62;
  font-weight:700!important;
}
.vv-pay-package-list,
.pw-packages{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:12px 0 14px;
}
.pw-pkg,
.tu-pkg,
.hw-pkg{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px;
  min-height:76px;
  padding:14px 14px!important;
  border-radius:20px!important;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.pw-pkg:hover,
.tu-pkg:hover,
.hw-pkg:hover{transform:translateY(-1px)}
.pw-pkg-main{min-width:0;flex:1}
.vv-package-badge{
  display:inline-flex;
  max-width:100%;
  margin-bottom:6px;
  padding:3px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,107,157,.22),rgba(168,85,247,.18));
  border:1px solid rgba(255,255,255,.10);
  color:#f5d0fe;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  white-space:normal;
}
.pw-pkg-name{font-size:15px!important;line-height:1.25}
.pw-pkg-info{font-size:12px!important;line-height:1.45}
.pw-pkg-price{
  flex:0 0 auto;
  color:#fff7ff!important;
  font-size:16px!important;
  font-weight:900!important;
  white-space:nowrap;
}
.vv-pay-methods,
.pw-pay-methods{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0 12px;
}
.pw-pay-method,
.pay-method-btn{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:all .16s ease;
}
.vv-pay-action,
.pw-btn{
  width:100%;
  min-height:50px;
  margin-top:6px!important;
  border:0;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ff6b9d,#a855f7)!important;
  color:#fff!important;
  font-size:16px;
  font-weight:900!important;
  cursor:pointer;
  box-shadow:0 16px 46px rgba(168,85,247,.32)!important;
}
.vv-pay-action:hover,
.pw-btn:hover{transform:translateY(-1px)}
.vv-pay-qrcode,
.paywall-qrcode{
  margin-top:14px!important;
  padding:14px 12px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  text-align:center;
}
.vv-pay-qrcode:empty,
.paywall-qrcode:empty{display:none!important}
.paywall-qr-img{
  width:180px;
  height:180px;
  max-width:100%;
  object-fit:contain;
  border-radius:10px;
}
.paywall-qr-hint{color:#bfc0d4!important;font-weight:700}

.history-paid-mask{
  border-radius:22px!important;
  border-color:rgba(255,255,255,.10)!important;
}
.history-paid-cover{
  background:rgba(10,10,18,.64)!important;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}
.h-pay-btn{
  min-height:42px;
  border-radius:20px!important;
  font-weight:900!important;
}

@media (max-width: 520px){
  .pay-modal-overlay{padding:88px 14px 28px!important;}
  .history-modal-overlay.active{padding:88px 14px 98px!important;}
  .history-modal-overlay .modal-history{max-height:calc(100vh - 186px)!important;}
  .vv-pay-modal-card,.paywall-box{max-height:calc(100vh - 116px);padding:26px 16px 20px!important;border-radius:28px!important;}
  .vv-pay-modal-title,.paywall-title{font-size:20px!important;}
  .pw-pkg,.tu-pkg,.hw-pkg{padding:13px 12px!important;gap:10px;}
  .pw-pkg-price{font-size:15px!important;}
}

.admin-contact{
  position:relative;
  z-index:1;
  margin:12px auto 0;
}

@media (min-width: 860px){
  .wrap,.web-page-view{max-width:640px;}
  .card{padding:28px;}
}
@media (min-width: 700px) and (max-height: 720px){
  .glass-nav{min-height:64px;padding:9px 20px 8px;}
  .nav-title{font-size:17px;}
  .nav-subtitle{margin-top:2px;font-size:10px;}
  .wrap,.web-page-view{padding-top:72px;}
  .user-bar{min-height:36px;margin-bottom:8px;}
  .btn-text,.vv-topup-btn,.user-bar .username,.credits-badge{min-height:30px!important;}
  .public-care-note{padding:10px 16px;margin-bottom:12px;line-height:1.55;}
  .public-care-title{font-size:13px;margin-bottom:2px;}
  .public-care-text{font-size:12px;line-height:1.55;}
  .card{padding:18px 22px;margin-bottom:14px;}
  .question-field{margin-bottom:10px;}
  .question-field textarea{min-height:58px;padding:12px 16px;line-height:1.45;}
  .hint{padding:11px 16px;margin-bottom:12px;line-height:1.42;}
  .num-row{margin-bottom:10px;}
  .btn-draw{min-height:46px;padding:12px 16px;}
  .web-bottom-nav{bottom:10px;width:260px;min-height:48px;padding:6px;border-radius:22px;}
  .web-bottom-nav button{min-height:36px;border-radius:17px;}
}
@media (max-width: 520px){
  .glass-nav{min-height:72px;padding-bottom:10px;}
  .wrap,.web-page-view{padding:86px 18px 128px;}
  .card{padding:22px 18px;}
  .num-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  .num-row .btn-rand{grid-column:1 / -1;width:100%;}
  .web-bottom-nav{left:50%;right:auto;bottom:14px;transform:translateX(-50%);width:calc(100vw - 24px);min-height:62px;padding:8px;border-radius:26px;}
  .web-bottom-nav button{min-height:46px;border-radius:20px;}
}

/* ===== miniweb6：顶部锦签胶囊、摇一摇同行、历史详情独立页 ===== */
.user-bar:has(.account-inline),.user-bar.logged-in{justify-content:space-between!important;}
.account-inline{flex:0 1 auto;min-width:0;display:flex;align-items:center;}
.credit-chip{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:4px;
  min-height:34px;
  padding:0 8px 0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.credit-chip .credit-num,
.credit-chip .credits-badge{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:#00d4ff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
}
.credit-label{color:#8a8a9a;font-size:12px;font-weight:800;line-height:1;}
.credit-chip-divider{width:1px;height:16px;margin:0 3px 0 5px;background:rgba(255,255,255,.14);}
.credit-chip .credit-chip-action{
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f0f0f5!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer;
}
.top-user-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:190px;
  padding:0 12px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.detail-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding:22px;border-radius:28px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);}
.detail-back-btn{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.055);color:#fff7ff;font-size:30px;font-weight:900;line-height:38px;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);}
.detail-head-copy{min-width:0;flex:1;}
.detail-title{margin:12px 0 0;color:#f0f0f5;font-size:30px;font-weight:900;line-height:1.25;}
.detail-status.paid{color:#b8f6ff;background:rgba(0,212,255,.13);border-color:rgba(0,212,255,.28);}
.detail-question-card,.detail-card,.detail-unlock-card{padding:22px;border-radius:28px;margin-bottom:16px;}
.detail-question{color:#f0f0f5;font-size:18px;font-weight:900;line-height:1.5;word-break:break-word;}
.detail-date{margin-top:8px;color:#6f7080;font-size:12px;}
.detail-digits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.detail-digits .digit{min-height:92px;padding:18px 10px;}
.detail-digits .digit-num.cyan{color:#00d4ff;}
.detail-digits .digit-num.purple{color:#a855f7;}
.detail-section-title{margin-bottom:12px;color:#f0f0f5;font-size:16px;font-weight:900;}
.detail-text{color:#c0c0d0;font-size:14px;line-height:1.8;}
.detail-unlock-card{text-align:center;background:radial-gradient(circle at 92% 8%,rgba(255,107,157,.12),transparent 38%),rgba(18,18,32,.72);border-color:rgba(168,85,247,.30);}
.detail-unlock-card .paywall-icon{width:50px;height:50px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;}
.unlock-title{color:#f0f0f5;font-size:16px;font-weight:900;line-height:1.35;}
.unlock-copy{margin-top:8px;color:#bfc0d4;font-size:13px;line-height:1.65;}
.detail-unlock-btn{width:100%;min-height:46px;margin-top:18px;border-radius:22px;}

@media (max-width: 520px){
  .user-bar{gap:8px;}
  .credit-chip{min-height:34px;padding:0 9px 0 10px;gap:4px;}
  .credit-chip .credit-num,.credit-chip .credits-badge{font-size:12px!important;}
  .credit-label,.credit-chip .credit-chip-action{font-size:12px!important;}
  .top-user-btn{max-width:148px;padding:0 10px!important;}
  .num-row{display:flex!important;gap:7px;align-items:flex-end;}
  .num-row .field{flex:1 1 0;min-width:0;}
  .num-row .field input{height:44px;padding:0 6px;font-size:13px;}
  .num-row .btn-rand{grid-column:auto!important;flex:0 0 76px;min-width:76px;width:76px;height:44px;padding:0 6px;font-size:13px;}
  .field label{font-size:11px;}
  .detail-head{padding:18px;border-radius:26px;}
  .detail-title{font-size:24px;}
  .detail-question-card,.detail-card,.detail-unlock-card{padding:20px 18px;}
}

/* miniweb7：锦签胶囊高度对齐用户名胶囊 */
.credit-chip{height:30px;min-height:30px;padding:0 9px 0 10px;}
.credit-chip-divider{height:14px;}
.credit-chip .credit-num,.credit-chip .credits-badge,.credit-label,.credit-chip .credit-chip-action{font-size:12px!important;}
@media (max-width:520px){
  .credit-chip{height:34px;min-height:34px;padding:0 9px 0 10px;}
}

/* miniweb16：网站玻璃框圆角按小程序 rpx 比例收窄 */
.card,
.notice,
.public-care-note,
.soft-panel,
.history-head,
.search-panel,
.record-card,
.empty-panel,
.web-profile-card,
.service-panel,
.account-manage-panel,
.detail-head,
.detail-question-card,
.detail-card,
.detail-unlock-card,
.modal-box,
.history-modal-overlay .modal-history,
.divination-loading{
  border-radius:14px!important;
}

.paywall-box,
.vv-pay-modal-card,
.pay-modal-box,
.web-info-modal{
  border-radius:15px!important;
}

.question-field textarea,
.field input,
.hint,
.digit,
.loading-question-card,
.loading-palace,
.h-result,
.pw-pkg,
.tu-pkg,
.hw-pkg,
.pw-pay-method,
.pay-method-btn,
.vv-pay-qrcode,
.paywall-qrcode,
.about-section,
.tx-item,
.service-item,
.credit-line,
.history-paid-mask,
.history-paid-cover{
  border-radius:11px!important;
}

.btn,
.btn-submit,
.modal-btn,
.pw-btn,
.vv-pay-action,
.ghost-btn,
.plain-btn,
.num-row .btn-rand,
.detail-unlock-btn,
.h-pay-btn,
.logout-btn{
  border-radius:11px!important;
}

.web-bottom-nav{
  border-radius:17px!important;
}

.web-bottom-nav button{
  border-radius:9px!important;
}

.detail-back-btn{
  border-radius:9px!important;
}

/* miniweb17：详情页对齐小程序结果页 */
.web-nav-back{
  position:absolute;
  left:18px;
  top:50%;
  width:54px;
  min-width:54px;
  height:29px;
  margin-top:-14.5px;
  padding:0;
  display:none;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#fff7ff;
  font-size:24px;
  font-weight:500;
  line-height:1;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  z-index:2;
  cursor:pointer;
}
.web-nav-back.visible{display:flex;}
.is-history-detail-view .web-bottom-nav,
.is-divination-result-view .web-bottom-nav{display:none;}
.detail-page-view{
  padding-top:86px;
  padding-bottom:56px;
}
.result-page-view{
  padding-top:86px;
  padding-bottom:56px;
}
.detail-result-head{
  margin-bottom:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.detail-result-title{
  display:block;
  margin:7px 0 0;
  color:#f0f0f5;
  font-size:21px;
  font-weight:900;
  line-height:1.3;
  word-break:break-word;
}
.detail-digits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:0 0 10px;
}
.detail-digits .digit{
  min-height:68px;
  padding:14px 6px;
  border-radius:11px!important;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.detail-digits .digit-num{
  font-size:18px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.detail-digits .digit-label{
  margin-top:7px;
  font-size:11px;
}
.detail-card,
.detail-unlock-card{
  padding:15px 14px!important;
  border-radius:14px!important;
}
.detail-card{
  margin-bottom:10px;
}
.detail-text{
  color:#c0c0d0;
  font-size:14px;
  line-height:1.76;
}
.detail-text .markdown-result{
  line-height:1.76;
}
.result-page-view #resultCard{
  padding:0!important;
  margin-bottom:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.result-page-view #resultCard.hidden{
  display:none!important;
}
.result-page-view #resultCard:not(.is-loading) .digits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:0 0 10px;
}
.result-page-view #resultCard:not(.is-loading) .digit{
  min-height:68px;
  padding:14px 6px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.result-page-view #resultCard:not(.is-loading) .digit-num{
  font-size:18px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.result-page-view #resultCard:not(.is-loading) .digit-label{
  margin-top:7px;
  font-size:11px;
}
.result-page-view #resultCard:not(.is-loading) .result-name{
  display:none;
}
.result-page-view #resultCard:not(.is-loading) #rText{
  padding:15px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
}
.result-page-view #resultCard.is-loading #rText{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

/* miniweb19：首页锦签胶囊内按钮透明、历史卡片整卡可点 */
.user-bar .credit-chip #userCredits.credits-badge,
.user-bar .credit-chip .credits-badge.credit-num,
.user-bar .credit-chip .credit-num{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.user-bar .credit-chip .vv-topup-btn.credit-chip-action,
.credit-chip .vv-topup-btn.credit-chip-action,
.credit-chip button.credit-chip-action{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.record-card[role="button"]{
  cursor:pointer;
}
.vv-mini-prompt-overlay{
  position:fixed;
  inset:0;
  z-index:10080;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(6,6,14,.68);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.vv-mini-prompt-card{
  position:relative;
  width:min(92vw,380px);
  overflow:hidden;
  padding:27px 24px 22px;
  border-radius:28px;
  color:#f6f3ff;
  background:
    radial-gradient(circle at 88% 8%,rgba(255,107,157,.18),transparent 34%),
    radial-gradient(circle at 12% 100%,rgba(0,212,255,.16),transparent 42%),
    rgba(20,20,32,.88);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 36px 110px rgba(0,0,0,.56);
  -webkit-backdrop-filter:blur(24px);
  backdrop-filter:blur(24px);
}
.vv-mini-prompt-close{
  position:absolute;
  top:14px;
  right:16px;
  width:32px;
  height:32px;
  border:0;
  background:transparent;
  color:rgba(246,243,255,.82);
  font-size:28px;
  font-weight:900;
  line-height:32px;
  cursor:pointer;
}
.vv-mini-prompt-kicker{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(168,85,247,.16);
  border:1px solid rgba(216,180,254,.18);
  color:#e9d5ff;
  font-size:12px;
  font-weight:900;
}
.vv-mini-prompt-title{
  margin-top:15px;
  padding-right:22px;
  font-size:22px;
  font-weight:950;
  line-height:1.28;
  letter-spacing:0;
}
.vv-mini-prompt-copy{
  margin-top:12px;
  color:rgba(226,232,240,.82);
  font-size:14px;
  font-weight:650;
  line-height:1.7;
}
.vv-mini-prompt-check{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:#c4b5fd;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.vv-mini-prompt-check input{
  width:16px;
  height:16px;
  accent-color:#a855f7;
}
.vv-mini-prompt-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px;
}
.vv-mini-prompt-primary,
.vv-mini-prompt-secondary{
  min-height:44px;
  border-radius:16px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.vv-mini-prompt-primary{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#ff6b9d,#a855f7);
  box-shadow:0 15px 35px rgba(168,85,247,.24);
}
.vv-mini-prompt-secondary{
  color:#e9d5ff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
}
@media(max-width:420px){
  .vv-mini-prompt-card{padding:25px 20px 20px;border-radius:26px;}
  .vv-mini-prompt-title{font-size:20px;}
  .vv-mini-prompt-actions{grid-template-columns:1fr;}
}
.detail-unlock-card{
  position:relative;
  overflow:hidden;
  text-align:center;
  background:radial-gradient(circle at 92% 8%,rgba(255,107,157,.12),transparent 38%),rgba(18,18,32,.72);
  border-color:rgba(168,85,247,.30);
}
.detail-unlock-card .paywall-icon{
  width:35px;
  height:35px;
  line-height:35px;
  margin:0 auto 8px;
  border-radius:999px;
  color:#f0f0f5;
  background:rgba(168,85,247,.18);
  border:1px solid rgba(168,85,247,.32);
  font-size:14px;
  font-weight:900;
}
.detail-unlock-card .unlock-title{
  margin-bottom:8px;
  font-size:16px;
}
.detail-unlock-card .unlock-copy{
  margin-bottom:12px;
  font-size:13px;
}
.detail-unlock-btn{
  min-height:44px;
  margin-top:4px;
}

@media (max-width:520px){
  .web-nav-back{left:9px;width:54px;height:29px;}
  .detail-page-view,.result-page-view{padding-top:86px;padding-bottom:56px;}
  .detail-result-title{font-size:21px;}
  .detail-card,.detail-unlock-card{padding:15px 14px!important;}
  .detail-digits{gap:10px;}
  .detail-digits .digit{min-height:68px;padding:14px 6px;}
}