:root{--header-offset:122px}body{padding-top:var(--header-offset)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.15);background:#fff;min-height:auto}.header-top{background:#015c2e;width:100%}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.logo{font-size:22px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.5px;text-transform:uppercase;font-family:Arial,sans-serif;line-height:1.2}.btn{display:inline-block;padding:8px 22px;border-radius:6px;font-weight:700;text-decoration:none;text-align:center;font-size:14px;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;line-height:1.4}.desktop-nav-buttons{display:flex;gap:10px;align-items:center}.btn-register{background:#C30808;color:#FFFF00;box-shadow:0 2px 6px rgba(195,8,8,.4)}.btn-login{background:#C30808;color:#FFFF00;box-shadow:0 2px 6px rgba(195,8,8,.4)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.main-nav{background:#017439;width:100%;display:flex}.nav-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 20px}.nav-link{display:inline-block;padding:8px 14px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:background .3s,border-radius .3s;border-radius:4px}.nav-link:hover{background:#014a24}.nav-link.active{background:#014a24;color:#FFD700}.mobile-nav-buttons{display:none}.hamburger-menu{display:none}.mobile-menu-overlay{display:none}@media(max-width:768px){:root{--header-offset:146px}.site-header{min-height:auto}.header-top{padding:0;background:#015c2e}.header-container{width:100%;max-width:none;padding:0 10px;display:flex;justify-content:space-between;align-items:center;min-height:50px;position:relative;background:#015c2e}.logo{font-size:16px;padding:8px 0;text-align:center;display:block}.desktop-nav-buttons{display:none}.main-nav{display:none;position:fixed;top:110px;left:0;width:78%;max-width:320px;height:calc(100vh - 110px);background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:2px 0 12px rgba(0,0,0,.2)}.main-nav.active{display:flex;transform:translateX(0)}.nav-container{width:100%;max-width:none;flex-direction:column;align-items:stretch;padding:0}.nav-link{display:block;padding:13px 20px;border-bottom:1px solid #eee;color:#017439;font-size:15px}.nav-link.active{background:#017439;color:#FFD700}.nav-link:hover{background:#e6f7ee}.mobile-nav-buttons{display:flex;background:#015c2e;padding:8px 10px 10px;gap:10px;justify-content:center;align-items:center;position:relative;z-index:1000}.mobile-nav-buttons .btn{flex:1;max-width:150px;font-size:13px;padding:8px 16px;text-align:center}.header-top{position:relative}.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;padding:6px;order:1}.hamburger-menu span{display:block;width:22px;height:2px;background:#fff;margin:3px 0;transition:transform .3s,opacity .3s;border-radius:2px}.hamburger-menu.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transparent:0}.mobile-menu-overlay.active{display:block}.mobile-menu-overlay.active{display:block}.page-content .mobile-nav-buttons{display:none}.page-content{overflow-x:hidden;max-width:100%;max-width:100%}.page-content img{max-width:100%!important;height:auto!important;display:block}body{overflow-x:hidden}.main-nav.active~.mobile-menu-overlay{display:block}}/* CSS cho mobile menu overlay co the click duoc */@media(max-width:768px){.hamburger-menu{z-index:1002;position:relative}.mobile-menu-overlay.active{display:block}.site-header.active-no-scroll{position:fixed}.main-nav.active~.mobile-nav-buttons{z-index:1000}}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@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;
}