:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-primary-active: #096dd9;--color-primary-light: #e6f7ff;--color-success: #52c41a;--color-success-light: #f6ffed;--color-success-border: #b7eb8f;--color-error: #ff4d4f;--color-error-light: #fff2f0;--color-error-border: #ffccc7;--color-warning: #faad14;--color-warning-light: #fffbe6;--color-warning-border: #ffe58f;--color-info: #1890ff;--color-info-light: #e6f7ff;--color-info-border: #91d5ff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e8e8e8;--color-neutral-300: #d9d9d9;--color-neutral-400: #bfbfbf;--color-neutral-500: #8c8c8c;--color-neutral-600: #595959;--color-neutral-700: #434343;--color-neutral-800: #262626;--color-neutral-900: #1f1f1f;--color-bg-page: #f3f4fa;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-layout: #f5f5f5;--color-text-primary: #000000d9;--color-text-secondary: #00000073;--color-text-tertiary: #00000040;--color-text-disabled: #00000040;--color-text-inverse: #ffffff;--color-border-base: #d9d9d9;--color-border-light: #e8e8e8;--color-border-lighter: #f0f0f0;--color-divider: #0000000f;--color-shadow-base: rgb(0, 0, 0, .08);--color-shadow-light: rgb(0, 0, 0, .04);--color-shadow-dark: rgb(0, 0, 0, .15);--color-sidebar-bg: #f6f9ff;--color-sidebar-item-bg: #f6f9ff;--color-sidebar-item-hover: #e8f4ff;--color-sidebar-item-active-bg: #e0edff;--color-sidebar-item-active-border: #bad6ff;--color-sidebar-item-active-text: #1563d6;--color-sidebar-icon-bg: #f6f9ff;--color-sidebar-icon-hover-bg: #e0edff;--color-sidebar-icon-color: #6b7280;--color-sidebar-icon-hover-color: #374151;--color-sidebar-divider: #e8effd;--color-task-pending: #faad14;--color-task-pending-bg: #fffbe6;--color-task-processing: #1890ff;--color-task-processing-bg: #e6f7ff;--color-task-completed: #52c41a;--color-task-completed-bg: #f6ffed;--color-task-failed: #ff4d4f;--color-task-failed-bg: #fff2f0;--color-header-bg: #ffffff;--color-header-border: #f0f0f0;--color-card-bg: #ffffff;--color-card-border: #f0f0f0;--color-card-shadow: rgb(0, 0, 0, .04);--color-link: #1890ff;--color-link-hover: #40a9ff;--color-link-active: #096dd9;--color-logo-gradient-start: #1890ff;--color-logo-gradient-end: #096dd9;--color-subscribe-gradient-start: #1890ff;--color-subscribe-gradient-end: #096dd9}:root{--font-family-base: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-code: "SFMono-Regular", consolas, "Liberation Mono", menlo, courier, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--typography-h1-size: var(--font-size-4xl);--typography-h1-weight: var(--font-weight-semibold);--typography-h1-line-height: var(--line-height-tight);--typography-h2-size: var(--font-size-3xl);--typography-h2-weight: var(--font-weight-semibold);--typography-h2-line-height: var(--line-height-tight);--typography-h3-size: var(--font-size-2xl);--typography-h3-weight: var(--font-weight-semibold);--typography-h3-line-height: var(--line-height-normal);--typography-h4-size: var(--font-size-xl);--typography-h4-weight: var(--font-weight-medium);--typography-h4-line-height: var(--line-height-normal);--typography-h5-size: var(--font-size-lg);--typography-h5-weight: var(--font-weight-medium);--typography-h5-line-height: var(--line-height-normal);--typography-body-size: var(--font-size-base);--typography-body-weight: var(--font-weight-normal);--typography-body-line-height: var(--line-height-normal);--typography-small-size: var(--font-size-sm);--typography-small-weight: var(--font-weight-normal);--typography-small-line-height: var(--line-height-normal);--typography-button-size: var(--font-size-base);--typography-button-weight: var(--font-weight-medium);--typography-label-size: var(--font-size-sm);--typography-label-weight: var(--font-weight-normal)}:root{--spacing-unit: 4px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--padding-xs: var(--spacing-2);--padding-sm: var(--spacing-3);--padding-md: var(--spacing-4);--padding-lg: var(--spacing-6);--padding-xl: var(--spacing-8);--margin-xs: var(--spacing-2);--margin-sm: var(--spacing-3);--margin-md: var(--spacing-4);--margin-lg: var(--spacing-6);--margin-xl: var(--spacing-8);--gap-xs: var(--spacing-2);--gap-sm: var(--spacing-3);--gap-md: var(--spacing-4);--gap-lg: var(--spacing-6);--gap-xl: var(--spacing-8);--container-padding-mobile: var(--spacing-4);--container-padding-tablet: var(--spacing-6);--container-padding-desktop: var(--spacing-8);--card-padding-sm: var(--spacing-3);--card-padding-md: var(--spacing-4);--card-padding-lg: var(--spacing-6);--button-padding-vertical-sm: var(--spacing-1);--button-padding-horizontal-sm: var(--spacing-3);--button-padding-vertical-md: var(--spacing-2);--button-padding-horizontal-md: var(--spacing-4);--button-padding-vertical-lg: var(--spacing-3);--button-padding-horizontal-lg: var(--spacing-6);--list-item-spacing: var(--spacing-2);--section-spacing-sm: var(--spacing-8);--section-spacing-md: var(--spacing-12);--section-spacing-lg: var(--spacing-16)}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--radius-button-sm: var(--radius-sm);--radius-button-md: var(--radius-base);--radius-button-lg: var(--radius-lg);--radius-card: var(--radius-xl);--radius-input: var(--radius-base);--radius-badge: var(--radius-lg);--radius-tag: var(--radius-sm);--radius-modal: var(--radius-base);--radius-popover: var(--radius-base);--radius-nav-item: var(--radius-lg);--radius-avatar: var(--radius-full);--radius-logo: var(--radius-base);--radius-icon-container: var(--radius-lg)}:root{--shadow-xs: 0 1px 2px rgb(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgb(0, 0, 0, .06);--shadow-md: 0 4px 8px rgb(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgb(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgb(0, 0, 0, .12);--shadow-2xl: 0 16px 32px rgb(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgb(0, 0, 0, .06);--shadow-none: none;--shadow-outline: 0 0 0 3px rgb(24, 144, 255, .2);--shadow-outline-error: 0 0 0 3px rgb(255, 77, 79, .2);--shadow-card: 0 2px 8px rgb(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgb(0, 0, 0, .12);--shadow-modal: 0 8px 24px rgb(0, 0, 0, .15);--shadow-popover: 0 4px 12px rgb(0, 0, 0, .12);--shadow-dropdown: 0 4px 12px rgb(0, 0, 0, .12);--shadow-button: 0 2px 4px rgb(0, 0, 0, .08);--shadow-button-hover: 0 4px 8px rgb(0, 0, 0, .12);--shadow-button-active: 0 1px 2px rgb(0, 0, 0, .06);--shadow-sidebar: 2px 0 8px rgb(0, 0, 0, .04);--shadow-header: 0 2px 8px rgb(0, 0, 0, .04);--shadow-icon-active: 0 2px 8px rgb(24, 144, 255, .3);--shadow-subscribe: 0 2px 8px rgb(24, 144, 255, .2);--shadow-subscribe-hover: 0 4px 12px rgb(24, 144, 255, .3);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}:root{--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-linear: linear;--easing-in: cubic-bezier(.55, .055, .675, .19);--easing-in-back: cubic-bezier(.6, -.28, .735, .045);--easing-out: cubic-bezier(.215, .61, .355, 1);--easing-out-back: cubic-bezier(.175, .885, .32, 1.275);--easing-in-out: cubic-bezier(.645, .045, .355, 1);--easing-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--transition-base: all var(--duration-normal) var(--easing-standard);--transition-fast: all var(--duration-fast) var(--easing-standard);--transition-slow: all var(--duration-slow) var(--easing-standard);--transition-color: color var(--duration-normal) var(--easing-standard), background-color var(--duration-normal) var(--easing-standard), border-color var(--duration-normal) var(--easing-standard);--transition-transform: transform var(--duration-normal) var(--easing-standard);--transition-opacity: opacity var(--duration-normal) var(--easing-standard);--transition-shadow: box-shadow var(--duration-normal) var(--easing-standard);--transition-button: all var(--duration-fast) var(--easing-standard);--transition-card: box-shadow var(--duration-normal) var(--easing-standard), transform var(--duration-normal) var(--easing-standard);--transition-nav-item: all var(--duration-normal) var(--easing-standard);--transition-sidebar: all var(--duration-normal) var(--easing-standard);--transition-modal: opacity var(--duration-normal) var(--easing-standard), transform var(--duration-normal) var(--easing-out-back)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-page)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}a{color:var(--color-link);text-decoration:none;transition:var(--transition-color)}a:hover{color:var(--color-link-hover)}a:active{color:var(--color-link-active)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}::selection{background-color:var(--color-primary-light);color:var(--color-primary-active)}:root{--ant-primary-color: var(--color-primary);--ant-success-color: var(--color-success);--ant-error-color: var(--color-error);--ant-warning-color: var(--color-warning);--ant-info-color: var(--color-info);--ant-text-color: var(--color-text-primary);--ant-text-color-secondary: var(--color-text-secondary);--ant-border-color-base: var(--color-border-base);--ant-border-radius-base: var(--radius-base)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.hidden{display:none}.invisible{visibility:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333}#root{min-height:100vh}.verification-code-input{display:flex;gap:12px;justify-content:center;margin:24px 0}.verification-code-digit{width:48px;height:56px;font-size:24px;font-weight:600;text-align:center;border:2px solid #d9d9d9;border-radius:8px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a202c;caret-color:#3b82f6}.verification-code-digit:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.verification-code-digit:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.verification-code-digit:not(:placeholder-shown){border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}@media(max-width:480px){.verification-code-digit{width:40px;height:48px;font-size:20px}.verification-code-input{gap:8px}}.verify-email-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.verify-email-card{width:100%;max-width:500px;box-shadow:0 10px 40px #00000026;border-radius:12px}.verify-email-card.success{text-align:center;padding:40px}.verify-email-header{text-align:center}.mail-icon{font-size:48px;color:#3b82f6;margin-bottom:16px}.success-icon{font-size:64px;color:#52c41a;margin-bottom:24px}.verify-code-section{display:flex;flex-direction:column;align-items:center;gap:16px}.verify-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}@media(max-width:560px){.verify-email-card{margin:0 16px}}.landing-root{min-height:100vh;background:linear-gradient(to bottom,#f0f9ff,#fff,#f8fafc);color:#1a202c;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:flex;flex-direction:column}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 64px;border-bottom:1px solid #e0f2fe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;background:#ffffffd9;box-shadow:0 1px 3px #3b82f60d}.landing-header-left{display:flex;align-items:center;gap:32px}.landing-header-actions{display:flex;gap:12px;align-items:center}.landing-btn-link{padding:8px 18px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.landing-btn-link:not(.primary){color:#3b82f6;background:transparent}.landing-btn-link:not(.primary):hover{background:#eff6ff}.landing-btn-link.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f640}.landing-btn-link.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.landing-logo{font-weight:700;font-size:20px;letter-spacing:.08em;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-nav{display:flex;gap:24px;font-size:14px}.landing-nav a{color:#4a5568;text-decoration:none;transition:color .2s;font-weight:500}.landing-nav a:hover{color:#3b82f6}.landing-header-right{display:flex;gap:12px;align-items:center}.landing-btn{border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f64d}.landing-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.landing-btn.ghost{background:transparent;color:#3b82f6;border-color:#bfdbfe}.landing-btn.ghost:hover{background:#eff6ff;border-color:#93c5fd}.landing-btn.secondary{background:#fff;color:#3b82f6;border-color:#bfdbfe;box-shadow:0 1px 3px #0000000d}.landing-btn.secondary:hover{background:#eff6ff;border-color:#93c5fd}.landing-main{padding:40px 64px 80px;max-width:1200px;width:100%;margin:0 auto}.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:60px 0 48px}.landing-hero-text h1{font-size:48px;line-height:1.15;margin-bottom:20px;color:#1a202c;font-weight:700;letter-spacing:-.02em}.landing-hero-text p{font-size:18px;color:#4a5568;max-width:520px;line-height:1.7}.landing-hero-actions{display:flex;gap:12px;margin-top:32px;align-items:center}.landing-hero-subnote{margin-top:20px;font-size:13px;color:#718096}.landing-hero-visual{display:flex;justify-content:flex-end}.landing-hero-card{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:24px;border:1px solid #e0f2fe;box-shadow:0 10px 40px #3b82f626,0 4px 12px #3b82f61a}.landing-hero-card-header{font-size:15px;color:#2d3748;margin-bottom:20px;font-weight:600}.landing-hero-card-body{display:flex;flex-direction:column;gap:16px}.landing-hero-metric{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:12px;border:1px solid #bfdbfe}.landing-hero-metric .label{font-size:13px;color:#4a5568;font-weight:500}.landing-hero-metric .value{font-size:20px;color:#3b82f6;font-weight:700}.landing-section{margin-top:80px}.landing-section h2{font-size:32px;color:#1a202c;margin-bottom:12px;font-weight:700;text-align:center}.landing-section-desc{font-size:16px;color:#718096;text-align:center;max-width:640px;margin:0 auto}.landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.landing-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card{background:#fff;border-radius:16px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.landing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f626;border-color:#bfdbfe}.landing-card .step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:20px;box-shadow:0 4px 12px #3b82f64d}.landing-card h3{font-size:18px;margin-bottom:12px;color:#1a202c;font-weight:600}.landing-card p{font-size:15px;color:#718096;line-height:1.6}.landing-faq{margin-top:32px;display:grid;gap:12px;max-width:800px;margin-left:auto;margin-right:auto}.landing-faq details{background:#fff;border-radius:14px;padding:20px 24px;border:1px solid #e2e8f0;font-size:14px;box-shadow:0 1px 3px #00000008;transition:all .2s}.landing-faq details:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f614}.landing-faq summary{cursor:pointer;color:#1a202c;font-weight:600;font-size:15px}.landing-faq p{margin-top:12px;color:#718096;line-height:1.6}.landing-footer{margin-top:auto;padding:32px 64px;border-top:1px solid #e0f2fe;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#718096;background:linear-gradient(to bottom,#fff,#f8fafc)}.landing-footer-left p{margin-top:8px;font-size:13px}@media(max-width:960px){.landing-header{padding:12px 20px}.landing-main{padding:28px 20px 40px}.landing-hero{grid-template-columns:minmax(0,1fr);padding:40px 0 32px}.landing-hero-text h1{font-size:36px}.landing-hero-visual{justify-content:flex-start}.landing-grid{grid-template-columns:minmax(0,1fr)}.landing-footer{flex-direction:column;gap:16px;padding:24px 20px}}.workspace-sider{overflow:hidden;height:100vh!important;position:fixed!important;left:0;top:0;bottom:0;background:var(--color-sidebar-bg)!important;box-shadow:var(--shadow-sidebar);transition:var(--transition-sidebar)}.workspace-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.workspace-sider *{transition:var(--transition-sidebar)}.sidebar-header{padding:20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:none;background:transparent}.workspace-sider.ant-layout-sider-collapsed .sidebar-header{padding:20px 0;justify-content:center;flex-direction:column;gap:12px}.sidebar-logo-collapsed{display:flex;align-items:center;justify-content:center}.sidebar-logo{display:flex;align-items:center;gap:12px;flex:1}.logo-icon{width:40px;height:40px;border-radius:var(--radius-logo);background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-none);overflow:hidden}.logo-icon .logo-image{width:100%;height:100%;object-fit:contain;display:block}.logo-container{display:flex;align-items:center;justify-content:center}.logo-container .logo-image{max-width:100%;height:auto;object-fit:contain;display:block}.sidebar-logo .logo-container{width:100%;max-width:200px}.sidebar-logo-collapsed .logo-container{width:40px;height:40px}.sidebar-logo-collapsed .logo-container .logo-image{width:100%;height:100%;object-fit:contain}.logo-text h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-neutral-900)}.collapse-trigger{width:32px;height:32px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-neutral-500);transition:var(--transition-button);background:transparent;border:1px solid var(--color-border-light)}.collapse-trigger:hover{background:var(--color-bg-container);color:var(--color-primary);border-color:var(--color-primary)}.sidebar-content{flex:1;padding:8px 16px;overflow-y:auto}.workspace-sider.ant-layout-sider-collapsed .sidebar-content{padding:8px 0}.workspace-sider.ant-layout-sider-collapsed .nav-item{justify-content:center;padding:12px 0}.workspace-sider.ant-layout-sider-collapsed .nav-item-wrapper{padding:0 12px}.section-title{padding:var(--spacing-4) 0 var(--spacing-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-normal)}.workspace-sider.ant-layout-sider-collapsed .section-title{display:none}.nav-item-wrapper{margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 12px;border-radius:var(--radius-nav-item);cursor:pointer;transition:var(--transition-nav-item);position:relative;background:transparent}.nav-item:hover{background:var(--color-sidebar-item-hover)}.nav-item.active{background:var(--color-sidebar-item-active-bg);border:1px solid var(--color-sidebar-item-active-border)}.nav-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition-nav-item);flex-shrink:0;border-radius:var(--radius-icon-container);background:var(--color-sidebar-icon-bg);color:var(--color-sidebar-icon-color)}.nav-item:hover .nav-item-icon{background:var(--color-sidebar-icon-hover-bg);color:var(--color-sidebar-icon-hover-color)}.nav-item.active .nav-item-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-active) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-icon-active)}.nav-item-label{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);flex:1}.nav-item.active .nav-item-label{color:var(--color-sidebar-item-active-text);font-weight:var(--font-weight-semibold)}.sidebar-footer{margin-top:auto;border-top:none;background:transparent;padding:0}.user-profile{padding:0;border-top:1px solid var(--color-sidebar-divider);background:var(--color-sidebar-bg)}.workspace-sider.ant-layout-sider-collapsed .user-profile{padding:0}.user-divider{height:1px;background:var(--color-border-light);margin:0}.workspace-sider.ant-layout-sider-collapsed .user-divider{display:none}.user-info{display:flex;align-items:center;padding:16px;margin-bottom:0}.workspace-sider.ant-layout-sider-collapsed .user-info{justify-content:center}.user-avatar{width:40px;height:40px;border-radius:var(--radius-avatar);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-active) 100%);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-text-inverse);margin-right:var(--spacing-3);flex-shrink:0}.workspace-sider.ant-layout-sider-collapsed .user-avatar{margin-right:0}.user-details{flex:1}.workspace-sider.ant-layout-sider-collapsed .user-details{display:none}.user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);color:var(--color-text-primary)}.user-badge{font-size:var(--font-size-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:2px var(--spacing-2);border-radius:var(--radius-badge);display:inline-block}.user-balance{font-size:13px;color:var(--color-text-secondary);font-weight:var(--font-weight-normal);padding:var(--spacing-3) var(--spacing-4);margin:0;display:flex;align-items:center;gap:var(--gap-xs)}.user-balance.clickable{cursor:pointer;transition:var(--transition-button);border-radius:0}.user-balance.clickable:hover{background:var(--color-neutral-50);color:var(--color-primary)}.workspace-sider.ant-layout-sider-collapsed .user-balance{display:none}.user-logout{font-size:13px;color:var(--color-text-secondary);font-weight:var(--font-weight-normal);padding:var(--spacing-3) var(--spacing-4);margin:0;display:flex;align-items:center;gap:var(--gap-xs);cursor:pointer;transition:var(--transition-button);border-radius:0}.user-logout:hover{background:var(--color-neutral-50);color:var(--color-error)}.workspace-sider.ant-layout-sider-collapsed .user-logout{display:none}.user-actions{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.workspace-sider.ant-layout-sider-collapsed .user-actions{display:none}.subscribe-btn{width:100%;padding:10px var(--spacing-4);background:linear-gradient(135deg,var(--color-subscribe-gradient-start) 0%,var(--color-subscribe-gradient-end) 100%);color:var(--color-text-inverse);border:none;border-radius:var(--radius-button-md);cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);transition:var(--transition-button);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-subscribe)}.subscribe-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);box-shadow:var(--shadow-subscribe-hover);transform:translateY(-1px)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.workspace-layout{display:flex;height:100vh;background:var(--color-bg-page)}.workspace-layout__main{flex:1;margin-left:260px;overflow-y:auto;transition:margin-left var(--duration-slow) var(--easing-standard);background:var(--color-bg-container)}.workspace-layout__main--expanded{margin-left:80px}@media(max-width:768px){.workspace-layout__main{margin-left:0}}.markdown-preview-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:markdown-fade-in var(--duration-slow) var(--easing-standard)}@keyframes markdown-fade-in{0%{opacity:0}to{opacity:1}}.markdown-preview-container{width:90%;max-width:900px;max-height:90vh;background:var(--color-bg-container);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:markdown-slide-up var(--duration-slow) var(--easing-standard)}@keyframes markdown-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.markdown-preview-header{padding:20px 24px;background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-bottom:2px solid var(--color-primary-200);display:flex;align-items:center;justify-content:space-between}.markdown-preview-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.markdown-preview-actions{display:flex;gap:var(--gap-sm)}.markdown-action-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-button-md);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-button)}.markdown-download-btn{background:linear-gradient(135deg,var(--color-success),#059669);color:var(--color-text-inverse)}.markdown-download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.markdown-close-btn{background:linear-gradient(135deg,var(--color-neutral-200),var(--color-neutral-300));color:var(--color-text-secondary)}.markdown-close-btn:hover{background:linear-gradient(135deg,var(--color-neutral-300),var(--color-neutral-400));color:var(--color-text-primary);transform:translateY(-2px)}.markdown-preview-body{flex:1;overflow-y:auto;padding:var(--spacing-8)}.markdown-content{line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.markdown-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:3px solid var(--color-primary-200)}.markdown-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4)}.markdown-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.markdown-content p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}.markdown-content ul{margin-left:var(--spacing-6);margin-bottom:var(--spacing-4)}.markdown-content li{margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}.markdown-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.markdown-content em{font-style:italic;color:var(--color-neutral-500)}.balance-page{padding:24px;background:#f3f4fa;min-height:100vh}.balance-container{max-width:1200px;margin:0 auto}.balance-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.header-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e6f7ff,#bae7ff);display:flex;align-items:center;justify-content:center;font-size:24px;color:#1890ff}.balance-header h2{flex:1;font-size:28px;font-weight:600;color:#1f2937}.balance-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.balance-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.balance-section{padding:24px 0}.balance-progress-wrapper{background:#fafafa;border-radius:12px;padding:24px}.balance-numbers{display:flex;align-items:baseline;gap:8px}.upgrade-card{background:linear-gradient(135deg,#e8f4ff,#d6ebff);border-radius:12px;position:relative;overflow:hidden;margin-top:24px}.upgrade-card .ant-card-body{position:relative;z-index:1}.upgrade-decoration{position:absolute;right:20px;bottom:20px;opacity:.3}.star{position:absolute;color:#1890ff;font-size:24px;animation:float 3s ease-in-out infinite}.star-1{right:0;bottom:40px;animation-delay:0s}.star-2{right:30px;bottom:10px;font-size:18px;animation-delay:.5s}.star-3{right:60px;bottom:30px;font-size:16px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@media(max-width:968px){.balance-content{grid-template-columns:1fr}}.payment-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:20px 24px}.payment-modal .ant-modal-body{padding:24px}.payment-modal-content{display:flex;flex-direction:column;gap:16px}.package-summary{background:#fafafa;border-radius:8px;padding:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.payment-tips{background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;padding:16px;margin-top:8px}.payment-actions{margin-top:16px}.payment-status{text-align:center;padding:20px 0}.payment-status .anticon{font-size:48px;margin-bottom:16px}@media(max-width:576px){.payment-modal .ant-modal-body,.package-summary{padding:16px}}.package-purchase-page{padding:24px;background:#f5f5f5;min-height:100vh}.page-header{max-width:1200px;margin:0 auto 32px}.header-content{text-align:center;padding:32px 24px;background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:16px;box-shadow:0 2px 8px #0000000f}.new-user-banner{margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#fff7e6,#ffe7ba);border-radius:8px;text-align:center;font-size:14px;font-weight:500;color:#d46b08}.package-card{border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.package-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}.package-card.popular{border:2px solid #1890ff}.package-card .ant-card-body{display:flex;flex-direction:column;height:100%}.package-header{text-align:center;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.package-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#e6f7ff,#bae7ff);display:flex;align-items:center;justify-content:center;font-size:32px;color:#1890ff}.package-price{padding:24px 0;text-align:center;border-bottom:1px solid #f0f0f0}.price-main{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin-bottom:8px}.price-info{display:flex;align-items:center;justify-content:center;margin-top:8px}.package-features{padding:24px 0;flex:1}.feature-item{display:flex;align-items:center;padding:8px 0;font-size:14px}.feature-item.highlight{background:linear-gradient(135deg,#fff1f0,#ffccc7 50%);padding:12px 16px;border-radius:8px;margin:4px 0}@media(max-width:768px){.package-purchase-page{padding:16px}.page-header{margin-bottom:24px}.header-content{padding:24px 16px}.package-card{margin-bottom:16px}}