/* Keep the account entrance visible while the existing navigation scrolls. */
#autore { overflow: visible; gap: 4px; }
#navItems { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; height: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
#navItems::-webkit-scrollbar { display: none; }
#autore .nav-right { margin-left: 4px; }
.wm-account-button { display: inline-flex; align-items: center; gap: 6px; height: 28px; max-width: 210px; padding: 2px 9px 2px 4px; border: 1px solid #605430; border-radius: 5px; background: #28251e; color: #ffe296; font: 12px "Microsoft YaHei", sans-serif; cursor: pointer; flex-shrink: 0; }
.wm-account-button:hover, .wm-account-button:focus-visible { background: #38301d; border-color: #b89a4b; }
#wm-account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 132px; }
.wm-avatar { display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; background: #d0ab50; color: #231d0f; font-weight: 700; line-height: 1; }
.wm-chevron { font-size: 14px; }
.wm-overlay[hidden], .wm-account-menu[hidden], .wm-toast[hidden], .wm-form[hidden], .wm-auth-tabs[hidden], .wm-retry[hidden], .wm-chevron[hidden] { display: none !important; }
.wm-overlay { position: fixed; inset: 0; z-index: 100002; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, .58); color: #242832; font: 14px/1.5 "Microsoft YaHei", "Noto Sans SC", sans-serif; }
.wm-dialog { position: relative; width: 420px; max-width: 100%; max-height: calc(100vh - 40px); overflow-y: auto; overscroll-behavior: contain; padding: 28px; border: 1px solid #ebe4d5; border-radius: 14px; background: #fff; box-shadow: 0 18px 70px rgba(0, 0, 0, .25); }
.wm-dialog *, .wm-account-menu * { box-sizing: border-box; }
.wm-dialog button, .wm-account-menu button { font-family: inherit; cursor: pointer; }
.wm-dialog button:disabled, .wm-account-menu button:disabled { cursor: wait; opacity: .6; }
.wm-close-dialog { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; border: 0; border-radius: 5px; background: #f3f3f3; color: #6c727b; font-size: 22px; line-height: 1; }
.wm-close-dialog:hover { background: #e9e9e9; }
.wm-dialog-header { display: flex; align-items: center; gap: 12px; padding-right: 15px; }
.wm-brand-mark { display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 10px; background: #27241e; color: #f1cd79; font-size: 23px; font-weight: 700; }
.wm-eyebrow { margin: 0 0 3px; color: #9a7a32; font-size: 12px; letter-spacing: .3px; }
.wm-dialog h2 { margin: 0; color: #252831; font-size: 23px; line-height: 1.3; }
.wm-description { margin: 18px 0 20px; color: #767b83; font-size: 13px; }
.wm-auth-tabs { display: flex; border-bottom: 1px solid #e9e9eb; margin-bottom: 19px; gap: 20px; }
.wm-tab { border: 0; background: transparent; padding: 0 4px 10px; border-bottom: 2px solid transparent; color: #858991; font-size: 15px; }
.wm-tab.wm-selected { color: #987025; border-bottom-color: #b28b3d; font-weight: 700; }
.wm-form { display: flex; flex-direction: column; gap: 7px; }
.wm-form > label { margin-top: 7px; color: #424854; font-size: 13px; font-weight: 600; }
.wm-form input:not([type="checkbox"]), .wm-form select { display: block; width: 100%; min-width: 0; height: 41px; padding: 8px 11px; border: 1px solid #dedfe3; border-radius: 6px; background: #fff; color: #252831; font: 14px "Microsoft YaHei", sans-serif; outline: none; }
.wm-form input::placeholder { color: #a4a7ad; font-size: 12px; }
.wm-form input:focus, .wm-form select:focus { border-color: #b18b3a; box-shadow: 0 0 0 2px rgba(177, 139, 58, .12); }
.wm-password-field { position: relative; }
.wm-password-field input { padding-right: 53px !important; }
.wm-password-toggle { position: absolute; right: 6px; top: 5px; height: 31px; width: 42px; border: 0; background: transparent; color: #857345; font-size: 12px; }
.wm-check-row { display: flex; align-items: center; gap: 7px; margin: 8px 0 6px !important; color: #757b85 !important; font-size: 12px !important; font-weight: 400 !important; cursor: pointer; }
.wm-check-row input { width: 15px; height: 15px; accent-color: #a8873e; margin: 0; }
.wm-primary { width: 100%; min-height: 42px; margin-top: 8px; border: 1px solid #a17d30; border-radius: 6px; background: #ad873b; color: #fff; font-size: 15px; font-weight: 600; }
.wm-primary:hover { background: #9b762e; }
.wm-field-note, .wm-optional { color: #989ca4; font-size: 11px; font-weight: 400; }
.wm-feedback { min-height: 18px; margin: 12px 0 0; color: #a5372c; font-size: 12px; overflow-wrap: anywhere; }
.wm-feedback:empty { min-height: 0; margin: 0; }
.wm-feedback.wm-success { color: #35734e; }
.wm-retry { padding: 4px 0; margin-top: 4px; border: 0; background: none; color: #926d24; font-size: 12px; text-decoration: underline; }
.wm-dialog-footer { margin: 18px 0 0; color: #989ca4; font-size: 11px; line-height: 1.6; }
.wm-account-menu { position: fixed; top: 41px; right: 8px; z-index: 100001; width: 306px; max-width: calc(100vw - 16px); max-height: calc(100vh - 53px); overflow-y: auto; padding: 18px; border: 1px solid #e5dfd2; border-radius: 9px; background: #fff; color: #313742; font: 13px/1.5 "Microsoft YaHei", sans-serif; box-shadow: 0 6px 25px rgba(0, 0, 0, .24); }
.wm-menu-heading { display: flex; align-items: center; gap: 11px; padding-bottom: 14px; border-bottom: 1px solid #eeeeef; }
.wm-avatar-large { width: 38px; height: 38px; font-size: 17px; }
.wm-menu-heading > div { min-width: 0; }
.wm-menu-heading strong { display: block; overflow-wrap: anywhere; font-size: 15px; }
.wm-secondary { display: block; color: #91969e; font-size: 11px; overflow-wrap: anywhere; }
.wm-account-details { margin: 13px 0; }
.wm-account-details > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 8px 0; }
.wm-account-details dt { color: #848a94; flex: 0 0 auto; }
.wm-account-details dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.wm-state-allowed { color: #347653; }
.wm-state-denied { color: #a46735; }
.wm-invite-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 12px; background: #f7f5ef; border: 1px solid #ece5d7; border-radius: 6px; }
#wm-invite-code { font-size: 16px; color: #937127; letter-spacing: .6px; overflow-wrap: anywhere; }
.wm-small-button { padding: 4px 9px; border: 1px solid #dacaa3; border-radius: 4px; background: #fff; color: #8e6d27; font-size: 12px; flex-shrink: 0; }
.wm-menu-note { margin: 11px 0; color: #90959d; font-size: 11px; overflow-wrap: anywhere; }
.wm-menu-note:empty { display: none; }
.wm-menu-actions { display: flex; gap: 5px; border-top: 1px solid #eeeeef; padding-top: 11px; }
.wm-menu-actions button { flex: 1; padding: 6px 3px; border: 0; border-radius: 4px; background: #f3f4f5; color: #626b78; font-size: 12px; }
.wm-menu-actions button:hover { background: #ebe7de; }
.wm-menu-actions button.wm-logout { color: #ab5248; }
.wm-toast { position: fixed; top: 48px; left: 50%; transform: translateX(-50%); z-index: 100004; max-width: calc(100vw - 24px); padding: 10px 16px; border: 1px solid #dacda9; border-radius: 7px; background: #fffcf3; color: #786128; font: 13px/1.5 "Microsoft YaHei", sans-serif; box-shadow: 0 4px 18px rgba(0, 0, 0, .18); overflow-wrap: anywhere; }
@media (max-width: 850px) { #autore .nav-right .pill-reward, #autore .nav-right .pill-follow { display: none; } #autore .nav-logo { margin-right: 7px; } }
@media (max-width: 520px) { #autore .nav-right .pill-help { display: none; } #autore .nav-logo { font-size: 0; margin: 0 2px; } #autore .nav-logo .dot { font-size: 11px; margin: 0; } .wm-account-button { padding-right: 6px; } #wm-account-name { max-width: 102px; font-size: 11px; } .wm-overlay { padding: 10px; align-items: center; } .wm-dialog { max-height: calc(100vh - 20px); padding: 23px 20px 20px; border-radius: 10px; } }
@media (max-height: 560px) { .wm-overlay { align-items: flex-start; padding-top: 10px; padding-bottom: 10px; } .wm-dialog { max-height: calc(100vh - 20px); } }