:root{--bg-color: #F9F7F2;--card-bg: #FFFFFF;--accent-color: #D9A7A7;--text-primary: #544e4e;--text-secondary: #9e9e9e;--spacing-unit: 20px;--max-width: 900px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Optima,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:opacity .3s}a:hover{opacity:.7}.app-container{max-width:var(--max-width);margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;border-radius:4px;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#e0dcd5;border-radius:3px}.modal-overlay[data-v-d1ea6d50]{position:fixed;top:0;left:0;width:100%;height:100%;background:#544e4e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-d1ea6d50 .3s ease}.modal-card[data-v-d1ea6d50]{background:#fff;width:400px;padding:35px 40px;border-radius:20px;box-shadow:0 10px 40px #0000001a;position:relative;max-height:90vh;overflow-y:auto;animation:slideUp-d1ea6d50 .3s cubic-bezier(.18,.89,.32,1.28)}.close-btn[data-v-d1ea6d50]{position:absolute;top:15px;right:20px;background:none;border:none;font-size:1.5rem;color:#ccc;cursor:pointer}.close-btn[data-v-d1ea6d50]:hover{color:#544e4e}.header[data-v-d1ea6d50]{text-align:center;margin-bottom:25px}.header h2[data-v-d1ea6d50]{font-size:1.8rem;color:#544e4e;font-family:Georgia,serif;margin-bottom:5px}.subtitle[data-v-d1ea6d50]{font-size:.9rem;color:#9e9e9e}.input-group[data-v-d1ea6d50]{margin-bottom:15px;text-align:left}.input-group label[data-v-d1ea6d50]{display:block;font-size:.75rem;color:#9e9e9e;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.input-group input[data-v-d1ea6d50]{width:100%;padding:10px 12px;border:1px solid #eee;border-radius:8px;font-size:.95rem;background-color:#f9f7f2;color:#544e4e;transition:all .3s;outline:none}.input-group input[data-v-d1ea6d50]:focus{border-color:#d9a7a7;background-color:#fff;box-shadow:0 0 0 3px #d9a7a71a}.slide-in[data-v-d1ea6d50]{animation:slideDown-d1ea6d50 .3s ease}.submit-btn[data-v-d1ea6d50]{width:100%;padding:12px;background-color:#d9a7a7;color:#fff;border:none;border-radius:24px;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:10px}.submit-btn[data-v-d1ea6d50]:hover{background-color:#c49696;transform:translateY(-2px)}.submit-btn[data-v-d1ea6d50]:disabled{background-color:#eee;cursor:not-allowed}.footer[data-v-d1ea6d50]{margin-top:20px;text-align:center;font-size:.85rem;color:#9e9e9e}.footer a[data-v-d1ea6d50]{color:#d9a7a7;cursor:pointer;text-decoration:underline;margin-left:5px}@keyframes fadeIn-d1ea6d50{0%{opacity:0}to{opacity:1}}@keyframes slideUp-d1ea6d50{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown-d1ea6d50{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-container[data-v-5c5feff6]{max-width:900px;margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column}.top-nav[data-v-5c5feff6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;padding-top:10px;position:relative;z-index:1000}.logo[data-v-5c5feff6]{font-size:1.4rem;font-weight:700;color:#544e4e;font-family:Georgia,serif;z-index:1001}.nav-right[data-v-5c5feff6]{display:flex;align-items:center;gap:40px}.menu[data-v-5c5feff6]{display:flex;gap:25px}.menu a[data-v-5c5feff6]{font-size:.95rem;color:#9e9e9e;text-decoration:none;position:relative;font-weight:500;transition:color .3s}.menu a.active[data-v-5c5feff6],.menu a[data-v-5c5feff6]:hover{color:#544e4e}.write-btn[data-v-5c5feff6]{color:#d9a7a7!important;font-weight:700}.login-btn-solid[data-v-5c5feff6]{background-color:#d9a7a7;color:#fff;border:none;padding:8px 24px;border-radius:24px;font-size:.85rem;font-weight:600;cursor:pointer}.user-menu-container[data-v-5c5feff6]{position:relative}.user-profile[data-v-5c5feff6]{width:40px;height:40px;background-color:#544e4e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border:2px solid transparent;transition:.3s}.user-profile[data-v-5c5feff6]:hover{border-color:#d9a7a7}.avatar-img[data-v-5c5feff6]{width:100%;height:100%;object-fit:cover}.avatar-text[data-v-5c5feff6]{font-weight:700;font-size:1.1rem}.dropdown-menu[data-v-5c5feff6]{position:absolute;top:50px;right:0;width:150px;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:8px 0;z-index:100;border:1px solid #eee}.menu-item[data-v-5c5feff6]{padding:10px 15px;font-size:.9rem;color:#666;cursor:pointer;transition:.2s}.menu-item[data-v-5c5feff6]:hover{background:#f9f9f9;color:#333}.menu-item.logout[data-v-5c5feff6]{color:#ff6b6b;border-top:1px solid #eee}.profile-header[data-v-5c5feff6]{text-align:center;margin-bottom:80px}.avatar-placeholder[data-v-5c5feff6]{width:100px;height:100px;background-color:#f0f0f0;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#aaa;border:4px solid white;box-shadow:0 5px 15px #0000000d;overflow:hidden}.header-avatar-img[data-v-5c5feff6]{width:100%;height:100%;object-fit:cover}.intro h1[data-v-5c5feff6]{font-size:2rem;margin-bottom:10px;color:#544e4e}.intro p[data-v-5c5feff6]{color:#9e9e9e;font-style:italic;margin-bottom:15px}.social-links[data-v-5c5feff6]{font-size:.8rem;color:#d9a7a7;display:flex;gap:10px;justify-content:center}.site-footer[data-v-5c5feff6]{text-align:center;margin-top:auto;padding-top:40px;font-size:.8rem;color:#ccc}.hamburger-btn[data-v-5c5feff6]{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;z-index:1001}.hamburger-btn span[data-v-5c5feff6]{width:25px;height:3px;background-color:#544e4e;border-radius:2px;transition:.3s}@media(max-width:768px){.hamburger-btn[data-v-5c5feff6]{display:flex}.nav-right[data-v-5c5feff6]{position:absolute;top:60px;left:0;width:100%;background:#fff;flex-direction:column;padding:20px 0;box-shadow:0 10px 20px #0000000d;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.3s ease;border-radius:8px}.nav-right.mobile-open[data-v-5c5feff6]{transform:translateY(0);opacity:1;pointer-events:auto}.menu[data-v-5c5feff6]{flex-direction:column;gap:20px;width:100%;text-align:center}.auth-area[data-v-5c5feff6]{margin-top:20px}.dropdown-menu[data-v-5c5feff6]{right:50%;transform:translate(50%);top:45px}}.modal-overlay[data-v-5c5feff6]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-5c5feff6]{background:#fff;padding:30px;border-radius:12px;width:350px;text-align:center}.modal-content h2[data-v-5c5feff6]{color:#544e4e;margin-bottom:20px;font-size:1.2rem}.avatar-upload[data-v-5c5feff6]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;gap:10px}.preview-avatar[data-v-5c5feff6]{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #eee}.upload-btn-text[data-v-5c5feff6]{font-size:.85rem;color:#d9a7a7;cursor:pointer;font-weight:700}.input-group[data-v-5c5feff6]{text-align:left;margin-bottom:15px}.input-group label[data-v-5c5feff6]{display:block;font-size:.85rem;color:#999;margin-bottom:5px}.input-group input[data-v-5c5feff6]{width:100%;padding:8px;border:1px solid #eee;border-radius:6px;outline:none;box-sizing:border-box}.input-group input[data-v-5c5feff6]:focus{border-color:#d9a7a7}.save-btn[data-v-5c5feff6]{background:#d9a7a7;color:#fff;border:none;width:100%;padding:10px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:10px}.save-btn[data-v-5c5feff6]:hover{background:#c49696}.fade-enter-active[data-v-5c5feff6],.fade-leave-active[data-v-5c5feff6]{transition:opacity .3s ease}.fade-enter-from[data-v-5c5feff6],.fade-leave-to[data-v-5c5feff6]{opacity:0}.section-label[data-v-dd2e15da]{font-size:.75rem;letter-spacing:2px;color:#9e9e9e;margin-bottom:30px;border-bottom:1px solid #e0dcd5;padding-bottom:10px}.state-box[data-v-dd2e15da]{text-align:center;padding:80px 0;color:#9e9e9e;background:#ffffff80;border-radius:12px}.loading-spinner[data-v-dd2e15da]{font-size:2rem;margin-bottom:15px;animation:spin-dd2e15da 1s infinite linear}.state-box.error[data-v-dd2e15da]{color:#d9a7a7}.retry-btn[data-v-dd2e15da]{margin-top:15px;padding:6px 20px;background:#fff;border:1px solid #D9A7A7;color:#d9a7a7;border-radius:20px;cursor:pointer}.retry-btn[data-v-dd2e15da]:hover{background:#d9a7a7;color:#fff}@keyframes spin-dd2e15da{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-item[data-v-dd2e15da]{display:flex;margin-bottom:60px;gap:30px;cursor:pointer}.post-item:hover .post-content[data-v-dd2e15da]{transform:translateY(-5px);box-shadow:0 8px 30px #0000000f}.post-date[data-v-dd2e15da]{flex-shrink:0;text-align:right;width:60px;color:#d9a7a7}.post-date .day[data-v-dd2e15da]{display:block;font-size:1.8rem;font-weight:700;line-height:1}.post-date .month-year[data-v-dd2e15da]{font-size:.75rem;color:#9e9e9e}.post-content[data-v-dd2e15da]{flex-grow:1;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 20px #00000005;transition:transform .3s}.post-meta-top[data-v-dd2e15da]{font-size:.75rem;color:#9e9e9e;margin-bottom:10px;font-weight:700}.post-title[data-v-dd2e15da]{font-size:1.5rem;margin-bottom:15px;color:#544e4e}.post-summary[data-v-dd2e15da]{color:#666;margin-bottom:20px;font-size:.95rem}.post-cover[data-v-dd2e15da]{margin-bottom:20px;width:100%;height:220px;object-fit:cover;border-radius:6px}.card-footer[data-v-dd2e15da]{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f5f5f5;padding-top:15px}.read-btn[data-v-dd2e15da]{background:none;border:1px solid #D9A7A7;color:#d9a7a7;padding:6px 18px;border-radius:20px;font-size:.8rem;cursor:pointer}.meta-info[data-v-dd2e15da]{font-size:.8rem;color:#9e9e9e}@media(max-width:600px){.post-item[data-v-dd2e15da]{flex-direction:column;gap:10px}.post-date[data-v-dd2e15da]{text-align:left;width:100%;display:flex;align-items:baseline;gap:10px;margin-bottom:10px}}.res-container[data-v-55f171aa]{max-width:800px;margin:0 auto}.header-section[data-v-55f171aa]{text-align:center;margin-bottom:40px}.header-section h1[data-v-55f171aa]{font-family:Georgia,serif;color:#544e4e;margin-bottom:10px}.header-section p[data-v-55f171aa]{color:#9e9e9e}.upload-card[data-v-55f171aa]{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:40px;border:1px dashed #D9A7A7}.upload-card h3[data-v-55f171aa]{margin-bottom:15px;color:#544e4e;font-size:1rem}.form-row[data-v-55f171aa]{display:flex;gap:15px;margin-bottom:15px}.input-field[data-v-55f171aa]{flex:1;padding:10px;border:1px solid #eee;border-radius:6px;outline:none;background:#f9f7f2}.action-row[data-v-55f171aa]{align-items:center}.file-input[data-v-55f171aa]{flex:1}.size-badge[data-v-55f171aa]{font-size:.8rem;color:#d9a7a7;background:#fff0f0;padding:4px 8px;border-radius:4px}.submit-btn[data-v-55f171aa]{background:#d9a7a7;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;transition:.3s;font-weight:700}.submit-btn[data-v-55f171aa]:disabled{background:#eee;cursor:not-allowed}.res-card[data-v-55f171aa]{display:flex;align-items:center;background:#fff;padding:20px;border-radius:12px;margin-bottom:15px;box-shadow:0 2px 10px #00000005;transition:transform .2s}.res-card[data-v-55f171aa]:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000014}.icon-box[data-v-55f171aa]{font-size:2rem;margin-right:20px;background:#f9f7f2;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%}.res-info[data-v-55f171aa]{flex:1}.res-name[data-v-55f171aa]{font-weight:700;font-size:1.1rem;color:#544e4e;margin-bottom:5px}.res-desc[data-v-55f171aa]{color:#666;font-size:.9rem;margin-bottom:5px}.res-meta[data-v-55f171aa]{color:#aaa;font-size:.8rem}.download-btn[data-v-55f171aa]{background:#f9f7f2;color:#544e4e;border:none;padding:6px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:.2s}.download-btn[data-v-55f171aa]:hover{background:#d9a7a7;color:#fff}.delete-btn[data-v-55f171aa]{margin-left:10px;background:none;border:none;color:#ff6b6b;font-size:1.2rem;cursor:pointer;padding:0 10px}.empty-state[data-v-55f171aa]{text-align:center;color:#ccc;padding:40px}@media(max-width:600px){.form-row[data-v-55f171aa]{flex-direction:column}}.detail-container[data-v-e17564c9]{max-width:800px;margin:0 auto;background:#fff;box-shadow:0 4px 30px #0000000d;border-radius:12px;overflow:hidden}.hero-cover[data-v-e17564c9]{height:300px;background-size:cover;background-position:center}.article-content[data-v-e17564c9]{padding:40px}.meta[data-v-e17564c9]{display:flex;align-items:center;gap:15px;color:#9e9e9e;font-size:.9rem;margin-bottom:20px}.tag[data-v-e17564c9]{color:#d9a7a7;font-weight:700}.title[data-v-e17564c9]{font-size:2.5rem;margin-bottom:30px;color:#544e4e;line-height:1.2}.admin-controls[data-v-e17564c9]{margin-left:auto;display:flex;gap:10px}.edit-btn[data-v-e17564c9],.delete-btn[data-v-e17564c9]{border:none;background:none;cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:4px;transition:all .2s}.edit-btn[data-v-e17564c9]{color:#666;background:#f0f0f0}.delete-btn[data-v-e17564c9]{color:#fff;background:#ff6b6b}.edit-btn[data-v-e17564c9]:hover{background:#e0e0e0}.delete-btn[data-v-e17564c9]:hover{background:#ff5252}.content[data-v-e17564c9] img{max-width:100%;border-radius:8px;margin:20px 0;box-shadow:0 4px 12px #0000001a}.content[data-v-e17564c9] p{line-height:1.8;margin-bottom:20px;color:#444;font-size:1.1rem}.loading[data-v-e17564c9]{text-align:center;padding:50px;color:#999}.editor-container[data-v-0edca011]{max-width:1200px;margin:0 auto;height:calc(100vh - 100px);display:flex;flex-direction:column;gap:20px;position:relative}.loading-mask[data-v-0edca011]{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;color:#999}.toolbar[data-v-0edca011]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 2px 10px #00000008}.title-input[data-v-0edca011]{flex:1;font-size:1.5rem;border:none;outline:none;font-weight:700;color:#544e4e;background:transparent}.category-select[data-v-0edca011]{border:none;background:#f9f7f2;padding:8px 12px;border-radius:8px;color:#666;font-weight:700;outline:none;cursor:pointer;margin:0 15px}.actions[data-v-0edca011]{display:flex;gap:15px;align-items:center}.cover-input[data-v-0edca011]{border:1px solid #eee;padding:8px 12px;border-radius:6px;font-size:.85rem;width:200px;outline:none;transition:all .3s}.cover-input[data-v-0edca011]:focus{border-color:#d9a7a7}.icon-btn[data-v-0edca011]{background:#f9f7f2;border:1px solid #eee;padding:8px 15px;border-radius:8px;cursor:pointer;color:#666;transition:all .3s}.icon-btn[data-v-0edca011]:hover{background:#eee}.publish-btn[data-v-0edca011]{background:#d9a7a7;color:#fff;border:none;padding:8px 25px;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s}.publish-btn[data-v-0edca011]:hover{background:#c49696;transform:translateY(-2px)}.publish-btn[data-v-0edca011]:disabled{background:#ccc;cursor:not-allowed}.hidden-input[data-v-0edca011]{display:none}.main-area[data-v-0edca011]{flex:1;display:flex;gap:20px;overflow:hidden}.markdown-input[data-v-0edca011]{flex:1;border:none;resize:none;padding:20px;border-radius:12px;background:#fff;font-size:1rem;line-height:1.6;outline:none;box-shadow:0 2px 10px #00000008;font-family:Consolas,Monaco,monospace}.preview-output[data-v-0edca011]{flex:1;padding:20px;border-radius:12px;background:#fff;overflow-y:auto;box-shadow:0 2px 10px #00000008}.preview-output[data-v-0edca011] img{max-width:100%;border-radius:8px;margin:10px 0}.preview-output[data-v-0edca011] h1{font-size:1.8rem;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.preview-output[data-v-0edca011] h2{font-size:1.5rem;margin-top:20px;margin-bottom:15px}.preview-output[data-v-0edca011] p{margin-bottom:15px;line-height:1.8;color:#444}.preview-output[data-v-0edca011] blockquote{border-left:4px solid #D9A7A7;color:#888;background:#f9f7f2;padding:10px;border-radius:4px}.moments-container[data-v-9226b0dc]{max-width:800px;margin:0 auto;background:#fff;min-height:100vh}.moments-header[data-v-9226b0dc]{position:relative;margin-bottom:60px}.cover-image[data-v-9226b0dc]{height:260px;background-color:#544e4e;background-position:center;background-size:cover}.user-info[data-v-9226b0dc]{position:absolute;bottom:-30px;right:20px;display:flex;align-items:center;gap:15px}.username[data-v-9226b0dc]{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1.1rem;margin-bottom:20px}.avatar[data-v-9226b0dc]{width:70px;height:70px;background:#eee;border-radius:8px;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#555}.publish-card[data-v-9226b0dc]{margin:20px;padding:20px;border-radius:8px;background:#f9f9f9;box-shadow:0 2px 10px #0000000d}.publish-card textarea[data-v-9226b0dc]{width:100%;border:none;background:transparent;outline:none;resize:none;font-size:1rem;margin-bottom:10px}.preview-grid[data-v-9226b0dc]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.preview-item[data-v-9226b0dc]{position:relative;width:80px;height:80px}.preview-item img[data-v-9226b0dc]{width:100%;height:100%;object-fit:cover;border-radius:4px}.remove-btn[data-v-9226b0dc]{position:absolute;top:-5px;right:-5px;background:#00000080;color:#fff;width:18px;height:18px;border-radius:50%;text-align:center;line-height:16px;font-size:12px;cursor:pointer}.toolbar[data-v-9226b0dc]{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:10px}.image-btn[data-v-9226b0dc]{cursor:pointer;color:#544e4e;font-size:.9rem}.toolbar button[data-v-9226b0dc]{background:#07c160;color:#fff;border:none;padding:5px 15px;border-radius:4px;cursor:pointer}.toolbar button[data-v-9226b0dc]:disabled{background:#ccc}.feed-list[data-v-9226b0dc]{padding:0 20px 40px}.moment-item[data-v-9226b0dc]{display:flex;gap:15px;margin-bottom:30px;border-bottom:1px solid #f5f5f5;padding-bottom:20px}.moment-avatar[data-v-9226b0dc]{width:45px;height:45px;background:#f9f7f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#d9a7a7;flex-shrink:0}.moment-main[data-v-9226b0dc]{flex:1}.moment-name[data-v-9226b0dc]{color:#576b95;font-weight:700;margin-bottom:5px;font-size:1rem}.moment-text[data-v-9226b0dc]{color:#333;margin-bottom:10px;line-height:1.5;white-space:pre-wrap}.image-grid[data-v-9226b0dc]{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);max-width:300px}.image-grid .img-wrap[data-v-9226b0dc]{aspect-ratio:1;overflow:hidden;background:#eee}.image-grid img[data-v-9226b0dc]{width:100%;height:100%;object-fit:cover}.image-grid.grid-1[data-v-9226b0dc]{grid-template-columns:1fr;max-width:200px}.image-grid.grid-1 .img-wrap[data-v-9226b0dc]{aspect-ratio:auto}.image-grid.grid-4[data-v-9226b0dc]{grid-template-columns:repeat(2,1fr);max-width:200px}.moment-meta[data-v-9226b0dc]{margin-top:10px;font-size:.8rem;color:#aaa;display:flex;gap:10px}.delete-link[data-v-9226b0dc]{color:#576b95;cursor:pointer}.empty[data-v-9226b0dc]{text-align:center;padding:40px;color:#ccc}