#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px;background-color:#f4f7f6}.post-form-container[data-v-fd85fb43]{background:#fff;padding:30px;border-radius:8px;max-width:600px;margin:0 auto;box-shadow:0 4px 12px #00000026}h2[data-v-fd85fb43]{color:#34495e;border-bottom:2px solid #ecf0f1;padding-bottom:10px;margin-bottom:20px}.post-form .form-group[data-v-fd85fb43]{margin-bottom:15px}.post-form label[data-v-fd85fb43]{display:block;margin-bottom:5px;font-weight:600;color:#34495e}.post-form input[type=text][data-v-fd85fb43],.post-form input[data-v-fd85fb43],.post-form textarea[data-v-fd85fb43]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em}.post-form textarea[data-v-fd85fb43]{resize:vertical}.image-preview[data-v-fd85fb43]{margin:15px 0;padding:10px;border:1px dashed #42b883;border-radius:4px;text-align:center}.uploaded-image[data-v-fd85fb43]{max-width:100%;max-height:200px;display:block;margin:10px auto 0;border-radius:4px}.form-actions[data-v-fd85fb43]{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.save-button[data-v-fd85fb43],.cancel-button[data-v-fd85fb43]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s}.save-button[data-v-fd85fb43]{background-color:#42b883;color:#fff}.save-button[data-v-fd85fb43]:hover{background-color:#35a473}.cancel-button[data-v-fd85fb43]{background-color:#ecf0f1;color:#34495e}.cancel-button[data-v-fd85fb43]:hover{background-color:#bdc3c7}.blog-app[data-v-43cdaa4d]{max-width:1200px;margin:0 auto;padding:20px;background-color:#f4f7f6;min-height:100vh}.header[data-v-43cdaa4d]{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.header h1[data-v-43cdaa4d]{color:#34495e;font-size:2.5em;font-weight:700}.header>div[data-v-43cdaa4d]{display:flex;gap:15px;align-items:center}.create-button[data-v-43cdaa4d]{padding:10px 20px;background-color:#42b883;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1em;font-weight:600;transition:background-color .3s ease}.create-button[data-v-43cdaa4d]:hover{background-color:#35a473}.login-button[data-v-43cdaa4d],.logout-button[data-v-43cdaa4d]{padding:10px 15px;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:background-color .3s}.login-button[data-v-43cdaa4d]{background-color:#f39c12;color:#fff}.login-button[data-v-43cdaa4d]:hover{background-color:#e67e22}.logout-button[data-v-43cdaa4d]{background-color:#ecf0f1;color:#34495e}.logout-button[data-v-43cdaa4d]:hover{background-color:#bdc3c7}.post-grid[data-v-43cdaa4d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.post-card-wrapper[data-v-43cdaa4d]{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000014;transition:transform .3s ease}.post-card-wrapper[data-v-43cdaa4d]:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.post-card-link[data-v-43cdaa4d]{text-decoration:none;color:inherit;flex-grow:1}.post-card[data-v-43cdaa4d]{background:#fff;padding:0;cursor:pointer;flex-grow:1;display:flex;flex-direction:column}.card-visual-area[data-v-43cdaa4d]{position:relative;width:100%;height:300px;overflow:hidden}.card-image-container[data-v-43cdaa4d]{width:100%;height:100%;overflow:hidden}.card-image[data-v-43cdaa4d]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card-wrapper:hover .card-image[data-v-43cdaa4d]{transform:scale(1.05)}.card-overlay-body[data-v-43cdaa4d]{position:absolute;bottom:0;left:0;right:0;background:#000000bf;color:#fff;padding:15px 20px;transition:background-color .3s ease}.post-card-wrapper:hover .card-overlay-body[data-v-43cdaa4d]{background:#000000d9}.card-overlay-body h3[data-v-43cdaa4d]{color:#fff;margin-top:0;font-size:1.4em;border-bottom:none;padding-bottom:0;margin-bottom:5px}.card-overlay-body .content[data-v-43cdaa4d]{color:#e0e0e0;font-size:.9em;margin-bottom:0;max-height:2.8em;overflow:hidden}.card-footer[data-v-43cdaa4d]{display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;padding:10px 20px;border-top:1px solid #eee}.meta[data-v-43cdaa4d]{font-size:.85em;color:#999}.actions[data-v-43cdaa4d]{display:flex;gap:10px}.action-btn[data-v-43cdaa4d]{padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .3s ease}.action-btn.edit[data-v-43cdaa4d]{background-color:#3498db;color:#fff}.action-btn.delete[data-v-43cdaa4d]{background-color:#e74c3c;color:#fff}.modal-overlay[data-v-43cdaa4d]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-43cdaa4d]{background:#fff;padding:30px;border-radius:8px;min-width:450px;box-shadow:0 5px 15px #0000004d}.empty-state[data-v-43cdaa4d]{grid-column:1 / -1;text-align:center;padding:50px;font-size:1.2em;color:#aaa;border:2px dashed #ccc;border-radius:10px}.detail-container[data-v-bfaa517d]{max-width:900px;margin:30px auto;padding:30px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:10px;text-align:left}.back-button[data-v-bfaa517d]{background:none;border:1px solid #ccc;color:#34495e;padding:8px 15px;margin-bottom:25px;border-radius:5px;cursor:pointer;transition:background-color .3s}.back-button[data-v-bfaa517d]:hover{background-color:#f0f0f0}.article-title[data-v-bfaa517d]{color:#2c3e50;font-size:2.5em;margin-bottom:10px}.article-image-container[data-v-bfaa517d]{margin-bottom:25px;max-height:400px;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.article-main-image[data-v-bfaa517d]{width:100%;height:100%;object-fit:cover;display:block}.article-meta[data-v-bfaa517d]{color:#888;font-size:.9em}hr[data-v-bfaa517d]{border:0;border-top:1px solid #eee;margin:20px 0}.article-body[data-v-bfaa517d]{line-height:1.8;font-size:1.1em;color:#444}.article-body[data-v-bfaa517d] br{display:block;content:"";margin-top:1.2em}.loading-state[data-v-bfaa517d],.error-state[data-v-bfaa517d]{text-align:center;padding:50px;color:#aaa}.edit-actions[data-v-bfaa517d]{margin-top:30px;text-align:right}.action-btn.edit[data-v-bfaa517d]{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.login-container[data-v-6182c20d]{max-width:300px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:5px}input[data-v-6182c20d]{width:100%;padding:10px;margin:10px 0;box-sizing:border-box}button[data-v-6182c20d]{width:100%;padding:10px;background-color:#42b983;color:#fff;border:none;border-radius:5px;cursor:pointer}.success[data-v-6182c20d]{color:green}.error[data-v-6182c20d]{color:red}