html{scrollbar-gutter:stable}body.contact-open{overflow:hidden}.footer-contact{border:0;background:transparent;color:inherit;padding:0;text-align:left;line-height:inherit}.footer-contact:hover{color:var(--gold)}.contact-dialog{width:min(780px,calc(100% - 40px));max-height:calc(100svh - 40px);padding:40px;margin:auto;border:1px solid #cda45b50;border-radius:16px;background:radial-gradient(ellipse at 90% 0%,#24222c 0,transparent 55%),#0b111d;color:var(--text);box-shadow:0 30px 100px #0009;overflow:auto}.contact-dialog::backdrop{background:#02050ccc}.contact-dialog[open]{animation:contact-enter .22s ease-out}.contact-dialog h2{font-size:32px;letter-spacing:-.7px;padding-right:16px}.contact-dialog .kicker{font-size:10px;margin-bottom:15px;letter-spacing:1.8px}.contact-dialog-sub{font-size:14px;margin-top:15px}.contact-close{position:absolute;right:15px;top:13px;width:40px;height:40px;background:transparent;border:1px solid #ffffff1f;border-radius:50%;color:#d9dce2;font-size:27px;line-height:1}.contact-close:hover{border-color:var(--gold);color:var(--gold)}.contact-details{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:center;margin-top:30px}.contact-qr{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #ffffff18;border-radius:12px;background:#17191c}.contact-qr img{display:block;width:100%;height:auto;border-radius:5px}.contact-qr>span{font-size:12px;color:#c0c2c8;text-align:center;padding:6px 0}.contact-lead{font-size:14px;line-height:1.85;margin-bottom:20px}.contact-channels{min-width:0}.contact-channels>.btn{display:flex;width:100%;margin-bottom:12px;gap:12px}.contact-mail{display:inline-block;font-size:14px;color:#d9c18e;overflow-wrap:anywhere}.contact-address{border-top:1px solid #ffffff16;margin-top:22px;padding-top:18px}.contact-address>span{font-size:11px;letter-spacing:1px;color:#868e9c}.contact-address>p{font-size:14px;line-height:1.85;margin-top:6px;color:#c1c6cf}.contact-page-card{max-width:880px;margin:auto;padding:40px;border:1px solid #cda45b36;border-radius:16px;background:#0c1421}.contact-page-card .contact-details{grid-template-columns:300px minmax(0,1fr);gap:44px}.contact-page-note{padding-top:26px;margin-top:25px;border-top:1px solid #ffffff16;font-size:13px}.contact-summary>.btn-row{margin-top:25px}@keyframes contact-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.contact-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:28px 22px;border-radius:13px}.contact-dialog h2{font-size:25px;padding-right:12px}.contact-dialog .kicker{max-width:calc(100% - 30px);font-size:9px;letter-spacing:1.2px}.contact-dialog-sub{font-size:13px;margin-top:12px}.contact-details,.contact-page-card .contact-details{grid-template-columns:1fr;gap:20px;margin-top:22px}.contact-qr{width:224px;justify-self:center}.contact-lead{display:none}.contact-address{margin-top:15px;padding-top:12px}.contact-address>p{font-size:13px}.contact-page-card{padding:28px 22px}.contact-page-card h2{font-size:26px}.contact-close{width:34px;height:34px;font-size:24px}.contact-channels>.btn{min-height:46px}.contact-page-card .contact-lead{display:block}}@media(prefers-reduced-motion:reduce){.contact-dialog[open]{animation:none}}
/* Keep the global navigation usable while the contact panel is open. */
:root{--nav-height:82px}.nav-shell{z-index:100;isolation:isolate}.nav{position:relative}.nav-links a{display:block;white-space:nowrap;position:relative}.contact-overlay{position:fixed;inset:var(--nav-height) 0 0;background:#02050ccc;z-index:80}.contact-dialog{position:fixed;z-index:90;left:50%;top:calc(50% + var(--nav-height)/2);translate:-50% -50%;margin:0;max-height:calc(100svh - var(--nav-height) - 32px)}.contact-dialog[open]{animation:contact-fade .2s ease-out}.contact-dialog::backdrop{background:transparent}@keyframes contact-fade{from{opacity:0}to{opacity:1}}@media(min-width:761px) and (max-width:1040px){.menu-toggle{display:block;font-size:13px}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;padding:24px 32px;background:#0b1521;border-bottom:1px solid #b8c9d52b;flex-direction:column;align-items:stretch;gap:18px;font-size:16px}.nav-links.is-open{display:flex}.nav>.btn{margin-left:auto}}@media(max-width:760px){:root{--nav-height:70px}.contact-dialog{max-height:calc(100svh - 94px)}.nav-links{max-height:calc(100svh - 70px);overflow:auto}}

/* Shared navigation: explicit home link and adjacent intake/contact actions. */
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.nav-actions .btn{white-space:nowrap;font-size:14px;padding:10px 18px;min-height:44px}
.nav-actions .nav-intake{border-color:#d6ba764d;color:#ead396;background:#d6ba7608}
.nav-actions .nav-intake:hover{background:#d6ba7618;border-color:#ead39680}
@media(max-width:1200px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;padding:24px 28px;background:#0b1521;border-bottom:1px solid #b8c9d52b;flex-direction:column;align-items:stretch;gap:18px;font-size:16px;max-height:calc(100svh - var(--nav-height));overflow:auto}.nav-links.is-open{display:flex}}
/* A single mobile row: brand, customer service, menu. */
@media(max-width:760px),(max-width:1100px) and (max-height:480px){
 :root{--nav-height:69px}
 .nav{height:68px;display:flex;gap:8px;padding-top:0;padding-bottom:0}
 .nav>.brand{margin-right:auto;min-width:0;flex-shrink:1}
 .nav>.menu-toggle{flex-shrink:0;margin:0;min-width:52px;min-height:44px;padding:10px 12px;font-size:14px;border-radius:12px}
 .nav-actions{width:auto;margin:0;gap:0;flex-shrink:0}
 .nav-actions .nav-intake{display:none}
 .nav-actions [data-contact-open]{min-width:58px;min-height:44px;padding:10px 14px;font-size:0;border-radius:12px;box-shadow:none}
 .nav-actions [data-contact-open]::after{content:"客服";font-size:14px}
 .nav-links{top:100%;max-height:calc(var(--view-height,100vh) - var(--nav-height));padding:20px 23px;gap:8px;overscroll-behavior:contain}
 .nav-links a{padding:10px 0;min-height:44px}
 .contact-dialog{width:calc(100% - 24px);max-height:calc(var(--view-height,100vh) - var(--nav-height) - 24px);padding:26px 20px;overscroll-behavior:contain}
 .contact-overlay{inset:var(--nav-height) 0 0}
}
/* Transform fallback also works in browsers without individual translate. */
.contact-dialog{translate:none;transform:translate(-50%,-50%);max-height:calc(var(--view-height,100vh) - var(--nav-height) - 24px)}
@media(max-width:380px){.nav{gap:7px}.nav>.brand{gap:7px}.brand-symbol{width:32px;height:32px}.brand-name{font-size:17px;letter-spacing:3px}.brand-en{font-size:8px;letter-spacing:2px}.nav-actions [data-contact-open]{min-width:54px;padding:10px 12px}.nav>.menu-toggle{min-width:50px;padding:10px}}