.n-data-table-td[data-col-key="cdk"]{white-space:nowrap!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;max-width:340px;overflow-x:auto}.n-data-table-td[data-col-key="cdk"]::-webkit-scrollbar{height:4px}.n-data-table-td[data-col-key="cdk"] .n-ellipsis{white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important}
.cdk-export-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:28px;padding:0 14px;font-size:13px;font-weight:600;
  border-radius:14px;border:1px solid #4c7dff;background:#fff;color:#4c7dff;
  cursor:pointer;line-height:1;transition:background .15s,color .15s;
  font-family:inherit;
}
.cdk-export-btn:hover{background:#eef3ff;}
.cdk-export-btn:active{background:#dde6ff;}
.cdk-export-btn[disabled]{opacity:.5;cursor:not-allowed;}
[data-redeem-theme="dark"] .cdk-export-btn{background:transparent;color:#7aa0ff;border-color:#3f6ff0;}
[data-redeem-theme="dark"] .cdk-export-btn:hover{background:rgba(76,125,255,.15);}
@media (max-width: 768px) {
  /* === language switcher (nav-bar) compress so its dropdown doesn't dominate === */
  .nav-bar .n-select { width: 130px !important; min-width: 130px !important; }
  .nav-bar .n-base-selection { padding: 0 8px !important; }
  .v-binder-follower-container .n-base-select-menu { max-height: 280px !important; }

  /* === platform-switch sits clear of nav-bar dropdown === */
  .platform-switch { margin-top: 14px; position: relative; z-index: 1; }

  /* === hero / panels: tighter padding to claw back space === */
  .admin-view, .redeem-view { padding: 12px 8px 32px !important; gap: 12px !important; }
  .hero :deep(.n-card__content),
  .panel :deep(.n-card__content),
  .panel .n-card__content,
  .hero .n-card__content { padding: 14px 14px 16px !important; }
  .panel .n-card-header { padding: 14px 14px 4px !important; }
  .hero .title { font-size: 22px !important; }
  .hero .subtitle { font-size: 12px !important; }

  /* === data-table: enable horizontal scroll, prevent column smashing === */
  .n-data-table .n-data-table-base-table { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .n-data-table .n-data-table-base-table-body,
  .n-data-table .n-data-table-base-table-header { overflow-x: auto !important; }
  .n-data-table .n-data-table-table { min-width: 720px !important; width: max-content !important; }
  .n-data-table-th, .n-data-table-td { white-space: nowrap !important; padding: 8px 10px !important; font-size: 12px !important; }
  .n-data-table-th { font-weight: 600 !important; }
  /* Hint that the table is scrollable (subtle right shadow) */
  .n-data-table { position: relative; }
  .n-data-table::after {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 14px;
    background: linear-gradient(to left, rgba(0,0,0,0.08), transparent);
    pointer-events: none; border-top-right-radius: inherit; border-bottom-right-radius: inherit;
  }
  [data-redeem-theme="dark"] .n-data-table::after {
    background: linear-gradient(to left, rgba(0,0,0,0.35), transparent);
  }
  /* CDK monospace column: keep readable but compact */
  .n-data-table-td[data-col-key="cdk"] code { font-size: 11px !important; }

  /* === generation form: full-width inputs, vertical flow === */
  .panel .n-space, .panel .n-space.n-space--align-end { row-gap: 10px !important; column-gap: 10px !important; }
  .panel .n-space > * { flex: 1 1 calc(50% - 10px); min-width: 140px; }
  .panel .n-input-number, .panel .n-select { width: 100% !important; max-width: 100% !important; }
  .panel .n-button { white-space: nowrap; }

  /* === 批量生成 / 代理商 face buttons row: 兜底布局 === */
  .panel .n-space [data-cdk-export],
  .panel .n-space .n-button { min-width: 0; }
  /* Our injected export buttons should also fit and wrap */
  .cdk-export-btn { flex: 1 1 calc(50% - 10px); min-width: 140px; }

  /* === filter input shouldn't force overflow === */
  .panel .n-input { max-width: 100% !important; }

  /* === stats line wrap nicely === */
  .stats { line-height: 1.8; word-break: break-word; }
}

/* Even tighter on very narrow phones */
@media (max-width: 380px) {
  .admin-view, .redeem-view { padding: 10px 6px 28px !important; }
  .panel .n-space > * { flex: 1 1 100%; }
  .cdk-export-btn { flex: 1 1 100%; }
  .nav-bar .n-select { width: 110px !important; min-width: 110px !important; }
}
/* ===== universal: tables never overflow page; always scrollable ===== */
.admin-view, .redeem-view { max-width: 1180px; margin: 0 auto; }
.panel { overflow: hidden; }
.panel .n-card__content { overflow-x: hidden; }

/* horizontal scroll on tables across all viewports */
.n-data-table { width: 100%; }
.n-data-table .n-data-table-base-table,
.n-data-table .n-data-table-base-table-body,
.n-data-table .n-data-table-base-table-header { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.n-data-table .n-data-table-table { width: max-content !important; min-width: 100% !important; }
.n-data-table-th, .n-data-table-td { white-space: nowrap !important; vertical-align: middle; }

/* 备注 column: allow ellipsis but cap width */
.n-data-table-td .n-ellipsis,
.n-data-table-th .n-ellipsis { max-width: 320px; }

/* CDK 列保持等宽字体且不撑爆 */
.n-data-table-td[data-col-key="cdk"] { max-width: 360px; }
.n-data-table-td[data-col-key="cdk"] code { font-size: 12px; }

/* form rows wrap cleanly without overlapping */
.panel .n-space { flex-wrap: wrap !important; }
.panel .n-space > * { min-width: 0; }

/* Hover row highlight + alternating subtle stripe for readability */
.n-data-table .n-data-table-tr:hover .n-data-table-td { background: rgba(76,125,255,.06); }
[data-redeem-theme="dark"] .n-data-table .n-data-table-tr:hover .n-data-table-td { background: rgba(122,160,255,.08); }

/* ===== medium-width laptop (≤1100): tighten + table min-width for scroll cue ===== */
@media (max-width: 1100px) and (min-width: 769px) {
  .admin-view, .redeem-view { padding: 18px 14px 36px !important; }
  .n-data-table .n-data-table-table { min-width: 880px !important; }
  .n-data-table-th, .n-data-table-td { padding: 10px 12px !important; font-size: 13px !important; }
  /* gentle right-edge scroll hint */
  .n-data-table { position: relative; }
  .n-data-table::after {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 14px;
    background: linear-gradient(to left, rgba(0,0,0,0.06), transparent);
    pointer-events: none;
  }
  [data-redeem-theme="dark"] .n-data-table::after {
    background: linear-gradient(to left, rgba(0,0,0,0.3), transparent);
  }
}

/* ===== ultra-wide (>1280): give breathing room ===== */
@media (min-width: 1281px) {
  .admin-view, .redeem-view { max-width: 1280px; }
}
.cbq-panel{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e2e8f0);border-radius:18px;padding:14px 16px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.cbq-title{font-size:15px;font-weight:700;margin-bottom:10px;color:var(--app-text-primary,#122033);}
.cbq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width: 768px){.cbq-grid{grid-template-columns:1fr;}}
.cbq-col{min-width:0;}
.cbq-label{font-size:12px;color:var(--app-text-muted,#7b8794);margin-bottom:6px;}
.cbq-inputrow{display:flex;gap:6px;}
.cbq-in{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid var(--app-border,#cdd5df);border-radius:10px;font-size:13px;background:var(--app-surface-soft,#f8fafc);color:var(--app-text-primary,#122033);font-family:inherit;}
.cbq-in:focus{outline:none;border-color:#4c7dff;background:#fff;}
.cbq-btn{height:32px;padding:0 14px;border-radius:10px;border:1px solid #4c7dff;background:#4c7dff;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;}
.cbq-btn:hover{background:#3f6ff0;}
.cbq-out{margin-top:8px;font-size:12px;max-height:340px;overflow:auto;}
.cbq-card{border:1px solid var(--app-border,#e2e8f0);border-radius:12px;padding:10px 12px;margin-top:6px;background:var(--app-surface-soft,#f8fafc);}
.cbq-row{display:flex;gap:8px;padding:3px 0;font-size:12px;}
.cbq-k{min-width:62px;color:var(--app-text-muted,#7b8794);}
.cbq-row code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;word-break:break-all;}
.cbq-tag{display:inline-block;padding:1px 8px;border-radius:8px;font-size:11px;}
.cbq-used{background:#fee2e2;color:#b91c1c;}
.cbq-free{background:#dcfce7;color:#15803d;}
.cbq-muted{color:var(--app-text-muted,#94a3b8);font-size:12px;padding:6px 0;}
.cbq-empty{color:var(--app-text-muted,#94a3b8);font-size:12px;padding:8px 4px;}
.cbq-err{color:#b91c1c;font-size:12px;padding:6px 0;}
.cbq-summary{font-size:12px;color:var(--app-text-muted,#7b8794);margin:4px 0 6px;}
.cbq-tbl{width:100%;border-collapse:collapse;font-size:12px;}
.cbq-tbl th,.cbq-tbl td{padding:6px 8px;border-bottom:1px solid var(--app-border,#eef2f7);text-align:left;white-space:nowrap;}
.cbq-tbl th{background:var(--app-surface-soft,#f8fafc);font-weight:600;color:var(--app-text-secondary,#516076);}
.cbq-tbl td code{font-size:11px;font-family:ui-monospace,Menlo,Consolas,monospace;}
.cbq-mini{margin-left:6px;height:20px;padding:0 8px;border-radius:6px;border:1px solid var(--app-border,#cdd5df);background:#fff;color:#4c7dff;font-size:11px;cursor:pointer;font-family:inherit;}
.cbq-mini:hover{background:#eef3ff;}
.cbq-foot{margin-top:10px;font-size:11px;color:var(--app-text-muted,#94a3b8);display:flex;align-items:center;gap:8px;}
[data-redeem-theme="dark"] .cbq-panel{background:rgba(20,30,50,.94);border-color:rgba(255,255,255,.08);}
[data-redeem-theme="dark"] .cbq-in,[data-redeem-theme="dark"] .cbq-card,[data-redeem-theme="dark"] .cbq-tbl th{background:rgba(255,255,255,.04);}
[data-redeem-theme="dark"] .cbq-mini{background:transparent;color:#7aa0ff;border-color:rgba(122,160,255,.4);}
#cdk-analytics-link{position:fixed;top:14px;right:14px;z-index:9999;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:18px;background:linear-gradient(135deg,#4c7dff,#7b5cff);color:#fff;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 4px 14px rgba(76,125,255,.35);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;transition:transform .15s,box-shadow .15s;}
#cdk-analytics-link:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(76,125,255,.5);}
@media (max-width:600px){#cdk-analytics-link{top:8px;right:8px;height:30px;padding:0 10px;font-size:12px;}}
#cdk-ledger-link{position:fixed;top:14px;right:150px;z-index:9999;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 4px 14px rgba(16,185,129,.35);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;transition:transform .15s,box-shadow .15s;}
#cdk-ledger-link:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.5);}
@media (max-width:600px){#cdk-ledger-link{top:8px;right:auto;left:8px;height:30px;padding:0 10px;font-size:12px;}}
.cbf-bar{display:flex;gap:8px;align-items:center;padding:8px 12px;margin:6px 0;background:rgba(76,125,255,.06);border:1px solid var(--app-border,#2a334a);border-radius:8px;flex-wrap:wrap;}
.cbf-bar input{flex:1;min-width:220px;padding:6px 10px;border-radius:6px;border:1px solid var(--app-border,#2a334a);background:var(--app-bg,#0f172a);color:var(--app-text,#e5e7eb);font-size:13px;font-family:inherit;}
.cbf-bar .cbf-stat{font-size:11px;color:var(--app-text-muted,#94a3b8);}
.cbf-bar button{padding:5px 10px;border-radius:6px;border:1px solid var(--app-border,#2a334a);background:transparent;color:var(--app-text-muted,#94a3b8);font-size:12px;cursor:pointer;}
.cbf-bar button:hover{color:var(--app-text,#e5e7eb);}
tr.cbf-hide{display:none !important;}
.cal-view-btn{margin-left:8px;height:22px;padding:0 9px;border-radius:6px;border:1px solid var(--app-border,#cbd5e1);background:#fff;color:#4c7dff;font-size:11px;cursor:pointer;font-family:inherit;vertical-align:middle;white-space:nowrap}
.cal-view-btn:hover{background:#eef3ff;border-color:#4c7dff}
[data-redeem-theme="dark"] .cal-view-btn{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);color:#7aa0ff}
[data-redeem-theme="dark"] .cal-view-btn:hover{background:rgba(122,160,255,.15)}

.cal-detail-tabs{display:flex;gap:8px;padding:10px 14px;margin:8px 0 14px;border-radius:10px;background:linear-gradient(135deg,rgba(76,125,255,.12),rgba(245,158,11,.10));border:1px solid rgba(76,125,255,.25);align-items:center;flex-wrap:wrap}
.cal-detail-tabs .cal-tabs-label{font-size:12px;font-weight:600;color:var(--app-text-secondary,#475569);margin-right:6px}
.cal-detail-tabs button{flex:0 0 auto;height:30px;padding:0 14px;border:1px solid var(--app-border,#cbd5e1);background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;font-family:inherit;border-radius:6px;display:inline-flex;align-items:center;gap:6px;transition:all .15s}
.cal-detail-tabs button:hover{color:#4c7dff}
.cal-detail-tabs button.active{background:linear-gradient(135deg,#4c7dff,#7b5cff);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(76,125,255,.3)}
.cal-detail-tabs button.active.cal-claude{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px rgba(245,158,11,.3)}
.cal-detail-tabs .ct{font-weight:400;font-size:12px;opacity:.75;background:var(--app-surface-soft,#f1f5f9);padding:2px 8px;border-radius:10px}
.cal-detail-tabs button.active .ct{background:rgba(76,125,255,.15);color:#4c7dff;opacity:1}
.cal-detail-tabs button.active.cal-claude .ct{background:rgba(245,158,11,.15);color:#d97706}
[data-redeem-theme="dark"] .cal-detail-tabs{background:rgba(20,30,50,.95)}
[data-redeem-theme="dark"] .cal-detail-tabs button{color:#94a3b8}
[data-redeem-theme="dark"] .cal-detail-tabs button.active{color:#7aa0ff}

.cal-row-hidden{display:none !important}
.cal-gen-banner{display:flex;align-items:center;padding:10px 14px;margin:8px 0;border-radius:8px;font-size:13px;line-height:1.4}
.cal-gen-banner.cal-banner-all{background:rgba(148,163,184,.12);color:#475569;border:1px dashed rgba(148,163,184,.4)}
.cal-gen-banner.cal-banner-gpt{background:linear-gradient(135deg,rgba(76,125,255,.15),rgba(123,92,255,.12));color:#1e3a8a;border:1px solid rgba(76,125,255,.4);font-weight:600}
.cal-gen-banner.cal-banner-claude{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.12));color:#92400e;border:1px solid rgba(245,158,11,.5);font-weight:600}
[data-redeem-theme="dark"] .cal-gen-banner.cal-banner-gpt{color:#dbeafe}
[data-redeem-theme="dark"] .cal-gen-banner.cal-banner-claude{color:#fde68a}
.gpt-stable-wrap{margin:12px 0;padding:14px;border-radius:10px;background:linear-gradient(135deg,rgba(76,125,255,.08),rgba(123,92,255,.06));border:1px solid rgba(76,125,255,.2)}
.gpt-stable-tabs{display:flex;gap:8px;margin-bottom:14px;padding:4px;background:rgba(76,125,255,.06);border-radius:12px;border:1px solid rgba(76,125,255,.12)}
.gpt-stable-tabs button{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:9px;border:1px solid transparent;background:transparent;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;color:#64748b;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.gpt-stable-tabs button.active{background:linear-gradient(135deg,#4c7dff,#7b5cff);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(76,125,255,.32),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-1px)}
.gpt-stable-tabs button:hover:not(.active){background:rgba(255,255,255,.7);color:#4c7dff}
@media (max-width:640px){
  .gpt-stable-tabs{gap:6px;padding:3px;border-radius:11px}
  .gpt-stable-tabs button{height:46px;padding:6px 10px;font-size:12.5px;border-radius:8px;flex-direction:column;gap:2px;white-space:normal;line-height:1.2;letter-spacing:0}
  .gpt-stable-tabs button .tab-sub{font-size:10.5px;font-weight:500;opacity:.7;white-space:nowrap}
  .gpt-stable-tabs button.active .tab-sub{opacity:.9}
}
[data-redeem-theme="dark"] .gpt-stable-tabs{background:rgba(76,125,255,.08);border-color:rgba(76,125,255,.18)}
[data-redeem-theme="dark"] .gpt-stable-tabs button{color:#94a3b8}
[data-redeem-theme="dark"] .gpt-stable-tabs button:hover:not(.active){background:rgba(255,255,255,.06);color:#a5b4fc}
.gpt-stable-form,.gpt-fast-form{display:none;flex-direction:column;gap:10px}
.gpt-stable-form.visible,.gpt-fast-form.visible{display:flex}
.gpt-stable-form label,.gpt-fast-form label{font-size:12px;font-weight:600;color:var(--app-text-secondary,#475569);display:flex;align-items:center;gap:8px}
.cal-plan-btn{height:24px;padding:0 10px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;font-size:12px;cursor:pointer;color:#475569;font-family:inherit}
.cal-plan-btn.active{background:linear-gradient(135deg,#4c7dff,#7b5cff);color:#fff;border-color:transparent}
.cal-plan-btn:hover:not(.active){border-color:#4c7dff;color:#4c7dff}
.gpt-stable-form .step,.gpt-fast-form .step{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4c7dff,#7b5cff);color:#fff;font-size:11px;font-weight:700}
.gpt-stable-form input,.gpt-fast-form input{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--app-border,#cbd5e1);font-size:14px;font-family:ui-monospace,Menlo,Consolas,monospace;outline:none;transition:border-color .15s;background:#fff;color:#0f172a}
.gpt-fast-form textarea{min-height:140px;padding:10px 12px;border-radius:8px;border:1px solid var(--app-border,#cbd5e1);font-size:12.5px;font-family:ui-monospace,Menlo,Consolas,monospace;outline:none;transition:border-color .15s;resize:vertical;background:#fff;color:#0f172a;line-height:1.5}
.gpt-stable-form input:focus,.gpt-fast-form input:focus,.gpt-fast-form textarea:focus{border-color:#4c7dff;box-shadow:0 0 0 3px rgba(76,125,255,.12)}
.gpt-stable-form .hint,.gpt-fast-form .hint{font-size:11px;color:var(--app-text-muted,#94a3b8);line-height:1.5}
.gpt-stable-form .btn-go,.gpt-fast-form .btn-go{height:44px;border-radius:10px;border:0;background:linear-gradient(135deg,#10a37f,#0d8a6b);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(16,163,127,.32),inset 0 1px 0 rgba(255,255,255,.18);letter-spacing:.02em}
.gpt-stable-form .btn-go{background:linear-gradient(135deg,#4c7dff,#7b5cff);box-shadow:0 4px 14px rgba(76,125,255,.32),inset 0 1px 0 rgba(255,255,255,.18)}
.gpt-stable-form .btn-go:disabled,.gpt-fast-form .btn-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;background:#94a3b8}
.gpt-stable-form .btn-go:hover:not(:disabled),.gpt-fast-form .btn-go:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}
.gpt-fast-form .parsed{font-size:12px;color:#10a37f;background:rgba(16,163,127,.08);border:1px solid rgba(16,163,127,.22);padding:8px 12px;border-radius:8px;line-height:1.5;word-break:break-all}
.gpt-fast-form .parsed.err{color:#dc2626;background:rgba(220,38,38,.07);border-color:rgba(220,38,38,.22)}
.gpt-fast-aid-card{margin:4px 0 2px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(245,158,11,.04));border:1px solid rgba(245,158,11,.28)}
.gpt-fast-aid-title{font-size:12.5px;font-weight:700;color:#92400e;margin-bottom:8px}
.gpt-fast-aid-row{display:flex;gap:8px;align-items:center}
.gpt-fast-aid-row input{flex:1;height:34px !important;padding:0 10px !important;font-size:12.5px !important;border-radius:7px !important;border:1px solid rgba(245,158,11,.4) !important;background:#fff !important;color:#0f172a !important;font-family:ui-monospace,Menlo,Consolas,monospace}
.gpt-fast-aid-row input:focus{border-color:#f59e0b !important;box-shadow:0 0 0 3px rgba(245,158,11,.15) !important;outline:none}
.gpt-fast-aid-row button{flex:0 0 auto;height:34px;padding:0 16px;border:0;border-radius:7px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}
.gpt-fast-aid-row button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(245,158,11,.32)}
.gpt-fast-aid-hint{margin-top:8px;font-size:11px;color:#78350f;line-height:1.5}
.gpt-fast-aid-hint code{background:rgba(255,255,255,.6);padding:1px 5px;border-radius:3px;font-family:ui-monospace,monospace;font-size:10.5px;color:#78350f}
[data-redeem-theme="dark"] .gpt-fast-aid-card{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.06));border-color:rgba(245,158,11,.32)}
[data-redeem-theme="dark"] .gpt-fast-aid-title{color:#fbbf24}
[data-redeem-theme="dark"] .gpt-fast-aid-hint{color:#fcd34d}
[data-redeem-theme="dark"] .gpt-fast-aid-hint code{background:rgba(0,0,0,.3);color:#fcd34d}
[data-redeem-theme="dark"] .gpt-fast-aid-row input{background:rgba(255,255,255,.06) !important;color:#fef3c7 !important;border-color:rgba(245,158,11,.45) !important}
.gpt-fast-form .stock-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;margin-left:6px}
.gpt-fast-form .stock-badge.ok{background:rgba(16,163,127,.12);color:#0d8a6b}
.gpt-fast-form .stock-badge.no{background:rgba(220,38,38,.12);color:#b91c1c}
.gpt-fast-form .stock-badge.warn{background:rgba(245,158,11,.12);color:#a16207}
.gpt-stable-status,.gpt-fast-status{margin-top:10px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.55;display:none}
.gpt-stable-status.pending,.gpt-fast-status.pending{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}
.gpt-stable-status.success,.gpt-fast-status.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#166534}
.gpt-stable-status.error,.gpt-fast-status.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#991b1b}
[data-redeem-theme="dark"] .gpt-stable-form input,[data-redeem-theme="dark"] .gpt-fast-form input,[data-redeem-theme="dark"] .gpt-fast-form textarea{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#e2e8f0}
[data-redeem-theme="dark"] .gpt-stable-form label,[data-redeem-theme="dark"] .gpt-fast-form label{color:#cbd5e1}
/* When our shim owns the redeem form, hide the legacy 或：仅填写 account_id yellow card no matter how often it gets re-injected by its own MutationObserver */
body.gpt-shim-active div[style*="#fef3c7"],
body.gpt-shim-active div:has(> #__aid_input),
body.gpt-shim-active div:has(> div > #__aid_input){display:none !important}
body.gpt-shim-active #__aid_input,body.gpt-shim-active #__aid_btn{display:none !important}
/* === 个人 ID label prominence === */
.gpt-stable-form .gpt-stable-aid-label{
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  padding:8px 14px 8px 12px !important;
  margin:6px 0 4px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,rgba(76,125,255,.16),rgba(123,92,255,.16),rgba(244,114,182,.14)) !important;
  background-size:200% 200% !important;
  animation:aidGradient 6s ease-in-out infinite !important;
  box-shadow:0 4px 14px rgba(76,125,255,.18), inset 0 1px 0 rgba(255,255,255,.5) !important;
  border:1.5px solid rgba(76,125,255,.35) !important;
  display:inline-flex !important;
  width:auto !important;
  position:relative !important;
  overflow:hidden !important;
  color:#1e1b4b !important;
}
.gpt-stable-form .gpt-stable-aid-label .step{
  background:linear-gradient(135deg,#4c7dff,#7b5cff) !important;
  width:24px !important;height:24px !important;font-size:13px !important;
  box-shadow:0 4px 10px rgba(76,125,255,.45) !important;
}
.gpt-stable-form .gpt-stable-aid-label .aid-text{
  font-size:18px !important;font-weight:900 !important;letter-spacing:.02em !important;
  background:linear-gradient(135deg,#4c7dff 0%,#7b5cff 50%,#f472b6 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 0 14px rgba(123,92,255,.35) !important;
  animation:aidPulse 1.8s ease-in-out infinite !important;
  position:relative !important;
}
.gpt-stable-form .gpt-stable-aid-label .aid-en{
  font-size:11px !important;font-weight:700 !important;color:#64748b !important;
  letter-spacing:.04em !important;opacity:.78 !important;
}
.gpt-stable-form .gpt-stable-aid-label .aid-spark{
  font-size:16px !important;
  animation:aidSpark 2.2s ease-in-out infinite !important;
  display:inline-block !important;
  filter:drop-shadow(0 0 6px rgba(244,114,182,.6)) !important;
}
.gpt-stable-form .gpt-stable-aid-label::before{
  content:"" !important;position:absolute !important;
  top:0 !important;left:-100% !important;width:100% !important;height:100% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent) !important;
  animation:aidShimmer 3.8s ease-in-out infinite !important;
}
@keyframes aidGradient{
  0%,100%{background-position:0% 0%}
  50%{background-position:100% 100%}
}
@keyframes aidPulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.18)}
}
@keyframes aidSpark{
  0%,100%{transform:rotate(0deg) scale(1);opacity:1}
  25%{transform:rotate(-12deg) scale(1.18);opacity:.85}
  50%{transform:rotate(8deg) scale(1.12);opacity:.95}
  75%{transform:rotate(-4deg) scale(1.06)}
}
@keyframes aidShimmer{
  0%{left:-100%}
  60%{left:120%}
  100%{left:120%}
}
[data-redeem-theme="dark"] .gpt-stable-form .gpt-stable-aid-label{
  background:linear-gradient(135deg,rgba(76,125,255,.22),rgba(123,92,255,.22),rgba(244,114,182,.18)) !important;
  border-color:rgba(123,92,255,.5) !important;
  color:#e0e7ff !important;
  box-shadow:0 4px 18px rgba(76,125,255,.35) !important;
}
[data-redeem-theme="dark"] .gpt-stable-form .gpt-stable-aid-label .aid-en{ color:#94a3b8 !important; }

[data-redeem-theme="dark"] .gpt-stable-wrap{background:rgba(76,125,255,.06);border-color:rgba(76,125,255,.15)}
[data-redeem-theme="dark"] .gpt-stable-tabs button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);color:#cbd5e1}
[data-redeem-theme="dark"] .gpt-stable-form input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);color:#e2e8f0}
#gpt-plan-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:14px 0 8px}@media(max-width:560px){#gpt-plan-tabs{grid-template-columns:repeat(2,1fr)}}.gpt-pt{position:relative;border:1px solid #e2e8f0;border-radius:14px;padding:12px 8px 10px;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 1px 2px rgba(15,23,42,.05);cursor:pointer;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.gpt-pt:hover{transform:translateY(-2px);border-color:rgba(76,125,255,.45);box-shadow:0 8px 24px rgba(76,125,255,.16)}.gpt-pt .pt-name{font-weight:800;font-size:15px;letter-spacing:.3px;background:linear-gradient(90deg,#4c7dff,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.gpt-pt[data-plan=go] .pt-name{background:linear-gradient(90deg,#10b981,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}.gpt-pt[data-plan=\"5x\"] .pt-name{background:linear-gradient(90deg,#f59e0b,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.gpt-pt[data-plan=\"20x\"] .pt-name{background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.gpt-pt .pt-stock{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#64748b;padding:3px 10px;border-radius:999px;background:#f1f5f9;white-space:normal;text-align:center;line-height:1.25;max-width:100%}.gpt-pt .pt-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;flex:none}.gpt-pt.in-stock .pt-dot{background:#22c55e;animation:gptPulse 2s infinite}.gpt-pt.in-stock .pt-stock{color:#15803d;background:rgba(34,197,94,.1)}.gpt-pt.out-stock .pt-dot{background:#ef4444}.gpt-pt.out-stock .pt-stock{color:#b91c1c;background:rgba(239,68,68,.08)}.gpt-pt.soon{opacity:.82}.gpt-pt.soon .pt-dot{background:#f59e0b}.gpt-pt.soon .pt-stock{color:#b45309;background:rgba(245,158,11,.1)}.gpt-pt.active{box-shadow:0 10px 30px rgba(76,125,255,.22)}.gpt-pt.active::before{content:\"\";position:absolute;inset:0;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,#4c7dff,#8b5cf6,#22d3ee);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gpt-pt.active::after{content:\"\u2713\";position:absolute;top:6px;right:7px;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4c7dff,#8b5cf6);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes gptPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.gpt-stable-tabs{flex-wrap:wrap}.gpt-stable-tabs button{min-width:0;flex:1 1 auto}#gpt-plan-tabs .gpt-pt b,#gpt-plan-tabs .gpt-pt .pt-name{max-width:100%;overflow-wrap:anywhere}[data-redeem-theme=dark] .gpt-pt{border-color:rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(30,41,59,.75),rgba(15,23,42,.75));box-shadow:0 1px 2px rgba(0,0,0,.3)}[data-redeem-theme=dark] .gpt-pt .pt-stock{color:#94a3b8;background:rgba(148,163,184,.12)}[data-redeem-theme=dark] .gpt-pt.in-stock .pt-stock{color:#4ade80;background:rgba(34,197,94,.12)}[data-redeem-theme=dark] .gpt-pt.out-stock .pt-stock{color:#f87171;background:rgba(239,68,68,.12)}[data-redeem-theme=dark] .gpt-pt.soon .pt-stock{color:#fbbf24;background:rgba(245,158,11,.12)}
/* Hide GPT redeem hero stock badge (凭证库存 N) - kept code, just visual hide */
.hero-card .hero-card__content > div:has(.n-tag) { display: none !important; }
.hero-card .hero-card__content .n-tag { display: none !important; }
.dr-badge{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:999992;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 6px 22px rgba(15,23,42,.12),0 2px 6px rgba(15,23,42,.06);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}
.dr-badge .tab{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:0;cursor:pointer;font-size:13px;font-weight:700;color:#475569;background:transparent;transition:all .18s ease;font-family:inherit}
.dr-badge .tab .ico{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}
.dr-badge .tab .ico svg{width:16px;height:16px}
.dr-badge .tab:hover{color:#0f172a;background:rgba(15,23,42,.04)}
.dr-badge .tab.active{color:#fff;cursor:default}
.dr-badge .tab.active:hover{background-image:inherit}
.dr-badge .tab.gpt.active{background:linear-gradient(135deg,#10a37f,#0d8a6b);box-shadow:0 4px 12px rgba(16,163,127,.35)}
.dr-badge .tab.claude.active{background:linear-gradient(135deg,#d97757,#c2410c);box-shadow:0 4px 12px rgba(217,119,87,.35)}
.dr-badge .tab.grok.active{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-shadow:0 4px 12px rgba(0,0,0,.35)}
.dr-badge .tab.pplx.active{background:linear-gradient(135deg,#20b8cd,#1a8aa3);box-shadow:0 4px 12px rgba(32,184,205,.35)}
.dr-tabs-hidden{display:none!important}
@media (max-width:640px){
  .dr-badge{top:10px;left:50%;transform:translateX(-50%);font-size:12px;padding:4px;gap:2px;max-width:calc(100vw - 20px)}
  .dr-badge .tab{padding:6px 10px;font-size:12px}
  .dr-badge .tab .label-full{display:none}
  /* Move language nav-bar to the right but BELOW the badge, so it doesn't overlap hero centrally */
  /* nav-bar position handled by V2 shim */
  /* Reserve space at top for badge + nav-bar so hero isn't hidden */
  .appstore-view, .cl-wrap, .redeem-view, .admin-view {
    padding-top: 14px !important;
  }
  #grok-page { padding-top: 110px !important; }
  body.grok-active #grok-page { padding-top: 110px !important; }
  /* Compact hero a bit on mobile to compensate */
  .appstore-view .hero .n-card__content { padding: 22px 18px !important; }
  .cl-hero { padding: 22px 18px 18px !important; }
  #grok-page .grok-hero { padding: 26px 20px 22px !important; }
}
@media (max-width:480px){
  .dr-badge .tab{padding:6px 8px;font-size:11px}
  /* nav-bar position handled by V2 shim */
  .appstore-view, .cl-wrap, .redeem-view, .admin-view {
    padding-top: 10px !important;
  }
  #grok-page { padding-top: 100px !important; }
}
  #__cdk_tamper_banner{position:fixed;top:0;left:0;right:0;z-index:99999;padding:10px 16px;background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff;font-weight:600;text-align:center;display:none;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:14px}
  #__cdk_tamper_watermark{position:fixed;bottom:8px;right:8px;z-index:99998;padding:4px 8px;background:rgba(15,23,42,.85);color:#a7f3d0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;border-radius:4px;pointer-events:none;display:none;letter-spacing:.3px}
  #__cdk_tamper_watermark::before{content:"\1F512  ";letter-spacing:0}
  #grok-nav-btn{cursor:pointer;padding:6px 14px;border-radius:8px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border:1px solid #4a4a4a;font-weight:600;font-size:13px;margin-left:8px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}
  #grok-nav-btn:hover{background:linear-gradient(135deg,#2d2d2d,#404040);border-color:#666;transform:translateY(-1px)}
  #grok-nav-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0ea5e9}
  #grok-page{display:none;max-width:720px;margin:24px auto;padding:0 16px;font-family:system-ui,-apple-system,sans-serif}
  #grok-page.active{display:block}
  body.grok-active #app{min-height:0 !important;height:0 !important;overflow:hidden}
  body.grok-active .app-container > *:not(.nav-bar){display:none !important}
  body.grok-active .app-container{min-height:0 !important;padding:0 !important;height:0 !important;overflow:hidden}
  body.grok-active #grok-page{display:block}
  .grok-hero{text-align:center;margin-bottom:24px}
  .grok-hero .grok-logo{display:inline-block;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#1a1a1a,#404040);color:#fff;font-size:36px;line-height:64px;font-weight:700;margin-bottom:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
  .grok-hero h1{margin:0 0 6px;font-size:24px;color:var(--app-text,#1f2937)}
  .grok-hero .sub{color:var(--app-text-muted,#6b7280);font-size:14px}
  .grok-card{background:var(--app-bg-card,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
  .grok-card h3{margin:0 0 14px;font-size:16px;display:flex;align-items:center;gap:8px;color:var(--app-text,#1f2937)}
  .grok-card label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin:14px 0 6px;color:var(--app-text,#1f2937)}
  .grok-card label .step{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:12px;font-weight:700}
  .grok-card input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--app-border,#d1d5db);border-radius:8px;font-size:14px;font-family:ui-monospace,Menlo,monospace;background:var(--app-bg-input,#fff);color:var(--app-text,#1f2937)}
  .grok-card input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}
  .grok-card .hint{margin-top:8px;font-size:12px;color:var(--app-text-muted,#6b7280);line-height:1.6}
  .grok-card .hint a{color:#0ea5e9;text-decoration:underline}
  .grok-stock{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}
  .grok-stock.ok{background:#dcfce7;color:#166534}
  .grok-stock.no{background:#fee2e2;color:#991b1b}
  .grok-stock.warn{background:#fef3c7;color:#92400e}
  .grok-go{margin-top:18px;width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}
  .grok-go:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-1px)}
  .grok-go:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}
  .grok-status{margin-top:14px;padding:12px;border-radius:8px;font-size:13px;line-height:1.6;display:none}
  .grok-status.pending{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}
  .grok-status.success{background:#dcfce7;color:#166534;border:1px solid #86efac}
  .grok-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
  .grok-status code{background:rgba(0,0,0,.08);padding:1px 6px;border-radius:3px;font-family:ui-monospace,Menlo,monospace}
  .grok-faq h3{margin-top:0}
  .grok-faq .q{font-weight:600;color:var(--app-text,#1f2937);margin-top:10px}
  .grok-faq .a{color:var(--app-text-muted,#6b7280);font-size:13px;line-height:1.7;margin-top:4px}
  .grok-faq .a code{background:rgba(0,0,0,.06);padding:1px 6px;border-radius:3px;font-family:ui-monospace,Menlo,monospace;font-size:12px}
  @media (prefers-color-scheme:never){
    .grok-card{background:#1f2937;border-color:#374151}
    .grok-card input{background:#111827;border-color:#374151;color:#f3f4f6}
    .grok-card label,.grok-hero h1,.grok-faq .q,.grok-card h3{color:#f3f4f6}
    .grok-hero .sub,.grok-card .hint,.grok-faq .a{color:#9ca3af}
    .grok-stock.ok{background:#064e3b;color:#a7f3d0}
    .grok-stock.no{background:#7f1d1d;color:#fecaca}
    .grok-stock.warn{background:#78350f;color:#fde68a}
  }
  #cdkrec-fab{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:0;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 8px 24px rgba(16,185,129,.35),0 2px 6px rgba(0,0,0,.08);font-family:inherit;display:none;align-items:center;gap:8px}
  #cdkrec-fab.show{display:inline-flex}
  #cdkrec-fab:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(16,185,129,.45)}
  #cdkrec-fab .n{background:#fff;color:#059669;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;min-width:18px;text-align:center}
  #cdkrec-modal{position:fixed;inset:0;z-index:99998;background:rgba(15,23,42,.55);display:none;align-items:flex-start;justify-content:center;padding:32px 16px;overflow:auto}
  #cdkrec-modal.show{display:flex}
  #cdkrec-modal .panel{background:#fff;border-radius:16px;max-width:760px;width:100%;max-height:calc(100vh - 64px);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif}
  #cdkrec-modal .head{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px}
  #cdkrec-modal .head h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}
  #cdkrec-modal .head .x{background:#f3f4f6;border:0;width:32px;height:32px;border-radius:8px;cursor:pointer;color:#475569;font-size:18px;line-height:1}
  #cdkrec-modal .head .x:hover{background:#e5e7eb}
  #cdkrec-modal .body{padding:0;overflow:auto;flex:1}
  #cdkrec-modal .empty{padding:48px 20px;text-align:center;color:#94a3b8;font-size:14px}
  #cdkrec-modal .batch{border-bottom:1px solid #e5e7eb;padding:14px 20px;display:flex;flex-direction:column;gap:10px}
  #cdkrec-modal .batch:last-child{border-bottom:0}
  #cdkrec-modal .batch .meta{font-size:12px;color:#64748b;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  #cdkrec-modal .batch .meta b{color:#0f172a}
  #cdkrec-modal .batch .meta .pill{background:#eff6ff;color:#1e40af;padding:2px 8px;border-radius:6px;font-weight:600}
  #cdkrec-modal .batch .preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.5;color:#334155;max-height:120px;overflow:auto;word-break:break-all;white-space:pre}
  #cdkrec-modal .batch .actions{display:flex;gap:8px;flex-wrap:wrap}
  #cdkrec-modal .batch button{padding:6px 14px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#0f172a;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
  #cdkrec-modal .batch button:hover{background:#f3f4f6;border-color:#9ca3af}
  #cdkrec-modal .batch button.primary{background:#10b981;color:#fff;border-color:#10b981}
  #cdkrec-modal .batch button.primary:hover{background:#059669;border-color:#059669}
  #cdkrec-modal .batch button.danger{background:#fff;color:#dc2626;border-color:#fecaca}
  #cdkrec-modal .batch button.danger:hover{background:#fef2f2}
  #cdkrec-modal .footer{padding:12px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#64748b}
  #cdkrec-modal .footer button{padding:6px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#475569;font-size:12px;cursor:pointer;font-family:inherit}
  #cdkrec-modal .toast{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s}
  #cdkrec-modal .toast.show{opacity:1}
  @media (prefers-color-scheme:never){
    #cdkrec-modal .panel{background:#1f2937;color:#f3f4f6}
    #cdkrec-modal .head{border-color:#374151}
    #cdkrec-modal .head h3{color:#f3f4f6}
    #cdkrec-modal .head .x{background:#374151;color:#d1d5db}
    #cdkrec-modal .batch{border-color:#374151}
    #cdkrec-modal .batch .preview{background:#111827;border-color:#374151;color:#d1d5db}
    #cdkrec-modal .batch button{background:#374151;border-color:#4b5563;color:#f3f4f6}
    #cdkrec-modal .footer{border-color:#374151;color:#9ca3af}
  }
body{font-family:ui-monospace,Menlo,monospace;font-size:13px;padding:16px;white-space:pre;background:#0f172a;color:#10b981;line-height:1.6}
  a.brand-logo,
  a[aria-label="666"],
  .brand-logo,
  .brand-logo__digit { display: none !important; visibility: hidden !important; }
  #grok-page .grok-logo img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 18px !important; display: block !important; }
  #grok-page .grok-logo { padding: 0 !important; overflow: hidden !important; background: transparent !important; }
  .dr-badge .tab.grok .ico img { width: 16px !important; height: 16px !important; object-fit: contain !important; border-radius: 3px !important; }
.dr-badge .tab .ico img{width:16px!important;height:16px!important;object-fit:contain!important;border-radius:3px!important;display:block!important}
  /* ===== GPT public redeem page (ChatGPT Plus) — premium redesign =====
     Targets: .redeem-view + .hero-card / .panel / .guide-list / .guide-item--* / .form / .task-box / .success-card.
     Scope rule: when on GPT tab (no .cl-hero present in redeem-view), restyle generic classes.
     We avoid restyling .cl-* (Claude) — those are handled by Claude shim. */

  :root {
    --gpt-green: #10a37f;
    --gpt-green-2: #0d8a6b;
    --gpt-green-3: #34d399;
    --gpt-green-4: #6ee7b7;
    --gpt-ink: #052e2b;
    --gpt-slate: #4b5d59;
    --gpt-mist: #9fb3ae;
  }

  /* Animated mesh background, only on GPT redeem-view (hide if Claude active) */
  .redeem-view {
    position: relative !important;
    isolation: isolate !important;
    font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","SF Pro Display",Inter,sans-serif !important;
  }
  .redeem-view::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background:
      radial-gradient(circle at 12% 18%, rgba(110,231,183,.22) 0%, transparent 38%),
      radial-gradient(circle at 88% 22%, rgba(52,211,153,.16) 0%, transparent 45%),
      radial-gradient(circle at 50% 88%, rgba(16,163,127,.1) 0%, transparent 55%),
      linear-gradient(180deg, #f6fffb 0%, #ffffff 60%, #f0fdf9 100%) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    animation: gpt3-mesh 24s ease-in-out infinite alternate !important;
  }
  @keyframes gpt3-mesh {
    0%   { background-position: 0% 0%, 0% 0%, 0% 0%, 0 0; }
    100% { background-position: 5% -3%, -4% 5%, 3% -2%, 0 0; }
  }
  /* When Claude mode is on, suppress the green mesh so it doesn't bleed through */
  .redeem-view:has(.cl-hero)::before { opacity: 0 !important; }

  /* ----- Hero card ----- */
  .redeem-view .hero-card {
    border-radius: 28px !important;
    border: 1px solid rgba(16,163,127,.15) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.4)),
      linear-gradient(135deg, #f0fdf9 0%, #d1fae5 55%, #a7f3d0 100%) !important;
    backdrop-filter: blur(20px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
    box-shadow:
      0 20px 60px rgba(16,163,127,.18),
      0 4px 12px rgba(16,163,127,.08),
      inset 0 1px 0 rgba(255,255,255,.8) !important;
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
  }
  .redeem-view .hero-card::before {
    content: "" !important;
    position: absolute !important;
    top: -30%; right: -8% !important;
    width: 380px; height: 380px !important;
    background: radial-gradient(circle, rgba(16,163,127,.32), transparent 65%) !important;
    pointer-events: none !important;
    animation: gpt3-orb 10s ease-in-out infinite alternate !important;
  }
  .redeem-view .hero-card::after {
    content: "" !important;
    position: absolute !important;
    bottom: -40%; left: -6% !important;
    width: 320px; height: 320px !important;
    background: radial-gradient(circle, rgba(52,211,153,.26), transparent 70%) !important;
    pointer-events: none !important;
    animation: gpt3-orb 14s ease-in-out infinite alternate-reverse !important;
  }
  @keyframes gpt3-orb {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(18px, -12px) scale(1.08); }
  }
  .redeem-view .hero-card__content {
    padding: 36px 40px !important;
    position: relative !important;
    z-index: 1 !important;
    text-align: left !important;
  }
  /* Suppress hero re-styling when Claude active to not interfere with the Claude V1 hero */
  .redeem-view:has(.cl-hero) .hero-card,
  .redeem-view:has(.cl-hero) .hero-card__content { background: transparent !important; box-shadow: none !important; border: 0 !important; }
  .redeem-view:has(.cl-hero) .hero-card::before,
  .redeem-view:has(.cl-hero) .hero-card::after { display: none !important; }

  /* Title in GPT (non-Claude) only */
  .redeem-view .hero-card .title {
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.08 !important;
    margin: 0 0 12px !important;
    background: linear-gradient(135deg, #052e2b 0%, #0d8a6b 50%, #10a37f 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
    position: relative !important;
  }
  .redeem-view .hero-card .title::after {
    content: "" !important;
    position: absolute !important;
    bottom: -6px; left: 0 !important;
    width: 56px; height: 3px !important;
    background: linear-gradient(90deg, #10a37f, transparent) !important;
    border-radius: 2px !important;
  }
  .redeem-view .hero-card .subtitle {
    color: var(--gpt-slate) !important;
    font-size: 15px !important;
    margin: 18px 0 0 !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    max-width: 600px !important;
  }
  /* Don't override Claude title/subtitle */
  .redeem-view:has(.cl-hero) .hero-card .title,
  .redeem-view:has(.cl-hero) .hero-card .subtitle { display: none !important; }

  /* ----- Stats strip injected via JS ----- */
  .gpt-stats-strip {
    display: flex !important;
    gap: 14px !important;
    margin-top: 24px !important;
    flex-wrap: wrap !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .gpt-stat {
    background: rgba(255,255,255,.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(16,163,127,.18) !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all .25s ease !important;
    flex: 0 0 auto !important;
  }
  .gpt-stat:hover {
    background: rgba(255,255,255,.92) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(16,163,127,.14) !important;
  }
  .gpt-stat .icon {
    width: 36px; height: 36px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #10a37f, #0d8a6b) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 18px !important;
    box-shadow: 0 4px 12px rgba(16,163,127,.3) !important;
    flex-shrink: 0 !important;
  }
  .gpt-stat .value {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--gpt-ink) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
    font-feature-settings: "tnum" 1 !important;
  }
  .gpt-stat .label {
    font-size: 10px !important;
    color: var(--gpt-slate) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-top: 3px !important;
  }
  /* Hide stats strip when Claude is active */
  .redeem-view:has(.cl-hero) .gpt-stats-strip { display: none !important; }

  /* ----- Panel cards (the two-column form & guide) ----- */
  .redeem-view .panel {
    border-radius: 22px !important;
    border: 1px solid rgba(16,163,127,.12) !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(18px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
    box-shadow: 0 8px 32px rgba(16,163,127,.08), inset 0 1px 0 rgba(255,255,255,.6) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all .3s cubic-bezier(.2,.8,.2,1) !important;
  }
  .redeem-view .panel:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 40px rgba(16,163,127,.14), inset 0 1px 0 rgba(255,255,255,.75) !important;
  }
  .redeem-view .panel::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--gpt-green-3), var(--gpt-green), var(--gpt-green-3), transparent) !important;
    background-size: 200% 100% !important;
    animation: gpt3-shimmer 4s linear infinite !important;
    opacity: .65 !important;
  }
  @keyframes gpt3-shimmer {
    0%   { background-position: 0% 0%; }
    100% { background-position: -200% 0%; }
  }
  /* Hide panel top accent when Claude active */
  .redeem-view:has(.cl-hero) .panel::before { display: none !important; }
  .redeem-view:has(.cl-hero) .panel { background: rgba(255,253,250,.85) !important; border-color: rgba(204,120,92,.12) !important; }

  .redeem-view .panel-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--gpt-ink) !important;
    letter-spacing: -0.015em !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .redeem-view .panel-title::before {
    content: "" !important;
    width: 4px; height: 16px !important;
    background: linear-gradient(135deg, #10a37f, #0d8a6b) !important;
    border-radius: 2px !important;
  }

  /* ----- Guide list & color modifiers ----- */
  .redeem-view .guide-list {
    padding: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    counter-reset: gpt-step !important;
  }
  .redeem-view .guide-item {
    padding: 16px 18px !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    background: rgba(255,255,255,.6) !important;
    border: 1px solid rgba(16,163,127,.12) !important;
    color: var(--gpt-slate) !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
    transition: all .25s ease !important;
    counter-increment: gpt-step !important;
    position: relative !important;
    padding-left: 52px !important;
  }
  .redeem-view .guide-item::before {
    content: counter(gpt-step) !important;
    position: absolute !important;
    left: 14px; top: 14px !important;
    width: 26px; height: 26px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
    color: var(--gpt-green-2) !important;
    border: 1.5px solid rgba(16,163,127,.25) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all .25s ease !important;
  }
  .redeem-view .guide-item:hover {
    background: rgba(255,255,255,.95) !important;
    transform: translateX(2px) !important;
    border-color: rgba(16,163,127,.25) !important;
  }
  .redeem-view .guide-item:hover::before {
    background: linear-gradient(135deg, #10a37f, #0d8a6b) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(16,163,127,.4) !important;
  }
  /* Guide color modifiers — accent on hover only, baseline stays green */
  .redeem-view .guide-item--blue   { border-left: 3px solid #3b82f6 !important; }
  .redeem-view .guide-item--green  { border-left: 3px solid #10a37f !important; }
  .redeem-view .guide-item--emerald{ border-left: 3px solid #059669 !important; }
  .redeem-view .guide-item--amber  { border-left: 3px solid #f59e0b !important; }
  .redeem-view .guide-item--red    { border-left: 3px solid #ef4444 !important; }

  /* Guide action button */
  .redeem-view .guide-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    padding: 6px 14px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
    color: var(--gpt-green-2) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1px solid rgba(16,163,127,.25) !important;
    transition: all .25s ease !important;
  }
  .redeem-view .guide-action:hover {
    background: linear-gradient(135deg, #10a37f, #0d8a6b) !important;
    color: #fff !important;
    border-color: transparent !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(16,163,127,.3) !important;
  }

  /* ----- Form fields ----- */
  .redeem-view .form {
    display: grid !important;
    gap: 20px !important;
  }
  .redeem-view .form .n-input {
    --n-border: 1.5px solid rgba(16,163,127,.15) !important;
    --n-border-hover: 1.5px solid var(--gpt-green-3) !important;
    --n-border-focus: 1.5px solid var(--gpt-green) !important;
    --n-box-shadow-focus: 0 0 0 4px rgba(16,163,127,.16), 0 4px 12px rgba(16,163,127,.12) !important;
    --n-border-radius: 14px !important;
    --n-color: rgba(255,255,255,.65) !important;
    --n-color-focus: #ffffff !important;
    transition: all .25s ease !important;
  }
  .redeem-view .form .n-input__input-el,
  .redeem-view .form .n-input__textarea-el {
    font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
    font-size: 13px !important;
    color: var(--gpt-ink) !important;
  }
  .redeem-view .form .n-input__placeholder {
    color: var(--gpt-mist) !important;
    font-family: ui-monospace, Menlo, monospace !important;
  }

  /* Primary button (n-button primary) */
  .redeem-view .n-button--primary-type {
    background: linear-gradient(135deg, #10a37f 0%, #0d8a6b 100%) !important;
    background-size: 200% 200% !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.025em !important;
    padding: 14px 28px !important;
    height: auto !important;
    box-shadow:
      0 8px 24px rgba(16,163,127,.35),
      0 2px 6px rgba(16,163,127,.18),
      inset 0 1px 0 rgba(255,255,255,.25) !important;
    transition: all .25s cubic-bezier(.2,.8,.2,1) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .redeem-view .n-button--primary-type::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 100%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent) !important;
    transition: left .6s ease !important;
  }
  .redeem-view .n-button--primary-type:hover:not(:disabled) {
    transform: translateY(-2px) scale(1.01) !important;
    background-position: 100% 100% !important;
    box-shadow:
      0 14px 32px rgba(16,163,127,.45),
      0 4px 12px rgba(16,163,127,.22),
      inset 0 1px 0 rgba(255,255,255,.35) !important;
  }
  .redeem-view .n-button--primary-type:hover::after { left: 100% !important; }
  .redeem-view .n-button--primary-type:active:not(:disabled) { transform: translateY(-1px) scale(.99) !important; }
  /* Don't apply green to Claude's primary button */
  .redeem-view:has(.cl-hero) .n-button--primary-type {
    background: linear-gradient(135deg, #cc785c 0%, #b9531e 100%) !important;
    box-shadow: 0 8px 24px rgba(204,120,92,.35) !important;
  }

  /* Task box */
  .redeem-view .task-box {
    background: linear-gradient(135deg, #f0fdf9 0%, #ecfdf5 100%) !important;
    border: 1px solid rgba(16,163,127,.2) !important;
    border-radius: 18px !important;
    padding: 20px 24px !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .redeem-view .task-box::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--gpt-green-3), var(--gpt-green)) !important;
    animation: gpt3-progress 2s ease-in-out infinite !important;
  }
  @keyframes gpt3-progress {
    0%, 100% { opacity: 1; transform: scaleX(.5); transform-origin: left; }
    50%      { opacity: .6; transform: scaleX(1); }
  }
  .redeem-view:has(.cl-hero) .task-box::before { display: none !important; }

  /* Success card */
  .redeem-view .success-card {
    background:
      linear-gradient(135deg, rgba(255,255,255,.85), rgba(255,255,255,.65)),
      linear-gradient(135deg, #d1fae5, #a7f3d0) !important;
    border: 1.5px solid rgba(16,163,127,.35) !important;
    border-radius: 18px !important;
    padding: 22px 26px !important;
    box-shadow: 0 10px 32px rgba(16,163,127,.22), inset 0 1px 0 rgba(255,255,255,.6) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: gpt3-success-in .5s cubic-bezier(.2,.8,.2,1) backwards !important;
  }
  @keyframes gpt3-success-in {
    from { opacity: 0; transform: scale(.95) translateY(8px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
  }
  .redeem-view .success-card::after {
    content: "✓" !important;
    position: absolute !important;
    top: 8px !important; right: 18px !important;
    font-size: 80px !important;
    color: rgba(16,163,127,.18) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    font-family: -apple-system, sans-serif !important;
  }

  /* Fade-in stagger */
  .redeem-view .hero-card, .redeem-view .panel {
    animation: gpt3-fade-in .55s cubic-bezier(.2,.8,.2,1) backwards !important;
  }
  .redeem-view .hero-card { animation-delay: 0s !important; }
  .redeem-view .panel:nth-of-type(1) { animation-delay: .1s !important; }
  .redeem-view .panel:nth-of-type(2) { animation-delay: .18s !important; }
  .redeem-view .panel:nth-of-type(3) { animation-delay: .26s !important; }
  @keyframes gpt3-fade-in {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Dark mode */
  @media (prefers-color-scheme: never) {
    .redeem-view::before {
      background:
        radial-gradient(circle at 12% 18%, rgba(16,163,127,.22) 0%, transparent 40%),
        radial-gradient(circle at 88% 22%, rgba(52,211,153,.15) 0%, transparent 45%),
        radial-gradient(circle at 50% 88%, rgba(16,163,127,.1) 0%, transparent 55%),
        linear-gradient(180deg, #0a1f1c 0%, #06140f 60%, #052e2b 100%) !important;
    }
    .redeem-view .hero-card { background: linear-gradient(135deg, rgba(15,30,28,.7), rgba(15,30,28,.4)), linear-gradient(135deg, #052e2b 0%, #064e3b 60%, #065f46 100%) !important; }
    .redeem-view .hero-card .title { background: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%) !important; -webkit-background-clip: text !important; }
    .redeem-view .hero-card .subtitle { color: #a7f3d0 !important; }
    .gpt-stat { background: rgba(15,30,28,.6) !important; border-color: rgba(16,163,127,.3) !important; }
    .gpt-stat .value { color: #d1fae5 !important; }
    .gpt-stat .label { color: #6ee7b7 !important; }
    .redeem-view .panel { background: rgba(15,30,28,.85) !important; border-color: rgba(16,163,127,.25) !important; }
    .redeem-view .panel-title { color: #d1fae5 !important; }
    .redeem-view .guide-item { background: rgba(15,30,28,.5) !important; color: #9ca3af !important; }
    .redeem-view .guide-item:hover { background: rgba(15,30,28,.85) !important; }
  }

  /* Mobile */
  @media (max-width: 640px) {
    .redeem-view .hero-card__content { padding: 26px 22px !important; }
    .redeem-view .hero-card .title { font-size: 26px !important; }
    .redeem-view .hero-card .subtitle { font-size: 13px !important; margin-top: 12px !important; }
    .gpt-stats-strip { gap: 8px !important; margin-top: 16px !important; }
    .gpt-stat { padding: 10px 12px !important; flex: 1 1 calc(50% - 8px) !important; min-width: 0 !important; }
    .gpt-stat .icon { width: 28px !important; height: 28px !important; font-size: 14px !important; border-radius: 8px !important; }
    .gpt-stat .value { font-size: 15px !important; }
    .gpt-stat .label { font-size: 9px !important; }
    .redeem-view .guide-item { padding: 14px 14px 14px 46px !important; font-size: 12px !important; }
    .redeem-view .guide-item::before { left: 12px !important; top: 12px !important; width: 22px !important; height: 22px !important; font-size: 11px !important; }
  }
  /* ===== Claude V2 — premium redesign: orange mesh + glass panels + stats strip ===== */
  :root {
    --cl-orange: #cc785c;
    --cl-orange-dark: #b9531e;
    --cl-orange-soft: #f4a585;
    --cl-orange-glow: rgba(204,120,92,.18);
    --cl-amber: #d97757;
    --cl-cream: #fffaf3;
    --cl-text-deep: #2a1a0e;
    --cl-text-mid: #5a4536;
    --cl-text-soft: #8a7565;
  }

  /* Mesh background — only when Claude is active in redeem-view */
  .redeem-view:has(.cl-hero)::before {
    opacity: 1 !important;
    background:
      radial-gradient(circle at 14% 18%, rgba(244,165,133,.28) 0%, transparent 40%),
      radial-gradient(circle at 86% 22%, rgba(217,119,87,.22) 0%, transparent 46%),
      radial-gradient(circle at 50% 90%, rgba(204,120,92,.14) 0%, transparent 55%),
      linear-gradient(180deg, #fff8f0 0%, #ffffff 60%, #fff5ea 100%) !important;
    animation: cl-mesh 24s ease-in-out infinite alternate !important;
  }
  @keyframes cl-mesh {
    0%   { background-position: 0% 0%, 0% 0%, 0% 0%, 0 0; }
    100% { background-position: 5% -3%, -4% 5%, 3% -2%, 0 0; }
  }

  /* Wrap */
  .cl-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 8px 18px 60px !important;
    font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","SF Pro Display",Inter,sans-serif !important;
  }

  /* Hero */
  .cl-hero {
    background:
      linear-gradient(135deg, rgba(255,255,255,.65), rgba(255,255,255,.4)),
      linear-gradient(135deg, #fff5ea 0%, #ffe4d3 50%, #ffdcc0 100%) !important;
    backdrop-filter: blur(20px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.15) !important;
    border: 1px solid rgba(204,120,92,.16) !important;
    border-radius: 28px !important;
    padding: 38px 40px 32px !important;
    margin-bottom: 20px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(204,120,92,.2), 0 4px 12px rgba(204,120,92,.08), inset 0 1px 0 rgba(255,255,255,.7) !important;
  }
  .cl-hero::before {
    content: "" !important;
    position: absolute !important;
    top: -30%; right: -8% !important;
    width: 380px; height: 380px !important;
    background: radial-gradient(circle, rgba(217,119,87,.35), transparent 65%) !important;
    pointer-events: none !important;
    animation: cl-orb 10s ease-in-out infinite alternate !important;
  }
  .cl-hero::after {
    content: "" !important;
    position: absolute !important;
    bottom: -35%; left: -6% !important;
    width: 320px; height: 320px !important;
    background: radial-gradient(circle, rgba(244,165,133,.32), transparent 70%) !important;
    pointer-events: none !important;
    animation: cl-orb 14s ease-in-out infinite alternate-reverse !important;
  }
  @keyframes cl-orb {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(20px, -15px) scale(1.08); }
  }
  .cl-hero > * { position: relative !important; z-index: 1 !important; }

  .cl-hero-title {
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: var(--cl-text-deep) !important;
    text-align: left !important;
    margin: 0 0 12px !important;
    line-height: 1.1 !important;
    background: linear-gradient(135deg, #2a1a0e 0%, #b9531e 60%, #cc785c 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
    position: relative !important;
  }
  .cl-hero-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: -6px; left: 0 !important;
    width: 56px; height: 3px !important;
    background: linear-gradient(90deg, #cc785c, transparent) !important;
    border-radius: 2px !important;
  }
  .cl-hero-sub {
    text-align: left !important;
    color: var(--cl-text-mid) !important;
    font-size: 15px !important;
    margin: 18px 0 0 !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    max-width: 600px !important;
  }

  /* Stats strip — injected via JS */
  .cl-stats-strip {
    display: flex !important;
    gap: 14px !important;
    margin-top: 24px !important;
    flex-wrap: wrap !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .cl-stat {
    background: rgba(255,255,255,.72) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(204,120,92,.2) !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all .25s ease !important;
    flex: 0 0 auto !important;
  }
  .cl-stat:hover {
    background: rgba(255,255,255,.95) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(204,120,92,.16) !important;
  }
  .cl-stat .icon {
    width: 36px; height: 36px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #cc785c, #b9531e) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: #fff !important;
    font-size: 18px !important;
    box-shadow: 0 4px 12px rgba(204,120,92,.32) !important;
    flex-shrink: 0 !important;
  }
  .cl-stat .value {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--cl-text-deep) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
    font-feature-settings: "tnum" 1 !important;
  }
  .cl-stat .label {
    font-size: 10px !important;
    color: var(--cl-text-soft) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-top: 3px !important;
  }

  /* Trust badges row (existing element) — restyle to pill row */
  .cl-trust {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 18px 0 0 !important;
  }
  .cl-trust__item {
    background: rgba(255,255,255,.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(204,120,92,.18) !important;
    border-radius: 999px !important;
    padding: 8px 18px 8px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--cl-text-deep) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
    flex: 0 0 auto !important;
  }
  .cl-trust__icon { font-size: 18px !important; margin: 0 !important; color: var(--cl-orange-dark) !important; }

  /* Stepper */
  .cl-steps {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 20px 0 24px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.5)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(204,120,92,.15) !important;
    border-radius: 20px !important;
    padding: 18px 22px !important;
    position: relative !important;
  }
  .cl-step-i {
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
    font-size: 13px !important;
    color: var(--cl-text-soft) !important;
    font-weight: 600 !important;
  }
  .cl-step-i:before {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    left: calc(50% + 24px) !important;
    right: calc(-50% + 24px) !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(204,120,92,.25), rgba(204,120,92,.05)) !important;
    z-index: 0 !important;
  }
  .cl-step-i:last-child:before { display: none !important; }
  .cl-num {
    display: inline-flex !important;
    width: 40px !important; height: 40px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid rgba(204,120,92,.25) !important;
    color: var(--cl-text-soft) !important;
    align-items: center !important; justify-content: center !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all .25s ease !important;
  }
  .cl-step-i.active .cl-num {
    background: linear-gradient(135deg, #cc785c, #b9531e) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 6px 18px rgba(204,120,92,.45) !important;
    transform: scale(1.08) !important;
  }
  .cl-step-i.active { color: var(--cl-text-deep) !important; }
  .cl-step-i.done .cl-num {
    background: linear-gradient(135deg, #10a37f, #0d8a6b) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(16,163,127,.35) !important;
  }

  /* Cards */
  .cl-card {
    border: 1px solid rgba(204,120,92,.12) !important;
    border-radius: 22px !important;
    background: rgba(255,253,250,.88) !important;
    backdrop-filter: blur(18px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
    margin-bottom: 16px !important;
    transition: all .3s cubic-bezier(.2,.8,.2,1) !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 8px 28px rgba(204,120,92,.08), inset 0 1px 0 rgba(255,255,255,.6) !important;
  }
  .cl-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--cl-amber), var(--cl-orange-dark), var(--cl-amber), transparent) !important;
    background-size: 200% 100% !important;
    animation: cl-shimmer 4s linear infinite !important;
    opacity: .6 !important;
  }
  @keyframes cl-shimmer {
    0%   { background-position: 0% 0%; }
    100% { background-position: -200% 0%; }
  }
  .cl-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 40px rgba(204,120,92,.16), inset 0 1px 0 rgba(255,255,255,.75) !important;
    border-color: rgba(204,120,92,.22) !important;
  }
  .cl-card.active {
    border-color: var(--cl-orange) !important;
    box-shadow: 0 10px 32px rgba(204,120,92,.22), inset 0 0 0 1px var(--cl-orange) !important;
    background: linear-gradient(135deg, rgba(255,253,250,.92), rgba(255,248,240,.85)) !important;
  }
  .cl-card.done {
    border-color: rgba(16,163,127,.4) !important;
    background: linear-gradient(135deg, rgba(247,255,247,.92), rgba(236,253,245,.85)) !important;
  }
  .cl-card__h {
    padding: 22px 28px 12px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: var(--cl-text-deep) !important;
    letter-spacing: -0.015em !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .cl-card__h::before {
    content: "" !important;
    width: 4px; height: 16px !important;
    background: linear-gradient(135deg, #cc785c, #b9531e) !important;
    border-radius: 2px !important;
  }
  .cl-card__b { padding: 8px 28px 26px !important; }

  /* Labels */
  .cl-lbl {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--cl-text-mid) !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }
  .cl-lbl::before {
    content: "" !important;
    width: 4px; height: 4px !important;
    background: var(--cl-orange) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(204,120,92,.2) !important;
  }

  .cl-row { margin-bottom: 18px !important; }

  /* Inputs */
  .cl-card .n-input {
    --n-border: 1.5px solid rgba(204,120,92,.18) !important;
    --n-border-hover: 1.5px solid var(--cl-orange-soft) !important;
    --n-border-focus: 1.5px solid var(--cl-orange) !important;
    --n-box-shadow-focus: 0 0 0 4px rgba(204,120,92,.16), 0 4px 12px rgba(204,120,92,.12) !important;
    --n-border-radius: 14px !important;
  }
  .cl-card .n-input__input-el, .cl-card .n-input__textarea-el {
    font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
    font-size: 13px !important;
  }

  /* Primary button */
  .cl-btn, .cl-primary {
    width: 100% !important;
    margin-top: 20px !important;
    padding: 16px 28px !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #cc785c 0%, #b9531e 100%) !important;
    background-size: 200% 200% !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all .25s cubic-bezier(.2,.8,.2,1) !important;
    box-shadow: 0 8px 24px rgba(204,120,92,.4), inset 0 1px 0 rgba(255,255,255,.25) !important;
    letter-spacing: 0.02em !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .cl-btn::after, .cl-primary::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 100%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent) !important;
    transition: left .6s ease !important;
  }
  .cl-btn:hover:not(:disabled), .cl-primary:hover:not(:disabled) {
    transform: translateY(-2px) scale(1.01) !important;
    background-position: 100% 100% !important;
    box-shadow: 0 14px 32px rgba(204,120,92,.5), inset 0 1px 0 rgba(255,255,255,.35) !important;
  }
  .cl-btn:hover::after, .cl-primary:hover::after { left: 100% !important; }
  .cl-btn:disabled, .cl-primary:disabled {
    background: linear-gradient(135deg, #d4b8ad, #c5a596) !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: .65 !important;
  }

  /* Hints, stock badge, warn, benefit, faq, progress, footer — keep nice styles */
  .cl-hint { margin-top: 12px !important; font-size: 12px !important; color: var(--cl-text-soft) !important; line-height: 1.7 !important; }
  .cl-hint a { color: var(--cl-orange-dark) !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px solid currentColor !important; }
  .cl-stock-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 6px 14px !important; border-radius: 999px !important; background: rgba(255,255,255,.78) !important; backdrop-filter: blur(6px) !important; border: 1px solid rgba(204,120,92,.18) !important; font-size: 12px !important; font-weight: 600 !important; color: var(--cl-text-mid) !important; }
  .cl-stock-badge b { color: var(--cl-orange-dark) !important; font-size: 13px !important; }
  .cl-stock-badge .dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; }
  .cl-stock-badge .dot.ok { background: #10a37f !important; box-shadow: 0 0 0 4px rgba(16,163,127,.2), 0 0 8px rgba(16,163,127,.5) !important; animation: cl-pulse 2s ease-in-out infinite !important; }
  .cl-stock-badge .dot.no { background: #ef4444 !important; }
  .cl-stock-badge .dot.unk { background: #f59e0b !important; }
  @keyframes cl-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(16,163,127,.18), 0 0 8px rgba(16,163,127,.4); }
    50% { box-shadow: 0 0 0 8px rgba(16,163,127,.05), 0 0 12px rgba(16,163,127,.65); }
  }

  .cl-warn { background: linear-gradient(135deg, #fff8e6, #fef3c7) !important; border: 1px solid #fcd34d !important; border-radius: 14px !important; padding: 14px 18px !important; display: flex !important; gap: 12px !important; margin-bottom: 16px !important; }
  .cl-warn i { font-size: 22px !important; color: #d97706 !important; flex-shrink: 0 !important; }
  .cl-warn__t { font-weight: 700 !important; font-size: 14px !important; color: #78350f !important; margin-bottom: 4px !important; }
  .cl-warn__b { font-size: 12px !important; color: #92400e !important; line-height: 1.6 !important; }

  .cl-benefit { background: linear-gradient(135deg, rgba(255,250,243,.92), rgba(255,245,234,.85)) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(204,120,92,.18) !important; border-radius: 16px !important; padding: 20px 22px !important; margin-bottom: 16px !important; font-size: 13px !important; color: var(--cl-text-mid) !important; line-height: 1.75 !important; }
  .cl-benefit__t { font-weight: 800 !important; color: var(--cl-text-deep) !important; margin-bottom: 10px !important; font-size: 14px !important; display: flex !important; align-items: center !important; gap: 8px !important; letter-spacing: -0.005em !important; }
  .cl-benefit__t::before { content: "✦" !important; color: var(--cl-orange) !important; font-size: 16px !important; }
  .cl-benefit > div + div { margin-top: 8px !important; padding-left: 16px !important; position: relative !important; }
  .cl-benefit > div + div::before { content: "·" !important; position: absolute !important; left: 4px !important; color: var(--cl-orange) !important; font-weight: 800 !important; }

  .cl-faq { border-top: 1px solid rgba(204,120,92,.12) !important; padding-top: 18px !important; margin-top: 12px !important; }
  .cl-faq > div { margin-bottom: 12px !important; padding: 14px 16px !important; background: rgba(255,255,255,.55) !important; border-radius: 12px !important; border: 1px solid rgba(204,120,92,.08) !important; }
  .cl-faq b { display: block !important; font-size: 14px !important; color: var(--cl-text-deep) !important; margin-bottom: 6px !important; font-weight: 700 !important; }
  .cl-faq p { margin: 0 !important; font-size: 13px !important; color: var(--cl-text-mid) !important; line-height: 1.7 !important; }
  .cl-faq a { color: var(--cl-orange-dark) !important; font-weight: 600 !important; border-bottom: 1px dashed currentColor !important; text-decoration: none !important; }

  .cl-progress { height: 8px !important; border-radius: 999px !important; background: rgba(204,120,92,.12) !important; overflow: hidden !important; margin: 12px 0 !important; }
  .cl-progress > div { height: 100% !important; background: linear-gradient(90deg, #cc785c, #b9531e) !important; border-radius: 999px !important; box-shadow: 0 0 10px rgba(204,120,92,.5) !important; }

  .cl-footer { margin-top: 24px !important; padding: 16px 0 !important; text-align: center !important; font-size: 12px !important; color: var(--cl-text-soft) !important; border-top: 1px dashed rgba(204,120,92,.2) !important; }
  .cl-footer a { color: var(--cl-orange-dark) !important; font-weight: 600 !important; text-decoration: none !important; }

  .cl-query { background: linear-gradient(135deg, rgba(255,245,234,.92), rgba(255,240,224,.85)) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(204,120,92,.22) !important; border-radius: 14px !important; padding: 16px 18px !important; margin-top: 12px !important; font-size: 13px !important; color: var(--cl-text-deep) !important; }

  /* Fade-in stagger */
  .cl-hero, .cl-card, .cl-benefit, .cl-steps {
    animation: cl-fade-in .55s cubic-bezier(.2,.8,.2,1) backwards !important;
  }
  .cl-hero { animation-delay: 0s !important; }
  .cl-steps { animation-delay: .08s !important; }
  .cl-card:nth-of-type(1) { animation-delay: .12s !important; }
  .cl-card:nth-of-type(2) { animation-delay: .18s !important; }
  .cl-card:nth-of-type(3) { animation-delay: .24s !important; }
  .cl-benefit { animation-delay: .3s !important; }
  @keyframes cl-fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Dark mode */
  @media (prefers-color-scheme: never) {
    .redeem-view:has(.cl-hero)::before {
      background:
        radial-gradient(circle at 14% 18%, rgba(204,120,92,.22) 0%, transparent 40%),
        radial-gradient(circle at 86% 22%, rgba(217,119,87,.15) 0%, transparent 46%),
        radial-gradient(circle at 50% 90%, rgba(204,120,92,.1) 0%, transparent 55%),
        linear-gradient(180deg, #1a0f08 0%, #0f0904 60%, #2a1a0e 100%) !important;
    }
    .cl-hero { background: linear-gradient(135deg, rgba(40,28,20,.7), rgba(40,28,20,.4)), linear-gradient(135deg, #2a1a0e, #3a2418, #4a2e1f) !important; }
    .cl-hero-title { background: linear-gradient(135deg, #ffe8d4, #d4b8a0) !important; -webkit-background-clip: text !important; }
    .cl-hero-sub { color: #d4b8a0 !important; }
    .cl-stat { background: rgba(40,28,20,.6) !important; border-color: rgba(204,120,92,.3) !important; }
    .cl-stat .value { color: #ffe8d4 !important; }
    .cl-stat .label { color: #d4b8a0 !important; }
    .cl-trust__item { background: rgba(60,40,30,.6) !important; color: #ffe8d4 !important; border-color: rgba(204,120,92,.25) !important; }
    .cl-card { background: rgba(40,28,20,.85) !important; border-color: rgba(204,120,92,.22) !important; }
    .cl-card__h { color: #ffe8d4 !important; }
    .cl-lbl { color: #d4b8a0 !important; }
    .cl-hint { color: #a89080 !important; }
    .cl-benefit { background: linear-gradient(135deg, #2a1a0e, #3a2418) !important; color: #d4b8a0 !important; border-color: rgba(204,120,92,.22) !important; }
    .cl-benefit__t { color: #ffe8d4 !important; }
    .cl-faq > div { background: rgba(40,28,20,.5) !important; border-color: rgba(204,120,92,.15) !important; }
    .cl-faq b { color: #ffe8d4 !important; }
    .cl-faq p { color: #d4b8a0 !important; }
    .cl-stock-badge { background: rgba(60,40,30,.65) !important; color: #d4b8a0 !important; }
  }

  /* Mobile */
  @media (max-width: 640px) {
    .cl-wrap { padding: 0 14px 36px !important; }
    .cl-hero { padding: 26px 22px 22px !important; border-radius: 22px !important; }
    .cl-hero-title { font-size: 24px !important; }
    .cl-hero-sub { font-size: 13px !important; margin-top: 12px !important; }
    .cl-stats-strip { gap: 8px !important; margin-top: 16px !important; }
    .cl-stat { padding: 10px 12px !important; flex: 1 1 calc(50% - 8px) !important; min-width: 0 !important; }
    .cl-stat .icon { width: 28px !important; height: 28px !important; font-size: 14px !important; border-radius: 8px !important; }
    .cl-stat .value { font-size: 15px !important; }
    .cl-stat .label { font-size: 9px !important; }
    .cl-trust { gap: 6px !important; }
    .cl-trust__item { padding: 6px 12px !important; font-size: 11px !important; }
    .cl-steps { padding: 14px !important; }
    .cl-num { width: 34px !important; height: 34px !important; font-size: 13px !important; }
    .cl-card__h { padding: 18px 20px 10px !important; font-size: 15px !important; }
    .cl-card__b { padding: 6px 20px 20px !important; }
    .cl-btn, .cl-primary { padding: 14px 22px !important; font-size: 14px !important; }
  }
  /* ===== Grok V2 — X-style dark with ambient blue gradient + stats strip ===== */

  body.grok-active {
    background: #000 !important;
    min-height: 100vh !important;
  }
  body.grok-active::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background:
      radial-gradient(circle at 18% 14%, rgba(29,155,240,.16) 0%, transparent 42%),
      radial-gradient(circle at 88% 30%, rgba(120,86,250,.12) 0%, transparent 45%),
      radial-gradient(circle at 50% 88%, rgba(29,155,240,.08) 0%, transparent 55%),
      linear-gradient(180deg, #000000 0%, #0a0a0a 100%) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    animation: grok-mesh 28s ease-in-out infinite alternate !important;
  }
  @keyframes grok-mesh {
    0%   { background-position: 0% 0%, 0% 0%, 0% 0%, 0 0; }
    100% { background-position: 6% -4%, -5% 6%, 4% -3%, 0 0; }
  }

  #grok-page {
    max-width: 760px !important;
    margin: 32px auto !important;
    padding: 0 18px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif !important;
    color: #e7e9ea !important;
    position: relative !important;
  }

  /* Hero */
  #grok-page .grok-hero {
    text-align: left !important;
    margin: 0 0 28px !important;
    padding: 38px 36px 32px !important;
    background:
      linear-gradient(135deg, rgba(15,15,18,.92), rgba(0,0,0,.85)) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 4px 12px rgba(29,155,240,.1), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  #grok-page .grok-hero::before {
    content: "" !important;
    position: absolute !important;
    top: -30%; right: -10% !important;
    width: 420px; height: 420px !important;
    background: radial-gradient(circle, rgba(29,155,240,.32), transparent 65%) !important;
    pointer-events: none !important;
    animation: grok-orb 12s ease-in-out infinite alternate !important;
  }
  #grok-page .grok-hero::after {
    content: "" !important;
    position: absolute !important;
    bottom: -35%; left: -8% !important;
    width: 360px; height: 360px !important;
    background: radial-gradient(circle, rgba(120,86,250,.22), transparent 70%) !important;
    pointer-events: none !important;
    animation: grok-orb 16s ease-in-out infinite alternate-reverse !important;
  }
  @keyframes grok-orb {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(22px, -16px) scale(1.1); }
  }
  #grok-page .grok-hero > * { position: relative !important; z-index: 1 !important; }

  #grok-page .grok-hero .grok-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 86px !important; height: 86px !important;
    border-radius: 24px !important;
    background: #000 !important;
    color: #fff !important;
    margin: 0 0 22px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.6), 0 0 24px rgba(29,155,240,.22), inset 0 1px 0 rgba(255,255,255,.1) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  #grok-page .grok-hero .grok-logo img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 24px !important; }

  #grok-page .grok-hero h1 {
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    color: #fff !important;
    margin: 0 0 8px !important;
    line-height: 1.1 !important;
    background: linear-gradient(135deg, #ffffff 0%, #b4c6d4 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
    position: relative !important;
  }
  #grok-page .grok-hero h1::after {
    content: "" !important;
    position: absolute !important;
    bottom: -6px; left: 0 !important;
    width: 60px; height: 3px !important;
    background: linear-gradient(90deg, #1d9bf0, transparent) !important;
    border-radius: 2px !important;
  }
  #grok-page .grok-hero .sub {
    color: #71767b !important;
    font-size: 15px !important;
    margin: 18px 0 0 !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    max-width: 600px !important;
  }

  /* Stats strip — injected via JS */
  #grok-page .grok-stats-strip {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
    flex-wrap: wrap !important;
    position: relative !important;
    z-index: 1 !important;
  }
  #grok-page .grok-stat {
    background: rgba(255,255,255,.04) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all .25s ease !important;
    flex: 0 0 auto !important;
  }
  #grok-page .grok-stat:hover {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(29,155,240,.4) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(29,155,240,.18) !important;
  }
  #grok-page .grok-stat .icon {
    width: 34px; height: 34px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #1d9bf0, #1a8cd8) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: #fff !important;
    font-size: 17px !important;
    box-shadow: 0 4px 12px rgba(29,155,240,.32) !important;
    flex-shrink: 0 !important;
  }
  #grok-page .grok-stat .value {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
    font-feature-settings: "tnum" 1 !important;
  }
  #grok-page .grok-stat .label {
    font-size: 10px !important;
    color: #71767b !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-top: 3px !important;
  }

  /* Cards */
  #grok-page .grok-card {
    background: rgba(22,24,28,.85) !important;
    backdrop-filter: blur(16px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 22px !important;
    padding: 28px 30px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: all .3s cubic-bezier(.2,.8,.2,1) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  #grok-page .grok-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #1d9bf0, transparent) !important;
    background-size: 200% 100% !important;
    animation: grok-shimmer 4s linear infinite !important;
    opacity: .6 !important;
  }
  @keyframes grok-shimmer {
    0%   { background-position: 0% 0%; }
    100% { background-position: -200% 0%; }
  }
  #grok-page .grok-card:hover {
    border-color: rgba(255,255,255,.15) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(29,155,240,.18) !important;
  }
  #grok-page .grok-card h3 {
    margin: 0 0 20px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    letter-spacing: -0.01em !important;
  }
  #grok-page .grok-card h3::before {
    content: "" !important;
    width: 4px; height: 18px !important;
    background: linear-gradient(135deg, #1d9bf0, #1a8cd8) !important;
    border-radius: 2px !important;
  }

  /* Labels */
  #grok-page .grok-card label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    margin: 18px 0 10px !important;
    color: #e7e9ea !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }
  #grok-page .grok-card label .step {
    width: 26px !important; height: 26px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #fff, #c9d1d9) !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.08), 0 4px 12px rgba(255,255,255,.12) !important;
  }

  /* Inputs */
  #grok-page .grok-card input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    border: 1.5px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
    background: #000 !important;
    color: #fff !important;
    transition: all .25s ease !important;
  }
  #grok-page .grok-card input::placeholder { color: #71767b !important; }
  #grok-page .grok-card input:focus {
    outline: none !important;
    border-color: #1d9bf0 !important;
    box-shadow: 0 0 0 4px rgba(29,155,240,.18), 0 4px 12px rgba(29,155,240,.16) !important;
    background: #0a0a0a !important;
  }

  /* Hint */
  #grok-page .grok-card .hint { margin-top: 12px !important; font-size: 12px !important; color: #71767b !important; line-height: 1.75 !important; }
  #grok-page .grok-card .hint a { color: #1d9bf0 !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px solid rgba(29,155,240,.4) !important; }

  /* Stock badge */
  #grok-page .grok-stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-left: 8px !important;
  }
  #grok-page .grok-stock.ok { background: rgba(29,155,240,.18) !important; color: #1d9bf0 !important; border: 1px solid rgba(29,155,240,.35) !important; }
  #grok-page .grok-stock.no { background: rgba(244,33,46,.15) !important; color: #f4212e !important; border: 1px solid rgba(244,33,46,.3) !important; }
  #grok-page .grok-stock.warn { background: rgba(255,212,59,.15) !important; color: #ffd43b !important; border: 1px solid rgba(255,212,59,.3) !important; }

  /* Go button */
  #grok-page .grok-go {
    margin-top: 22px !important;
    width: 100% !important;
    padding: 16px 28px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%) !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    letter-spacing: 0.025em !important;
    transition: all .25s cubic-bezier(.2,.8,.2,1) !important;
    box-shadow: 0 8px 24px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.5) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  #grok-page .grok-go::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 100%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(29,155,240,.3), transparent) !important;
    transition: left .6s ease !important;
  }
  #grok-page .grok-go:hover:not(:disabled) {
    transform: translateY(-2px) scale(1.01) !important;
    box-shadow: 0 14px 32px rgba(255,255,255,.18), inset 0 1px 0 rgba(255,255,255,.6) !important;
  }
  #grok-page .grok-go:hover::after { left: 100% !important; }
  #grok-page .grok-go:disabled {
    background: #2a2c30 !important;
    color: #71767b !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* Status */
  #grok-page .grok-status {
    margin-top: 18px !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    border: 1px solid !important;
  }
  #grok-page .grok-status.pending { background: rgba(29,155,240,.08) !important; color: #1d9bf0 !important; border-color: rgba(29,155,240,.35) !important; }
  #grok-page .grok-status.success { background: rgba(0,186,124,.08) !important; color: #00ba7c !important; border-color: rgba(0,186,124,.35) !important; }
  #grok-page .grok-status.error { background: rgba(244,33,46,.08) !important; color: #f4212e !important; border-color: rgba(244,33,46,.35) !important; }
  #grok-page .grok-status code { background: rgba(255,255,255,.08) !important; color: #fff !important; padding: 2px 8px !important; border-radius: 4px !important; font-family: ui-monospace, Menlo, monospace !important; font-size: 12px !important; }

  /* FAQ */
  #grok-page .grok-faq h3 { margin-top: 0 !important; }
  #grok-page .grok-faq .q { font-weight: 700 !important; color: #fff !important; margin-top: 18px !important; font-size: 14px !important; letter-spacing: -0.01em !important; }
  #grok-page .grok-faq .q:first-of-type { margin-top: 8px !important; }
  #grok-page .grok-faq .a { color: #71767b !important; font-size: 13px !important; line-height: 1.75 !important; margin-top: 6px !important; }
  #grok-page .grok-faq .a a { color: #1d9bf0 !important; text-decoration: none !important; border-bottom: 1px solid rgba(29,155,240,.4) !important; }
  #grok-page .grok-faq .a code { background: #000 !important; color: #1d9bf0 !important; padding: 2px 8px !important; border-radius: 4px !important; border: 1px solid rgba(29,155,240,.25) !important; font-family: ui-monospace, Menlo, monospace !important; font-size: 11px !important; }

  /* Banner */
  #grok-page #grok-banner-img {
    border-radius: 18px !important;
    box-shadow: 0 16px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08) !important;
  }
  #grok-page #grok-banner-img:hover {
    transform: scale(1.01) !important;
    box-shadow: 0 20px 56px rgba(0,0,0,.7), 0 0 0 1px rgba(29,155,240,.4) !important;
  }

  /* Fade-in stagger */
  #grok-page .grok-hero, #grok-page .grok-card {
    animation: grok-fade-in .55s cubic-bezier(.2,.8,.2,1) backwards !important;
  }
  #grok-page .grok-hero { animation-delay: 0s !important; }
  #grok-page .grok-card:nth-of-type(1) { animation-delay: .12s !important; }
  #grok-page .grok-card:nth-of-type(2) { animation-delay: .2s !important; }
  @keyframes grok-fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Mobile */
  @media (max-width: 640px) {
    #grok-page { padding: 0 14px !important; margin: 18px auto !important; }
    #grok-page .grok-hero { padding: 28px 22px 24px !important; border-radius: 22px !important; }
    #grok-page .grok-hero h1 { font-size: 26px !important; }
    #grok-page .grok-hero .sub { font-size: 13px !important; margin-top: 12px !important; }
    #grok-page .grok-hero .grok-logo { width: 68px !important; height: 68px !important; border-radius: 20px !important; }
    #grok-page .grok-stats-strip { gap: 8px !important; margin-top: 16px !important; }
    #grok-page .grok-stat { padding: 10px 12px !important; flex: 1 1 calc(50% - 8px) !important; min-width: 0 !important; }
    #grok-page .grok-stat .icon { width: 28px !important; height: 28px !important; font-size: 14px !important; border-radius: 8px !important; }
    #grok-page .grok-stat .value { font-size: 15px !important; }
    #grok-page .grok-stat .label { font-size: 9px !important; }
    #grok-page .grok-card { padding: 22px 22px !important; border-radius: 18px !important; }
    #grok-page .grok-card h3 { font-size: 16px !important; }
    #grok-page .grok-go { padding: 14px 22px !important; font-size: 14px !important; }
  }
  #cdkbulk-fab{position:fixed;right:20px;bottom:78px;z-index:2147483646;display:none;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:700;font-size:13px;box-shadow:0 8px 24px rgba(220,38,38,.45);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
  #cdkbulk-fab.show{display:inline-flex}
  #cdkbulk-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(220,38,38,.55)}
  #cdkbulk-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);z-index:2147483647;display:none;align-items:center;justify-content:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
  #cdkbulk-modal-bg.show{display:flex}
  #cdkbulk-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.4)}
  #cdkbulk-modal h3{margin:0;padding:18px 22px;border-bottom:1px solid #e5e7eb;font-size:16px;display:flex;align-items:center;gap:10px}
  #cdkbulk-modal h3 .x{margin-left:auto;cursor:pointer;width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;border:0}
  #cdkbulk-modal h3 .x:hover{background:#e5e7eb;color:#1f2937}
  #cdkbulk-body{padding:18px 22px;overflow:auto;flex:1}
  #cdkbulk-body textarea{width:100%;box-sizing:border-box;min-height:140px;max-height:240px;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;resize:vertical}
  #cdkbulk-body textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.18)}
  #cdkbulk-actions{display:flex;gap:10px;margin:14px 0 12px;flex-wrap:wrap}
  #cdkbulk-actions button{padding:10px 18px;border-radius:10px;border:0;cursor:pointer;font-weight:700;font-size:13px;transition:transform .15s ease,box-shadow .15s ease}
  #cdkbulk-actions .btn-lookup{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.35)}
  #cdkbulk-actions .btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.35)}
  #cdkbulk-actions .btn-clear{background:#f3f4f6;color:#374151}
  #cdkbulk-actions button:hover:not(:disabled){transform:translateY(-1px)}
  #cdkbulk-actions button:disabled{opacity:.5;cursor:not-allowed}
  #cdkbulk-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13px;line-height:1.65;color:#374151;display:none}
  #cdkbulk-summary.show{display:block}
  #cdkbulk-summary b{color:#111827}
  #cdkbulk-summary .pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-left:6px}
  #cdkbulk-summary .pill.ok{background:#dcfce7;color:#166534}
  #cdkbulk-summary .pill.used{background:#fef3c7;color:#92400e}
  #cdkbulk-summary .pill.miss{background:#fee2e2;color:#991b1b}
  #cdkbulk-table{width:100%;border-collapse:collapse;font-size:12px;font-family:ui-monospace,Menlo,monospace}
  #cdkbulk-table thead th{position:sticky;top:0;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:8px 10px;text-align:left;font-weight:700;color:#374151;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
  #cdkbulk-table tbody td{padding:7px 10px;border-bottom:1px solid #f3f4f6;vertical-align:top}
  #cdkbulk-table tbody tr:hover{background:#fafbff}
  #cdkbulk-table .tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.04em}
  #cdkbulk-table .tag.unused{background:#dcfce7;color:#166534}
  #cdkbulk-table .tag.used{background:#fef3c7;color:#92400e}
  #cdkbulk-table .tag.miss{background:#fee2e2;color:#991b1b}
  #cdkbulk-table .tag.plat{background:#e0e7ff;color:#3730a3}
  #cdkbulk-result{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.65;display:none}
  #cdkbulk-result.show{display:block}
  #cdkbulk-result.ok{background:#dcfce7;color:#166534;border:1px solid #86efac}
  #cdkbulk-result.err{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.cal-detail-tabs button[data-pf="grok"].active{background:linear-gradient(135deg,#1a1a1a,#2d2d2d) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 4px 12px rgba(0,0,0,.3) !important}
.cal-detail-tabs button[data-pf="grok"]:hover:not(.active){border-color:#4a4a4a !important;color:#1a1a1a !important}
.cal-gen-banner.cal-banner-grok{background:linear-gradient(135deg,#1a1a1a08,#2d2d2d05);border:1px solid #2d2d2d22;color:#0f172a}
.grok-overlay-active .n-data-table{display:none !important}
.grok-tag-fix{background:linear-gradient(135deg,#1a1a1a,#2d2d2d) !important;color:#fff !important;border:0 !important}
/* admin 3-tab segment (ChatGPT/Claude/Grok) 在窄屏下允许换行 + 字号缩小 */
@media (max-width: 768px) {
  .n-tabs.n-tabs--top.n-tabs--segment .n-tabs-nav { flex-wrap: wrap !important; height: auto !important; }
  .n-tabs.n-tabs--top.n-tabs--segment .n-tabs-tab { font-size: 12px !important; padding: 0 10px !important; min-width: 0 !important; }
  .n-tabs-tab__label { font-size: 12px !important; }
  /* 自定义 cal-detail-tabs (4 tabs 含 grok) 在窄屏换行 */
  [data-cal-detail-tabs] { flex-wrap: wrap !important; gap: 6px !important; }
  [data-cal-detail-tabs] button { font-size: 12px !important; padding: 4px 10px !important; }
  /* grok banner 字号缩小 */
  .cal-gen-banner { font-size: 12px !important; padding: 8px 10px !important; }
  /* 代理商详情卡片表单字段单列展示 */
  .n-form-item-label { font-size: 12px !important; }
  .n-input, .n-input-number { font-size: 14px !important; }
  /* Grok 列表行密度更大 */
  .n-data-table-td, .n-data-table-th { padding: 6px 8px !important; font-size: 12px !important; }
}
@media (max-width: 480px) {
  .n-tabs.n-tabs--top.n-tabs--segment .n-tabs-tab { padding: 0 6px !important; }
  /* 移动端把生成按钮变全宽 */
  .cal-gen-actions button { width: 100% !important; margin-top: 6px !important; }
}
  /* Tab bar above the recharge/query cards */
  #grok-page .grok-tabs{display:flex;gap:8px;margin-bottom:14px;padding:5px;background:linear-gradient(135deg,rgba(120,160,255,.06),rgba(120,160,255,.02));border:1px solid rgba(120,160,255,.15);border-radius:14px}
  #grok-page .grok-tabs button{flex:1;padding:11px 16px;border:0;border-radius:10px;background:transparent;color:#94a3b8;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}
  #grok-page .grok-tabs button:hover:not(.active){background:rgba(255,255,255,.04);color:#cbd5e1}
  #grok-page .grok-tabs button.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.28)}
  /* Recharge / query containers - hidden by default, toggled by .visible */
  #grok-page .grok-card[data-grok-tab]{display:none}
  #grok-page .grok-card[data-grok-tab].visible{display:block}
  #grok-page .grok-query-card{background:linear-gradient(135deg,#1a1f2e,#0f1420);border:1px solid rgba(120,160,255,.18);border-radius:14px;padding:20px;color:#e5e7eb;position:relative;z-index:9999;isolation:isolate;pointer-events:auto !important;margin-top:0}
  #grok-page .grok-query-card *{pointer-events:auto !important}
  #grok-page .grok-query-card textarea,#grok-page .grok-query-card button{pointer-events:auto !important;user-select:auto !important;-webkit-user-select:auto !important;touch-action:auto !important;position:relative;z-index:1}
  #grok-page .grok-query-card h3{margin:0 0 12px;font-size:15px;color:#a5b4fc;display:flex;align-items:center;gap:8px}
  #grok-page .grok-query-card .gq-row{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
  #grok-page .grok-query-card textarea{width:100%;min-height:88px;max-height:240px;padding:10px 12px;border-radius:8px;border:1px solid rgba(120,160,255,.25);background:rgba(255,255,255,.04);color:#e5e7eb;font-size:13px;font-family:ui-monospace,Consolas,monospace;line-height:1.6;resize:vertical;box-sizing:border-box;outline:none}
  #grok-page .grok-query-card textarea:focus{border-color:#818cf8;background:rgba(255,255,255,.07)}
  #grok-page .grok-query-card .gq-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 2px 0;font-size:11px;color:#94a3b8}
  #grok-page .grok-query-card .gq-meta .gq-count{margin-right:auto}
  #grok-page .grok-query-card button.gq-clear{background:rgba(255,255,255,.06) !important;color:#cbd5e1 !important;border:1px solid rgba(255,255,255,.08) !important;padding:6px 14px !important;border-radius:8px !important;font-size:11.5px !important;font-weight:600 !important;cursor:pointer;transition:all .15s}
  #grok-page .grok-query-card button.gq-clear:hover:not(:disabled){background:rgba(255,255,255,.12) !important;color:#fff !important}
  /* \u4E3B\u67E5\u8BE2\u6309\u94AE - \u540C grok-go \u6837\u5F0F */
  #grok-page .grok-query-card button.gq-btn{margin-top:14px !important;width:100% !important;padding:16px 28px !important;border:0 !important;border-radius:999px !important;background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%) !important;color:#000 !important;font-size:15px !important;font-weight:800 !important;cursor:pointer !important;letter-spacing:.025em !important;transition:all .25s cubic-bezier(.2,.8,.2,1) !important;box-shadow:0 8px 24px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.5) !important;position:relative !important;overflow:hidden !important;z-index:2}
  #grok-page .grok-query-card button.gq-btn::after{content:"" !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(29,155,240,.3),transparent) !important;transition:left .6s ease !important;pointer-events:none}
  #grok-page .grok-query-card button.gq-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01) !important;box-shadow:0 14px 32px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.6) !important}
  #grok-page .grok-query-card button.gq-btn:hover::after{left:100% !important}
  #grok-page .grok-query-card button.gq-btn:disabled{background:#2a2c30 !important;color:#71767b !important;cursor:not-allowed !important;box-shadow:none !important;transform:none !important}
  #grok-page .grok-query-card .gq-summary{margin-top:12px;padding:10px 14px;border-radius:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#c7d2fe;font-size:12px;display:none}
  #grok-page .grok-query-card .gq-chip-total{color:#c7d2fe;font-size:12px;margin-right:6px}
  #grok-page .grok-query-card .gq-chip-total b{color:#fff}
  #grok-page .grok-query-card .gq-chip{display:inline-flex !important;align-items:center;gap:5px;background:rgba(255,255,255,.06) !important;color:#cbd5e1 !important;border:1px solid rgba(165,180,252,.35) !important;padding:5px 12px !important;border-radius:14px !important;cursor:pointer !important;font-size:12px !important;font-family:inherit !important;font-weight:600;line-height:1.3 !important;transition:all .15s !important;pointer-events:auto !important;user-select:none}
  #grok-page .grok-query-card .gq-chip b{color:#fff !important;font-weight:700}
  #grok-page .grok-query-card .gq-chip:hover{background:rgba(99,102,241,.25) !important;color:#fff !important;border-color:#a5b4fc !important;transform:translateY(-1px)}
  #grok-page .grok-query-card .gq-chip.gq-chip-active{background:linear-gradient(135deg,#6366f1,#4f46e5) !important;color:#fff !important;border-color:#a5b4fc !important;box-shadow:0 2px 8px rgba(99,102,241,.4)}
  #grok-page .grok-query-card .gq-summary.show{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  #grok-page .grok-query-card .gq-summary b{color:#fff}
  #grok-page .grok-query-card .gq-results{margin-top:12px;display:flex;flex-direction:column;gap:10px}
  #grok-page .grok-query-card .gq-inv-wrap{margin-top:0;padding:0;border:0}
  #grok-page .grok-query-card .gq-inv-wrap .gq-inv-panel{margin:10px 14px 14px;padding-top:10px;border-top:1px dashed rgba(165,180,252,.18)}
  #grok-page .grok-query-card .gq-inv-btn{background:rgba(99,102,241,.18) !important;color:#a5b4fc !important;border:1px solid rgba(165,180,252,.4) !important;padding:6px 14px !important;border-radius:8px !important;font-size:12px !important;font-weight:600 !important;cursor:pointer !important;font-family:inherit !important;transition:all .15s !important}
  #grok-page .grok-query-card .gq-inv-btn:hover:not(:disabled){background:rgba(99,102,241,.35) !important;color:#fff !important;transform:translateY(-1px)}
  #grok-page .grok-query-card .gq-inv-btn:disabled{opacity:.6;cursor:wait}
  #grok-page .grok-query-card .gq-inv-panel{margin-top:10px;display:none}
  #grok-page .grok-query-card .gq-inv-panel.show{display:block}
  #grok-page .grok-query-card .gq-inv-msg{padding:10px 14px;border-radius:8px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);color:#c7d2fe;font-size:12px;line-height:1.6}
  #grok-page .grok-query-card .gq-inv-msg.warn{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35);color:#fcd34d}
  #grok-page .grok-query-card .gq-inv-msg.err{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35);color:#fca5a5}
  #grok-page .grok-query-card .gq-inv-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 14px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(165,180,252,.18);border-radius:8px;margin-bottom:8px;font-size:11.5px}
  #grok-page .grok-query-card .gq-inv-meta .k{color:#94a3b8;margin-right:6px}
  #grok-page .grok-query-card .gq-inv-meta .v{color:#e5e7eb;font-family:ui-monospace,Menlo,Consolas,monospace}
  #grok-page .grok-query-card .gq-inv-frame{width:100%;height:540px;border:1px solid rgba(165,180,252,.25);border-radius:8px;background:#fff}
  #grok-page .grok-query-card .gq-inv-actions{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
  #grok-page .grok-query-card .gq-card{background:rgba(0,0,0,.28);border-radius:10px;padding:11px 14px;border-left:3px solid #475569;font-size:12px;line-height:1.65}
  #grok-page .grok-query-card .gq-card.ok{border-left-color:#10b981}
  #grok-page .grok-query-card .gq-card.used{border-left-color:#f59e0b}
  #grok-page .grok-query-card .gq-card.err{border-left-color:#ef4444}
  #grok-page .grok-query-card .gq-card .gq-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
  #grok-page .grok-query-card .gq-card .gq-card-cdk{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#e5e7eb;font-weight:600;word-break:break-all;flex:1;min-width:0}
  #grok-page .grok-query-card .gq-card .gq-card-toggle{background:rgba(255,255,255,.06);color:#cbd5e1;border:0;padding:3px 8px;border-radius:6px;font-size:10.5px;cursor:pointer}
  #grok-page .grok-query-card .gq-card .gq-card-detail{display:none;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.08)}
  #grok-page .grok-query-card .gq-card.expanded .gq-card-detail{display:block}
  #grok-page .grok-query-card .gq-card .row{display:flex;justify-content:space-between;gap:8px;padding:3px 0}
  #grok-page .grok-query-card .gq-card .k{color:#94a3b8;font-size:11px;flex:0 0 auto}
  #grok-page .grok-query-card .gq-card .v{color:#e5e7eb;font-family:ui-monospace,Consolas,monospace;font-size:12px;text-align:right;overflow-wrap:anywhere;max-width:65%}
  #grok-page .grok-query-card .gq-tip{font-size:11px;color:#94a3b8;margin-top:6px}
  #grok-page .grok-query-card .badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}
  #grok-page .grok-query-card .badge.used{background:#fef3c7;color:#92400e}
  #grok-page .grok-query-card .badge.unused{background:#d1fae5;color:#065f46}
  #grok-page .grok-query-card .badge.err{background:rgba(239,68,68,.18);color:#fca5a5}
  #grok-page .grok-query-card .badge.notfound{background:rgba(148,163,184,.16);color:#cbd5e1}
  #grok-page .grok-query-card .gq-cf{margin:10px 0 4px;display:flex;justify-content:center;min-height:65px}
  #grok-page .grok-query-card .gq-cf-tip{font-size:11px;color:#94a3b8;margin-top:6px;text-align:center}
/* ============ \u5E95\u90E8\u67E5\u8BE2\u680F (.check-bar) \u4E24\u4E2A\u89E6\u53D1\u6309\u94AE\u4F18\u5316 ============ */
.check-bar.check-bar{margin-top:30px !important;padding:18px 20px !important;border-radius:16px !important;background:linear-gradient(135deg,#fafbff,#f3f4f8) !important;border:1px solid rgba(148,163,184,.18) !important;box-shadow:0 2px 10px rgba(15,23,42,.04) !important;gap:12px !important;flex-wrap:wrap !important}
/* \u4E24\u4E2A\u6309\u94AE\u901A\u7528 */
.check-bar .n-button.n-button{height:46px !important;padding:0 22px !important;border-radius:11px !important;font-size:14px !important;font-weight:700 !important;letter-spacing:.3px !important;border:0 !important;color:#fff !important;background-clip:padding-box !important;transition:all .18s !important;cursor:pointer !important}
.check-bar .n-button.n-button:hover{transform:translateY(-2px) !important;filter:brightness(1.06) !important}
.check-bar .n-button .n-button__content{color:#fff !important;font-weight:700 !important}
.check-bar .n-button .n-button__border,.check-bar .n-button .n-button__state-border{border:0 !important;display:none !important}
/* \u7B2C\u4E00\u4E2A: \u67E5\u8BE2\u5361\u5BC6\u72B6\u6001 - \u84DD\u8272\u6E10\u53D8 + \u56FE\u6807 */
.check-bar .n-button.n-button--primary-type{background:linear-gradient(135deg,#3b82f6,#2563eb) !important;box-shadow:0 4px 14px rgba(59,130,246,.32) !important}
.check-bar .n-button.n-button--primary-type:hover{box-shadow:0 8px 22px rgba(59,130,246,.45) !important}
.check-bar .n-button.n-button--primary-type .n-button__content::before{content:"🔍\00A0";font-size:15px}
/* \u7B2C\u4E8C\u4E2A: \u67E5\u8BE2 ChatGPT \u8BA2\u9605 - \u7EFF\u8272\u6E10\u53D8 + \u56FE\u6807 */
.check-bar .n-button.n-button--info-type{background:linear-gradient(135deg,#10a37f,#0d8a6b) !important;box-shadow:0 4px 14px rgba(16,163,127,.32) !important}
.check-bar .n-button.n-button--info-type:hover{box-shadow:0 8px 22px rgba(16,163,127,.48) !important}
.check-bar .n-button.n-button--info-type .n-button__content::before{content:"📊\00A0";font-size:15px}
/* hint \u63D0\u793A */
.check-bar .check-hint.check-hint{width:100% !important;text-align:center !important;font-size:12.5px !important;color:#94a3b8 !important;margin-top:4px !important;font-weight:400 !important}
/* \u6DF1\u8272\u6A21\u5F0F */
html.dark .check-bar,[data-theme="dark"] .check-bar{background:linear-gradient(135deg,#1e293b,#0f172a) !important;border-color:#334155 !important;box-shadow:0 2px 14px rgba(0,0,0,.3) !important}
html.dark .check-bar .check-hint,[data-theme="dark"] .check-bar .check-hint{color:#64748b !important}

/* ============ \u67E5\u8BE2 ChatGPT \u8BA2\u9605\u72B6\u6001 \u6A21\u6001 UI \u4F18\u5316 ============ */
/* sub-card \u672C\u8EAB - \u53CC\u5199 class \u62EC\u5C55\u7279\u5F02\u5EA6\u538B Vue scoped CSS */
.sub-card.sub-card{padding:16px 18px !important;border-radius:14px !important;border:1.5px solid #e5e7eb !important;background:linear-gradient(135deg,#fafbff,#f3f4f8) !important;box-shadow:0 2px 8px rgba(0,0,0,.04) !important;transition:transform .15s,box-shadow .15s !important;display:flex !important;flex-direction:column !important;gap:10px !important}
.sub-card.sub-card:hover{transform:translateY(-1px) !important;box-shadow:0 4px 14px rgba(0,0,0,.06) !important}
.sub-card.sub-card--active{border-color:#10a37f !important;background:linear-gradient(135deg,#ecfdf5,#f0fdfa) !important}
.sub-card.sub-card--expired{border-color:#ef4444 !important;background:linear-gradient(135deg,#fef2f2,#fff5f5) !important;opacity:.85 !important}
.sub-card .sub-card__head.sub-card__head{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important}
.sub-card .sub-card__plan.sub-card__plan{font-size:17px !important;font-weight:700 !important;letter-spacing:-.01em !important}
.sub-card.sub-card--active .sub-card__plan{color:#047857 !important}
.sub-card.sub-card--expired .sub-card__plan{color:#b91c1c !important;text-decoration:line-through !important;text-decoration-color:rgba(185,28,28,.4) !important}
.sub-card .sub-card__head .n-tag{margin-left:auto !important;font-weight:600 !important;letter-spacing:.3px !important}
.sub-card .sub-card__row.sub-card__row{display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;color:var(--app-text-secondary,#64748b) !important;padding:5px 0 !important;border-top:1px dashed rgba(148,163,184,.25) !important}
.sub-card .sub-card__row.sub-card__row:first-of-type{border-top:0 !important}
.sub-card .sub-card__row b{color:var(--app-text-primary,#0f172a) !important;font-weight:600 !important;font-family:ui-monospace,Menlo,Consolas,monospace !important;font-size:12.5px !important;word-break:break-all !important}
/* \u6A21\u6001\u5916\u58F3\u4F18\u5316 - \u9488\u5BF9 subQuery \u6807\u9898 */
.n-card-header__main:not(:empty){font-weight:700 !important;letter-spacing:-.01em !important}
/* \u8F93\u5165\u533A textarea \u4F18\u5316 - \u9650\u5B9A\u5728\u5305\u542B sub-card \u903B\u8F91\u7684\u6A21\u6001 (\u6216\u7A7A\u72B6\u6001\u4E0B\u4E5F\u9700\u8981) */
.n-modal .n-card .n-input--textarea .n-input__textarea-el{font-family:ui-monospace,Menlo,Consolas,monospace !important;font-size:12.5px !important;line-height:1.55 !important;word-break:break-all !important}
/* \u67E5\u8BE2\u6309\u94AE - \u8BC6\u522B\u6587\u672C\u4E3A "\u67E5\u8BE2"/"Query" \u7684\u6309\u94AE */
.n-modal .n-button--info-type{background:linear-gradient(135deg,#10a37f,#0d8a6b) !important;border:0 !important;font-weight:700 !important;letter-spacing:.5px !important;box-shadow:0 4px 12px rgba(16,163,127,.25) !important;transition:all .15s !important}
.n-modal .n-button--info-type:hover{filter:brightness(1.05) !important;box-shadow:0 6px 18px rgba(16,163,127,.4) !important;transform:translateY(-1px) !important}
.n-modal .n-button--info-type.n-button--disabled{opacity:.5 !important;cursor:not-allowed !important;box-shadow:none !important;transform:none !important;filter:saturate(.5) !important}
.n-modal .n-button--default-type{font-weight:500 !important}
/* \u9519\u8BEF / \u7A7A\u72B6\u6001 alert */
.n-modal .n-alert.n-alert--error-type{border-radius:10px !important;border:1px solid rgba(220,38,38,.3) !important;background:linear-gradient(135deg,#fef2f2,#fff5f5) !important}
.n-modal .n-alert.n-alert--info-type{border-radius:10px !important;background:linear-gradient(135deg,#eff6ff,#f0f9ff) !important;border:1px solid rgba(59,130,246,.25) !important}
/* \u591A\u5F20\u5361\u95F4\u9694 */
.n-modal .n-card .n-space>.n-space-item:has(.sub-card)+.n-space-item:has(.sub-card){margin-top:8px}
/* \u6DF1\u8272\u6A21\u5F0F */
.dark .sub-card,[data-theme="dark"] .sub-card,html.dark .sub-card{background:linear-gradient(135deg,#1e293b,#0f172a) !important;box-shadow:0 2px 10px rgba(0,0,0,.4) !important}
.dark .sub-card--active,[data-theme="dark"] .sub-card--active,html.dark .sub-card--active{background:linear-gradient(135deg,rgba(16,163,127,.15),rgba(16,163,127,.06)) !important;border-color:#10a37f !important}
.dark .sub-card--expired,[data-theme="dark"] .sub-card--expired,html.dark .sub-card--expired{background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(239,68,68,.04)) !important;border-color:#ef4444 !important}
.dark .sub-card--active .sub-card__plan,[data-theme="dark"] .sub-card--active .sub-card__plan,html.dark .sub-card--active .sub-card__plan{color:#34d399 !important}
.dark .sub-card--expired .sub-card__plan,[data-theme="dark"] .sub-card--expired .sub-card__plan,html.dark .sub-card--expired .sub-card__plan{color:#f87171 !important}
.dark .sub-card__row,[data-theme="dark"] .sub-card__row,html.dark .sub-card__row{color:#94a3b8 !important;border-top-color:rgba(148,163,184,.18) !important}
.dark .sub-card__row b,[data-theme="dark"] .sub-card__row b,html.dark .sub-card__row b{color:#e2e8f0 !important}
  .sub-card .sci-row{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(148,163,184,.3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .sub-card .sci-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb) !important;color:#fff !important;border:0 !important;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;letter-spacing:.3px;box-shadow:0 3px 10px rgba(59,130,246,.3)}
  .sub-card .sci-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 6px 16px rgba(59,130,246,.4)}
  .sub-card .sci-btn:disabled{opacity:.6;cursor:wait}
  .sub-card .sci-panel{margin-top:10px;display:none;width:100%}
  .sub-card .sci-panel.show{display:block}
  .sub-card .sci-msg{padding:10px 14px;border-radius:10px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.3);color:#1e40af;font-size:12.5px;line-height:1.6}
  .sub-card .sci-msg.warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.35);color:#a16207}
  .sub-card .sci-msg.err{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.35);color:#b91c1c}
  .sub-card .sci-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 14px;padding:10px 14px;background:rgba(255,255,255,.6);border:1px solid rgba(148,163,184,.25);border-radius:10px;margin-bottom:8px;font-size:12px}
  .sub-card .sci-meta .k{color:#64748b;margin-right:6px}
  .sub-card .sci-meta .v{color:#0f172a;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
  .sub-card .sci-frame{width:100%;height:540px;border:1px solid rgba(148,163,184,.3);border-radius:10px;background:#fff;display:block}
  .sub-card .sci-actions{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
  .sub-card .sci-mini{padding:5px 12px;background:rgba(99,102,241,.1);color:#4338ca;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}
  .sub-card .sci-mini:hover{background:rgba(99,102,241,.2)}
  /* Dark theme */
  html.dark .sub-card .sci-meta,[data-theme="dark"] .sub-card .sci-meta{background:rgba(0,0,0,.2);border-color:rgba(148,163,184,.15)}
  html.dark .sub-card .sci-meta .v,[data-theme="dark"] .sub-card .sci-meta .v{color:#e2e8f0}
  html.dark .sub-card .sci-msg,[data-theme="dark"] .sub-card .sci-msg{background:rgba(59,130,246,.15);color:#93c5fd}
  /* Generic invoice button: appears next to ANY CDK text node on the page */
  .__inv-anchor {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 8px;
    padding: 4px 10px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff !important;
    border: 0;
    border-radius: 8px;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: all .15s;
    box-shadow: 0 2px 6px rgba(59,130,246,.3);
    vertical-align: middle;
  }
  .__inv-anchor:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.1); box-shadow: 0 4px 12px rgba(59,130,246,.45); }
  .__inv-anchor:disabled { opacity: .6; cursor: wait; }
  .__inv-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.55);
    backdrop-filter: blur(4px);
    z-index: 2147483646;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  .__inv-modal {
    background: #fff;
    color: #0f172a;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0,0,0,.3);
    width: min(720px, 96vw);
    max-height: 92vh;
    overflow: auto;
    padding: 22px 24px;
    font-family: "PingFang SC","Microsoft YaHei",-apple-system,sans-serif;
  }
  .__inv-modal h3 { margin: 0 0 12px; font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
  .__inv-modal .__inv-close { float: right; background: transparent; border: 0; color: #94a3b8; font-size: 22px; cursor: pointer; line-height: 1; padding: 0 4px; }
  .__inv-modal .__inv-close:hover { color: #0f172a; }
  .__inv-modal .__inv-msg {
    padding: 12px 16px;
    border-radius: 10px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .__inv-modal .__inv-msg.warn { background: #fef3c7; border-color: #fcd34d; color: #92400e; }
  .__inv-modal .__inv-msg.err { background: #fef2f2; border-color: #fca5a5; color: #b91c1c; }
  .__inv-modal .__inv-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 6px 16px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 12.5px;
  }
  .__inv-modal .__inv-meta .k { color: #64748b; margin-right: 6px; }
  .__inv-modal .__inv-meta .v { color: #0f172a; font-family: ui-monospace,Menlo,Consolas,monospace; word-break: break-all; }
  .__inv-modal .__inv-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
  .__inv-modal .__inv-mini {
    padding: 6px 14px;
    background: rgba(99,102,241,.1);
    color: #4338ca;
    border: 1px solid rgba(99,102,241,.3);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
  }
  .__inv-modal .__inv-mini:hover { background: rgba(99,102,241,.2); }
  .__inv-modal .__inv-frame { width: 100%; height: 560px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; display: block; }
  .__inv-modal .__inv-loading { padding: 20px; text-align: center; color: #64748b; }
  /* Dark theme */
  html.dark .__inv-modal,[data-theme="dark"] .__inv-modal { background: #1e293b; color: #e2e8f0; }
  html.dark .__inv-modal .__inv-meta,[data-theme="dark"] .__inv-modal .__inv-meta { background: rgba(0,0,0,.25); border-color: rgba(148,163,184,.2); }
  html.dark .__inv-modal .__inv-meta .v,[data-theme="dark"] .__inv-modal .__inv-meta .v { color: #e2e8f0; }
  html.dark .__inv-modal .__inv-close,[data-theme="dark"] .__inv-modal .__inv-close { color: #94a3b8; }
  #__inv-fab-btn {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 99998;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 46px;
    padding: 0 18px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    border: 0;
    border-radius: 23px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
    box-shadow: 0 6px 20px rgba(59,130,246,.4);
    transition: all .15s;
  }
  #__inv-fab-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(59,130,246,.55); }
  /* Hide on admin subdomain */
  body.__inv-admin #__inv-fab-btn { display: none; }
  /* Modal */
  .__inv-fab-overlay {
    position: fixed; inset: 0;
    background: rgba(15,23,42,.55);
    backdrop-filter: blur(4px);
    z-index: 99999;
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
  }
  .__inv-fab-modal {
    background: #fff; color: #0f172a;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0,0,0,.3);
    width: min(720px, 96vw);
    max-height: 92vh; overflow: auto;
    padding: 22px 24px;
    font-family: "PingFang SC","Microsoft YaHei",-apple-system,sans-serif;
  }
  .__inv-fab-modal h3 { margin: 0 0 14px; font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
  .__inv-fab-modal .__inv-fab-close { margin-left: auto; background: transparent; border: 0; color: #94a3b8; font-size: 24px; cursor: pointer; line-height: 1; padding: 0 4px; }
  .__inv-fab-modal .__inv-fab-close:hover { color: #0f172a; }
  .__inv-fab-modal label { display:block; font-size:12px; color:#64748b; margin-bottom:5px; }
  .__inv-fab-modal input { width:100%; box-sizing:border-box; padding:10px 12px; font-size:13px; font-family:ui-monospace,Menlo,Consolas,monospace; border:1px solid #d1d5db; border-radius:8px; outline:none; }
  .__inv-fab-modal input:focus { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }
  .__inv-fab-modal .__inv-fab-go { margin-top:12px; padding:10px 22px; background:linear-gradient(135deg,#3b82f6,#2563eb); color:#fff; border:0; border-radius:8px; font-size:14px; font-weight:700; cursor:pointer; font-family:inherit; }
  .__inv-fab-modal .__inv-fab-go:hover:not(:disabled){ filter:brightness(1.08); transform:translateY(-1px); }
  .__inv-fab-modal .__inv-fab-go:disabled{ opacity:.6; cursor:wait; }
  .__inv-fab-modal .__inv-fab-body { margin-top:16px; }
  .__inv-fab-modal .__inv-msg {
    padding: 12px 16px; border-radius: 10px; background: #eff6ff;
    border: 1px solid #bfdbfe; color: #1e40af;
    font-size: 13px; line-height: 1.6; margin-bottom: 10px;
  }
  .__inv-fab-modal .__inv-msg.warn { background: #fef3c7; border-color: #fcd34d; color: #92400e; }
  .__inv-fab-modal .__inv-msg.err  { background: #fef2f2; border-color: #fca5a5; color: #b91c1c; }
  .__inv-fab-modal .__inv-meta {
    display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 6px 16px; padding: 12px 14px; background: #f8fafc;
    border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 10px; font-size: 12.5px;
  }
  .__inv-fab-modal .__inv-meta .k { color: #64748b; margin-right: 6px; }
  .__inv-fab-modal .__inv-meta .v { color: #0f172a; font-family: ui-monospace,Menlo,Consolas,monospace; word-break: break-all; }
  .__inv-fab-modal .__inv-frame { width: 100%; height: 560px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; display: block; margin-top: 8px; }
  .__inv-fab-modal .__inv-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
  .__inv-fab-modal .__inv-mini { padding:6px 14px; background:rgba(99,102,241,.1); color:#4338ca; border:1px solid rgba(99,102,241,.3); border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; }
  .__inv-fab-modal .__inv-mini:hover { background:rgba(99,102,241,.2); }
.nav-bar { display: none !important; }

#cdk-lang-pin {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2147483646 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  pointer-events: auto !important;
}
#cdk-lang-pin .n-select {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}
#cdk-lang-pin .n-base-selection {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(8px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(140%) !important;
  border: 1px solid rgba(15,23,42,0.10) !important;
  box-shadow: 0 4px 14px rgba(15,23,42,0.10), 0 1px 3px rgba(15,23,42,0.06) !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  cursor: pointer;
  transition: all 0.18s ease !important;
}
#cdk-lang-pin .n-base-selection:hover {
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(15,23,42,0.14) !important;
}
#cdk-lang-pin .n-base-selection-label,
#cdk-lang-pin .n-base-selection .n-base-selection-input,
#cdk-lang-pin .n-base-selection .n-base-selection-placeholder {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  background: transparent !important;
  padding-right: 18px !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
#cdk-lang-pin .n-base-selection .n-base-suffix { color: #94a3b8 !important; right: 8px !important; }
#cdk-lang-pin .n-base-selection__border,
#cdk-lang-pin .n-base-selection__state-border { display: none !important; }

[data-redeem-theme="dark"] #cdk-lang-pin .n-base-selection {
  background: rgba(20,30,50,0.95) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
[data-redeem-theme="dark"] #cdk-lang-pin .n-base-selection-label,
[data-redeem-theme="dark"] #cdk-lang-pin .n-base-selection .n-base-selection-input { color: #cbd5e1 !important; }

@media (max-width: 640px) {
  #cdk-lang-pin { top: 10px !important; right: 10px !important; }
  #cdk-lang-pin .n-select { width: 138px !important; min-width: 138px !important; max-width: 138px !important; }
  #cdk-lang-pin .n-base-selection {
    height: 30px !important; min-height: 30px !important; padding: 0 6px !important;
  }
  #cdk-lang-pin .n-base-selection-label { font-size: 11px !important; }
}
@media (max-width: 480px) {
  #cdk-lang-pin { top: 10px !important; right: 8px !important; }
  #cdk-lang-pin .n-select { width: 125px !important; min-width: 125px !important; max-width: 125px !important; }
  #cdk-lang-pin .n-base-selection { padding: 0 6px !important; height: 28px !important; min-height: 28px !important; }
}
@keyframes __cdkGuardShake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-6px)} 50%{transform:translateX(6px)} 75%{transform:translateX(-4px)} }
.__cdkguard-shake { animation: __cdkGuardShake .35s ease; border-color: #ef4444 !important; box-shadow: 0 0 0 2px rgba(239,68,68,.25) !important; }
.__cdkguard-tip { position: fixed; z-index: 999999; background: #ef4444; color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 13px; font-weight: 600; box-shadow: 0 8px 24px rgba(239,68,68,.35); pointer-events: none; opacity: 0; transition: opacity .15s ease, transform .15s ease; transform: translateY(8px); max-width: 340px; line-height: 1.5; }
.__cdkguard-tip.show { opacity: 1; transform: translateY(0); }
.__cdkguard-tip::after { content: ""; position: absolute; left: 24px; top: -6px; width: 12px; height: 12px; background: #ef4444; transform: rotate(45deg); }
#cdk-rq-fab { display: none !important; }
  /* Hide redundant native stock displays - replaced by per-plan badges in tabs */
  .cl-stock-badge{display:none !important}
  [data-cdk-hide-stock="1"]{display:none !important}
  .cdk-plan-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:14px 0 16px}
  .cdk-plan-tab{position:relative;border:1px solid #e2e8f0;border-radius:14px;padding:12px 8px 10px;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 1px 2px rgba(15,23,42,.05);cursor:pointer;font-size:14px;font-weight:600;color:#42526e;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;align-items:center;gap:7px;line-height:1.2}
  .cdk-plan-tab:hover{transform:translateY(-2px);border-color:rgba(76,125,255,.45);box-shadow:0 8px 24px rgba(76,125,255,.16)}
  .cdk-plan-tab .cdk-pt-name{font-weight:800;font-size:15px;letter-spacing:.3px;background:linear-gradient(90deg,#4c7dff,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
  .cdk-plan-tab[data-plan="max_5x"] .cdk-pt-name{background:linear-gradient(90deg,#f59e0b,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
  .cdk-plan-tab[data-plan="max_20x"] .cdk-pt-name{background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
  .cdk-plan-tab.active{box-shadow:0 10px 30px rgba(76,125,255,.22)}
  .cdk-plan-tab.active::before{content:"";position:absolute;inset:0;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,#4c7dff,#8b5cf6,#22d3ee);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .cdk-plan-tab.active::after{content:"\2713";position:absolute;top:6px;right:7px;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4c7dff,#8b5cf6);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .cdk-plan-tab--soon{opacity:.85}
  .cdk-plan-tab--out{opacity:.88}
  .cdk-plan-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:normal;text-align:center;line-height:1.25;max-width:100%}
  .cdk-plan-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#94a3b8;flex:none}
  .cdk-plan-badge--ok{background:rgba(34,197,94,.12);color:#15803d}
  .cdk-plan-badge--ok::before{background:#22c55e;animation:cdkPtPulse 2s infinite}
  .cdk-plan-badge--soon{background:rgba(245,158,11,.12);color:#b45309}
  .cdk-plan-badge--soon::before{background:#f59e0b}
  .cdk-plan-badge--out{background:rgba(239,68,68,.1);color:#b91c1c}
  .cdk-plan-badge--out::before{background:#ef4444}
  @keyframes cdkPtPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
  .cdk-plan-soon-notice{margin:0 0 14px;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.55;display:none}
  .cdk-plan-soon-notice strong{font-weight:700}
  .cdk-plan-soon-notice--soon{background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.3);color:#92400e}
  .cdk-plan-soon-notice--out{background:rgba(107,114,128,.10);border:1px solid rgba(107,114,128,.3);color:#374151}
  [data-redeem-theme="dark"] .cdk-plan-tab{border-color:rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(30,41,59,.75),rgba(15,23,42,.75));box-shadow:0 1px 2px rgba(0,0,0,.3);color:#c9d1d9}
  [data-redeem-theme="dark"] .cdk-plan-tab:hover{border-color:rgba(76,125,255,.5)}
  [data-redeem-theme="dark"] .cdk-plan-badge--ok{background:rgba(34,197,94,.14);color:#4ade80}
  [data-redeem-theme="dark"] .cdk-plan-badge--soon{background:rgba(245,158,11,.14);color:#fbbf24}
  [data-redeem-theme="dark"] .cdk-plan-badge--out{background:rgba(239,68,68,.14);color:#f87171}
  [data-redeem-theme="dark"] .cdk-plan-soon-notice--soon{background:rgba(245,158,11,.12);color:#fcd34d;border-color:rgba(245,158,11,.4)}
  [data-redeem-theme="dark"] .cdk-plan-soon-notice--out{background:rgba(107,114,128,.15);color:#d1d5db;border-color:rgba(107,114,128,.45)}
#pplx-shim{position:fixed;inset:0;z-index:999990;display:none;overflow:auto;
  background:radial-gradient(1200px 600px at 15% -10%,rgba(32,184,205,.16),transparent 60%),radial-gradient(1000px 700px at 110% 10%,rgba(124,92,255,.14),transparent 55%),linear-gradient(180deg,#070b14 0%,#0a0f1c 60%,#070a12 100%);
  color:#e7ecf3;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
#pplx-shim *{box-sizing:border-box}
#pplx-shim .pplx-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;animation:pplxFloat 14s ease-in-out infinite}
#pplx-shim .pplx-blob.b1{width:360px;height:360px;background:#20b8cd;top:-120px;left:-80px}
#pplx-shim .pplx-blob.b2{width:320px;height:320px;background:#6f5cff;bottom:-120px;right:-60px;animation-delay:-6s}
@keyframes pplxFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,30px)}}
#pplx-shim .pplx-wrap{position:relative;max-width:1000px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:72px 20px 44px}
#pplx-shim .pplx-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;color:#9fb0c3;font-size:13px;text-decoration:none;margin-bottom:16px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:.2s}
#pplx-shim .pplx-back:hover{color:#fff;border-color:rgba(32,184,205,.4);transform:translateX(-2px)}
#pplx-shim .pplx-card{position:relative;border-radius:24px;padding:32px 34px 26px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset;
  animation:pplxIn .55s cubic-bezier(.16,.84,.44,1) both}
@keyframes pplxIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
#pplx-shim .pplx-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}
#pplx-shim .pplx-logo{width:52px;height:52px;border-radius:15px;flex:none;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#22c9dd,#1a8aa3);box-shadow:0 8px 22px -6px rgba(32,184,205,.6)}
#pplx-shim .pplx-title{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
#pplx-shim .pplx-title span{background:linear-gradient(135deg,#3ee0f0,#7c9bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#pplx-shim .pplx-tags{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
#pplx-shim .tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}
#pplx-shim .tag-fast{color:#ffd66b;background:rgba(255,193,7,.1);border-color:rgba(255,193,7,.25)}
#pplx-shim .tag-stock{color:#7fe7d6;background:rgba(32,184,205,.1);border-color:rgba(32,184,205,.28)}
#pplx-shim .tag-stock .dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.25);animation:pplxPulse 1.8s infinite}
@keyframes pplxPulse{0%,100%{opacity:1}50%{opacity:.4}}
#pplx-shim .pplx-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
#pplx-shim .pplx-secttl{font-size:14px;font-weight:700;color:#cfe0ea;margin:0 0 14px;display:flex;align-items:center;gap:7px}
#pplx-shim .pplx-guide{display:grid;gap:16px}
#pplx-shim .pplx-step{padding-left:14px;border-left:3px solid #4c7dff}
#pplx-shim .pplx-step h4{margin:0;font-size:14px;font-weight:700;color:#e7eef6}
#pplx-shim .pplx-step p{margin:5px 0 0;font-size:12.5px;color:#9fb0c3;line-height:1.6}
#pplx-shim .pplx-step .act{display:inline-flex;align-items:center;height:32px;margin-top:9px;padding:0 14px;border-radius:9px;background:linear-gradient(180deg,#5b9cff,#4c7dff);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;transition:.18s}
#pplx-shim .pplx-step .act:hover{filter:brightness(1.08);transform:translateY(-1px)}
#pplx-shim .s-blue{border-left-color:#4c7dff}#pplx-shim .s-green{border-left-color:#22c55e}#pplx-shim .s-emerald{border-left-color:#10b981}#pplx-shim .s-amber{border-left-color:#f59e0b}#pplx-shim .s-red{border-left-color:#ef4444}
#pplx-shim .s-green .act{background:linear-gradient(180deg,#34d977,#1eb95f)}
#pplx-shim .pplx-field{margin-bottom:16px}
#pplx-shim .pplx-field>label{display:block;font-size:12.5px;font-weight:600;color:#aebccd;margin-bottom:7px;letter-spacing:.01em}
#pplx-shim .pplx-input{position:relative;display:flex;align-items:center}
#pplx-shim .pplx-input svg{position:absolute;left:13px;width:17px;height:17px;color:#5f7a90;opacity:.7;pointer-events:none}
#pplx-shim .pplx-input input{width:100%;background:rgba(8,12,20,.7);color:#eef3f9;border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:13px 14px 13px 40px;font-size:14.5px;font-family:inherit;transition:.18s;outline:none}
#pplx-shim .pplx-input input::placeholder{color:#5b6b7d}
#pplx-shim .pplx-input input:focus{border-color:#20b8cd;background:rgba(8,14,22,.92);box-shadow:0 0 0 4px rgba(32,184,205,.16)}
#pplx-shim .pplx-btn{position:relative;overflow:hidden;width:100%;margin-top:6px;padding:14px;border:0;border-radius:14px;cursor:pointer;font-size:15.5px;font-weight:800;letter-spacing:.02em;color:#04222a;background:linear-gradient(135deg,#3ee0f0,#1ba6c4 55%,#7c9bff);box-shadow:0 12px 30px -8px rgba(32,184,205,.6);transition:.2s}
#pplx-shim .pplx-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(32,184,205,.7);filter:brightness(1.05)}
#pplx-shim .pplx-btn:active{transform:translateY(0)}
#pplx-shim .pplx-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;filter:saturate(.7)}
#pplx-shim .pplx-btn::after{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s}
#pplx-shim .pplx-btn:hover::after{left:140%}
#pplx-shim .pplx-status{margin-top:15px;font-size:13.5px;padding:12px 14px;border-radius:12px;display:none;line-height:1.6;animation:pplxIn .3s ease both}
#pplx-shim .pplx-status.ok{display:block;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.3);color:#7af0c4}
#pplx-shim .pplx-status.bad{display:block;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);color:#fca5a5}
#pplx-shim .pplx-status.info{display:block;background:rgba(99,160,241,.12);border:1px solid rgba(99,160,241,.28);color:#bcd3f5}
#pplx-shim .pplx-status .sp{display:inline-block;width:13px;height:13px;border:2px solid rgba(188,211,245,.4);border-top-color:#bcd3f5;border-radius:50%;animation:pplxSpin .7s linear infinite;vertical-align:-2px;margin-right:7px}
@keyframes pplxSpin{to{transform:rotate(360deg)}}
#pplx-shim .pplx-sect{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
#pplx-shim .pplx-qrow{display:flex;gap:10px;flex-wrap:wrap}
#pplx-shim .pplx-qrow .pplx-input{flex:1;min-width:240px}
#pplx-shim .pplx-qbtn{height:48px;padding:0 18px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#dfe8f1;font-size:13.5px;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap}
#pplx-shim .pplx-qbtn:hover{border-color:rgba(32,184,205,.45);background:rgba(32,184,205,.1);color:#fff}
#pplx-shim .pplx-qbtn.alt{border-color:rgba(124,92,255,.4);color:#c7c0ff}
#pplx-shim .pplx-qbtn:disabled{opacity:.55;cursor:not-allowed}
#pplx-shim .pplx-qres{margin-top:13px;font-size:13.5px;padding:13px 15px;border-radius:12px;display:none;line-height:1.7;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
#pplx-shim .pplx-qres.show{display:block}
#pplx-shim .pplx-qres b{color:#fff}
#pplx-shim .pplx-qres .pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}
#pplx-shim .pill-ok{background:rgba(52,211,153,.16);color:#7af0c4}#pplx-shim .pill-wait{background:rgba(99,160,241,.16);color:#bcd3f5}#pplx-shim .pill-bad{background:rgba(248,113,113,.16);color:#fca5a5}#pplx-shim .pill-idle{background:rgba(148,163,184,.16);color:#cbd5e1}
#pplx-shim .pplx-figwrap{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
#pplx-shim .pplx-figwrap img{display:block;width:100%;max-width:760px;margin:12px auto 0;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:.25s;cursor:zoom-in}
#pplx-shim .pplx-figwrap img:hover{transform:scale(1.01);border-color:rgba(32,184,205,.45)}
#pplx-shim .pplx-figwrap figcaption{font-size:11.5px;color:#6b7c8e;margin-top:8px;text-align:center}
#pplx-lightbox{position:fixed;inset:0;z-index:9999999;background:rgba(2,6,14,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;cursor:zoom-out;padding:24px;animation:pplxIn .2s ease both}
#pplx-lightbox img{width:min(96vw,1600px);max-height:92vh;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.7)}
#pplx-lightbox .lbx{position:absolute;top:18px;right:22px;color:#fff;font-size:30px;line-height:1;opacity:.8;font-family:Arial,sans-serif}
html.pplx-open .v-binder-follower-container,html.pplx-open .n-select-menu,html.pplx-open .n-base-select-menu,html.pplx-open .n-popover,html.pplx-open .n-dropdown-menu{z-index:9999996 !important}
#pplx-shim .pplx-foot{margin-top:20px;text-align:center;font-size:11.5px;color:#5d6e80}
@media (max-width:860px){#pplx-shim .pplx-grid{grid-template-columns:1fr;gap:22px}#pplx-shim .pplx-card{padding:24px 20px}#pplx-shim .pplx-title{font-size:21px}}
.gq-cancel-btn{display:inline-block;background:rgba(239,68,68,.14);color:#dc2626;border:1px solid rgba(239,68,68,.4);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;margin-left:6px;vertical-align:middle;line-height:1.4}
.gq-cancel-btn:hover:not(:disabled){background:rgba(239,68,68,.28);color:#fff}
.gq-cancel-btn:disabled{opacity:.6;cursor:wait}