.page-enter-active,.page-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}:root{--color-primary: #FF6B35;--color-primary-light: #FF8A50;--color-primary-dark: #E55A2B;--gradient-primary: linear-gradient(135deg, #FF6B35 0%, #FF8A50 100%);--gradient-primary-hover: linear-gradient(135deg, #FF8A50 0%, #FF6B35 100%);--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--color-bg-primary: #FAFAFA;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F5F5F5;--color-text-primary: #2C2C2C;--color-text-secondary: #757575;--color-text-tertiary: #999999;--color-border: #E0E0E0;--color-border-light: #F0F0F0;--color-success: #4CAF50;--color-warning: #FFC107;--color-error: #FF4757;--color-info: #2196F3;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(255, 107, 53, .15);--shadow-xl: 0 12px 48px rgba(255, 107, 53, .25);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-sans: "Quicksand", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Quicksand", "Noto Sans SC", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}#app{min-height:100vh}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.studiary-app{position:relative;min-height:100vh;overflow-x:hidden}.studiary-app .bg-decoration{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;overflow:hidden}.studiary-app .bg-decoration .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;animation:float 20s ease-in-out infinite}.studiary-app .bg-decoration .blob.blob-1{width:600px;height:600px;background:var(--color-primary);top:-200px;right:-200px;animation-delay:0s}.studiary-app .bg-decoration .blob.blob-2{width:500px;height:500px;background:#667eea;bottom:-150px;left:-150px;animation-delay:-5s}.studiary-app .bg-decoration .blob.blob-3{width:400px;height:400px;background:#38ef7d;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}@media (max-width: 768px){html{font-size:14px}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.dark-mode{--color-bg-primary: #1A1A1A;--color-bg-secondary: #242424;--color-bg-tertiary: #2F2F2F;--color-text-primary: #FFFFFF;--color-text-secondary: #B0B0B0;--color-text-tertiary: #808080;--color-border: #404040;--color-border-light: #333333;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(255, 107, 53, .2);--shadow-xl: 0 12px 48px rgba(255, 107, 53, .3);--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .4)}*,*:before,*:after{transition-property:background-color,border-color,color;transition-duration:.3s;transition-timing-function:ease-in-out}input,textarea,button,a{transition:none!important}