.header[data-v-59f011d0]{background-color:#f8f9fa;padding:10px 20px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%}nav ul[data-v-59f011d0]{text-align:center;list-style:none;display:flex;gap:15px}nav a[data-v-59f011d0]{text-align:center;text-decoration:none;color:#333;spacing:18px;margin:5px 10px}nav a[data-v-59f011d0]:hover{text-decoration:underline;color:orange}.modal-overlay[data-v-36c5e74f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-36c5e74f]{color:red;background:#fff;padding:20px;border-radius:5px;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:500px;width:90%;text-align:center}.modal-content p[data-v-36c5e74f]{color:red}.close-button[data-v-36c5e74f]{background:transparent;border:none;cursor:pointer;position:absolute;top:10px;right:10px;font-size:28px;padding:5px 10px;transition:color .3s}.close-button[data-v-36c5e74f]:hover{color:red}a[data-v-36c5e74f]{color:dark;text-decoration:none}a[data-v-36c5e74f]:hover{color:red}.footer[data-v-f451e974]{background-color:#343a40;color:#fff;text-align:center;padding:20px;width:100%;display:flex;flex-direction:column}.footer p[data-v-f451e974]{margin:8px 0}.footer-links[data-v-f451e974]{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0;font-size:18px}.footer a[data-v-f451e974]{text-decoration:none;color:#fff;margin:5px 10px;font-size:18px}.footer a[data-v-f451e974]:hover{text-decoration:underline;color:orange}@media (max-width:600px){.footer a[data-v-f451e974]{font-size:12px}}.search-bar[data-v-1746b505]{display:flex;justify-content:center;align-items:center;margin:20px 0}.search-input[data-v-1746b505]{width:100%;max-width:400px;padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:16px;transition:border-color .3s,box-shadow .3s}.search-input[data-v-1746b505]::-moz-placeholder{color:#aaa}.search-input[data-v-1746b505]::placeholder{color:#aaa}.search-input[data-v-1746b505]:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}.loading-placeholder[data-v-273c881a]{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff;border-radius:8px;padding:20px;text-align:center}a[data-v-273c881a]:hover{color:red}.post-list[data-v-273c881a]{margin:20px 0;display:flex;flex-direction:column;align-items:center;width:88%}.post-item[data-v-273c881a]{margin-bottom:15px;width:100%;max-width:800px;padding:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff}.post-item h2[data-v-273c881a]{font-size:1.5em;margin:0 0 10px}.post-item p[data-v-273c881a]{margin:5px 0}.post-content[data-v-273c881a]{overflow-x:auto;word-wrap:break-word}.category[data-v-273c881a],.tag[data-v-273c881a]{display:inline-block;background-color:#f0f0f0;border-radius:12px;padding:5px 10px;margin:5px;transition:background-color .3s}.category[data-v-273c881a]:hover,.tag[data-v-273c881a]:hover{background-color:#d0d0d0;cursor:pointer}.learn-more-button[data-v-273c881a]{display:inline-block;background-color:orange;color:#000;padding:5px 10px;border-radius:25px;text-decoration:none;transition:background-color .3s}.learn-more-button[data-v-273c881a]:hover{background-color:red;color:#fff}@media (max-width:600px){.post-item[data-v-273c881a]{padding:10px}.post-item h2[data-v-273c881a]{font-size:1.2em}}.pagination[data-v-1bc88568]{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#f8f9fa;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.pagination-button[data-v-1bc88568]{background-color:#007bff;color:#000;border:none;border-radius:5px;padding:8px 12px;margin:0 5px;cursor:pointer;transition:background-color .3s}.pagination-button[data-v-1bc88568]:disabled{background-color:silver;cursor:not-allowed}.pagination-button[data-v-1bc88568]:hover:not(:disabled){background-color:#0056b3}.pagination-info[data-v-1bc88568]{margin:0 10px;font-size:16px;color:#333}.home[data-v-75379a60]{padding:20px;display:flex;flex-direction:column;align-items:center}h1[data-v-75379a60]{font-size:2em;margin-bottom:20px}@media (max-width:600px){h1[data-v-75379a60]{font-size:1.5em}.home[data-v-75379a60]{padding:10px}}.loading-placeholder[data-v-348792e7]{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff;border-radius:8px;padding:20px;text-align:center}.post[data-v-348792e7]{padding:30px;max-width:800px;margin:20px auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.post-content[data-v-348792e7]{overflow-x:auto;word-wrap:break-word}h1[data-v-348792e7]{font-size:2.5em;margin-bottom:15px;color:#333}p[data-v-348792e7]{margin:10px 0;line-height:1.6;color:#555}@media (max-width:600px){h1[data-v-348792e7]{font-size:2em}.post[data-v-348792e7]{padding:20px}}img[data-v-348792e7]{max-width:90%;border-radius:8px}.category[data-v-348792e7],.tag[data-v-348792e7]{display:inline-block;background-color:#f0f0f0;border-radius:12px;padding:5px 10px;margin:5px;transition:background-color .3s}.category[data-v-348792e7]:hover,.tag[data-v-348792e7]:hover{background-color:#d0d0d0;cursor:pointer}.navigation-buttons[data-v-348792e7]{margin-top:20px;display:flex;justify-content:space-between}.nav-button[data-v-348792e7]{background-color:orange}.nav-button-next[data-v-348792e7],.nav-button[data-v-348792e7]{display:inline-block;color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;transition:background-color .3s}.nav-button-next[data-v-348792e7]{background-color:green}.nav-button[data-v-348792e7]:hover{background-color:#ff8c00}.nav-button-next[data-v-348792e7]:hover{background-color:red}h1[data-v-b05e4bda]{font-size:2em}ul[data-v-b05e4bda]{list-style-type:none}li[data-v-b05e4bda]{margin:10px 0}h1[data-v-b892d6f0]{font-size:2em}pre[data-v-b892d6f0]{white-space:pre-wrap;word-wrap:break-word;background-color:#f8f8f8;padding:10px;border:1px solid #ddd}.page[data-v-cef3a902]{padding:20px;display:flex;flex-direction:column;align-items:center}h1[data-v-cef3a902]{font-size:2em;margin-bottom:20px}@media (max-width:600px){h1[data-v-cef3a902]{font-size:1.5em}.home[data-v-cef3a902]{padding:10px}}