.udb-page { padding: 0 24px 40px; min-height: 100vh; } /* 锁屏验证 */ .udb-lock-card { display: flex; flex-direction: column; align-items: center; padding: 60px 40px; text-align: center; } .udb-lock-icon { width: 80px; height: 80px; margin-bottom: 24px; } .udb-lock-title { font-size: 36px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; display: block; } .udb-lock-desc { font-size: 26px; color: var(--text-secondary); margin-bottom: 32px; display: block; } .udb-password-input { width: 100%; height: 80px; background: var(--bg-input); border: 1rpx solid var(--border); border-radius: 16px; padding: 0 24px; font-size: 30px; color: var(--text-primary); text-align: center; margin-bottom: 24px; box-sizing: border-box; } .udb-error { font-size: 24px; color: var(--danger); margin-bottom: 20px; display: block; } .udb-btn { width: 100%; padding: 20px 0; font-size: 30px; } /* 工具栏 */ .udb-toolbar { margin: 20px 0; display: flex; justify-content: flex-end; } .udb-add-btn { padding: 14px 28px; font-size: 26px; } /* 数据表格 */ .udb-table { background: var(--bg-card); border: 1rpx solid var(--border); border-radius: 24px; overflow: hidden; } .udb-row { display: flex; align-items: center; padding: 20px 16px; border-bottom: 1rpx solid var(--border); } .udb-row:last-child { border-bottom: none; } .udb-header { background: var(--bg-input); padding: 16px; } .udb-header .udb-col { font-weight: 700; font-size: 24px; color: var(--text-primary); } .udb-col { font-size: 24px; color: var(--text-secondary); flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 6px; } .col-nick { flex: 0 0 22%; } .col-id { flex: 0 0 36%; } .col-stats { flex: 0 0 18%; text-align: center; } .col-action { flex: 1; display: flex; align-items: center; justify-content: flex-end; gap: 12px; } .udb-row.active { background: var(--accent-secondary-soft); } .udb-link { padding: 6px 14px; border-radius: 8px; font-size: 22px; color: var(--accent-secondary); background: var(--accent-secondary-soft); } .udb-danger { color: var(--danger); background: var(--danger-soft); } .udb-current { font-size: 22px; color: var(--accent-secondary); font-weight: 600; } .udb-empty { padding: 40px; text-align: center; color: var(--text-secondary); font-size: 28px; } /* 弹窗 */ .udb-add-card { padding: 48px 36px; width: 80%; } .udb-add-title { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; display: block; text-align: center; } .udb-add-input { width: 100%; height: 80px; background: var(--bg-input); border: 1rpx solid var(--border); border-radius: 16px; padding: 0 24px; font-size: 28px; color: var(--text-primary); margin-bottom: 32px; box-sizing: border-box; } .udb-add-actions { display: flex; align-items: center; gap: 20px; } .udb-add-actions .btn-secondary, .udb-add-actions .btn-primary { flex: 1; padding: 18px 0; text-align: center; }