:root{--brand-ink:#1c1c1c;--brand-purple:#494c78;--brand-paper:#f7f5f0;--brand-rose:#ad526c}
.brand-header{box-sizing:border-box;position:sticky;top:0;z-index:1000;min-height:68px;padding:5px 4%;display:flex;align-items:center;gap:32px;background:var(--brand-ink);color:#fff;border-bottom:1px solid #ffffff14;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;line-height:1.5}
.brand-header *{box-sizing:border-box}
.brand-logo{display:flex;flex:0 0 58px;line-height:0}
.brand-logo img{display:block;width:58px;height:58px;max-width:none;object-fit:contain}
.brand-nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14px}
.brand-nav a,.brand-group-label{color:#eee;text-decoration:none;font:inherit}
.brand-nav>a,.brand-group-label{padding:16px 0;white-space:nowrap}
.brand-group{position:relative}
.brand-group-label{display:flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer}
.brand-group-label span{font-size:11px}
.brand-dropdown{display:none;position:absolute;top:100%;right:0;width:350px;max-width:85vw;padding:10px;background:#242424;border:1px solid #ffffff20;box-shadow:0 14px 30px #0003}
.brand-group.open .brand-dropdown{display:block}
.brand-dropdown a{display:block;padding:10px 12px;font-size:13px;line-height:1.6}
.brand-nav a:hover,.brand-group-label:hover{color:#f2b9c8}
.brand-dropdown a:hover{background:#ffffff0d}
.brand-nav .brand-cta{padding:11px 16px;background:var(--brand-purple);border-radius:4px;color:#fff;font-weight:600}
.brand-nav .brand-cta:hover{background:#5c6094}
.brand-menu-toggle{display:none;margin-left:auto;padding:8px 11px;border:1px solid #ffffff60;border-radius:4px;background:transparent;color:#fff;font:inherit;cursor:pointer}
.brand-header :focus-visible{outline:2px solid #efbdcb;outline-offset:4px}
@media(hover:hover) and (min-width:1101px){.brand-group:hover .brand-dropdown{display:block}}
@media(max-width:1100px){
 .brand-header{gap:16px;padding:5px 20px}
 .brand-menu-toggle{display:block}
 .brand-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:14px 20px 22px;background:var(--brand-ink);max-height:calc(100dvh - 68px);overflow:auto;align-items:stretch;gap:6px}
 .brand-nav.open{display:flex;flex-direction:column}
 .brand-nav>a,.brand-group-label{padding:12px 0;white-space:normal;text-align:left}
 .brand-group-label{width:100%;justify-content:space-between}
 .brand-dropdown{position:static;width:auto;max-width:none;box-shadow:none;border:0;border-left:1px solid #ffffff30;padding:0 0 0 12px;margin:0 0 10px}
 .brand-nav .brand-cta{margin-top:4px;padding:12px 16px;text-align:center}
}