.app-container[data-v-6ad74744]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-6ad74744]{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:999;width:100%;box-sizing:border-box}.mobile-menu-btn[data-v-6ad74744]{display:none;position:absolute;top:1rem;right:1rem;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.mobile-menu-btn[data-v-6ad74744]:hover{border-color:var(--primary-color)}.header-content[data-v-6ad74744]{max-width:1200px;margin:0 auto;padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-6ad74744]{display:flex;align-items:center;gap:.625rem;cursor:pointer;flex-shrink:0}.logo-icon[data-v-6ad74744]{font-size:1.5rem}.logo-text[data-v-6ad74744]{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.nav[data-v-6ad74744]{display:flex;gap:.375rem}.nav-item[data-v-6ad74744]{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:transparent;border:1px solid transparent;border-radius:var(--border-radius);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.nav-item[data-v-6ad74744]:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.nav-item.active[data-v-6ad74744]{background-color:var(--primary-color);color:#fff}.nav-icon[data-v-6ad74744]{font-size:.9rem}.nav-text[data-v-6ad74744]{white-space:nowrap}.theme-toggle-btn[data-v-6ad74744]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.theme-toggle-btn[data-v-6ad74744]:hover{background-color:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.header-actions[data-v-6ad74744]{display:flex;align-items:center;gap:.5rem}.logout-btn[data-v-6ad74744]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.logout-btn[data-v-6ad74744]:hover{background-color:var(--bg-secondary);border-color:var(--error-color);color:var(--error-color)}.admin-btn[data-v-6ad74744]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.admin-btn[data-v-6ad74744]:hover{background-color:var(--bg-secondary);border-color:var(--warning-color);color:var(--warning-color)}.main-content[data-v-6ad74744]{flex:1;padding:1.5rem 2rem}.tool-container[data-v-6ad74744]{max-width:900px;margin:0 auto}.footer[data-v-6ad74744]{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.25rem;margin-top:auto}.footer-content[data-v-6ad74744]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){.mobile-menu-btn[data-v-6ad74744]{display:flex;align-items:center;justify-content:center}.header-content[data-v-6ad74744]{flex-direction:column;align-items:flex-start;padding:.875rem 1rem}.logo-text[data-v-6ad74744]{font-size:1.1rem}.nav[data-v-6ad74744]{display:none;flex-direction:column;width:100%;margin-top:.875rem;border-top:1px solid var(--border-color);padding-top:.875rem;gap:.25rem}.nav.mobile-open[data-v-6ad74744]{display:flex}.nav-item[data-v-6ad74744]{width:100%;justify-content:flex-start;padding:.625rem 1rem}.main-content[data-v-6ad74744]{padding:1rem .5rem}.footer-content[data-v-6ad74744]{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.nav-item[data-v-6ad74744]{padding:.625rem;font-size:.825rem}.nav-icon[data-v-6ad74744]{font-size:.85rem}.logo-icon[data-v-6ad74744]{font-size:1.35rem}.logo-text[data-v-6ad74744]{font-size:1rem}}:root{--primary-color: #0ea5e9;--primary-dark: #0284c7;--primary-light: #7dd3fc;--secondary-color: #06b6d4;--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444;--bg-color: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-radius: .5rem;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-primary)}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:10px 20px;z-index:10000;transition:top .3s;border-radius:0 0 .25rem .25rem;font-weight:500}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){html{font-size:14px}body{padding:.5rem}}@media (min-width: 769px) and (max-width: 1024px){html{font-size:15px}}@media (prefers-contrast: high){:root{--border-color: #475569;--text-secondary: #1e293b}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none) and (pointer: coarse){button,.clickable{min-height:48px;min-width:48px}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark{--primary-color: #22d3ee;--primary-dark: #06b6d4;--primary-light: #67e8f9;--secondary-color: #38bdf8;--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #f87171;--bg-color: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3)}html.dark body{background-color:var(--bg-color);color:var(--text-primary)}html.dark .skip-link{background:var(--primary-color);color:#0f172a}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.dropdown-trigger:hover{color:var(--text-primary);background:var(--bg-secondary)}.dropdown.active .dropdown-trigger{color:var(--primary-color)}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease;margin-left:auto}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;min-width:280px;overflow:hidden}.dropdown.dropdown-open .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.active{background:var(--primary-color);color:#fff}.dropdown-item.active .dropdown-desc{color:#ffffffd9}.dropdown-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.dropdown-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.dropdown-name{font-weight:600;line-height:1.4}.dropdown-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;margin-top:0;min-width:auto;padding-left:1rem}.dropdown-item{padding:.625rem .75rem}.dropdown-icon{font-size:1.25rem}.dropdown-desc{font-size:.75rem}}