:root{--j-color-primary: #087DA0;--j-color-primary-hover: #0870A0;--j-color-primary-bg: rgba(0, 80, 218, .08);--j-color-primary-bg-light: rgba(0, 80, 218, .02);--j-color-primary-border: rgba(0, 80, 218, .15);--j-color-primary-shadow-sm: rgba(0, 80, 218, .2);--j-color-primary-shadow: rgba(0, 80, 218, .25);--j-color-primary-shadow-lg: rgba(0, 80, 218, .3);--j-color-primary-focus: rgba(0, 80, 218, .1);--j-color-text-base: #1a1a1a;--j-color-text-title: #333;--j-color-text-secondary: #666;--j-color-text-muted: #999;--j-color-text-placeholder: #ccc;--j-color-text-white: #fff;--j-color-text-label: #333;--j-color-bg-white: #fff;--j-color-bg-card: #fff;--j-color-bg-subtle: #f5f5f5;--j-color-bg-secondary: #f0f0f0;--j-color-bg-blue-light: #f8faff;--j-color-bg-dark: #1a1a1a;--j-color-border: #f0f0f0;--j-color-border-input: #e0e0e0;--j-color-border-btn: #d9d9d9;--j-color-shadow-card: rgba(0, 0, 0, .06);--j-color-shadow-sm: rgba(0, 0, 0, .04);--j-color-shadow-base: rgba(0, 0, 0, .15);--j-color-shadow-dark: rgba(0, 0, 0, .2);--j-color-success: #059669;--j-color-success-bg: rgba(5, 150, 105, .08);--j-color-success-border: rgba(5, 150, 105, .15);--j-color-success-shadow: rgba(5, 150, 105, .2);--j-color-purple: #7c3aed;--j-color-purple-shadow: rgba(124, 58, 237, .2);--j-color-orange: #ea580c;--j-color-orange-shadow: rgba(234, 88, 12, .2);--j-color-pink: #db2777;--j-color-pink-shadow: rgba(219, 39, 119, .2);--j-color-cyan: #0891b2;--j-color-cyan-shadow: rgba(8, 145, 178, .2);--j-grade-a-color: #059669;--j-grade-a-bg: rgba(5, 150, 105, .08);--j-grade-a-border: rgba(5, 150, 105, .15);--j-grade-b-color: #0050da;--j-grade-b-bg: rgba(0, 80, 218, .08);--j-grade-b-border: rgba(0, 80, 218, .15);--j-grade-c-color: #d97706;--j-grade-c-bg: rgba(217, 119, 6, .08);--j-grade-c-border: rgba(217, 119, 6, .15);--j-grade-d-color: #dc2626;--j-grade-d-bg: rgba(220, 38, 38, .08);--j-grade-d-border: rgba(220, 38, 38, .15);--j-grade-default-color: #666;--j-grade-default-bg: rgba(0, 0, 0, .04);--j-grade-default-border: rgba(0, 0, 0, .08)}.journal-wrapper{min-height:calc(100vh - 200px)}.journal-inner{width:100%;max-width:1440px;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}