*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}:root{--color-primary: #3b82f6;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #0ea5e9;--font-family: Helvetica Neue, Helvetica, Arial, sans-serif}.theme-user{--page-bg: #ffffff;--card-bg: #f9fafb;--card-bg-hover: #f3f4f6;--text-main: #1f2937;--text-sub: #6b7280;--text-mute: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--accent-color: #3b82f6;--accent-color-hover: rgb(11.1512195122, 99.1219512195, 242.8487804878);--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .15);--header-bg: #edf4fa;--header-border: #e5e7eb;--footer-bg: #f9fafb;--footer-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--input-text: #1f2937;--scrollbar-thumb: #d1d5db;--scrollbar-hover: #9ca3af}.theme-user-dark{--page-bg: #111827;--card-bg: #1f2937;--card-bg-hover: #374151;--text-main: #f9fafb;--text-sub: #9ca3af;--text-mute: #6b7280;--text-inverse: #1f2937;--border-color: #374151;--border-color-light: #4b5563;--accent-color: #60a5fa;--accent-color-hover: rgb(34.6195121951, 114.4512195122, 244.8804878049);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .4);--header-bg: #1f2937;--header-border: #374151;--footer-bg: #1f2937;--footer-border: #374151;--input-bg: #374151;--input-border: #4b5563;--input-text: #f9fafb;--scrollbar-thumb: #4b5563;--scrollbar-hover: #6b7280}body{background-color:var(--page-bg);color:var(--text-main);font-family:var(--font-family);transition:background-color .3s ease,color .3s ease}.theme-user .el-input__wrapper,.theme-user-dark .el-input__wrapper{background-color:var(--input-bg);box-shadow:0 0 0 1px var(--input-border) inset}.theme-user .el-input__wrapper .el-input__inner,.theme-user-dark .el-input__wrapper .el-input__inner{color:var(--input-text)}.theme-user .el-input__wrapper:hover,.theme-user-dark .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--accent-color) inset}.theme-user .el-textarea__inner,.theme-user-dark .el-textarea__inner{background-color:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}.theme-user .el-textarea__inner:hover,.theme-user-dark .el-textarea__inner:hover{border-color:var(--accent-color)}.theme-user .el-button--primary,.theme-user-dark .el-button--primary{--el-button-bg-color: var(--accent-color);--el-button-border-color: var(--accent-color);--el-button-hover-bg-color: var(--accent-color-hover);--el-button-hover-border-color: var(--accent-color-hover)}.theme-user .el-card,.theme-user-dark .el-card{background-color:var(--card-bg);border-color:var(--border-color)}.theme-user .el-card .el-card__header,.theme-user-dark .el-card .el-card__header{background-color:var(--card-bg);border-bottom-color:var(--border-color)}.theme-user .el-pagination,.theme-user-dark .el-pagination{--el-pagination-bg-color: var(--card-bg);--el-pagination-text-color: var(--text-main);--el-pagination-button-color: var(--text-main)}.theme-user .el-tag,.theme-user-dark .el-tag{--el-tag-bg-color: var(--card-bg-hover);--el-tag-border-color: var(--border-color);--el-tag-text-color: var(--text-main)}.theme-user .el-empty,.theme-user-dark .el-empty{--el-empty-fill-color-0: var(--card-bg)}.theme-user .el-skeleton__item,.theme-user-dark .el-skeleton__item{background:var(--card-bg-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.smooth-transition{transition:transform .3s ease;will-change:transform}.card-hover{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.fade-in{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;animation:fadeIn .3s ease forwards}.slide-in-from-bottom{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;animation:slideInFromBottom .3s ease forwards}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #f0f0f0) 25%,var(--skeleton-shine, #e0e0e0) 50%,var(--skeleton-base, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.button-press{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;transition:transform .1s ease}.button-press:active{transform:scale(.98)}.optimized-list{contain:strict;content-visibility:auto}.site-footer{min-height:120px}.main-content{min-height:calc(100vh - 200px)}.card-image-wrapper{position:relative;width:100%;aspect-ratio:3/2}.card-image-wrapper .image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-bg-hover, #f5f7fa)}.card-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.filter-tags{min-height:40px}.article-card{display:flex;flex-direction:column;height:100%}.el-skeleton{min-height:200px}