.sidebar[data-v-21860401]{position:fixed;top:0;left:0;width:200px;height:100vh;background:#fff;box-shadow:4px 0 12px #0000000d;display:flex;flex-direction:column;padding:20px 0;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.is-open[data-v-21860401]{transform:translate(0)}.sidebar-logo[data-v-21860401]{text-align:center;margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center;padding:0 10px}.logo-img[data-v-21860401]{max-width:100%;max-height:120px;object-fit:contain}.nav-item[data-v-21860401]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;color:#666;text-decoration:none;font-size:var(--font-md);font-weight:700;transition:all .2s}.nav-item[data-v-21860401]:hover{background:#f8f9fa;color:var(--primary)}.nav-item.active[data-v-21860401]{color:var(--primary);background:#f0f7ff;border-right:4px solid var(--primary)}.nav-icon[data-v-21860401]{font-size:var(--font-lg);width:var(--icon-size);text-align:center}.admin-btn[data-v-21860401]{margin-top:10px;color:#9c88ff}.admin-btn[data-v-21860401]:hover{background:#f8f6ff;color:#9c88ff}.admin-btn.active[data-v-21860401]{color:#9c88ff;background:#f8f6ff;border-right:4px solid #9c88ff}.external-link[data-v-21860401]{color:var(--primary)}.external-link[data-v-21860401]:hover{background:#f0f7ff}.logout-btn[data-v-21860401]{margin-top:auto;color:#ff4757}.logout-btn[data-v-21860401]:hover{background:#fff0f1;color:#ff4757}.modal-overlay[data-v-21860401]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content[data-v-21860401]{background:#fff;border-radius:8px;width:90%;max-width:320px;padding:var(--modal-padding);box-shadow:0 10px 30px #0003;animation:popIn-21860401 .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn-21860401{0%{transform:translate(var(--tx, 0),var(--ty, 0)) scale(0);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.modal-enter-active[data-v-21860401],.modal-leave-active[data-v-21860401]{transition:opacity .3s ease}.modal-enter-active .modal-content[data-v-21860401],.modal-leave-active .modal-content[data-v-21860401]{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}.modal-enter-from[data-v-21860401],.modal-leave-to[data-v-21860401]{opacity:0}.modal-enter-from .modal-content[data-v-21860401],.modal-leave-to .modal-content[data-v-21860401]{transform:scale(.8);opacity:0}.modal-header[data-v-21860401]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modal-header h3[data-v-21860401]{margin:0;color:#333;font-size:var(--font-lg)}.close-btn[data-v-21860401]{background:none;border:none;font-size:var(--font-xl);color:#999;cursor:pointer;transition:color .3s}.close-btn[data-v-21860401]:hover{color:#333}.modal-body[data-v-21860401]{margin-bottom:var(--spacing-xl);color:#666;font-size:var(--font-md);text-align:center}.modal-footer[data-v-21860401]{display:flex;gap:var(--spacing-md);justify-content:center}.modal-footer button[data-v-21860401]{flex:1;padding:var(--spacing-sm);border:none;border-radius:6px;font-size:var(--font-md);font-weight:700;cursor:pointer;transition:background .2s}.btn-cancel[data-v-21860401]{background:#f0f0f0;color:#666}.btn-cancel[data-v-21860401]:hover{background:#e4e4e4}.btn-confirm[data-v-21860401]{background:#ff4757;color:#fff}.btn-confirm[data-v-21860401]:hover{background:#ff6b81}@media (min-width: 768px){.sidebar[data-v-21860401]{position:static;transform:none}}.top-bar[data-v-9bb29ce3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;box-shadow:var(--shadow);z-index:10}.left-section[data-v-9bb29ce3]{display:flex;align-items:center;gap:var(--spacing-md)}.menu-btn[data-v-9bb29ce3]{background:none;border:none;color:#fff;font-size:var(--font-xl);cursor:pointer;padding:5px}.user-info[data-v-9bb29ce3]{display:flex;align-items:center;gap:var(--spacing-sm)}.avatar[data-v-9bb29ce3]{width:calc(var(--icon-size) + 8px);height:calc(var(--icon-size) + 8px);border-radius:50%;border:2px solid white}.avatar-icon[data-v-9bb29ce3]{font-size:calc(var(--icon-size) + 8px);color:#fffc}.username[data-v-9bb29ce3]{font-weight:700;font-size:var(--font-sm)}.resources[data-v-9bb29ce3]{display:flex;gap:var(--spacing-sm);align-items:center}.resource-item[data-v-9bb29ce3]{display:flex;align-items:center;gap:6px;background:#ffffff40;padding:var(--spacing-xs) var(--spacing-sm);border-radius:3px;font-size:var(--font-sm);font-weight:700}.level-badge[data-v-9bb29ce3]{background:linear-gradient(135deg,#ffd966,orange);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:3px;font-weight:700;font-size:var(--font-xs);text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (min-width: 768px){.menu-btn[data-v-9bb29ce3]{display:none}}.toast-container[data-v-2531532a]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item[data-v-2531532a]{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 20px;border-radius:var(--radius);box-shadow:0 4px 15px #0000001a;min-width:250px;pointer-events:auto}.toast-icon[data-v-2531532a]{font-size:20px}.toast-message[data-v-2531532a]{color:#333;font-size:14px;font-weight:700}.toast-slide-enter-active[data-v-2531532a],.toast-slide-leave-active[data-v-2531532a]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-slide-enter-from[data-v-2531532a]{opacity:0;transform:translate(100px)}.toast-slide-leave-to[data-v-2531532a]{opacity:0;transform:translateY(-30px) scale(.9)}.app-layout[data-v-ad87209d]{display:flex;width:100%;height:100vh;flex-direction:column}.main-content[data-v-ad87209d]{flex:1;height:100%;overflow-y:auto;position:relative;background:var(--bg-color);scrollbar-width:none;-ms-overflow-style:none}.main-content[data-v-ad87209d]::-webkit-scrollbar{display:none}.sticky-topbar[data-v-ad87209d]{position:sticky;top:0;z-index:100}.sidebar-backdrop[data-v-ad87209d]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}@media (min-width: 768px){.app-layout[data-v-ad87209d]{flex-direction:row}}.fade-enter-active[data-v-ad87209d],.fade-leave-active[data-v-ad87209d]{transition:opacity .25s ease}.fade-enter-from[data-v-ad87209d],.fade-leave-to[data-v-ad87209d]{opacity:0}:root{--primary: #4A90E2;--primary-dark: #357ABD;--secondary: #5D9CEC;--accent: #F5A623;--danger: #E74C3C;--danger-dark: #C0392B;--success: #2ECC71;--success-dark: #27AE60;--bg-light: #FFFFFF;--bg-color: #F8F9FA;--bg-card: #FFFFFF;--bg-hover: #F0F2F5;--text-dark: #2C3E50;--text-gray: #7F8C8D;--text-light: #FFFFFF;--border-color: #E1E8ED;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 25px rgba(0, 0, 0, .15);--radius: 3px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-xxl: 24px;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--pet-size: 200px;--btn-padding: 12px;--modal-padding: 20px;--icon-size: 24px}@media (max-width: 768px){:root{--font-xs: 10px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-xxl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 15px;--spacing-xl: 20px;--pet-size: 150px;--btn-padding: 8px;--modal-padding: 15px;--icon-size: 20px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:var(--bg-color);color:var(--text-dark);overflow:hidden}#app{position:relative;width:100%;max-width:100%;height:100%;margin:0 auto;background:#fff;display:flex;flex-direction:column;box-shadow:none;overflow-y:auto}@media (min-width: 768px){#app{flex-direction:row}}.btn{padding:10px 16px;border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:var(--font-md);transition:all .2s ease;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(1px);box-shadow:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-dark)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-dark);box-shadow:none}.btn-outline:hover{background:var(--bg-hover);border-color:#ccc;box-shadow:none}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-hover)}input[type=text],input[type=password],input[type=number],input[type=email],input[type=datetime-local],select,textarea{width:100%;padding:12px 14px;border:2px solid transparent;border-radius:var(--radius);font-size:var(--font-md);font-family:inherit;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f5f7fa;color:var(--text-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237F8C8D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:35px;cursor:pointer}select:disabled{background-color:#eef0f2;cursor:not-allowed;opacity:.7}textarea{resize:vertical;min-height:80px}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){background:#edf1f5}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 4px 12px #4a90e226,0 0 0 3px #4a90e21a;transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:#a0aec0;transition:color .3s ease}input:focus::placeholder,textarea:focus::placeholder{color:#cbd5e1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius);padding:var(--spacing-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}