/* Measured source tokens: xhstest.com/talent, talent3, 2026-11-02. */
:root{--el-color-primary:#ff2442;--el-color-primary-light-9:#ffe9ec;--el-color-primary-light-7:#ffd3d9;--el-text-color-primary:#21191d;--el-bg-color:#fffdfb}
body{color:#21191d;font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif}
::-webkit-scrollbar{width:8px;height:0}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:999px;background-clip:padding-box}
.talent-welcome .hero>.container{box-sizing:content-box}
.talent-welcome .topbar .nav-btn .icon{width:16px;height:16px}
.talent-welcome .btn-hero-primary .icon{width:20px;height:20px}
.talent-welcome .pill svg{width:14px;height:14px;flex-shrink:0}
.talent-welcome .stat-icon .icon{width:24px;height:24px;display:block}
.talent-welcome .hero-title{font-family:inherit}
.auth-dialog[open]{width:90%;max-width:460px;padding:16px;border-radius:12px;background:#fffdfb;color:#21191d;border:0;outline:0;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.auth-dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:none}
.auth-dialog form{margin:0}
.auth-dialog .access-header{padding:0 0 16px}
.auth-dialog .access-body{padding:25px 0;color:#606266}
.auth-dialog .access-footer{padding:16px 0 0}
.auth-dialog .dialog-header{padding:0;text-align:center}
.auth-dialog .dialog-header .close-btn{top:-8px;right:-8px;width:32px;height:32px;padding:0;background:transparent;border:0;color:#909399;display:flex;align-items:center;justify-content:center;border-radius:50%}
.auth-dialog .dialog-header .close-btn .icon{width:18px;height:18px}
.auth-dialog .dialog-header .dialog-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(167,139,250,.1));color:#8b5cf6}
.auth-dialog .dialog-header .dialog-icon .icon{width:32px;height:32px}
.auth-dialog .dialog-header h3{font-size:21.6px;font-weight:600;line-height:1.55;margin:0 0 8px;color:#303133}
.auth-dialog .dialog-header p{font-size:14px;line-height:1.55;color:#909399;margin:0}
.auth-dialog .code-wrapper{min-height:46px;height:46px;padding:4px 16px;border-radius:10px;border:0;gap:8px;background:#fffdfb;box-shadow:0 0 0 1px rgba(139,92,246,.2) inset}
.auth-dialog .code-wrapper:focus-within{box-shadow:0 0 0 2px rgba(139,92,246,.3) inset}
.auth-dialog .code-wrapper>.icon{width:18px;height:18px;color:#8b5cf6}
.auth-dialog .code-wrapper input{font-size:17.6px;font-weight:500;line-height:38px;padding:0;background:transparent;letter-spacing:2px}
.auth-dialog .code-wrapper input::placeholder{font-size:16px;letter-spacing:0;text-transform:none;color:#a8abb2}
.auth-dialog .code-wrapper small{font-size:12px;line-height:1.55}
.auth-dialog .dialog-error{margin:10px 0 0;font-size:12px;min-height:0}
.auth-dialog .dialog-error:empty{display:none}
.auth-dialog [hidden]{display:none!important}
.auth-dialog .auth-form .input-hint{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12.8px;line-height:1.55;background:#fff7e9;color:#d68b08;border-radius:8px}
.auth-dialog .auth-form .input-hint.success{background:rgba(34,197,94,.08);color:#22a559}
.auth-dialog .auth-form .tips-box{display:flex;gap:12px;margin:20px 0 0;padding:16px;background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.1);border-radius:12px;font-size:14px;color:#606266}
.auth-dialog .auth-form .tips-box>.icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:#8b5cf6}
.auth-dialog .auth-form .tips-content{flex:1;min-width:0}
.auth-dialog .auth-form .tips-content p{margin:0 0 8px;font-size:13.6px;line-height:1.55}
.auth-dialog .auth-form .tips-content ul{margin:0;padding-left:16px;color:#909399;font-size:12.8px;line-height:1.8}
.auth-dialog .auth-form .tips-content ul li{margin:0}
.auth-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin:0;padding:0}
.auth-dialog .dialog-footer button{height:40px;min-height:40px;font-size:14px;line-height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
.auth-dialog .dialog-footer .cancel-btn{padding:12px 24px;font-weight:500;color:#ff2442;background:#fff;border:1px solid #ff2442}
.auth-dialog .dialog-footer .verify-btn{margin-left:12px;padding:12px 28px;font-weight:600;color:#fff;border:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px rgba(139,92,246,.3)}
.auth-dialog .dialog-footer .verify-btn:disabled{opacity:1;background:#ffe5e7;color:#a22132;box-shadow:none}
.talent3-page button{font-family:inherit}
.talent3-page .brand-mark{font-size:14px;line-height:1.55}
.history-delete-dialog{width:420px;max-width:calc(100% - 32px);padding:16px;border:1px solid #ebeef5;border-radius:12px;background:#fffdfb;color:#606266;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.history-delete-dialog::backdrop{background:rgba(0,0,0,.5)}
.history-delete-dialog header{display:flex;justify-content:space-between;align-items:center}
.history-delete-dialog h2{font-size:18px;font-weight:500;color:#303133;margin:0}
.history-delete-dialog header button{display:grid;place-items:center;width:24px;height:24px;padding:0;background:none;color:#909399;border:0}
.history-delete-dialog header svg{width:16px;height:16px}
.history-delete-dialog p{margin:16px 0 20px;font-size:14px;line-height:1.6}
.history-delete-dialog footer{display:flex;justify-content:flex-end;gap:12px}
.history-delete-dialog footer button{height:32px;padding:8px 15px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#606266}
.history-delete-dialog footer .confirm-delete{background:#ff2442;color:#fff;border-color:#ff2442}
.history-page[data-v-d3c92b34] .el-button:focus-visible{outline:3px solid #a78bfa;outline-offset:4px}
@media(max-width:768px){.auth-dialog .dialog-header h3{font-size:21.6px}.auth-dialog .dialog-header p{font-size:14px}.auth-dialog .code-wrapper input::placeholder{font-size:15px}.talent-welcome .hero>.container{width:auto;max-width:800px}}