.waterfall-wrapper[data-v-586e27e4]{width:100%;--theme-color: #4a90d9}.fade-enter-active[data-v-586e27e4],.fade-leave-active[data-v-586e27e4]{transition:opacity .4s ease}.fade-enter-from[data-v-586e27e4],.fade-leave-to[data-v-586e27e4]{opacity:0}.loading-container[data-v-586e27e4],.empty-container[data-v-586e27e4]{min-height:50vh}.skeleton-item[data-v-586e27e4]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-586e27e4 1.5s infinite;border-radius:12px;margin-bottom:16px;height:200px}@keyframes shimmer-586e27e4{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-container[data-v-586e27e4]{display:flex;align-items:center;justify-content:center}.empty-content[data-v-586e27e4]{text-align:center}.empty-icon[data-v-586e27e4]{font-size:64px;color:var(--text-light, #a0aec0);margin-bottom:16px}.empty-text[data-v-586e27e4]{color:var(--text-secondary, #718096);font-size:18px;margin:0 0 8px}.empty-hint[data-v-586e27e4]{color:var(--text-light, #a0aec0);font-size:14px;margin:0}.waterfall-container[data-v-586e27e4]{width:100%}.loading-grid[data-v-586e27e4],.waterfall-grid[data-v-586e27e4]{column-count:6;column-gap:16px}.waterfall-item[data-v-586e27e4]{break-inside:avoid;margin-bottom:16px;cursor:pointer}.item-image-wrapper[data-v-586e27e4]{position:relative;border-radius:12px;overflow:hidden;background:#f0f0f0}.item-image[data-v-586e27e4]{width:100%;display:block;transition:transform .4s ease}.item-overlay[data-v-586e27e4]{position:absolute;bottom:0;left:0;right:0;padding:40px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s ease}.item-title[data-v-586e27e4]{color:#fff;font-size:14px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waterfall-item:hover .item-image[data-v-586e27e4]{transform:scale(1.05)}.waterfall-item:hover .item-overlay[data-v-586e27e4]{opacity:1}.load-more[data-v-586e27e4]{display:flex;justify-content:center;margin-top:40px}.load-more-btn[data-v-586e27e4]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 40px;border:none;background:var(--theme-color, #4a90d9);color:#fff;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4a90d94d}.load-more-btn[data-v-586e27e4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90d966}.load-more-btn[data-v-586e27e4]:disabled,.load-more-btn.loading[data-v-586e27e4]{opacity:.7;cursor:not-allowed;transform:none}.btn-icon[data-v-586e27e4]{font-size:16px}.btn-icon.spinning[data-v-586e27e4]{animation:spin-586e27e4 .8s linear infinite}.no-more[data-v-586e27e4]{display:flex;justify-content:center;margin-top:30px;color:var(--text-light, #a0aec0);font-size:14px}@keyframes spin-586e27e4{to{transform:rotate(360deg)}}@media(max-width:1400px){.waterfall-grid[data-v-586e27e4],.loading-grid[data-v-586e27e4]{column-count:5}}@media(max-width:1024px){.waterfall-grid[data-v-586e27e4],.loading-grid[data-v-586e27e4]{column-count:4}}@media(max-width:768px){.waterfall-grid[data-v-586e27e4],.loading-grid[data-v-586e27e4]{column-count:3;column-gap:12px}.waterfall-item[data-v-586e27e4]{margin-bottom:12px}.item-overlay[data-v-586e27e4]{opacity:1;padding:30px 8px 8px}.item-title[data-v-586e27e4]{font-size:12px}}@media(max-width:512px){.waterfall-grid[data-v-586e27e4],.loading-grid[data-v-586e27e4]{column-count:2}}.list-enter-active[data-v-586e27e4]{transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay)}.list-leave-active[data-v-586e27e4]{transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;z-index:-1;opacity:0}.list-enter-from[data-v-586e27e4],.list-leave-to[data-v-586e27e4]{opacity:0;transform:translateY(30px)}.list-move[data-v-586e27e4]{transition:all .5s cubic-bezier(.16,1,.3,1)}.dialog-overlay[data-v-6d149f1a]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-container[data-v-6d149f1a]{position:relative;background:var(--bg-card, #fff);border-radius:16px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-color, rgba(0, 0, 0, .2));overflow:hidden}.dialog-close[data-v-6d149f1a]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.dialog-close[data-v-6d149f1a]:hover{background:#0000001a;transform:rotate(90deg)}.close-icon[data-v-6d149f1a]{font-size:20px;color:var(--text-secondary, #666)}.dialog-loading[data-v-6d149f1a],.dialog-error[data-v-6d149f1a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary, #718096)}.spinning[data-v-6d149f1a]{font-size:32px;animation:spin-6d149f1a 1s linear infinite}.error-icon[data-v-6d149f1a]{font-size:32px;color:#e54848}.dialog-content[data-v-6d149f1a]{flex:1;overflow-y:auto;padding:24px}.article-header[data-v-6d149f1a]{margin-bottom:20px;padding-right:40px}.article-title[data-v-6d149f1a]{font-size:22px;font-weight:600;color:var(--text-primary, #2d3748);margin:0 0 12px;line-height:1.4}.article-author[data-v-6d149f1a]{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer;transition:opacity .3s ease}.article-author[data-v-6d149f1a]:hover{opacity:.7}.author-avatar[data-v-6d149f1a]{width:32px;height:32px;border-radius:50%;object-fit:cover}.author-name[data-v-6d149f1a]{font-size:14px;color:var(--theme-color);font-weight:500}.article-stats[data-v-6d149f1a]{display:flex;gap:16px;margin-bottom:12px}.stat-item[data-v-6d149f1a]{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary, #718096)}.stat-icon[data-v-6d149f1a]{font-size:16px}.article-tags[data-v-6d149f1a]{display:flex;flex-wrap:wrap;gap:8px}.tag-item[data-v-6d149f1a]{padding:4px 12px;background:#4a90d91a;color:var(--theme-color);border-radius:12px;font-size:12px}.article-body[data-v-6d149f1a]{font-size:14px;line-height:1.8;color:var(--text-primary, #2d3748);word-break:break-word}.article-body[data-v-6d149f1a] .empty-content{color:var(--text-light, #a0aec0);text-align:center;padding:20px}.article-body[data-v-6d149f1a] .content-image{max-width:100%;height:auto;border-radius:8px;margin:12px 0;display:block}.article-body[data-v-6d149f1a] .content-image-wrapper{position:relative;display:inline-block;max-width:100%}.article-body[data-v-6d149f1a] .content-image-wrapper:hover .image-download-btn{opacity:1}.article-body[data-v-6d149f1a] .image-download-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#0009;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .3s ease,background .3s ease}.article-body[data-v-6d149f1a] .image-download-btn:hover{background:#000c}.dialog-footer[data-v-6d149f1a]{display:flex;justify-content:center;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-color, #eee)}.action-btn[data-v-6d149f1a]{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#4a90d91a;color:var(--theme-color)}.action-btn[data-v-6d149f1a]:hover{background:var(--theme-color);color:#fff}.btn-icon[data-v-6d149f1a]{font-size:16px}@keyframes spin-6d149f1a{to{transform:rotate(360deg)}}@media(max-width:640px){.dialog-overlay[data-v-6d149f1a]{padding:0;align-items:flex-end}.dialog-container[data-v-6d149f1a]{max-height:90vh;border-radius:16px 16px 0 0}.dialog-content[data-v-6d149f1a]{padding:20px}.article-title[data-v-6d149f1a]{font-size:18px}.dialog-footer[data-v-6d149f1a]{flex-direction:row;justify-content:center;padding:12px 16px 16px;gap:8px}.action-btn[data-v-6d149f1a]{flex:1;justify-content:center;padding:8px 12px;font-size:13px;border-radius:16px}.btn-icon[data-v-6d149f1a]{font-size:14px}}.dialog-overlay[data-v-e2262912]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-container[data-v-e2262912]{position:relative;background:var(--bg-card, #fff);border-radius:16px;width:100%;max-width:480px;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-color, rgba(0, 0, 0, .2));overflow:hidden}.dialog-close[data-v-e2262912]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.dialog-close[data-v-e2262912]:hover{background:#0000001a;transform:rotate(90deg)}.close-icon[data-v-e2262912]{font-size:20px;color:var(--text-secondary, #666)}.dialog-content[data-v-e2262912]{flex:1;padding:32px 24px 20px}.notice-header[data-v-e2262912]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.notice-icon-wrapper[data-v-e2262912]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #f59e0b4d}.notice-icon[data-v-e2262912]{font-size:32px;color:#fff}.notice-title[data-v-e2262912]{font-size:22px;font-weight:600;color:var(--text-primary, #2d3748);margin:0;text-align:center}.notice-body[data-v-e2262912]{display:flex;flex-direction:column;gap:16px}.notice-text[data-v-e2262912]{font-size:15px;line-height:1.7;color:var(--text-primary, #2d3748);margin:0;text-align:center}.notice-text strong[data-v-e2262912]{color:var(--theme-color)}.highlight-text[data-v-e2262912]{display:inline-block;padding:2px 8px;background:#4a90d91a;color:var(--theme-color);border-radius:4px;font-weight:500}.guide-section[data-v-e2262912]{margin-top:8px;padding:16px;background:var(--bg-secondary, #f8f9fc);border-radius:12px;border:1px solid var(--border-color, #eee)}.guide-title[data-v-e2262912]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary, #2d3748);margin-bottom:12px}.guide-icon[data-v-e2262912]{font-size:18px;color:#f59e0b}.guide-image-wrapper[data-v-e2262912]{width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #eee);position:relative}.guide-image[data-v-e2262912]{width:100%;height:auto;display:block}.zoom-btn[data-v-e2262912]{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border:none;background:#0009;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.guide-image-wrapper:hover .zoom-btn[data-v-e2262912]{opacity:1}.zoom-btn[data-v-e2262912]:hover{background:#000c;transform:scale(1.1)}.zoom-icon[data-v-e2262912]{font-size:18px;color:#fff}.guide-image-fallback[data-v-e2262912]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-light, #a0aec0)}.fallback-icon[data-v-e2262912]{font-size:48px}.guide-tip[data-v-e2262912]{font-size:13px;color:var(--text-secondary, #718096);margin:10px 0 0;text-align:center}.thanks-text[data-v-e2262912]{font-size:15px;color:var(--text-primary, #2d3748);margin:8px 0 0;text-align:center}.dialog-footer[data-v-e2262912]{display:flex;justify-content:center;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-color, #eee)}.cancel-btn[data-v-e2262912],.confirm-btn[data-v-e2262912]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-e2262912]{background:var(--bg-secondary, #f1f3f4);color:var(--text-secondary, #666)}.cancel-btn[data-v-e2262912]:hover{background:var(--border-color, #e2e4e6)}.confirm-btn[data-v-e2262912]{background:var(--theme-color);color:#fff;box-shadow:0 4px 12px #4a90d94d}.confirm-btn[data-v-e2262912]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90d966}.btn-icon[data-v-e2262912]{font-size:16px}@media(max-width:640px){.dialog-overlay[data-v-e2262912]{padding:0;align-items:flex-end}.dialog-container[data-v-e2262912]{max-height:90vh;border-radius:16px 16px 0 0}.dialog-content[data-v-e2262912]{padding:28px 20px 16px}.notice-header[data-v-e2262912]{margin-bottom:20px}.notice-icon-wrapper[data-v-e2262912]{width:56px;height:56px}.notice-icon[data-v-e2262912]{font-size:28px}.notice-title[data-v-e2262912]{font-size:20px}.notice-text[data-v-e2262912]{font-size:14px}.guide-section[data-v-e2262912]{padding:12px}.dialog-footer[data-v-e2262912]{flex-direction:row;justify-content:center;padding:12px 16px 16px;gap:10px}.cancel-btn[data-v-e2262912],.confirm-btn[data-v-e2262912]{flex:1;padding:10px 16px;font-size:14px}}.dialog-enter-active[data-v-e2262912],.dialog-leave-active[data-v-e2262912]{transition:opacity .3s ease}.dialog-enter-active .dialog-container[data-v-e2262912],.dialog-leave-active .dialog-container[data-v-e2262912]{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.dialog-enter-from[data-v-e2262912],.dialog-leave-to[data-v-e2262912]{opacity:0}.dialog-enter-from .dialog-container[data-v-e2262912],.dialog-leave-to .dialog-container[data-v-e2262912]{transform:scale(.9) translateY(20px)}.article-page[data-v-cc6c7504]{min-height:100vh;padding:100px 5% 60px;background:var(--bg-secondary, #f8f9fc);position:relative;overflow:hidden}.background-layer[data-v-cc6c7504]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.bg-circle[data-v-cc6c7504]{position:absolute;border-radius:50%;background-color:var(--theme-color);opacity:.1}.bg-circle.big[data-v-cc6c7504]{width:60vh;height:60vh;top:-10vh;right:-10vh}.bg-circle.small[data-v-cc6c7504]{width:40vh;height:40vh;bottom:-5vh;left:-5vh}.content-container[data-v-cc6c7504]{position:relative;z-index:1}.page-header[data-v-cc6c7504]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.header-main[data-v-cc6c7504]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-tools[data-v-cc6c7504]{display:flex;align-items:center;gap:12px}.page-title[data-v-cc6c7504]{font-size:32px;font-weight:700;color:var(--theme-color);margin:0}.search-box[data-v-cc6c7504]{display:flex;align-items:center;background:var(--bg-card, #fff);border-radius:24px;padding:10px 16px;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .06));transition:all .3s ease;border:2px solid transparent}.search-box.active[data-v-cc6c7504],.search-box[data-v-cc6c7504]:focus-within{border-color:var(--theme-color);box-shadow:0 4px 12px #4a90d926}.search-icon[data-v-cc6c7504]{font-size:18px;color:var(--text-secondary, #718096);margin-right:8px;transition:color .3s ease}.search-box.active .search-icon[data-v-cc6c7504],.search-box:focus-within .search-icon[data-v-cc6c7504]{color:var(--theme-color)}.search-box input[data-v-cc6c7504]{border:none;outline:none;font-size:14px;width:100px;transition:width .3s ease;color:var(--text-primary, #2d3748);background:transparent}.search-box input[data-v-cc6c7504]::placeholder{color:var(--text-light, #a0aec0)}.search-box.active input[data-v-cc6c7504]{width:140px}.sort-buttons[data-v-cc6c7504]{display:flex;gap:6px}.sort-btn[data-v-cc6c7504]{display:flex;align-items:center;gap:4px;padding:8px 12px;border:none;background:var(--bg-card, #fff);border-radius:16px;cursor:pointer;font-size:13px;color:var(--text-secondary, #718096);transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .06))}.sort-btn[data-v-cc6c7504]:hover{background:#4a90d91a;color:var(--theme-color)}.sort-btn.active[data-v-cc6c7504]{background:var(--theme-color);color:#fff;box-shadow:0 4px 12px #4a90d94d}.sort-icon[data-v-cc6c7504]{font-size:14px}.sort-text[data-v-cc6c7504]{font-weight:500}.publish-btn[data-v-cc6c7504]{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:var(--theme-color);color:#fff;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #4a90d94d}.publish-btn[data-v-cc6c7504]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90d966}.publish-icon[data-v-cc6c7504]{font-size:16px}.header-tags[data-v-cc6c7504]{display:flex;flex-wrap:wrap;gap:8px}.tag-btn[data-v-cc6c7504]{padding:6px 14px;border:none;background:#4a90d91a;color:var(--theme-color);border-radius:16px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.tag-btn[data-v-cc6c7504]:hover{background:var(--theme-color);color:#fff}@media(max-width:768px){.article-page[data-v-cc6c7504]{padding:90px 2% 40px}.page-header[data-v-cc6c7504]{gap:12px}.header-main[data-v-cc6c7504]{display:flex;flex-direction:column;gap:12px;width:100%}.page-title[data-v-cc6c7504]{font-size:24px}.header-tools[data-v-cc6c7504]{display:flex;flex-direction:column;gap:10px;width:100%}.search-box[data-v-cc6c7504],.search-box input[data-v-cc6c7504],.search-box.active input[data-v-cc6c7504]{width:100%}.sort-buttons[data-v-cc6c7504]{display:flex;justify-content:space-between;width:100%}.sort-btn[data-v-cc6c7504]{flex:1;justify-content:center;margin:0 4px}.sort-text[data-v-cc6c7504]{display:inline}.publish-btn[data-v-cc6c7504]{width:100%;justify-content:center}.publish-text[data-v-cc6c7504]{display:inline}.header-tags[data-v-cc6c7504]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.tag-btn[data-v-cc6c7504]{padding:6px 14px;font-size:13px}}.page-header[data-v-cc6c7504]{animation:slideDown-cc6c7504 .8s cubic-bezier(.16,1,.3,1) both}@keyframes slideDown-cc6c7504{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bg-circle[data-v-cc6c7504]{animation:float-cc6c7504 20s infinite ease-in-out}.bg-circle.small[data-v-cc6c7504]{animation-duration:15s;animation-direction:reverse}@keyframes float-cc6c7504{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.tag-btn[data-v-cc6c7504]{animation:fadeIn-cc6c7504 .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i) * .05s + .3s)}@keyframes fadeIn-cc6c7504{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}