body{background-color:#f5f5f5;margin:0;min-height:100vh;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}.App{background:#f5f5f5;min-height:100vh;overflow-x:hidden;width:100%}.page-container{min-height:100vh;padding-top:64px}body,html{min-height:100vh;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}::selection{background:#ff244233;color:#ff2442}img{background:linear-gradient(135deg,#f5f5f5,#eee)}@media (max-width:768px){.page-container{padding-top:56px}}.global-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000000d;box-shadow:0 2px 20px #0000000f;height:64px;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.global-navbar.scrolled{box-shadow:0 4px 30px #0000001a}.navbar-content{height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-content,.navbar-logo{align-items:center;display:flex}.navbar-logo{cursor:pointer;flex-shrink:0;gap:10px;transition:transform .2s}.navbar-logo:hover{transform:scale(1.02)}.logo-icon{font-size:28px}.logo-text{color:#ff2442;font-size:22px;font-weight:700;letter-spacing:-.5px}.navbar-search{align-items:center;background:#f5f5f5;border-radius:30px;display:flex;flex:1 1;height:44px;margin:0 40px;max-width:500px;padding:0 20px;transition:all .3s}.navbar-search:focus-within{background:#fff;box-shadow:0 2px 12px #ff244226}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:15px;outline:none}.search-input::placeholder{color:#999}.search-btn{background:none;border:none;cursor:pointer;font-size:18px;opacity:.7;padding:5px;transition:opacity .2s}.search-btn:hover{opacity:1}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.nav-action-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s}.nav-action-btn:hover{background:#f5f5f5;color:#333}.nav-action-btn.active{color:#ff2442;font-weight:600}.publish-btn{align-items:center;background:linear-gradient(135deg,#ff2442,#ff6b6b);color:#fff!important;display:flex;font-weight:600;gap:4px}.publish-btn:hover{box-shadow:0 4px 12px #ff244259;transform:translateY(-2px)}.publish-icon{font-size:18px;font-weight:300}@media (max-width:768px){.global-navbar{height:56px}.navbar-content{padding:0 16px}.logo-text{font-size:18px}.navbar-search{display:none;height:38px;margin:0 12px;padding:0 12px}.nav-action-btn{font-size:14px;padding:8px 12px}.nav-action-btn:not(.publish-btn){display:none}.publish-btn{padding:8px 16px}}.publish-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.publish-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.publish-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.publish-modal-header h2{color:#333;font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.close-btn:hover{background:#f5f5f5;color:#333}.publish-form{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.image-upload-section{margin-bottom:20px}.upload-label{cursor:pointer;display:block}.file-input{display:none}.upload-placeholder{background:#fafafa;border:2px dashed #ddd;border-radius:16px;padding:40px 20px;text-align:center;transition:all .3s}.upload-label:hover .upload-placeholder{background:#fff0f2;border-color:#ff2442}.upload-icon{display:block;font-size:48px;margin-bottom:12px}.upload-text{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.upload-hint{color:#999;display:block;font-size:13px;margin-top:4px}.image-preview-wrapper{border-radius:16px;overflow:hidden;position:relative}.image-preview{display:block;max-height:300px;object-fit:cover;width:100%}.image-preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.image-preview-wrapper:hover .image-preview-overlay{opacity:1}.image-preview-overlay span{background:#fff3;border-radius:8px;color:#fff;font-size:16px;font-weight:500;padding:12px 24px}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:8px}.form-group input[type=text],.form-group textarea{border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#ff2442;box-shadow:0 0 0 3px #ff24421a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.char-count{background:#fff;border-radius:4px;bottom:12px;color:#999;font-size:12px;padding:2px 6px;position:absolute;right:12px}.author-section{background:#f8f8f8;border-radius:12px;padding:16px}.checkbox-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px}.checkbox-label input[type=checkbox]{accent-color:#ff2442;cursor:pointer;height:18px;width:18px}.random-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.random-btn:hover{box-shadow:0 4px 12px #ff24424d;transform:translateY(-1px)}.username-input{width:100%!important}.error-message{background:#fff0f2;border-radius:10px;color:#ff2442;font-size:14px;margin-bottom:16px;padding:12px 16px;text-align:center}.form-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover:not(:disabled){background:#e8e8e8}.submit-btn{background:linear-gradient(135deg,#ff2442,#ff6b6b)}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff244259;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.publish-modal-overlay{align-items:flex-end;padding:0}.publish-modal{border-radius:20px 20px 0 0;max-height:85vh}.publish-form{padding:20px}.upload-placeholder{padding:30px 16px}.upload-icon{font-size:36px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.page-wrapper{background:#f5f5f5;min-height:100vh}.hero-banner{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569 50%,#f8b500);display:flex;justify-content:center;min-height:320px;overflow:hidden;padding:80px 40px 50px;position:relative;width:100%}.hero-banner:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.08' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{color:#fff;max-width:800px;position:relative;text-align:center;z-index:1}.hero-title{font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:16px;text-shadow:0 2px 20px #0003}.hero-subtitle{font-size:18px;font-weight:400;margin-bottom:40px;opacity:.95}.hero-stats{display:flex;gap:60px;justify-content:center;margin-top:40px}.stat-item{text-align:center}.stat-number{display:block;font-size:36px;font-weight:700;margin-bottom:6px}.stat-label{font-size:14px;opacity:.85}.main-content{margin:0 auto;max-width:1600px;padding:40px;width:100%}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}.section-title{color:#333;font-size:24px;font-weight:700}.filter-tabs{display:flex;gap:8px}.tab{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.tab:hover{background:#f0f0f0}.tab.active{background:#ff2442;color:#fff;font-weight:600}.waterfall-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}@media (min-width:1920px){.waterfall-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1600px) and (max-width:1919px){.waterfall-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px) and (max-width:1599px){.waterfall-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1199px){.waterfall-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:600px) and (max-width:899px){.waterfall-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}.waterfall-item{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.waterfall-item:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px)}.card-image-wrapper{aspect-ratio:3/4;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.waterfall-item:hover .card-image{transform:scale(1.05)}.card-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.waterfall-item:hover .card-overlay{opacity:1}.view-btn{background:#fff;border-radius:25px;color:#333;font-size:14px;font-weight:600;padding:12px 28px;transform:translateY(10px);transition:transform .3s ease}.waterfall-item:hover .view-btn{transform:translateY(0)}.card-content{padding:16px 20px}.card-title{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.card-desc,.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{color:#666;font-size:14px;margin-bottom:12px}.card-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-bottom:12px;padding-top:8px}.action-btn{align-items:center;background:#0000;border-radius:16px;color:#666;display:flex;gap:4px;padding:6px 12px}.action-btn:hover{background:#f5f5f5;color:#333}.action-btn.liked{color:#ff2442}.action-btn.liked:hover{background:#fff0f2}.action-icon{font-size:16px}.action-count{font-weight:500}.card-footer{align-items:center;color:#999;display:flex;font-size:13px;justify-content:space-between}.card-index{background:#f5f5f5;border-radius:12px;font-weight:500;padding:4px 10px}.hot-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff2442,#ff6b6b);border-radius:20px;box-shadow:0 4px 12px #ff244259;color:#fff;display:flex;font-size:13px;font-weight:600;gap:4px;left:12px;padding:6px 12px;position:absolute;top:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hot-icon{font-size:14px}.hot-text{font-size:12px}.site-footer{background:#fff;border-top:1px solid #eee;margin-top:60px;padding:40px;text-align:center;width:100%}.site-footer p{color:#999;font-size:14px}.error-container,.loading-container,.no-results{color:#666;font-size:16px;padding:100px 20px;text-align:center}.no-results{grid-column:1/-1}@media (max-width:768px){.hero-banner{min-height:280px;padding:60px 20px 40px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-stats{gap:30px}.stat-number{font-size:24px}.main-content{padding:20px}.content-header{align-items:flex-start;flex-direction:column;gap:16px}.waterfall-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.card-content{padding:12px}.card-title{font-size:14px}.card-desc{font-size:12px}}@media (max-width:480px){.waterfall-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.hero-stats{flex-direction:column;gap:20px}}.detail-page-wrapper{background:#f8f8f8;min-height:100vh}.detail-sub-header{background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 8px #0000000a;position:-webkit-sticky;position:sticky;top:64px;z-index:99}.detail-sub-header-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1400px;padding:12px 24px}.detail-back-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.detail-back-btn:hover{background:#f5f5f5;border-color:#ccc;color:#333}.detail-breadcrumb{color:#999;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:24px}.error-container,.loading-container{color:#666;font-size:16px;min-height:50vh;padding:100px 20px;text-align:center}.detail-image-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:-webkit-sticky;position:sticky;top:140px}.detail-image{background:#f5f5f5;display:block;height:auto;max-height:60vh;object-fit:contain;width:100%}.detail-info{padding:24px}.detail-image-title{color:#333;font-size:20px;font-weight:700;margin-bottom:12px}.detail-desc{color:#666;font-size:15px;line-height:1.6;margin-bottom:8px}.detail-time{color:#999;font-size:13px}.detail-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-top:20px;padding-top:20px}.detail-action-btn{align-items:center;background:#fff;border:1px solid #eee;border-radius:10px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:15px;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.detail-action-btn:hover{background:#f8f8f8;border-color:#ddd}.detail-action-btn.liked{background:#fff0f2;border-color:#ff2442;color:#ff2442}.detail-action-btn .action-icon{font-size:20px}.detail-action-btn .action-text{font-weight:500}.detail-action-btn .action-count{background:#f5f5f5;border-radius:10px;font-size:12px;font-weight:600;margin-left:4px;padding:2px 8px}.detail-action-btn.liked .action-count{background:#ff24421a}.comments-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;max-height:calc(100vh - 180px);overflow-y:auto;padding:24px}.comments-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:24px;padding-bottom:16px}.comments-count{color:#999;font-size:14px;font-weight:500}.comment-form{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:20px}.anonymous-option{align-items:center;display:flex;gap:12px;margin-bottom:12px}.anonymous-label-text{color:#666;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.anonymous-switch{border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background .3s;width:48px}.anonymous-switch.on{background:linear-gradient(135deg,#ff6b9d,#c44569)}.anonymous-switch.off{background:#ccc}.anonymous-switch-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:22px;position:absolute;top:2px;transition:left .3s;width:22px}.anonymous-switch.on .anonymous-switch-thumb{left:24px}.anonymous-switch.off .anonymous-switch-thumb{left:2px}.nickname-row{display:flex;gap:10px;margin-bottom:10px}.nickname-row .username-input{flex:1 1;margin-bottom:0}.nickname-row .random-nickname-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;height:42px;padding:0 16px;transition:all .2s;white-space:nowrap}.nickname-row .random-nickname-btn:hover{box-shadow:0 4px 12px #ff24424d;transform:translateY(-1px)}.username-input{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:14px;margin-bottom:10px;padding:12px 14px;transition:border-color .2s;width:100%}.username-input:focus{border-color:#ff2442;outline:none}.username-input.username-readonly{background:#f5f5f5;color:#888;cursor:default}.replying-to{align-items:center;background:#fff0f2;border-radius:8px;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:10px;padding:10px 14px}.replying-to strong{color:#ff2442}.cancel-reply-btn{background:none;border:none;color:#999;cursor:pointer;font-size:18px;line-height:1;margin-left:auto;padding:0 4px}.cancel-reply-btn:hover{color:#ff2442}.comment-input-wrapper{display:flex;gap:10px}.comment-textarea{border:1px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;min-height:60px;padding:14px;resize:vertical;transition:border-color .2s}.comment-textarea:focus{border-color:#ff2442;outline:none}.submit-btn{align-self:flex-start;background:#ff2442;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s;white-space:nowrap}.submit-btn:hover:not(:disabled){background:#e02040;transform:translateY(-1px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.comments-list{overflow-y:auto}.comments-tree{gap:16px}.comment-item,.comments-tree{display:flex;flex-direction:column}.comment-item{gap:8px}.comment-item.level-1{border-bottom:1px solid #f5f5f5;padding:16px 0}.comment-item.level-1:last-child{border-bottom:none}.comment-item.level-2,.comment-item.level-3{padding:10px 0}.comment-header{align-items:center;display:flex;gap:12px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.comment-item.level-2 .comment-avatar,.comment-item.level-3 .comment-avatar{font-size:14px;height:32px;width:32px}.comment-user-info{display:flex;flex-direction:column;gap:2px}.comment-username{color:#333;font-size:14px;font-weight:600}.comment-time{color:#999;font-size:12px}.comment-content-wrapper{margin-left:52px}.comment-item.level-2 .comment-content-wrapper,.comment-item.level-3 .comment-content-wrapper{margin-left:44px}.comment-content{color:#333;font-size:15px;line-height:1.6;word-break:break-word}.reply-to-user{color:#666;font-size:14px}.reply-target{color:#ff2442;font-weight:500}.comment-actions{align-items:center;display:flex;gap:16px;margin-left:52px;margin-top:4px}.comment-item.level-2 .comment-actions,.comment-item.level-3 .comment-actions{margin-left:44px}.action-btn-small{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s}.action-btn-small.active,.action-btn-small:hover{background:#fff0f2;color:#ff2442}.action-divider{color:#ddd}.comment-location{background:#fff0f2;border-radius:4px;color:#ff2442;font-size:12px;padding:2px 8px}.comment-children{border-left:2px solid #f0f0f0;margin-left:52px;margin-top:8px;padding-left:16px}.comment-item.level-2 .comment-children{margin-left:44px}.collapse-replies-btn,.expand-replies-btn{background:none;border:none;color:#999;cursor:pointer;font-size:13px;font-weight:500;padding:8px 0;text-align:left;transition:color .2s}.collapse-replies-btn:hover,.expand-replies-btn:hover{color:#ff2442}.empty-text{color:#999;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text p{font-size:15px}.loading-text{color:#999;font-size:14px;padding:40px;text-align:center}@media (max-width:992px){.detail-content-wrapper{gap:16px;grid-template-columns:1fr;padding:16px}.detail-image-section{position:static}.detail-image{max-height:50vh}.comments-section{max-height:none;padding:20px}}@media (max-width:768px){.detail-sub-header{padding:10px 16px;top:56px}.detail-breadcrumb{display:none}.detail-image-section{border-radius:12px}.detail-info{padding:16px}.detail-image-title{font-size:18px}.detail-actions{flex-direction:column}.detail-action-btn{padding:12px 16px}.comments-section{border-radius:12px;padding:16px}.anonymous-option{align-items:center;flex-direction:row}.comment-input-wrapper{flex-direction:column}.submit-btn{width:100%}.comment-actions,.comment-content-wrapper{margin-left:44px!important}.comment-avatar{font-size:14px!important;height:32px!important;width:32px!important}.comment-children{margin-left:44px;padding-left:12px}}.recommend-section{margin:0 auto;max-width:1400px;padding:0 24px 40px}.recommend-title{border-bottom:1px solid #eee;color:#333;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:16px}.recommend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.recommend-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;overflow:hidden;transition:all .3s ease}.recommend-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.recommend-card-img{aspect-ratio:3/4;overflow:hidden;width:100%}.recommend-card-img img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.recommend-card:hover .recommend-card-img img{transform:scale(1.05)}.recommend-card-info{padding:12px 14px}.recommend-card-title{color:#333;font-size:14px;font-weight:600;margin:0 0 6px}.recommend-card-desc,.recommend-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-card-desc{color:#999;font-size:12px;margin:0}.recommend-sentinel{height:1px;visibility:hidden}.recommend-end,.recommend-loading{color:#999;font-size:14px;padding:30px 0;text-align:center}.recommend-end{position:relative}.recommend-end:after,.recommend-end:before{background:#eee;content:"";height:1px;position:absolute;top:50%;width:60px}.recommend-end:before{left:calc(50% - 80px)}.recommend-end:after{right:calc(50% - 80px)}@media (max-width:992px){.recommend-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.recommend-section{padding:0 16px 30px}.recommend-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.recommend-title{font-size:18px}.recommend-card-info{padding:10px 12px}.recommend-card-title{font-size:13px}.recommend-card-desc{font-size:11px}}.share-modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px 20px 0 0;max-height:85vh;max-width:480px;overflow-y:auto;width:100%}.share-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.share-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.share-modal-close{background:none;border:none;border-radius:8px;color:#999;cursor:pointer;font-size:20px;padding:4px 8px;transition:background .2s}.share-modal-close:hover{background:#f5f5f5}.share-modal-body{padding:16px 20px 30px}.share-section{margin-bottom:24px}.share-section:last-child{margin-bottom:0}.share-section-label{color:#666;font-size:14px;font-weight:600;margin:0 0 12px}.share-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.share-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:8px;transition:background .2s}.share-item:hover{background:#f5f5f5}.share-item span{color:#666;font-size:12px}.share-icon{align-items:center;border-radius:16px;color:#fff;display:flex;height:52px;justify-content:center;width:52px}.icon-svg{fill:#fff;height:28px;width:28px}.wechat-icon{background:linear-gradient(135deg,#07c160,#06ae56)}.weibo-icon{background:linear-gradient(135deg,#e6162d,#d14075)}.qq-icon{background:linear-gradient(135deg,#12b7f5,#0a9fd9)}.copy-icon{background:linear-gradient(135deg,#999,#777)}.system-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.qr-share-box{align-items:center;background:#f8f8f8;border-radius:12px;display:flex;flex-direction:column;padding:20px}.qr-canvas-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:12px}.qr-image{display:block;height:160px;width:160px}.qr-hint{color:#999;font-size:13px;margin:12px 0 16px}.share-save-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 28px;transition:transform .2s,box-shadow .2s}.share-save-btn:hover:not(:disabled){box-shadow:0 4px 16px #c4456966;transform:translateY(-2px)}.share-save-btn:disabled{cursor:not-allowed;opacity:.6}.poster-preview-box{align-items:center;background:#f8f8f8;border-radius:12px;display:flex;justify-content:center;min-height:200px;overflow:hidden;padding:16px}.poster-placeholder{align-items:center;color:#ccc;display:flex;flex-direction:column;gap:8px;padding:30px}.poster-placeholder-icon{font-size:40px}.poster-placeholder-text{font-size:13px}.poster-loading{align-items:center;color:#999;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:30px}.poster-spinner{animation:spin .8s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#ff6b9d;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.poster-preview-img{border-radius:8px;display:block;max-height:600px;max-width:100%}.poster-actions{display:flex;justify-content:center;margin-top:12px}.share-poster{background:#fff;width:500px}.poster-bg{background:linear-gradient(180deg,#fff5f7,#f8f8f8);border:1px solid #f0f0f0;border-radius:12px;padding:20px}.poster-image{border-radius:8px;display:block;height:auto;max-height:500px;object-fit:contain;width:100%}.poster-text{padding:16px 0 12px}.poster-title{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.poster-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden}.poster-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;gap:16px;padding-top:12px}.poster-qr{flex-shrink:0;height:80px;width:80px}.poster-qr canvas{display:block}.poster-footer-text{display:flex;flex-direction:column;gap:4px}.poster-footer-hint{color:#333;font-size:14px;font-weight:500}.poster-footer-brand{color:#999;font-size:12px}.share-toast{animation:fadeIn .2s ease;background:#000000bf;border-radius:24px;bottom:100px;color:#fff;font-size:14px;left:50%;padding:10px 24px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:10000}.share-modal-body::-webkit-scrollbar{width:0}.share-tabs{background:#f5f5f5;border-radius:10px;display:flex;margin-bottom:16px;padding:3px}.share-tab{background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 0;transition:all .2s}.share-tab.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#333}.share-tab:hover:not(.active){color:#666}@media (min-width:521px){.share-modal-overlay{align-items:center}.share-modal{animation:scaleIn .25s ease;border-radius:20px;max-height:90vh;max-width:680px}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}}@media (max-width:520px){.share-modal{max-height:90vh;max-width:100%}.share-grid{gap:12px;grid-template-columns:repeat(4,1fr)}.share-icon{border-radius:14px;height:48px;width:48px}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569 50%,#f8b500);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-container{max-width:420px;width:100%}.admin-login-box{animation:slideUp .5s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:40px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{margin-bottom:32px;text-align:center}.admin-icon{display:block;font-size:56px;margin-bottom:16px}.admin-login-header h1{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.admin-login-header p{color:#999;font-size:15px;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fff0f2;border-radius:12px;color:#ff2442;font-size:14px;padding:12px 16px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px}.label-icon{font-size:16px}.form-group input{border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s}.form-group input:focus{border-color:#ff2442;box-shadow:0 0 0 4px #ff24421a;outline:none}.form-group input::placeholder{color:#bbb}.login-hint{background:#f8f8f8;border-radius:12px;margin:8px 0;padding:16px}.login-hint p{color:#666;font-size:13px;margin:4px 0;text-align:center}.login-hint strong{color:#ff2442;font-weight:600}.admin-login-btn{background:linear-gradient(135deg,#ff2442,#ff6b6b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px 24px;transition:all .2s}.admin-login-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff244259;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7}.back-home-btn{background:#0000;border:1px solid #ddd;border-radius:12px;color:#999;cursor:pointer;font-size:14px;margin-top:8px;padding:12px 24px;transition:all .2s}.back-home-btn:hover{background:#f5f5f5;color:#666}@media (max-width:480px){.admin-login-page{padding:16px}.admin-login-box{padding:28px 24px}.admin-icon{font-size:48px}.admin-login-header h1{font-size:24px}}.admin-dashboard{background:#f5f7fa;display:flex;min-height:100vh}.admin-sidebar{background:#1a1a2e;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px}.admin-brand{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:24px}.brand-icon{font-size:28px}.brand-text{font-size:20px;font-weight:700}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px 16px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ff2442;color:#fff}.nav-icon{font-size:20px}.admin-user{border-top:1px solid #ffffff1a;padding:20px}.user-info{gap:12px;margin-bottom:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50%;font-size:18px;height:40px;justify-content:center;width:40px}.user-name{font-size:15px;font-weight:500}.logout-btn{background:#0000;border:1px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:14px;padding:12px;transition:all .2s;width:100%}.logout-btn:hover{background:#ff244233;border-color:#ff2442;color:#fff}.admin-content{flex:1 1;margin-left:260px;padding:32px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-header h1{color:#333;font-size:28px;font-weight:700;margin:0}.admin-stats{display:flex;gap:16px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:16px 24px;text-align:center}.stat-value{color:#ff2442;display:block;font-size:28px;font-weight:700}.stat-label{color:#999;font-size:13px;margin-top:4px}.comments-table-container,.posts-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f0f0f0;padding:16px;text-align:left}.admin-table th{background:#f8f8f8;color:#666;font-size:14px;font-weight:600}.admin-table tr:hover{background:#fafafa}.admin-table tr:last-child td{border-bottom:none}.table-thumb{border-radius:8px;height:60px;object-fit:cover;width:60px}.comment-id,.post-id{color:#999;font-family:monospace;font-size:12px}.comment-content-cell{max-width:400px}.comment-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.actions{display:flex;gap:8px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.action-btn.edit{background:#e8f5e9;color:#2e7d32}.action-btn.edit:hover{background:#c8e6c9}.action-btn.delete{background:#ffebee;color:#c62828}.action-btn.delete:hover{background:#ffcdd2}.action-btn.save{background:#e3f2fd;color:#1565c0}.action-btn.cancel{background:#f5f5f5;color:#666}.edit-form textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.admin-error,.admin-loading,.no-data{color:#999;font-size:15px;padding:60px 20px;text-align:center}.admin-error{color:#ff2442}@media (max-width:992px){.admin-sidebar{width:200px}.admin-content{margin-left:200px;padding:20px}.admin-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-table{font-size:13px}.admin-table td,.admin-table th{padding:12px}.table-thumb{height:48px;width:48px}}@media (max-width:768px){.admin-sidebar{display:none}.admin-content{margin-left:0;padding:16px}.comments-table-container,.posts-table-container{overflow-x:auto}.admin-table{min-width:600px}}
/*# sourceMappingURL=main.9fd41e0c.css.map*/