* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
        body {
            background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 100%);
            min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 20px;color: #e6e6e6;
        }
        .container {background: linear-gradient(145deg, #1e1e2e, #2d2d44);border-radius: 15px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);width: 100%;max-width: 500px;overflow: hidden;
            border: 1px solid #39394c;}
.header {
    padding: 0; /* 图片本身就包含间距 */
    border-bottom: 1px solid #444;
}

.logo-banner {
    width: 100%; /* 铺满横向区域 */
    height: auto;
    display: block;
}
        .tabs {display: flex;border-bottom: 1px solid #39394c;background: #2a2a3e;}
        .tab {flex: 1;padding: 18px;text-align: center;cursor: pointer;font-weight: 600;color: #8a8a9e;
            transition: all 0.3s;position: relative;overflow: hidden;}
        .tab.active {color: #6c5ce7;background: rgba(108, 92, 231, 0.1);}
        .tab.active::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;
            background: linear-gradient(45deg, #6c5ce7, #a29bfe);border-radius: 3px 3px 0 0;}
        .form-container {padding: 30px;}
        .form {display: none;}
        .form.active {display: block;animation: fadeIn 0.5s;}
        @keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}
        .form-group {margin-bottom: 20px;}
        .form-group label {display: block;margin-bottom: 8px;font-weight: 500;color: #b8b8d0;font-size: 14px;}
        .form-control {width: 100%;padding: 14px 16px;background: #2a2a3e;border: 1px solid #39394c;border-radius: 8px;font-size: 16px;
            transition: all 0.3s;color: #e6e6e6;}
        .form-control:focus {border-color: #6c5ce7;outline: none;box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.2);}
        .input-group {display: flex;margin-bottom: 10px;}
        .input-group .form-control {border-top-right-radius: 0;border-bottom-right-radius: 0;}
        .input-group-append {display: flex;}
        .btn-code {padding: 0 20px;background: linear-gradient(45deg, #6c5ce7, #a29bfe);color: white;border: none;
            border-top-right-radius: 8px;border-bottom-right-radius: 8px;cursor: pointer;font-size: 14px;
            white-space: nowrap;transition: all 0.3s;}
        .btn-code:disabled {background: #555;cursor: not-allowed;}
        .btn-submit {width: 100%;padding: 15px;background: linear-gradient(45deg, #6c5ce7, #a29bfe);color: white;
            border: none;border-radius: 8px;font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.3s;margin-top: 10px;}
        .btn-submit:hover {opacity: 0.95;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(108, 92, 231, 0.4);}
        .countdown {color: #8a8a9e;font-size: 13px;margin-top: 5px;text-align: right;}
        .message {padding: 12px;border-radius: 8px;margin-top: 20px;text-align: center;display: none;animation: fadeIn 0.5s;}
        .success {background: rgba(46, 204, 113, 0.2);color: #2ecc71;display: block;border: 1px solid rgba(46, 204, 113, 0.3);}
        .error {background: rgba(231, 76, 60, 0.2);color: #e74c3c;display: block;border: 1px solid rgba(231, 76, 60, 0.3);}
        .modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
        .modal-content {background: #2a2a3e;margin: 15% auto;padding: 20px;border: 1px solid #444;border-radius: 10px;width: 80%;max-width: 400px;}
        .modal-content h3 {margin-bottom: 15px;}
        .close {float: right;font-size: 24px;cursor: pointer;color: #999;}
        .captcha-container {display: flex;gap: 10px;margin-bottom: 10px;}
        .captcha-img {flex: 1;background: linear-gradient(45deg, #2d2d44, #39394c);border: 1px solid #39394c;
            border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;
            height: 50px;user-select: none;font-weight: bold;letter-spacing: 3px;font-family: 'Courier New', monospace;font-size: 18px;}
        .btn-refresh {width: 50px;background: #39394c;color: #a29bfe;border: 1px solid #444;border-radius: 8px;cursor: pointer;transition: all 0.3s;}
        .btn-refresh:hover {background: #6c5ce7;color: white;}