/* Shared front-end chrome. Each business page owns its content layout. */
:root{--front-bg:#292a2d;--front-surface:#323335;--front-panel:#2d2e31;--front-text:#e5eef7;--front-muted:#b4b6bb;--front-dim:#93959b;--front-accent:#f74735;--front-accent-soft:rgba(247,71,53,.12);--front-border:rgba(114,114,114,.18);--front-radius:8px;--front-width:1680px;color-scheme:dark}
html{scroll-padding-top:96px}
body.kq-front{margin:0;min-width:0;padding:0;background:var(--front-bg);color:var(--front-text);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
body.kq-front :where(*,*::before,*::after){box-sizing:border-box}
body.kq-front :where(a){color:inherit;text-decoration:none;transition:color .18s,background .18s}
body.kq-front :where(a:hover){color:var(--front-accent)}
body.kq-front :where(button,input,select,textarea){font:inherit}
body.kq-front :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--front-accent);outline-offset:3px}
body.kq-front :where(button){cursor:pointer}
body.kq-front :where(img){max-width:100%}
body.kq-front :where(input,select,textarea){color-scheme:dark;accent-color:var(--front-accent)}
body.kq-front :where(input::placeholder,textarea::placeholder){color:var(--front-dim)}
body.kq-front :where([hidden]){display:none!important}
body.kq-front .front-header{position:sticky;inset:0 0 auto;z-index:1000;width:100%;height:auto;margin:0;padding:0;background:#323335;border:0;box-shadow:0 0 10px rgba(24,24,24,.1)}
.front-header .front-header-inner{display:flex;align-items:center;gap:26px;width:min(100%,var(--front-width));min-height:76px;margin:0 auto;padding:0 30px}
.front-header .front-logo{display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0}
.front-header .front-logo img{display:block;width:auto;height:36px;max-width:150px;object-fit:contain;filter:none}
.front-desktop-nav{display:flex;align-items:center;flex:1 1 auto;gap:23px;min-width:0;font-size:15px}
.front-desktop-nav>a{padding:24px 0;white-space:nowrap}
.front-desktop-nav>a[aria-current="page"]{color:var(--front-accent)}
.front-more{position:relative}
.front-more>summary{display:flex;align-items:center;gap:6px;padding:24px 0;list-style:none;cursor:pointer;white-space:nowrap}
.front-more>summary::-webkit-details-marker{display:none}
.front-more>summary span{font-size:12px;color:var(--front-dim)}
.front-submenu{position:absolute;top:calc(100% - 4px);right:0;z-index:2;display:grid;min-width:180px;padding:9px;background:var(--front-surface);box-shadow:0 8px 24px #0003;border:1px solid var(--front-border);border-radius:8px}
.front-submenu a{padding:9px 12px;white-space:nowrap;border-radius:4px}
.front-submenu a:hover{background:var(--front-panel)}
.front-header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:20px;margin-left:auto;font-size:14px;white-space:nowrap}
.front-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:44px;padding:10px;border:0;border-radius:6px;color:var(--front-text);background:transparent}
.front-icon-button:hover{color:var(--front-accent);background:var(--front-accent-soft)}
.front-icon-button svg{display:block;width:21px;height:21px}
.front-header .mobile-nav-toggle{display:none}
.front-account-link{padding:8px 0}
.front-member-link{color:#d5b785}
.front-site-notice{display:flex;align-items:baseline;gap:10px;width:min(calc(100% - 60px),1620px);margin:18px auto 0;padding:10px 14px;border-radius:6px;background:var(--front-surface);color:var(--front-muted);font-size:13px;overflow-wrap:anywhere}
.front-site-notice>span:first-child{flex:0 0 auto;color:var(--front-accent);font-size:8px}
.front-mobile-menu{position:sticky;top:60px;z-index:999;padding:0 15px 15px;border-top:1px solid var(--front-border);background:var(--front-surface);box-shadow:0 12px 20px #0002}
.front-mobile-menu-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:65vh;padding-top:15px;overflow-y:auto}
.front-mobile-menu-inner a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border-radius:5px;background:var(--front-panel);font-size:13px;text-align:center;overflow-wrap:anywhere}
.front-legal-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:min(calc(100% - 60px),1620px);margin:32px auto 0;padding:22px 0;border-top:1px solid var(--front-border);color:var(--front-dim);font-size:12px}
.front-legal-footer p{margin:0}
.front-legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
@media(max-width:1250px) and (min-width:981px){.front-header .front-header-inner{gap:20px;padding-inline:20px}.front-desktop-nav{gap:15px;font-size:14px}.front-header-actions{gap:13px;font-size:13px}.front-header .front-logo img{max-width:125px}}
@media(max-width:980px){html{scroll-padding-top:74px}.front-header .front-header-inner{min-height:60px;gap:12px;padding:0 15px}.front-header .front-logo img{height:30px;max-width:120px}.front-desktop-nav{display:none}.front-header .mobile-nav-toggle{display:inline-flex}.front-header-actions{gap:9px;font-size:13px}.front-member-link{display:none}.front-icon-button{width:36px;padding:8px}.front-site-notice{width:calc(100% - 30px);margin-top:15px}.front-legal-footer{width:calc(100% - 30px);margin-top:24px;padding:18px 0;justify-content:center;text-align:center}}
@media(max-width:359px){.front-header .front-header-inner{padding-inline:10px;gap:6px}.front-header .front-logo img{max-width:104px;height:28px}.front-header-actions{gap:4px;font-size:12px}.front-icon-button{width:32px}.front-mobile-menu-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.kq-front *,body.kq-front *::before,body.kq-front *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}