/* ============================================================
   主题 A · 币安黄金 · 玻璃拟态（线上注入版 20261103）
   纯视觉覆盖：40% 透明感 + 1px 半透描边 + 渐变网格 + 柔阴影
   + 微交互 + 金色渐变 + 客服字体图标 + 目的地卡片
   不改动任何 JS 逻辑 / 布局尺寸（box-sizing:border-box 下加边框不位移）
   ============================================================ */
:root{
  --page: rgba(5,7,11,.86);
  --card: rgba(22,26,32,.40);
  --nav: rgba(8,11,16,.5);
  --line: rgba(255,255,255,.08);
}
html{background:#05070b}
body{
  background-color:#05070b;
  background-image:
    radial-gradient(900px 460px at 50% -12%,rgba(240,185,11,.14),transparent 62%),
    radial-gradient(700px 320px at 88% 112%,rgba(240,185,11,.08),transparent 60%),
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    radial-gradient(420px 260px at 22% 16%,rgba(240,185,11,.10),transparent 60%),
    radial-gradient(360px 240px at 82% 34%,rgba(99,102,241,.09),transparent 62%),
    radial-gradient(420px 300px at 58% 88%,rgba(240,185,11,.07),transparent 60%);
  background-size:100% 100%,100% 100%,24px 24px,24px 24px,100% 100%,100% 100%,100% 100%;
  background-attachment:fixed;
}
.app-shell{background:transparent}

/* ---------- 玻璃卡片：40% 透明 + 1px 半透描边 + 柔阴影 + 微交互 ---------- */
.card{
  background:rgba(22,26,32,.40);
  backdrop-filter:blur(18px) saturate(1.35);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 2px 6px rgba(0,0,0,.2),0 22px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:16px;
  transition:transform .25s ease,border-color .3s ease,box-shadow .3s ease;
}
.card:hover{
  transform:translateY(-2px);
  border-color:rgba(240,185,11,.35);
  box-shadow:0 6px 16px rgba(0,0,0,.28),0 26px 56px rgba(0,0,0,.48),0 0 24px rgba(240,185,11,.16),0 0 0 1px rgba(240,185,11,.28);
}
.tier-table,.modal{border-radius:14px}

/* ---------- 导航：毛玻璃 + 1px 半透描边 ---------- */
.site-header{
  background:rgba(8,11,16,.5);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.bottom-nav{
  background:rgba(8,11,16,.5);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border-top:1px solid rgba(255,255,255,.07);
}
.wallet-button{
  background:rgba(240,185,11,.14);
  border:1px solid rgba(240,185,11,.4);
  border-radius:999px;
  box-shadow:0 4px 14px rgba(240,185,11,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
.wallet-button.connected{border-color:#22c55e66}
.bottom-nav button.active{color:#fcd535;text-shadow:0 0 12px rgba(240,185,11,.5)}
.bottom-nav button.active img{filter:drop-shadow(0 0 8px rgba(240,185,11,.6))}

/* ---------- 弹窗 ---------- */
.modal-backdrop{background:rgba(2,6,23,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal{
  background:rgba(14,17,23,.62);
  backdrop-filter:blur(28px) saturate(1.4);
  -webkit-backdrop-filter:blur(28px) saturate(1.4);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 8px 24px rgba(0,0,0,.38),0 36px 80px rgba(0,0,0,.5);
}
.pwi-backdrop{
  background:rgba(2,6,23,.66) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.pwi-modal{
  background:rgba(14,17,23,.62) !important;
  backdrop-filter:blur(28px) saturate(1.4);
  -webkit-backdrop-filter:blur(28px) saturate(1.4);
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:16px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.38),0 36px 80px rgba(0,0,0,.5);
}
.language-menu{
  background:rgba(20,24,32,.6);
  backdrop-filter:blur(18px) saturate(1.4);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.5);
}

/* ---------- 次级容器统一玻璃 + 1px 半透描边 ---------- */
.metric-pill{
  background:rgba(24,28,35,.42);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
}
.mini-stats{
  background:rgba(24,28,35,.42);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
}
.tier-row{
  background:rgba(24,28,35,.38);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.07);
}
.output-row{
  background:rgba(24,28,35,.38);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
}
.provider-list>button{
  background:rgba(24,28,35,.42);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  transition:border-color .2s ease,background .2s ease;
}
.provider-list>button:hover:not(:disabled){border-color:rgba(240,185,11,.5);background:rgba(240,185,11,.08)}
.wallet-connected-card,.wallet-empty{
  background:rgba(24,28,35,.42);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
}
.wallet-status{background:rgba(39,52,73,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07)}
/* PWI 钱包弹窗内部组件 */
.pwi-chain,.pwi-status,.pwi-sec-note{
  background:rgba(24,28,35,.45) !important;
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  transition:border-color .2s ease,background .2s ease;
}
.pwi-chain:hover{border-color:rgba(240,185,11,.5) !important;background:rgba(240,185,11,.08) !important}
.pwi-sec-note{border-left-color:rgba(56,189,248,.55)}
.secondary-button{
  background:rgba(39,52,73,.45);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
}
.withdraw-card>input{
  background:rgba(16,21,27,.55);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
}
.toast{
  background:rgba(20,24,30,.62);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
}

/* ---------- 服务页兑换输入：金色玻璃 ---------- */
.exchange-input{
  background:rgba(240,185,11,.08);
  backdrop-filter:blur(10px) saturate(1.25);
  -webkit-backdrop-filter:blur(10px) saturate(1.25);
  border:1px solid rgba(240,185,11,.22);
  border-radius:12px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.exchange-input:focus-within{border-color:rgba(240,185,11,.5);box-shadow:0 0 0 2px rgba(240,185,11,.28)}
.exchange-input input::placeholder{color:rgba(253,213,53,.4)}

/* ---------- 按钮：金色渐变 + 柔阴影 + 上浮微交互 ---------- */
.gold-button{
  background:linear-gradient(135deg,#f0b90b,#fcd535);
  box-shadow:0 6px 22px rgba(240,185,11,.35),inset 0 1px 0 rgba(255,255,255,.4);
  border-radius:999px;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.gold-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 9px 30px rgba(240,185,11,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.gold-button:active{transform:scale(.97)}
.purple-button{
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  box-shadow:0 6px 22px rgba(99,102,241,.3),inset 0 1px 0 rgba(255,255,255,.25);
  border-radius:999px;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.purple-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 9px 30px rgba(99,102,241,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.purple-button:active{transform:scale(.97)}
.record-button{
  background:linear-gradient(135deg,#e8a33d,#fcd535);
  box-shadow:0 6px 20px rgba(240,185,11,.3),inset 0 1px 0 rgba(255,255,255,.3);
  border-radius:999px;
  transition:transform .2s ease,filter .2s ease;
}
.record-button:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* ---------- 客服图标：金色玻璃胶囊 + 币安风格客服耳机图标 ---------- */
.chat-button{
  width:58px;height:44px;
  border-radius:999px;
  background:rgba(240,185,11,.14);
  backdrop-filter:blur(12px) saturate(1.4);
  -webkit-backdrop-filter:blur(12px) saturate(1.4);
  border:1px solid rgba(240,185,11,.55);
  box-shadow:0 6px 20px rgba(240,185,11,.3),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s ease,box-shadow .2s ease;
  cursor:grab;
}
.chat-button:active{cursor:grabbing}
.chat-button:hover{transform:scale(1.05);box-shadow:0 8px 26px rgba(240,185,11,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.chat-button img,.chat-button .admin-support-badge{display:none !important}
.chat-button::after{content:'';display:none}
.tg-chat-icon{
  position:absolute;left:50%;top:50%;
  width:28px;height:28px;
  margin:-14px 0 0 -14px;
  transform:none !important;
  filter:drop-shadow(0 1px 8px rgba(240,185,11,.6));
  pointer-events:none;
}

/* ---------- 大数字金色渐变（高级科技感） ---------- */
.wallet-main>strong,.pool-hero>strong,.assets-hero>strong{
  background:linear-gradient(120deg,#fcd535,#e8a33d 55%,#fff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 16px rgba(240,185,11,.25));
}

/* ---------- 目的地卡片：hover 金色箭头 ---------- */
.service-benefits .card,.rate-card{position:relative}
.service-benefits .card::after,.rate-card::after{
  content:"›";
  position:absolute;right:14px;top:50%;
  transform:translateY(-50%);
  font-size:20px;font-weight:700;
  color:rgba(240,185,11,.55);
  opacity:0;
  transition:opacity .25s ease,right .25s ease;
}
.service-benefits .card:hover::after,.rate-card:hover::after{opacity:1;right:10px}

/* ---------- 滚动渐入（由 theme-glass.js 控制，reduced-motion 时 JS 直接跳过） ---------- */
.tg-fade{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.tg-in{opacity:1;transform:none}

/* ---------- 服务页客服咨询卡片：跟随设计玻璃化 ---------- */
.admin-content-card{
  background:rgba(22,26,32,.42) !important;
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:16px !important;
  box-shadow:0 2px 6px rgba(0,0,0,.2),0 20px 44px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .25s ease,border-color .3s ease,box-shadow .3s ease;
}
.admin-content-card:hover{
  transform:translateY(-2px);
  border-color:rgba(240,185,11,.35) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.28),0 26px 56px rgba(0,0,0,.48),0 0 24px rgba(240,185,11,.14);
}
.admin-content-card-head{color:#fcd535 !important;text-shadow:0 0 14px rgba(240,185,11,.25)}

/* ---------- 状态标签体系（進行中/已確認/待處理/拒絕等）统一玻璃胶囊 ---------- */
.admin-content-status{
  border-radius:999px !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-width:1px !important;
}
.admin-content-status.active,
.admin-content-status.published,
.admin-content-status.confirmed,
.admin-content-status.deposited,
.admin-content-status.approved,
.admin-content-status.paid,
.admin-content-status.open,
.admin-content-status.completed{
  background:rgba(34,197,94,.14) !important;
  border-color:rgba(34,197,94,.35) !important;
  color:#86efac !important;
}
.admin-content-status.pending,
.admin-content-status.pending_review,
.admin-content-status.scheduled{
  background:rgba(240,185,11,.14) !important;
  border-color:rgba(240,185,11,.4) !important;
  color:#fcd535 !important;
}
.admin-content-status.rejected,
.admin-content-status.failed{
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(239,68,68,.35) !important;
  color:#fca5a5 !important;
}
.admin-content-action{
  background:linear-gradient(135deg,#f0b90b,#fcd535) !important;
  color:#111827 !important;
  border-radius:999px !important;
  box-shadow:0 5px 16px rgba(240,185,11,.35),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.admin-content-action:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 22px rgba(240,185,11,.5)}
.admin-content-action:active{transform:scale(.97)}

/* ---------- 语言菜单选中项：金玻璃 ---------- */
.language-menu button.selected{
  background:rgba(240,185,11,.16) !important;
  color:#fcd535 !important;
}

/* ---------- KYC 提交按钮：金色渐变胶囊 ---------- */
.btn.admin-kyc-submit{
  background:linear-gradient(135deg,#f0b90b,#fcd535) !important;
  color:#111827 !important;
  border-radius:999px !important;
  box-shadow:0 5px 16px rgba(240,185,11,.35),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.btn.admin-kyc-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* ---------- 后台团队卡：玻璃化 ---------- */
.team-summary,.team-details{
  background:rgba(24,28,35,.45) !important;
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}

/* ---------- 弹窗右上角固定关闭 ❌（仅补缺：已有原生关闭的弹窗不注入） ---------- */
.tg-close-x{
  position:absolute;
  top:12px;right:12px;
  z-index:60;
  width:34px;height:34px;
  display:grid;place-items:center;
  border:1px solid rgba(240,185,11,.5);
  border-radius:50%;
  background:rgba(10,14,20,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#fcd535;
  font-size:16px;line-height:1;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 12px rgba(240,185,11,.18);
  transition:transform .15s ease,background .2s ease,box-shadow .2s ease;
}
.tg-close-x:hover{background:rgba(240,185,11,.28);transform:scale(1.1);box-shadow:0 6px 20px rgba(240,185,11,.45)}
.tg-close-x:active{transform:scale(.95)}

/* ---------- 安卓/iOS 底部安全区：底部导航避开手势条/上滑键 ---------- */
.bottom-nav{
  padding-bottom:env(safe-area-inset-bottom, 0px) !important;
  height:calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing:border-box !important;
}
@media (max-width:640px){
  .bottom-nav{
    height:calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ---------- 禁用长按选择/复制（保留输入框可编辑） ---------- */
body{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
input,textarea,select,[contenteditable="true"]{
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
  -webkit-touch-callout:default;
}

@media(max-width:640px){
  .wallet-card{margin-top:7px}
}
@media(prefers-reduced-motion:reduce){
  .card,.gold-button,.purple-button,.record-button,.chat-button,.metric-pill{transition:none;transform:none}
  .tg-fade{opacity:1;transform:none;transition:none}
}

/* 兜底：客服等非后台弹窗内绝不显示注入的关闭叉（防旧版残留） */
dialog:not(.admin-popup) .tg-close-x,
.chat-modal .tg-close-x,
[class*="chat"] .tg-close-x,
[class*="Chat"] .tg-close-x,
[class*="service"] .tg-close-x { display:none !important; }

/* 客服等原生弹窗：关闭按钮的 ✕ 图标隐藏，保留文字关闭 */
.modal-backdrop button svg.lucide-x, [role=dialog] button svg.lucide-x, dialog button svg.lucide-x { display:none !important; }

/* 客服弹窗（site-admin admin-popup）：不显示注入的关闭 ✕，保留原生关闭方式 */
.admin-popup-backdrop[data-admin-support-dialog] .tg-close-x { display:none !important; }