#app[data-v-9fa0827d]{min-height:100vh;background-color:var(--color-primary)}.app-header[data-v-9fa0827d]{background:var(--color-card);border-bottom:var(--border-width) solid var(--border-color);padding:0;padding-top:env(safe-area-inset-top,0);height:80px;min-height:calc(80px + env(safe-area-inset-top,0));position:sticky;top:0;z-index:1000;box-shadow:0 2px #0000001a}.header-content[data-v-9fa0827d]{max-width:100%;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:100%;gap:1rem;overflow:hidden;min-width:0}.mobile-menu-btn[data-v-9fa0827d]{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);font-size:1.25rem}.mobile-menu-btn[data-v-9fa0827d]:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.logo-section[data-v-9fa0827d]{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s ease;flex-shrink:0;min-width:0}.logo-section[data-v-9fa0827d]:hover{transform:scale(1.02)}.logo-icon[data-v-9fa0827d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-accent);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);color:#fff;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.app-title[data-v-9fa0827d]{font-size:1.4rem;font-weight:900;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu[data-v-9fa0827d]{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.nav-menu[data-v-9fa0827d]::-webkit-scrollbar{display:none}.nav-link[data-v-9fa0827d]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:var(--border-width) solid transparent;border-radius:var(--border-radius);font-size:.9rem;font-weight:700;color:var(--color-text);cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.nav-link[data-v-9fa0827d]:hover{background:var(--color-primary);border-color:var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);transform:translateY(-2px) translate(-2px)}.nav-link.active[data-v-9fa0827d]{background:var(--color-accent);color:#fff;border-color:var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.nav-link[data-v-9fa0827d]:active{transform:translateY(0) translate(0);box-shadow:2px 2px 0 0 var(--shadow-color)}.user-section[data-v-9fa0827d]{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.icon-btn[data-v-9fa0827d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);font-size:1.2rem}.icon-btn[data-v-9fa0827d]:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.icon-btn[data-v-9fa0827d]:active{transform:translateY(0) translate(0);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.user-btn[data-v-9fa0827d]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);color:var(--color-text);font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);font-family:inherit;font-size:.95rem}.user-btn[data-v-9fa0827d]:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.nav-btn[data-v-9fa0827d]{padding:.6rem 1.2rem;background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);color:var(--color-text);font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);font-family:inherit;font-size:.95rem}.nav-btn[data-v-9fa0827d]:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.nav-btn-primary[data-v-9fa0827d]{background:var(--color-accent);color:#fff}.message-badge[data-v-9fa0827d],.notification-badge[data-v-9fa0827d]{display:flex;align-items:center}.message-badge[data-v-9fa0827d] .el-badge__content,.notification-badge[data-v-9fa0827d] .el-badge__content{background-color:#f56565;border:2px solid var(--color-card);font-weight:700}.app-main[data-v-9fa0827d]{padding:0;min-height:calc(100vh - 80px)}@media(max-width:1200px){.nav-link[data-v-9fa0827d]{padding:.5rem .8rem;font-size:.85rem}}@media(max-width:1024px){.nav-link[data-v-9fa0827d]{padding:.4rem .7rem;font-size:.8rem}.app-title[data-v-9fa0827d]{font-size:1.1rem}}@media(max-width:768px){.app-header[data-v-9fa0827d]{height:64px;min-height:calc(64px + env(safe-area-inset-top,0))}.header-content[data-v-9fa0827d]{padding:0 calc(.35rem + env(safe-area-inset-right,0)) 0 calc(.35rem + env(safe-area-inset-left,0));gap:.25rem}.logo-section[data-v-9fa0827d]{flex:1;min-width:0}.app-title[data-v-9fa0827d]{font-size:.95rem;max-width:110px}.logo-icon[data-v-9fa0827d]{width:34px;height:34px;flex-shrink:0}.logo-icon .el-icon[data-v-9fa0827d]{font-size:20px}.mobile-menu-btn[data-v-9fa0827d]{display:flex;flex-shrink:0;width:40px;height:40px;min-width:40px}.nav-menu[data-v-9fa0827d],.dark-mode-btn[data-v-9fa0827d]{display:none!important}.user-section[data-v-9fa0827d]{gap:.2rem;flex-shrink:0;min-width:0}.user-btn span[data-v-9fa0827d]{display:none}.user-btn[data-v-9fa0827d]{padding:.4rem .5rem;min-width:40px;font-size:.85rem}.icon-btn[data-v-9fa0827d]{width:36px;height:36px;min-width:36px;min-height:36px;font-size:1.1rem}.nav-btn[data-v-9fa0827d]{padding:.4rem .6rem;font-size:.85rem;min-height:40px}.message-badge[data-v-9fa0827d] .el-badge__content,.notification-badge[data-v-9fa0827d] .el-badge__content{font-size:10px;padding:0 4px;height:16px;line-height:16px}.app-main[data-v-9fa0827d]{min-height:calc(100vh - 64px - env(safe-area-inset-top,0));padding-bottom:env(safe-area-inset-bottom,0)}}.mobile-drawer[data-v-9fa0827d] .el-drawer__header{margin-bottom:.5rem;padding:1rem 1.25rem;border-bottom:var(--border-width) solid var(--border-color);font-weight:700;color:var(--color-text)}.mobile-drawer[data-v-9fa0827d] .el-drawer__body{padding:.75rem;background:var(--color-primary);display:flex;flex-direction:column;min-height:0}.drawer-nav[data-v-9fa0827d]{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.drawer-link[data-v-9fa0827d]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);font-family:inherit;text-align:left;min-height:48px}.drawer-link[data-v-9fa0827d]:hover{background:var(--color-primary);transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.drawer-link.active[data-v-9fa0827d]{background:var(--color-accent);color:#fff;border-color:var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.drawer-link .el-icon[data-v-9fa0827d]{font-size:1.25rem;flex-shrink:0}.drawer-footer[data-v-9fa0827d]{margin-top:auto;padding-top:1rem;border-top:var(--border-width) solid var(--border-color)}.drawer-link-theme[data-v-9fa0827d]{background:var(--color-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #FACC15;--color-accent: #3B82F6;--color-text: #000000;--color-card: #FFFFFF;--border-width: 3px;--border-color: #000000;--border-radius: 12px;--shadow-offset: 4px;--shadow-color: #000000;--text-secondary: #333333;--muted: #666666}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--color-text);line-height:1.6;background-color:var(--color-primary);background-image:radial-gradient(circle,rgba(0,0,0,.08) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0;min-height:100vh;overflow-x:hidden;width:100%}.gradient-bg{background-color:var(--color-primary);position:relative}.gradient-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,100,50,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(50,200,100,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.card-glass{background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);position:relative;z-index:1}.hover-rise{transition:transform .2s ease,box-shadow .2s ease}.hover-rise:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.image-zoom{transition:transform .3s ease}.image-zoom:hover{transform:scale(1.03)}.fade-in-up{animation:fadeInUp .35s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.animated-header{position:relative}.animated-header:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--border-color)}.btn-fancy{background-color:var(--color-accent);color:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);transition:transform .15s ease,box-shadow .15s ease}.btn-fancy:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.btn-fancy:active{transform:translateY(0) translate(0);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}body.dark{--color-primary: #1a1a1a;--color-card: #2d2d2d;--color-text: #ffffff;--color-accent: #3B82F6;--border-color: #ffffff;--shadow-color: #ffffff;--text-secondary: #cccccc;--muted: #999999}body.dark{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{padding:.6rem 1.5rem;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;display:inline-block;text-align:center;background-color:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.btn:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.btn:active{transform:translateY(0) translate(0);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--border-color)}.btn-primary:hover{background-color:var(--color-accent)}.btn-success{background-color:#48bb78;color:#fff;border-color:var(--border-color)}.btn-success:hover{background-color:#48bb78}.btn-danger{background-color:#f56565;color:#fff;border-color:var(--border-color)}.btn-danger:hover{background-color:#f56565}.card{background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);margin-bottom:1.5rem}input,select,textarea{font-family:inherit;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:.6rem 1rem;background-color:var(--color-card);color:var(--color-text);font-weight:700;transition:box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);border-color:var(--border-color)}.el-input,.el-select,.el-date-editor,.el-textarea,.el-input.is-disabled,.el-select.is-disabled,.el-textarea.is-disabled{border:none!important;box-shadow:none!important;background:transparent!important}.el-input__wrapper,.el-input__wrapper.is-disabled,.el-input__wrapper:hover,.el-input__wrapper.is-focus,.el-select__wrapper,.el-select__wrapper.is-disabled,.el-select__wrapper:hover,.el-select__wrapper.is-focused{border:var(--border-width) solid var(--border-color)!important;border-radius:var(--border-radius)!important;background:var(--color-card)!important;box-shadow:none!important;padding:.6rem 1rem!important}.el-textarea,.el-textarea.is-disabled{border:none!important;box-shadow:none!important;background:transparent!important}.el-textarea__inner,.el-textarea__inner.is-disabled{border:var(--border-width) solid var(--border-color)!important;border-radius:var(--border-radius)!important;background:var(--color-card)!important;box-shadow:none!important;padding:.6rem 1rem!important;font-weight:700!important;font-size:.95rem!important;color:var(--color-text)!important;min-height:auto!important}.el-input__inner,.el-input__inner.is-disabled,.el-input__inner:focus,.el-input__inner:hover,.el-select__placeholder,.el-select__selected-item,.el-select__selected-item.is-disabled,.el-select__caret,.el-select__suffix,.el-select__prefix{border:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;color:var(--color-text)!important;font-weight:700!important;font-size:.95rem!important}.el-input__prefix,.el-input__suffix,.el-input__prefix-inner,.el-input__suffix-inner,.el-select__caret,.el-select__arrow{border:none!important;background:transparent!important;box-shadow:none!important}.el-input__wrapper.is-focus{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)!important;border-color:var(--border-color)!important}.el-textarea__inner:focus{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)!important;border-color:var(--border-color)!important}.el-select__wrapper.is-focused{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)!important;border-color:var(--border-color)!important}.el-date-editor.el-input--large,.el-date-editor.el-input--default,.el-date-editor.el-input--small{border:var(--border-width) solid var(--border-color)!important;border-radius:var(--border-radius)!important;background:var(--color-card)!important;box-shadow:none!important;padding:0!important}.el-date-editor:not(.el-range-editor) .el-input__wrapper,.el-date-editor:not(.el-range-editor) .el-input__wrapper.is-focus,.el-date-editor:not(.el-range-editor) .el-input__wrapper:hover{border:var(--border-width) solid var(--border-color)!important;border-radius:var(--border-radius)!important;background:var(--color-card)!important;box-shadow:none!important;padding:.6rem 1rem!important}.el-date-editor.el-range-editor .el-input,.el-date-editor.el-range-editor .el-input.is-focus,.el-date-editor.el-range-editor .el-input:hover,.el-date-editor.el-range-editor .el-input__wrapper,.el-date-editor.el-range-editor .el-input__wrapper.is-focus,.el-date-editor.el-range-editor .el-input__wrapper:hover,.el-date-editor.el-range-editor .el-input__wrapper.is-disabled,.el-date-editor.el-range-editor .el-input__wrapper.is-active{border:none!important;border-width:0!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important;padding:.6rem 1rem!important}.el-date-editor.el-range-editor .el-input__inner,.el-date-editor.el-range-editor .el-input__inner:focus,.el-date-editor.el-range-editor .el-input__inner:hover,.el-date-editor.el-range-editor .el-input__inner.is-disabled,.el-date-editor.el-range-editor .el-input__prefix,.el-date-editor.el-range-editor .el-input__prefix-inner,.el-date-editor.el-range-editor .el-input__suffix,.el-date-editor.el-range-editor .el-input__suffix-inner,.el-date-editor.el-range-editor .el-range-separator,.el-date-editor.el-range-editor .el-range-input,.el-date-editor.el-range-editor .el-range-input__inner{border:none!important;border-width:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;color:var(--color-text)!important;font-weight:700!important;font-size:.95rem!important}.el-date-editor:not(.el-range-editor) .el-input__inner,.el-date-editor:not(.el-range-editor) .el-input__inner:focus,.el-date-editor:not(.el-range-editor) .el-input__inner:hover,.el-date-editor:not(.el-range-editor) .el-input__prefix,.el-date-editor:not(.el-range-editor) .el-input__suffix,.el-date-editor:not(.el-range-editor) .el-input__prefix-inner,.el-date-editor:not(.el-range-editor) .el-input__suffix-inner{border:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;color:var(--color-text)!important;font-weight:700!important;font-size:.95rem!important}.el-date-editor.el-range-editor.is-focus,.el-date-editor.el-range-editor:focus-within{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)!important;border-color:var(--border-color)!important}.el-date-editor:not(.el-range-editor) .el-input__wrapper.is-focus{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)!important;border-color:var(--border-color)!important}.el-button--primary,.el-button--primary:hover,.el-button--success,.el-button--success:hover,.el-button--danger,.el-button--danger:hover,.el-button--warning,.el-button--warning:hover{color:#fff!important}.brutal-card{background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.brutal-button{background:var(--color-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);padding:.6rem 1.5rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.brutal-button:hover{transform:translateY(-2px) translate(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color)}.brutal-button:active{transform:translateY(0) translate(0);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}.brutal-button-primary{background:var(--color-accent);color:#fff}.brutal-input{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:.6rem 1rem;background-color:var(--color-card);color:var(--color-text);transition:box-shadow .15s ease}.brutal-input:focus{outline:none;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color)}@media(max-width:480px){.container{padding-left:1rem;padding-right:1rem}}@media(max-width:414px){.container{padding-left:.75rem;padding-right:.75rem}}@media(max-width:768px){.btn,.el-button,button.nav-link,button.icon-btn,button.nav-btn,button.user-btn{min-height:44px}}@media(max-width:480px){.el-dialog{width:92%!important;max-width:92%;margin:5vh auto!important}.el-dialog__body{padding:1rem;max-height:70vh;overflow-y:auto}}