.totp-loading{min-height:420px;display:grid;place-items:center}.totp-hero{position:relative;overflow:hidden;min-height:330px;border-radius:18px;padding:clamp(28px,5vw,58px);color:#eef7ff;background:radial-gradient(circle at 82% 20%,rgba(42,201,160,.2),transparent 28%),linear-gradient(118deg,#071522,#0d2734 58%,#0a3b3a);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);align-items:center;gap:40px;box-shadow:0 24px 70px #0216223d}.totp-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to right,#000,transparent 88%);mask-image:linear-gradient(to right,#000,transparent 88%)}.totp-hero__content{position:relative;z-index:1}.totp-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#5ce0bc;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.totp-hero__title.semi-typography{max-width:760px;margin:0 0 16px;color:#f5fbff;font-size:clamp(30px,4vw,48px);line-height:1.14;letter-spacing:-.035em}.totp-hero__copy.semi-typography{max-width:710px;color:#b9cbd6;font-size:15px;line-height:1.8}.totp-hero__facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.totp-hero__facts span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;color:#a9bec9;background:#ffffff09;font-size:12px}.totp-hero__facts b{color:#fff;margin-right:5px}.totp-status-orbit{position:relative;z-index:1;display:grid;place-items:center}.totp-status-orbit:before,.totp-status-orbit:after{content:"";position:absolute;border:1px solid rgba(100,235,197,.24);border-radius:50%}.totp-status-orbit:before{width:235px;height:235px}.totp-status-orbit:after{width:180px;height:180px;border-style:dashed;animation:totp-spin 28s linear infinite}@keyframes totp-spin{to{transform:rotate(360deg)}}.totp-status-core{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;background:#06151fdb;border:1px solid rgba(255,194,91,.45);box-shadow:inset 0 0 35px #ffa82e14,0 0 45px #00000040}.totp-status-core.is-enabled{border-color:#4be6b79e;box-shadow:inset 0 0 35px #4be6b71f,0 0 50px #23c4961a}.totp-status-core svg{font-size:28px;color:#ffc261}.totp-status-core.is-enabled svg{color:#55deb8}.totp-status-core strong{font-size:17px}.totp-status-core span{max-width:108px;color:#9db2be;font-size:11px;line-height:1.45}.totp-workbench,.totp-management,.totp-recovery-vault{border:1px solid var(--color-border);border-radius:16px;padding:clamp(22px,4vw,38px);background:var(--color-bg-0);box-shadow:var(--shadow-card)}.totp-workbench__header,.totp-management{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.totp-section-index{margin-bottom:8px;color:var(--color-primary);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.totp-workbench h4,.totp-management h4,.totp-recovery-vault h4{margin:0 0 6px}.totp-workbench p,.totp-management p,.totp-recovery-vault p{margin-bottom:0;color:var(--color-text-2)}.totp-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.totp-app-guide{min-height:235px;padding:22px;border-radius:12px;border:1px solid var(--color-border);background:linear-gradient(145deg,var(--color-fill-0),var(--color-bg-0));position:relative;overflow:hidden}.totp-app-guide:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;top:-45px;opacity:.11}.totp-app-guide--google:after{background:conic-gradient(#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)}.totp-app-guide--microsoft:after{background:conic-gradient(#f25022,#7fba00,#00a4ef,#ffb900,#f25022)}.totp-app-guide__topline{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.totp-app-guide__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#1b6fe8;font-weight:800}.totp-app-guide--microsoft .totp-app-guide__mark{background:#087a8a}.totp-app-guide__standard{margin-top:2px;color:var(--color-text-2);font-size:11px}.totp-app-guide ol{margin:20px 0 16px;padding-left:20px;color:var(--color-text-1);line-height:1.85;font-size:13px}.totp-app-guide a{color:var(--color-primary);font-size:12px;font-weight:600;text-decoration:none}.totp-action-strip{margin-top:16px;padding:17px 18px;border-radius:12px;background:var(--color-fill-0);display:flex;justify-content:space-between;align-items:center;gap:20px}.totp-action-strip div div{margin-top:4px;color:var(--color-text-2);font-size:12px;line-height:1.6}.totp-enrollment-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:28px;margin-top:26px}.totp-qr-shell{border-radius:14px;padding:18px;text-align:center;background:#071925;color:#dff8f0;box-shadow:inset 0 0 0 1px #ffffff14}.totp-qr-shell img{width:min(100%,280px);margin:14px auto;display:block;border-radius:8px;background:#fff;padding:8px}.totp-qr-label{color:#53deb8;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.15em}.totp-qr-meta{color:#9bb5c2;font-size:12px}.totp-confirm-panel{padding:8px 0}.totp-manual-secret{margin:18px 0;border:1px solid var(--color-border);border-radius:10px;padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;background:var(--color-fill-0)}.totp-manual-secret span{grid-column:1 / -1;color:var(--color-text-2);font-size:11px}.totp-manual-secret code{overflow-wrap:anywhere;color:var(--color-text-0);font:650 14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.totp-recovery-vault{border-color:#d68f1e57;background:linear-gradient(140deg,rgba(255,184,70,.08),var(--color-bg-0) 55%)}.totp-recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.totp-recovery-grid code{padding:11px 13px;border-radius:8px;background:#0a1c28;color:#e8fbf5;font:650 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.totp-recovery-grid code span{margin-right:12px;color:#597482;font-size:10px}.totp-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.totp-policy-card{min-height:170px;padding:22px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-bg-0)}.totp-policy-card span{color:var(--color-primary);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em}.totp-policy-card h4{margin:18px 0 8px;color:var(--color-text-0);font-size:15px}.totp-policy-card p{margin:0;color:var(--color-text-2);font-size:12px;line-height:1.75}.totp-button-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.totp-footer-action{display:flex;justify-content:space-between;align-items:center;gap:12px}.totp-footer-action a{color:var(--color-text-2);font-size:12px;text-decoration:none}@media(max-width:840px){.totp-hero{grid-template-columns:1fr;min-height:auto}.totp-status-orbit{min-height:230px}.totp-guide-grid,.totp-policy-grid,.totp-enrollment-grid{grid-template-columns:1fr}}@media(max-width:560px){.totp-hero{padding:26px 20px;border-radius:14px}.totp-hero__facts{display:grid}.totp-workbench__header,.totp-management,.totp-action-strip{flex-direction:column;align-items:stretch}.totp-recovery-grid{grid-template-columns:1fr}.totp-button-row{justify-content:stretch}.totp-button-row .semi-button{flex:1 1 auto}.totp-footer-action{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.totp-status-orbit:after{animation:none}}:root{--color-primary: #3370ff;--color-primary-hover: #2b5fd9;--color-primary-active: #2452bf;--color-primary-light: #e8efff;--color-success: #00b365;--color-success-light: #e8f7f0;--color-danger: #f53f3f;--color-danger-light: #fde8e8;--color-warning: #ff7d00;--color-warning-light: #fff3e8;--color-info: #86909c;--color-info-light: #f2f3f5;--color-bg-0: #ffffff;--color-bg-1: #f7f8fa;--color-bg-2: #f2f3f5;--color-text-0: #1d2129;--color-text-1: #4e5969;--color-text-2: #86909c;--color-text-3: #c9cdd4;--color-border: #e5e6eb;--color-border-light: #f2f3f5;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-card: 0 0 1px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .04), 0 10px 20px rgba(0, 0, 0, .04);--shadow-modal: 0 10px 40px rgba(0, 0, 0, .16)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--color-bg-1);color:var(--color-text-0);min-height:100vh;line-height:1.6}.gallery{display:flex;margin-left:-20px;width:auto;padding:24px}.gallery-col{padding-left:20px;background-clip:padding-box}.gallery-col>.task-card{margin-bottom:20px}@media(max-width:600px){.gallery{padding:16px;margin-left:-16px}.gallery-col{padding-left:16px}.gallery-col>.task-card{margin-bottom:16px}}.task-card{background:var(--color-bg-0);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.task-card:hover{box-shadow:var(--shadow-card);border-color:var(--color-border);transform:translateY(-1px)}.task-card-img{position:relative;width:100%;min-height:120px;background:var(--color-bg-2);cursor:pointer;overflow:hidden}.task-card-img img{display:block;width:100%;height:auto;transition:transform .3s}.task-card-img:hover img{transform:scale(1.03)}.task-card-img .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-2);gap:8px}.task-card-info{padding:14px 16px}.task-card-prompt-row{display:flex;align-items:flex-start;gap:4px}.task-card-prompt{font-size:14px;color:var(--color-text-0);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;min-height:42px;flex:1;min-width:0}.copy-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-2);transition:all .15s}.copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.task-card-meta{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:500;line-height:20px}.badge-completed{background:var(--color-success-light);color:var(--color-success)}.badge-failed{background:var(--color-danger-light);color:var(--color-danger)}.badge-processing{background:var(--color-warning-light);color:var(--color-warning)}.badge-pending{background:var(--color-info-light);color:var(--color-info)}.model-tag{font-size:12px;color:var(--color-text-2);background:var(--color-bg-2);padding:2px 8px;border-radius:4px}.task-card-time{font-size:12px;color:var(--color-text-2);margin-top:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 24px;border-top:1px solid var(--color-border-light);flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-0);color:var(--color-text-1);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.page-btn:hover:not(:disabled):not(.active){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn:disabled{color:var(--color-text-3);cursor:not-allowed}.page-info{font-size:14px;color:var(--color-text-2);padding:0 12px}.page-size-select{height:36px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-0);color:var(--color-text-1);font-size:14px;cursor:pointer;outline:none}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-overlay img{max-width:90vw;max-height:90vh;border-radius:var(--radius-md);box-shadow:var(--shadow-modal)}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#ffffff26;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.lightbox-close:hover{background:#ffffff40}