:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400;width:100%;margin:0;padding:0}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{margin:0;padding:0}#app{width:100%;margin:0;padding:0}}:root{--color-primary: #409eff;--color-primary-light-1: #53a8ff;--color-primary-light-2: #66b1ff;--color-primary-light-3: #79bbff;--color-primary-light-4: #8cc5ff;--color-primary-light-5: #a0cfff;--color-primary-light-6: #b3d8ff;--color-primary-light-7: #c6e2ff;--color-primary-light-8: #d9ecff;--color-primary-light-9: #ecf5ff;--color-primary-dark-1: #337ecc;--color-primary-dark-2: #2d70b3;--color-success: #67c23a;--color-success-light-1: #85ce61;--color-success-light-2: #95d475;--color-success-light-3: #a4da89;--color-success-light-4: #b3e19d;--color-success-light-5: #c2e7b0;--color-success-light-6: #d1edc4;--color-success-light-7: #e1f3d8;--color-success-light-8: #f0f9eb;--color-success-light-9: #f5faf2;--color-success-dark-1: #529b2e;--color-warning: #e6a23c;--color-warning-light-1: #ebb563;--color-warning-light-2: #efc278;--color-warning-light-3: #f3cf8d;--color-warning-light-4: #f7dca2;--color-warning-light-5: #fae9b7;--color-warning-light-6: #fdf6cc;--color-warning-light-7: #fefee1;--color-warning-light-8: #fefbf0;--color-warning-light-9: #fefdf8;--color-warning-dark-1: #b88230;--color-error: #f56c6c;--color-error-light-1: #f78989;--color-error-light-2: #f89898;--color-error-light-3: #f9a7a7;--color-error-light-4: #fab6b6;--color-error-light-5: #fbc4c4;--color-error-light-6: #fcd3d3;--color-error-light-7: #fde2e2;--color-error-light-8: #fef0f0;--color-error-light-9: #fef5f5;--color-error-dark-1: #c45656;--color-info: #909399;--color-info-light-1: #a6a9ad;--color-info-light-2: #b1b3b8;--color-info-light-3: #bcbec2;--color-info-light-4: #c8c9cc;--color-info-light-5: #d3d4d6;--color-info-light-6: #dedfe0;--color-info-light-7: #e9e9eb;--color-info-light-8: #f4f4f5;--color-info-light-9: #f9f9fa;--color-info-dark-1: #73767a;--color-text-primary: #303133;--color-text-regular: #606266;--color-text-secondary: #909399;--color-text-placeholder: #c0c4cc;--color-text-disabled: #c0c4cc;--color-border-base: #dcdfe6;--color-border-light: #e4e7ed;--color-border-lighter: #ebeef5;--color-border-extra-light: #f2f6fc;--color-border-dark: #d4d7de;--color-border-darker: #cdd0d6;--color-bg-white: #ffffff;--color-bg-page: #f2f3f5;--color-bg-light: #fcfcfc;--color-bg-lighter: #fafafa;--color-bg-extra-light: #f5f7fa;--color-xiaohongshu: #ff2442;--color-xiaohongshu-light: #ff4757;--color-xiaohongshu-lighter: #ff6b7a;--color-xiaohongshu-lightest: #ffeef0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--spacing-5xl: 64px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 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.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--border-radius-none: 0;--border-radius-sm: 2px;--border-radius-base: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-2xl: 16px;--border-radius-3xl: 20px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-outline: 0 0 0 3px rgba(64, 158, 255, .5);--shadow-focus: 0 0 0 2px rgba(64, 158, 255, .2);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .45s;--duration-slower: .6s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-back: cubic-bezier(.68, -.55, .265, 1.55);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--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;--z-index-toast: 1080;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--max-width-page: 1200px;--max-width-content: 800px;--max-width-form: 600px;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--header-height: 60px;--navbar-height: 50px;--card-padding: var(--spacing-lg);--card-border-radius: var(--border-radius-lg);--card-shadow: var(--shadow-base);--card-shadow-hover: var(--shadow-md);--button-padding-sm: var(--spacing-xs) var(--spacing-md);--button-padding-base: var(--spacing-sm) var(--spacing-lg);--button-padding-lg: var(--spacing-md) var(--spacing-xl);--button-border-radius: var(--border-radius-base);--input-height-sm: 28px;--input-height-base: 32px;--input-height-lg: 40px;--input-padding: var(--spacing-sm) var(--spacing-md);--input-border-radius: var(--border-radius-base);--table-header-bg: var(--color-bg-extra-light);--table-row-hover-bg: var(--color-bg-lighter);--table-border-color: var(--color-border-lighter);--dialog-border-radius: var(--border-radius-xl);--dialog-shadow: var(--shadow-2xl);--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--phone-width: 320px;--phone-height: 640px;--phone-border-radius: 24px;--phone-shadow: var(--shadow-2xl);--content-card-border-radius: var(--border-radius-lg);--content-card-shadow: var(--shadow-base);--content-card-hover-shadow: var(--shadow-lg);--image-border-radius: var(--border-radius-md);--image-hover-scale: 1.05;--stats-item-padding: var(--spacing-lg);--stats-item-border-radius: var(--border-radius-lg);--stats-icon-size: 40px;--color-bg-dark: #1a1a1a;--color-bg-dark-lighter: #2d2d2d;--color-text-dark: #ffffff;--color-text-dark-secondary: #b3b3b3;--color-border-dark: #404040}.dark{--color-bg-page: var(--color-bg-dark);--color-bg-white: var(--color-bg-dark-lighter);--color-text-primary: var(--color-text-dark);--color-text-regular: var(--color-text-dark-secondary);--color-border-base: var(--color-border-dark)}.show{display:block!important}.hide{display:none!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-regular{color:var(--color-text-regular)}.text-secondary{color:var(--color-text-secondary)}.text-placeholder{color:var(--color-text-placeholder)}.bg-white{background-color:var(--color-bg-white)}.bg-light{background-color:var(--color-bg-light)}.bg-page{background-color:var(--color-bg-page)}.m-0{margin:0}.p-0{padding:0}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-base)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-all{transition:all var(--duration-base) var(--ease-in-out)}.transition-colors{transition:color var(--duration-base) var(--ease-in-out),background-color var(--duration-base) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-base) var(--ease-in-out)}.hover-scale:hover{transform:scale(var(--image-hover-scale))}.hover-shadow:hover{box-shadow:var(--shadow-md)}*{box-sizing:border-box}html{height:100%;font-size:14px;line-height:var(--line-height-normal)}body{margin:0;padding:0;height:100%;font-family:Helvetica Neue,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-lighter);border-radius:var(--border-radius-base)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--border-radius-base);transition:background var(--duration-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-info)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) var(--color-bg-lighter)}.el-card{border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);transition:box-shadow var(--duration-base) var(--ease-out);overflow:hidden}.el-card:hover{box-shadow:var(--card-shadow-hover)}.el-card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-lighter);background:var(--color-bg-extra-light)}.el-card__body{padding:var(--card-padding)}.el-button{border-radius:var(--button-border-radius);font-weight:var(--font-weight-medium);transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.el-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--duration-slow) var(--ease-out)}.el-button:hover:before{left:100%}.el-button--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark-1));border:none}.el-button--primary:hover{background:linear-gradient(135deg,var(--color-primary-light-1),var(--color-primary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.el-button--success{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark-1))}.el-button--warning{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark-1))}.el-button--danger{background:linear-gradient(135deg,var(--color-error),var(--color-error-dark-1))}.el-input__wrapper{border-radius:var(--input-border-radius);transition:all var(--duration-base) var(--ease-out)}.el-input__wrapper:hover{box-shadow:var(--shadow-sm)}.el-input__wrapper.is-focus{box-shadow:var(--shadow-focus)}.el-table{border-radius:var(--border-radius-lg);overflow:hidden}.el-table th{background-color:var(--table-header-bg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.el-table tbody tr:hover{background-color:var(--table-row-hover-bg)}.el-table td,.el-table th{border-bottom:1px solid var(--table-border-color)}.el-dialog{border-radius:var(--dialog-border-radius);box-shadow:var(--dialog-shadow);overflow:hidden}.el-dialog__header{background:var(--color-bg-extra-light);border-bottom:1px solid var(--color-border-lighter)}.el-dialog__body{padding:var(--spacing-2xl)}.el-tabs__header{margin:0;border-bottom:2px solid var(--color-border-extra-light)}.el-tabs__nav-wrap{padding:0 var(--spacing-lg)}.el-tabs__item{padding:var(--spacing-lg) var(--spacing-xl);font-weight:var(--font-weight-medium);transition:all var(--duration-base) var(--ease-out);position:relative}.el-tabs__item:hover{color:var(--color-primary)}.el-tabs__item.is-active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.el-tabs__item.is-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--border-radius-sm)}.el-tag{border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all var(--duration-base) var(--ease-out)}.el-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.content-card{border-radius:var(--content-card-border-radius);box-shadow:var(--content-card-shadow);transition:all var(--duration-base) var(--ease-out);overflow:hidden;background:var(--color-bg-white)}.content-card:hover{box-shadow:var(--content-card-hover-shadow);transform:translateY(-2px)}.content-card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-extra-light);border-bottom:1px solid var(--color-border-lighter);display:flex;justify-content:space-between;align-items:center}.content-card-body{padding:var(--spacing-lg)}.stats-card{background:var(--color-bg-white);border-radius:var(--stats-item-border-radius);padding:var(--stats-item-padding);box-shadow:var(--shadow-base);transition:all var(--duration-base) var(--ease-out);cursor:pointer}.stats-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stats-icon{width:var(--stats-icon-size);height:var(--stats-icon-size);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:transform var(--duration-base) var(--ease-bounce)}.stats-card:hover .stats-icon{transform:scale(1.1) rotate(5deg)}.stats-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}.stats-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.image-item{border-radius:var(--image-border-radius);overflow:hidden;transition:all var(--duration-base) var(--ease-out);cursor:pointer;position:relative}.image-item:hover{transform:scale(var(--image-hover-scale));box-shadow:var(--shadow-lg)}.image-item:after{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.image-item:hover:after{opacity:1}.phone-frame{width:var(--phone-width);height:var(--phone-height);border-radius:var(--phone-border-radius);box-shadow:var(--phone-shadow);background:#000;padding:var(--spacing-sm);position:relative;transition:transform var(--duration-base) var(--ease-out)}.phone-frame:hover{transform:scale(1.02)}.phone-frame:before{content:"";position:absolute;top:var(--spacing-lg);left:50%;transform:translate(-50%);width:100px;height:4px;background:#333;border-radius:var(--border-radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:slideInUp var(--duration-base) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn var(--duration-base) var(--ease-back)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake var(--duration-base) var(--ease-out)}.loading-skeleton{background:linear-gradient(90deg,var(--color-bg-lighter) 25%,var(--color-bg-extra-light) 50%,var(--color-bg-lighter) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:var(--border-radius-full);margin-right:var(--spacing-xs);position:relative}.status-indicator.online{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success-light-5)}.status-indicator.offline{background:var(--color-info)}.status-indicator.error{background:var(--color-error);box-shadow:0 0 0 2px var(--color-error-light-5)}.status-indicator.warning{background:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning-light-5)}.status-indicator.online:after{content:"";position:absolute;inset:-2px;border-radius:var(--border-radius-full);background:var(--color-success);animation:ping 2s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.tooltip-content{background:#000000e6;color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}@media print{.no-print{display:none!important}*{box-shadow:none!important;text-shadow:none!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f7fa}.app{min-height:100vh}