.toast-container[data-v-828e8ce6]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item[data-v-828e8ce6]{padding:14px 24px;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;pointer-events:auto;max-width:380px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.toast-item.error[data-v-828e8ce6]{background:#ef4444}.toast-item.success[data-v-828e8ce6]{background:#22c55e}.toast-item.warning[data-v-828e8ce6]{background:#f59e0b}.toast-enter-active[data-v-828e8ce6]{transition:all .3s ease}.toast-leave-active[data-v-828e8ce6]{transition:all .2s ease}.toast-enter-from[data-v-828e8ce6],.toast-leave-to[data-v-828e8ce6]{transform:translateX(100%);opacity:0}.confirm-overlay[data-v-5470e87b]{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:10001}.confirm-card[data-v-5470e87b]{background:#fff;border-radius:8px;padding:28px 32px 20px;min-width:360px;max-width:480px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column}.confirm-card-wide[data-v-5470e87b]{min-width:600px;max-width:1050px;max-height:88vh;padding:28px 36px 20px}.confirm-msg[data-v-5470e87b]{font-size:15px;color:#1f2937;line-height:1.6;margin:0 0 18px;white-space:pre-wrap}.confirm-msg-html[data-v-5470e87b]{white-space:normal;flex:1;overflow-y:auto}.confirm-input[data-v-5470e87b]{display:block;width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:18px;outline:none}.confirm-input[data-v-5470e87b]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.confirm-btns[data-v-5470e87b]{display:flex;justify-content:flex-end;gap:10px}.btn-ok[data-v-5470e87b]{padding:8px 22px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.btn-ok[data-v-5470e87b]:hover{background:#2563eb}.btn-cancel[data-v-5470e87b]{padding:8px 22px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;cursor:pointer}.btn-cancel[data-v-5470e87b]:hover{background:#e5e7eb}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft Yahei,helvetica,PingFang SC,sans-serif}img{width:100%}:root{--primary-color:#1a3a5c;--primary-dark:#0f2640;--primary-light:#2c5f8a;--accent-color:gold;--accent-hover:#e6c200;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#fff;--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-footer:#1a3a5c;--border-color:#e0e0e0;--shadow:0 2px 12px rgba(0,0,0,.08);--radius:8px;--transition:0.3s ease;--max-width:1200px;--backdrop-color:rgba(26,58,92,.7);--nav-fixed-background-color:#1a3a5c;--footer-link--background-color:#505050;--footer-copyright--background-color:#3c3c3c;--text-color-lightest:#e7e9ec;--text-color-darker:#2e2e2e;--text-color-dark-gray:#727272;--text-background-color:#e5e5e5}a{text-decoration:none;color:inherit}.badge-pinned{display:inline-block;background:#ef4444;color:#fff;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-right:6px;vertical-align:middle}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease,transform .25s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;color:#1f2937;margin:0}.page-header-right{display:flex;align-items:center;gap:12px}.btn-primary{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-back{padding:6px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.btn-back:hover{background:#f3f4f6}.btn-cancel{border:1px solid #d1d5db;border-radius:6px}.btn-cancel,.btn-preview{padding:10px 28px;background:#fff;cursor:pointer;font-size:15px}.btn-preview{border:1px solid #8b5cf6;color:#8b5cf6;border-radius:6px;transition:all .2s}.btn-preview:hover{background:#8b5cf6;color:#fff}.btn-sm{padding:4px 12px;font-size:13px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;margin-right:6px}.btn-sm:hover{background:#f3f4f6}.btn-search{padding:7px 20px;font-size:14px;border:1px solid #3b82f6;background:#3b82f6;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.btn-search:hover{background:#2563eb;border-color:#2563eb}.btn-reset{padding:7px 20px;font-size:14px;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s}.btn-reset:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.btn-danger{color:#ef4444;border-color:#fca5a5}.btn-danger:hover{background:#fef2f2}.btn-pinned{background:#f97316;color:#fff;border-color:#f97316}.btn-pinned:hover{background:#ea580c}.search-bar{display:flex;gap:12px;margin-bottom:16px}.search-input{width:240px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}.search-input:focus{border-color:#3b82f6}.filter-select{background:#fff}.filter-date,.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.filter-date{outline:none}.filter-date:focus{border-color:#3b82f6}.date-sep{color:#6b7280}.date-sep,.filter-label{font-size:14px;display:flex;align-items:center}.filter-label{color:#374151;font-weight:500}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.data-table td,.data-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #f3f4f6;font-size:14px}.data-table th{background:#f9fafb;color:#6b7280;font-weight:500}.col-actions{white-space:nowrap}.edit-form{background:#fff;border-radius:10px;padding:32px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.form-row{display:flex;gap:20px}.flex-1{flex:1}.flex-2{flex:2}.form-group{margin-bottom:20px;flex:1}.form-group label{display:block;font-size:14px;color:#374151;margin-bottom:6px;font-weight:500}.required{color:#ef4444}.form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;box-sizing:border-box}.form-input:focus{border-color:#3b82f6}.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;resize:vertical;box-sizing:border-box}.form-textarea:focus{border-color:#3b82f6}.form-actions{display:flex;gap:12px;margin-top:28px;position:sticky;bottom:0;background:#f0f2f5;padding:16px 0;border-top:1px solid #d1d5db;z-index:10}.pagination{display:flex;align-items:center;gap:12px;margin-top:20px;justify-content:center;font-size:14px;color:#6b7280}.pagination button{padding:4px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination-bar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.pagination-left{display:flex;align-items:center;gap:10px}.pagination-info{font-size:13px;color:#6b7280}.page-size-select{padding:5px 28px 5px 10px;font-size:13px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;font-family:inherit;transition:border-color .2s,box-shadow .2s}.page-size-select:focus{border-color:#1a3a5c;box-shadow:0 0 0 3px rgba(26,58,92,.1)}.pagination-btns{gap:4px}.btn-page,.pagination-btns{display:flex;align-items:center}.btn-page{width:32px;height:32px;justify-content:center;border:1px solid #3b82f6;background:#3b82f6;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;font-family:inherit;line-height:1}.btn-page:hover:not(:disabled){background:#0f2640;border-color:#0f2640;color:#fff}.btn-page:disabled{opacity:.35;cursor:not-allowed}.page-current{min-width:70px;text-align:center;font-size:14px;font-weight:600;color:#1a3a5c}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#ccc;border-radius:22px;cursor:pointer;transition:background-color .2s}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:500}.badge-unread{background:#dbeafe;color:#1e40af}.badge-read{background:#f3f4f6;color:#6b7280}.badge-locked{background:#fee2e2;color:#991b1b}.badge-active{background:#d1fae5;color:#065f46}.empty-hint{color:#9ca3af;font-size:14px}.thumb-preview{width:80px;height:45px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.col-subtitle{max-width:200px}.col-subtitle,.col-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-title{max-width:300px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;display:flex;align-items:center;justify-content:center}.modal-card{background:#fff;border-radius:12px;padding:32px;width:480px;max-width:90vw;max-height:85vh;overflow-y:auto}.modal-card h3{margin-bottom:20px;color:#1f2937}.modal-btns{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:5000;display:flex;align-items:center;justify-content:center}.preview-modal{background:#fff;border-radius:12px;width:90vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.preview-header h3{margin:0;font-size:17px;color:#1f2937}.preview-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;line-height:1;padding:0 4px}.preview-close:hover{color:#1f2937}.preview-body{padding:24px;overflow-y:auto;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px}.stat-card{background:#fff;padding:28px 24px;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);text-align:center}.stat-num{font-size:36px;font-weight:700;color:#1e2a3a}.stat-label{font-size:14px;color:#9ca3af;margin-top:6px}.recent-messages{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.recent-messages h3{font-size:17px;color:#1f2937;margin-bottom:16px}.msg-table{width:100%;border-collapse:collapse}.msg-table td,.msg-table th{padding:10px 12px;text-align:left;border-bottom:1px solid #f3f4f6;font-size:14px}.msg-table th{color:#9ca3af;font-weight:500}.msg-content{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.col-title{min-width:180px}.col-subtitle{min-width:140px}}@media (max-width:767px){.page-header{flex-direction:column;gap:12px;align-items:flex-start}.page-header-right{width:100%;flex-wrap:wrap}.page-header-right .btn-primary{flex:1;text-align:center}.search-bar{flex-wrap:wrap;gap:8px}.search-input{width:100%;flex-basis:100%}.search-bar .filter-date,.search-bar .filter-select{flex:1;min-width:0}.search-bar .btn-reset,.search-bar .btn-search{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:20px 16px}.stat-num{font-size:28px}.form-row{flex-direction:column;gap:0}.edit-form{padding:20px}.form-actions{flex-wrap:wrap}.form-actions .btn-cancel,.form-actions .btn-preview,.form-actions .btn-primary{flex:1}.pagination{flex-wrap:wrap;gap:8px}.modal-card{width:95vw;padding:20px;max-height:80vh}.preview-modal{width:95vw;max-height:85vh}.preview-header{padding:12px 16px}.preview-body{padding:16px}.recent-messages{overflow-x:auto}.msg-table{min-width:500px}.msg-table td,.msg-table th{white-space:nowrap}.msg-content{max-width:120px}}@media (min-width:768px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.form-row{gap:14px}.search-bar{flex-wrap:wrap}.search-input{width:200px}}