body {
            background: #f5f7fb;
            overflow: hidden;
            color: #0f172a;
        }
        .password-container{
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            background: radial-gradient(1200px 600px at 20% -20%, rgba(46,122,255,0.08), transparent 60%),
                        radial-gradient(1200px 600px at 120% 0%, rgba(25,145,255,0.10), transparent 55%),
                        #f5f7fb;
            padding:20px;
        }
        .password-card{
            width:100%;
            max-width:450px;
            background:#fff;
            border-radius:12px;
            box-shadow:0 12px 40px rgba(15,23,42,.08);
            padding:32px 28px;
            border: 1px solid rgba(15,23,42,0.06);
            margin: 0 auto;
        }
        .card-header{
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:10px;
            margin-bottom:26px;
        }
        .brand-logo{
            width:48px;
            height:48px;
            border-radius:14px;
            background: linear-gradient(135deg, #1E73FF, #56A3FF);
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow: 0 12px 20px rgba(30,115,255,0.25);
        }
        .brand-logo svg{
            width:22px;
            height:22px;
            fill:#fff;
        }
        .password-title{
            text-align:center;
            margin:0;
            font-weight:600;
            font-size:20px;
            color:#0f172a;
        }
        .password-desc{
            margin:0;
            text-align:center;
            color:#64748b;
            font-size:14px;
            line-height:1.6;
        }
        .security-tags{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            justify-content:center;
            margin-top:4px;
        }
        .security-tag{
            padding:4px 10px;
            border-radius:999px;
            background: rgba(30,115,255,0.08);
            color:#1e73ff;
            font-size:12px;
            font-weight:500;
        }
        .layui-form-item{
            margin-bottom:24px;
        }
        .password-input {
            height: 42px;
            border-radius: 8px;
            border-color: #dbe3ef;
        }
        .password-input:focus {
            border-color: #1e73ff;
            box-shadow: 0 0 0 3px rgba(30,115,255,.12);
        }

        .captcha-status-box {
            border: 1px dashed rgba(30,115,255,0.35);
            background: #f8fbff;
            border-radius: 10px;
            padding: 12px 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            color: #64748b;
            font-size: 13px;
        }
        #captchaStatus {
            display: none;
        }
        .captcha-status-box.is-success {
            border-color: rgba(22,163,74,0.4);
            background: #f0fdf4;
            color: #166534;
        }
        .captcha-status-text {
            flex: 1;
            min-width: 0;
            line-height: 1.5;
        }
        #captchaBox {
            display: flex;
            justify-content: center;
            width: 100%;
        }
        #captchaBox #tianai-captcha-parent {
            margin: 0 auto;
        }

        .layui-btn-fluid{
            height:42px;
            line-height:42px;
            font-size:16px;
            border-radius:6px;
            margin-top:8px;
            background: linear-gradient(135deg, #1E73FF, #56A3FF);
            border: none;
            box-shadow: 0 10px 20px rgba(30,115,255,0.25);
        }
        .layui-btn-disabled,
        .layui-btn:disabled{
            background: #cbd5f5 !important;
            box-shadow: none;
        }
        .helper-text{
            font-size:12px;
            color:#94a3b8;
            text-align:center;
            margin-top:10px;
        }

        @media (max-width: 768px) {
            .password-container{
                padding:15px;
                align-items:flex-start;
                padding-top:40px;
            }
            .password-card{
                padding:24px 20px;
                border-radius:10px;
            }
            .password-title{
                font-size:18px;
            }
            .captcha-status-box {
                padding: 10px 12px;
            }
            .layui-form-item{
                margin-bottom:20px;
            }
        }
        @media (max-width: 480px) {
            .password-card{
                padding:20px 16px;
            }
            .password-title{
                font-size:16px;
            }
            .captcha-status-box {
                flex-direction: column;
                align-items: stretch;
            }
        }