*{margin:0; padding:0; outline: none; box-sizing:border-box; font-family:"Arial","Microsoft YaHei","Sans-Serif"; font-size:14px;}
/* *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.35) rgba(255,255,255,0.1)}
*::-webkit-scrollbar{width:1px;height:1px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.35);border-radius:1px} */
body{background:#111111; color:#303030; line-height:1.6; margin:0}
button{border:0;outline:none}
.rotated{transform:rotate(180deg)}
.hide{display:none}
.show{display:block}
.container{display:flex; height:calc(100vh - 70px); background:#0f0f0f; padding:20px 0}

ol,ul {list-style: none}
img{border:0;outline:none;}
input{outline:none;}
form{margin:0;padding:0}
textarea{ outline:none; resize:none;}
a{outline:none;}
a:link {text-decoration:none;outline:none;}
a:visited {text-decoration:none;outline:none;}
a:hover {text-decoration:none;outline:none;}
a:active {text-decoration:none;outline:none;}
.pageInfo{text-align:right; float:right;}
.pageInfo a{font-size:14px; border:1px solid #d4d4d4;margin:0px 5px; display:block; padding:4px 10px; text-decoration:none; float:left; background-color:#ffffff;}
.pageInfo a.c{background:#d4d4d4; color:#ffffff;}
.clear{*zoom:1}
.clear:after{content:""; width:0; height: 0; overflow: hidden; display:block; clear: both; visibility: hidden}
.bdcount{ width: 0px; height: 0px; overflow: hidden;}
a.nav-hot::before{content:'HOT'; position:absolute; top:-8px; right:-20px; height:13px; line-height:15px; background:linear-gradient(135deg,#ff6b6b,#F50A06); color:#fff; font-size:8px; padding:0 10px; border-radius:12px; box-shadow:0 2px 6px rgba(238,90,36,.3); animation:pulse 2s infinite}
a.nav-hot[data-badge]::before{content: attr(data-badge); background:linear-gradient(135deg,#ff6700,#cc5200);}
a.nav-hot.menu-hot::before{ right:-43px; height:15px; line-height:15px; font-size: 9px;}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/*顶部导航*/
header{position:relative;background:#000;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center; height: 70px; line-height:30px; box-sizing: border-box; }
.nav-left{display:flex;align-items:center;gap:25px;}
.nav-left .nav-logo{color:#fff; display: flex; align-items: center; justify-items: center;}
.nav-left .nav-logo img{width: 25px; height: 25px; display: block;}
.nav-left .nav-logo .nav-name{font-size:28px; line-height: 30px;
    /* background: linear-gradient(180deg, 
        #fff5e6 0%, 
        #ff8800 50%, 
        #cc5200 75%, 
        #ff6600 100%
    );
    background-size: 100% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: fireColor 2.5s ease-in-out infinite alternate; */
}
@keyframes fireColor {
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 100%; }
}
.nav-left .nav-logo .nav-info{ line-height:13.8px; margin-left:8px; color: #CCC; font-family: Arial, Helvetica, sans-serif;
    /* background: linear-gradient(180deg, 
        #fff5e6 0%, 
        #ff8800 50%, 
        #cc5200 75%, 
        #ff6600 100%
    );
    background-size: 100% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: fireColor 2.5s ease-in-out infinite alternate; */
}
.nav-left .nav-logo .nav-info div{font-size: 11px;}
.nav-left .nav-logo .nav-info div:last-child{ margin-top:2px; letter-spacing:1px;}
.nav-left .nav-logo img{margin-right:10px ;}
.nav-left .nav-links{display:flex;gap:20px;margin-left:100px;}
.nav-left .nav-links a{color:#ccc;text-decoration:none;transition:color 0.3s;font-size:16px;margin-left:15px; position: relative;}
.nav-left .nav-links a:hover{color:#fff}
.nav-left .nav-links a.on::after {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background: linear-gradient(to left, #667eea, #764ba2);transition: width 0.3s ease;}

.nav-right{display:flex;align-items:center;gap:25px}
.nav-right .btn-gold{background:#cc5200;color:#fff;border:none;padding:5px 12px;border-radius:3px;cursor:pointer;font-size:14px;transition:opacity 0.3s}
.nav-right .btn-blue{background:#00b4d8;color:#fff;border:none;padding:5px 12px;border-radius:3px;cursor:pointer;font-size:14px;transition:opacity 0.3s}
.nav-right .btn-gold:hover,.nav-right .btn-blue:hover{opacity:0.9}

.user-info{position:relative;color:#fff;display:flex;align-items:center;cursor:pointer;}
.user-info .user-log-btn{font-size: 15px;}
.user-info .user-text{height:26px;display:flex;align-items:center; font-size:15px; display: none;}
.user-info .user-text .user-nick{ font-size: 15px;}
.user-info .user-text .user-arrow{margin-left:8px;display:inline-block;transition:transform 0.3s ease; font-size:12px; margin-top:-2px;}
.user-info .user-text:hover .user-arrow{transform:rotate(180deg)}
.user-info .user-text:hover .user-dropdown{display:block}
.user-info .user-dropdown{position:absolute;top:35px;right:98px;width:150px;background-color:#222;border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,0.3);display:none;z-index:9999}
.user-info .user-dropdown::before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}
.user-info .user-dropdown ul{list-style:none;padding:0}
.user-info .user-dropdown li{padding:10px 15px;color:#fff;cursor:pointer;text-align:center;transition:background-color 0.2s}
.user-info .user-dropdown li:hover{background-color:#444}
.user-info .user-dropdown li a{color:#fff; text-decoration:none; font-size:15px;}

.login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10; display: none;}
.login-container .mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999}
.login-container .login-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:985px;height:530px;z-index:1000;border-radius:9px;overflow:hidden;}
.login-container .login-modal .close-btn{position:absolute;top:20px;right:20px;cursor:pointer}
.modal-left{width:600px; height:100%; background-color:#0088ff; float:left; padding:50px 40px; color:#fff}
.modal-left .logo-text{font-size:32px;margin-bottom:30px;display:flex;align-items:center;gap:10px}
.modal-left .logo-text::before{content:"";display:inline-block;width:30px;height:30px; background: url("/resource/image/common/logo3.png") no-repeat center / cover;border-radius:4px}
.modal-left .title{font-size:28px;font-weight:bold;margin-bottom:5px; font-weight: 200;}
.modal-left .subtitle{font-size:17px; margin-bottom:40px;opacity:0.9; font-weight: 200;}
.modal-left .features{padding-left:40px;display:flex;flex-direction:column;gap:10px}
.modal-left .features div{font-size:15px;line-height:1.8;}
.modal-right {width:385px;height:100%;background-color:#222;float:right;padding:0 40px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.modal-right .login-wrap,.modal-right .register-wrap{width:100%}
.modal-right .register-wrap{display:none}
.modal-right .login-title{font-size:28px;text-align:center;margin-bottom:40px;font-weight:300}
.modal-right .input-item{width:100%;margin-bottom:20px}
.modal-right .input-item input{display:block;width:100%;height:40px;padding:0 10px;border:1px solid#444;border-radius:3px;font-size:14px;box-sizing:border-box; outline: none;}
.modal-right .input-item input::placeholder{color:#999}
.modal-right .login-btn{width:100%;height:45px;background-color:#0088ff;color:#fff;border:none;border-radius:3px;font-size:16px;cursor:pointer;margin-bottom:20px}
.modal-right .agreement{font-size:12px;color:#999;text-align:center;margin-bottom:20px}
.modal-right .agreement a{color:#0088ff;text-decoration:none}
.modal-right .link-group{display:flex;justify-content:space-between;font-size:12px;gap:120px}
.modal-right .link-group a{color:#0088ff;text-decoration:none}
.modal-right .register-title{font-size:28px;text-align:center;margin-bottom:24px;font-weight:300}
.modal-right .qrcode-box{width:220px;height:220px;margin:0 auto 16px;padding:8px;background-color:#fff;border-radius:4px;box-sizing:border-box}
.modal-right .qrcode-box img{display:block;width:100%;height:100%;object-fit:contain}
.modal-right .qrcode-tip{font-size:12px;color:#999;text-align:center;margin-bottom:24px}
.modal-right .back-login{display:block;margin:0 auto;background:none;border:none;color:#0088ff;font-size:14px;cursor:pointer}

footer{ background-color: #000; text-align: center; padding: 20px 0; color: #999; letter-spacing: .5px; line-height: 30px;}
footer span{color: #999; margin-left: 16px; font-size: 15px;}
footer a{color: #999; text-decoration: none; margin-left: 16px; font-size: 15px;}