:root{--twd-brand-primary: #4caf50;--twd-brand-primary-dark: #388e3c;--twd-brand-primary-light: #c8e6c9;--twd-brand-primary-bg: #e8f5e9;--twd-brand-secondary: #ff9800;--twd-brand-secondary-light: #ffe0b2;--twd-brand-gold: #ffd700;--twd-brand-silver: #c0c0c0;--twd-success: #34c759;--twd-success-bg: #e8f8ed;--twd-warning: #ff9500;--twd-warning-bg: #fff3e0;--twd-error: #ff3b30;--twd-error-bg: #ffebee;--twd-info: #007aff;--twd-info-bg: #e3f2fd;--twd-frozen: #ffcc02;--twd-white: #ffffff;--twd-black: #000000;--twd-gray-50: #fafafa;--twd-gray-100: #f5f5f5;--twd-gray-200: #eeeeee;--twd-gray-300: #e0e0e0;--twd-gray-400: #bdbdbd;--twd-gray-500: #9e9e9e;--twd-gray-600: #757575;--twd-gray-700: #616161;--twd-gray-800: #424242;--twd-gray-900: #212121;--twd-overlay-mask: rgba(0, 0, 0, .5);--twd-overlay-mask-light: rgba(0, 0, 0, .3);--twd-overlay-shimmer: rgba(255, 255, 255, .6);--twd-grade-s: #ffd700;--twd-grade-s-border: #e6c200;--twd-grade-a: #c0c0c0;--twd-grade-a-border: #a0a0a0;--twd-grade-b: #f5f5f5;--twd-font-xs: 10px;--twd-font-sm: 12px;--twd-font-base: 14px;--twd-font-md: 16px;--twd-font-lg: 18px;--twd-font-xl: 20px;--twd-font-2xl: 24px;--twd-font-3xl: 32px;--twd-font-4xl: 40px;--twd-fw-regular: 400;--twd-fw-medium: 500;--twd-fw-semibold: 600;--twd-fw-bold: 700;--twd-lh-tight: 1.2;--twd-lh-normal: 1.5;--twd-lh-relaxed: 1.75;--twd-letter-tight: -.5px;--twd-letter-normal: 0;--twd-letter-wide: 1px;--twd-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--twd-font-family-number: "SF Mono", "Menlo", "Consolas", monospace;--twd-space-0: 0;--twd-space-1: 4px;--twd-space-2: 8px;--twd-space-3: 12px;--twd-space-4: 16px;--twd-space-5: 20px;--twd-space-6: 24px;--twd-space-8: 32px;--twd-space-10: 40px;--twd-page-pad-h: 16px;--twd-page-pad-top: 12px;--twd-page-pad-bottom: 24px;--twd-card-pad: 16px;--twd-card-gap: 12px;--twd-radius-sm: 4px;--twd-radius-base: 8px;--twd-radius-md: 12px;--twd-radius-lg: 16px;--twd-radius-full: 9999px;--twd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--twd-shadow-base: 0 4px 16px rgba(0, 0, 0, .08);--twd-shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--twd-shadow-lg: 0 16px 40px rgba(0, 0, 0, .16);--twd-shadow-glow-brand: 0 0 16px rgba(76, 175, 80, .3);--twd-shadow-glow-gold: 0 0 16px rgba(255, 215, 0, .4);--twd-dur-instant: .1s;--twd-dur-fast: .2s;--twd-dur-normal: .3s;--twd-dur-slow: .4s;--twd-dur-narrative: .8s;--twd-dur-dramatic: 1.2s;--twd-ease-out: cubic-bezier(.25, .1, .25, 1);--twd-ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--twd-ease-out-bounce: cubic-bezier(.25, .1, .25, 1.4);--twd-ease-in-out: cubic-bezier(.4, 0, .2, 1);--twd-ease-linear: linear;--twd-ease-spring: cubic-bezier(.175, .885, .32, 1.275);--twd-stagger-list: 80ms;--twd-stagger-card: .1s;--twd-stagger-timeline: .15s;--twd-op-disabled: .4;--twd-op-semi: .6;--twd-op-overlay: .5;--twd-op-watermark: .8;--twd-z-base: 1;--twd-z-dropdown: 100;--twd-z-sticky: 200;--twd-z-overlay: 500;--twd-z-modal: 600;--twd-z-toast: 700;--twd-z-tooltip: 800;--twd-btn-h: 44px;--twd-btn-h-sm: 32px;--twd-input-h: 44px;--el-color-primary: var(--twd-brand-primary);--el-color-primary-light-3: color-mix(in srgb, var(--twd-brand-primary), white 30%);--el-color-primary-light-5: color-mix(in srgb, var(--twd-brand-primary), white 50%);--el-color-primary-light-7: color-mix(in srgb, var(--twd-brand-primary), white 70%);--el-color-primary-light-8: color-mix(in srgb, var(--twd-brand-primary), white 80%);--el-color-primary-light-9: color-mix(in srgb, var(--twd-brand-primary), white 90%);--el-color-primary-dark-2: color-mix(in srgb, var(--twd-brand-primary), black 20%);--el-color-success: var(--twd-success);--el-color-warning: var(--twd-warning);--el-color-danger: var(--twd-error);--el-color-info: var(--twd-gray-500);--el-border-radius-base: var(--twd-radius-base)}html,body,#app{height:100%;margin:0;font-family:var(--twd-font-family-base);background-color:var(--twd-gray-50);color:var(--twd-gray-700)}*{box-sizing:border-box}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--twd-space-4)}.page-title{font-size:var(--twd-font-lg);font-weight:var(--twd-fw-semibold);margin:0}