:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-white-transparent: rgba(255, 255, 255, .199);--vt-c-black: #000000;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-black-transparent: rgba(3, 5, 5, .411);--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: #f0f0f0;--vt-c-text-dark-2: rgba(235, 235, 235, .85);--vt-c-nav-border: #055964;--color-primary: #42b983;--color-primary-hover: #35a371;--color-secondary: #909399;--color-error: #f56c6c;--color-success: #67c23a;--color-warning: #e6a23c;--color-background-soft: #f6f6f7;--color-border: #ebecee;--color-background-card: var(--vt-c-white);--color-text-secondary: var(--vt-c-text-light-2);--color-text-tertiary: rgba(60, 60, 60, .4);--color-overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 2px 4px 8px 2px rgba(0, 0, 0, .1);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}:root{--color-background: var(--vt-c-indigo);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-black);--color-nav-border: var(--vt-c-nav-border);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:1560px;max-height:2048px;width:100%;color:var(--color-text);background:var(--color-background-soft);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error-message{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent)}.success-message{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,transparent)}#app{width:100%;height:100%;margin:0 auto;padding:2rem;font-weight:400;display:flex;flex-direction:column;background-color:var(--vt-c-white-transparent)}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;width:100%}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--color-background-card);border-radius:8px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.app-container[data-v-b4b1b1a2]{display:flex;flex-direction:column;width:100%}.header[data-v-b4b1b1a2]{display:flex;justify-content:space-between;width:100%;height:175px;background-color:var(--vt-c-white-transparent);padding:1rem;box-shadow:2px 0 5px #0000001a;border-bottom:5px solid var(--color-nav-border)}.logo[data-v-b4b1b1a2]{display:block;margin:0 auto 2rem}.title[data-v-b4b1b1a2]{font-size:2rem;font-weight:700;padding:.5rem;display:flex;align-items:center;justify-content:start;flex-grow:1}.side-nav[data-v-b4b1b1a2]{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;flex-grow:1;flex-shrink:0}.nav-link[data-v-b4b1b1a2]{display:flex;align-items:end;padding:.75rem;margin:0;text-decoration:none;color:var(--color-text);border-radius:4px;transition:background-color .3s ease}.nav-link[data-v-b4b1b1a2]:hover{background-color:var(--color-hover)}.nav-link.router-link-active[data-v-b4b1b1a2]{background-color:var(--color-primary);color:#fff}.auth-section[data-v-b4b1b1a2]{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:1rem}.main-content[data-v-b4b1b1a2]{flex:1;padding:2rem}@media (max-width: 768px){.app-container[data-v-b4b1b1a2]{flex-direction:column}.side-header[data-v-b4b1b1a2]{width:100%;order:1}.main-content[data-v-b4b1b1a2]{order:2;padding:1rem}}.post-item[data-v-c764910e]{background:var(--vt-c-white-transparent);padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow-lg);transition:all .3s ease;margin-bottom:1.5rem;width:100%;font-size:1rem}.post-item[data-v-c764910e]:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.post-header[data-v-c764910e]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.post-title[data-v-c764910e]{font-size:1.25rem;font-weight:600}.post-info[data-v-c764910e]{display:flex;gap:1rem}.post-author[data-v-c764910e],.post-date[data-v-c764910e]{color:var(--color-secondary);font-size:.9rem}.post-body[data-v-c764910e]{color:var(--color-text);line-height:1.6}.read-more[data-v-c764910e]{color:var(--color-primary);font-size:.9rem;text-decoration:none;display:inline-block;margin-top:.5rem;transition:opacity .2s}.read-more[data-v-c764910e]:hover{opacity:.8;text-decoration:underline}.pagination[data-v-b150eccc]{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.pagination[data-v-b150eccc]{gap:.25rem}}button[data-v-b150eccc]{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:4px;transition:all .2s}button[data-v-b150eccc]:hover:not(:disabled){background-color:var(--color-primary-hover)}button.active[data-v-b150eccc]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}button[data-v-b150eccc]:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border-hover)}.page-stats[data-v-b150eccc]{margin-left:1rem;color:var(--color-text)}.modal-overlay[data-v-81838a4d]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content[data-v-81838a4d]{position:relative;max-width:90%;max-height:90%;overflow:hidden;background:var(--color-background-card);border-radius:12px;box-shadow:var(--shadow-lg)}.close-button[data-v-81838a4d]{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:1000}.modal-image[data-v-81838a4d]{max-width:1280px;max-height:768px;min-height:640px;width:100%;height:auto;display:block}.controls[data-v-81838a4d]{display:flex;justify-content:space-between;padding:1rem;background:var(--color-background-card);border-top:1px solid var(--color-border)}.prev-button[data-v-81838a4d],.next-button[data-v-81838a4d]{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.prev-button[data-v-81838a4d]:disabled,.next-button[data-v-81838a4d]:disabled{background-color:#ccc;cursor:not-allowed}.delete-button[data-v-81838a4d]{background-color:var(--color-error);color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.delete-button[data-v-81838a4d]:disabled{background-color:#ccc;cursor:not-allowed}.image-post-list[data-v-e24f295c]{max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem}.image-item[data-v-e24f295c]{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s ease;background-color:var(--vt-c-black-transparent);border-radius:4px}.image-item[data-v-e24f295c]:hover{transform:scale(1.03)}.image-info[data-v-e24f295c]{width:100%;color:var(--vt-c-white)}.image-title[data-v-e24f295c]{font-size:1.5rem}.image-description[data-v-e24f295c]{font-size:1rem}.image[data-v-e24f295c]{width:100%;height:auto;max-height:512px;border-radius:8px;object-fit:cover;overflow:hidden}.image-caption[data-v-e24f295c]{font-size:.9rem;color:var(--color-text);text-align:center}.loading[data-v-e24f295c]{text-align:center;padding:1rem;color:var(--color-secondary)}.sidebar[data-v-4d9a26af]{width:250px;padding:20px;background:var(--vt-c-white-transparent);border-radius:8px;box-shadow:var(--shadow-sm)}.user-profile[data-v-4d9a26af]{text-align:center;margin-bottom:20px}.avatar[data-v-4d9a26af]{width:100px;height:100px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border)}.avatar img[data-v-4d9a26af]{width:100%;height:100%;object-fit:cover}.username[data-v-4d9a26af]{font-size:1.2rem;color:var(--color-heading);margin:10px 0}.weather-widget[data-v-4d9a26af]{padding:15px;background:var(--vt-c-black-transparent);border-radius:6px}.weather-widget h3[data-v-4d9a26af]{margin-bottom:10px;color:var(--color-heading)}.weather-item[data-v-4d9a26af]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.weather-update-time[data-v-4d9a26af]{margin-top:12px;font-size:.8rem;color:var(--color-text-light);text-align:right}.weather-content[data-v-4d9a26af]{background:var(--color-background-soft);padding:12px;border-radius:4px}.home-container[data-v-216f4702]{width:100%;margin:0 auto;padding:.5rem;display:flex;flex-direction:row;align-items:top;gap:1rem}@media (max-width: 1280px){.home-container[data-v-216f4702]{flex-direction:column}.home-container .text-post-area[data-v-216f4702],.home-container .image-post-area[data-v-216f4702]{width:100%}}.text-post-area[data-v-216f4702]{width:70%;max-height:100%;gap:.5rem}.image-post-area[data-v-216f4702]{width:30%;border:5px solid rgba(0,0,0,.623);border-radius:8px}.welcome-message[data-v-216f4702]{margin-bottom:2rem;line-height:1.6}.post-list[data-v-216f4702]{display:flex;flex-direction:column;gap:1.5rem}.loading-container[data-v-216f4702],.pagination-container[data-v-216f4702]{display:flex;justify-content:center;margin-top:2rem}.error-message[data-v-216f4702]{color:var(--color-error)}.loading[data-v-216f4702]{color:var(--color-secondary)}.no-content[data-v-216f4702]{color:var(--color-secondary);text-align:center;margin-top:2rem}.post-item[data-v-216f4702]{padding:1.5rem}.post-detail[data-v-2432216e]{width:100%;margin:2rem auto;padding:2rem;background:var(--color-background);border-radius:8px;box-shadow:0 2px 12px #0000001a}.back-link[data-v-2432216e]{color:var(--color-primary);margin-bottom:1rem;display:inline-block}.title[data-v-2432216e]{font-size:2rem;margin-bottom:1rem}.meta[data-v-2432216e]{color:var(--color-secondary);margin-bottom:2rem;font-size:.9rem}.content[data-v-2432216e]{line-height:1.8;white-space:pre-wrap;font-size:1.4rem}.actions[data-v-2432216e]{margin-top:1rem}button[data-v-2432216e]{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:.5rem}button[data-v-2432216e]:disabled{background-color:#ccc;cursor:not-allowed}.auth-form[data-v-299ee3d0]{display:flex;flex-direction:column;gap:1.2rem}.form-group[data-v-299ee3d0]{display:flex;flex-direction:column;gap:.5rem}label[data-v-299ee3d0]{font-size:.9rem;color:var(--color-text)}input[data-v-299ee3d0]{padding:.8rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);color:var(--color-text);transition:border-color .2s}input[data-v-299ee3d0]:focus{outline:none;border-color:var(--color-primary)}.submit-button[data-v-299ee3d0]{padding:.8rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.submit-button[data-v-299ee3d0]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-299ee3d0]{color:var(--color-error);padding:.8rem;background:color-mix(in srgb,var(--color-error) 10%,transparent);border-radius:4px;text-align:center}.login-container[data-v-bc66f845]{max-width:400px;margin:2rem auto;padding:2rem;background:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 8px #0000001a}.auth-title[data-v-bc66f845]{text-align:center;margin-bottom:1.5rem;color:var(--color-heading)}.auth-footer[data-v-bc66f845]{margin-top:1.5rem;text-align:center}.auth-link[data-v-bc66f845]{color:var(--color-primary);text-decoration:none;font-size:.9rem;transition:opacity .2s}.auth-link[data-v-bc66f845]:hover{opacity:.8}.create-post[data-v-df6de77a]{max-width:600px;margin:2rem auto;padding:2rem;background:var(--color-background);border-radius:8px;box-shadow:0 2px 12px #0000001a}.form-group[data-v-df6de77a]{margin-bottom:1rem}label[data-v-df6de77a]{display:block;margin-bottom:.5rem;font-weight:700}input[data-v-df6de77a],textarea[data-v-df6de77a]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}button[data-v-df6de77a]{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button[data-v-df6de77a]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-df6de77a]{color:red;margin-top:1rem}.edit-post[data-v-218aac00]{max-width:600px;margin:2rem auto;padding:2rem;background:var(--color-background);border-radius:8px;box-shadow:0 2px 12px #0000001a}.form-group[data-v-218aac00]{margin-bottom:1rem}label[data-v-218aac00]{display:block;margin-bottom:.5rem;font-weight:700}input[data-v-218aac00],textarea[data-v-218aac00]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}button[data-v-218aac00]{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button[data-v-218aac00]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-218aac00]{color:red;margin-top:1rem}.image-post-form[data-v-c16f1e53]{max-width:600px;margin:2rem auto;padding:2rem;background:var(--color-background);border-radius:8px;box-shadow:0 2px 12px #0000001a}.form-group[data-v-c16f1e53]{margin-bottom:1.5rem}label[data-v-c16f1e53]{display:block;margin-bottom:.5rem;font-weight:700}input[type=text][data-v-c16f1e53],textarea[data-v-c16f1e53]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.image-preview[data-v-c16f1e53]{margin-top:1rem;max-width:300px}.image-preview img[data-v-c16f1e53]{width:100%;height:auto;border-radius:4px}button[data-v-c16f1e53]{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button[data-v-c16f1e53]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-c16f1e53]{color:red;margin-top:1rem}.image-card[data-v-15988dae]{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;box-shadow:var(--shadow-sm);transition:all .3 ease}.image-card[data-v-15988dae]:hover{transform:translateY(-8px) scale(1.05)}.image-preview[data-v-15988dae]{width:100%;height:100%;object-fit:cover}.image-info[data-v-15988dae]{position:absolute;bottom:-100%;left:0;width:100%;padding:1rem;background:var(--color-overlay);color:#fff;transition:bottom .3s ease}.image-card:hover .image-info[data-v-15988dae]{bottom:0}.title[data-v-15988dae]{font-size:1.2rem;margin-bottom:.5rem}.description[data-v-15988dae]{font-size:.875rem;line-height:1.5;opacity:.9}.image-wall[data-v-7c8bc6e4]{max-width:2560px;margin:2rem auto;padding:2rem}.image-grid[data-v-7c8bc6e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;align-items:start}@media (max-width: 768px){.image-grid[data-v-7c8bc6e4]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}}.loading[data-v-7c8bc6e4]{text-align:center;color:var(--color-secondary)}.error[data-v-7c8bc6e4]{color:red;text-align:center}.load-more-container[data-v-7c8bc6e4]{text-align:center;margin-top:2rem}.load-more-button[data-v-7c8bc6e4]{min-width:120px;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.load-more-button[data-v-7c8bc6e4]:hover:not(:disabled){background-color:var(--color-primary-hover)}.load-more-button[data-v-7c8bc6e4]:disabled{background-color:#ccc;cursor:not-allowed}.no-more-images[data-v-7c8bc6e4]{color:var(--color-secondary);font-size:1rem}