:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--background-color:#f5f7fa;--footer-height:200px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#66b1ff}.container{margin:0 auto;max-width:1200px;padding:0 20px}.main-content{min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:20px 0}.content-wrapper{display:flex;gap:20px;margin-top:20px}.content-main{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;flex:1;margin-bottom:20px;padding:20px}.content-sidebar{flex-shrink:0;width:300px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:30px;padding:40px 0}.page-title{font-size:2.5rem;font-weight:600;margin-bottom:10px}.breadcrumb{padding:10px 0}.breadcrumb,.card{margin-bottom:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.sidebar-widget{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px;padding:20px}.sidebar-widget h3{border-bottom:2px solid var(--primary-color);font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.news-item{border-bottom:1px solid var(--border-lighter);display:flex;gap:15px;padding:15px 0;transition:background-color .3s ease}.news-item:hover{background-color:var(--border-extra-light)}.news-thumbnail{border-radius:8px;flex-shrink:0;height:120px;-o-object-fit:cover;object-fit:cover;width:200px}.news-content{flex:1}.news-title{color:var(--text-primary);font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:10px}.news-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:20px;margin-bottom:10px}.news-summary{display:-webkit-box;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-summary,.tag{color:var(--text-regular)}.tag{background-color:var(--border-extra-light);border-radius:4px;display:inline-block;font-size:.85rem;margin:4px;padding:4px 10px;transition:all .3s ease}.tag:hover{background-color:var(--primary-color);color:#fff}.social-share{display:flex;gap:10px;margin:20px 0}.share-button{align-items:center;border-radius:50%;color:#fff;display:inline-flex;height:40px;justify-content:center;transition:transform .3s ease,opacity .3s ease;width:40px}.share-button:hover{opacity:.9;transform:translateY(-3px)}.share-facebook{background-color:#1877f2}.share-twitter{background-color:#1da1f2}.share-linkedin{background-color:#0077b5}@media (max-width:768px){.content-wrapper{flex-direction:column}.content-sidebar{width:100%}.news-item{flex-direction:column}.news-thumbnail{height:200px;width:100%}.page-title{font-size:1.8rem}.container{padding:0 15px}}@media (max-width:480px){.news-meta{flex-direction:column;gap:5px}.page-header{padding:20px 0}.page-title{font-size:1.5rem}}html.dark{color-scheme:dark;--el-color-primary:#409eff;--el-color-primary-light-3:#3375b9;--el-color-primary-light-5:#2a598a;--el-color-primary-light-7:#213d5b;--el-color-primary-light-8:#1d3043;--el-color-primary-light-9:#18222b;--el-color-primary-dark-2:#66b1ff;--el-color-success:#67c23a;--el-color-success-light-3:#4e8e2f;--el-color-success-light-5:#3e6b27;--el-color-success-light-7:#2d481f;--el-color-success-light-8:#25371c;--el-color-success-light-9:#1c2518;--el-color-success-dark-2:#85ce61;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#f56c6c;--el-color-danger-light-3:#b25252;--el-color-danger-light-5:#854040;--el-color-danger-light-7:#582e2e;--el-color-danger-light-8:#412626;--el-color-danger-light-9:#2a1d1d;--el-color-danger-dark-2:#f78989;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2a1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px #0000005c,0px 8px 20px #000000b8;--el-box-shadow-light:0px 0px 12px #000000b8;--el-box-shadow-lighter:0px 0px 6px #000000b8;--el-box-shadow-dark:0px 16px 48px 16px #000000b8,0px 12px 32px #000,0px 8px 16px -8px #000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-text-color-placeholder:#8d9095;--el-text-color-disabled:#6c6e72;--el-border-color-darker:#636466;--el-border-color-dark:#58585b;--el-border-color:#4c4d4f;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2b2b2c;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393a;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1d1d1d;--el-fill-color-extra-light:#191919;--el-fill-color-blank:#0000;--el-mask-color:#000c;--el-mask-color-extra-light:#0000004d}html.dark .el-button{--el-button-disabled-text-color:#ffffff80}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}