*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background-color:#f5f7fa}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;background-color:#f5f7fa}@keyframes spin-shared{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-shared{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin-shared .8s linear infinite}.toast-container[data-v-4ae63c8f]{position:fixed;top:80px;right:24px;z-index:9999;min-width:300px;max-width:500px;animation:slideIn-4ae63c8f .3s ease-out;cursor:pointer}.toast-content[data-v-4ae63c8f]{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid}.toast-container.success .toast-content[data-v-4ae63c8f]{border-left-color:#52c41a;background-color:#f6ffed}.toast-container.error .toast-content[data-v-4ae63c8f]{border-left-color:#ff4d4f;background-color:#fff2f0}.toast-container.warning .toast-content[data-v-4ae63c8f]{border-left-color:#faad14;background-color:#fffbe6}.toast-container.info .toast-content[data-v-4ae63c8f]{border-left-color:#1890ff;background-color:#e6f7ff}.toast-icon[data-v-4ae63c8f]{font-size:20px;flex-shrink:0}.toast-message[data-v-4ae63c8f]{flex:1;font-size:14px;color:#333;line-height:1.5;word-break:break-word}.toast-close[data-v-4ae63c8f]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.toast-close[data-v-4ae63c8f]:hover{color:#333}.toast-enter-active[data-v-4ae63c8f],.toast-leave-active[data-v-4ae63c8f]{transition:all .3s ease}.toast-enter-from[data-v-4ae63c8f],.toast-leave-to[data-v-4ae63c8f]{opacity:0;transform:translate(100%)}@keyframes slideIn-4ae63c8f{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.toast-container[data-v-4ae63c8f]{top:70px;right:12px;left:12px;min-width:auto;max-width:none}}.app-header[data-v-4bfaa126]{background:linear-gradient(135deg,#064e3b,#065f46,#047857);padding:12px;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:2px solid #10b981;width:100%;box-shadow:0 2px 12px #064e3b4d}.header-container[data-v-4bfaa126]{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-4bfaa126],.header-right[data-v-4bfaa126]{display:flex;align-items:center;gap:16px}.app-logo[data-v-4bfaa126]{height:32px;width:auto;cursor:pointer;transition:opacity .2s}.app-logo[data-v-4bfaa126]:hover{opacity:.9}.site-info[data-v-4bfaa126]{display:flex;flex-direction:column;gap:2px}.site-name[data-v-4bfaa126]{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px}.site-slogan[data-v-4bfaa126]{margin:0;font-size:11px;color:#ffffffb3;font-style:italic;letter-spacing:.3px}.header-nav[data-v-4bfaa126]{display:flex;gap:4px}.nav-item[data-v-4bfaa126]{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:6px}.nav-item[data-v-4bfaa126]:hover{background-color:#10b98133}.nav-icon[data-v-4bfaa126]{display:inline-block}.nav-count[data-v-4bfaa126]{background-color:#f59e0be6;padding:2px 8px;border-radius:10px;font-size:12px;color:#fff;margin-left:4px;font-weight:600}.search-box[data-v-4bfaa126]{position:relative;display:flex;align-items:center}.search-icon[data-v-4bfaa126]{position:absolute;left:8px;fill:#a7f3d0;pointer-events:none}.search-input[data-v-4bfaa126]{background-color:#ffffff1f;border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:6px 12px 6px 32px;color:#fff;font-size:14px;width:300px;outline:none;transition:all .2s}.search-input[data-v-4bfaa126]::placeholder{color:#a7f3d0}.search-input[data-v-4bfaa126]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98140}.header-icon-link svg[data-v-4bfaa126]{fill:#fff}.user-avatar[data-v-4bfaa126]{width:32px;height:32px;border-radius:50%;border:2px solid #10b981;cursor:pointer;transition:all .2s}.user-avatar[data-v-4bfaa126]:hover{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b4d}.user-info[data-v-4bfaa126]{display:flex;align-items:center;gap:8px}.username[data-v-4bfaa126]{color:#fff;font-size:14px;font-weight:500}.logout-btn[data-v-4bfaa126]{display:flex;align-items:center;justify-content:center;padding:6px;color:#fff;background-color:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:6px;cursor:pointer;transition:all .2s}.logout-btn svg[data-v-4bfaa126]{fill:#fbbf24}.logout-btn[data-v-4bfaa126]:hover{background-color:#f59e0b59;border-color:#f59e0b}.admin-btn[data-v-4bfaa126]{padding:6px 12px;color:#fff;background-color:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.admin-btn[data-v-4bfaa126]:hover{background-color:#ef444459;border-color:#ef4444}.modal-overlay[data-v-4bfaa126]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-4bfaa126 .2s ease-out}@keyframes fadeIn-4bfaa126{0%{opacity:0}to{opacity:1}}.modal-content[data-v-4bfaa126]{background:#fff;border-radius:16px;width:90%;max-width:420px;box-shadow:0 8px 32px #00000040;animation:slideUp-4bfaa126 .3s ease-out;overflow:hidden}@keyframes slideUp-4bfaa126{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-4bfaa126]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.modal-title[data-v-4bfaa126]{margin:0;font-size:20px;font-weight:600;color:#065f46}.close-btn[data-v-4bfaa126]{background:none;border:none;font-size:32px;color:#065f46;cursor:pointer;line-height:1;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn[data-v-4bfaa126]:hover{background:#065f461a;transform:rotate(90deg)}.modal-body[data-v-4bfaa126]{padding:32px 24px;text-align:center}.modal-icon[data-v-4bfaa126]{margin-bottom:16px;animation:bounce-4bfaa126 .6s ease-in-out}@keyframes bounce-4bfaa126{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-message[data-v-4bfaa126]{margin:0 0 8px;font-size:18px;font-weight:500;color:#1f2937}.modal-hint[data-v-4bfaa126]{margin:0;font-size:14px;color:#6b7280}.modal-footer[data-v-4bfaa126]{display:flex;gap:12px;padding:16px 24px;background:#f9fafb;border-top:1px solid #f0f0f0}.modal-btn[data-v-4bfaa126]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.cancel[data-v-4bfaa126]{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.modal-btn.cancel[data-v-4bfaa126]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.modal-btn.confirm[data-v-4bfaa126]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.modal-btn.confirm[data-v-4bfaa126]:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.modal-btn.confirm[data-v-4bfaa126]:active{transform:translateY(0)}@media(max-width:768px){.header-nav[data-v-4bfaa126]{display:none}.search-input[data-v-4bfaa126]{width:200px}}.app-footer[data-v-f31a69f6]{background:linear-gradient(135deg,#064e3b,#065f46,#047857);border-top:2px solid #10b981;padding:20px 32px;color:#fff;width:100%;min-height:80px;top:0;left:0;right:0;z-index:100;box-sizing:border-box}.footer-container[data-v-f31a69f6]{width:100%;display:flex;align-items:center;gap:16px}.footer-logo[data-v-f31a69f6]{height:64px;width:auto;cursor:pointer;transition:opacity .2s}.footer-tagline[data-v-f31a69f6]{margin:0;font-size:1.1rem;white-space:nowrap}@media(max-width:768px){.app-footer[data-v-f31a69f6]{padding:32px 16px 24px}.footer-grid[data-v-f31a69f6]{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom[data-v-f31a69f6]{flex-direction:column;gap:16px;text-align:center}}.app-dashboard[data-v-df18ec8e]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#1f2937;background-color:#ecfdf5;min-height:100vh;width:100%;display:flex;flex-direction:column}.dashboard-container[data-v-df18ec8e]{display:flex;width:100%;margin:0;padding-top:60px;flex:1;overflow:hidden}.login-container[data-v-96efa1e7]{display:flex;justify-content:center;align-items:center;min-height:100vh;height:100%;background:linear-gradient(135deg,#064e3b,#065f46,#047857);padding:20px;position:fixed;inset:0;overflow-y:auto}.login-box[data-v-96efa1e7]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #064e3b4d;padding:40px;width:100%;max-width:420px;animation:slideIn-96efa1e7 .3s ease-out}@keyframes slideIn-96efa1e7{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-96efa1e7]{text-align:center;margin-bottom:32px}.login-logo[data-v-96efa1e7]{height:80px;width:auto;margin-bottom:16px}.login-title[data-v-96efa1e7]{font-size:28px;font-weight:600;color:#064e3b;margin:0 0 8px}.login-subtitle[data-v-96efa1e7]{font-size:14px;color:#666;margin:0}.login-form[data-v-96efa1e7]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-96efa1e7]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-96efa1e7]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#333}.form-icon[data-v-96efa1e7]{fill:#666}.form-input[data-v-96efa1e7]{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;color:#333;transition:all .2s;outline:none;box-sizing:border-box}.form-input[data-v-96efa1e7]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.error[data-v-96efa1e7]{border-color:#d93025}.form-input[data-v-96efa1e7]::placeholder{color:#999}.password-input-wrapper[data-v-96efa1e7]{position:relative;display:flex;align-items:center}.password-toggle[data-v-96efa1e7]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle svg[data-v-96efa1e7]{fill:#999;transition:fill .2s}.password-toggle:hover svg[data-v-96efa1e7]{fill:#10b981}.error-message[data-v-96efa1e7]{font-size:12px;color:#d93025;margin-top:4px}.form-options[data-v-96efa1e7]{display:flex;justify-content:space-between;align-items:center}.checkbox-label[data-v-96efa1e7]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#666;-webkit-user-select:none;user-select:none}.checkbox-input[data-v-96efa1e7]{width:16px;height:16px;cursor:pointer;accent-color:#10b981}.checkbox-text[data-v-96efa1e7]{cursor:pointer}.forgot-link[data-v-96efa1e7]{font-size:13px;color:#10b981;text-decoration:none;transition:color .2s}.forgot-link[data-v-96efa1e7]:hover{color:#059669;text-decoration:underline}.global-error[data-v-96efa1e7]{display:flex;align-items:center;gap:8px;padding:12px;background-color:#d930251a;border:1px solid #d93025;border-radius:6px;color:#d93025;font-size:13px}.error-icon[data-v-96efa1e7]{fill:#d93025;flex-shrink:0}.login-button[data-v-96efa1e7]{padding:14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.login-button[data-v-96efa1e7]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.login-button[data-v-96efa1e7]:active:not(:disabled){transform:translateY(0)}.login-button[data-v-96efa1e7]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-96efa1e7]{display:flex;align-items:center;justify-content:center;gap:8px}.spinner[data-v-96efa1e7]{animation:spin-96efa1e7 1s linear infinite}@keyframes spin-96efa1e7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer[data-v-96efa1e7]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.login-footer p[data-v-96efa1e7]{font-size:14px;color:#666;margin:0}.register-link[data-v-96efa1e7]{color:#10b981;font-weight:500;text-decoration:none;transition:color .2s}.register-link[data-v-96efa1e7]:hover{color:#059669;text-decoration:underline}@media(max-width:480px){.login-box[data-v-96efa1e7]{padding:32px 24px}.login-title[data-v-96efa1e7]{font-size:24px}.form-options[data-v-96efa1e7]{flex-direction:column;align-items:flex-start;gap:12px}}.register-container[data-v-1d782a65]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#064e3b,#065f46,#047857);padding:20px}.register-box[data-v-1d782a65]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0033664d;padding:40px;width:100%;max-width:520px;animation:slideIn-1d782a65 .3s ease-out}@keyframes slideIn-1d782a65{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.register-header[data-v-1d782a65]{text-align:center;margin-bottom:32px}.register-logo[data-v-1d782a65]{height:80px;width:auto;margin-bottom:16px}.register-title[data-v-1d782a65]{font-size:28px;font-weight:600;color:#064e3b;margin:0 0 8px}.register-subtitle[data-v-1d782a65]{font-size:14px;color:#666;margin:0}.register-form[data-v-1d782a65]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-1d782a65]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-1d782a65]{font-size:14px;font-weight:500;color:#333}.role-selector[data-v-1d782a65]{display:flex;gap:12px}.role-option[data-v-1d782a65]{flex:1;padding:10px 16px;background-color:#fff;border:2px solid #d9d9d9;border-radius:6px;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center}.role-option[data-v-1d782a65]:hover{border-color:#10b981;background-color:#10b98105}.role-option.selected[data-v-1d782a65]{border-color:#10b981;background-color:#10b9810d}.role-label[data-v-1d782a65]{font-size:14px;font-weight:500;color:#333}.role-option.selected .role-label[data-v-1d782a65]{color:#059669;font-weight:600}.form-input[data-v-1d782a65]{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;color:#333;transition:all .2s;outline:none;box-sizing:border-box}.form-input[data-v-1d782a65]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.error[data-v-1d782a65]{border-color:#d93025}.password-input-wrapper[data-v-1d782a65]{position:relative;display:flex;align-items:center}.password-toggle[data-v-1d782a65]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle svg[data-v-1d782a65]{fill:#999;transition:fill .2s}.password-toggle:hover svg[data-v-1d782a65]{fill:#10b981}.password-strength[data-v-1d782a65]{margin-top:8px}.strength-bar[data-v-1d782a65]{height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill[data-v-1d782a65]{height:100%;transition:all .3s;border-radius:2px}.strength-info[data-v-1d782a65]{display:flex;justify-content:space-between;font-size:12px}.strength-suggestion[data-v-1d782a65]{color:#666}.captcha-wrapper[data-v-1d782a65]{display:flex;gap:12px;align-items:center}.captcha-input[data-v-1d782a65]{flex:1}.captcha-image[data-v-1d782a65]{width:120px;height:48px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .2s;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.captcha-image[data-v-1d782a65]:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.captcha-image img[data-v-1d782a65]{width:100%;height:100%;object-fit:cover}.captcha-loading[data-v-1d782a65]{display:flex;align-items:center;justify-content:center;font-size:24px;color:#10b981;animation:spin-1d782a65 1s linear infinite}.error-message[data-v-1d782a65]{font-size:12px;color:#d93025;margin-top:4px}.global-error[data-v-1d782a65],.global-success[data-v-1d782a65]{display:flex;align-items:center;gap:8px;padding:12px;border-radius:6px;font-size:13px}.global-error[data-v-1d782a65]{background-color:#d930251a;border:1px solid #d93025;color:#d93025}.global-success[data-v-1d782a65]{background-color:#34a8531a;border:1px solid #34a853;color:#34a853}.error-icon[data-v-1d782a65],.success-icon[data-v-1d782a65]{flex-shrink:0}.error-icon[data-v-1d782a65]{fill:#d93025}.success-icon[data-v-1d782a65]{fill:#34a853}.register-button[data-v-1d782a65]{padding:14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d;margin-top:8px}.register-button[data-v-1d782a65]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.register-button[data-v-1d782a65]:active:not(:disabled){transform:translateY(0)}.register-button[data-v-1d782a65]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-1d782a65]{display:flex;align-items:center;justify-content:center;gap:8px}.spinner[data-v-1d782a65]{animation:spin-1d782a65 1s linear infinite}@keyframes spin-1d782a65{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-footer[data-v-1d782a65]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.register-footer p[data-v-1d782a65]{font-size:14px;color:#666;margin:0}.login-link[data-v-1d782a65]{color:#10b981;font-weight:500;text-decoration:none;transition:color .2s}.login-link[data-v-1d782a65]:hover{color:#059669;text-decoration:underline}@media(max-width:480px){.register-box[data-v-1d782a65]{padding:32px 24px}.register-title[data-v-1d782a65]{font-size:24px}}.app-main[data-v-9ff34722]{flex:1;padding:24px;overflow-y:auto;min-height:calc(100vh - 200px);width:100%;background-color:#f5f7fa}.main-content[data-v-9ff34722]{display:grid;grid-template-columns:2fr 1fr;gap:24px;min-height:100%;max-width:100%}.left-column[data-v-9ff34722],.right-column[data-v-9ff34722]{display:flex;flex-direction:column;gap:24px}.dashboard-section[data-v-9ff34722]{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:16px;box-shadow:0 2px 4px #0033660d}.section-header[data-v-9ff34722]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid #064e3b;padding-bottom:12px}.section-title[data-v-9ff34722]{font-size:16px;font-weight:600;color:#064e3b;margin:0}.header-actions[data-v-9ff34722]{display:flex;align-items:center;gap:8px}.notification-actions[data-v-9ff34722]{display:flex;gap:8px;align-items:center}.mark-all-read-btn[data-v-9ff34722]{display:flex;align-items:center;justify-content:center;padding:4px 12px;background-color:transparent;border:1px solid #d9d9d9;border-radius:6px;color:#999;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.mark-all-read-btn[data-v-9ff34722]:hover{background-color:#f5f5f5;color:#10b981;border-color:#10b981}.clear-btn[data-v-9ff34722]{display:flex;align-items:center;justify-content:center;padding:4px 12px;background-color:transparent;border:1px solid #d9d9d9;border-radius:6px;color:#999;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.clear-btn[data-v-9ff34722]:hover{background-color:#f5f5f5;color:#d93025;border-color:#d93025}.trending-list[data-v-9ff34722]{display:flex;flex-direction:column;gap:16px}.trending-item[data-v-9ff34722]{padding:12px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s;cursor:pointer}.trending-item[data-v-9ff34722]:hover{border-color:#10b981;background-color:#ecfdf5;transform:translateY(-2px);box-shadow:0 4px 8px #10b9811a}.trending-header[data-v-9ff34722]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.trending-name[data-v-9ff34722]{color:#10b981;text-decoration:none;font-size:14px;font-weight:600}.trending-name[data-v-9ff34722]:hover{text-decoration:underline}.trending-stars[data-v-9ff34722]{font-size:12px;color:#666}.trending-description[data-v-9ff34722]{font-size:14px;color:#666;margin:0 0 8px;line-height:1.5}.trending-meta[data-v-9ff34722]{display:flex;align-items:center;gap:8px}.trending-badge[data-v-9ff34722]{font-size:11px;padding:2px 8px;border-radius:10px;background-color:#064e3b14;color:#064e3b}.trending-badge.hot[data-v-9ff34722]{background-color:#d930251a;color:#d93025}.trending-badge.rising[data-v-9ff34722]{background-color:#1880381a;color:#188038}.notification-list-container[data-v-9ff34722]{max-height:500px;overflow-y:auto;position:relative;scroll-behavior:smooth}.notification-list-container[data-v-9ff34722]::-webkit-scrollbar{width:6px}.notification-list-container[data-v-9ff34722]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-list-container[data-v-9ff34722]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list-container[data-v-9ff34722]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-list[data-v-9ff34722]{display:flex;flex-direction:column;gap:12px;min-height:100%}.notification-item[data-v-9ff34722]{display:flex;align-items:flex-start;padding:12px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s;position:relative}.notification-item[data-v-9ff34722]:hover{border-color:#10b981;background-color:#ecfdf5}.notification-item.unread[data-v-9ff34722]{border-color:#10b981;background-color:#10b98105}.notification-item.unread[data-v-9ff34722]:hover{border-color:#10b981;background-color:#10b98114}.notification-icon[data-v-9ff34722]{display:flex;justify-content:center;align-items:center;width:40px;height:40px;min-width:40px;border-radius:50%;color:#fff;font-size:20px}.notification-content[data-v-9ff34722]{flex:1;margin-left:12px;overflow:hidden}.notification-header[data-v-9ff34722]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-title[data-v-9ff34722]{font-size:14px;font-weight:600;color:#064e3b}.notification-time[data-v-9ff34722]{font-size:12px;color:#999;white-space:nowrap;margin-left:8px}.notification-text[data-v-9ff34722]{font-size:13px;color:#333;line-height:1.5;margin:0;word-wrap:break-word}.notification-count[data-v-9ff34722]{display:flex;justify-content:flex-end;margin-top:4px}.notification-count span[data-v-9ff34722]{font-size:12px;color:#064e3b;font-weight:600}.unread-dot[data-v-9ff34722]{width:8px;height:8px;background-color:#d93025;border-radius:50%;position:absolute;top:12px;right:12px;cursor:pointer;transition:all .2s}.unread-dot[data-v-9ff34722]:hover{transform:scale(1.3);background-color:#c5221f}.notification-badge[data-v-9ff34722]{font-size:12px;padding:2px 8px;border-radius:10px;background-color:#d93025;color:#fff;font-weight:600}.empty-state[data-v-9ff34722]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon[data-v-9ff34722]{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text[data-v-9ff34722]{font-size:14px;color:#999;margin:0}.loading-state[data-v-9ff34722]{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:#999;font-size:14px}.loading-spinner[data-v-9ff34722]{display:inline-block;animation:spin-9ff34722 1s linear infinite;font-size:20px;color:#10b981}.loading-indicator[data-v-9ff34722]{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#999;font-size:13px}.loading-spinner[data-v-9ff34722]{display:inline-block;animation:spin-9ff34722 1s linear infinite;font-size:16px;color:#10b981}@keyframes spin-9ff34722{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-more-hint[data-v-9ff34722]{display:flex;align-items:center;justify-content:center;padding:12px;color:#999;font-size:12px;text-align:center}@media(max-width:1200px){.main-content[data-v-9ff34722]{grid-template-columns:2fr 1fr}}@media(max-width:768px){.main-content[data-v-9ff34722]{grid-template-columns:1fr}.app-main[data-v-9ff34722]{padding:16px}}.not-found-page[data-v-3af8201b]{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background-color:#f5f7fa}.not-found-card[data-v-3af8201b]{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 2px 12px #0000000f}.not-found-icon[data-v-3af8201b]{font-size:64px;display:block;margin-bottom:16px}.not-found-title[data-v-3af8201b]{font-size:72px;font-weight:700;color:#064e3b;margin:0 0 8px}.not-found-desc[data-v-3af8201b]{font-size:18px;color:#666;margin:0 0 24px}.home-btn[data-v-3af8201b]{padding:10px 32px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.home-btn[data-v-3af8201b]:hover{background:#059669}