mirror of
https://wget.la/https://github.com/432539/gpt
synced 2026-08-17 03:26:59 +08:00
432539
fef45134d5
只开源「GPT 账号注册机 / 管理」(account-manager)：账号列表/导入导出、检测/批量检测、 拿 RT、协议/浏览器注册等注册机能力。批量直开 / 协议支付 / 提取链接 / 直卡直开 等其它功能 不含实现代码，仅通过 iframe 内嵌外链访问。真实机密均由 .gitignore 忽略，仅提供脱敏示例配置。
459 lines
23 KiB
CSS
459 lines
23 KiB
CSS
@charset "UTF-8";
|
||
|
||
/* 账号管理 —— 复用 app-shell.css 的蓝色企业风令牌，仅补充本页所需组件 */
|
||
|
||
/* ---------- 统计卡片 ---------- */
|
||
.am-stats {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 16px;
|
||
margin-bottom: 16px;
|
||
}
|
||
.am-stat-card {
|
||
background: var(--card);
|
||
border: 1px solid var(--line);
|
||
border-radius: var(--radius);
|
||
box-shadow: var(--shadow);
|
||
padding: 18px 20px;
|
||
}
|
||
.am-stat-num { font-size: 28px; color: var(--blue-700); line-height: 1.1; }
|
||
.am-stat-label { margin-top: 6px; color: var(--ink-500); font-size: 13px; }
|
||
|
||
/* ---------- 工具栏 ---------- */
|
||
.am-toolbar {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
flex-wrap: wrap;
|
||
margin-bottom: 14px;
|
||
}
|
||
.am-search {
|
||
position: relative;
|
||
flex: 0 0 260px;
|
||
max-width: 260px;
|
||
}
|
||
.am-search-icon {
|
||
position: absolute;
|
||
left: 10px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
font-size: 13px;
|
||
opacity: .6;
|
||
pointer-events: none;
|
||
}
|
||
.am-search input { padding-left: 30px; }
|
||
.am-filter { width: 130px; flex: 0 0 130px; }
|
||
.am-toolbar-spacer { flex: 1 1 auto; }
|
||
.am-toolbar button { flex: 0 0 auto; }
|
||
|
||
/* 协议注册（占位·绿色按钮） */
|
||
.am-btn-green { background: #16a34a; border-color: #16a34a; color: #fff; }
|
||
.am-btn-green:hover:not(:disabled) { background: #15803d; border-color: #15803d; color: #fff; }
|
||
|
||
/* 工具栏下拉菜单（批量操作 / 删除） */
|
||
.am-dropdown { position: relative; display: inline-flex; flex: 0 0 auto; }
|
||
.am-dropdown-toggle .am-caret { font-size: 11px; opacity: .85; }
|
||
.am-dropdown-menu {
|
||
position: absolute; top: calc(100% + 6px); right: 0; z-index: 45;
|
||
min-width: 168px; padding: 6px;
|
||
background: var(--card); border: 1px solid var(--line);
|
||
border-radius: var(--radius-sm); box-shadow: var(--shadow-pop);
|
||
display: none; flex-direction: column; gap: 2px;
|
||
}
|
||
.am-dropdown.open .am-dropdown-menu { display: flex; }
|
||
.am-dropdown-menu button {
|
||
width: 100%; height: 34px; justify-content: flex-start;
|
||
background: #fff; color: var(--ink-700); border: 1px solid transparent;
|
||
border-radius: var(--radius-sm); font-size: 13px;
|
||
}
|
||
.am-dropdown-menu button:hover:not(:disabled) { background: var(--blue-50); color: var(--blue-700); border-color: var(--blue-100); }
|
||
.am-dropdown-menu button.danger-item { color: var(--danger); }
|
||
.am-dropdown-menu button.danger-item:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); border-color: #fecaca; }
|
||
|
||
/* 批量检测进度文案 */
|
||
.am-detect-status { font-size: 13px; color: var(--blue-700); background: var(--blue-50); border: 1px solid var(--blue-100); padding: 4px 10px; border-radius: var(--radius-sm); }
|
||
.am-detect-status[hidden] { display: none; }
|
||
|
||
/* ---------- 表格 ---------- */
|
||
.am-table-wrap { border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; }
|
||
.am-table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||
.am-table thead th {
|
||
background: var(--blue-50);
|
||
color: var(--ink-700);
|
||
text-align: left;
|
||
font-weight: 400;
|
||
padding: 10px 12px;
|
||
border-bottom: 1px solid var(--line);
|
||
white-space: nowrap;
|
||
}
|
||
.am-table tbody td {
|
||
padding: 10px 12px;
|
||
border-bottom: 1px solid var(--line-soft);
|
||
color: var(--ink-900);
|
||
vertical-align: middle;
|
||
}
|
||
.am-table tbody tr:hover { background: var(--blue-50); }
|
||
.am-table .col-check { width: 40px; text-align: center; }
|
||
.am-table .col-idx { width: 52px; color: var(--ink-500); }
|
||
.am-table .col-ops { width: 150px; }
|
||
|
||
.email-cell { display: flex; align-items: center; gap: 6px; }
|
||
.email-cell .text-mono { font-family: var(--mono); }
|
||
.pw-cell { display: flex; align-items: center; gap: 6px; }
|
||
.pw-mask { letter-spacing: 2px; color: var(--ink-500); }
|
||
.pw-text { font-family: var(--mono); }
|
||
.icon-btn {
|
||
height: 24px; width: 24px; padding: 0;
|
||
border: 1px solid var(--line);
|
||
border-radius: var(--radius-sm);
|
||
background: #fff; color: var(--ink-500);
|
||
cursor: pointer; font-size: 13px; line-height: 1;
|
||
display: inline-flex; align-items: center; justify-content: center;
|
||
}
|
||
/* 悬停对比修复：全局 button:hover:not(:disabled) 会把背景变成深蓝(blue-700)，
|
||
其特异度(0,2,1)高于原来的 .icon-btn:hover(0,2,0)，导致深底+蓝字不可读。
|
||
这里用 button.<class>:hover:not(:disabled)(0,3,1) 提高特异度，并同时固定浅底+深字。 */
|
||
button.icon-btn:hover:not(:disabled) { background: var(--blue-50); color: var(--blue-700); border-color: var(--blue-100); }
|
||
|
||
.row-ops { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
|
||
.op-link {
|
||
height: 28px; padding: 0 10px;
|
||
border: 1px solid var(--line); background: #fff; color: var(--ink-700);
|
||
border-radius: var(--radius-sm); cursor: pointer; font-size: 13px;
|
||
}
|
||
button.op-link:hover:not(:disabled) { background: var(--blue-50); color: var(--blue-700); border-color: var(--blue-100); }
|
||
.op-link.danger { color: var(--danger); border-color: #fecaca; }
|
||
button.op-link.danger:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); border-color: #fecaca; }
|
||
.op-link.detect { color: var(--blue-700); border-color: var(--blue-100); }
|
||
button.op-link.detect:hover:not(:disabled) { background: var(--blue-50); color: var(--blue-700); border-color: var(--blue-100); }
|
||
|
||
/* 状态药丸 */
|
||
.sk-tag {
|
||
display: inline-flex; align-items: center; gap: 4px;
|
||
padding: 2px 9px; border-radius: 4px; font-size: 12px;
|
||
border: 1px solid var(--line);
|
||
}
|
||
.sk-tag.has { background: var(--ok-soft); color: #047857; border-color: #a7f3d0; cursor: pointer; }
|
||
.sk-tag.none { background: #f1f5f9; color: var(--ink-500); }
|
||
.sk-tag.banned { background: var(--danger-soft); color: #991b1b; border-color: #fecaca; }
|
||
.code-chip {
|
||
display: inline-flex; align-items: center; gap: 4px;
|
||
padding: 2px 8px; border-radius: 4px; font-size: 12px;
|
||
background: var(--blue-50); color: var(--blue-700); border: 1px solid var(--blue-100);
|
||
cursor: pointer; font-family: var(--mono);
|
||
}
|
||
.muted { color: var(--ink-400); }
|
||
|
||
/* ---------- 分页 ---------- */
|
||
.am-pager {
|
||
display: flex; align-items: center; justify-content: space-between;
|
||
margin-top: 14px; gap: 12px; flex-wrap: wrap;
|
||
}
|
||
.am-pager-left, .am-pager-right { display: flex; align-items: center; gap: 8px; }
|
||
.am-pager-label { color: var(--ink-500); font-size: 13px; }
|
||
.am-pagesize { width: 84px; height: 32px; }
|
||
.am-pager-info { color: var(--ink-500); font-size: 13px; }
|
||
|
||
/* ---------- 导入弹窗 ---------- */
|
||
.am-modal {
|
||
position: fixed; inset: 0; z-index: 60;
|
||
background: rgba(15, 23, 42, .45);
|
||
display: flex; align-items: center; justify-content: center;
|
||
padding: 20px;
|
||
}
|
||
.am-modal[hidden] { display: none; }
|
||
.am-modal-dialog {
|
||
width: 560px; max-width: 100%;
|
||
background: var(--card); border-radius: var(--radius);
|
||
box-shadow: var(--shadow-pop); padding: 20px;
|
||
}
|
||
.am-modal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
|
||
.am-modal-head b { font-size: 15px; }
|
||
button.am-modal-close {
|
||
height: 28px; width: 28px; padding: 0; font-size: 18px; line-height: 1;
|
||
background: #fff; color: var(--ink-600); border: 1px solid var(--line); border-radius: var(--radius-sm);
|
||
}
|
||
button.am-modal-close:hover:not(:disabled) { background: var(--blue-50); color: var(--blue-700); border-color: var(--blue-100); }
|
||
.am-modal-dialog textarea { min-height: 200px; margin: 8px 0; }
|
||
.am-modal-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 8px; }
|
||
|
||
/* 通用确认弹窗:紧凑尺寸 + 危险(删除)确定按钮红色 */
|
||
.am-modal-confirm { width: 420px; }
|
||
.am-modal-confirm .hint { margin: 4px 0 16px; color: var(--ink-700); font-size: 14px; line-height: 1.6; }
|
||
.am-prompt-input {
|
||
width: 100%; height: 38px; padding: 0 12px; margin: 0 0 16px; box-sizing: border-box;
|
||
border: 1px solid var(--line); border-radius: var(--radius-sm);
|
||
font-size: 14px; color: var(--ink-900); font-family: var(--mono);
|
||
}
|
||
.am-prompt-input:focus { outline: none; border-color: var(--blue-500, var(--blue-600)); box-shadow: 0 0 0 3px var(--blue-50); }
|
||
.am-prompt-input[hidden] { display: none; }
|
||
|
||
/* 邮箱编辑弹窗 */
|
||
.am-mb-edit-field { margin: 0 0 14px; }
|
||
.am-mb-edit-lbl { display: block; margin: 0 0 6px; font-size: 13px; color: var(--ink-700); }
|
||
.am-mb-edit-email { font-family: var(--mono); font-size: 14px; color: var(--ink-900); word-break: break-all; }
|
||
.am-mb-edit-field .am-prompt-input { margin: 0; }
|
||
.am-mb-edit-used { margin: 0 0 4px; }
|
||
#confirmOk.danger { background: var(--danger); border-color: var(--danger); color: #fff; }
|
||
#confirmOk.danger:hover:not(:disabled) { background: #b91c1c; border-color: #b91c1c; color: #fff; }
|
||
|
||
/* ---------- 查收抽屉 ---------- */
|
||
.am-drawer { position: fixed; inset: 0; z-index: 70; }
|
||
.am-drawer[hidden] { display: none; }
|
||
.am-drawer-mask { position: absolute; inset: 0; background: rgba(15, 23, 42, .35); }
|
||
.am-drawer-panel {
|
||
position: absolute; top: 0; right: 0; height: 100%; width: 460px; max-width: 90vw;
|
||
background: var(--card); box-shadow: var(--shadow-pop);
|
||
display: flex; flex-direction: column;
|
||
}
|
||
.am-drawer-head {
|
||
display: flex; align-items: flex-start; justify-content: space-between;
|
||
padding: 16px 20px; border-bottom: 1px solid var(--line);
|
||
}
|
||
.am-drawer-head b { font-size: 15px; }
|
||
.am-drawer-addr { color: var(--ink-500); font-size: 12px; margin-top: 4px; font-family: var(--mono); }
|
||
.am-drawer-head-actions { display: flex; align-items: center; gap: 8px; }
|
||
.am-drawer-body { flex: 1; overflow-y: auto; padding: 16px 20px; }
|
||
.msg-item { border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 12px; margin-bottom: 10px; }
|
||
.msg-from { color: var(--ink-500); font-size: 12px; }
|
||
.msg-subject { color: var(--ink-900); margin: 3px 0; }
|
||
.msg-time { color: var(--ink-400); font-size: 12px; }
|
||
.msg-code { margin-top: 8px; }
|
||
.msg-body { margin-top: 8px; color: var(--ink-700); font-size: 12px; white-space: pre-wrap; max-height: 160px; overflow: auto; }
|
||
.drawer-loading, .drawer-empty { color: var(--ink-400); text-align: center; padding: 40px 0; }
|
||
|
||
/* ---------- 拿 RT 进度面板 ---------- */
|
||
.am-rt-panel {
|
||
position: fixed; right: 20px; bottom: 20px; z-index: 55;
|
||
width: 420px; max-width: calc(100vw - 40px);
|
||
background: var(--card); border: 1px solid var(--line);
|
||
border-radius: var(--radius); box-shadow: var(--shadow-pop);
|
||
display: flex; flex-direction: column; max-height: 60vh;
|
||
}
|
||
.am-rt-panel[hidden] { display: none; }
|
||
.am-rt-head {
|
||
display: flex; align-items: center; gap: 10px;
|
||
padding: 12px 14px; border-bottom: 1px solid var(--line);
|
||
}
|
||
.am-rt-head b { font-size: 14px; }
|
||
.am-rt-summary { flex: 1; color: var(--ink-500); font-size: 12px; }
|
||
.am-rt-logs { flex: 1; overflow-y: auto; padding: 10px 14px; font-family: var(--mono); font-size: 12px; }
|
||
.am-rt-line { padding: 2px 0; color: var(--ink-700); white-space: pre-wrap; word-break: break-all; }
|
||
.am-rt-line.ok { color: #047857; }
|
||
.am-rt-line.warn { color: #92400e; }
|
||
.am-rt-line.error { color: #991b1b; }
|
||
|
||
/* ---------- Toast ---------- */
|
||
.am-toast {
|
||
position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%) translateY(20px);
|
||
background: var(--ink-900); color: #fff; padding: 10px 18px; border-radius: var(--radius-sm);
|
||
font-size: 13px; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 90;
|
||
box-shadow: var(--shadow-pop);
|
||
}
|
||
.am-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
|
||
.am-toast.ok { background: #047857; }
|
||
.am-toast.err { background: #b91c1c; }
|
||
|
||
@media (max-width: 1100px) { .am-stats { grid-template-columns: repeat(2, 1fr); } }
|
||
|
||
/* ---------- 自动刷新开关 ---------- */
|
||
.am-auto-refresh {
|
||
display: inline-flex; align-items: center; gap: 8px; margin: 0;
|
||
color: var(--ink-700); font-size: 13px; cursor: pointer; white-space: nowrap;
|
||
}
|
||
.am-auto-refresh input { width: 15px; height: 15px; }
|
||
.am-auto-refresh .muted { color: var(--ink-400); font-size: 12px; }
|
||
|
||
/* ---------- Plan / 状态 药丸 ---------- */
|
||
.pb-plan-tag {
|
||
display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 4px;
|
||
font-size: 12px; background: #f1f5f9; color: var(--ink-600, #475569); border: 1px solid var(--line);
|
||
}
|
||
.pb-plan-tag.plus {
|
||
background: linear-gradient(135deg, #fbbf24, #d97706);
|
||
color: #fff; border-color: #d97706; font-weight: 600; letter-spacing: .3px;
|
||
box-shadow: 0 1px 4px rgba(217, 119, 6, .35);
|
||
}
|
||
.pb-plan-tag.pro { background: #f5f3ff; color: #6d28d9; border-color: #ddd6fe; font-weight: 600; }
|
||
.pb-plan-tag.free { background: #f1f5f9; color: var(--ink-500); }
|
||
|
||
/* 批量直开「已开通」徽标：绿色系，与 pb-status.ok / at-chip.has 同一语义色 */
|
||
.pb-opened-tag {
|
||
display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 4px;
|
||
font-size: 12px; font-weight: 600;
|
||
background: var(--ok-soft); color: #047857; border: 1px solid #a7f3d0;
|
||
}
|
||
|
||
.pb-status { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border-radius: 4px; font-size: 12px; border: 1px solid var(--line); }
|
||
.pb-status.ok { background: var(--ok-soft); color: #047857; border-color: #a7f3d0; }
|
||
.pb-status.expiring { background: var(--warn-soft); color: #92400e; border-color: #fde68a; }
|
||
.pb-status.invalid { background: var(--danger-soft); color: #991b1b; border-color: #fecaca; }
|
||
.pb-status.unknown { background: #f1f5f9; color: var(--ink-500); }
|
||
|
||
.pb-exp-main { color: var(--ink-900); }
|
||
.pb-exp-sub { color: var(--ink-400); font-size: 12px; }
|
||
.pb-exp-cell.expired .pb-exp-sub { color: var(--danger); }
|
||
|
||
.at-cell { display: flex; align-items: center; gap: 6px; }
|
||
.at-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 4px; font-size: 12px; }
|
||
.at-chip.has { background: var(--ok-soft); color: #047857; border: 1px solid #a7f3d0; cursor: pointer; }
|
||
.at-chip.none { background: #f1f5f9; color: var(--ink-500); border: 1px solid var(--line); }
|
||
.rt-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 4px; font-size: 12px; }
|
||
.rt-chip.has { background: var(--blue-50); color: var(--blue-700); border: 1px solid var(--blue-100); cursor: pointer; }
|
||
.rt-chip.none { background: #f1f5f9; color: var(--ink-500); border: 1px solid var(--line); }
|
||
.sub-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; }
|
||
.sub-chip.yes { background: var(--blue-50); color: var(--blue-700); border: 1px solid var(--blue-100); }
|
||
.sub-chip.no { background: #f1f5f9; color: var(--ink-500); border: 1px solid var(--line); }
|
||
|
||
/* ---------- 编辑 / 设置 弹窗控件 ---------- */
|
||
.am-mono-area { min-height: 72px; font-family: var(--mono); font-size: 12px; }
|
||
/* AT / Refresh Token 框调矮：约 3 行高（用更高优先级覆盖上面 .am-modal-dialog textarea 的 min-height:200px） */
|
||
.am-modal-dialog textarea.am-mono-area-sm { min-height: 52px; max-height: 72px; resize: vertical; }
|
||
/* 邮箱池「清空」按钮：次要按钮上加红色语义 */
|
||
button.am-danger { color: var(--danger); border-color: #fecaca; }
|
||
button.am-danger:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); border-color: #fecaca; }
|
||
.am-modal-dialog label { display: block; margin-bottom: 10px; color: var(--ink-700); }
|
||
.am-modal-dialog label > input,
|
||
.am-modal-dialog label > textarea,
|
||
.am-modal-dialog label > select { margin-top: 4px; }
|
||
.am-modal-wide { width: 720px; max-width: 100%; }
|
||
.am-set-block { margin-bottom: 18px; }
|
||
.am-set-proxies { min-height: 140px; }
|
||
.am-set-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
||
.am-set-grid label { margin-bottom: 0; }
|
||
/* 协议注册弹窗 */
|
||
.reg-avail { margin: 12px 0 4px; font-size: 13px; color: var(--ink-700); }
|
||
.reg-avail b { color: var(--blue-700); font-size: 15px; }
|
||
|
||
/* 协议注册：右下角浮层 */
|
||
.reg-panel {
|
||
position: fixed; right: 20px; bottom: 20px; z-index: 3000;
|
||
width: 380px; background: #fff;
|
||
border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 40px rgba(15, 23, 42, .22);
|
||
display: flex; flex-direction: column; overflow: hidden;
|
||
}
|
||
.reg-panel[hidden] { display: none; }
|
||
.reg-panel-head {
|
||
display: flex; align-items: center; gap: 8px;
|
||
padding: 10px 12px; background: var(--blue-600); color: #fff;
|
||
}
|
||
.reg-panel-title { flex: 0 0 auto; font-size: 14px; }
|
||
.reg-panel-stat { flex: 1 1 auto; font-size: 12px; color: rgba(255, 255, 255, .9); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||
.reg-panel-tools { flex: 0 0 auto; display: flex; gap: 6px; }
|
||
.reg-panel-btn {
|
||
height: 24px; min-width: 24px; padding: 0 8px;
|
||
background: rgba(255, 255, 255, .18); color: #fff;
|
||
border: 0; border-radius: var(--radius-sm); cursor: pointer; font-size: 13px; line-height: 24px;
|
||
}
|
||
button.reg-panel-btn:hover:not(:disabled) { background: rgba(255, 255, 255, .32); }
|
||
.reg-panel-body { padding: 12px; }
|
||
.reg-panel.min .reg-panel-body { display: none; }
|
||
.reg-progress { height: 8px; background: var(--blue-50); border-radius: 999px; overflow: hidden; margin-bottom: 10px; }
|
||
.reg-progress-bar { height: 100%; width: 0; background: var(--blue-600); transition: width .3s ease; }
|
||
.reg-logs {
|
||
height: 220px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth;
|
||
font-family: var(--mono); font-size: 12px; line-height: 1.6;
|
||
background: #0f172a; color: #cbd5e1; border-radius: var(--radius-sm); padding: 8px 10px;
|
||
}
|
||
.reg-log-line {
|
||
display: block; white-space: pre-wrap; word-break: break-word;
|
||
padding: 1px 0; border-left: 2px solid transparent; padding-left: 6px;
|
||
}
|
||
.reg-log-ts { color: #64748b; margin-right: 6px; }
|
||
.reg-log-acct { color: #60a5fa; margin-right: 6px; }
|
||
.reg-log-msg { color: #cbd5e1; }
|
||
.reg-log-line.lv-ok { border-left-color: #4ade80; }
|
||
.reg-log-line.lv-ok .reg-log-msg { color: #4ade80; }
|
||
.reg-log-line.lv-error { border-left-color: #f87171; }
|
||
.reg-log-line.lv-error .reg-log-msg { color: #f87171; }
|
||
.reg-log-line.lv-warn { border-left-color: #fbbf24; }
|
||
.reg-log-line.lv-warn .reg-log-msg { color: #fbbf24; }
|
||
.reg-log-line.lv-info { border-left-color: #334155; }
|
||
.reg-log-line.lv-info .reg-log-msg { color: #cbd5e1; }
|
||
/* 兼容旧结构（span.lv-*） */
|
||
.reg-log-line .lv-ok { color: #4ade80; }
|
||
.reg-log-line .lv-error { color: #f87171; }
|
||
.reg-log-line .lv-warn { color: #fbbf24; }
|
||
.reg-log-line .lv-info { color: #94a3b8; }
|
||
|
||
.am-sms-testbar { display: flex; gap: 10px; align-items: center; margin-top: 12px; }
|
||
.am-sms-bal { font-size: 13px; }
|
||
.am-sms-bal.ok { color: var(--blue-700); }
|
||
.am-sms-bal.err { color: var(--danger); }
|
||
|
||
/* 设置弹窗内的 Tab */
|
||
.am-set-tabs { display: flex; gap: 8px; margin: 4px 0 16px; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
|
||
.am-set-tab {
|
||
height: 34px; padding: 0 16px;
|
||
background: #fff; color: var(--ink-700);
|
||
border: 1px solid var(--line); border-radius: var(--radius-sm);
|
||
cursor: pointer; font-size: 14px;
|
||
}
|
||
button.am-set-tab:hover:not(:disabled) { background: var(--blue-50); color: var(--blue-700); border-color: var(--blue-100); }
|
||
.am-set-tab.active, button.am-set-tab.active:hover:not(:disabled) {
|
||
background: var(--blue-600); color: #fff; border-color: var(--blue-600);
|
||
}
|
||
.am-set-panel[hidden] { display: none; }
|
||
|
||
/* 邮箱池 */
|
||
.am-set-check { display: flex; align-items: center; gap: 8px; margin: 4px 0 8px; font-size: 13px; color: var(--ink-700); cursor: pointer; }
|
||
.am-set-check input { width: auto; margin: 0; }
|
||
.am-set-check code { background: var(--blue-50); color: var(--blue-700); padding: 1px 5px; border-radius: 4px; font-family: var(--mono); }
|
||
.am-mb-splitbar { display: flex; gap: 8px; align-items: center; margin: 2px 0 8px; font-size: 13px; color: var(--ink-700); }
|
||
.am-mb-splitbar[hidden] { display: none; }
|
||
.am-mb-splitnum { width: 72px; }
|
||
.am-mb-importbar { display: flex; gap: 10px; align-items: center; margin: 8px 0; }
|
||
.am-mb-importbar .hint { margin: 0; }
|
||
.am-mb-splitbar { flex-wrap: wrap; }
|
||
.am-mb-splitbar .am-mb-count { margin: 0 0 0 auto; }
|
||
#mbImportBox[hidden] { display: none; }
|
||
#mbImportBox { margin: 8px 0; }
|
||
.am-mb-list { border: 1px solid var(--line); border-radius: var(--radius-sm); max-height: 260px; overflow: auto; }
|
||
.am-mb-row { display: flex; align-items: center; gap: 10px; padding: 6px 10px; border-bottom: 1px solid var(--line-soft); font-size: 13px; }
|
||
.am-mb-row:last-child { border-bottom: 0; }
|
||
.am-mb-addr { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-900); font-family: var(--mono); }
|
||
.am-mb-badge { flex: 0 0 auto; padding: 1px 8px; border-radius: 999px; font-size: 12px; }
|
||
.am-mb-badge.free { background: var(--blue-50); color: var(--blue-700); border: 1px solid var(--blue-100); }
|
||
.am-mb-badge.used { background: #f1f5f9; color: var(--ink-500); border: 1px solid var(--line); }
|
||
.am-mb-tag { flex: 0 0 auto; color: var(--ink-400); font-size: 12px; }
|
||
.am-mb-ops { flex: 0 0 auto; display: flex; gap: 6px; }
|
||
.am-mb-testbar { display: flex; gap: 10px; align-items: center; margin: 6px 0 10px; }
|
||
.am-mb-select { flex: 1; min-width: 0; }
|
||
.am-mb-result { border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 10px 12px; max-height: 220px; overflow: auto; background: #fff; }
|
||
.am-mb-result[hidden] { display: none; }
|
||
.am-mb-loading, .am-mb-empty { color: var(--ink-400); text-align: center; padding: 16px 0; font-size: 13px; }
|
||
.am-mb-head { color: var(--blue-700); font-size: 13px; margin-bottom: 8px; }
|
||
.am-mb-item { border-bottom: 1px solid var(--line-soft); padding: 8px 0; }
|
||
.am-mb-item:last-child { border-bottom: 0; }
|
||
.am-mb-subj { color: var(--ink-900); font-size: 13px; }
|
||
.am-mb-meta { color: var(--ink-400); font-size: 12px; margin-top: 2px; word-break: break-all; }
|
||
.am-mb-code { margin-top: 4px; font-size: 13px; color: var(--ink-700); }
|
||
.am-mb-code b { color: var(--blue-700); font-family: var(--mono); font-size: 15px; letter-spacing: 1px; }
|
||
.topbar-actions button { margin-right: 4px; }
|
||
|
||
/* ---------- GPT 账号表：固定列宽（table-layout: fixed）---------- */
|
||
.am-table-gpt { table-layout: fixed; width: 100%; }
|
||
.am-table-gpt .col-check { width: 40px; }
|
||
.am-table-gpt .col-idx { width: 48px; }
|
||
.am-table-gpt .col-email { width: 240px; }
|
||
.am-table-gpt .col-at { width: 190px; }
|
||
.am-table-gpt .col-rt { width: 96px; }
|
||
.am-table-gpt .col-sub { width: 64px; text-align: center; }
|
||
.am-table-gpt .col-status { width: 84px; }
|
||
.am-table-gpt .col-ops { width: 300px; }
|
||
/* 邮箱过长时省略号 + title 悬浮提示 */
|
||
.am-table-gpt .email-cell { min-width: 0; }
|
||
.am-table-gpt .email-cell .am-email {
|
||
flex: 0 1 auto; min-width: 0;
|
||
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||
}
|
||
/* FREE / PLUS 徽标统一靠右、等宽居中，保证跨行竖向对齐 */
|
||
.am-table-gpt .email-cell .pb-plan-tag {
|
||
margin-left: auto; flex: none;
|
||
min-width: 48px; justify-content: center; white-space: nowrap;
|
||
}
|
||
.am-table-gpt .email-cell .pb-opened-tag { flex: none; white-space: nowrap; }
|
||
/* 操作列按钮保持单行不换行 */
|
||
.am-table-gpt .row-ops { flex-wrap: nowrap; white-space: nowrap; }
|
||
.am-table-gpt tbody td { overflow: hidden; }
|