.search-form[data-v-31980ca7]{display:flex;align-items:center}.search-input[data-v-31980ca7]{padding:.5rem;border:none;border-radius:4px 0 0 4px;outline:none;flex:1;font-size:1rem}.search-button[data-v-31980ca7]{padding:.5rem 1rem;border:none;background-color:#007bff;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .2s ease;font-size:1rem}.search-button[data-v-31980ca7]:hover{background-color:#0069d9}@media(max-width:768px){.search-form[data-v-31980ca7]{width:100%}.search-input[data-v-31980ca7]{flex:1}}.navigation ul[data-v-fdce81a2]{display:flex;list-style:none}.navigation ul li[data-v-fdce81a2]{margin-left:1rem}.navigation ul li a[data-v-fdce81a2]{position:relative;transition:color .2s ease;color:#fff;text-decoration:none}.navigation ul li a[data-v-fdce81a2]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#007bff;transition:width .2s ease}.navigation ul li a[data-v-fdce81a2]:hover:after{width:100%}.btn-write[data-v-fdce81a2]{background-color:#007bff;color:#fff!important;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.btn-write[data-v-fdce81a2]:hover{background-color:#0069d9;transform:translateY(-2px)}.btn-write[data-v-fdce81a2]:after{display:none}.user-info[data-v-fdce81a2]{margin-right:10px;color:#fff}.btn-login[data-v-fdce81a2]{background-color:#4caf50;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.btn-login[data-v-fdce81a2]:hover{background-color:#45a049;transform:translateY(-2px)}.btn-register[data-v-fdce81a2]{background-color:#007bff;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-register[data-v-fdce81a2]:hover{background-color:#0069d9;transform:translateY(-2px)}.btn-logout[data-v-fdce81a2]{background-color:#dc3545;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-logout[data-v-fdce81a2]:hover{background-color:#c82333;transform:translateY(-2px)}@media(max-width:768px){.navigation ul[data-v-fdce81a2]{margin-top:1rem}.navigation ul li[data-v-fdce81a2]{margin-left:0;margin-right:1rem}.user-info[data-v-fdce81a2]{display:block;margin-bottom:.5rem}.btn-login[data-v-fdce81a2]{margin-right:.5rem;margin-bottom:.5rem}}.header[data-v-5f457c20]{background-color:#333;color:#fff;padding:1.5rem 1rem;display:flex;width:100%;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:100;transition:all .3s ease}.header-shrunk[data-v-5f457c20]{padding:.5rem 1rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.header-shrunk h1[data-v-5f457c20]{font-size:1.2rem;transition:all .3s ease}.header h1[data-v-5f457c20]{font-size:1.5rem;transition:font-size .3s ease}.header a[data-v-5f457c20]{color:#fff;text-decoration:none;transition:color .3s ease}.header-right[data-v-5f457c20]{display:flex;align-items:center;gap:1rem;transition:all .3s ease}.header nav ul[data-v-5f457c20]{display:flex;list-style:none}.header nav ul li[data-v-5f457c20]{margin-left:1rem}.header nav ul li a[data-v-5f457c20]{position:relative;transition:color .2s ease}.header nav ul li a[data-v-5f457c20]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#007bff;transition:width .2s ease}.header nav ul li a[data-v-5f457c20]:hover:after{width:100%}.btn-write[data-v-5f457c20]{background-color:#007bff;color:#fff!important;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.btn-write[data-v-5f457c20]:hover{background-color:#0069d9;transform:translateY(-2px)}.btn-write[data-v-5f457c20]:after{display:none}.back-to-top[data-v-5f457c20]{position:fixed;bottom:2rem;right:2rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#007bff;color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .3s ease;z-index:99}.back-to-top[data-v-5f457c20]:hover{background-color:#0069d9;transform:translateY(-3px);box-shadow:0 4px 8px #0003}.modal-enter-active[data-v-5f457c20],.modal-leave-active[data-v-5f457c20]{transition:all .3s ease}.modal-enter-from[data-v-5f457c20],.modal-leave-to[data-v-5f457c20]{transform:translateY(50px);opacity:0}@media(max-width:768px){.header[data-v-5f457c20]{flex-direction:column;align-items:flex-start;padding:1rem}.header-shrunk[data-v-5f457c20]{padding-top:.5rem;padding-bottom:.5rem}.header-right[data-v-5f457c20]{flex-direction:column;align-items:flex-start;width:100%;margin-top:1rem;gap:0}.header-shrunk .header-right[data-v-5f457c20]{margin-top:.5rem}.header nav ul[data-v-5f457c20]{margin-top:1rem}.header-shrunk nav ul[data-v-5f457c20]{margin-top:.5rem}.header nav ul li[data-v-5f457c20]{margin-left:0;margin-right:1rem}.back-to-top[data-v-5f457c20]{bottom:2rem;right:2rem;width:2.5rem;height:2.5rem;font-size:1rem}}.footer[data-v-d0095806]{background-color:#333;color:#fff;text-align:center;padding:1rem;margin-top:auto}.login-overlay[data-v-c2f8344e]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}.login-backdrop[data-v-c2f8344e]{position:absolute;top:0;left:0;right:0;bottom:0;background:#28282880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal[data-v-c2f8344e]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 5px 25px #0003;width:100%;max-width:400px;position:relative;z-index:1001}.login-header[data-v-c2f8344e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login-header h2[data-v-c2f8344e]{margin:0;color:#333}.close-button[data-v-c2f8344e]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .3s}.close-button[data-v-c2f8344e]:hover{color:#333}.form-group[data-v-c2f8344e]{margin-bottom:20px}label[data-v-c2f8344e]{display:block;margin-bottom:8px;font-weight:500;color:#555}input[data-v-c2f8344e]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}input[data-v-c2f8344e]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.login-button[data-v-c2f8344e]{width:100%;padding:12px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s}.login-button[data-v-c2f8344e]:hover{background:#45a049}.error-message[data-v-c2f8344e]{margin-top:15px;color:#f44336;text-align:center}.register-link[data-v-c2f8344e]{margin-top:15px;text-align:center;color:#666}.link-button[data-v-c2f8344e]{background:none;border:none;color:#4caf50;cursor:pointer;text-decoration:underline;font-size:14px;padding:0;margin-left:5px}.link-button[data-v-c2f8344e]:hover{color:#45a049}.modal-enter-active[data-v-c2f8344e],.modal-leave-active[data-v-c2f8344e],.modal-enter-active .login-backdrop[data-v-c2f8344e],.modal-leave-active .login-backdrop[data-v-c2f8344e],.modal-leave-active .login-modal[data-v-c2f8344e],.modal-enter-active .login-modal[data-v-c2f8344e]{transition:all .3s ease}.modal-enter-from .login-backdrop[data-v-c2f8344e],.modal-leave-to .login-backdrop[data-v-c2f8344e]{opacity:0}.modal-enter-from .login-modal[data-v-c2f8344e],.modal-leave-to .login-modal[data-v-c2f8344e]{transform:translateY(-50px);opacity:0}@media(max-width:480px){.login-modal[data-v-c2f8344e]{padding:30px 20px;margin:0 20px}}.register-overlay[data-v-0c9c6f87]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}.register-backdrop[data-v-0c9c6f87]{position:absolute;top:0;left:0;right:0;bottom:0;background:#28282880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.register-modal[data-v-0c9c6f87]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 5px 25px #0003;width:100%;max-width:400px;position:relative;z-index:1001}.register-header[data-v-0c9c6f87]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.register-header h2[data-v-0c9c6f87]{margin:0;color:#333}.close-button[data-v-0c9c6f87]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .3s}.close-button[data-v-0c9c6f87]:hover{color:#333}.form-group[data-v-0c9c6f87]{margin-bottom:20px}label[data-v-0c9c6f87]{display:block;margin-bottom:8px;font-weight:500;color:#555}input[data-v-0c9c6f87]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}input[data-v-0c9c6f87]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.register-button[data-v-0c9c6f87]{width:100%;padding:12px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s}.register-button[data-v-0c9c6f87]:hover{background:#45a049}.error-message[data-v-0c9c6f87]{margin-top:15px;color:#f44336;text-align:center}.login-link[data-v-0c9c6f87]{margin-top:15px;text-align:center;color:#666}.link-button[data-v-0c9c6f87]{background:none;border:none;color:#4caf50;cursor:pointer;text-decoration:underline;font-size:14px;padding:0;margin-left:5px}.link-button[data-v-0c9c6f87]:hover{color:#45a049}.modal-enter-active[data-v-0c9c6f87],.modal-leave-active[data-v-0c9c6f87],.modal-enter-active .register-backdrop[data-v-0c9c6f87],.modal-leave-active .register-backdrop[data-v-0c9c6f87],.modal-leave-active .register-modal[data-v-0c9c6f87],.modal-enter-active .register-modal[data-v-0c9c6f87]{transition:all .3s ease}.modal-enter-from .register-backdrop[data-v-0c9c6f87],.modal-leave-to .register-backdrop[data-v-0c9c6f87]{opacity:0}.modal-enter-from .register-modal[data-v-0c9c6f87],.modal-leave-to .register-modal[data-v-0c9c6f87]{transform:translateY(-50px);opacity:0}@media(max-width:480px){.register-modal[data-v-0c9c6f87]{padding:30px 20px;margin:0 20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:1rem 2rem;max-width:1200px;margin:0 auto;margin-top:5.5rem;width:100%;transition:margin-top .3s ease}.app-scrolled .main{margin-top:3.5rem}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.post-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.post-card:hover{transform:translateY(-5px)}.post-card h2{font-size:1.2rem;margin-bottom:.5rem}.post-card a{color:#333;text-decoration:none}.post-card .post-meta{font-size:.8rem;color:#666;margin-bottom:1rem}.post-card .post-excerpt{margin-bottom:1rem}.post-detail{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.post-detail h1{font-size:2rem;margin-bottom:1rem}.post-detail .post-meta{font-size:.9rem;color:#666;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.post-detail .post-content{line-height:1.8}.sidebar{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.sidebar h3{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.sidebar ul{list-style:none}.sidebar ul li{margin-bottom:.5rem}.sidebar ul li a{color:#333;text-decoration:none;transition:color .2s ease}.sidebar ul li a:hover{color:#007bff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:768px){.main{padding:1rem;margin-top:10.625rem}.app-scrolled .main{margin-top:7.125rem}.post-list{grid-template-columns:1fr}}