:root{--primary:#E53935;--secondary:#FF5A4F;--primary-dark:#C62828;--header-offset:122px;--header-bg-top:#FFFFFF;--header-bg-nav:#FFFFFF;--footer-bg:#333333;--footer-text:#FFFFFF;--header-text:#FFFFFF;--header-nav-text:#333333;--header-nav-hover-text:#E53935;--text-main:#333333;--footer-heading:#FFFFFF;--footer-border:#E0E0E0;--card-bg:#FFFFFF;--bg-body:#F5F7FA;--font-main:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);padding-top:var(--header-offset);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.btn{display:inline-block;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:none;line-height:1.6;background-image:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;box-shadow:0 4px 10px rgba(229,57,53,.25);text-decoration:none;}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(229,57,53,.4);opacity:.95;}
.btn-primary{background-image:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;}
.btn-primary:hover{box-shadow:0 6px 20px rgba(229,57,53,.5);}
.btn-secondary{background:#FFFFFF;color:#E53935;border:2px solid #E53935;box-shadow:none;}
.btn-secondary:hover{background:#E53935;color:#FFFFFF;border-color:#E53935;box-shadow:0 4px 10px rgba(229,57,53,.3);}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#FFFFFF;box-shadow:0 2px 15px rgba(0,0,0,.08);min-height:auto;}
.header-top{background:var(--header-bg-top);width:100%;border-bottom:1px solid #E0E0E0;min-height:68px;display:flex;align-items:center;}
.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:20px;padding-right:20px;min-height:68px;}
.logo{font-size:32px;font-weight:800;color:#E53935;line-height:1.2;letter-spacing:-.5px;display:block;text-transform:uppercase;flex-shrink:0;}
.logo:hover{color:#C62828;}
.desktop-nav-buttons{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.main-nav{display:flex;flex-direction:row;background:var(--header-bg-nav);width:100%;border-bottom:1px solid #E0E0E0;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 20px;min-height:52px;gap:4px;}
.nav-link{color:var(--header-nav-text);font-size:15px;font-weight:500;padding:8px 16px;border-radius:30px;transition:color .3s ease;white-space:nowrap;}
.nav-link:hover{color:var(--header-nav-hover-text);background:rgba(229,57,53,.08);}
.mobile-nav-buttons{display:none;}
.hamburger-menu{display:none;}
.mobile-menu-overlay{display:none;}
.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:50px 0 0;margin-top:50px;}
.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:40px;padding-bottom:30px;}
.footer-brand .footer-logo{font-size:26px;font-weight:800;color:#FFFFFF;text-transform:uppercase;margin-bottom:15px;display:inline-block;}
.footer-brand p{color:#AAAAAA;font-size:14px;line-height:1.6;margin-bottom:10px;}
.footer-links h3,.footer-newsletter h3{color:var(--footer-heading);font-size:18px;margin-bottom:20px;font-weight:700;}
.footer-links ul li{margin-bottom:10px;}
.footer-links ul li a{color:#AAAAAA;font-size:14px;transition:color .3s ease;}
.footer-links ul li a:hover{color:#FFFFFF;padding-left:5px;}
.footer-newsletter p{color:#AAAAAA;font-size:14px;margin-bottom:15px;line-height:1.6;}
.newsletter-form{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap;}
.newsletter-form input{flex:1;min-width:140px;padding:10px 14px;border:1px solid #E0E0E0;border-radius:8px;font-size:14px;background:#FFFFFF;color:#333333;outline:none;}
.newsletter-form input:focus{border-color:#E53935;}
.newsletter-btn{padding:10px 20px;background-image:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .3s ease;min-width:80px;}
.newsletter-btn:hover{opacity:.9;}
.footer-note p{font-size:13px;color:#AA8888;margin-top:10px;}
.footer-note{background:rgba(0,0,0,.15);padding:10px 15px;border-radius:6px;text-align:center;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:20px 20px;color:#AAAAAA;font-size:14px;}
.footer-bottom p{margin:0;}
#copyright-year{font-weight:600;}
@media (max-width:768px){
  :root{--header-offset:110px;}
  .header-top{min-height:60px;border:none;}
  .header-main{background:#FFFFFF;}
  .header-container{width:100%;max-width:none;padding-left:15px;padding-right:15px;justify-content:space-between;min-height:60px;}
  .logo{font-size:24px;margin-right:auto;}
  .desktop-nav-buttons{display:none;}
  .main-nav{display:none;flex-direction:column;position:fixed;top:108px;left:0;width:100%;background:#FFFFFF;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateX(-100%);transition:transform .3s ease;max-height:none;border-radius:0;z-index:999;border:none;}
  .main-nav{top:60px;height:auto;}
  .main-nav.active{display:flex;transform:translateX(0);width:100%;}
  .nav-container{flex-direction:column;align-items:center;padding:10px 0;gap:0;max-width:none;width:100%;}
  .nav-link{padding:12px 20px;width:100%;text-align:center;border-bottom:1px solid #F0F0F0;font-size:16px;}
  .mobile-nav-buttons{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 15px;background:#FFFFFF;border-bottom:1px solid #E0E0E0;flex-wrap:nowrap;min-height:48px;}
  .mobile-nav-buttons .btn{flex:1;max-width:180px;font-size:13px;padding:10px 15px;}
  .hamburger-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:10px;z-index:1001;position:absolute;left:15px;top:15px;background:transparent;}
  .hamburger-menu span{display:block;width:24px;height:2.5px;background:#E53935;transition:transform .3s ease,opacity .3s ease;border-radius:2px;}
  .hamburger-menu.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
  .hamburger-menu.active span:nth-child(2){opacity:0;}
  .hamburger-menu.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
  .mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:998;}
  .mobile-menu-overlay.active{display:block;}
  .mobile-menu-overlay.active{display:block;background:rgba(0,0,0,.4);}
  body{padding-top:var(--header-offset);}
  body.no-scroll{overflow:hidden;}
  .site-header{min-height:auto;}
  .footer-container{grid-template-columns:1fr;gap:30px;}
}
@media (min-width:769px){
  .container-header{max-width:1200px;margin:0 auto;}
  .footer-container{grid-template-columns:2fr 1fr 1.2fr;gap:40px;}
}
.page-content{max-width:1200px;margin:0 auto;padding:10px 20px;overflow-x:hidden;}
.page-content img{max-width:100%;height:auto;display:block;}
@media (max-width:768px){
  .page-content{padding:10px 15px;}
  .page-content img{max-width:100% !important;height:auto !important;display:block;}
  .page-content{overflow-x:hidden;max-width:100%;}
  body{overflow-x:hidden;}
  .header-top{position:relative;}
  .header-top{display:flex;align-items:center;}
  .header-container{flex-direction:row;flex-wrap:wrap;}
  .logo{margin-right:0;}
  .mobile-nav-buttons{order:10;width:100%;}
  .logo{flex:0 0 auto;}
}
@media (min-width:769px){
  .hamburger-menu{display:none !important;}
  .mobile-nav-buttons{display:none !important;}
  .main-nav{display:flex !important;}
  .mobile-menu-overlay{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;
}
