.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#08160F;box-shadow:0 4px 20px rgba(0,0,0,0.5);min-height:auto;display:flex;flex-direction:column;}
body{padding-top:var(--header-offset,122px);margin:0;background-color:#08160F;color:#F2FFF6;}
:root{--header-offset:122px;}
.header-top{background-color:#0A4B2C;width:100%;}
.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-left:30px;padding-right:30px;min-height:68px;}
.logo{font-size:2em;font-weight:900;color:#F2C14E;text-decoration:none;text-shadow:0 0 15px rgba(242,193,78,0.4);letter-spacing:1px;display:inline-block;white-space:nowrap;}
.logo:hover{color:#57E38D;text-shadow:0 0 15px rgba(87,227,141,0.5);}
.desktop-nav-buttons{display:flex;align-items:center;gap:12px;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:8px;font-weight:700;font-size:1em;text-decoration:none;border:2px solid transparent;transition:all 0.3s ease;cursor:pointer;line-height:1.4;white-space:nowrap;}
.btn-register{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#FFFFFF;border-color:#22C768;box-shadow:0 0 12px rgba(34,199,104,0.3);}
.btn-register:hover{background:linear-gradient(180deg,#13994A 0%,#0A4B2C 100%);border-color:#2AD16F;transform:translateY(-2px);box-shadow:0 4px 20px rgba(34,199,104,0.4);}
.btn-login{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#FFFFFF;border-color:#22C768;box-shadow:0 0 12px rgba(34,199,104,0.3);}
.btn-login:hover{background:linear-gradient(180deg,#13994A 0%,#0A4B2C 100%);border-color:#2AD16F;transform:translateY(-2px);box-shadow:0 4px 20px rgba(34,199,104,0.4);}
.main-nav{background-color:#11271B;width:100%;display:flex;align-items:center;flex-direction:row;position:static;min-height:52px;border-top:1px solid #2E7A4E;}
.nav-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 20px;gap:4px;width:100%;}
.nav-link{color:#F2FFF6;text-decoration:none;font-weight:600;font-size:0.95em;padding:8px 16px;border-radius:6px;transition:color 0.3s ease,background-color 0.3s ease;white-space:nowrap;}
.nav-link:hover{color:#F2C14E;background-color:rgba(242,193,78,0.1);}
.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;position:absolute;left:10px;top:10px;}
.hamburger-menu span{display:block;width:28px;height:3px;background-color:#F2FFF6;margin:5px 0;transition:all 0.3s ease;border-radius:2px;}
.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background-color:#F2C14E;}
.hamburger-menu.active span:nth-child(2){opacity:0;}
.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);background-color:#F2C14E;}
.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:998;opacity:0;transition:opacity 0.3s ease;}
.mobile-menu-overlay.active{display:block;opacity:1;}
.mobile-nav-buttons{display:none;}
.page-content img{max-width:100%;height:auto;display:block;}
.page-content{overflow-x:hidden;max-width:100%;}
body{overflow-x:hidden;}
.site-footer{background-color:#08160F;color:#A7D9B8;font-size:0.95em;border-top:2px solid #2E7A4E;}
.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 0.8fr 0.8fr 1fr;gap:30px;padding:50px 30px 30px;}
.footer-brand{display:flex;flex-direction:column;gap:15px;}
.footer-logo{font-size:1.9em;font-weight:900;color:#F2C14E;text-decoration:none;text-shadow:0 0 15px rgba(242,193,78,0.4);}
.footer-desc{line-height:1.6;color:#A7D9B8;margin:0;}
.footer-buttons{margin-top:5px;}
.footer-buttons .btn{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#FFFFFF;border:2px solid #22C768;padding:10px 24px;border-radius:8px;font-weight:700;display:inline-block;text-decoration:none;transition:all 0.3s ease;}
.footer-buttons .btn:hover{background:linear-gradient(180deg,#13994A 0%,#0A4B2C 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgba(34,199,104,0.4);}
.footer-title{color:#F2C14E;font-size:1.2em;font-weight:700;margin-bottom:15px;}
.footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.footer-nav a{color:#A7D9B8;text-decoration:none;transition:color 0.3s ease;}
.footer-nav a:hover{color:#F2C14E;text-decoration:underline;}
.footer-contact p{line-height:1.6;margin:0 0 10px;}
.footer-bottom{border-top:1px solid #1E3A2A;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background-color:#0A4B2C;}
.copyright{margin:0;color:#F2FFF6;font-size:0.9em;}
.footer-18plus{margin:0;color:#A7D9B8;font-weight:600;border:1px solid #2E7A4E;padding:2px 8px;border-radius:4px;font-size:0.85em;}
@media (max-width:768px){
:root{--header-offset:110px;}
.header-container{width:100%;max-width:none;padding-left:15px;padding-right:15px;min-height:60px;}
.logo{font-size:1.6em;margin:0 auto;display:block;text-align:center;}
.header-top{min-height:60px;display:flex;align-items:center;}
.main-nav{display:none;flex-direction:column;position:fixed;top:0;left:0;width:75%;max-width:320px;height:100vh;background-color:#11271B;padding-top:70px;align-items:flex-start;padding-left:20px;padding-right:20px;transform:translateX(-100%);transition:transform 0.3s ease;z-index:999;overflow-y:auto;border-top:none;}
.main-nav.active{display:flex;transform:translateX(0);}
.nav-container{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;width:100%;padding:20px;max-width:100%;}
.nav-link{font-size:1.1em;padding:14px 12px!important;border-bottom:1px solid #1E3A2A;width:100%;color:#F2FFF6;}
.nav-link:hover{background-color:#0A4B2C;color:#F2C14E;border-left:3px solid #F2C14E;}
.desktop-nav-buttons{display:none;}
.mobile-nav-buttons{display:flex;justify-content:center;gap:10px;padding:10px 5px;background-color:#0A4B2C;border-top:1px solid #2E7A4E;min-height:48px;}
.mobile-nav-buttons .btn{flex:1;justify-content:center;font-size:0.9em;padding:10px 12px;}
.hamburger-menu{display:block;}
.mobile-menu-overlay.active{display:block;}
.footer-container{grid-template-columns:1fr 1fr;padding:40px 20px 20px;gap:20px;}
.footer-bottom{flex-direction:column;text-align:center;padding:15px 20px;}
.page-content img{max-width:100%!important;height:auto!important;display:block;}
.page-content{overflow-x:hidden;max-width:100%;}
body{overflow-x:hidden;}
.btn{white-space:normal;padding:10px 15px;}
.footer-container{width:100%;max-width:none;}
.footer-bottom{width:100%;max-width:none;}
}
@media (min-width:769px){
.hamburger-menu{display:none!important;}
}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@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;
}