:root{--primary:#11A84E;--secondary:#22C768;--primary-dark:#0A4B2C;--primary-deep:#08160F;--bg-dark:#08160F;--card-bg:#11271B;--text-main:#F2FFF6;--text-secondary:#A7D9B8;--border-color:#2E7A4E;--glow:#57E38D;--gold:#F2C14E;--divider:#1E3A2A;--button-gradient:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);--header-offset:122px;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-dark);color:var(--text-main);padding-top:var(--header-offset);}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,0.5);border-bottom:1px solid var(--border-color);}
.header-top{background-color:var(--primary-dark);width:100%;min-height:60px;display:flex;}
.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-left:24px;padding-right:24px;width:100%;}
.logo{display:inline-block;font-size:32px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:1px;text-transform:uppercase;background:var(--button-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(87,227,141,0.2);flex-shrink:0;}
.logo:hover{opacity:0.9;}
.desktop-nav-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.btn{display:inline-block;border:none;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;padding:12px 26px;border-radius:8px;line-height:1.4;transition:all 0.3s ease;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.2);-webkit-tap-highlight-color:transparent;}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(87,227,141,0.3);}
.btn-register,.btn-login{background:var(--button-gradient);color:#fff;}
.btn-register::before{content:"🔥 ";}
.btn-login::before{content:"🔑 ";}
.main-nav{background:var(--bg-dark);width:100%;display:flex;border-top:1px solid var(--divider);}
.nav-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px;border-radius:8px;}
.nav-link{display:block;text-decoration:none;color:var(--text-main);font-size:16px;font-weight:600;padding:10px 18px;border-radius:6px;transition:color 0.3s,background-color 0.3s;border-right:1px solid var(--divider);}
.nav-link:last-child{border-right:none;}
.nav-link:hover{color:#fff;background-color:rgba(17,168,78,0.15);text-shadow:0 0 8px rgba(87,227,141,0.5);}
.mobile-nav-buttons,.hamburger-menu,.mobile-menu-overlay{display:none;}
.site-footer{background-color:var(--card-bg);color:var(--text-main);border-top:2px solid var(--border-color);padding:0;}
.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding:50px 24px 30px;}
.footer-brand .footer-logo{font-size:32px;font-weight:800;color:var(--glow);text-decoration:none;display:block;margin-bottom:12px;text-shadow:0 0 10px rgba(87,227,141,0.4);}
.footer-brand p{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:20px;}
.footer-nav h4{color:var(--glow);font-size:18px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;}
.footer-nav ul{list-style:none;}
.footer-nav ul li{margin-bottom:8px;}
.footer-nav ul li a{color:var(--text-secondary);text-decoration:none;font-size:15px;line-height:1.8;transition:color 0.3s,padding-left 0.3s;}
.footer-nav ul li a:hover{color:var(--glow);padding-left:6px;}
.footer-bottom{border-top:1px solid var(--divider);padding:15px 24px;text-align:center;font-size:14px;color:var(--text-secondary);background:rgba(8,22,15,0.9);}
@media (max-width:768px){:root{--header-offset:150px;}body{overflow-x:hidden;}.page-content{overflow-x:hidden;max-width:100%;}.page-content img{max-width:100% !important;height:auto !important;display:block;}.header-top{min-height:60px;}.header-container{width:100%;max-width:none;padding-left:15px;padding-right:70px;min-height:48px;justify-content:center;position:relative;}.logo{font-size:24px;line-height:48px;text-align:center;text-shadow:0 0 10px rgba(87,227,141,0.3);}.desktop-nav-buttons{display:none;}.main-nav{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--card-bg);border-right:2px solid var(--border-color);display:none;flex-direction:column;transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto;z-index:2000;padding-top:70px;}
  .nav-container{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;justify-content:flex-start;padding:0;background:transparent;}
  .nav-link{color:var(--text-main);font-size:18px;padding:16px 25px;border-bottom:1px solid var(--divider);border-right:none;}
  .nav-link:hover{background-color:rgba(17,168,78,0.1);color:var(--glow);}
  .main-nav.active{display:flex;transform:translateX(0);}
  .mobile-nav-buttons{display:flex;background-color:var(--primary-dark);justify-content:center;align-items:center;padding:10px 15px;gap:10px;}
  .mobile-nav-buttons .btn{flex:1;padding:11px 10px;font-size:15px;border-radius:6px;}
  .hamburger-menu{display:block;position:fixed;top:16px;left:18px;z-index:1002;cursor:pointer;background-color:var(--primary);width:46px;height:46px;border-radius:8px;border:1px solid var(--glow);box-shadow:0 2px 10px rgba(0,0,0,0.4);padding:10px;box-sizing:border-box;}
  .hamburger-menu span{display:block;width:100%;height:3px;background:#fff;border-radius:3px;margin:5px 0;transition:all 0.3s ease;}
  .hamburger-menu.active{background-color:var(--primary-dark);border-color:var(--glow);}
  .hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}
  .hamburger-menu.active span:nth-child(2){opacity:0;}
  .hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}
  .mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1999;}
  .mobile-menu-overlay.active{display:block;}
  body.no-scroll{overflow:hidden;}
  .footer-container{max-width:100%;grid-template-columns:1fr;gap:30px;padding:40px 20px 20px;}
  .footer-brand{text-align:center;}
  .footer-nav h4{text-align:center;}
  .footer-nav ul li{text-align:center;}
  .footer-nav ul{border-bottom:1px solid var(--divider);padding-bottom:16px;margin-bottom:8px;}}
@media(max-width:360px){.header-container{height:48px;}.logo{font-size:20px;line-height:44px;}.hamburger-menu{width:42px;height:42px;top:14px;left:12px;}}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@media (max-width: 768px) {
  .page-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }
  .page-content {
    overflow-x: hidden;
    max-width: 100%;
  }
  body {
    overflow-x: hidden;
  }
}
/* 内容保护（系统追加，请勿删除） */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input, textarea, select, [contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}