unknown
1c1e589bdc
- Background: add step completion waiting (promise-based), autoRun/resumeAutoRun chains steps 1→2 (pause for email) → 3→4→5→6→7→8→9 automatically - Side Panel: add "Auto Run" button and "Continue Auto" bar for email pause point - signup-page.js: add step 8 handler to click "继续" on OAuth consent page - Fix all steps to reportComplete before form submit (prevents connection loss on navigation) - qq-mail.js: fallback after 3 attempts to first matching email - vps-panel.js: step 9 waits for "认证成功！" status badge
223 lines
3.9 KiB
CSS
223 lines
3.9 KiB
CSS
/* sidepanel/sidepanel.css */
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
font-size: 13px;
|
|
color: #333;
|
|
background: #f8f9fa;
|
|
padding: 12px;
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
header h1 {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.header-btns {
|
|
display: flex;
|
|
gap: 6px;
|
|
}
|
|
|
|
#btn-reset {
|
|
padding: 4px 10px;
|
|
font-size: 12px;
|
|
background: #dc3545;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
#btn-reset:hover { background: #c82333; }
|
|
|
|
.btn-auto {
|
|
padding: 4px 10px;
|
|
font-size: 12px;
|
|
background: #28a745;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
}
|
|
.btn-auto:hover { background: #218838; }
|
|
.btn-auto:disabled { background: #6c757d; cursor: not-allowed; }
|
|
|
|
.auto-continue-bar {
|
|
margin-top: 8px;
|
|
padding: 8px;
|
|
background: #fff3cd;
|
|
border: 1px solid #ffc107;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.auto-hint {
|
|
font-size: 11px;
|
|
color: #856404;
|
|
flex: 1;
|
|
}
|
|
|
|
.btn-continue {
|
|
padding: 4px 12px;
|
|
font-size: 12px;
|
|
background: #007bff;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
}
|
|
.btn-continue:hover { background: #0069d9; }
|
|
|
|
/* Data Section */
|
|
#data-section {
|
|
background: #fff;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.data-row {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 6px;
|
|
}
|
|
.data-row:last-child { margin-bottom: 0; }
|
|
|
|
.data-row label {
|
|
width: 80px;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
color: #666;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.data-value {
|
|
font-size: 12px;
|
|
color: #999;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.data-value.has-value {
|
|
color: #333;
|
|
}
|
|
|
|
#input-email {
|
|
flex: 1;
|
|
padding: 4px 8px;
|
|
border: 1px solid #ced4da;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Steps Section */
|
|
#steps-section {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.step-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.step-num {
|
|
width: 20px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
color: #666;
|
|
}
|
|
|
|
.step-btn {
|
|
flex: 1;
|
|
padding: 6px 10px;
|
|
font-size: 12px;
|
|
background: #007bff;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
.step-btn:hover:not(:disabled) { background: #0069d9; }
|
|
.step-btn:disabled {
|
|
background: #ccc;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.step-status {
|
|
width: 24px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Log Section */
|
|
#log-section h2 {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
#log-area {
|
|
background: #1e1e1e;
|
|
color: #d4d4d4;
|
|
font-family: 'Consolas', 'Courier New', monospace;
|
|
font-size: 11px;
|
|
line-height: 1.5;
|
|
padding: 8px;
|
|
border-radius: 6px;
|
|
height: 250px;
|
|
overflow-y: auto;
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.log-info { color: #d4d4d4; }
|
|
.log-ok { color: #4ec9b0; font-weight: bold; }
|
|
.log-warn { color: #dcdcaa; }
|
|
.log-error { color: #f44747; font-weight: bold; }
|
|
|
|
.log-step-tag {
|
|
display: inline-block;
|
|
background: #3a3d41;
|
|
color: #569cd6;
|
|
border-radius: 3px;
|
|
padding: 0 4px;
|
|
margin-right: 4px;
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.log-step-tag.step-1 { color: #4fc1ff; }
|
|
.log-step-tag.step-2 { color: #c586c0; }
|
|
.log-step-tag.step-3 { color: #dcdcaa; }
|
|
.log-step-tag.step-4 { color: #ce9178; }
|
|
.log-step-tag.step-5 { color: #b5cea8; }
|
|
.log-step-tag.step-6 { color: #4fc1ff; }
|
|
.log-step-tag.step-7 { color: #ce9178; }
|
|
.log-step-tag.step-8 { color: #c586c0; }
|
|
.log-step-tag.step-9 { color: #b5cea8; }
|
|
|
|
.log-time { color: #6a9955; }
|
|
.log-level { font-weight: bold; }
|
|
.log-level-info { color: #569cd6; }
|
|
.log-level-ok { color: #4ec9b0; }
|
|
.log-level-warn { color: #dcdcaa; }
|
|
.log-level-error { color: #f44747; }
|