/* 基础全站样式 */
:root { --main-blue: #00A3FF; --dark-bg: #0b0b0b; --card-bg: #1a1a1a; }
body { margin: 0; padding: 0; background-color: var(--dark-bg); color: #fff; font-family: "Microsoft YaHei", sans-serif; }
.container { width: 1200px; margin: 0 auto; }

/* 导航栏样式 */
header { background: #000; padding: 20px 0; border-bottom: 1px solid #333; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
.logo img { height: 50px; }
.nav-menu { list-style: none; display: flex; gap: 30px; }
.nav-menu a { color: #ccc; text-decoration: none; font-weight: bold; }
.nav-menu a.active { color: var(--main-blue); }

/* 按钮样式 */
.btn-reg { background: var(--main-blue); color: #fff; padding: 10px 25px; border-radius: 5px; text-decoration: none; }
.btn-login { color: var(--main-blue); text-decoration: none; margin-right: 20px; border: 1px solid var(--main-blue); padding: 8px 20px; border-radius: 5px; }

/* 巨幕 Banner */
.hero-banner { height: 500px; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('banner-bg.jpg'); background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; }