.blog-post[data-v-61fae1c7]{background:var(--bg-content);padding:30px;transition:background-color var(--transition-normal)}.post-header[data-v-61fae1c7]{margin-bottom:20px}.author-info[data-v-61fae1c7]{gap:12px}.author-avatar[data-v-61fae1c7],.author-info[data-v-61fae1c7]{align-items:center;display:flex}.author-avatar[data-v-61fae1c7]{border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.author-avatar img[data-v-61fae1c7]{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-details[data-v-61fae1c7]{display:flex;flex-direction:column;gap:2px}.author-name[data-v-61fae1c7]{color:var(--text-primary);font-size:14px;font-weight:600}.publish-time[data-v-61fae1c7]{color:var(--text-muted);font-size:12px}.post-title[data-v-61fae1c7]{color:var(--text-primary);cursor:pointer;display:inline-block;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 20px}.post-title[data-v-61fae1c7],.post-title .title-text[data-v-61fae1c7]{position:relative;transition:all var(--transition-normal)}.post-title .title-text[data-v-61fae1c7]{z-index:2}.post-title[data-v-61fae1c7]:before{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:12px;inset:-8px -12px;opacity:0;transition:opacity var(--transition-normal)}.post-title[data-v-61fae1c7]:after,.post-title[data-v-61fae1c7]:before{content:"";position:absolute;z-index:1}.post-title[data-v-61fae1c7]:after{background:var(--bg-content);border-radius:10px;inset:-6px -10px;transition:all var(--transition-normal)}.post-title[data-v-61fae1c7]:hover{transform:translateY(-2px)}.post-title[data-v-61fae1c7]:hover:before{opacity:1}.post-title:hover .title-text[data-v-61fae1c7]{color:var(--primary-color)}.post-description[data-v-61fae1c7]{color:var(--text-secondary);display:-webkit-box;font-size:16px;-webkit-line-clamp:3;line-clamp:3;line-height:1.6;transition:color var(--transition-normal);-webkit-box-orient:vertical;text-overflow:ellipsis}.post-cover[data-v-61fae1c7],.post-description[data-v-61fae1c7]{margin-bottom:30px;overflow:hidden}.post-cover[data-v-61fae1c7]{border-radius:var(--border-radius);transition:transform var(--transition-normal)}.post-cover[data-v-61fae1c7]:hover{transform:translateY(-2px)}.cover-image[data-v-61fae1c7]{display:block;height:auto;max-height:300px;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal);width:100%}.cover-image[data-v-61fae1c7]:hover{transform:scale(1.02)}.post-footer[data-v-61fae1c7]{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:20px}.post-meta[data-v-61fae1c7]{color:var(--text-muted);display:flex;font-size:14px;gap:20px}.read-button[data-v-61fae1c7]{background:var(--success-color);border:none;border-radius:var(--border-radius-small);color:var(--text-white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all var(--transition-normal)}.read-button[data-v-61fae1c7]:hover{background:var(--success-hover);transform:translateY(-1px)}@media (max-width:768px){.blog-post[data-v-61fae1c7]{padding:20px}.post-title[data-v-61fae1c7]{font-size:24px}.post-cover[data-v-61fae1c7]{margin-bottom:20px}.cover-image[data-v-61fae1c7]{max-height:200px}.post-footer[data-v-61fae1c7]{align-items:flex-start;flex-direction:column;gap:15px}.post-meta[data-v-61fae1c7]{flex-wrap:wrap;gap:12px}}.blog-post-skeleton[data-v-bf57400f]{display:flex;flex-direction:column;gap:30px}.skeleton-post[data-v-bf57400f]{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e9ecef);border-radius:var(--border-radius,8px);box-shadow:var(--shadow-light,0 2px 8px rgba(0,0,0,.1));padding:24px;transition:all var(--transition-normal,.3s ease)}.post-header[data-v-bf57400f]{margin-bottom:16px}.post-meta[data-v-bf57400f]{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.post-title-skeleton[data-v-bf57400f]{margin-bottom:20px}.post-description-skeleton[data-v-bf57400f]{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.website-preview-skeleton[data-v-bf57400f]{background:var(--bg-card-hover,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:var(--border-radius,8px);margin-bottom:30px;overflow:hidden}.preview-header-skeleton[data-v-bf57400f]{align-items:center;background:var(--bg-card-hover,#f8f9fa);border-bottom:1px solid var(--border-color,#e9ecef);display:flex;justify-content:space-between;padding:12px 16px}.preview-controls-skeleton[data-v-bf57400f]{display:flex;gap:6px}.preview-content-skeleton[data-v-bf57400f]{padding:0}.post-footer[data-v-bf57400f]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.post-actions[data-v-bf57400f]{display:flex;gap:12px}.post-tags[data-v-bf57400f]{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:768px){.skeleton-post[data-v-bf57400f]{padding:16px}.post-meta[data-v-bf57400f]{gap:12px}.post-footer[data-v-bf57400f]{align-items:flex-start;flex-direction:column}.post-actions[data-v-bf57400f]{justify-content:flex-start;width:100%}.post-tags[data-v-bf57400f]{width:100%}}.category-section[data-v-62e13cbd]{align-items:center;background:var(--bg-content);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 30px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.category-tabs[data-v-62e13cbd]{display:flex;gap:8px}.category-tab[data-v-62e13cbd]{background:var(--bg-content);border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-muted);cursor:pointer;font-size:14px;padding:8px 16px;transition:all var(--transition-normal)}.category-tab[data-v-62e13cbd]:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-tab.active[data-v-62e13cbd]{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-white-on-primary,var(--text-white))}.quote-text[data-v-62e13cbd]{color:var(--text-muted);font-size:14px;font-style:italic;transition:color var(--transition-normal)}@media (max-width:768px){.category-section[data-v-62e13cbd]{align-items:flex-start;flex-direction:column;gap:15px;padding:15px 20px}.category-tabs[data-v-62e13cbd]{justify-content:space-between;width:100%}.category-tab[data-v-62e13cbd]{flex:1;padding:10px 8px;text-align:center}}.modal-overlay[data-v-6c3e0ce9]{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;cursor:default;display:flex;justify-content:center;inset:0;position:fixed;z-index:10000}.modal-container[data-v-6c3e0ce9]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.modal-container.dark[data-v-6c3e0ce9]{background:var(--bg-primary);border-color:var(--border-color)}.close-btn[data-v-6c3e0ce9]{align-items:center;background:#0000001a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:1}.close-btn[data-v-6c3e0ce9]:hover{background:#0003;color:var(--text-primary);transform:scale(1.1)}.modal-header[data-v-6c3e0ce9]{border-bottom:1px solid var(--border-color);padding:24px 32px 16px}.modal-header h2[data-v-6c3e0ce9]{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-content[data-v-6c3e0ce9]{max-height:calc(90vh - 120px);overflow-y:auto;padding:24px 32px 32px}.modal-fade-enter-active[data-v-6c3e0ce9],.modal-fade-leave-active[data-v-6c3e0ce9]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-6c3e0ce9],.modal-fade-leave-to[data-v-6c3e0ce9]{opacity:0}.modal-scale-enter-active[data-v-6c3e0ce9],.modal-scale-leave-active[data-v-6c3e0ce9]{transition:all .3s ease}.modal-scale-enter-from[data-v-6c3e0ce9]{opacity:0;transform:scale(.8) translateY(-20px)}.modal-scale-leave-to[data-v-6c3e0ce9]{opacity:0;transform:scale(.8) translateY(20px)}@media (max-width:480px){.modal-container[data-v-6c3e0ce9]{margin:20px;width:95%}.modal-header[data-v-6c3e0ce9]{padding:20px 24px 12px}.modal-content[data-v-6c3e0ce9]{padding:20px 24px 24px}.modal-header h2[data-v-6c3e0ce9]{font-size:18px}}.daily-image-card[data-v-728e7bcd]{border-radius:var(--border-radius);box-shadow:var(--shadow-light);height:300px;overflow:hidden;position:relative;transition:transform var(--transition-normal)}.daily-image-card[data-v-728e7bcd]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.image-container[data-v-728e7bcd]{background:var(--banner-url) center/cover;height:100%;position:relative;width:100%}.image-overlay[data-v-728e7bcd]{align-items:flex-end;background:linear-gradient(135deg,#0000004d,#0000001a 50%,#0003);display:flex;justify-content:flex-start;inset:0;padding:20px;position:absolute}.weather-info[data-v-728e7bcd]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;min-width:200px;padding:16px}.weather-main[data-v-728e7bcd]{align-items:center;display:flex;gap:12px;margin-bottom:12px}.temperature[data-v-728e7bcd]{color:#fff;font-size:24px;font-weight:700}.condition[data-v-728e7bcd]{color:#fff;font-size:16px;font-weight:500}.weather-details[data-v-728e7bcd]{display:flex;gap:16px;justify-content:flex-start}.weather-item[data-v-728e7bcd]{display:flex;flex-direction:column;gap:4px}.weather-label[data-v-728e7bcd]{color:#fffc;font-size:12px;font-weight:400}.weather-value[data-v-728e7bcd]{color:#fff;font-size:14px;font-weight:500}@media (max-width:768px){.daily-image-card[data-v-728e7bcd]{height:200px}.image-overlay[data-v-728e7bcd]{padding:15px}.weather-info[data-v-728e7bcd]{min-width:160px;padding:12px}.temperature[data-v-728e7bcd]{font-size:20px}.condition[data-v-728e7bcd]{font-size:14px}.weather-details[data-v-728e7bcd]{gap:12px}.weather-value[data-v-728e7bcd]{font-size:12px}}.header-banner[data-v-f30dec38]{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300"><path fill="url(%23grad1)" d="M0 0h1200v300H0z"/><circle cx="200" cy="100" r="60" fill="rgba(255,255,255,0.1)"/><circle cx="800" cy="200" r="80" fill="rgba(255,255,255,0.05)"/><rect width="200" height="100" x="100" y="150" fill="rgba(255,255,255,0.1)" rx="10"/><rect width="150" height="80" x="600" y="80" fill="rgba(255,255,255,0.08)" rx="8"/></svg>');background:var(--banner-url) center/cover;height:300px;overflow:hidden;position:relative}.banner-overlay[data-v-f30dec38]{bottom:20px;position:absolute;right:20px;z-index:10}.banner-avatar[data-v-f30dec38]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.banner-avatar[data-v-f30dec38]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.banner-avatar[data-v-f30dec38]:hover:before{left:100%}.banner-avatar[data-v-f30dec38]:hover{background:#ffffff4d;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.banner-avatar[data-v-f30dec38]:active{box-shadow:0 4px 15px #0000001a;transform:translateY(0)}.avatar-circle[data-v-f30dec38]{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar-circle img[data-v-f30dec38]{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.login-btn[data-v-f30dec38]{background:linear-gradient(135deg,#fff3,#ffffff1a)}.login-btn[data-v-f30dec38]:hover{background:linear-gradient(135deg,#ffffff4d,#fff3)}.login-icon[data-v-f30dec38]{align-items:center;display:flex;font-size:16px;justify-content:center}.logged-in[data-v-f30dec38]{background:linear-gradient(135deg,#4caf504d,#4caf501a);border-color:#4caf504d}.logged-in[data-v-f30dec38]:hover{background:linear-gradient(135deg,#4caf5066,#4caf5033);border-color:#4caf5080}.logout-icon[data-v-f30dec38]{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:5px;transition:all .2s ease;width:20px}.logout-icon[data-v-f30dec38]:hover{background:#ff00004d;transform:scale(1.1)}.avatar-text[data-v-f30dec38]{color:#fff;font-size:14px;font-weight:500;position:relative;z-index:1}@media (max-width:768px){.header-banner[data-v-f30dec38]{height:200px}}.confirm-dialog[data-v-f30dec38]{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;grid-column-gap:16px;align-items:start}.confirm-icon[data-v-f30dec38]{align-items:center;background:#ff63471f;border-radius:12px;color:#e05858;display:flex;grid-row:1/span 2;height:48px;justify-content:center;width:48px}.confirm-icon svg[data-v-f30dec38]{fill:currentColor;height:28px;width:28px}.confirm-body[data-v-f30dec38]{margin-bottom:16px}.confirm-title[data-v-f30dec38]{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 6px}.confirm-desc[data-v-f30dec38]{color:var(--text-secondary);font-size:14px;margin:0}.confirm-actions[data-v-f30dec38]{display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;margin-top:8px}.btn[data-v-f30dec38]{border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn[data-v-f30dec38]:disabled{cursor:not-allowed;opacity:.6}.btn-ghost[data-v-f30dec38]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.btn-ghost[data-v-f30dec38]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger[data-v-f30dec38]{background:#e05858;color:#fff}.btn-danger[data-v-f30dec38]:hover{background:#cc4c4c;box-shadow:0 6px 16px #e0585859;transform:translateY(-1px)}.loading-container[data-v-75193586]{display:flex;flex-direction:column;gap:20px}.loading-message[data-v-75193586]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);color:var(--text-secondary);font-size:16px;margin-bottom:10px;padding:20px;text-align:center}.content-container[data-v-75193586]{display:flex;flex-direction:column;gap:30px}@media (max-width:768px){.loading-message[data-v-75193586]{font-size:14px;margin:0 10px 10px;padding:16px}}