*{box-sizing:border-box}body,html{margin:0;padding:0}.content-box,body,html{overflow-x:hidden;width:100%}.content-box{background-color:#fff;box-sizing:border-box;height:auto;min-height:50vh;overflow-y:hidden;padding:20px}.blog-title{color:#000;display:inline-block;font-family:PingFang TC,Microsoft JhengHei,Roboto,Noto Sans TC,sans-serif;font-size:24px;font-weight:500;padding-bottom:1px;text-align:left}.blog-title-box{display:flex;flex-direction:row;justify-content:start;width:100%}.category-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;text-align:left}.category-item-link{background:transparent;border:none;border-radius:12px;box-shadow:none;color:#666;cursor:pointer;display:inline-block;font-family:PingFang TC,Microsoft JhengHei,Roboto,Noto Sans TC,sans-serif;font-size:16px;font-weight:400;letter-spacing:.05em;line-height:1.5;padding:8px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.category-item-link:hover{background:transparent;border-color:transparent;box-shadow:none;color:#ff9901;transform:none}.category-item-link:active{box-shadow:0 2px 10px #ff6b354d;transform:translateY(0)}.category-item-link-active{background:linear-gradient(135deg,#feb000,#ff9901 50%,#ef6500)!important;box-shadow:0 6px 20px #ff6b3580!important;color:#fff!important;font-weight:600;transform:translateY(-1px)}.category-item-link-no-background{color:#000;font-family:PingFang TC,Microsoft JhengHei,Roboto,Noto Sans TC,sans-serif;font-size:16px;letter-spacing:.05em;line-height:1.5;text-align:left;text-decoration:none;transition:all .2s ease}.category-item-link-no-background:hover{color:#007bff}.data-item-link{color:#000;display:-webkit-box;font-family:PingFang TC,Microsoft JhengHei,Roboto,Noto Sans TC,sans-serif;font-size:24px;font-weight:300;letter-spacing:.05em;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin-top:5px;text-decoration:none;transition:color .2s ease;-webkit-box-orient:vertical;min-height:2.8em;overflow:hidden;text-overflow:ellipsis;white-space:normal}.data-item-link:hover{color:#007bff}.data-item-box-root{flex-wrap:wrap;gap:20px;margin-bottom:40px;margin-top:20px;padding:10px;width:100%}.data-item,.data-item-box-root{box-sizing:border-box;display:flex}.data-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-direction:column;flex-shrink:0;gap:10px;height:auto;transition:transform .2s ease,box-shadow .2s ease;width:calc(33.333% - 14px)}.data-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.data-item-img{align-items:center;background-color:#fff;border-radius:6px;display:flex;flex-shrink:0;height:auto;justify-content:center;overflow:hidden;width:100%}.data-item-img img{aspect-ratio:2/1;border-radius:8px;cursor:pointer;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.data-item-img img:hover{transform:scale(1.05)}.data-item-content{background-color:transparent;box-sizing:border-box;flex:1;height:auto;padding:0 10px 10px}.data-item-content,.data-item-title-box{display:flex;flex-direction:column;justify-content:space-between}.data-item-date-box{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.data-item-category-label,.data-item-date{color:#666;font-size:18px;font-weight:400;line-height:1.5;margin:0;order:1;padding:4px}.data-item-author-box{align-items:center;color:#000;display:flex;flex-direction:row;font-size:16px;font-weight:300;gap:2px;justify-content:flex-start;margin:3px 0 10px}.data-item-content-text{color:#000;display:-webkit-box;font-size:18px;font-weight:300;letter-spacing:.05em;-webkit-line-clamp:5;line-clamp:5;line-height:1.5;margin:10px 0 20px;overflow:hidden;text-align:left;-webkit-box-orient:vertical;max-height:7.5em;min-height:7.5em;word-break:break-word}.data-item-dashed-line{border-bottom:1px dashed grey;height:1px;margin:0 0 10px;width:100%}.read-more-link{text-align:left;width:100%}.data-item-bottom{align-items:center;display:flex;flex-direction:column;justify-content:start;margin-top:auto}.layout-box{align-items:flex-start;display:flex;flex-direction:row;gap:20px;height:100%;padding-top:30px;width:100%}.category-box{background-color:#fff;background:#fff;height:100%;width:20%}.category-box ul{text-align:left}.data-box{background-color:#fff;box-sizing:border-box;flex-shrink:0;height:100%;width:75%}.info-link{color:#666;text-decoration:none;transition:color .2s ease}.info-link:hover{color:#007bff}@media(max-width:768px){.content-box{overflow-x:hidden;padding:8px}.blog-title{font-size:20px}.data-item-box-root{flex-direction:column;padding:0}.data-item{flex-direction:column;gap:5px;margin-bottom:10px;width:100%}.data-item-img{flex-shrink:0;height:auto;width:100%}.data-item-content{flex:1;padding:5px}.data-item-title-box{align-items:flex-start;flex-direction:column;margin-bottom:10px}.data-item-title-box .data-item-date{border:none;flex:0 0 auto;order:1;padding:0}.data-item-date-box{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-top:10px;width:100%}.data-item-link{font-size:20px}.data-item-author-box{align-items:center;flex-wrap:wrap;font-size:14px;gap:5px;margin:10px 0}.data-item-content-text{font-size:16px;-webkit-line-clamp:2;line-clamp:2;line-height:1.5;margin:10px 0;max-height:3em;min-height:3em}.category-item-link{font-size:14px}.layout-box{flex-direction:column;gap:5px;padding-top:0}.data-box{width:100%}.category-box{background-color:#fff;border-radius:6px;order:-1;width:100%}.category-box ul{text-align:left}}:root :is(.el-loading-mask .el-loading-spinner .path){animation:none!important;stroke-dasharray:80,200!important;stroke-dashoffset:0!important}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}