:root{--header-offset:91px;--transition-speed:0.3s;--primary:#113B7A;--secondary:#1D5FD1;--btn-gradient:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);--card-bg:#10233F;--text-main:#F3F8FF;--text-secondary:#AFC4E8;--border:#244D84;--glow:#4FA8FF;--gold:#F2C14E;--divider:#1B3357;--deep-navy:#08162B;--header-bg-top:#08162B;--header-bg-nav:#113B7A}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:'Open Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:#08162B;color:#F3F8FF;padding-top:var(--header-offset);overflow-x:hidden}img{max-width:100%;height:auto}.site-header{position:fixed;top:0;left:0;width:100%;background:var(--header-bg-top);box-shadow:0 4px 20px rgba(8,22,43,0.9),0 1px 4px rgba(0,0,0,0.5);z-index:1000;border-bottom:2px solid #244D84}.site-header .header-top{background:var(--header-bg-top);width:100%;border-bottom:1px solid rgba(36,77,132,0.45)}.site-header .header-container{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;box-sizing:border-box}.site-header .logo{display:inline-block;color:#F2C14E;font-size:2.2rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none;font-family:'Montserrat','Poppins',sans-serif;line-height:1.2;padding:0;margin-right:12px;text-shadow:0 0 12px rgba(242,193,78,0.45);white-space:nowrap;flex-shrink:0}.site-header .logo:hover{color:#fff;text-shadow:0 0 15px rgba(79,168,255,0.7)}.site-header .logo:focus-visible{outline:2px solid #F2C14E}.site-header .desktop-nav-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.site-header .btn{display:inline-block;padding:10px 18px;font-size:0.9rem;font-weight:600;line-height:1;border-radius:5px;text-decoration:none;letter-spacing:0.2px;transition:all 0.25s ease;cursor:pointer;border:none;background:var(--btn-gradient);color:#fff;text-align:center;min-height:40px;box-sizing:border-box;box-shadow:0 2px 8px rgba(43,115,246,0.4)}.site-header .btn-primary{border:1px solid transparent}.site-header .btn-secondary{background:var(--btn-gradient);border:1px solid rgba(242,193,78,0.6)}.site-header .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,168,255,0.4);filter:brightness(1.15)}.site-header .btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.3)}.site-header .btn:focus-visible{outline:3px solid #4FA8FF;outline-offset:2px}.site-header .hamburger-menu{display:none;background:none;border:none;padding:8px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:40px;height:40px;border-radius:6px;z-index:1002;position:relative;transition:all 0.2s ease;flex-shrink:0}.site-header .hamburger-line{display:block;width:22px;height:2px;background:#F3F8FF;border-radius:3px;transition:all 0.3s ease}.site-header .mobile-nav-buttons{display:none}.site-header .main-nav{display:flex;background:var(--header-bg-nav);width:100%;border-top:1px solid rgba(36,77,132,0.3);box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.site-header .nav-container{max-width:1200px;width:100%;margin:0 auto;padding:10px 24px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;box-sizing:border-box}.site-header .nav-container a{display:inline-block;padding:8px 13px;font-size:0.85rem;font-weight:500;line-height:1.3;text-decoration:none;color:#F3F8FF;border-radius:4px;transition:background 0.25s,color 0.25s,transform 0.2s;border:1px solid transparent;white-space:nowrap}.site-header .nav-container a:hover,.site-header .nav-container a:focus-visible{color:#F2C14E;background:#16375F;border-color:#244D84;outline:none}.site-header .nav-container a:focus-visible{outline:3px solid #F2C14E}.site-header .nav-container a:active{transform:scale(0.98)}.site-header .nav-container a:first-child{color:#F2C14E;font-weight:700}.mobile-menu-overlay{display:none}.page-content{width:100%;max-width:1200px;margin:0 auto;padding:10px 20px 60px;box-sizing:border-box}.page-content img{max-width:100%;height:auto;display:block}.site-footer{background:#08162B;border-top:3px solid #244D84;box-shadow:0 -8px 30px rgba(0,0,0,0.3);padding-top:40px;color:#AFC4E8;font-size:0.92rem;margin-top:60px}.site-footer .footer-container{max-width:1200px;margin:0 auto;padding:0 24px 24px;display:grid;gap:30px;grid-template-columns:minmax(250px,1.6fr) repeat(3,1fr);align-items:start;box-sizing:border-box}.site-footer .footer-column ul{list-style:none;padding:0;margin:0}.site-footer .footer-logo{display:inline-block;font-size:2rem;font-weight:800;color:#F2C14E;text-decoration:none;text-transform:uppercase;font-family:'Montserrat',sans-serif;margin-bottom:10px;transition:color 0.2s}.site-footer .footer-logo:hover{color:#fff;text-shadow:0 0 10px rgba(242,193,78,0.6)}.site-footer .footer-brand p{color:#AFC4E8;margin-bottom:12px;line-height:1.6}.site-footer .footer-games{font-size:0.85rem;color:#4FA8FF;font-weight:600;border-top:1px solid #244D84;padding-top:15px;margin-top:15px}.site-footer .footer-column h4{font-size:1rem;color:#F3F8FF;text-transform:uppercase;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #244D84;letter-spacing:1px;position:relative}.site-footer .footer-column h4::after{content:'';position:absolute;left:0;bottom:-2px;width:45px;height:2px;background:#F2C14E}.site-footer .footer-links .footer-nav li,.site-footer .footer-legal .footer-nav li{margin-bottom:9px}.site-footer .footer-links .footer-nav a,.site-footer .footer-legal .footer-nav a{color:#AFC4E8;text-decoration:none;transition:color 0.2s,padding-left 0.2s;font-size:0.92rem;display:inline-block}.site-footer .footer-links .footer-nav a:hover,.site-footer .footer-legal .footer-nav a:hover{color:#F2C14E;padding-left:4px}.site-footer .footer-contact p{line-height:1.5;margin-bottom:14px}.site-footer .footer-support-buttons{display:flex;align-items:center;justify-content:flex-start;column-gap:10px;margin:12px 0;flex-wrap:wrap}.site-footer .btn{display:inline-block;padding:10px 22px;font-size:0.88rem;font-weight:600;line-height:1;border-radius:5px;text-decoration:none;background:var(--btn-gradient);color:#fff;border:none;transition:all 0.25s ease;text-align:center;cursor:pointer}.site-footer .btn:hover{filter:brightness(1.15);box-shadow:0 4px 12px rgba(43,115,246,0.5);transform:translateY(-1px)}.site-footer .footer-hotline{font-weight:600;color:#F3F8FF;font-size:0.82rem;padding:8px 0 0;border-top:1px solid #244D84;margin:15px 0 0}.site-footer .footer-bottom{background:#071322;border-top:1px solid #244D84;padding:14px 20px;text-align:center;font-size:0.85rem;color:#AFC4E8}.site-footer .footer-bottom a{color:#AFC4E8}.site-footer .footer-bottom a:hover{color:#F2C14E}.site-footer .footer-bottom p{margin:0}.site-footer .footer-bottom .copyright-year{color:#fff}@media (max-width:768px){:root{--header-offset:132px}.site-header .header-container{width:100%;max-width:none;padding:10px 14px}.site-header .logo{display:block;font-size:1.7rem}.site-header .desktop-nav-buttons{display:none}.site-header .hamburger-menu{display:flex;order:3;z-index:1002}.site-header .mobile-nav-buttons{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;background:#08162B;border-top:1px solid rgba(36,77,132,0.8);z-index:900;width:100%}.site-header .mobile-nav-buttons .btn{min-height:34px;font-size:0.84rem;width:auto;padding:6px 16px;margin:0}.site-header .hamburger-menu{order:1}.site-header .logo{order:2}.site-header .mobile-nav-buttons{order:3}.site-header .main-nav{display:none;flex-direction:column;position:fixed;top:0;left:0;width:76%;height:100%;background:#0A1E3C;overflow-y:auto;z-index:1001;transform:translateX(-100%);transition:transform 0.3s ease;box-shadow:4px 6px 25px rgba(0,0,0,0.6);border-right:2px solid #244D84;padding-top:70px}.site-header .main-nav.active .main-nav.open .main-nav{display:block;transform:translateX(0)}.site-header .main-nav ul{flex-direction:column}.site-header .nav-container{width:100%;max-width:none;flex-direction:column;justify-content:flex-start;padding:20px 12px;gap:0}.site-header .nav-container a{display:block;padding:13px 16px;font-size:0.95rem;color:#F3F8FF;border-bottom:1px solid #244D84;border-radius:0;width:100%;white-space:normal}.site-header .nav-container a:hover,.site-header .nav-container a:focus-visible{background:#16375F;color:#F2C14E}.site-header .nav-container a:first-child{color:#F2C14E}.site-header .nav-container a:last-child{border-bottom:6px solid rgba(36,77,132,0.25)}.site-header .main-nav.active .nav-container{display:block}.site-header .mobile-menu-overlay{display:none}.site-header .mobile-menu-overlay.active,.site-header .mobile-menu-overlay.open{display:block;background:rgba(0,0,0,0.6);animation:none}.site-header .logo{font-size:1.9rem}html body{padding-top:var(--header-offset)}.page-content img{max-width:100%!important;height:auto!important;display:block}.page-content{overflow-x:hidden;max-width:100%}body{overflow-x:hidden}.site-header .hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg);position:absolute;transition:transform 0.3s ease}.site-header .hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.site-header .hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg);position:absolute;transition:transform 0.3s ease}.site-header .btn::after{content:'';display:block;width:0;height:2px;background:#fff;margin-top:2px;transition:width 0.3s ease}.site-header .btn:hover::after{width:100%}.site-footer .footer-container{width:100%;max-width:none;grid-template-columns:1fr;gap:40px}.mobile-menu-overlay{display:none}.site-footer .footer-column{padding-bottom:12px}.site-footer .footer-column h4{margin-bottom:12px}.footer-bottom{padding:14px 20px}.page-content{padding:10px 15px 30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@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;
}