.desktop-layout[data-v-181228f6]{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-bg-primary);padding:var(--spacing-lg);gap:var(--spacing-lg);box-sizing:border-box}.sidebar[data-v-181228f6]{width:88px;height:100%;background-color:var(--color-bg-sidebar);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:var(--spacing-xl) 0;box-shadow:var(--shadow-float)}.sidebar-header[data-v-181228f6]{padding:0;border:none;margin-bottom:var(--spacing-2xl)}.app-logo[data-v-181228f6]{width:48px;height:48px;background-color:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--glow-black);cursor:pointer;transition:all .2s ease-in-out}.app-logo[data-v-181228f6]:hover{transform:scale(1.05)}.logo-icon[data-v-181228f6]{font-size:28px}.logo-text[data-v-181228f6]{display:none}.sidebar-nav[data-v-181228f6]{flex:1;padding:0;display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;align-items:center;width:100%}.nav-item[data-v-181228f6]{width:48px;height:48px;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all .2s ease-in-out;cursor:pointer;text-decoration:none;border:none;display:flex;align-items:center;justify-content:center;background-color:transparent;position:relative}.nav-item[data-v-181228f6]:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary);transform:translateY(-1px)}.nav-item.active[data-v-181228f6]{background-color:var(--color-accent);color:#fff;box-shadow:var(--glow-black)}.nav-icon[data-v-181228f6]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg[data-v-181228f6]{width:100%;height:100%}.nav-label[data-v-181228f6]{display:none}.sidebar-footer[data-v-181228f6]{padding:0;border:none;margin-top:var(--spacing-lg)}.user-info[data-v-181228f6]{display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease-in-out;border:2px solid white;box-shadow:0 2px 8px #0000001a}.user-info[data-v-181228f6]:hover{transform:scale(1.05);border-color:var(--color-bg-hover)}.user-avatar[data-v-181228f6]{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.user-avatar img[data-v-181228f6]{width:100%;height:100%;object-fit:cover}.user-name[data-v-181228f6]{display:none}.main-content[data-v-181228f6]{flex:1;height:100%;overflow:hidden;background-color:var(--color-bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-float);border:8px solid white;position:relative}.main-content[data-v-181228f6]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(135deg,rgba(0,0,0,.05),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.mobile-layout[data-v-3922db59]{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-bg-tertiary)}.mobile-header[data-v-3922db59]{height:56px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);position:relative;flex-shrink:0}.header-title[data-v-3922db59]{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.5px}.back-button[data-v-3922db59]{position:absolute;left:var(--spacing-md);color:var(--color-accent);font-size:14px;font-weight:var(--font-weight-medium);padding:var(--spacing-sm);background:none;border:none;cursor:pointer;transition:all .2s ease-in-out}.back-button[data-v-3922db59]:active{transform:scale(.95)}.mobile-content[data-v-3922db59]{flex:1;overflow:hidden;background-color:var(--color-bg-tertiary)}.mobile-nav[data-v-3922db59]{height:60px;background-color:#fff;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);flex-shrink:0;position:relative;z-index:10;box-shadow:0 -2px 10px #0000000d}.nav-item[data-v-3922db59]{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:all .2s ease-in-out;cursor:pointer}.nav-item.active[data-v-3922db59]{color:var(--color-accent)}.nav-item.active .nav-icon[data-v-3922db59]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-item[data-v-3922db59]:active{transform:scale(.95)}.nav-icon[data-v-3922db59]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.nav-icon svg[data-v-3922db59]{width:100%;height:100%}.nav-label[data-v-3922db59]{font-size:11px;font-weight:var(--font-weight-medium)}#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: }.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.grid{display:grid}[rows~="1"]{grid-template-rows:repeat(1,minmax(0,1fr))}[rows~="12"]{grid-template-rows:repeat(12,minmax(0,1fr))}[rows~="15"]{grid-template-rows:repeat(15,minmax(0,1fr))}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h1{height:.25rem}.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,[b=""]{border-width:1px}[stroke-width~="2"]{stroke-width:2px}[stroke-width~="2.5"]{stroke-width:2.5px}[stroke~=white]{--un-stroke-opacity:1;stroke:rgb(255 255 255 / var(--un-stroke-opacity))}.px{padding-left:1rem;padding-right:1rem}.pie{padding-inline-end:1rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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: #F0F2F5;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F8FAFC;--color-bg-sidebar: #FFFFFF;--color-bg-hover: #F3F4F6;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-accent: #000000;--color-accent-hover: #1F2937;--color-accent-light: rgba(0, 0, 0, .05);--color-secondary: #1DB954;--color-secondary-hover: #1ED760;--color-secondary-light: rgba(29, 185, 84, .1);--color-border: #E5E7EB;--color-border-light: #F3F4F6;--border-subtle: rgba(0, 0, 0, .05);--color-emotion-joy: #FFD700;--color-emotion-sadness: #4169E1;--color-emotion-anger: #FF6347;--color-emotion-anxiety: #FFA500;--color-emotion-calm: #87CEEB;--color-emotion-neutral: #9CA3AF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-h1: 32px;--font-size-h2: 20px;--font-size-body: 14px;--font-size-body-lg: 16px;--font-size-label: 12px;--font-size-small: 11px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-xxl: 64px;--card-padding: 32px;--card-padding-sm: 24px;--glow-black: 0 10px 20px -5px rgba(0, 0, 0, .2);--glow-black-sm: 0 4px 20px -2px rgba(0, 0, 0, .05);--glow-green: 0 10px 20px -5px rgba(29, 185, 84, .3);--glow-green-sm: 0 4px 12px -2px rgba(29, 185, 84, .15);--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .05);--shadow-float: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--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;font-size:14px}#app{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:#d1d5db}::selection{background-color:#0000001a;color:var(--color-text-primary)}button{font-family:inherit;border:none;outline:none;cursor:pointer;background:none;transition:all .2s ease-in-out}input,textarea,select{font-family:inherit;border:none;outline:none;background:none;transition:all .2s ease-in-out}a{color:inherit;text-decoration:none;transition:all .2s ease-in-out}.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}