:root{--primary:#26A9E0;--white:#fff;--dark:#222;--gray:#666;--login-bg:#EA7C07;--header-offset:122px;--footer-bg:#222;}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.08);font-family:'Segoe UI',Tahoma,Arial,sans-serif;}.header-top{background:#e8f4fa;width:100%;}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:8px 20px;box-sizing:border-box;}.logo{font-size:28px;font-weight:800;color:#26A9E0;text-decoration:none;letter-spacing:-0.5px;}.logo:hover{opacity:0.9;}.header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;}.btn{display:inline-block;padding:8px 18px;border-radius:24px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:all 0.3s;text-align:center;border:none;}.btn-login{background:var(--login-bg);color:#fff;}.btn-login:hover{background:#c96a05;box-shadow:0 4px 12px rgba(234,124,7,0.3);}.btn-register{background:var(--primary);color:#fff;}.btn-register:hover{background:#1a8cbd;box-shadow:0 4px 12px rgba(38,169,224,0.3);}.btn-download{background:#10ac84;color:#fff;}.btn-download:hover{background:#0e8a6b;box-shadow:0 4px 12px rgba(16,172,132,0.3);}.main-nav{background:#26A9E0;width:100%;display:flex;min-height:52px;}.nav-container{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 20px;box-sizing:border-box;gap:0;}.nav-container a{color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:8px 14px;border-radius:6px;transition:background 0.3s;line-height:1.2;white-space:nowrap;}.nav-container a:hover{background:rgba(255,255,255,0.2);}.mobile-nav-buttons{display:none;}body{padding-top:var(--header-offset);margin:0;font-family:'Segoe UI',Tahoma,Arial,sans-serif;}.site-footer{background:var(--footer-bg);color:#ccc;font-family:'Segoe UI',Tahoma,Arial,sans-serif;}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;padding:40px 20px 20px;box-sizing:border-box;}.footer-brand{max-width:280px;}.footer-logo{font-size:24px;font-weight:800;color:#fff;text-decoration:none;display:inline-block;margin-bottom:12px;}.footer-brand p{font-size:14px;line-height:1.6;color:#aaa;}.footer-links{display:flex;flex-wrap:wrap;gap:40px;}.footer-col h4{color:#fff;font-size:15px;text-transform:uppercase;margin-bottom:15px;font-weight:600;letter-spacing:0.5px;}.footer-col ul{list-style:none;padding:0;margin:0;}.footer-col ul li{margin-bottom:10px;}.footer-col ul li a{color:#aaa;text-decoration:none;font-size:14px;transition:color 0.3s;}.footer-col ul li a:hover{color:#26A9E0;}.footer-bottom{border-top:1px solid #333;text-align:center;padding:16px 20px;font-size:13px;color:#888;}.footer-bottom p{margin:0;}@media(max-width:768px){:root{--header-offset:144px;}.header-container{width:100%;max-width:none;padding:8px 12px;min-height:60px;}.site-header{display:flex;flex-direction:column;}.header-top{order:1;background:#e8f4fa;width:100%;}.header-container{justify-content:space-between;}.logo{font-size:24px;}.header-actions{display:none;}.mobile-nav-buttons{display:block;order:3;background:#fff;width:100%;min-height:48px;border-top:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.mobile-container{width:100%;max-width:none;display:flex;padding:6px 10px;box-sizing:border-box;gap:8px;justify-content:center;align-items:center;}.mobile-container .btn{padding:6px 10px;font-size:12px;flex:1;max-width:120px;}.main-nav{display:none;order:2;position:fixed;top:0;left:0;height:100vh;width:270px;background:#26A9E0;flex-direction:column;padding-top:60px;z-index:2000;transform:translateX(-100%);transition:transform 0.3s ease;}.main-nav.active{display:flex;transform:translateX(0);}.nav-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:none;padding:10px 0;gap:5px;} .nav-container a{color:#fff;padding:12px 20px;font-size:16px;display:block;width:100%;text-align:left;box-sizing:border-box;} .page-content img{max-width:100%!important;height:auto!important;display:block;}.page-content{overflow-x:hidden;max-width:100%;}body{overflow-x:hidden;}.footer-container{width:100%;max-width:none;flex-direction:column;gap:20px;padding:30px 16px 10px;}.footer-links{display:flex;gap:20px;flex-wrap:wrap;}.footer-col{flex:1;min-width:130px;}}.site-header::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:opacity 0.3s;z-index:1500;pointer-events:none;}.site-header.menu-open::after{opacity:1;visibility:visible;pointer-events:auto;}@media(max-width:768px){.site-header.menu-open .main-nav{display:flex;transform:translateX(0);}}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@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;
}