.route-progress[data-v-0fe17117]{position:fixed;top:0;left:0;height:2px;background:var(--dg-brand-gradient);z-index:var(--dg-z-progress);transition:width .15s ease-out,opacity .3s ease;pointer-events:none}:root{--dg-primary-50: #eef2ff;--dg-primary-100: #e0e7ff;--dg-primary-200: #c7d2fe;--dg-primary-300: #a5b4fc;--dg-primary-400: #818cf8;--dg-primary-500: #6366f1;--dg-primary-600: #4f46e5;--dg-primary-700: #4338ca;--dg-primary-800: #3730a3;--dg-primary-900: #312e81;--dg-primary: var(--dg-primary-500);--dg-primary-hover: var(--dg-primary-600);--dg-primary-active: var(--dg-primary-700);--dg-brand-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--dg-gray-0: #ffffff;--dg-gray-25: #fcfcfd;--dg-gray-50: #f8f8fa;--dg-gray-100: #f1f1f4;--dg-gray-200: #e5e5ea;--dg-gray-300: #d2d3da;--dg-gray-400: #a8aab5;--dg-gray-500: #7d808d;--dg-gray-600: #5b5e6b;--dg-gray-700: #434654;--dg-gray-800: #2e3140;--dg-gray-900: #1d1f2a;--dg-success: #22a06b;--dg-success-bg: #e9f5f0;--dg-warning: #d97706;--dg-warning-bg: #fbf1e6;--dg-danger: #e5484d;--dg-danger-bg: #fceded;--dg-info: var(--dg-gray-500);--dg-info-bg: var(--dg-gray-100);--dg-text-primary: var(--dg-gray-900);--dg-text-regular: var(--dg-gray-700);--dg-text-secondary: var(--dg-gray-500);--dg-text-placeholder: var(--dg-gray-400);--dg-text-on-brand: #ffffff;--dg-bg-page: #f5f5f8;--dg-bg-card: #ffffff;--dg-bg-hover: var(--dg-gray-50);--dg-border: var(--dg-gray-200);--dg-border-light: var(--dg-gray-100);--dg-fs-xs: 12px;--dg-fs-sm: 13px;--dg-fs-md: 14px;--dg-fs-lg: 16px;--dg-fs-xl: 18px;--dg-fs-2xl: 20px;--dg-fs-3xl: 24px;--dg-space-1: 4px;--dg-space-2: 8px;--dg-space-3: 12px;--dg-space-4: 16px;--dg-space-5: 20px;--dg-space-6: 24px;--dg-space-7: 32px;--dg-space-8: 40px;--dg-space-9: 48px;--dg-space-10: 64px;--dg-radius-sm: 6px;--dg-radius-md: 8px;--dg-radius-lg: 12px;--dg-radius-xl: 16px;--dg-radius-full: 999px;--dg-shadow-xs: 0 1px 2px rgba(29, 31, 42, .05);--dg-shadow-sm: 0 1px 3px rgba(29, 31, 42, .06), 0 1px 2px rgba(29, 31, 42, .04);--dg-shadow-md: 0 4px 12px rgba(29, 31, 42, .08), 0 2px 4px rgba(29, 31, 42, .04);--dg-shadow-lg: 0 12px 32px rgba(29, 31, 42, .12), 0 4px 8px rgba(29, 31, 42, .05);--dg-ease: cubic-bezier(.4, 0, .2, 1);--dg-duration-fast: .15s;--dg-duration: .2s;--dg-duration-slow: .3s;--dg-z-topbar: 100;--dg-z-sidebar: 110;--dg-z-progress: 3000}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--el-color-primary: var(--dg-primary-500);--el-color-primary-light-3: #9294f5;--el-color-primary-light-5: #b1b3f8;--el-color-primary-light-7: #d0d1fb;--el-color-primary-light-8: #e0e0fc;--el-color-primary-light-9: #eff0fe;--el-color-primary-dark-2: var(--dg-primary-600);--el-color-success: var(--dg-success);--el-color-success-light-3: #64bc97;--el-color-success-light-5: #91d0b5;--el-color-success-light-7: #bde3d3;--el-color-success-light-8: #d3ece1;--el-color-success-light-9: var(--dg-success-bg);--el-color-success-dark-2: #1b8056;--el-color-warning: var(--dg-warning);--el-color-warning-light-3: #e4a051;--el-color-warning-light-5: #ecbb82;--el-color-warning-light-7: #f4d6b4;--el-color-warning-light-8: #f7e4cd;--el-color-warning-light-9: var(--dg-warning-bg);--el-color-warning-dark-2: #ae5f05;--el-color-danger: var(--dg-danger);--el-color-danger-light-3: #ed7f82;--el-color-danger-light-5: #f2a4a6;--el-color-danger-light-7: #f7c8ca;--el-color-danger-light-8: #fadadb;--el-color-danger-light-9: var(--dg-danger-bg);--el-color-danger-dark-2: #b73a3e;--el-color-error: var(--dg-danger);--el-color-error-light-3: #ed7f82;--el-color-error-light-5: #f2a4a6;--el-color-error-light-7: #f7c8ca;--el-color-error-light-8: #fadadb;--el-color-error-light-9: var(--dg-danger-bg);--el-color-error-dark-2: #b73a3e;--el-color-info: var(--dg-info);--el-color-info-light-3: #a4a6af;--el-color-info-light-5: #bec0c6;--el-color-info-light-7: #d8d9dd;--el-color-info-light-8: #e5e6e8;--el-color-info-light-9: var(--dg-info-bg);--el-color-info-dark-2: #646671;--el-text-color-primary: var(--dg-text-primary);--el-text-color-regular: var(--dg-text-regular);--el-text-color-secondary: var(--dg-text-secondary);--el-text-color-placeholder: var(--dg-text-placeholder);--el-text-color-disabled: var(--dg-gray-300);--el-border-color: var(--dg-gray-200);--el-border-color-light: var(--dg-gray-100);--el-border-color-lighter: var(--dg-gray-100);--el-border-color-extra-light: var(--dg-gray-50);--el-border-color-hover: var(--dg-gray-400);--el-fill-color: var(--dg-gray-100);--el-fill-color-light: var(--dg-gray-50);--el-fill-color-lighter: var(--dg-gray-25);--el-fill-color-extra-light: var(--dg-gray-25);--el-fill-color-blank: var(--dg-gray-0);--el-bg-color: var(--dg-gray-0);--el-bg-color-page: var(--dg-bg-page);--el-bg-color-overlay: var(--dg-gray-0);--el-disabled-bg-color: var(--dg-gray-50);--el-disabled-text-color: var(--dg-gray-300);--el-disabled-border-color: var(--dg-gray-100);--el-border-radius-base: var(--dg-radius-md);--el-border-radius-small: var(--dg-radius-sm);--el-border-radius-round: var(--dg-radius-full);--el-box-shadow: var(--dg-shadow-md);--el-box-shadow-light: var(--dg-shadow-sm);--el-box-shadow-lighter: var(--dg-shadow-xs);--el-box-shadow-dark: var(--dg-shadow-lg);--el-dialog-border-radius: var(--dg-radius-lg);--el-card-border-radius: var(--dg-radius-lg);--el-messagebox-border-radius: var(--dg-radius-lg)}.el-button{font-weight:500}.el-button--primary{--el-button-border-color: transparent;--el-button-hover-border-color: transparent;--el-button-active-border-color: transparent}.el-table{--el-table-header-bg-color: var(--dg-gray-50);--el-table-header-text-color: var(--dg-text-regular);--el-table-row-hover-bg-color: var(--dg-gray-50);--el-table-border-color: var(--dg-border-light)}.el-table th.el-table__cell{font-weight:600;font-size:var(--dg-fs-sm)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--dg-gray-300) inset}.el-input__wrapper.is-focus:hover{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-dialog__title{font-weight:600;font-size:var(--dg-fs-lg)}.el-message{border-radius:var(--dg-radius-md)}.el-tag{border-color:transparent}.el-pagination{--el-pagination-font-size: var(--dg-fs-sm)}.el-popper.is-light{border-radius:var(--dg-radius-md)}.el-dropdown__popper .el-dropdown-menu{border-radius:var(--dg-radius-md);padding:4px}.el-dropdown-menu__item{border-radius:var(--dg-radius-sm);font-size:var(--dg-fs-sm)}:root{--primary-color: var(--dg-primary-500);--primary-light: var(--dg-primary-50);--content-bg: var(--dg-bg-page);--card-radius: var(--dg-radius-md);--card-radius-lg: var(--dg-radius-lg);--card-shadow: var(--dg-shadow-sm);--card-shadow-hover: var(--dg-shadow-md);--text-primary: var(--dg-text-primary);--text-regular: var(--dg-text-regular);--text-secondary: var(--dg-text-secondary);--text-placeholder: var(--dg-text-placeholder);--border-color: var(--dg-border);--border-light: var(--dg-border-light);--font-size-title: var(--dg-fs-lg);--font-size-subtitle: var(--dg-fs-md);--font-size-body: var(--dg-fs-sm);--font-size-caption: var(--dg-fs-xs);--sidebar-bg: #ffffff;--sidebar-hover: var(--dg-gray-100);--sidebar-active: var(--dg-primary-500);--sidebar-text: var(--dg-gray-600);--sidebar-active-text: var(--dg-primary-600);--sidebar-width: 232px;--header-height: 56px;--editor-bg: #1f2128;--editor-bg-darker: #17181d;--editor-bg-panel: #1a1c22;--editor-bg-canvas: #131419;--editor-bg-raised: #2a2d35;--editor-bg-hover: #343842;--editor-border: #2d3038;--editor-text: #d7dade;--editor-text-dim: #8a909b;--editor-selection-bg: rgba( 99, 102, 241, .16 )}.editor-layout{--el-bg-color: var(--editor-bg-raised);--el-fill-color-blank: var(--editor-bg-raised);--el-fill-color-light: var(--editor-bg-hover);--el-fill-color: var(--editor-bg-hover);--el-text-color-primary: var(--editor-text);--el-text-color-regular: var(--editor-text);--el-text-color-placeholder: var(--editor-text-dim);--el-border-color: #3a3f49;--el-border-color-light: #343943;--el-border-color-lighter: #2f343d;--el-disabled-bg-color: var(--editor-bg-panel);--el-disabled-text-color: #5c6370;--el-disabled-border-color: var(--editor-border);--el-color-primary-light-3: #4c4fb7;--el-color-primary-light-5: #3d3f87;--el-color-primary-light-7: #2e2f58;--el-color-primary-light-8: #272840;--el-color-primary-light-9: #1f2029}.editor-layout ::-webkit-scrollbar-thumb{background:#3a3f49}.editor-layout ::-webkit-scrollbar-thumb:hover{background:#4a505c}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;color:var(--dg-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-variant-numeric:tabular-nums}#app{width:100%;height:100%}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid var(--dg-primary-400);outline-offset:2px}::selection{background:var(--dg-primary-100)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--dg-gray-300);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.waterfall-container{column-count:4;column-gap:16px;padding:16px}@media(max-width:1440px){.waterfall-container{column-count:3}}.waterfall-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--dg-radius-lg);overflow:hidden;background:var(--dg-bg-card);border:1px solid var(--dg-border-light);box-shadow:var(--dg-shadow-xs);transition:transform var(--dg-duration) var(--dg-ease),box-shadow var(--dg-duration) var(--dg-ease);cursor:pointer}.waterfall-item:hover{transform:translateY(-2px);box-shadow:var(--dg-shadow-md)}.image-mask{position:absolute;inset:0;background:#1d1f2a73;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity var(--dg-duration-slow) var(--dg-ease)}.waterfall-item:hover .image-mask,.card-image-wrap:hover .image-mask,.material-image-wrap:hover .image-mask,.design-image-wrap:hover .image-mask{opacity:1}.mask-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:var(--dg-fs-xs);cursor:pointer;padding:8px;border-radius:var(--dg-radius-sm);transition:background var(--dg-duration) var(--dg-ease)}.mask-btn:hover{background:#ffffff2e}.mask-btn .el-icon{font-size:24px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--dg-bg-card);border:1px solid var(--dg-border-light);border-radius:var(--dg-radius-lg);margin-bottom:16px}.filter-row{display:flex;align-items:center;gap:8px;width:100%}.filter-label{font-size:var(--dg-fs-sm);color:var(--dg-text-secondary);white-space:nowrap;width:50px}.filter-tag{padding:4px 12px;border-radius:var(--dg-radius-full);font-size:var(--dg-fs-sm);cursor:pointer;color:var(--dg-text-regular);transition:color var(--dg-duration-fast) var(--dg-ease),background var(--dg-duration-fast) var(--dg-ease)}.filter-tag:hover{color:var(--dg-primary-600);background:var(--dg-primary-50)}.filter-tag.active{background:var(--dg-primary-500);color:#fff}.page-container{padding:0 16px 16px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px}.section-title{font-size:var(--dg-fs-lg);font-weight:600;color:var(--dg-text-primary)}.section-more{font-size:var(--dg-fs-sm);color:var(--dg-text-secondary);cursor:pointer}.section-more:hover{color:var(--dg-primary-600)}.meta-tag{font-size:11px;padding:1px 6px;border-radius:4px;color:var(--dg-text-secondary);background:var(--dg-gray-100)}