Hugging Face's logo

Spaces:
dragg2
/
gemini-business2api
Sleeping

App Files Community
xiaoyukkkk commited on
Commit
49d7f7c
·
verified ·
1 Parent(s): 861df2a

Upload admin.css

Browse files
Files changed (1) hide show
  1. static/css/admin.css +641 -0
static/css/admin.css CHANGED
@@ -0,0 +1,641 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ :root {
2
+ --bg-body: #f5f5f7;
3
+ --text-main: #1d1d1f;
4
+ --text-sec: #86868b;
5
+ --border: #d2d2d7;
6
+ --border-light: #e5e5ea;
7
+ --blue: #0071e3;
8
+ --red: #ff3b30;
9
+ --green: #34c759;
10
+ --orange: #ff9500;
11
+ }
12
+
13
+ * { margin: 0; padding: 0; box-sizing: border-box; }
14
+
15
+ body {
16
+ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
17
+ background-color: var(--bg-body);
18
+ color: var(--text-main);
19
+ font-size: 13px;
20
+ line-height: 1.5;
21
+ -webkit-font-smoothing: antialiased;
22
+ padding: 30px 20px;
23
+ cursor: default;
24
+ }
25
+
26
+ .container { max-width: 1100px; margin: 0 auto; }
27
+
28
+ /* Header */
29
+ .header {
30
+ display: flex;
31
+ justify-content: space-between;
32
+ align-items: center;
33
+ margin-bottom: 24px;
34
+ flex-wrap: wrap;
35
+ gap: 16px;
36
+ }
37
+ .header-info h1 {
38
+ font-size: 24px;
39
+ font-weight: 600;
40
+ letter-spacing: -0.5px;
41
+ color: var(--text-main);
42
+ margin-bottom: 4px;
43
+ }
44
+ .header-info .subtitle { font-size: 14px; color: var(--text-sec); }
45
+ .header-actions { display: flex; gap: 10px; }
46
+
47
+ /* Buttons */
48
+ .btn {
49
+ display: inline-flex;
50
+ align-items: center;
51
+ padding: 8px 16px;
52
+ background: #ffffff;
53
+ border: 1px solid var(--border-light);
54
+ border-radius: 8px;
55
+ color: var(--text-main);
56
+ font-weight: 500;
57
+ text-decoration: none;
58
+ transition: all 0.2s;
59
+ font-size: 13px;
60
+ cursor: pointer;
61
+ box-shadow: 0 1px 2px rgba(0,0,0,0.03);
62
+ }
63
+ .btn:hover { background: #fafafa; border-color: var(--border); text-decoration: none; }
64
+ .btn-primary { background: var(--blue); color: white; border: none; }
65
+ .btn-primary:hover { background: #0077ed; border: none; text-decoration: none; }
66
+
67
+ /* Alerts */
68
+ .alert {
69
+ padding: 12px 16px;
70
+ border-radius: 10px;
71
+ display: flex;
72
+ align-items: flex-start;
73
+ gap: 12px;
74
+ font-size: 13px;
75
+ border: 1px solid transparent;
76
+ margin-bottom: 12px;
77
+ }
78
+ .alert-icon { font-size: 16px; margin-top: 1px; flex-shrink: 0; }
79
+ .alert-content { flex: 1; }
80
+ .alert-desc { color: inherit; opacity: 0.9; margin-top: 2px; font-size: 12px; }
81
+ .alert-link { color: inherit; text-decoration: underline; margin-left: 10px; font-weight: 600; cursor: pointer; }
82
+ .alert-info { background: #eef7fe; border-color: #dcebfb; color: #1c5b96; }
83
+ .alert-success { background: #eafbf0; border-color: #d3f3dd; color: #15682e; }
84
+ .alert-warning { background: #fff8e6; border-color: #fcebc2; color: #9c6e03; }
85
+ .alert-error { background: #ffebeb; border-color: #fddddd; color: #c41e1e; }
86
+ .alert-primary { background: #f9fafb; border-color: #e5e7eb; color: #374151; }
87
+
88
+ /* Sections & Grids */
89
+ .section { margin-bottom: 30px; }
90
+ .section-title {
91
+ font-size: 15px;
92
+ font-weight: 600;
93
+ color: var(--text-main);
94
+ margin-bottom: 12px;
95
+ padding-left: 4px;
96
+ }
97
+ .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
98
+ .grid-env { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
99
+ .stack-col { display: flex; flex-direction: column; gap: 16px; }
100
+
101
+ /* Cards */
102
+ .card {
103
+ background: #fafaf9;
104
+ padding: 20px;
105
+ border: 1px solid #e5e5e5;
106
+ border-radius: 12px;
107
+ transition: all 0.15s ease;
108
+ }
109
+ .card:hover { border-color: #d4d4d4; box-shadow: 0 0 8px rgba(0,0,0,0.08); }
110
+ .card h3 {
111
+ font-size: 13px;
112
+ font-weight: 600;
113
+ color: var(--text-sec);
114
+ margin-bottom: 12px;
115
+ padding-bottom: 8px;
116
+ border-bottom: 1px solid #f5f5f5;
117
+ text-transform: uppercase;
118
+ letter-spacing: 0.5px;
119
+ }
120
+
121
+ /* Account Table */
122
+ .account-table {
123
+ width: 100%;
124
+ border-collapse: collapse;
125
+ background: #fff;
126
+ border: 1px solid #e5e5e5;
127
+ border-radius: 12px;
128
+ overflow: hidden;
129
+ }
130
+ .account-table thead {
131
+ background: #fafaf9;
132
+ border-bottom: 2px solid #e5e5e5;
133
+ }
134
+ .account-table th {
135
+ padding: 12px 16px;
136
+ text-align: left;
137
+ font-size: 12px;
138
+ font-weight: 600;
139
+ color: #6b6b6b;
140
+ text-transform: uppercase;
141
+ letter-spacing: 0.5px;
142
+ }
143
+ .account-table tbody tr {
144
+ border-bottom: 1px solid #f5f5f5;
145
+ transition: background 0.15s ease;
146
+ }
147
+ .account-table tbody tr:last-child {
148
+ border-bottom: none;
149
+ }
150
+ .account-table tbody tr:hover {
151
+ background: #fafaf9;
152
+ }
153
+ .account-table td {
154
+ padding: 14px 16px;
155
+ font-size: 13px;
156
+ color: var(--text-main);
157
+ vertical-align: middle;
158
+ }
159
+ .status-dot {
160
+ width: 8px;
161
+ height: 8px;
162
+ border-radius: 50%;
163
+ flex-shrink: 0;
164
+ }
165
+
166
+ /* Tabs Navigation */
167
+ .tabs-nav {
168
+ display: flex;
169
+ gap: 4px;
170
+ border-bottom: 1px solid #e5e5e5;
171
+ margin-bottom: 24px;
172
+ padding: 0 4px;
173
+ }
174
+ .tab-button {
175
+ padding: 12px 20px;
176
+ background: none;
177
+ border: none;
178
+ font-size: 14px;
179
+ font-weight: 500;
180
+ color: #6b6b6b;
181
+ cursor: pointer;
182
+ transition: all 0.2s;
183
+ border-bottom: 2px solid transparent;
184
+ position: relative;
185
+ top: 1px;
186
+ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
187
+ line-height: 1.5;
188
+ display: flex;
189
+ align-items: center;
190
+ gap: 6px;
191
+ }
192
+ .tab-button:hover {
193
+ color: #1d1d1f;
194
+ background: #f5f5f5;
195
+ }
196
+ .tab-button.active {
197
+ color: #0071e3;
198
+ border-bottom-color: #0071e3;
199
+ font-weight: 600;
200
+ }
201
+ .tab-content {
202
+ display: none;
203
+ }
204
+ .tab-content.active {
205
+ display: block;
206
+ }
207
+
208
+ /* Small Buttons for Table */
209
+ .btn-sm {
210
+ padding: 4px 10px;
211
+ border-radius: 6px;
212
+ font-size: 11px;
213
+ cursor: pointer;
214
+ font-weight: 500;
215
+ transition: all 0.2s;
216
+ border: 1px solid;
217
+ }
218
+ .btn-delete {
219
+ background: #fff;
220
+ color: #dc2626;
221
+ border-color: #fecaca;
222
+ }
223
+ .btn-delete:hover {
224
+ background: #dc2626;
225
+ color: white;
226
+ border-color: #dc2626;
227
+ }
228
+ .btn-disable {
229
+ background: #fff;
230
+ color: #f59e0b;
231
+ border-color: #fed7aa;
232
+ }
233
+ .btn-disable:hover {
234
+ background: #f59e0b;
235
+ color: white;
236
+ border-color: #f59e0b;
237
+ }
238
+ .btn-enable {
239
+ background: #fff;
240
+ color: #10b981;
241
+ border-color: #a7f3d0;
242
+ }
243
+ .btn-enable:hover {
244
+ background: #10b981;
245
+ color: white;
246
+ border-color: #10b981;
247
+ }
248
+
249
+ /* Modal */
250
+ .modal {
251
+ display: none;
252
+ position: fixed;
253
+ top: 0;
254
+ left: 0;
255
+ width: 100%;
256
+ height: 100%;
257
+ background: rgba(0,0,0,0.5);
258
+ z-index: 1000;
259
+ align-items: center;
260
+ justify-content: center;
261
+ }
262
+ .modal.show { display: flex; }
263
+ .modal-content {
264
+ background: white;
265
+ border-radius: 12px;
266
+ width: 90%;
267
+ max-width: 800px;
268
+ max-height: 90vh;
269
+ display: flex;
270
+ flex-direction: column;
271
+ box-shadow: 0 20px 60px rgba(0,0,0,0.3);
272
+ }
273
+ .modal-header {
274
+ padding: 20px 24px;
275
+ border-bottom: 1px solid #e5e5e5;
276
+ display: flex;
277
+ justify-content: space-between;
278
+ align-items: center;
279
+ }
280
+ .modal-title { font-size: 18px; font-weight: 600; color: #1a1a1a; }
281
+ .modal-close {
282
+ background: none;
283
+ border: none;
284
+ font-size: 24px;
285
+ color: #6b6b6b;
286
+ cursor: pointer;
287
+ padding: 0;
288
+ width: 32px;
289
+ height: 32px;
290
+ display: flex;
291
+ align-items: center;
292
+ justify-content: center;
293
+ border-radius: 6px;
294
+ transition: all 0.2s;
295
+ }
296
+ .modal-close:hover { background: #f5f5f5; color: #1a1a1a; }
297
+ .modal-body {
298
+ padding: 24px;
299
+ flex: 1;
300
+ display: flex;
301
+ flex-direction: column;
302
+ overflow: hidden;
303
+ }
304
+ .modal-footer {
305
+ padding: 16px 24px;
306
+ border-top: 1px solid #e5e5e5;
307
+ display: flex;
308
+ justify-content: flex-end;
309
+ gap: 12px;
310
+ }
311
+
312
+ /* JSON Editor */
313
+ .json-editor {
314
+ width: 100%;
315
+ flex: 1;
316
+ min-height: 300px;
317
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
318
+ font-size: 13px;
319
+ padding: 16px;
320
+ border: 1px solid #e5e5e5;
321
+ border-radius: 8px;
322
+ background: #fafaf9;
323
+ color: #1a1a1a;
324
+ line-height: 1.6;
325
+ letter-spacing: 0.3px;
326
+ overflow-y: auto;
327
+ resize: none;
328
+ scrollbar-width: thin;
329
+ scrollbar-color: rgba(0,0,0,0.15) transparent;
330
+ }
331
+ .json-editor::-webkit-scrollbar {
332
+ width: 4px;
333
+ }
334
+ .json-editor::-webkit-scrollbar-track {
335
+ background: transparent;
336
+ }
337
+ .json-editor::-webkit-scrollbar-thumb {
338
+ background: rgba(0,0,0,0.15);
339
+ border-radius: 2px;
340
+ }
341
+ .json-editor::-webkit-scrollbar-thumb:hover {
342
+ background: rgba(0,0,0,0.3);
343
+ }
344
+ .json-editor:focus {
345
+ outline: none;
346
+ border-color: #0071e3;
347
+ box-shadow: 0 0 0 3px rgba(0,113,227,0.1);
348
+ }
349
+ .json-error {
350
+ color: #dc2626;
351
+ font-size: 12px;
352
+ margin-top: 8px;
353
+ padding: 8px 12px;
354
+ background: #fef2f2;
355
+ border: 1px solid #fecaca;
356
+ border-radius: 6px;
357
+ display: none;
358
+ }
359
+ .json-error.show { display: block; }
360
+
361
+ .btn-secondary {
362
+ background: #f5f5f5;
363
+ color: #1a1a1a;
364
+ border: 1px solid #e5e5e5;
365
+ }
366
+ .btn-secondary:hover { background: #e5e5e5; }
367
+
368
+ .env-var {
369
+ display: flex;
370
+ justify-content: space-between;
371
+ align-items: center;
372
+ padding: 12px 0;
373
+ border-bottom: 1px solid #f5f5f5;
374
+ }
375
+ .env-var:last-child { border-bottom: none; }
376
+ .env-name {
377
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
378
+ font-size: 12px;
379
+ color: var(--text-main);
380
+ font-weight: 600;
381
+ letter-spacing: 0.3px;
382
+ line-height: 1.5;
383
+ }
384
+ .env-desc {
385
+ font-size: 11px;
386
+ color: var(--text-sec);
387
+ margin-top: 3px;
388
+ line-height: 1.4;
389
+ }
390
+ .env-value {
391
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
392
+ font-size: 12px;
393
+ color: var(--text-sec);
394
+ text-align: right;
395
+ max-width: 50%;
396
+ overflow: hidden;
397
+ text-overflow: ellipsis;
398
+ white-space: nowrap;
399
+ letter-spacing: 0.3px;
400
+ line-height: 1.5;
401
+ }
402
+
403
+ .badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 10px; font-weight: 600; vertical-align: middle; margin-left: 6px; }
404
+ .badge-required { background: #ffebeb; color: #c62828; }
405
+ .badge-optional { background: #e8f5e9; color: #2e7d32; }
406
+
407
+ code {
408
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
409
+ background: #f5f5f7;
410
+ padding: 2px 6px;
411
+ border-radius: 4px;
412
+ font-size: 12px;
413
+ color: var(--blue);
414
+ letter-spacing: 0.3px;
415
+ line-height: 1.5;
416
+ }
417
+ a { color: var(--blue); text-decoration: none; }
418
+ a:hover { text-decoration: underline; }
419
+ .font-mono {
420
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
421
+ letter-spacing: 0.3px;
422
+ line-height: 1.5;
423
+ }
424
+
425
+ /* --- Service Info Styles --- */
426
+ .model-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
427
+ .model-tag {
428
+ background: #f0f0f2;
429
+ color: #1d1d1f;
430
+ padding: 4px 10px;
431
+ border-radius: 6px;
432
+ font-size: 12px;
433
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
434
+ border: 1px solid transparent;
435
+ letter-spacing: 0.3px;
436
+ line-height: 1.5;
437
+ }
438
+ .model-tag.highlight { background: #eef7ff; color: #0071e3; border-color: #dcebfb; font-weight: 500; }
439
+
440
+ .info-box { background: #f9f9f9; border: 1px solid #e5e5ea; border-radius: 8px; padding: 14px; }
441
+ .info-box-title { font-weight: 600; font-size: 12px; color: #1d1d1f; margin-bottom: 6px; }
442
+ .info-box-text { font-size: 12px; color: #86868b; line-height: 1.5; }
443
+
444
+ /* Settings Form Styles */
445
+ .setting-item {
446
+ margin-bottom: 14px;
447
+ }
448
+ .setting-item label {
449
+ display: block;
450
+ font-size: 12px;
451
+ font-weight: 600;
452
+ color: #1d1d1f;
453
+ margin-bottom: 6px;
454
+ }
455
+ .setting-item input[type="text"],
456
+ .setting-item input[type="password"],
457
+ .setting-item input[type="number"] {
458
+ width: 100%;
459
+ padding: 8px 12px;
460
+ border: 1px solid #d4d4d4;
461
+ border-radius: 6px;
462
+ font-size: 13px;
463
+ color: #1d1d1f;
464
+ background: #fff;
465
+ transition: border-color 0.15s;
466
+ }
467
+ .setting-item input:focus {
468
+ outline: none;
469
+ border-color: #0071e3;
470
+ }
471
+ .setting-item input::placeholder {
472
+ color: #c7c7cc;
473
+ }
474
+
475
+ .ep-table {
476
+ width: 100%;
477
+ border-collapse: collapse;
478
+ font-size: 13px;
479
+ background: #fff;
480
+ border: 1px solid #e5e5e5;
481
+ border-radius: 12px;
482
+ overflow: hidden;
483
+ }
484
+ .ep-table tr { border-bottom: 1px solid #f5f5f5; }
485
+ .ep-table tr:last-child { border-bottom: none; }
486
+ .ep-table td { padding: 12px 16px; vertical-align: middle; }
487
+
488
+ .method {
489
+ display: inline-block;
490
+ padding: 2px 6px;
491
+ border-radius: 4px;
492
+ font-size: 10px;
493
+ font-weight: 700;
494
+ text-transform: uppercase;
495
+ min-width: 48px;
496
+ text-align: center;
497
+ margin-right: 8px;
498
+ }
499
+ .m-post { background: #eafbf0; color: #166534; border: 1px solid #dcfce7; }
500
+ .m-get { background: #eff6ff; color: #1e40af; border: 1px solid #dbeafe; }
501
+ .m-del { background: #fef2f2; color: #991b1b; border: 1px solid #fee2e2; }
502
+
503
+ .ep-path {
504
+ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
505
+ color: #1d1d1f;
506
+ margin-right: 8px;
507
+ font-size: 12px;
508
+ letter-spacing: 0.3px;
509
+ line-height: 1.5;
510
+ }
511
+ .ep-desc { color: #86868b; font-size: 12px; margin-left: auto; }
512
+
513
+ .current-url-row {
514
+ display: flex;
515
+ align-items: center;
516
+ padding: 10px 12px;
517
+ background: #f2f7ff;
518
+ border-radius: 8px;
519
+ margin-bottom: 16px;
520
+ border: 1px solid #e1effe;
521
+ }
522
+
523
+ @media (max-width: 800px) {
524
+ .grid-3, .grid-env { grid-template-columns: 1fr; }
525
+ .header { flex-direction: column; align-items: flex-start; gap: 16px; }
526
+ .header-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
527
+ .header-actions .btn { justify-content: center; text-align: center; }
528
+ .ep-table td { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
529
+ .ep-desc { margin-left: 0; }
530
+
531
+ /* Tabs Mobile */
532
+ .tabs-nav {
533
+ overflow-x: auto;
534
+ padding: 0;
535
+ gap: 0;
536
+ -webkit-overflow-scrolling: touch;
537
+ }
538
+ .tab-button {
539
+ flex: 1;
540
+ min-width: 100px;
541
+ padding: 10px 16px;
542
+ font-size: 13px;
543
+ justify-content: center;
544
+ }
545
+
546
+ /* Account Table Mobile - Card Layout */
547
+ .account-table {
548
+ display: block;
549
+ border: none;
550
+ }
551
+ .account-table thead {
552
+ display: none;
553
+ }
554
+ .account-table tbody {
555
+ display: block;
556
+ }
557
+ .account-table tr {
558
+ display: block;
559
+ margin-bottom: 12px;
560
+ border: 1px solid #e5e5e5;
561
+ border-radius: 10px;
562
+ background: #fff;
563
+ padding: 12px;
564
+ position: relative;
565
+ }
566
+ .account-table td {
567
+ display: block;
568
+ padding: 0;
569
+ border: none;
570
+ }
571
+
572
+ /* 账号ID - 卡片头部 */
573
+ .account-table td:nth-child(1) {
574
+ margin-bottom: 10px;
575
+ padding-bottom: 10px;
576
+ padding-right: 80px;
577
+ border-bottom: 1px solid #f5f5f5;
578
+ }
579
+ .account-table td:nth-child(1) > div {
580
+ width: 100%;
581
+ }
582
+ .account-table td:nth-child(1) span:last-child {
583
+ word-break: break-all;
584
+ }
585
+
586
+ /* 状态 - 右上角显示 */
587
+ .account-table td:nth-child(2) {
588
+ position: absolute;
589
+ top: 12px;
590
+ right: 12px;
591
+ padding: 0;
592
+ }
593
+ .account-table td:nth-child(2)::before {
594
+ display: none;
595
+ }
596
+ .account-table td:nth-child(2) > span {
597
+ display: inline-block;
598
+ padding: 4px 10px;
599
+ border-radius: 6px;
600
+ font-size: 11px;
601
+ white-space: nowrap;
602
+ font-weight: 600;
603
+ background: rgba(255,255,255,0.95);
604
+ border: 1px solid currentColor;
605
+ opacity: 0.9;
606
+ }
607
+
608
+ /* 信息行 - 紧凑布局 */
609
+ .account-table td:nth-child(3),
610
+ .account-table td:nth-child(4),
611
+ .account-table td:nth-child(5) {
612
+ display: flex;
613
+ justify-content: space-between;
614
+ align-items: center;
615
+ padding: 6px 0;
616
+ font-size: 12px;
617
+ }
618
+ .account-table td:nth-child(3)::before,
619
+ .account-table td:nth-child(4)::before,
620
+ .account-table td:nth-child(5)::before {
621
+ content: attr(data-label);
622
+ font-weight: 600;
623
+ color: #86868b;
624
+ font-size: 11px;
625
+ margin-right: 8px;
626
+ }
627
+
628
+ /* 操作按钮 - 底部 */
629
+ .account-table td:nth-child(6) {
630
+ margin-top: 10px;
631
+ padding-top: 10px;
632
+ border-top: 1px solid #f5f5f5;
633
+ }
634
+ .account-table td:nth-child(6)::before {
635
+ display: none;
636
+ }
637
+ .account-table td:nth-child(6) > div {
638
+ width: 100%;
639
+ justify-content: flex-end;
640
+ }
641
+ }