body{margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f2f4f8}.navbar{background-color:#b14b43;color:#f9fafb}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;max-width:1200px;margin:0 auto}.navbar-left{display:flex;align-items:center;}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:40px;margin-right:10px}.navbar-title{font-size:1.5rem}.navbar-submit{font-size:1rem;color:#f9fafb;cursor:pointer;transition:background-color 0.3s;padding:8px 15px;border:none;border-radius:5px}.navbar-submit:hover{color:#f77f77}.navbar-menu{display:flex;margin-left:20px;}.navbar-menu a{margin:0 15px;text-decoration:none;color:#f9fafb;font-size:1.1rem;transition:color 0.3s}.navbar-menu a:hover{color:#f77f77}.navbar-top{position:fixed;bottom:20px;right:20px;padding:4px 6px;background-color:#b14b43;color:#fff;border-radius:5px;cursor:pointer;transition:background-color 0.3s;box-shadow:0 2px 5px rgba(0,0,0,0.3);z-index:1000}.navbar-top:hover{background-color:#9f3d37}.search-container{text-align:center;margin:40px 20px 20px 20px}.search-title{font-size:2.5rem;margin-bottom:10px;color:#1f2937}.search-subtitle{font-size:1.2rem;margin-bottom:20px;color:#6b7280}.search-input{margin:20px auto 0 auto;padding:10px 20px;border:1px solid #d1d5db;border-radius:5px;font-size:2rem;width:60%;transition:all 0.3s}.search-input:focus{border-color:#b14b43;outline:none;box-shadow:0 0 5px rgba(177,75,67,0.5)}.search-results{font-size:1.2rem;color:#b14b43;margin:20px auto 0 auto;max-width:1200px}.category-container{text-align:center;max-width:1000px;margin:30px auto 30px auto}.category-button{padding:10px 20px;border:none;border-radius:5px;color:#fff;background-color:#4b5563;cursor:pointer;margin:10px 5px 0px 5px;transition:background-color 0.3s}.category-button:hover{background-color:#374151}.category-button.selected{background-color:#b14b43}.container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;max-width:1200px;margin:0 auto}.container a{text-decoration:none}@media only screen and (max-width:768px){.container{grid-template-columns:repeat(1,1fr);padding:10px;gap:10px;margin:0 10px}.block{margin-top:20px}.search-input{width:90%;}.search-results{margin:0 10px}.navbar-content{flex-direction:column;align-items:flex-start;}.navbar-left{width:100%;flex-direction:column;}.navbar-logo{width:100%;display:flex;justify-content:space-between;}.navbar-title{font-size:24px;width:100%;text-align:left;margin-top:10px;}.navbar-hamburger{display:block;}.navbar-menu{width:100%;}.navbar-menu a{margin:15px 0 0 0;font-size:18px;margin-left:10px;}.navbar-submit{width:100%;text-align:center;}}.block{position:relative;background-color:#ffffff;border:1px solid #d1d5db;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:20px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s,font-size 0.2s;text-align:left;height:auto}.block:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,0.2);font-size:1.1rem}.block-header{display:flex;align-items:center;margin-bottom:15px}.block-avatar{width:50px;height:50px;margin-right:15px}.block-info{display:flex;flex-direction:column}.block-title{font-size:1.5rem;color:#1f2937;margin-bottom:5px;line-height:1.2}.block-content{font-size:1rem;color:#4b5563;margin-bottom:30px;line-height:2;text-align:justify;max-height:300px;overflow:hidden}.block-meta{font-size:0.9rem;color:#6b7280;margin-bottom:10px}.block-author{font-size:0.9rem;color:#6b7280}.block-detail{position:absolute;bottom:15px;right:20px;font-size:1rem;color:#6b7280;transition:font-size 0.2s;color:#b14b43}.block:hover .block-detail{font-size:1.2rem}.footer{background-color:#b14b43;color:#f9fafb;padding:20px 0;margin-top:50px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-rights a{color:#f9fafb;text-decoration:none;transition:color 0.3s}.footer-rights a:hover{color:#f77f77}.footer-links{display:flex;justify-content:flex-end;align-items:center}.footer-links a{color:#f9fafb;text-decoration:none;transition:color 0.3s}.footer-links a:first-child{font-weight:bold}.footer-links a:not(:first-child){margin-left:30px}.footer-links a:not(:first-child):hover{color:#f77f77}.faq{margin:30px auto;display:flex;justify-content:center;max-width:1200px;}.faq-content{border:1px solid #d1d5db;border-radius:5px;padding:20px;width:100%;}.faq h2{font-size:1.4rem;color:#1f2937;margin-bottom:15px;}.faq-item{margin-bottom:15px;}.faq-item h3{font-size:1.1rem;color:#b14b43;margin-bottom:5px;}.faq-item p{font-size:1rem;color:#4b5563;line-height:1.6;}