[v-cloak]{display:none}body{margin:0;font-family:Arial,sans-serif;background:#8d2525}#app{text-align:center;padding-top:15vh}.logo{height:50px;margin-right:10px;vertical-align:middle;font-size:48px;color:#222;margin-bottom:20px}.header{display:flex;align-items:center;padding:50px}.search-container{transition:all .3s ease}.search-top{position:fixed;top:10px;left:0;right:0;padding:10px;background:#977d7d;box-shadow:0 2px 6px #0000001a;z-index:100;display:flex;justify-content:center;align-items:center;gap:10px}.search-box{position:relative;display:inline-block;width:50%}.search-input{width:50%;max-width:500px;padding:10px 30px 10px 15px;font-size:18px;border-radius:24px;border:1px solid #ccc;outline:none;transition:all .3s ease}.search-top .search-input{width:300px;font-size:14px}.search-button{padding:10px 16px;font-size:16px;border:none;border-radius:24px;background-color:#222;color:#fff;cursor:pointer;transition:background .3s}.search-button:hover{background-color:#444}.filters{margin-top:20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:14px;text-align:left}.filters label{display:flex;align-items:center;gap:8px}.filters input,.filters select{padding:5px 10px;border-radius:6px;border:1px solid #aaa}.clear-button{background:#888;color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:color .3s}.clear-button:hover{background:#555;color:#eee}.results{margin-top:30px;padding:0 20px 60px}.results h2{font-size:20px;margin-bottom:15px}.results ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.results li{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0000001a;text-align:left;transition:transform .2s}.results li:hover{transform:translateY(-5px)}.result-img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:10px}.result-title{font-weight:700;color:#1a0dab;text-decoration:none;font-size:16px}.result-title:hover{text-decoration:underline}.result-meta{font-size:14px;color:#555;margin-top:5px}.result-rating{color:#f39c12}.no-results{font-style:italic;margin-top:10px;color:#555}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px;font-size:14px}.page-btn{padding:6px 12px;font-size:14px;border:1px solid #ccc;background-color:#f9f9f9;color:#333;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.page-btn:hover:not(:disabled){background-color:#e6e6e6}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-select{padding:4px 8px;font-size:14px;margin:0 4px;border:1px solid #ccc;border-radius:4px}.main-layout{display:flex;justify-content:center;padding:20px;gap:20px}.side-column{width:100px;background-color:#f0f0f0;min-height:100vh;transition:all .3s ease;border-radius:10px}.left-column{background:linear-gradient(to bottom,#ccc,#eee)}.right-column{background:linear-gradient(to bottom,#eee,#ccc)}.main-content{flex:1;max-width:1200px}@media (max-width: 768px){.side-column{display:none}}details{margin-top:10px;font-size:14px;text-align:left;width:80%;max-width:600px;margin-left:auto;margin-right:auto;cursor:pointer}summary{font-weight:700;cursor:pointer}.blog-button{padding:10px 16px;font-size:16px;border:none;border-radius:24px;background-color:#a42e2e;color:#fff;cursor:pointer;transition:background .3s;margin-left:10px}.blog-button:hover{background-color:#444}.blog-modal-overlay[data-v-44d9ab19]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.blog-modal-content[data-v-44d9ab19]{background:#fff;width:90%;max-width:900px;max-height:80vh;overflow-y:auto;padding:20px;border-radius:8px;position:relative}.close-btn[data-v-44d9ab19]{position:absolute;top:10px;right:10px;font-size:24px;border:none;background:transparent;cursor:pointer}.blog-search-input[data-v-44d9ab19]{width:100%;padding:8px 12px;margin-bottom:16px;font-size:16px;border-radius:6px;border:1px solid #ccc}.blog-post[data-v-44d9ab19]{margin-bottom:24px}.blog-post h3[data-v-44d9ab19]{margin-bottom:8px}.blog-post-content[data-v-44d9ab19]{font-size:14px;color:#333}.read-more-link[data-v-44d9ab19]{color:#1a0dab;text-decoration:none;font-weight:700}.read-more-link[data-v-44d9ab19]:hover{text-decoration:underline}.loading[data-v-44d9ab19]{text-align:center;font-style:italic;color:#666}.no-results[data-v-44d9ab19]{text-align:center;font-style:italic;color:#999}