/* Keep the shared kzclub123 masthead and footer unchanged while using the reference page body. */
.site-header{position:sticky!important;top:0!important;inset:auto!important;z-index:120!important;height:82px!important;max-width:none!important;padding:0 5.5%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(238,234,224,.97)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 2px 12px #24271f0b!important;backdrop-filter:blur(12px)!important}
.site-header .brand{display:flex!important;align-items:center!important;gap:10px!important;font:700 20px var(--display)!important;letter-spacing:-.07em!important;color:var(--ink)!important;text-decoration:none!important}.site-header .brand img{width:39px!important;height:39px!important;object-fit:contain!important}.site-header .brand-123{color:var(--brick)!important}
.site-header .menu-toggle{display:none}.site-header .main-nav{display:flex!important;align-items:center!important;gap:clamp(18px,2.7vw,38px)!important;font-size:12px!important}.site-header .main-nav>a{padding:0!important;color:var(--ink)!important}.site-header .nav-cta{border:1px solid var(--ink)!important;padding:12px 17px!important}.site-header .nav-dropdown{position:relative;display:flex;align-items:center}.site-header .nav-dropdown-menu{position:absolute;top:100%;left:-18px;z-index:130;min-width:230px;padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 30px #24271f1c;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}.site-header .nav-dropdown:hover>.nav-dropdown-menu,.site-header .nav-dropdown:focus-within>.nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.site-header .nav-dropdown-menu a{display:block;padding:10px 12px;font-size:12px;color:var(--ink)}
.site-footer{padding:45px 8% 22px!important;background:#24271f!important;color:var(--paper)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;font-size:14px!important}.site-footer>.brand-footer{display:flex;align-items:center;gap:12px;font:700 22px var(--display);color:var(--paper)}.site-footer .brand-footer img{width:48px;height:48px;filter:invert(1)}.site-footer .brand-123{color:var(--brick)}.site-footer .footer-about{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-width:0}.site-footer .footer-about>p{margin:0;color:#b5b7a8;font-size:11px}.site-footer .footer-about>p strong{font-size:15px;color:var(--paper)}.site-footer .footer-follow,.site-footer .footer-community{display:flex;align-items:center;gap:8px}.site-footer .footer-follow img,.site-footer .footer-community img{width:76px;height:76px;object-fit:contain;background:#fff;padding:3px}.site-footer .footer-follow-copy h2{font-size:13px;margin:0;color:var(--paper)}.site-footer .footer-follow-copy p{font-size:10px;margin:4px 0 0;color:#b5b7a8}.site-footer .footer-support{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:145px;padding-left:22px;border-left:1px solid #ffffff35}.site-footer .footer-support h2{font-size:16px;color:var(--paper);margin:0}.site-footer .footer-support>p{font-size:12px;color:#cbcbbf;margin:0}.site-footer .footer-support-wechat{display:inline-flex;align-items:center;gap:8px;width:max-content;min-height:40px;padding:7px 13px;border:1px solid #d3bd91;border-radius:999px;background:#d3bd91;color:#24271f;font-size:12px;font-weight:650;cursor:pointer}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff27;margin-top:20px;padding-top:16px;color:#85877c;font:8px var(--display)}
@media(max-width:850px){.site-header{height:72px!important;padding:0 5%!important}.site-header .main-nav{gap:12px!important;font-size:10px!important}.site-footer{padding-left:5%!important;padding-right:5%!important;grid-template-columns:1fr auto!important}.site-footer .footer-about{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.site-footer .footer-support{min-width:120px}}
@media(max-width:640px){.site-header{height:68px!important}.site-header .menu-toggle{display:flex!important;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.site-header .menu-toggle span{display:block;width:22px;height:1px;background:var(--ink)}.site-header .main-nav{display:none!important;position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:17px 5% 23px;flex-direction:column;align-items:stretch;gap:0!important;border-bottom:1px solid var(--line)}.site-header .main-nav.open{display:flex!important}.site-header .main-nav>a:not(.nav-cta){padding:13px 0!important;border-bottom:1px solid var(--line)}.site-header .nav-cta{margin-top:15px}.site-header .nav-dropdown{display:grid;grid-template-columns:1fr 42px;border-bottom:1px solid var(--line)}.site-header .nav-dropdown-menu{position:static;grid-column:1/-1;display:none;min-width:0;padding:0 0 7px;border:0;border-top:1px solid var(--line);box-shadow:none;transform:none;opacity:1;visibility:visible;background:transparent}.site-header .nav-dropdown.open>.nav-dropdown-menu{display:block}.site-header .nav-dropdown-menu a{padding:11px 12px 11px 17px}.site-header .service-nav-submenu{position:static;display:none;box-shadow:none}.site-header .service-nav-group:hover .service-nav-submenu,.site-header .service-nav-group:focus-within .service-nav-submenu{display:block}.site-footer{padding:35px 6% 19px!important;grid-template-columns:1fr auto!important}.site-footer .footer-about{gap:10px}.site-footer .footer-follow img,.site-footer .footer-community img{width:58px;height:58px}.site-footer .footer-support{grid-column:1/-1;grid-row:auto;border-left:0;border-top:1px solid #ffffff35;padding:15px 0 0;min-width:0}.site-footer small{font-size:7px}}

/* Match the kzclub123 earth-tone palette across the copied reference content. */
:root{--paper:#eeeae0;--paper-2:#e4dfd2;--ink:#24271f;--ink-2:#414438;--muted:#74766b;--line:rgba(36,39,31,.19);--line-strong:rgba(36,39,31,.28);--green-950:#24271f;--green-900:#35382b;--green-800:#58643b;--green-700:#737957;--green-600:#85896a;--green-500:#9b9b79;--mint:#dfdacb;--mint-soft:#e8e3d7;--mint-deep:#d4cdbb;--accent:#a84e34;--shadow-card:0 2px 4px rgba(36,39,31,.04),0 18px 40px -30px rgba(36,39,31,.28);--shadow-lift:0 26px 60px -32px rgba(36,39,31,.38)}
body{background:#eeeae0!important;color:#24271f!important}

/* Restore the homepage masthead proportions; keep it pinned while scrolling. */
.site-header{width:100%!important;max-width:1440px!important;height:82px!important;margin:0 auto!important;padding:0 5.5%!important;box-sizing:border-box!important;position:sticky!important;top:0!important;inset-inline:auto!important;justify-content:space-between!important}
.site-header .main-nav{gap:clamp(22px,3.5vw,54px)!important;font-size:12px!important}
.site-header .main-nav>a:not(.nav-cta){font-size:12px!important;line-height:1.4!important;white-space:nowrap!important}
.site-header .nav-dropdown{flex:0 0 auto!important;gap:0!important}
.site-header .nav-dropdown-trigger{white-space:nowrap!important}
@media(max-width:850px){.site-header{height:72px!important;padding:0 5%!important}.site-header .main-nav{gap:20px!important;font-size:11px!important}.site-header .main-nav>a:not(.nav-cta){font-size:11px!important}}
@media(max-width:640px){.site-header{height:68px!important;padding:0 5%!important}.site-header .main-nav{gap:0!important}}

/* The homepage styles define .hero as a two-column section; the reference hero already has its own inner grid. */
section.hero{display:block!important;grid-template-columns:none!important;gap:0!important;align-items:initial!important;min-height:0!important}