.search-box[data-v-0a49b653]{background:#f7f7f8;border:1px solid #e5e7eb;border-radius:30px;align-items:center;padding:8px 20px;transition:all .3s;display:flex}.search-box[data-v-0a49b653]:focus-within{border-color:#fe4c4c;box-shadow:0 0 0 3px #fe4c4c1a}.search-box .search-icon[data-v-0a49b653]{color:#9ca3af;margin-right:10px;font-size:16px}.search-box input[data-v-0a49b653]{color:#374151;background:0 0;border:none;outline:none;flex:1;padding:5px 0;font-size:15px}.search-box input[data-v-0a49b653] ::placeholder{color:#9ca3af}.search-box .search-btn[data-v-0a49b653]{color:#fff;cursor:pointer;background:#fe4c4c;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:10px;padding:0;transition:all .3s;display:flex}.search-box .search-btn[data-v-0a49b653]:hover{background:#e53935;transform:scale(1.05)}.search-box .search-btn i[data-v-0a49b653]{font-size:16px}.tbtio[data-v-0a49b653]{width:1200px;height:auto;margin:auto;padding:20px 0}.container[data-v-0a49b653]{width:100%;margin:0 auto}.header[data-v-0a49b653]{align-items:center;margin-bottom:20px;padding-left:20px;display:flex}.header h1[data-v-0a49b653]{margin-right:10px;font-size:24px}.nav[data-v-0a49b653]{gap:20px;display:flex}.nav-item[data-v-0a49b653]{color:#333;background-color:#fff;border-radius:4px;padding:6px 12px;text-decoration:none}.active[data-v-0a49b653]{color:#fff;background-color:#ffb6c1}.article[data-v-0a49b653]{cursor:pointer;background-color:#fff;border-radius:5px;gap:20px;margin-bottom:20px;padding:20px;display:flex}.article[data-v-0a49b653]:hover{outline:1px solid #fe4c4c}.article img[data-v-0a49b653]{border-radius:5px;width:300px;height:180px}.article-content[data-v-0a49b653]{flex-direction:column;flex:1;justify-content:space-between;display:flex}.article-meta[data-v-0a49b653]{align-items:center;gap:10px;margin-bottom:10px;display:flex}.category[data-v-0a49b653]{border-radius:4px;padding:3px 8px;font-family:Roboto;font-size:14px;font-weight:400}.date[data-v-0a49b653]{color:#666;font-size:14px}.article h3[data-v-0a49b653]{margin-bottom:10px;font-size:18px}.article .summary[data-v-0a49b653]{color:#4b5563;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;max-height:70px;font-family:Roboto;font-size:16px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.article p[data-v-0a49b653]{font-size:14px;line-height:1.5}.views[data-v-0a49b653]{color:#666;font-size:14px}.prgts[data-v-0a49b653]{place-content:center space-between;width:1200px;margin:auto;padding-bottom:50px;display:flex}.prgts .prgtsa[data-v-0a49b653]{color:#374151;width:300px;font-family:Roboto;font-size:14px;font-weight:400}.prgts .prgtsb[data-v-0a49b653]{width:auto}