:root{--color-bg-primary:#f5f9fc;--color-bg-card:#fff;--color-bg-sidebar:#fff0f5;--color-bg-hover:#7fbbcf14;--color-btn-primary-start:#7fbbcf;--color-btn-primary-end:#a8d8ea;--color-danger:#e8a0a0;--color-success:#a8d5ba;--color-accent:#f2c6a0;--color-text-primary:#3a5a6a;--color-text-secondary:#7a9aaa;--color-text-muted:#a0c0d0;--color-text-white:#fff;--color-border:#c8dce680;--color-border-light:#c8dce640;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 8px #7fbbcf1a;--shadow-md:0 4px 16px #7fbbcf26;--shadow-lg:0 8px 32px #7fbbcf33;--shadow-card:0 2px 12px #7fbbcf1f;--shadow-watercolor:0 4px 20px #a8d8ea33;--gradient-primary:linear-gradient(135deg, var(--color-btn-primary-start), var(--color-btn-primary-end));--gradient-danger:linear-gradient(135deg, #e8a0a0, #f0c0c0);--gradient-success:linear-gradient(135deg, #a8d5ba, #c0e8d0);--gradient-accent:linear-gradient(135deg, #f2c6a0, #f8dcc0);--gradient-sidebar:linear-gradient(180deg, #fff0f5 0%, #fff5f0 100%);--font-family:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:240px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#7fbbcf4d}::-webkit-scrollbar-thumb:hover{background:#7fbbcf80}a{color:var(--color-btn-primary-start);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-btn-primary-end)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:10px 14px}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--color-btn-primary-start);box-shadow:0 0 0 3px #7fbbcf26}button{font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn{border-radius:var(--radius-full);letter-spacing:.02em;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--color-text-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:var(--gradient-danger);color:var(--color-text-primary)}.btn-danger:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-success{background:var(--gradient-success);color:var(--color-text-primary)}.btn-success:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-accent{background:var(--gradient-accent);color:var(--color-text-primary)}.btn-accent:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-bg-hover);border-color:var(--color-btn-primary-start);color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-sm);padding:6px 14px}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-watercolor)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;padding:3px 10px;font-weight:500;display:inline-flex}.badge-primary{color:var(--color-btn-primary-start);background:#7fbbcf26}.badge-success{color:#5ba07a;background:#a8d5ba33}.badge-danger{color:#d08080;background:#e8a0a033}.badge-accent{color:#d09060;background:#f2c6a033}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.hidden{display:none!important}.visible{display:block}.watercolor-bg{position:relative;overflow:hidden}.watercolor-bg:before{content:"";pointer-events:none;background:radial-gradient(circle,#a8d8ea26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-30%}.watercolor-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#f2c6a01a 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-40%;left:-20%}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-btn-primary-start);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-md);background:var(--color-bg-card);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-success);font-size:var(--font-size-sm);z-index:9999;padding:12px 20px;animation:.3s slideInRight;position:fixed;top:80px;right:24px}.toast.toast-error{border-left-color:var(--color-danger)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.app-container{background:var(--color-bg-primary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--gradient-sidebar);border-right:1px solid var(--color-border-light);z-index:100;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border-light)}.sidebar-logo{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:.05em;font-weight:600}.sidebar-logo .logo-icon{font-size:var(--font-size-2xl);margin-right:6px;display:inline-block}.sidebar-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.sidebar-menu{padding:var(--spacing-sm) 0;flex:1;list-style:none}.sidebar-menu li{margin:2px 8px}.menu-item{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.menu-item:hover{color:var(--color-text-primary);background:#7fbbcf1a}.menu-item.active{color:var(--color-text-primary);background:#7fbbcf26;font-weight:500}.menu-item.active:before{content:"";background:var(--gradient-primary);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.menu-item .menu-icon{flex-shrink:0;font-size:20px;line-height:1}.menu-item .menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-light);text-align:center}.sidebar-footer .user-info{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;display:flex}.sidebar-footer .user-info:hover{background:#7fbbcf1a}.user-avatar{background:var(--gradient-primary);width:32px;height:32px;color:var(--color-text-white);font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:0 var(--spacing-xl);z-index:50;background:#f5f9fcd9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--spacing-md);display:flex}.topbar-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.topbar-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:4px 12px}.topbar-right{align-items:center;gap:var(--spacing-md);display:flex}.topbar-avatar{background:var(--gradient-primary);width:36px;height:36px;color:var(--color-text-white);font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.topbar-avatar:hover{transform:scale(1.05)}.content-area{padding:var(--spacing-xl);flex:1;overflow-y:auto}.page-header{margin-bottom:var(--spacing-xl)}.page-header h2{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.page-header p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-container{background:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-card);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);text-align:center}.auth-card .auth-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.auth-card .auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.auth-card .form-group{margin-bottom:var(--spacing-md);text-align:left}.auth-card .form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:6px;font-weight:500;display:block}.auth-card .btn{width:100%;margin-top:var(--spacing-sm);padding:12px 20px}.auth-card .auth-switch{margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-card .auth-switch a{color:var(--color-btn-primary-start);cursor:pointer;font-weight:500}.auth-card .auth-switch a:hover{text-decoration:underline}.auth-error{color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);background:#e8a0a01a;padding:8px 12px;display:none}.auth-error.show{display:block}.db-warning{border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:#c08050;background:#f2c6a026;border:1px solid #f2c6a04d;align-items:center;gap:8px;display:flex}.db-warning .warning-icon{flex-shrink:0;font-size:18px}.empty-state{padding:var(--spacing-2xl);color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{margin-bottom:var(--spacing-md);opacity:.6;font-size:48px}.empty-state .empty-text{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.empty-state .empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media screen and (width<=768px){.sidebar{border-right:none;border-top:1px solid var(--color-border-light);z-index:100;flex-direction:row;width:100%;height:64px;position:fixed;top:auto;bottom:0;left:0;overflow:auto hidden;box-shadow:0 -2px 12px #7fbbcf1a}.sidebar-header,.sidebar-footer{display:none}.sidebar-menu{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;padding:0;display:flex}.sidebar-menu li{text-align:center;flex:1;margin:0}.menu-item{font-size:var(--font-size-xs);border-radius:0;flex-direction:column;justify-content:center;gap:2px;padding:8px 4px}.menu-item .menu-icon{font-size:18px}.menu-item.active:before{border-radius:0 0 3px 3px;width:60%;height:3px;top:0;left:50%;transform:translate(-50%)}.main-area{margin-left:0;padding-bottom:64px}.topbar{padding:0 var(--spacing-md)}.content-area{padding:var(--spacing-md)}.page-header h2{font-size:var(--font-size-xl)}.auth-card{padding:var(--spacing-xl);margin:0 var(--spacing-md)}}@media screen and (width>=769px) and (width<=1024px){:root{--sidebar-width:200px}.content-area{padding:var(--spacing-lg)}}@media screen and (width<=768px){html{font-size:16px}body{padding-top:env(safe-area-inset-top);-webkit-touch-callout:none;overflow-x:hidden}input,textarea,select,[contenteditable]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}input,textarea,select{min-height:44px;font-size:16px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date],input[type=datetime-local]{min-height:44px}.btn{min-width:44px;min-height:44px;padding:10px 20px}.btn-sm{min-width:40px;min-height:40px;padding:8px 16px}.tx-action-btn,.icon-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.sidebar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.menu-item{min-height:56px;padding:6px 2px}.menu-item .menu-icon{font-size:22px;line-height:1.2}.menu-item .menu-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;line-height:1.3;overflow:hidden}.sidebar-menu{scrollbar-width:none;-ms-overflow-style:none}.sidebar-menu::-webkit-scrollbar{display:none}.main-area{padding-bottom:calc(64px + env(safe-area-inset-bottom) + 8px)}.topbar{padding:0 var(--spacing-md);padding-top:env(safe-area-inset-top);min-height:calc(var(--topbar-height) + env(safe-area-inset-top))}.topbar-title{font-size:var(--font-size-base)}.topbar-date{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;padding:3px 10px;font-size:11px;overflow:hidden}.content-area{padding:var(--spacing-md)}.card{padding:var(--spacing-md);border-radius:var(--radius-md)}.page-header{margin-bottom:var(--spacing-md)}.page-header h2{font-size:var(--font-size-xl)}.page-header p{font-size:var(--font-size-sm)}.grid-2,.grid-3,.grid-4{gap:var(--spacing-sm);grid-template-columns:1fr!important}.table-wrapper,table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.modal,[class*=modal-overlay],[class*=-modal]{align-items:flex-end}.modal-content,.modal-card,[class*=modal]:not([class*=overlay])>div{padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) + env(safe-area-inset-bottom));margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;width:100%!important;max-width:100%!important}.toast{top:auto;bottom:calc(80px + env(safe-area-inset-bottom));text-align:center;max-width:calc(100vw - 32px);left:50%;right:50%;transform:translate(50%)}@keyframes slideInRight{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.auth-container{padding:var(--spacing-md);padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top))}.auth-card{max-width:100%;padding:var(--spacing-lg);margin:0}.auth-card .btn{min-height:48px}svg[id$=-chart]{width:100%;height:auto;display:block}#chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.menu-item,.inspiration-card,.tx-item,.news-card,.quote-card,.course-card{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#7fbbcf26}a,button,.menu-item,[role=button]{-webkit-tap-highlight-color:#7fbbcf33}.btn:active,.menu-item:active{opacity:.85;transform:scale(.97)}@media screen and (width<=900px) and (orientation:landscape){.sidebar{height:56px}.menu-item .menu-label{font-size:10px}.main-area{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}}@media screen and (width<=360px){.menu-item .menu-label{font-size:10px}.menu-item .menu-icon{font-size:20px}.content-area{padding:var(--spacing-sm)}.topbar-title{font-size:var(--font-size-sm)}}