.desktop-layout[data-v-9e0980f5]{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}.sidebar[data-v-9e0980f5]{width:240px;height:100vh;background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header[data-v-9e0980f5]{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.app-logo[data-v-9e0980f5]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}.logo-icon[data-v-9e0980f5]{font-size:28px}.logo-text[data-v-9e0980f5]{font-size:18px;font-weight:700;letter-spacing:-.5px}.sidebar-nav[data-v-9e0980f5]{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto}.nav-item[data-v-9e0980f5]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s ease;cursor:pointer;text-decoration:none}.nav-item[data-v-9e0980f5]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active[data-v-9e0980f5]{background-color:var(--color-accent-light);color:var(--color-accent)}.nav-icon[data-v-9e0980f5]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg[data-v-9e0980f5]{width:100%;height:100%}.nav-label[data-v-9e0980f5]{font-size:15px;font-weight:500}.sidebar-footer[data-v-9e0980f5]{padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}.user-info[data-v-9e0980f5]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.user-info[data-v-9e0980f5]:hover{background-color:var(--color-bg-hover)}.user-avatar[data-v-9e0980f5]{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.user-name[data-v-9e0980f5]{font-size:14px;color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content[data-v-9e0980f5]{flex:1;height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}.mobile-layout[data-v-41cb3106]{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}.mobile-header[data-v-41cb3106]{height:56px;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);position:relative;flex-shrink:0}.header-title[data-v-41cb3106]{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.back-button[data-v-41cb3106]{position:absolute;left:var(--spacing-md);color:var(--color-accent);font-size:14px;padding:var(--spacing-sm);background:none;border:none;cursor:pointer}.mobile-content[data-v-41cb3106]{flex:1;overflow:hidden;background-color:var(--color-bg-primary)}.mobile-nav[data-v-41cb3106]{height:60px;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);flex-shrink:0;position:relative;z-index:10}.nav-item[data-v-41cb3106]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-xs) 0;transition:color .2s ease;cursor:pointer}.nav-item.active[data-v-41cb3106]{color:var(--color-accent)}.nav-icon[data-v-41cb3106]{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg[data-v-41cb3106]{width:100%;height:100%}.nav-label[data-v-41cb3106]{font-size:11px;font-weight:500}#app[data-v-fd50ff31]{width:100vw;height:100vh;overflow:hidden}.loading-screen[data-v-fd50ff31]{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-primary)}.loading-spinner[data-v-fd50ff31]{width:48px;height:48px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin-fd50ff31 1s linear infinite}@keyframes spin-fd50ff31{to{transform:rotate(360deg)}}.loading-text[data-v-fd50ff31]{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:14px}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}[rows~="1"]{grid-template-rows:repeat(1,minmax(0,1fr))}[rows~="12"]{grid-template-rows:repeat(12,minmax(0,1fr))}[rows~="20"]{grid-template-rows:repeat(20,minmax(0,1fr))}.block{display:block}.hidden{display:none}.h2{height:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.border{border-width:1px}[stroke-width~="2"]{stroke-width:2px}.pie{padding-inline-end:1rem}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-bg-primary: #121212;--color-bg-secondary: #282828;--color-bg-tertiary: #404040;--color-bg-sidebar: #1A1A1A;--color-bg-hover: #2A2A2A;--color-text-primary: #FFFFFF;--color-text-secondary: #B3B3B3;--color-text-tertiary: #8A8A8A;--color-accent: #1DB954;--color-accent-hover: #1ED760;--color-accent-light: rgba(29, 185, 84, .1);--color-border: #606060;--color-border-light: #404040;--color-emotion-joy: #FFD700;--color-emotion-sadness: #4169E1;--color-emotion-anger: #FF6347;--color-emotion-anxiety: #FFA500;--color-emotion-calm: #87CEEB;--color-emotion-neutral: #B3B3B3;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--breakpoint-mobile: 768px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}::selection{background-color:var(--color-accent-light);color:var(--color-accent)}button{font-family:inherit;border:none;outline:none;cursor:pointer;background:none}input,textarea{font-family:inherit;border:none;outline:none;background:none}a{color:inherit;text-decoration:none}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}