.public-header{position:fixed;inset:16px 0 auto;z-index:50;padding:0 20px;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0}
.public-nav{box-sizing:border-box;max-width:1152px;height:60px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.94);border:1px solid #e2e3e8;border-radius:8px;box-shadow:0 2px 12px #00000006;backdrop-filter:blur(16px)}
.public-header-space{height:88px;flex-shrink:0}
.public-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:inherit;font-size:18px;font-weight:700}
.public-brand-label{display:inline-flex;align-items:baseline}
.public-brand-en{font-size:.82em;font-weight:600}
.public-brand img{width:30px;height:30px;flex-shrink:0}
.public-channels{display:flex;align-items:center;gap:6px}
.public-channels a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;color:#6e6e73;transition:background .15s,color .15s}
.public-channels a:hover{background:#f2f2f7;color:#1d1d1f}
.public-channels a[aria-current=page]{color:#0071e3;background:#edf5ff;font-weight:600}
.public-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.public-account-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:inherit}
.public-account-name:hover{color:#0071e3}
.public-menu-account{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:inherit}
.public-menu-account>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.public-menu-account small{flex-shrink:0;font-size:12px;color:#6e6e73}
@media(max-width:1000px){.public-account-name{display:none}}
.public-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:inherit;border-radius:6px;background:transparent}
.public-icon-button:hover{background:#f2f2f7}
.public-icon-button svg{width:20px;height:20px}
.public-nav-primary,.public-nav-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 17px;border-radius:999px;font-size:13px;line-height:1.5;font-weight:600;white-space:nowrap;background:#1d1d1f;color:#fff}
.public-nav-primary:hover{background:#000}
.public-nav-secondary{background:#f2f2f7;color:#1d1d1f}
.public-menu-button{display:none}
.public-header a:focus-visible,.public-header button:focus-visible,.public-menu-dialog a:focus-visible,.public-menu-dialog button:focus-visible{outline:3px solid #0071e366;outline-offset:3px}
.public-menu-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(86vw,340px);max-width:none;height:100vh;height:100dvh;max-height:none;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:0 8px 8px 0;overflow:auto;background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0;box-shadow:0 16px 60px #0003}
.public-menu-dialog[open]{display:flex;flex-direction:column;animation:publicMenuEnter .2s ease-out}
.public-menu-dialog[open] .public-menu-footer{margin-top:auto}
.home-shell .public-header-space{display:none}
@keyframes publicMenuEnter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.public-menu-dialog[open]{animation:none}}
.public-menu-dialog::backdrop{background:#1d1d1f60;backdrop-filter:blur(3px)}
.public-menu-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e8e8ed}
.public-menu-heading h2{font-size:18px;font-weight:700}
.public-menu-links{display:grid;gap:4px;padding:16px 0}
.public-menu-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 12px;border-radius:6px;font-size:15px;font-weight:500;color:#6e6e73}
.public-menu-links a:hover{background:#f2f2f7}
.public-menu-links a[aria-current=page]{background:#edf5ff;color:#0071e3;font-weight:600}
.public-menu-links span{font-size:20px}
.public-menu-footer{display:grid;gap:10px;border-top:1px solid #e8e8ed;padding-top:20px}
.public-menu-footer a,.public-menu-footer button{min-height:44px}
html.theme-dark .public-header{color:#f5f5f7}
html.theme-dark .public-nav,html.theme-dark .public-menu-dialog{background:rgba(27,29,33,.96);border-color:#343941;color:#f5f5f7}
html.theme-dark .public-channels a,html.theme-dark .public-menu-links a{color:#b8c0cc}
html.theme-dark .public-channels a:hover,html.theme-dark .public-icon-button:hover,html.theme-dark .public-menu-links a:hover,html.theme-dark .public-nav-secondary{background:#292d34;color:#f5f5f7}
html.theme-dark .public-channels a[aria-current=page],html.theme-dark .public-menu-links a[aria-current=page]{background:#19334c;color:#8dc7ff}
html.theme-dark .public-nav-primary{background:#f5f5f7;color:#1d1d1f}
html.theme-dark .public-menu-heading,html.theme-dark .public-menu-footer{border-color:#343941}
.home-shell .public-nav,.page-avatar-qr-creator .public-nav{box-sizing:border-box;max-width:1152px}
.home-shell .max-w-7xl{box-sizing:border-box;max-width:1192px;padding-right:20px;padding-left:20px}
.page-avatar-qr-creator .avatar-qr-wrap{max-width:1152px}
.home-shell .public-page-title,.template-library-title,.avatar-qr-title,.poster-page-heading .public-page-title{font-size:32px!important;line-height:1.25!important}
@media(max-width:1000px){.public-channels{display:none}.public-menu-button{display:inline-flex;order:-1}.public-nav{gap:12px}.public-nav-actions{display:contents}.public-brand{margin-right:auto}.public-nav-actions>[data-theme-toggle]{display:none}}
@media(max-width:480px){.public-header{padding:0 20px;top:12px}.public-nav{height:56px;padding:0 12px;gap:8px}.public-header-space{height:80px}.public-brand{font-size:17px;gap:7px}.public-brand img{width:28px;height:28px}.public-nav-actions{gap:6px}.public-nav-actions>[data-theme-toggle],.public-nav-actions>.public-nav-secondary{display:none}.public-nav-primary{padding:8px 13px}.public-icon-button{width:32px}}
@media(max-width:380px){.public-nav .public-brand-en{display:none}.public-nav .public-brand{font-size:15px;gap:6px}.public-nav .public-brand img{width:24px;height:24px}}
@media(max-width:720px){.home-shell .public-page-title,.template-library-title,.avatar-qr-title,.poster-page-heading .public-page-title{font-size:26px!important;line-height:1.25!important}.page-avatar-qr-creator .avatar-qr-page{padding-right:20px;padding-left:20px}}