/* 顶部导航栏 */
.top-navbar{background-color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}
.top-navbar-container{max-width:1450px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;height:70px}
.top-navbar-left{display:flex;align-items:center;gap:40px}
.logo{width:80px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;cursor:pointer}
.logo-img{display:inline-block;width:46px}
.logo-text{margin-left:10px;margin-top:5px}
.logo-text>p{font-size:16px;color:#222;font-weight:700;font-family:cursive}
.main-nav-menu{display:flex;list-style:none}
.main-nav-menu>li{height:70px;display:flex;justify-content:center;align-items:center;padding:0 15px;cursor:pointer;position:relative;z-index:999;}
.main-nav-menu>li::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-color:var(--bg-color);pointer-events:none;}
.main-nav-menu>li:hover{--bg-color:#000;}
.main-nav-menu>li>a{color:#fff;text-decoration:none;font-size:14px;transition:color .3s;z-index:998;}
.main-nav-menu>li:hover>a{color:#fc4147}
.main-nav-sub-menu{position:absolute;left:0;top:70px;max-height:0;z-index:-1;background-color:#1a1a1a;box-shadow:0 9px 10px rgba(255,255,255,.1);border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .5s ease;}
.main-nav-sub-menu>a{display:block;min-width:120px;height:40px;line-height:40px;padding:0 18px;white-space:nowrap;color:#fafafa;border-bottom:1px solid #111;transition:all .3s ease;}
.main-nav-sub-menu>a:hover{color:#fc4147;background-color:#000;}
.main-nav-menu>li:hover>.main-nav-sub-menu{max-height:300px;opacity:1;}
.top-navbar-right{display:flex;align-items:center;gap:20px}
.icon-btn{width:36px;height:36px;border-radius:50%;background:#f5f5f5;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background-color .3s}
.icon-btn:hover{background:#e0e0e0}
.login-register{display:flex;gap:15px}
.login-register>span{color:#999;font-size:12px;position:relative;top:1px;margin:0 -5px}
.login-register a{color:#eee;text-decoration:none;font-size:14px;transition:color .3s}
.login-register a:hover{color:#fc4147}
.user-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#1a1a1a;cursor:pointer;margin-right:20px}
.stamp-hidden{position:absolute;right:5px;top:5px;font-size:50px;color:#ff3039;z-index:99}


/* 底部栏 */
.footer{width:100%;background-color:#0a0a0a;padding:100px;position: relative;z-index: 999;margin-top: 30px;}
.footer-content{max-width:1350px;margin:0 auto;min-height:200px;display:flex;align-items:center;justify-content:space-between}
.footer-left-line{display:flex;color:#acacac;font-size:14px;padding:10px;font-weight:700}
.footer-tag{margin-left:30px;color:#9f9f9f;font-weight:400;cursor:pointer;transition:all .3s ease}
.footer-tag:hover{color:#fc4147}
.footer-right-line{color:#acacac;font-size:14px;padding:8px;font-weight:700}