2 lines
476 KiB
CSS
2 lines
476 KiB
CSS
|
.app-container[data-v-42becfab]{background:var(--bg-secondary);flex-direction:column;min-height:100vh;padding-bottom:48px;display:flex}.app-header[data-v-42becfab]{background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:100;position:sticky;top:0}.header-content[data-v-42becfab]{max-width:1400px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.logo[data-v-42becfab]{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.logo-icon[data-v-42becfab]{background:var(--primary-500);border-radius:var(--radius-lg);color:#fff;width:36px;height:36px;font-size:var(--text-lg);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.logo-text[data-v-42becfab]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.logo-subtitle[data-v-42becfab]{font-size:var(--text-xs);color:var(--text-tertiary)}.nav-menu[data-v-42becfab]{align-items:center;gap:var(--space-1);display:flex}.nav-item[data-v-42becfab]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-default);text-decoration:none}.nav-item[data-v-42becfab]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active[data-v-42becfab]{background:var(--primary-50);color:var(--primary-600)}.nav-item[data-v-42becfab]:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f138}.user-section[data-v-42becfab]{align-items:center;gap:var(--space-4);display:flex}.user-info[data-v-42becfab]{align-items:center;gap:var(--space-3);display:flex}.user-avatar[data-v-42becfab]{background:var(--primary-100);width:32px;height:32px;color:var(--primary-600);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;align-items:center;display:flex}.user-name[data-v-42becfab]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.main-content[data-v-42becfab]{width:100%;padding:var(--space-8) var(--space-6);padding-bottom:var(--space-8);flex:1;margin:0 auto}@media (width<=768px){.main-content[data-v-42becfab]{padding:var(--space-6) var(--space-4)}}@media (width>=1400px){.main-content[data-v-42becfab]{max-width:95vw;padding:var(--space-8) var(--space-8)}}@media (width>=1600px){.main-content[data-v-42becfab]{max-width:90vw}}@media (width>=1920px){.main-content[data-v-42becfab]{max-width:85vw}}.app-footer[data-v-42becfab]{background:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--space-3) 0;z-index:99;position:fixed;bottom:0;left:0;right:0}.footer-content[data-v-42becfab]{max-width:1400px;padding:0 var(--space-6);text-align:center;margin:0 auto}.beian-link[data-v-42becfab]{font-size:var(--text-xs);color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-default);text-decoration:none}.beian-link[data-v-42becfab]:hover{color:var(--primary-600);text-decoration:underline}.notification-container[data-v-42becfab]{top:var(--space-6);right:var(--space-6);z-index:1000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.notification[data-v-42becfab]{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:400px;display:flex}.notification-success[data-v-42becfab]{border-left:3px solid var(--success)}.notification-error[data-v-42becfab]{border-left:3px solid var(--error)}.notification-warning[data-v-42becfab]{border-left:3px solid var(--warning)}.notification-icon[data-v-42becfab]{flex-shrink:0;width:20px;height:20px}.notification-content[data-v-42becfab]{flex:1}.notification-message[data-v-42becfab]{font-size:var(--text-sm);color:var(--text-primary)}.notification-close[data-v-42becfab]{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0}.notification-enter-active
|