:root{--primary:#E53935;--secondary:#FF5A4F;--card-bg:#FFFFFF;--body-bg:#F5F7FA;--text-main:#333333;--border-color:#E0E0E0;--header-top-height:68px;--main-nav-height:52px;--mobile-nav-buttons-height:48px;--header-offset:122px;}
html{scroll-behavior:smooth;}
body{margin:0;padding-top:var(--header-offset);background-color:var(--body-bg);color:var(--text-main);font-family:Arial,Helvetica,sans-serif;line-height:1.5;}
img{max-width:100%;height:auto;}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.15);font-family:Arial,Helvetica,sans-serif;}
.header-top{background-color:var(--primary);width:100%;}
.header-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px;min-height:68px;gap:16px;}
.logo{color:#fff;font-size:28px;font-weight:700;text-decoration:none;letter-spacing:2px;text-transform:lowercase;flex-shrink:0;line-height:1.2;text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.desktop-nav-buttons{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.btn{display:inline-block;padding:10px 22px;font-size:15px;font-weight:600;border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;background:linear-gradient(180deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;box-shadow:0 2px 6px rgba(229,57,53,0.4);line-height:1.4;text-align:center;}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(229,57,53,0.5);filter:brightness(1.05);}
.btn-register{background:linear-gradient(180deg,#FFD54F 0%,#FFB300 100%);color:#5D4037;box-shadow:0 2px 6px rgba(255,179,0,0.4);}
.btn-login{background:linear-gradient(180deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;}
.btn-support{background:var(--primary);color:#fff;padding:8px 18px;font-size:14px;}
.main-nav{background-color:#fff;width:100%;display:flex;flex-direction:row;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);}
.nav-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 12px;gap:4px;min-height:52px;}
.nav-container a{color:var(--text-main);font-size:15px;padding:8px 16px;border-radius:6px;text-decoration:none;display:block;transition:background-color 0.2s,color 0.2s;font-weight:500;white-space:nowrap;}
.nav-container a:first-child{color:var(--primary);font-weight:700;}
.nav-container a:hover{background-color:var(--body-bg);color:var(--primary);}
.mobile-nav-buttons{display:none;background-color:var(--primary);}
.mobile-menu-overlay{display:none;}
.hamburger-menu{display:none;}
@media(max-width:768px){
:root{--header-offset:146px;}
.site-header{min-height:0;}
.header-top{background-color:var(--primary);width:100%;}
.header-container{width:100%;max-width:100%;min-height:60px;padding:0 12px;}
.logo{font-size:24px;margin-left:auto;margin-right:auto;text-align:center;}
.desktop-nav-buttons{display:none;}
.main-nav{display:none;position:fixed;top:0;left:0;background-color:#fff;width:280px;max-width:85%;height:100%;flex-direction:column;z-index:1002;padding-top:20px;border-right:1px solid var(--border-color);box-shadow:2px 0 12px rgba(0,0,0,0.2);transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto;}
.main-nav.active{display:block;transform:translateX(0);}
.nav-container{width:100%;max-width:100%;flex-direction:column;align-items:flex-start;padding:0 20px 20px;gap:0;min-height:auto;}
.nav-container a{width:100%;padding:12px 6px;font-size:16px;border-bottom:1px solid var(--border-color);}
.nav-container a:last-child{border-bottom:none;}
.mobile-nav-buttons{display:flex;justify-content:center;align-items:center;padding:8px 12px;gap:10px;width:100%;min-height:48px;border-top:1px solid rgba(255,255,255,0.2);}
.mobile-nav-buttons .btn{padding:6px 16px;font-size:13px;justify-content:center;width:auto;}
.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;border:none;background:transparent;cursor:pointer;z-index:1003;margin-right:4px;padding:0;flex-shrink:0;}
.hamburger-menu .bar{display:block;width:26px;height:3px;background:#fff;margin:3px 0;border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease;}
.hamburger-menu.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg);}
.hamburger-menu.active .bar:nth-child(2){opacity:0;}
.hamburger-menu.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1001;}
.mobile-menu-overlay.active{display:block;}
body.no-scroll{overflow:hidden;}
.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-footer{background-color:#1a1a2e;color:#ccc;padding:50px 0 0;margin-top:40px;font-family:Arial,Helvetica,sans-serif;}
.footer-container{max-width:1280px;margin:0 auto;padding:0 24px;}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 0.8fr;gap:40px;padding-bottom:30px;}
.footer-col h3{color:#fff;font-size:18px;margin:0 0 20px;font-weight:600;text-transform:uppercase;}
.footer-logo{font-size:28px;font-weight:700;color:#fff;text-decoration:none;display:block;margin-bottom:20px;letter-spacing:2px;}
.footer-about p{font-size:15px;line-height:1.8;margin:0;opacity:0.8;}
.footer-nav ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;}
.footer-nav a{color:#ccc;text-decoration:none;padding:4px 0;display:inline-block;font-size:15px;transition:color 0.2s;}
.footer-nav a:hover{color:var(--secondary);}
.footer-contact p{margin:0 0 12px;font-size:15px;opacity:0.8;}
.footer-contact .btn{margin-top:10px;font-size:14px;padding:8px 18px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 0;text-align:center;font-size:14px;}
.footer-bottom p{margin:0;padding:4px 0;}
.footer-bottom a{color:var(--secondary);text-decoration:none;}
@media(max-width:768px){
.site-footer{padding-top:30px;}
.footer-container{width:100%;max-width:100%;padding:0 20px;}
.footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:20px;}
.footer-nav ul{grid-template-columns:1fr 1fr;column-gap:14px;}
.footer-about p,.footer-contact p{font-size:14px;}
.footer-bottom p{font-size:13px;}
}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@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;
}