body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background-color:#f4f6f9;color:#333;-webkit-font-smoothing:antialiased}#app-container{min-height:100vh}.main-content{max-width:1280px;margin:20px auto;padding:0 20px}.glass-nav{position:sticky;top:0;z-index:1000;width:100%;height:64px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 30px #00000008}.nav-content{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.logo{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;font-style:italic;color:#2c3e50;cursor:pointer;letter-spacing:-1px}.nav-links{display:flex;gap:24px}.nav-links a{text-decoration:none;color:#57606f;font-size:.95rem;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .3s ease}.nav-links a:hover,.nav-links a.router-link-active{color:#3498db;background:#3498db1a}.nav-actions{display:flex;align-items:center;gap:15px}.search-box{display:flex;align-items:center;background:#0000000a;border-radius:20px;padding:5px 12px;transition:all .3s}.search-box:focus-within{background:#fff;box-shadow:0 0 0 2px #3498db33}.search-box input{border:none;background:transparent;outline:none;font-size:.9rem;width:100px;color:#333}.search-box button{background:none;border:none;cursor:pointer;opacity:.5;font-size:.9rem}.search-box button:hover{opacity:1}.social-icons{display:flex;align-items:center;gap:12px}.icon-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f1f2f6;border-radius:50%;color:#57606f;transition:all .2s ease}.icon-link:hover{background:#2d3748;color:#fff;transform:scale(1.1)}.bilibili-icon{color:#00a1d6;background:#e3f2fd}.bilibili-icon:hover{background:#00a1d6;color:#fff}.mobile-menu-btn,.mobile-menu-dropdown{display:none}@media(max-width:768px){.desktop-only{display:none!important}.logo{font-size:1.4rem}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;padding:5px;margin-left:10px}.mobile-menu-dropdown{display:flex;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05);padding:10px 0;position:fixed;top:64px;left:0;width:100%;box-shadow:0 10px 30px #0000001a;z-index:999;animation:slideDown .3s ease-out}.mobile-menu-dropdown a{text-decoration:none;color:#2c3e50;padding:16px 24px;border-bottom:1px solid #f5f5f5;font-weight:500;font-size:1rem;display:block}.mobile-menu-dropdown a:last-child{border-bottom:none}.mobile-menu-dropdown a:active{background:#f0f2f5;color:#3498db}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-grid[data-v-385500d8]{display:flex;flex-direction:column;gap:30px}.hero-section[data-v-385500d8]{margin-bottom:10px}.hero-card[data-v-385500d8]{position:relative;border-radius:16px;overflow:hidden;height:300px;box-shadow:0 10px 30px #0000001a}.hero-img[data-v-385500d8]{width:100%;height:100%;object-fit:cover}.hero-overlay[data-v-385500d8]{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:40px;color:#fff}.hero-content h1[data-v-385500d8]{margin:8px 0;font-size:2rem}.badge[data-v-385500d8]{background:#3498db;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem}.content-wrapper[data-v-385500d8]{display:grid;grid-template-columns:1fr 320px;gap:30px}.section-title[data-v-385500d8]{display:flex;align-items:center;margin-bottom:20px}.section-title h3[data-v-385500d8]{color:#2c3e50;margin:0 15px 0 0}.line[data-v-385500d8]{height:2px;background:#eee;flex:1}.post-card[data-v-385500d8]{display:flex;background:#fff;padding:15px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 10px #00000008;transition:all .3s;cursor:pointer;border:1px solid transparent}.post-card[data-v-385500d8]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.post-thumb[data-v-385500d8]{position:relative;width:200px;margin-right:20px;flex-shrink:0}.post-thumb img[data-v-385500d8]{width:100%;height:140px;object-fit:cover;border-radius:8px}.post-info[data-v-385500d8]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.post-info h4[data-v-385500d8]{margin:0 0 8px;font-size:1.15rem;color:#2c3e50}.summary[data-v-385500d8]{font-size:.9rem;color:#666;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.meta[data-v-385500d8]{display:flex;justify-content:space-between;color:#999;font-size:.85rem}.news-card[data-v-385500d8]{border-left:4px solid #3498db;background:#fcfcfc}.news-tag[data-v-385500d8]{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem}.read-more[data-v-385500d8]{color:#3498db;font-weight:500}.divider-text[data-v-385500d8]{text-align:center;margin:30px 0;color:#ccc;font-size:.9rem;position:relative}.divider-text[data-v-385500d8]:before,.divider-text[data-v-385500d8]:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#eee}.divider-text[data-v-385500d8]:before{left:0}.divider-text[data-v-385500d8]:after{right:0}.sidebar[data-v-385500d8]{display:flex;flex-direction:column;gap:24px}.sidebar-widget[data-v-385500d8]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000008}.profile-widget[data-v-385500d8]{text-align:center;padding-bottom:20px}.profile-bg[data-v-385500d8]{height:80px;background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.avatar-container[data-v-385500d8]{margin-top:-40px;margin-bottom:10px;display:flex;justify-content:center}.avatar img[data-v-385500d8]{width:80px;height:80px;border-radius:50%;border:4px solid white;box-shadow:0 4px 10px #0000001a}.username[data-v-385500d8]{margin:5px 0;color:#2c3e50}.info-rows[data-v-385500d8]{text-align:left;font-size:.9rem;margin:15px 20px}.row[data-v-385500d8]{margin-bottom:12px;display:flex;align-items:flex-start;line-height:1.5}.label[data-v-385500d8]{color:#7f8c8d;min-width:75px;flex-shrink:0;font-weight:600;white-space:nowrap}.val[data-v-385500d8]{color:#2c3e50;font-weight:500;word-break:break-word}.auth-buttons[data-v-385500d8]{margin-top:15px;display:flex;justify-content:center;gap:10px}.action-btn[data-v-385500d8]{border:none;padding:6px 18px;border-radius:20px;cursor:pointer;text-decoration:none;font-size:.9rem}.login-btn[data-v-385500d8]{background:#3498db;color:#fff}.register-btn[data-v-385500d8]{background:#f0f2f5;color:#555}.logout-btn[data-v-385500d8]{background:#ffebee;color:#ff5252;margin-top:10px}.guest-tip[data-v-385500d8]{color:#999;font-size:.9rem;margin-top:5px}.tech-widget[data-v-385500d8]{padding:20px}.tech-widget h4[data-v-385500d8]{margin:0 0 10px;color:#2c3e50;font-size:1rem}.tech-badges[data-v-385500d8]{display:flex;flex-wrap:wrap;gap:8px}.tech-badges img[data-v-385500d8]{height:26px;border-radius:4px;transition:transform .2s}.tech-badges img[data-v-385500d8]:hover{transform:scale(1.05)}.quote-widget[data-v-385500d8]{padding:20px;background:linear-gradient(135deg,#fff,#f7f9fc)}.widget-header[data-v-385500d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.widget-header h4[data-v-385500d8]{margin:0;font-size:1rem;color:#2c3e50}.refresh-icon[data-v-385500d8]{cursor:pointer;font-size:1.2rem;color:#a0aec0;transition:color .2s;-webkit-user-select:none;user-select:none;display:inline-block}.refresh-icon[data-v-385500d8]:hover{color:#3498db}.spinning[data-v-385500d8]{animation:spin-385500d8 .5s linear infinite;color:#3498db}.quote-content[data-v-385500d8]{cursor:pointer;padding:12px;border-left:4px solid #3498db;background:#3498db0d;border-radius:0 8px 8px 0;transition:all .3s}.quote-content[data-v-385500d8]:hover{background:#3498db1a;transform:translate(5px)}.quote-text[data-v-385500d8]{font-size:.95rem;color:#2c3e50;font-family:Georgia,serif;font-style:italic;line-height:1.6;margin:0 0 8px}.quote-from[data-v-385500d8]{text-align:right;font-size:.8rem;color:#7f8c8d;margin:0}@keyframes spin-385500d8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in[data-v-385500d8]{animation:fadeInUp-385500d8 .6s ease-out forwards;opacity:0;transform:translateY(20px)}.delay-1[data-v-385500d8]{animation-delay:.1s}.delay-2[data-v-385500d8]{animation-delay:.2s}@keyframes fadeInUp-385500d8{to{opacity:1;transform:translateY(0)}}.loading-state[data-v-385500d8],.empty-state[data-v-385500d8]{padding:40px;text-align:center;color:#999;background:#fff;border-radius:12px}@media(max-width:768px){.content-wrapper[data-v-385500d8]{grid-template-columns:1fr;gap:20px}.sidebar[data-v-385500d8]{order:-1;margin-bottom:20px}.post-card[data-v-385500d8]{flex-direction:column}.post-thumb[data-v-385500d8]{width:100%;margin:0 0 15px}.post-thumb img[data-v-385500d8]{height:160px}.hero-card[data-v-385500d8]{height:200px}.hero-content h1[data-v-385500d8]{font-size:1.5rem}.profile-widget[data-v-385500d8]{box-shadow:none;background:transparent}.profile-content[data-v-385500d8]{background:#fff;border-radius:0 0 12px 12px;padding-bottom:15px}.profile-bg[data-v-385500d8]{border-radius:12px 12px 0 0}}.login-container[data-v-13ffdc95]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f2f5;padding:20px}.login-card[data-v-13ffdc95]{display:flex;width:900px;height:550px;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000001a;overflow:hidden}.visual-side[data-v-13ffdc95]{flex:1;background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1000&auto=format&fit=crop);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff}.overlay[data-v-13ffdc95]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0003);z-index:1}.visual-content[data-v-13ffdc95]{position:relative;z-index:2}.visual-content h3[data-v-13ffdc95]{font-size:2.5rem;margin:0;font-weight:700}.glass-quote[data-v-13ffdc95]{margin-top:20px;padding:15px;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:3px solid #3498db;font-style:italic;color:#e0e0e0}.form-side[data-v-13ffdc95]{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}.form-header h2[data-v-13ffdc95]{font-size:2rem;color:#2c3e50;margin:0 0 10px}.sub-text[data-v-13ffdc95]{color:#95a5a6;font-size:.95rem}.input-group[data-v-13ffdc95]{margin-bottom:20px}.input-group label[data-v-13ffdc95]{display:block;margin-bottom:8px;font-weight:600;color:#34495e}.input-wrapper[data-v-13ffdc95]{position:relative}.input-wrapper .icon[data-v-13ffdc95]{position:absolute;left:15px;top:12px;color:#bdc3c7}.input-wrapper input[data-v-13ffdc95]{width:85%;padding:12px 15px 12px 45px;background:#f7f9fc;border:2px solid transparent;border-radius:10px;font-size:1rem;outline:none;transition:all .3s}.input-wrapper input[data-v-13ffdc95]:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a}.login-btn[data-v-13ffdc95]{width:100%;padding:14px;margin-top:10px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}.login-btn[data-v-13ffdc95]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}.login-btn[data-v-13ffdc95]:disabled{background:#bdc3c7;cursor:not-allowed}.form-footer[data-v-13ffdc95]{margin-top:20px;text-align:center;color:#7f8c8d;font-size:.9rem}.register-link[data-v-13ffdc95]{color:#3498db;text-decoration:none;font-weight:600;margin-left:5px}.register-link[data-v-13ffdc95]:hover{text-decoration:underline}@media(max-width:768px){.login-card[data-v-13ffdc95]{flex-direction:column;width:100%;height:auto}.visual-side[data-v-13ffdc95]{height:150px;padding:20px}.visual-content p[data-v-13ffdc95],.glass-quote[data-v-13ffdc95]{display:none}.form-side[data-v-13ffdc95]{padding:30px 20px}}.fade-in-up[data-v-13ffdc95]{animation:fadeInUp-13ffdc95 .6s ease-out}@keyframes fadeInUp-13ffdc95{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post[data-v-be4daa63]{border:1px solid #ddd;margin:10px 0;padding:10px}.comments[data-v-be4daa63]{margin-left:20px;background:#f9f9f9;padding:5px}.blog-container[data-v-b05ede36]{min-height:100vh;background-color:#f0f2f5;padding-bottom:40px}.blog-header-bg[data-v-b05ede36]{height:120px;background:linear-gradient(120deg,#a5c5e5,#4ca1af);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:-30px}.header-content h2[data-v-b05ede36]{margin:0;font-size:1.8rem}.header-content p[data-v-b05ede36]{opacity:.8;margin-top:5px;font-size:.9rem}.content-wrapper[data-v-b05ede36]{max-width:1100px;margin:0 auto;display:flex;gap:24px;padding:0 20px;align-items:flex-start}.main-column[data-v-b05ede36]{flex:1;min-width:0}.sidebar[data-v-b05ede36]{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:80px}.article-card[data-v-b05ede36]{background:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d;border:1px solid #e8e8e8}.card-meta-top[data-v-b05ede36]{font-size:.85rem;color:#999;margin-bottom:12px}.category-tag[data-v-b05ede36]{color:#3498db;background:#e8f4fd;padding:2px 6px;border-radius:4px;font-size:.75rem}.divider[data-v-b05ede36]{margin:0 8px;color:#ddd}.article-title[data-v-b05ede36]{margin:0 0 16px;font-size:1.5rem;color:#2c3e50;font-weight:700;cursor:pointer;line-height:1.4}.article-title[data-v-b05ede36]:hover{color:#3498db}.article-cover[data-v-b05ede36]{margin-bottom:16px;border-radius:6px;overflow:hidden;max-height:300px;cursor:pointer}.article-cover img[data-v-b05ede36]{width:100%;height:100%;object-fit:cover}.article-summary[data-v-b05ede36]{font-size:1rem;color:#444;line-height:1.7;margin-bottom:20px;max-height:140px;overflow:hidden;position:relative;transition:max-height .5s ease}.article-summary[data-v-b05ede36]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,transparent,white);pointer-events:none;transition:opacity .3s}.article-summary.expanded[data-v-b05ede36]{max-height:none}.article-summary.expanded[data-v-b05ede36]:after{opacity:0}.card-footer[data-v-b05ede36]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.read-more[data-v-b05ede36]{font-size:.9rem;color:#3498db;cursor:pointer;font-weight:500;display:flex;align-items:center}.arrow[data-v-b05ede36]{margin-left:5px;transition:transform .3s;font-size:1.2rem;line-height:1}.arrow.rotated[data-v-b05ede36]{transform:rotate(90deg)}.interactions[data-v-b05ede36]{display:flex;gap:15px}.action-btn[data-v-b05ede36]{background:none;border:none;cursor:pointer;color:#8c8c8c;font-size:.9rem;display:flex;align-items:center;gap:5px}.action-btn[data-v-b05ede36]:hover{color:#3498db}.liked[data-v-b05ede36]{color:#ff4d4f}.sidebar-card[data-v-b05ede36]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d;border:1px solid #e8e8e8}.widget-title[data-v-b05ede36]{font-size:1rem;font-weight:600;color:#2c3e50;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:15px}.recent-list[data-v-b05ede36]{list-style:none;padding:0;margin:0}.recent-list li[data-v-b05ede36]{margin-bottom:12px;cursor:pointer}.recent-title[data-v-b05ede36]{font-size:.9rem;color:#555;transition:color .2s}.recent-title[data-v-b05ede36]:hover{color:#3498db}.recent-date[data-v-b05ede36]{font-size:.75rem;color:#999;margin-top:2px}.sidebar-input[data-v-b05ede36]{width:100%;border:1px solid #ddd;padding:8px;border-radius:4px;margin-bottom:10px;box-sizing:border-box}.sidebar-btn[data-v-b05ede36]{width:100%;background:#3498db;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.comment-box[data-v-b05ede36]{background:#fafafa;padding:15px;margin-top:15px;border-radius:6px}.c-item[data-v-b05ede36]{font-size:.9rem;margin-bottom:5px;border-bottom:1px dashed #eee;padding-bottom:5px}.c-user[data-v-b05ede36]{font-weight:700;color:#555}.c-input-group.logged-in[data-v-b05ede36]{display:flex;align-items:center;gap:10px}.my-avatar-small[data-v-b05ede36]{width:32px;height:32px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.c-input-flex[data-v-b05ede36]{flex:1;border:1px solid #ddd;padding:10px;border-radius:6px}.c-btn[data-v-b05ede36]{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.c-login-prompt[data-v-b05ede36]{text-align:center;padding:20px;background:#fdfdfd;border-radius:6px;color:#888}.c-login-prompt a[data-v-b05ede36]{color:#3498db;font-weight:700;text-decoration:none}.loading-card[data-v-b05ede36],.empty-card[data-v-b05ede36]{text-align:center;padding:40px;color:#999;background:#fff;border-radius:8px}.fade-in[data-v-b05ede36]{animation:fadeIn-b05ede36 .5s ease-out}@keyframes fadeIn-b05ede36{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.markdown-body[data-v-b05ede36] img{max-width:100%;border-radius:4px}.markdown-body[data-v-b05ede36] pre{background:#282c34;color:#abb2bf;padding:15px;border-radius:6px;overflow-x:auto}@media(max-width:768px){.content-wrapper[data-v-b05ede36]{flex-direction:column}.main-column[data-v-b05ede36]{width:100%;order:1}.sidebar[data-v-b05ede36]{width:100%;order:2;position:static}.article-card[data-v-b05ede36]{padding:15px}.article-title[data-v-b05ede36]{font-size:1.3rem}.comment-box[data-v-b05ede36]{padding:10px;margin:15px -15px 0;border-radius:0}.c-input-group.logged-in[data-v-b05ede36]{gap:8px}.my-avatar-small[data-v-b05ede36]{width:28px;height:28px;font-size:.9rem}.c-input-flex[data-v-b05ede36]{padding:8px;font-size:.9rem}.c-btn[data-v-b05ede36]{padding:8px 12px;font-size:.9rem}}.login-container[data-v-01e8fc18]{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:#f0f2f5;padding:20px}.login-card[data-v-01e8fc18]{display:flex;width:900px;height:550px;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000001a;overflow:hidden}.visual-side[data-v-01e8fc18]{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff;background-size:cover;background-position:center}.register-bg[data-v-01e8fc18]{background-image:url(https://images.unsplash.com/photo-1518609878373-06d740f60d8b?q=80&w=1000&auto=format&fit=crop)}.overlay[data-v-01e8fc18]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0003);z-index:1}.visual-content[data-v-01e8fc18]{position:relative;z-index:2}.visual-content h3[data-v-01e8fc18]{font-size:2.5rem;margin:0}.form-side[data-v-01e8fc18]{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}.form-header[data-v-01e8fc18]{margin-bottom:30px}.form-header h2[data-v-01e8fc18]{font-size:2rem;color:#2c3e50;margin:0 0 10px}.sub-text[data-v-01e8fc18]{color:#95a5a6}.input-group[data-v-01e8fc18]{margin-bottom:20px}.input-group label[data-v-01e8fc18]{display:block;margin-bottom:8px;font-weight:600;color:#34495e}.input-wrapper[data-v-01e8fc18]{position:relative}.input-wrapper .icon[data-v-01e8fc18]{position:absolute;left:15px;top:12px;color:#bdc3c7}.input-wrapper input[data-v-01e8fc18]{width:85%;padding:12px 15px 12px 45px;background:#f7f9fc;border:2px solid transparent;border-radius:10px;outline:none;transition:all .3s}.input-wrapper input[data-v-01e8fc18]:focus{background:#fff;border-color:#3498db}.login-btn[data-v-01e8fc18]{width:100%;padding:14px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;margin-top:10px}.login-btn[data-v-01e8fc18]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}.form-footer[data-v-01e8fc18]{margin-top:20px;text-align:center;font-size:.9rem;color:#7f8c8d}.register-link[data-v-01e8fc18]{color:#3498db;text-decoration:none;font-weight:600;margin-left:5px}@media(max-width:768px){.login-card[data-v-01e8fc18]{flex-direction:column;height:auto}.visual-side[data-v-01e8fc18]{height:150px}}.fade-in-up[data-v-01e8fc18]{animation:fadeInUp-01e8fc18 .6s ease-out}@keyframes fadeInUp-01e8fc18{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.life-container[data-v-bf797c06]{min-height:100vh;padding:40px 20px;background-color:#f7f9fc;position:relative;overflow:hidden;color:#2d3748}.bg-shape[data-v-bf797c06]{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.4}.shape-1[data-v-bf797c06]{top:-100px;left:-100px;width:600px;height:600px;background:#e2e8f0}.shape-2[data-v-bf797c06]{bottom:-100px;right:-100px;width:500px;height:500px;background:#dbeafe}.content-layer[data-v-bf797c06]{position:relative;z-index:1;max-width:1200px;margin:0 auto}.header-row[data-v-bf797c06]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:20px}.header-text h1[data-v-bf797c06]{font-family:Georgia,serif;font-size:2rem;color:#1a202c;margin:0}.header-text p[data-v-bf797c06]{color:#718096;font-size:.9rem;margin:5px 0 0}.btn-record[data-v-bf797c06]{background:linear-gradient(135deg,#63b3ed,#4299e1);color:#fff;border:none;padding:10px 20px;border-radius:50px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4299e166;transition:transform .2s;display:flex;align-items:center;gap:6px}.btn-record[data-v-bf797c06]:hover{transform:translateY(-2px)}.modal-overlay[data-v-bf797c06]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center}.glass-panel[data-v-bf797c06]{background:#fffffff2;padding:30px;border-radius:20px;width:90%;max-width:500px;display:flex;flex-direction:column;gap:15px;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-bf797c06]{display:flex;justify-content:space-between}.close-btn[data-v-bf797c06]{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#a0aec0;line-height:1}.hidden-input[data-v-bf797c06]{display:none}.custom-file-label[data-v-bf797c06]{border:2px dashed #cbd5e0;padding:20px;text-align:center;border-radius:8px;cursor:pointer;background:#f8fafc}.minimal-input[data-v-bf797c06]{border:1px solid #ddd;padding:10px;border-radius:8px;font-family:inherit;resize:vertical}.btn-primary[data-v-bf797c06]{background:#2d3748;color:#fff;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.grid-layout[data-v-bf797c06]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.card-inner[data-v-bf797c06]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000008;border:1px solid #f1f1f1;transition:transform .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.card-inner[data-v-bf797c06]:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.img-box-list[data-v-bf797c06]{width:100%;height:200px;position:relative;overflow:hidden}.img-box-list img[data-v-bf797c06]{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card-inner:hover .img-box-list img[data-v-bf797c06]{transform:scale(1.05)}.overlay-hover[data-v-bf797c06]{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.overlay-hover span[data-v-bf797c06]{color:#fff;border:1px solid white;padding:6px 12px;border-radius:20px;font-size:.8rem}.card-inner:hover .overlay-hover[data-v-bf797c06]{opacity:1}.content-compact[data-v-bf797c06]{padding:15px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.text-fixed-height[data-v-bf797c06]{font-size:.9rem;color:#4a5568;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.2em}.meta-compact[data-v-bf797c06]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#a0aec0}.i-group[data-v-bf797c06]{display:flex;align-items:center;gap:4px;transition:color .2s}.heart-btn[data-v-bf797c06]:hover{color:#e53e3e}.liked[data-v-bf797c06]{color:#e53e3e!important;font-weight:700;animation:pulse-bf797c06 .3s}.detail-card[data-v-bf797c06]{width:900px;max-width:95%;height:85vh;background:#fff;border-radius:16px;overflow:hidden;display:flex}.detail-left[data-v-bf797c06]{flex:1.5;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-left img[data-v-bf797c06]{max-width:100%;max-height:100%;object-fit:contain}.detail-right[data-v-bf797c06]{flex:1;display:flex;flex-direction:column;border-left:1px solid #f0f0f0;min-width:320px}.detail-header[data-v-bf797c06]{padding:15px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.avatar-circle[data-v-bf797c06]{width:32px;height:32px;background:#3498db;color:#fff;border-radius:50%;text-align:center;line-height:32px}.close-btn-detail[data-v-bf797c06]{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer}.detail-scroll-area[data-v-bf797c06]{flex:1;overflow-y:auto;padding:20px}.detail-footer[data-v-bf797c06]{padding:15px 20px;border-top:1px solid #f0f0f0;background:#fff}.action-bar[data-v-bf797c06]{margin-bottom:10px}.act-btn[data-v-bf797c06]{background:none;border:none;font-size:1.2rem;cursor:pointer;display:flex;gap:6px;align-items:center}.heart-icon[data-v-bf797c06]{transition:transform .2s;display:inline-block}.input-zone[data-v-bf797c06]{display:flex;gap:8px}.input-nick[data-v-bf797c06]{width:60px;padding:8px;border:1px solid #ddd;border-radius:6px;text-align:center}.input-content[data-v-bf797c06]{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}.btn-send[data-v-bf797c06]{background:#3498db;color:#fff;border:none;padding:0 15px;border-radius:6px;cursor:pointer}.comment-row[data-v-bf797c06]{display:flex;gap:10px;margin-bottom:15px}.c-avatar[data-v-bf797c06]{width:28px;height:28px;background:#eee;border-radius:50%;text-align:center;line-height:28px;font-size:.8rem;flex-shrink:0}.c-name[data-v-bf797c06]{font-weight:600;font-size:.85rem;margin-right:5px}.c-text[data-v-bf797c06]{font-size:.9rem;margin:0}.empty-state[data-v-bf797c06]{text-align:center;color:#a0aec0;padding:60px;font-size:.9rem}.empty-icon[data-v-bf797c06]{font-size:3rem;margin-bottom:10px;opacity:.5}.fade-in[data-v-bf797c06]{animation:fadeIn-bf797c06 .6s ease-out}.zoom-enter-active[data-v-bf797c06],.zoom-leave-active[data-v-bf797c06]{transition:opacity .3s,transform .3s}.zoom-enter-from[data-v-bf797c06],.zoom-leave-to[data-v-bf797c06]{opacity:0;transform:scale(.95)}@keyframes fadeIn-bf797c06{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-bf797c06{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media(max-width:768px){.grid-layout[data-v-bf797c06]{grid-template-columns:1fr;gap:20px}.upload-modal[data-v-bf797c06]{margin:20px;width:auto;max-height:80vh;overflow-y:auto}.detail-card[data-v-bf797c06]{position:fixed;top:0;left:0;width:100%;height:100%;border-radius:0;z-index:100000;flex-direction:column}.detail-left[data-v-bf797c06]{flex:none;height:40vh;width:100%;background:#000}.detail-right[data-v-bf797c06]{flex:1;width:100%;border-left:none;overflow:hidden}.detail-scroll-area[data-v-bf797c06]{padding-bottom:100px}.detail-footer[data-v-bf797c06]{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;padding:12px 15px;padding-bottom:calc(15px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #00000014;z-index:100001;display:flex;flex-direction:column;gap:8px}.action-bar[data-v-bf797c06]{margin-bottom:0;display:flex;align-items:center}.input-zone[data-v-bf797c06]{display:flex;width:100%;gap:8px}.input-nick[data-v-bf797c06]{width:50px!important;padding:0 5px;text-align:center;flex-shrink:0}.input-content[data-v-bf797c06]{flex:1;min-width:0}.btn-send[data-v-bf797c06]{flex-shrink:0;white-space:nowrap}.close-btn-detail[data-v-bf797c06]{font-size:2rem;padding:10px;line-height:.5}}.guestbook-container[data-v-2031cb09]{min-height:100vh;padding:20px 10px;background-color:#f7f7f7;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:20px 20px}.content-wrapper[data-v-2031cb09]{max-width:600px;margin:0 auto}.header[data-v-2031cb09]{text-align:center;margin-bottom:30px}.header h1[data-v-2031cb09]{font-size:1.8rem;color:#2c3e50;margin-bottom:8px}.header p[data-v-2031cb09]{color:#7f8c8d;font-size:.95rem;line-height:1.6;max-width:90%;margin:0 auto}.form-card[data-v-2031cb09]{margin-bottom:30px}.login-prompt[data-v-2031cb09]{text-align:center}.login-link[data-v-2031cb09]{display:inline-flex;align-items:center;gap:8px;background:#2c3e50;color:#fff;padding:10px 20px;border-radius:50px;text-decoration:none;font-weight:600;box-shadow:0 4px 15px #2c3e5033}.input-row[data-v-2031cb09]{display:flex;align-items:center;gap:10px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 4px 20px #0000000d}.my-avatar[data-v-2031cb09]{width:32px;height:32px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.9rem}.content-input[data-v-2031cb09]{flex:1;border:none;outline:none;background:transparent;padding:8px;font-size:.95rem;min-width:0}.submit-btn[data-v-2031cb09]{background:#3498db;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:.9rem}.timeline[data-v-2031cb09]{display:flex;flex-direction:column}.message-item[data-v-2031cb09]{display:flex;gap:12px;position:relative;padding-left:25px;margin-bottom:15px}.message-item[data-v-2031cb09]:before{content:"";position:absolute;top:32px;left:15px;width:2px;height:calc(100% - 15px);background:#e2e8f0}.message-item[data-v-2031cb09]:last-child:before{display:none}.avatar[data-v-2031cb09]{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;border:2px solid #f7f7f7;z-index:1;font-size:.9rem}.message-body[data-v-2031cb09]{flex:1}.msg-header[data-v-2031cb09]{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.msg-name[data-v-2031cb09]{font-weight:600;color:#2c3e50;font-size:.9rem}.msg-time[data-v-2031cb09]{font-size:.75rem;color:#a0aec0}.msg-content p[data-v-2031cb09]{margin:0;line-height:1.6;color:#4a5568;word-break:break-word}.empty-state[data-v-2031cb09]{text-align:center;color:#ccc;padding:40px}.fade-in[data-v-2031cb09]{animation:fadeIn-2031cb09 .5s ease-out}.delay-1[data-v-2031cb09]{animation-delay:.2s}.delay-2[data-v-2031cb09]{animation-delay:.4s}@keyframes fadeIn-2031cb09{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}