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