:root {
    --primary-bg: #12263F;
    --secondary-bg: #1A2C42;
    --accent-gold: #C9A962;
    --accent-gold-light: #E5D4A1;
    --text-primary: #FFFFFF;
    --text-secondary: #8B9DB5;
}

.t_box_login {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-background-size: contain;
    background-size: cover;
    position: absolute;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #12263F 0%, #0D1B2E 100%) !important;
}

.t_box_login::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at top, rgba(201, 169, 98, 0.1) 0%, transparent 60%);
    pointer-events: none;
}

.t_box_login .t_logo {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
}

.t_box_login .t_logo img {
    display: block;
    height: 4.16rem;
    margin: 0 auto;
}

.t_box_login .t_logo .logo-text {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 4px;
    background: linear-gradient(135deg, #fff 0%, #C9A962 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.t_box_login .login_box {
    margin-top: 1rem;
    width: 100%
}

.t_box_login .login_box ul {
    margin: 0 auto;
    width: 8rem
}

.t_box_login .login_box ul li {
    margin-bottom: .8rem
}

.t_box_login .login_box ul li input {
    width: 8rem;
    height: 1.066667rem;
    color: #fff;
    font-size: .4rem;
    border-radius: .533333rem;
    text-indent: 1rem;
    background: rgba(26, 44, 66, 0.6);
    border: 1px solid rgba(201, 169, 98, 0.2);
    transition: all 0.3s ease;
}

.t_box_login .login_box ul li input:focus {
    border-color: #C9A962;
    box-shadow: 0 0 0 3px rgba(201, 169, 98, 0.1);
    outline: none;
}

.t_box_login .login_box ul li ::-webkit-input-placeholder {
    color: #8B9DB5
}

.t_box_login .login_box ul li :-moz-placeholder,
.t_box_login .login_box ul li ::-moz-placeholder {
    color: #8B9DB5
}

.t_box_login .login_box ul li :-ms-input-placeholder {
    color: #8B9DB5
}

.t_box_login .login_box ul li:first-child {
    position: relative
}

.t_box_login .login_box ul li:first-child input {
    background: rgba(26, 44, 66, 0.6);
}

.t_box_login .login_box ul li:first-child i {
    position: absolute;
    display: block;
    width: .466667rem;
    height: .466667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAABL1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82C+reAAAAZHRSTlMAKXkuqa368GE/0sX7AgRWVxJBUvb1ke/3wtDnv3fspHzPht6TjIhI5Sy+/D0xuU9qmoWhjc3pGxHkJ2239Fi4VAEDE4c1JAnWHFGZqKOwDo6DyyItL/3TW6XOZT6yDUweislHhyUp0AAAAYhJREFUGBl9wYWW2gAARcEHBHf3dXd3d3f3be//f0NpKSdLSJhRE1dPr9/v7+1xyUm0K0JdpCsqW7FOoDv3nesGOmOy0w8diaSkZKID+mVjLEI2qLpglsiYWs1CXA1xmFWLxWWKMhVZXpRVEFZlWoWgrFKQlikNKVkFIS1TGoKySkFApgCkZLWyjiGTwfqKrGKbZPbVsJ9hM6YWW3B0qbrLI9hSq20v3Nzrr/sb8G7LxnEI8s9Pv5+e8xA6lq1bLw3eWzl5fc8C2fdXtfNWrVbf5GTnIHFVeXwJhUIvj5WrxMGOrJbiXh8/+bzxJTWZmqfGVzo7dbvdp2clHzXzUzINTwAFY8Ozq7pdz4ZRACaG9d/gEOSnXVH9FHVN52FoUP9MjsLIuFqNj8DopGo8CzAgewOw4JIOf8GMnMxA+FAnsCZna3CiCzIeOfNkuFAZQ+0YlFXgWu1cU5CP4l1STpJ3RXyqwEPpfG+uzx1o5u6b2zsvPUBFX2HaC39JH5+5cNlvrxzOfX7oD/8DaDlP9InoAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: cover;
    top: 50%;
    left: .266667rem;
    transform: translateY(-50%)
}

.t_box_login .login_box ul li:nth-child(2) {
    position: relative
}

.t_box_login .login_box ul li:nth-child(2) input {
    background: rgba(26, 44, 66, 0.6);
}

.t_box_login .login_box ul li:nth-child(2) i {
    position: absolute;
    display: block;
    width: .466667rem;
    height: .56rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAjCAMAAABfPfHgAAABDlBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8V00MkAAAAWXRSTlMAQwIE0BvufeKFmcfmGknG23qsUjYw+XhIDSMOiHtMDwqBz3O1y4ezHFCiqx3g6+1G41TxVkfSfAabhK0DB3kQCDzNjt5Z5Y+31wsMXb300drysLF2d4LVssCQZ1gAAAE/SURBVDjLddDHVsJQFEbhQ7BA6EWaFEURBJSqSFUsCAr2tt//RRyokMTcPbr/+gbJOiLLfP6rwGfgyu8Tm26u+en65p8NdODS/eG+BPSBRbvgGZ+LyPnYA10ztqE//H0P+9A2Yi7P6dlynZ2Szxk0CyeGeQJZw8wQ3DHMnSCZ1dLC6Kbf0Alry+HcZ9Okm+w7V1pk16S7FFcqFfZMukfl71l11D2UHcbKeOqOqohI8wj7jpoih0CrtmGt1gIOpcCxv+Rbt+Yr+Y8piJcDse8ArzQIKTREQ1yWQxhP4jJpMv2YTqpUewFeNYWmHoDnlEK3g8DTtuq7cSCu/KsEkFBqBIgodStGbEupEg1F1dewu1VHoR1c4uVNoe94ZUL4whYvvpjILUxHPbe13mgKt3K/QNXiXuRuHpit/W8WmN/JN/yQUtp1pBM7AAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    top: 50%;
    left: .266667rem;
    transform: translateY(-50%)
}

.t_box_login .login_box ul li:nth-child(3) input {
    text-indent: 0;
    background: linear-gradient(135deg, #C9A962 0%, #E5D4A1 100%);
    color: #12263F;
    font-weight: 600;
    border: none;
}

.t_box_login .login_box ul li:nth-child(3) input:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(201, 169, 98, 0.4);
}

.t_box_login .login_box ul li:nth-child(4) {
    border: 1px solid rgba(201, 169, 98, 0.3);
    border-radius: .533333rem;
    background: rgba(26, 44, 66, 0.4);
}

.t_box_login .login_box ul li:nth-child(4) input {
    text-indent: 0;
    background: transparent;
    border: none;
}

.t_box_login .login_box p {
    text-align: center;
    font-size: .4rem;
    color: #8B9DB5;
    line-height: .4rem;
}