:root{--ce-primary: #2563eb;--ce-primary-light: #3b82f6;--ce-primary-lighter: #93c5fd;--ce-primary-dark: #1d4ed8;--ce-primary-bg: #eff6ff;--ce-accent: #6366f1;--ce-accent-light: #818cf8;--ce-bg: #f8fafc;--ce-bg-elevated: #ffffff;--ce-bg-subtle: #f1f5f9;--ce-bg-muted: #e2e8f0;--ce-text: #0f172a;--ce-text-secondary: #475569;--ce-text-muted: #94a3b8;--ce-text-inverse: #ffffff;--ce-border: #e2e8f0;--ce-border-light: #f1f5f9;--ce-border-focus: #2563eb;--ce-success: #10b981;--ce-success-bg: #ecfdf5;--ce-warning: #f59e0b;--ce-warning-bg: #fffbeb;--ce-error: #ef4444;--ce-error-bg: #fef2f2;--ce-info: #3b82f6;--ce-info-bg: #eff6ff;--ce-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--ce-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--ce-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ce-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--ce-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ce-radius-sm: 6px;--ce-radius-md: 10px;--ce-radius-lg: 16px;--ce-radius-xl: 24px;--ce-radius-full: 9999px;--ce-space-1: 4px;--ce-space-2: 8px;--ce-space-3: 12px;--ce-space-4: 16px;--ce-space-5: 20px;--ce-space-6: 24px;--ce-space-8: 32px;--ce-space-10: 40px;--ce-space-12: 48px;--ce-space-16: 64px;--ce-header-height: 64px;--ce-sidebar-width: 240px;--ce-sidebar-collapsed: 68px;--ce-content-max-width: 1280px;--ce-content-narrow: 960px;--ce-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--ce-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, "Courier New", monospace;--ce-text-xs: 12px;--ce-text-sm: 13px;--ce-text-base: 14px;--ce-text-md: 15px;--ce-text-lg: 16px;--ce-text-xl: 18px;--ce-text-2xl: 20px;--ce-text-3xl: 24px;--ce-text-4xl: 30px;--ce-text-5xl: 36px;--ce-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ce-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--ce-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ce-transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--ce-text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--ce-font-sans);color:var(--ce-text);background:var(--ce-bg);line-height:1.6}a{color:var(--ce-primary);text-decoration:none;transition:color var(--ce-transition-fast)}a:hover{color:var(--ce-primary-dark)}.ce-page{max-width:var(--ce-content-max-width);margin:0 auto;padding:var(--ce-space-6);animation:ce-fade-in .4s ease-out}.ce-page-narrow{max-width:var(--ce-content-narrow);margin:0 auto;padding:var(--ce-space-6);animation:ce-fade-in .4s ease-out}.ce-card,.ce-card-interactive{background:var(--ce-bg-elevated);border-radius:var(--ce-radius-lg);border:1px solid var(--ce-border);box-shadow:var(--ce-shadow-xs);transition:box-shadow var(--ce-transition-base),transform var(--ce-transition-base)}.ce-card:hover,.ce-card-interactive:hover{box-shadow:var(--ce-shadow-md)}.ce-card-interactive{cursor:pointer}.ce-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--ce-shadow-lg);border-color:var(--ce-primary-lighter)}.ce-card-interactive:active{transform:translateY(0)}.ce-page-header{margin-bottom:var(--ce-space-8)}.ce-page-header h1{font-size:var(--ce-text-4xl);font-weight:700;color:var(--ce-text);letter-spacing:-.025em;line-height:1.2}.ce-page-header .ce-page-subtitle{font-size:var(--ce-text-lg);color:var(--ce-text-secondary);margin-top:var(--ce-space-2);font-weight:400}.ce-section{margin-bottom:var(--ce-space-10)}.ce-section h2{font-size:var(--ce-text-2xl);font-weight:600;color:var(--ce-text);margin-bottom:var(--ce-space-5);letter-spacing:-.015em}.ce-grid,.ce-grid-auto,.ce-grid-4,.ce-grid-3,.ce-grid-2{display:grid;gap:var(--ce-space-5)}.ce-grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.ce-grid-2{grid-template-columns:1fr}}.ce-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.ce-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ce-grid-3{grid-template-columns:1fr}}.ce-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.ce-grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.ce-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ce-grid-4{grid-template-columns:1fr}}.ce-grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ce-tool-card{display:flex;flex-direction:column;padding:var(--ce-space-6);background:var(--ce-bg-elevated);border-radius:var(--ce-radius-lg);border:1px solid var(--ce-border);text-decoration:none;color:inherit;transition:all var(--ce-transition-base);position:relative;overflow:hidden}.ce-tool-card .ce-tool-icon{width:48px;height:48px;border-radius:var(--ce-radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:var(--ce-space-4);transition:transform var(--ce-transition-spring)}.ce-tool-card .ce-tool-title{font-size:var(--ce-text-lg);font-weight:600;color:var(--ce-text);margin-bottom:var(--ce-space-2);transition:color var(--ce-transition-fast)}.ce-tool-card .ce-tool-desc{font-size:var(--ce-text-sm);color:var(--ce-text-muted);line-height:1.5;flex:1}.ce-tool-card:hover{transform:translateY(-3px);box-shadow:var(--ce-shadow-lg);border-color:var(--ce-primary-lighter)}.ce-tool-card:hover .ce-tool-icon{transform:scale(1.08)}.ce-tool-card:hover .ce-tool-title{color:var(--ce-primary)}.ce-tool-card:active{transform:translateY(-1px)}.ce-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--ce-radius-full);font-size:var(--ce-text-xs);font-weight:500;line-height:1.6}.ce-badge.ce-badge-primary{background:var(--ce-primary-bg);color:var(--ce-primary)}.ce-badge.ce-badge-success{background:var(--ce-success-bg);color:var(--ce-success)}.ce-badge.ce-badge-warning{background:var(--ce-warning-bg);color:var(--ce-warning)}.ce-badge.ce-badge-error{background:var(--ce-error-bg);color:var(--ce-error)}.ce-tool-page{min-height:calc(100vh - var(--ce-header-height) - 80px);padding:var(--ce-space-6);animation:ce-fade-in .4s ease-out}.ce-tool-page .ce-tool-container{max-width:var(--ce-content-max-width);margin:0 auto}.ce-auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--ce-header-height) - 80px);padding:var(--ce-space-6);animation:ce-fade-in .4s ease-out}.ce-auth-card{width:100%;max-width:440px;background:var(--ce-bg-elevated);border-radius:var(--ce-radius-xl);box-shadow:var(--ce-shadow-xl);border:1px solid var(--ce-border);padding:var(--ce-space-10)}.ce-auth-card .ce-auth-header{text-align:center;margin-bottom:var(--ce-space-8)}.ce-auth-card .ce-auth-header h2{font-size:var(--ce-text-3xl);font-weight:700;color:var(--ce-text);margin-bottom:var(--ce-space-2)}.ce-auth-card .ce-auth-header p{color:var(--ce-text-muted);font-size:var(--ce-text-base)}@keyframes ce-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ce-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ce-slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes ce-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.el-button--primary{--el-button-bg-color: var(--ce-primary);--el-button-border-color: var(--ce-primary);--el-button-hover-bg-color: var(--ce-primary-light);--el-button-hover-border-color: var(--ce-primary-light);--el-button-active-bg-color: var(--ce-primary-dark);--el-button-active-border-color: var(--ce-primary-dark);border-radius:var(--ce-radius-sm)}.el-button{border-radius:var(--ce-radius-sm);font-weight:500}.el-card{border-radius:var(--ce-radius-lg);border-color:var(--ce-border);--el-card-border-color: var(--ce-border)}.el-input__wrapper{border-radius:var(--ce-radius-sm)}.el-menu--horizontal{border-bottom:none!important}.el-message{border-radius:var(--ce-radius-md)}.el-upload-dragger{border-radius:var(--ce-radius-lg);border-color:var(--ce-border);transition:all var(--ce-transition-base)}.el-upload-dragger:hover{border-color:var(--ce-primary);background:var(--ce-primary-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ce-bg-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ce-text-muted)}::-moz-selection{background:var(--ce-primary-lighter);color:var(--ce-primary-dark)}::selection{background:var(--ce-primary-lighter);color:var(--ce-primary-dark)}.ce-converter-view{max-width:900px;margin:0 auto;padding:var(--ce-space-6);animation:ce-fade-in .4s ease-out}.ce-converter-view .ce-converter-card{background:var(--ce-bg-elevated);border-radius:var(--ce-radius-xl);box-shadow:var(--ce-shadow-lg);border:1px solid var(--ce-border);overflow:hidden}.ce-converter-view .ce-converter-header{display:flex;align-items:center;gap:var(--ce-space-3);padding:var(--ce-space-6);border-bottom:1px solid var(--ce-border-light)}.ce-converter-view .ce-converter-header .ce-converter-icon{width:44px;height:44px;border-radius:var(--ce-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.ce-converter-view .ce-converter-header .ce-converter-title{font-size:1.25rem;font-weight:600;color:var(--ce-text)}.ce-converter-view .ce-converter-header .ce-converter-subtitle{font-size:.875rem;color:var(--ce-text-secondary);margin-top:2px}.ce-converter-view .ce-converter-body{padding:var(--ce-space-6)}.ce-converter-view .ce-upload-section{margin-bottom:var(--ce-space-6)}.ce-converter-view .ce-upload-section :deep(.el-upload-dragger){padding:40px;border-radius:var(--ce-radius-lg);border:2px dashed var(--ce-border);transition:all var(--ce-transition)}.ce-converter-view .ce-upload-section :deep(.el-upload-dragger):hover{border-color:var(--ce-primary);background:var(--ce-primary-bg)}.ce-converter-view .ce-upload-section :deep(.el-upload__tip){color:var(--ce-text-muted);font-size:.8125rem}.ce-converter-view .ce-file-info{margin-bottom:var(--ce-space-6)}.ce-converter-view .ce-file-info :deep(.el-descriptions){border-radius:var(--ce-radius-md)}.ce-converter-view .ce-image-preview{margin-top:var(--ce-space-4);padding-top:var(--ce-space-4);border-top:1px solid var(--ce-border-light)}.ce-converter-view .ce-image-preview h4{margin:0 0 var(--ce-space-3) 0;font-size:.875rem;font-weight:600;color:var(--ce-text-secondary)}.ce-converter-view .ce-image-preview img{max-width:100%;max-height:300px;border-radius:var(--ce-radius-md);box-shadow:var(--ce-shadow-sm)}.ce-converter-view .ce-format-selector{margin-bottom:var(--ce-space-6)}.ce-converter-view .ce-action-buttons{display:flex;justify-content:center;gap:var(--ce-space-4);padding-top:var(--ce-space-4)}.ce-converter-view .ce-progress-bar,.ce-converter-view .ce-result-alert{margin-top:var(--ce-space-4)}.ce-all-tools{max-width:var(--ce-content-max-width);margin:0 auto;padding:var(--ce-space-8) var(--ce-space-5);animation:ce-fade-in .4s ease-out}.ce-all-tools .ce-all-tools-header{text-align:center;margin-bottom:var(--ce-space-10)}.ce-all-tools .ce-all-tools-header h1{font-size:2rem;font-weight:700;color:var(--ce-text);margin:0 0 var(--ce-space-2) 0}.ce-all-tools .ce-all-tools-header .ce-all-tools-subtitle{font-size:1.05rem;color:var(--ce-text-secondary)}.ce-all-tools .ce-tools-section{margin-bottom:var(--ce-space-10)}.ce-all-tools .ce-tools-section .ce-section-title{font-size:1.35rem;font-weight:600;color:var(--ce-text);padding-bottom:var(--ce-space-3);margin-bottom:var(--ce-space-5);border-bottom:2px solid var(--ce-primary);display:flex;align-items:center;gap:var(--ce-space-2)}.ce-all-tools .ce-tools-section .ce-section-title .ce-section-icon{width:32px;height:32px;border-radius:var(--ce-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.ce-all-tools .ce-tools-section .ce-tool-item{margin-bottom:var(--ce-space-6);padding:var(--ce-space-6);background:var(--ce-bg-elevated);border-radius:var(--ce-radius-lg);border:1px solid var(--ce-border);box-shadow:var(--ce-shadow-sm);transition:all var(--ce-transition)}.ce-all-tools .ce-tools-section .ce-tool-item:hover{box-shadow:var(--ce-shadow-md);border-color:var(--ce-primary-lighter)}.ce-all-tools .ce-tools-section .ce-tool-item h3{font-size:1.1rem;font-weight:600;color:var(--ce-text);margin:0 0 var(--ce-space-4) 0;display:flex;align-items:center;gap:var(--ce-space-2)}.ce-all-tools .ce-tools-section .ce-tool-item h3 .el-icon{color:var(--ce-primary)}.icp-page[data-v-f7634961]{max-width:var(--ce-content-max-width);margin:0 auto;animation:ce-fade-in .5s ease-out}.hero[data-v-f7634961]{display:flex;align-items:center;gap:var(--ce-space-12);padding:var(--ce-space-12) 0 var(--ce-space-16)}@media (max-width: 968px){.hero[data-v-f7634961]{flex-direction:column;text-align:center;padding:var(--ce-space-8) 0;gap:var(--ce-space-8)}}.hero-content[data-v-f7634961]{flex:1}.hero-badge[data-v-f7634961]{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--ce-primary-bg);color:var(--ce-primary);border-radius:var(--ce-radius-full);font-size:var(--ce-text-sm);font-weight:500;margin-bottom:var(--ce-space-5)}.hero-title[data-v-f7634961]{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--ce-text);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--ce-space-4)}.hero-subtitle[data-v-f7634961]{font-size:var(--ce-text-xl);color:var(--ce-text-secondary);line-height:1.6;max-width:480px;margin-bottom:var(--ce-space-8)}@media (max-width: 968px){.hero-subtitle[data-v-f7634961]{margin:0 auto var(--ce-space-8)}}.hero-actions[data-v-f7634961]{display:flex;gap:var(--ce-space-3)}@media (max-width: 968px){.hero-actions[data-v-f7634961]{justify-content:center}}.hero-btn[data-v-f7634961]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--ce-radius-md);font-size:var(--ce-text-md);font-weight:600;text-decoration:none;transition:all var(--ce-transition-base);cursor:pointer}.hero-btn-primary[data-v-f7634961]{background:var(--ce-primary);color:var(--ce-text-inverse);box-shadow:0 4px 14px #2563eb59}.hero-btn-primary[data-v-f7634961]:hover{background:var(--ce-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66;color:var(--ce-text-inverse)}.hero-btn-outline[data-v-f7634961]{background:var(--ce-bg-elevated);color:var(--ce-text);border:1px solid var(--ce-border)}.hero-btn-outline[data-v-f7634961]:hover{border-color:var(--ce-primary-lighter);background:var(--ce-primary-bg);color:var(--ce-primary)}.hero-visual[data-v-f7634961]{flex-shrink:0}@media (max-width: 968px){.hero-visual[data-v-f7634961]{width:100%}}.hero-grid[data-v-f7634961]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ce-space-4)}.stat-card[data-v-f7634961]{background:var(--ce-bg-elevated);border:1px solid var(--ce-border);border-radius:var(--ce-radius-lg);padding:var(--ce-space-6);text-align:center;transition:all var(--ce-transition-base)}.stat-card[data-v-f7634961]:hover{box-shadow:var(--ce-shadow-md);border-color:var(--ce-primary-lighter)}.stat-number[data-v-f7634961]{font-size:var(--ce-text-3xl);font-weight:800;color:var(--ce-primary);letter-spacing:-.02em}.stat-label[data-v-f7634961]{font-size:var(--ce-text-sm);color:var(--ce-text-muted);margin-top:var(--ce-space-1)}.section-header[data-v-f7634961]{margin-bottom:var(--ce-space-8)}.section-header h2[data-v-f7634961]{font-size:var(--ce-text-3xl);font-weight:700;color:var(--ce-text);letter-spacing:-.02em}.section-desc[data-v-f7634961]{font-size:var(--ce-text-md);color:var(--ce-text-secondary);margin-top:var(--ce-space-2)}.features-grid[data-v-f7634961]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--ce-space-5)}.feature-card[data-v-f7634961]{background:var(--ce-bg-elevated);border:1px solid var(--ce-border);border-radius:var(--ce-radius-lg);padding:var(--ce-space-6);transition:all var(--ce-transition-base)}.feature-card[data-v-f7634961]:hover{box-shadow:var(--ce-shadow-md);transform:translateY(-2px)}.feature-card h3[data-v-f7634961]{font-size:var(--ce-text-lg);font-weight:600;color:var(--ce-text);margin-bottom:var(--ce-space-3)}.feature-icon[data-v-f7634961]{width:44px;height:44px;border-radius:var(--ce-radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--ce-space-4)}.feature-list[data-v-f7634961]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ce-space-2)}.feature-list li[data-v-f7634961]{font-size:var(--ce-text-sm);color:var(--ce-text-secondary);padding-left:18px;position:relative}.feature-list li[data-v-f7634961]:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--ce-primary-lighter)}.nav-grid[data-v-f7634961]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ce-space-4)}.nav-card[data-v-f7634961]{display:flex;align-items:center;gap:var(--ce-space-3);padding:var(--ce-space-4) var(--ce-space-5);background:var(--ce-bg-elevated);border:1px solid var(--ce-border);border-radius:var(--ce-radius-lg);text-decoration:none;color:var(--ce-text);transition:all var(--ce-transition-base)}.nav-card[data-v-f7634961]:hover{box-shadow:var(--ce-shadow-md);border-color:var(--ce-primary-lighter);transform:translateY(-2px)}.nav-card:hover .nav-arrow[data-v-f7634961]{transform:translate(3px);color:var(--ce-primary)}.nav-icon[data-v-f7634961]{width:36px;height:36px;border-radius:var(--ce-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-text[data-v-f7634961]{flex:1;font-size:var(--ce-text-base);font-weight:500}.nav-arrow[data-v-f7634961]{color:var(--ce-text-muted);transition:all var(--ce-transition-fast)}.info-section[data-v-f7634961]{padding-top:var(--ce-space-8);border-top:1px solid var(--ce-border);margin-top:var(--ce-space-10)}.info-grid[data-v-f7634961]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--ce-space-5)}.info-card[data-v-f7634961]{background:var(--ce-bg-elevated);border:1px solid var(--ce-border);border-radius:var(--ce-radius-lg);padding:var(--ce-space-6)}.info-card h3[data-v-f7634961]{font-size:var(--ce-text-lg);font-weight:600;color:var(--ce-text);margin-bottom:var(--ce-space-5)}.info-row[data-v-f7634961]{display:flex;align-items:center;justify-content:space-between;padding:var(--ce-space-3) 0;border-bottom:1px solid var(--ce-border-light);font-size:var(--ce-text-sm)}.info-row[data-v-f7634961]:last-child{border-bottom:none}.info-row a[data-v-f7634961]{color:var(--ce-primary);text-decoration:none}.info-row a[data-v-f7634961]:hover{text-decoration:underline}.info-label[data-v-f7634961]{color:var(--ce-text-muted);font-weight:500}.header-inner[data-v-a7c28be4]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:100%;padding:0 var(--ce-space-5)}.header-left[data-v-a7c28be4]{display:flex;align-items:center;gap:var(--ce-space-4)}.sidebar-toggle[data-v-a7c28be4]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--ce-radius-sm);cursor:pointer;color:var(--ce-text-secondary);transition:all var(--ce-transition-fast)}.sidebar-toggle[data-v-a7c28be4]:hover{background:var(--ce-bg-subtle);color:var(--ce-text)}.logo[data-v-a7c28be4]{display:flex;align-items:center;gap:var(--ce-space-3);text-decoration:none;flex-shrink:0}.logo-icon[data-v-a7c28be4]{width:34px;height:34px;border-radius:var(--ce-radius-sm);background:linear-gradient(135deg,var(--ce-primary) 0%,var(--ce-accent) 100%);display:flex;align-items:center;justify-content:center}.logo-text[data-v-a7c28be4]{font-size:var(--ce-text-xl);font-weight:700;color:var(--ce-text);letter-spacing:-.02em}.header-nav[data-v-a7c28be4]{display:flex;align-items:center;gap:var(--ce-space-1);margin-left:var(--ce-space-6)}.nav-item[data-v-a7c28be4]{padding:6px 14px;border-radius:var(--ce-radius-sm);font-size:var(--ce-text-base);font-weight:500;color:var(--ce-text-secondary);text-decoration:none;transition:all var(--ce-transition-fast)}.nav-item[data-v-a7c28be4]:hover{background:var(--ce-bg-subtle);color:var(--ce-text)}.nav-item.active[data-v-a7c28be4]{background:var(--ce-primary-bg);color:var(--ce-primary)}.header-right[data-v-a7c28be4]{display:flex;align-items:center;gap:var(--ce-space-3)}.user-avatar-btn[data-v-a7c28be4]{width:36px;height:36px;border-radius:var(--ce-radius-full);border:2px solid var(--ce-border);background:var(--ce-bg-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ce-text-secondary);transition:all var(--ce-transition-fast)}.user-avatar-btn[data-v-a7c28be4]:hover{border-color:var(--ce-primary);color:var(--ce-primary);background:var(--ce-primary-bg)}.header-btn[data-v-a7c28be4]{padding:7px 18px;border-radius:var(--ce-radius-sm);font-size:var(--ce-text-sm);font-weight:500;text-decoration:none;transition:all var(--ce-transition-fast);cursor:pointer;line-height:1.4}.header-btn-ghost[data-v-a7c28be4]{color:var(--ce-text-secondary);background:transparent}.header-btn-ghost[data-v-a7c28be4]:hover{background:var(--ce-bg-subtle);color:var(--ce-text)}.header-btn-primary[data-v-a7c28be4]{color:var(--ce-text-inverse);background:var(--ce-primary)}.header-btn-primary[data-v-a7c28be4]:hover{background:var(--ce-primary-dark)}@media (max-width: 768px){.header-nav[data-v-a7c28be4],.logo-text[data-v-a7c28be4]{display:none}}.footer-inner[data-v-e97d97a0]{display:flex;align-items:center;justify-content:center;gap:var(--ce-space-2);padding:var(--ce-space-4) var(--ce-space-6);font-size:var(--ce-text-xs);color:var(--ce-text-muted)}.footer-sep[data-v-e97d97a0]{color:var(--ce-border)}.footer-icp[data-v-e97d97a0]{color:var(--ce-text-muted);text-decoration:none;transition:color var(--ce-transition-fast)}.footer-icp[data-v-e97d97a0]:hover{color:var(--ce-primary)}.sidebar-inner[data-v-143cfff6]{display:flex;flex-direction:column;height:100%;padding:var(--ce-space-3) 0}.sidebar-nav[data-v-143cfff6]{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--ce-space-3);overflow-y:auto;overflow-x:hidden}.sidebar-item[data-v-143cfff6]{display:flex;align-items:center;gap:var(--ce-space-3);padding:10px 12px;border-radius:var(--ce-radius-md);text-decoration:none;color:var(--ce-text-secondary);font-size:var(--ce-text-base);font-weight:500;transition:all var(--ce-transition-fast);white-space:nowrap;overflow:hidden}.sidebar-item[data-v-143cfff6]:hover{background:var(--ce-bg-subtle);color:var(--ce-text)}.sidebar-item.active[data-v-143cfff6]{background:var(--ce-primary-bg);color:var(--ce-primary)}.sidebar-item.active .sidebar-icon[data-v-143cfff6]{box-shadow:0 2px 8px #2563eb4d}.sidebar-icon[data-v-143cfff6]{width:32px;height:32px;border-radius:var(--ce-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--ce-transition-base)}.sidebar-label[data-v-143cfff6]{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-label-enter-active[data-v-143cfff6]{transition:opacity .2s ease .1s}.sidebar-label-leave-active[data-v-143cfff6]{transition:opacity .1s ease}.sidebar-label-enter-from[data-v-143cfff6],.sidebar-label-leave-to[data-v-143cfff6]{opacity:0}.sidebar-bottom[data-v-143cfff6]{padding:var(--ce-space-3);border-top:1px solid var(--ce-border)}.sidebar-collapse-btn[data-v-143cfff6]{display:flex;align-items:center;gap:var(--ce-space-2);width:100%;padding:8px 12px;border:none;background:transparent;border-radius:var(--ce-radius-sm);cursor:pointer;color:var(--ce-text-muted);font-size:var(--ce-text-sm);transition:all var(--ce-transition-fast)}.sidebar-collapse-btn[data-v-143cfff6]:hover{background:var(--ce-bg-subtle);color:var(--ce-text-secondary)}.collapse-text[data-v-143cfff6]{white-space:nowrap;overflow:hidden}.sidebar-nav[data-v-143cfff6]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-143cfff6]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-143cfff6]::-webkit-scrollbar-thumb{background:var(--ce-bg-muted);border-radius:2px}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--ce-bg)}.app-header{position:sticky;top:0;z-index:100;height:var(--ce-header-height);background:var(--ce-bg-elevated);border-bottom:1px solid var(--ce-border);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#ffffffd9}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{width:var(--ce-sidebar-width);flex-shrink:0;background:var(--ce-bg-elevated);border-right:1px solid var(--ce-border);overflow-y:auto;overflow-x:hidden;transition:width var(--ce-transition-slow)}.app-sidebar.collapsed{width:var(--ce-sidebar-collapsed)}.app-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.app-content{flex:1;padding:var(--ce-space-6)}.app-footer{flex-shrink:0;border-top:1px solid var(--ce-border);background:var(--ce-bg-elevated)}.ce-page-transition-enter-active{animation:ce-fade-in .3s ease-out}.ce-page-transition-leave-active{animation:ce-fade-in .2s ease-in reverse}@media (max-width: 768px){.app-sidebar{position:fixed;top:var(--ce-header-height);left:0;bottom:0;z-index:90;box-shadow:var(--ce-shadow-xl)}.app-sidebar.collapsed{width:0;border-right:none}.app-content{padding:var(--ce-space-4)}}