*{margin:0; padding:0; outline: none; box-sizing:border-box; font-family:"Arial","Microsoft YaHei","Sans-Serif"; font-size:14px;}
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;}
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)}}
.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;}
/*顶部导航*/
header{position:relative; background:#000; background: linear-gradient(to top, #000, #303030); 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:20px;}
.nav-left .nav-logo{color:#fff; display: flex; align-items: center; justify-items: center;}
.nav-left .nav-logo img{width:22px; height:22px; margin-right:10px ; display: block;}
.nav-left .nav-logo .nav-name{font-size:28px; 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;}
.nav-left .nav-logo .nav-info div{font-size: 11px;}
.nav-left .nav-logo .nav-info div:last-child{  letter-spacing:1px;}
.nav-left .nav-links{display:flex; gap:10px; margin-left:15px;}
.nav-left .nav-links a{color:#d9d9d9; 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; position:relative;color:#fff;cursor:pointer;}
.nav-right .user-log-btn{background:#cc5200;color:#fff;border:none;padding:5px 12px;border-radius:3px;cursor:pointer;font-size:14px;transition:opacity 0.3s}
.nav-right .user-log-btn:hover{opacity:0.9}
.nav-right .user-text .user-account{display:flex;gap:5px;align-items:center;border:1px solid #3a3a3a;background:#1a1a1a;padding:1px 15px;border-radius:16px;font-size:13px}
.nav-right .user-text .user-account img{display:block;width:15px;height:15px;vertical-align:middle;margin-right: 2px;}
.nav-right .user-text .user-account span{font-size:13px;color:#efefef}
.nav-right .user-text .user-account span.split{color:#aaa}
.nav-right .user-text .user-arrow{display:inline-block;transition:transform 0.3s ease; font-size:12px; margin-top:-2px;}
.nav-right .user-text .user-dropdown{position:absolute;top:37px;right:0px;width:110px;background-color:#222;border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,0.3);display:none;z-index:9999}
.nav-right .user-text .user-dropdown::before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}
.nav-right .user-text .user-dropdown ul{list-style:none;padding:0}
.nav-right .user-text .user-dropdown li{padding:5px 15px;color:#fff;cursor:pointer;text-align:center;transition:background-color 0.2s}
.nav-right .user-text .user-dropdown li:hover{background-color:#444}
.nav-right .user-text .user-dropdown li a{color:#fff; text-decoration:none; font-size:13px;}
.nav-right .user-text:hover .user-arrow{transform:rotate(180deg)}
.nav-right .user-text:hover .user-dropdown{display:block}

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;}