.state-box{padding:48px 16px;text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:8px}.state-error{color:var(--danger)}.state-error-title{font-size:15px;font-weight:600}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;flex-shrink:0;-webkit-user-select:none;user-select:none;background:var(--brand-light);color:var(--brand);font-weight:600}.toast-wrap{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:9px 18px;border-radius:var(--radius);color:#fff;font-size:13px;box-shadow:0 4px 16px #0000002e;animation:toast-in .18s ease-out;max-width:80vw}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-warning{background:#d97706}.toast-info{background:var(--brand)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d243373;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:var(--radius-lg);width:420px;max-width:92vw;box-shadow:0 12px 40px #1d243333}.modal-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-icon{color:var(--brand);display:inline-flex}.modal-close{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--text-tertiary)}.modal-body{padding:16px}.modal-foot{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.risk-banner{background:#fff7e6;border:1px solid #ffd591;border-radius:var(--radius);padding:8px 12px;margin-bottom:12px;font-size:13px;color:#b45309}.risk-line{display:flex;align-items:center;gap:6px;padding:2px 0}.risk-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warning);margin-left:6px}.mail-list-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.mail-list-toolbar{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap}.mail-list-toolbar strong{font-size:16px;font-weight:600;color:var(--text-main)}.seg{display:inline-flex;background:#eef0f6;border-radius:var(--radius-full);padding:2px;gap:2px;flex-shrink:0}.seg-btn{border:none;background:transparent;font-size:13px;color:var(--text-secondary);padding:5px 14px;border-radius:var(--radius-full);cursor:pointer;transition:background .15s,color .15s}.seg-btn:hover{color:var(--brand)}.seg-btn.active{background:#fff;color:var(--brand);font-weight:600;box-shadow:0 1px 3px #1d24331a}.toolbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}.tbtn{display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;background:none;color:var(--text-secondary);font-size:13px;padding:6px 10px;border-radius:var(--radius);cursor:pointer;transition:background .15s,color .15s}.tbtn:hover:not(:disabled){background:var(--brand-light);color:var(--brand)}.tbtn:disabled{opacity:.4;cursor:not-allowed}.tbtn-danger:hover:not(:disabled){background:#fdeceb;color:var(--danger)}.tbtn-select{height:30px;font-size:13px;padding:0 6px}.mail-list-selectall{display:flex;align-items:center;gap:12px;padding:6px 16px;border-bottom:1px solid var(--border);background:#f8f9fc;font-size:13px}.mail-rows{overflow-y:auto;flex:1}.mail-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f2f7;cursor:pointer;transition:background .12s}.mail-row:hover{background:#f0f4ff}.mail-row-unread{background:#f5f8ff}.mail-row-unread:hover{background:#ebf0ff}.mail-row-unread .mail-row-from,.mail-row-unread .mail-row-subject{font-weight:600;color:var(--text-main)}.mail-row-checked{background:var(--brand-light)}.mail-row-check{padding-top:9px}.mail-row-main{flex:1;min-width:0}.mail-row-line1{display:flex;align-items:center}.mail-row-from{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mail-row-time{margin-left:auto;color:var(--text-tertiary);font-size:12px;flex-shrink:0}.mail-row-subject{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-unread .mail-row-subject{color:var(--text-main)}.attach-icon{margin-left:5px;color:var(--text-tertiary);vertical-align:middle}.mail-row-snippet{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:4px;flex-shrink:0}.star-btn{border:none;background:none;cursor:pointer;color:#d7dbe4;padding:0}.star-btn.starred{color:#f5a623}.mail-row-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.load-more{margin:12px auto;display:block}.user-shell{height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.user-topbar{height:56px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;z-index:10}.logo{font-weight:700;color:var(--brand);font-size:16px;display:flex;align-items:center;gap:8px;white-space:nowrap}.logo svg{background:var(--brand);color:#fff;border-radius:8px;padding:4px;width:26px;height:26px;box-shadow:0 3px 8px #1e5eff4d}.topbar-search{flex:1;max-width:480px;margin:0 auto;position:relative}.topbar-search .input{padding-left:34px;background:#f5f6fa;border-radius:var(--radius-full)}.topbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.topbar-right{display:flex;align-items:center;gap:10px}.user-menu{position:relative}.user-menu-pop{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);min-width:180px;padding:6px;z-index:100}.user-menu-pop a,.user-menu-pop button{display:block;width:100%;text-align:left;padding:9px 14px;font-size:13px;color:var(--text-main);border:none;background:none;cursor:pointer;border-radius:var(--radius)}.user-menu-pop a:hover,.user-menu-pop button:hover{background:var(--brand-light);color:var(--brand)}.user-body{flex:1;display:flex;overflow:hidden}.user-sidebar{width:224px;background:#fff;border-right:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;padding:8px 10px 16px}.compose-btn-wrap{padding:10px 4px 12px}.folder-nav{padding:0 2px}.folder-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--text-main);font-size:14px;cursor:pointer;margin-bottom:2px;transition:background .12s,color .12s}.folder-item:hover{background:#f5f6fa}.folder-item.active{background:var(--brand-light);color:var(--brand);font-weight:600}.folder-item .unread-badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--brand);color:#fff;border-radius:var(--radius-full);padding:1px 7px;line-height:16px;min-width:20px;text-align:center}.folder-item .unread-badge.zero{background:transparent;color:var(--text-tertiary)}.user-main{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-page);padding:14px}.user-main>*{flex:1;min-height:0}.mobile-nav,.drawer-mask,.menu-hamburger{display:none}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f0f4ff,#f5f6fa 55%,#f5f7fa);padding:16px}.auth-card{width:400px;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 40px #1e5eff1a,0 2px 8px #1d24330d;padding:34px 32px 30px}.auth-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.auth-brand-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border-radius:16px;box-shadow:0 8px 20px #1e5eff59;margin-bottom:14px}.auth-title{font-size:22px;font-weight:700;margin:0;color:var(--text-main)}.auth-sub{color:var(--text-tertiary);font-size:13px;margin:4px 0 0}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.auth-rules{font-size:12px;color:var(--text-tertiary);margin-top:4px}.auth-error-box{background:#fdeceb;color:var(--danger);padding:9px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}.auth-suspended{background:#fff4e5;border:1px solid #ffd591;color:#b45309;padding:12px;border-radius:var(--radius);margin-bottom:14px;font-size:13px}.auth-alt{text-align:center;margin-top:18px;font-size:13px;color:var(--text-secondary)}.auth-submit-btn{width:100%;height:48px;font-size:15px;font-weight:600;margin-top:4px}.read-wrap{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-card)}.read-head{padding:18px 22px;border-bottom:1px solid var(--border)}.read-subject{font-size:19px;margin:0 0 12px;font-weight:600}.read-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--text-secondary)}.read-actions{display:flex;gap:6px;padding:10px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.read-body{padding:18px 22px;overflow-y:auto;flex:1}.read-html{border:none;width:100%}.read-attachments{padding:10px 22px;border-top:1px solid var(--border);background:#f8f9fc}.attach-item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);padding:7px 14px;margin:4px 8px 4px 0;font-size:13px;background:#fff;cursor:pointer;transition:border-color .15s,color .15s}.attach-item:hover{border-color:var(--brand);color:var(--brand)}.ext-img-bar{background:var(--brand-light);color:var(--brand);padding:8px 12px;font-size:13px;display:flex;align-items:center;gap:8px;border-radius:var(--radius);margin-bottom:10px}.compose-wrap{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.compose-to-row{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--border)}.compose-to-row label{color:var(--text-tertiary);font-size:13px;width:50px;flex-shrink:0}.compose-to-row .input{border:none;flex:1;height:40px}.compose-subject{padding:0 14px;border-bottom:1px solid var(--border)}.compose-subject .input{border:none}.tiptap-wrap{flex:1;overflow-y:auto;padding:14px 18px;min-height:240px}.tiptap-wrap .ProseMirror{outline:none;min-height:260px}.tiptap-wrap .ProseMirror p{margin:4px 0}.compose-toolbar{display:flex;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap}.compose-toolbar button{border:none;background:none;padding:5px 8px;border-radius:6px;cursor:pointer;color:var(--text-secondary)}.compose-toolbar button:hover{background:var(--brand-light);color:var(--brand)}.compose-foot{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border)}.attach-list{padding:6px 16px;border-bottom:1px solid var(--border)}.draft-autosave{font-size:12px;color:var(--text-tertiary);margin-left:auto}.compose-hold-box{background:#fff4e5;border:1px solid #ffd591;color:#b45309;padding:12px 16px;border-radius:var(--radius);margin:12px}.page-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;overflow-y:auto;box-shadow:var(--shadow-card)}.page-card h2{margin:0 0 18px;font-size:17px;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f2f7}.setting-row .desc{color:var(--text-tertiary);font-size:12px;margin-top:2px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.contact-pick-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);cursor:pointer}.contact-pick-item:hover{background:var(--brand-light)}.auth-suffix-row{display:flex;gap:8px;align-items:center}.auth-suffix-row .auth-suffix-select{width:132px;flex:0 0 auto}@media (max-width: 768px){.menu-hamburger{display:inline-flex}.user-topbar{height:52px;padding:0 12px}.logo span{display:none}.user-sidebar{position:fixed;left:0;top:52px;bottom:0;z-index:20;transform:translate(-100%);transition:transform .2s;box-shadow:2px 0 12px #1d24331f;width:248px;padding-bottom:96px}.user-sidebar.drawer-open{transform:translate(0)}.drawer-mask.show{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#0000004d;z-index:15}.toolbar-actions{margin-left:0}.topbar-search{max-width:none}.user-main{padding:0}.user-main>.mail-list-wrap,.user-main>.read-wrap,.user-main>.compose-wrap,.user-main>.page-card{border-radius:0;border-left:none;border-right:none;border-bottom:none}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 10px;font-size:11px;color:var(--text-tertiary)}.mobile-nav a.active{color:var(--brand);font-weight:600}.user-shell{padding-bottom:54px}.auth-card{padding:28px 22px 24px;border-radius:16px}}@media (max-width: 768px){.app-shell{min-height:100dvh;background:#f5f6fa;display:flex;justify-content:center}.app-frame{position:relative;width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;background:#fff}@media (min-width: 769px){.app-frame{box-shadow:0 0 24px #1d243314;border-left:1px solid var(--border);border-right:1px solid var(--border)}}.user-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #f1f3f7}.uh-left{display:flex;align-items:center;gap:8px}.uh-logo{width:26px;height:26px;border-radius:8px;background:#1e5eff;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #1e5eff59}.uh-title{font-size:17px;font-weight:600;color:var(--text-main)}.uh-actions{display:flex;align-items:center;gap:4px}.uh-btn{width:34px;height:34px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.uh-btn:hover{background:var(--brand-light);color:var(--brand)}.uh-me{display:flex;align-items:center;gap:4px;margin-left:4px}.uh-me .uh-btn:first-child{padding:0}.user-main{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;padding:0}.user-main>*{flex:1;min-height:0}.mail-list-wrap.card{border:none;border-radius:0;box-shadow:none;background:#fff}.mail-list-wrap .mail-list-toolbar{border-bottom:1px solid #f1f3f7}.folder-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 12px;background:#f2f4f8;border-bottom:1px solid #f1f3f7}.folder-more-wrap{position:relative}.folder-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:132px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #1d243324;padding:6px;display:flex;flex-direction:column;gap:2px}.folder-more-menu button{border:none;background:transparent;text-align:left;padding:9px 12px;border-radius:7px;font-size:13px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:8px}.folder-more-menu button:hover{background:var(--brand-light);color:var(--brand)}.folder-more-menu button.active{background:var(--brand-light);color:var(--brand);font-weight:600}.folder-tab{position:relative;border:none;background:transparent;padding:7px 2px;border-radius:9px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.folder-tab.active{background:#fff;color:#1e5eff;font-weight:600;box-shadow:0 1px 3px #1d243314}.folder-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#1e5eff;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.mail-list-wrap .mail-row{border-radius:0;box-shadow:none;border-bottom:1px solid #f1f3f7;padding:12px 14px}.mail-list-wrap .mail-row:hover{background:var(--brand-light)}.bottom-nav{position:sticky;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #f1f3f7;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;border-radius:10px;color:var(--text-tertiary);font-size:11px;text-decoration:none;transition:color .15s}.bottom-nav a.active{color:#1e5eff;font-weight:600}.read-wrap.card,.compose-wrap.card,.settings-wrap.card,.contacts-wrap.card{border:none;border-radius:0;box-shadow:none}@keyframes doubao-spin{to{transform:rotate(360deg)}}.spin{animation:doubao-spin .8s linear infinite}.settings-wrap{background:#fff;padding:0 0 20px}.me-header{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:8px solid #f4f6fa}.me-name{font-size:17px;font-weight:600;color:var(--text-main)}.me-mail{font-size:13px;color:var(--text-tertiary);margin-top:2px}.settings-wrap .page-card{border:none;border-radius:0;box-shadow:none;padding:0 16px}.settings-wrap .page-card h2{display:none}.settings-wrap Section h3,.settings-wrap section h3,.settings-wrap div h3{font-size:13px;color:var(--text-tertiary);font-weight:600}.settings-wrap .setting-row{padding:12px 0;border-bottom:1px solid #f4f6fa}.settings-wrap .setting-row:last-child{border-bottom:none}.mail-list-wrap .mail-row:hover{background:#f6f8fb}}.read-wrap{background:#fff}.read-head-top{display:flex;align-items:center;gap:8px;padding:12px 14px 8px}.read-back{width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.read-back:hover{background:var(--brand-light);color:var(--brand)}.read-subject{flex:1;margin:0;font-size:16px;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-meta{display:flex;align-items:center;gap:10px;padding:10px 14px}.read-actions{display:flex;gap:6px;align-items:center;padding:10px 14px;border-top:1px solid #f1f3f7;border-bottom:1px solid #f1f3f7;overflow-x:auto}.read-actions .tbtn{flex-shrink:0}.read-body{padding:8px 14px 24px}@media (min-width: 769px){.folder-tabs{display:none}}.toolbar-title,.toolbar-hint,.tbtn-divider{display:none}@media (min-width: 769px){.user-topbar .ut-menu-btn{display:none}.ut-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ut-logo{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text-main);white-space:nowrap}.ut-logo svg{width:26px;height:26px;padding:4px;box-sizing:border-box;background:var(--brand);color:#fff;border-radius:8px}.ut-search{display:flex;align-items:center;gap:6px;width:320px;margin:0 auto;background:#f0f3f9;border:1px solid transparent;border-radius:20px;padding:6px 12px;color:var(--text-tertiary);transition:border-color .15s,background .15s,box-shadow .15s}.ut-search:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #1e5eff1f}.ut-search input{border:none;outline:none;background:transparent;width:100%;font-size:13px;color:var(--text-main);padding:0}.ut-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.ut-me{position:relative}.ut-me-btn{display:flex;align-items:center;gap:8px;background:#f0f3f9;border:none;cursor:pointer;padding:5px 10px;border-radius:18px;color:var(--text-main);font-size:13px;transition:background .15s}.ut-me-btn:hover{background:#e8ecf4}.ut-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-pop);padding:6px;z-index:60}.ut-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;border-radius:var(--radius);font-size:13px;color:var(--text-main);cursor:pointer;text-align:left}.ut-menu button:hover{background:var(--bg-page)}.ut-menu button.danger{color:var(--danger)}.sidebar-compose{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;margin:2px 0 14px;border:none;border-radius:9px;background:var(--brand);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #1e5eff4d;transition:background .15s}.sidebar-compose:hover{background:var(--brand-hover)}.toolbar-left{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-title{display:inline-block;font-size:15px;font-weight:600;color:var(--text-main);padding-left:10px;border-left:2px solid var(--brand);margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-hint{display:inline;font-size:12px;color:var(--text-tertiary);margin-left:auto;white-space:nowrap;flex-shrink:0}.toolbar-actions{margin-left:12px}.tbtn-group{display:inline-flex;align-items:center;gap:4px}.tbtn-divider{display:inline-block;width:1px;height:16px;background:var(--border);margin:0 6px;vertical-align:middle;flex-shrink:0}.mail-list-wrap .mail-row{align-items:center}.mail-row-check{padding-top:0;align-self:center}.mail-row-line1{display:flex;align-items:center}.mail-row-from{flex:0 0 220px;max-width:220px;font-size:14px}.mail-row-time{margin-left:auto;flex:0 0 64px;width:64px;text-align:right;font-size:12px;color:var(--text-tertiary)}.mail-row-unread{border-left:3px solid var(--brand);background:#f4f7ff}.mail-row-unread:hover{background:#e8efff}.mail-row-unread .mail-row-from,.mail-row-unread .mail-row-subject{font-weight:600;color:var(--text-main)}}.notif-wrap{position:relative;display:inline-flex}.notif-bell{position:relative;width:34px;height:34px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.notif-bell:hover{background:var(--brand-light);color:var(--brand)}.notif-badge{position:absolute;top:-3px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #fff;box-sizing:border-box}.ut-right .notif-bell{width:32px;height:32px}.notif-panel{position:absolute;top:calc(100% + 6px);right:0;width:340px;max-width:min(92vw,340px);background:#fff;border-radius:14px;box-shadow:0 12px 40px #1d243329;border:1px solid #f0f2f7;z-index:200;overflow:hidden;animation:notif-in .16s ease-out}@keyframes notif-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f4f6fa}.notif-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-main)}.notif-head-unread{font-size:11px;font-weight:500;color:var(--text-tertiary)}.notif-actions{display:inline-flex;align-items:center;gap:2px}.notif-act{border:none;background:transparent;color:var(--text-tertiary);font-size:12px;cursor:pointer;padding:5px 7px;border-radius:8px;display:inline-flex;align-items:center;gap:4px;transition:background .15s,color .15s}.notif-act:hover{background:var(--brand-light);color:var(--brand)}.notif-body{max-height:380px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;color:var(--text-tertiary);font-size:13px}.notif-loading{padding:16px;text-align:center;color:var(--text-tertiary);font-size:12px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-bottom:1px solid #f4f6fa;cursor:pointer;transition:background .12s}.notif-item:hover{background:#f7f9fc}.notif-item.notif-unread{background:#f0f5ff}.notif-item.notif-unread:hover{background:#e9f0ff}.notif-ic{color:var(--brand);flex-shrink:0;margin-top:1px;display:inline-flex}.notif-junk-ic{color:#d97706}.notif-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-line1{display:flex;align-items:center;gap:6px;min-width:0}.notif-from{font-size:13px;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-junk-tag{flex-shrink:0;font-size:10px;color:#d97706;background:#fff7e6;border-radius:5px;padding:1px 5px}.notif-dot{width:7px;height:7px;border-radius:50%;background:#1e5eff;flex-shrink:0}.notif-subject{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-meta{font-size:11px;color:var(--text-tertiary)}.notif-del{flex-shrink:0;border:none;background:transparent;color:var(--text-tertiary);width:26px;height:26px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s}.notif-item:hover .notif-del{opacity:1}.notif-del:hover{background:#fdecec;color:#e5484d}.notif-foot{padding:8px;border-top:1px solid #f4f6fa}.notif-more{width:100%;border:none;background:#f4f6fa;color:var(--text-secondary);font-size:12px;padding:8px 0;border-radius:9px;cursor:pointer;transition:background .15s}.notif-more:hover{background:var(--brand-light);color:var(--brand)}@media (max-width: 768px){.notif-panel{width:min(92vw,340px)}}.notif-settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f4f6fa;gap:12px}.notif-settings-row .desc{color:var(--text-tertiary);font-size:12px;margin-top:2px}.notif-auth-btn{flex-shrink:0;border:1px solid var(--border);background:#fff;color:var(--text-secondary);font-size:12px;padding:5px 10px;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.notif-auth-btn:hover{border-color:var(--brand);color:var(--brand)}.notif-auth-btn:disabled{opacity:.6;cursor:not-allowed}.notif-auth-done{flex-shrink:0;font-size:12px;color:var(--success);white-space:nowrap}.notif-auth-denied{flex-shrink:0;font-size:12px;color:#d97706;white-space:nowrap}.admin-shell{display:flex;min-height:100vh;--brand:#0052D9;--brand-hover:#003FA8;--brand-light:#E8F0FE;--success:#00B42A;--warning:#FF7D00;--danger:#F53F3F;--ink:#1D2129;--ink-2:#4E5969;--ink-3:#86909C;--bg:#F3F4F6;--surface:#FFFFFF;--line:#E5E6EB;--sidebar-bg:#1A1D26;background:var(--bg)}.admin-sidebar{width:220px;background:var(--sidebar-bg);color:#ffffffa6;border-right:none;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar__brand{height:56px;display:flex;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar__group{padding:8px 0 4px}.admin-sidebar__group-title{padding:16px 20px 6px;font-size:11px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.admin-navlink{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffffa6;font-size:14px;border-left:3px solid transparent;transition:background .15s,color .15s}.admin-navlink:hover{color:#fff;background:#ffffff0d}.admin-navlink--active{color:#fff;background:#0052d940;border-left-color:var(--brand)}.admin-navlink__sub{padding-left:38px;font-size:13px}.admin-main{background:var(--bg);flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.admin-topbar__title{font-size:16px;font-weight:600;color:var(--ink)}.admin-topbar__who{color:var(--ink-2);font-size:13px;display:flex;align-items:center;gap:10px}.admin-content{padding:24px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.admin-stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000a}.admin-stat__label{font-size:13px;color:var(--ink-3);margin-bottom:8px}.admin-stat__value{font-size:28px;font-weight:700;color:var(--ink)}.admin-stat__delta{font-size:12px;margin-top:6px;color:var(--ink-3)}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden}.admin-panel__title{font-size:15px;font-weight:600;color:var(--ink);padding:16px 20px;border-bottom:1px solid var(--line);margin:0}.admin-panel .admin-table-wrap{padding:0}.admin-panel>*:not(.admin-panel__title){padding:0 20px 20px}.admin-content .table{background:var(--surface)}.admin-content .table th{font-size:12px;color:var(--ink-3);font-weight:500;padding:10px 16px;background:#fafbfc}.admin-content .table td{padding:12px 16px;font-size:13px;color:var(--ink-2)}.admin-content .table tr:hover td{background:#fafbfc}.admin-content .badge{border-radius:4px;padding:2px 10px;font-size:12px;font-weight:500;line-height:1.6}.admin-content .badge-success{background:#e8ffea;color:var(--success)}.admin-content .badge-warning{background:#fff7e8;color:var(--warning)}.admin-content .badge-danger{background:#ffece8;color:var(--danger)}.admin-content .badge-info{background:var(--brand-light);color:var(--brand)}.admin-content .badge-neutral{background:#f2f3f5;color:var(--ink-3)}.admin-content .btn{height:auto;padding:6px 14px;border-radius:6px;font-size:13px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);gap:4px}.admin-content .btn:hover{background:var(--bg);border-color:var(--line);color:var(--ink-2)}.admin-content .btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.admin-content .btn-primary:hover{background:var(--brand-hover);color:#fff}.admin-content .btn-danger{color:var(--danger);border-color:#fdc2c2}.admin-content .btn-danger:hover{background:var(--bg);border-color:var(--danger);color:var(--danger)}.admin-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}.admin-tab{padding:10px 20px;font-size:14px;color:var(--ink-2);border-bottom:2px solid transparent;border-radius:0;margin-bottom:0;border:none;background:none;cursor:pointer}.admin-tab:hover{background:var(--bg)}.admin-tab--active{color:var(--brand);border-bottom-color:var(--brand);font-weight:500;background:none}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.admin-content .input,.admin-content .select,.admin-content .textarea{height:auto;padding:8px 12px;border-radius:6px;font-size:13px;border-color:var(--line)}.admin-content .input:focus,.admin-content .select:focus{border-color:var(--brand)}.admin-pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;padding:16px 0}.dom-card{border-radius:10px}.dom-tag{background:#e8f0fe;color:#0052d9}@media (max-width:1100px){.admin-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.admin-grid-2{grid-template-columns:1fr}}@media (max-width:768px){.admin-content{padding:14px 12px}.admin-topbar{padding:0 12px}.admin-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.admin-stat{padding:14px}.admin-stat__value{font-size:22px}}.admin-brand-inner{display:flex;align-items:center;gap:10px}.admin-brand-icon{width:32px;height:32px;background:var(--brand);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;font-weight:700}.admin-nav{flex:1;padding:12px 0;overflow-y:auto;display:flex;flex-direction:column}.admin-navlink{gap:10px}.admin-navlink svg{width:18px;height:18px;flex-shrink:0}.admin-navlink__badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;padding:1px 7px;border-radius:10px;line-height:1.6;flex-shrink:0}.admin-content .admin-linklike{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:auto;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink-2);font-size:12px;cursor:pointer;text-decoration:none;transition:all .15s;margin-right:4px}.admin-content .admin-linklike:hover{background:var(--bg);border-color:var(--brand);color:var(--brand)}.admin-content .admin-linklike--danger{color:var(--danger);border-color:#fdc2c2}.admin-content .admin-linklike--danger:hover{background:var(--bg);border-color:var(--danger);color:var(--danger)}.set-form{display:flex;flex-direction:column;gap:14px;max-width:640px;padding:20px}.set-row{display:flex;flex-direction:column;gap:6px}.set-row label{font-size:13px;color:var(--ink-2);font-weight:500}.set-row .input{width:100%}.set-actions{display:flex;gap:10px;margin-top:6px}.dom-ops{gap:6px}.ssl-panel{background:#fff;border:1px solid #E5E6EB;border-radius:10px;padding:14px 16px;margin:0 0 14px;box-shadow:0 1px 4px #0000000a}.admin-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.admin-page-head h2{font-size:18px;margin:0;color:var(--ink)}.admin-page-head .sub{color:var(--ink-2);font-size:13px;margin-top:2px}.admin-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.admin-filters .input,.admin-filters .select{width:auto;min-width:140px}.admin-table-wrap{overflow-x:auto}.admin-table .ops{display:flex;gap:8px;flex-wrap:wrap}.admin-pagination__meta{color:var(--ink-2);font-size:12.5px;margin-right:8px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.health-row:last-child{border-bottom:none}.health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.health-dot--up{background:var(--success)}.health-dot--down{background:var(--danger)}.health-dot--warning{background:var(--warning)}.health-name{font-weight:600;color:var(--ink)}.health-detail{color:var(--ink-2);font-size:12.5px}.admin-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:14px}.admin-banner--info{background:var(--brand-light);color:var(--brand)}.admin-banner--success{background:#e8ffea;color:var(--success)}.admin-banner--warning{background:#fff7e8;color:var(--warning)}.admin-banner--error{background:#ffece8;color:var(--danger)}.admin-banner__close{background:none;border:none;font-size:16px;cursor:pointer;color:inherit}.admin-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141c73;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:50;overflow-y:auto}.admin-modal{width:520px;max-width:100%}.admin-modal--wide{width:760px}.admin-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.admin-modal__header h3{margin:0;font-size:15px;color:var(--ink)}.admin-modal__close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--ink-3)}.admin-modal__body{padding:18px}.admin-modal__footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:5px}.form-hint{font-size:12px;color:var(--ink-3);margin-top:4px}.admin-switch{position:relative;width:38px;height:20px;background:#d0d3d9;border-radius:10px;border:none;cursor:pointer;transition:background .15s}.admin-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.admin-switch--on{background:var(--success)}.admin-switch--on:after{left:20px}.admin-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141c59;z-index:40}.admin-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;background:var(--surface);z-index:41;box-shadow:-4px 0 16px #0000001f;padding:20px;overflow-y:auto}.admin-drawer h3{margin-top:0;color:var(--ink)}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px;color:var(--ink-2)}.kv .k{color:var(--ink-3)}.maintenance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.maintenance-card{padding:20px}.maintenance-card h3{margin:0 0 6px;font-size:15px;color:var(--ink)}.maintenance-card p{color:var(--ink-2);font-size:12.5px;margin:0 0 14px;min-height:36px}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1d26,#23283a 60%,#0f1220);padding:20px}.admin-login-card{width:420px;max-width:100%;box-shadow:0 12px 40px #00000059;border-radius:14px;padding:36px 32px}.admin-login-card .auth-title{font-size:20px}.admin-login-card .auth-sub{color:var(--ink-3)}.admin-topbar__logout{margin-left:10px;padding:4px 12px;font-size:13px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-2);cursor:pointer}.admin-topbar__logout:hover{color:var(--danger);border-color:var(--danger)}.dom-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.dom-form .input{flex:1;max-width:360px}.dom-form-err{width:100%;color:#f53f3f;font-size:13px;margin-top:2px}.dom-empty{padding:32px;text-align:center;color:#86909c;font-size:14px;background:#fff;border:1px dashed #e5e6eb;border-radius:10px}.dom-card{background:#fff;border:1px solid #e5e6eb;border-radius:10px;padding:14px 16px;margin:0 0 12px;box-shadow:0 1px 4px #0000000a}.dom-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dom-name{font-size:15px;font-weight:600;color:#1d2129}.dom-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:10px}.dom-badge-ok{background:#e8ffea;color:#00b42a}.dom-badge-off{background:#f2f3f5;color:#86909c}.dom-tag{font-size:12px;font-weight:500;padding:2px 10px;border-radius:10px;background:#e8f0fe;color:#0052d9}.dom-ops{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.tbtn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid #e5e6eb;border-radius:6px;background:#fff;color:#4e5969;font-size:12px;cursor:pointer;transition:all .15s}.tbtn:hover:not(:disabled){border-color:#0052d9;color:#0052d9}.tbtn:disabled{opacity:.6;cursor:not-allowed}.tbtn-danger{color:#f53f3f;border-color:#fdc2c2}.tbtn-danger:hover:not(:disabled){background:#fff1f0;border-color:#f53f3f;color:#f53f3f}.dom-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.dom-metric{font-size:12px;padding:3px 10px;border-radius:6px;background:#f2f3f5;color:#4e5969}.dom-metric-ok{background:#e8ffea;color:#00b42a}.dom-metric-warn{background:#fff7e8;color:#ff7d00}.dom-hint{margin-top:10px;font-size:13px;line-height:1.6;color:#ff7d00;background:#fff7e8;border-radius:6px;padding:8px 10px}.ssl-panel{background:#fff;border:1px solid #e5e6eb;border-radius:10px;padding:14px 16px;margin:0 0 14px;box-shadow:0 1px 4px #0000000a}.ssl-panel__head{display:flex;align-items:center;gap:10px}.ssl-panel__title{font-size:14px;font-weight:600;color:#1d2129}.ssl-panel__st{font-size:12px;font-weight:600;padding:2px 10px;border-radius:10px}.ssl-panel__st-run{background:#e8f0fe;color:#0052d9}.ssl-panel__st-ok{background:#e8ffea;color:#00b42a}.ssl-panel__st-err{background:#ffece8;color:#f53f3f}.ssl-panel__closebtn{margin-left:auto;background:none;border:none;color:#86909c;cursor:pointer;font-size:13px;padding:4px 8px}.ssl-panel__closebtn:hover{color:#4e5969}.ssl-panel__x{margin-left:auto;background:none;border:none;color:#86909c;cursor:pointer;font-size:14px;padding:4px 8px}.ssl-panel__body{margin-top:10px;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}.ssl-log-item{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.6;color:#4e5969}.ssl-log-item__dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.ssl-log-item__dot-ok{background:#e8ffea;color:#00b42a}.ssl-log-item__dot-error{background:#ffece8;color:#f53f3f}.ssl-log-item__dot-running{background:#e8f0fe;color:#0052d9;animation:sslPulse 1.2s infinite}.ssl-log-item__msg{white-space:pre-wrap;word-break:break-all;flex:1}.ssl-log-item__ts{color:#c9cdd4;font-size:12px;flex-shrink:0}@keyframes sslPulse{0%,to{opacity:1}50%{opacity:.4}}:root{--brand: #1e5eff;--brand-hover: #0047e0;--brand-light: #eaf0ff;--danger: #e5484d;--warning: #f5a623;--success: #16a34a;--text-main: #1d2433;--text-secondary: #5b6472;--text-tertiary: #8a94a6;--border: #e4e8f0;--bg-page: hsl(228 33% 97%);--bg-card: #ffffff;--radius: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(29, 36, 51, .04), 0 2px 12px rgba(29, 36, 51, .05);--shadow-pop: 0 6px 24px rgba(29, 36, 51, .12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text-main);background:var(--bg-page);font-size:14px;line-height:1.6}a{color:var(--brand);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-main);font-size:14px;cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px #1e5eff47}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.btn-lg{height:48px;font-size:15px;font-weight:600;border-radius:var(--radius)}.btn-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-main);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:8px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1e5eff26}.table{width:100%;border-collapse:collapse;background:var(--bg-card)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.table th{color:var(--text-secondary);font-weight:500;background:#fafbfc}.badge{display:inline-block;padding:1px 10px;border-radius:var(--radius-full);font-size:12px;line-height:18px}.badge-success{background:#e8f8f1;color:var(--success)}.badge-warning{background:#fff4e5;color:#b45309}.badge-danger{background:#fdeceb;color:var(--danger)}.badge-info{background:var(--brand-light);color:var(--brand)}.badge-neutral{background:#f2f3f5;color:var(--text-secondary)}.empty,.error,.loading{padding:48px 16px;text-align:center;color:var(--text-tertiary)}.error{color:var(--danger)}.page-stub{padding:40px;text-align:center;color:var(--text-tertiary);border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-card);margin:16px}#__mailtoast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.mailtoast-item{padding:8px 16px;border-radius:8px;color:#fff;font-size:14px;line-height:1.5;box-shadow:0 4px 12px #0000002e;opacity:1;transition:opacity .4s ease}.mailtoast-item.mailtoast-success{background:#16a34a}.mailtoast-item.mailtoast-error{background:#dc2626}.mailtoast-item.mailtoast-warning{background:#d97706}.mailtoast-item.mailtoast-info{background:#1e5eff}.mailtoast-item.mailtoast-fade{opacity:0}.confirm-bar{position:fixed;top:14px;left:50%;transform:translate(-50%) translateY(-12px);z-index:2147483000;display:flex;align-items:center;gap:16px;padding:10px 16px;border-radius:10px;background:#1f2329;color:#fff;font-size:14px;box-shadow:0 6px 20px #00000040;opacity:0;transition:opacity .25s ease,transform .25s ease}.confirm-bar.confirm-bar-visible{opacity:1;transform:translate(-50%) translateY(0)}.confirm-bar-text{color:#fff}.confirm-bar-btn{padding:5px 14px;border-radius:6px;font-size:13px;cursor:pointer;border:none}.confirm-bar-ok{background:#16a34a;color:#fff}.confirm-bar-cancel{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}