:root{--primary:#FF8C1A;--secondary:#FFA53A;--header-top-bg:#17191F;--nav-bg:#0D0E12;--header-offset:122px;--btn-gradient:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);--footer-bg:#17191F;--text-main:#FFF3E6;} body{padding-top:var(--header-offset);margin:0;font-family:Arial,sans-serif;} .site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--header-top-bg);box-shadow:0 4px 12px rgba(0,0,0,0.5);} .header-top{background-color:var(--header-top-bg);width:100%;} .header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;min-height:68px;padding-left:20px;padding-right:20px;} .logo{color:var(--secondary);font-size:1.7rem;font-weight:bold;text-decoration:none;white-space:nowrap;letter-spacing:0.5px;} .logo:hover{color:var(--primary);} .desktop-nav-buttons{display:flex;align-items:center;gap:10px;} .main-nav{background-color:var(--nav-bg);width:100%;display:flex;min-height:52px;} .nav-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:0;flex-wrap:wrap;} .nav-link{color:var(--text-main);text-decoration:none;padding:14px 15px;font-size:1rem;font-weight:500;transition:all 0.3s ease;display:block;} .nav-link:hover{background-color:var(--primary);color:#000;} .btn{text-decoration:none;display:inline-block;padding:10px 24px;border-radius:6px;font-weight:bold;border:2px solid transparent;transition:all 0.3s ease;font-size:0.95rem;} .btn-register{background:var(--btn-gradient);color:#fff;animation:glow 1.5s ease-in-out infinite alternate;} .btn-login{background:transparent;color:var(--secondary);border-color:var(--secondary);} .btn-register:hover{background:var(--secondary);color:#000;transform:scale(1.05);box-shadow:0 0 18px var(--secondary);} .btn-login:hover{background:var(--secondary);color:#000;} @keyframes glow{from{box-shadow:0 0 6px var(--secondary);}to{box-shadow:0 0 18px var(--secondary);}} .hamburger-menu{display:none;} .mobile-menu-buttons{display:none;} .site-footer{background-color:var(--footer-bg);color:var(--text-main);padding:50px 20px 0;border-top:4px solid var(--primary);} .footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding-bottom:30px;} .footer-logo{color:var(--secondary);font-size:1.8rem;font-weight:bold;text-decoration:none;display:block;margin-bottom:15px;} .footer-logo-col p{color:#ccc;font-size:0.9rem;line-height:1.6;} .footer-nav-col h4,.footer-legal-col h4{color:var(--secondary);margin-bottom:15px;font-size:1rem;text-transform:uppercase;letter-spacing:1px;} .footer-nav,.footer-legal{display:flex;flex-direction:column;gap:10px;} .footer-nav a,.footer-legal a{color:var(--text-main);text-decoration:none;font-size:0.95rem;transition:color 0.3s;} .footer-nav a:hover,.footer-legal a:hover{color:var(--primary);} .footer-bottom{background-color:#000;text-align:center;padding:18px 0;margin-top:30px;border-top:1px solid #FF8C1A;} .footer-bottom p{margin:0;font-size:0.85rem;color:#aaa;} #copyright-year{color:var(--secondary);font-weight:bold;} @media (max-width:768px){:root{--header-offset:146px;} .header-container{width:100%;max-width:none;padding-left:15px;padding-right:15px;min-height:60px;flex-wrap:wrap;} .header-top{width:100%;} .logo{font-size:1.2rem;order:2;margin:5px 0;} .desktop-nav-buttons{display:none;} .hamburger-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:5px;order:1;z-index:1002;} .hamburger-menu span{display:block;width:26px;height:3px;background:var(--secondary);transition:transform 0.3s ease,opacity 0.3s ease;border-radius:2px;} .hamburger-menu.active span:nth-child(1){transform:translateY(8px) rotate(45deg);} .hamburger-menu.active span:nth-child(2){opacity:0;} .hamburger-menu.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);} .main-nav{position:fixed;top:0;left:0;height:100%;width:280px;background-color:var(--header-top-bg);flex-direction:column;justify-content:flex-start;align-items:flex-start;box-shadow:2px 0 15px rgba(0,0,0,0.6);transform:translateX(-100%);transition:transform 0.4s ease-in-out;display:none;padding-top:90px;overflow-y:auto;} .main-nav.active{transform:translateX(0);display:flex;} .nav-container{flex-direction:column;align-items:flex-start;width:100%;max-width:none;padding:0;} .nav-link{width:100%;padding:15px 20px;font-size:1rem;border-bottom:1px solid #FF8C1A;} .mobile-menu-overlay{display:none;} .site-header .mobile-menu-overlay.active{display:block;} .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{padding:35px 15px 0;} .footer-container{grid-template-columns:1fr;gap:20px;} .footer-logo{font-size:1.4rem;}}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@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;
}