.detail[data-v-104b9f30]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;padding:20px}.detail-header[data-v-104b9f30]{text-align:center;margin-bottom:40px;padding-top:20px}.detail-header .page-title[data-v-104b9f30]{font-size:2.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.detail-header .page-title i[data-v-104b9f30]{margin-right:12px;color:gold}.detail-content[data-v-104b9f30]{max-width:100%;margin:0;padding:0 8px}.empty-state[data-v-104b9f30]{display:flex;justify-content:center;align-items:center;min-height:60vh}.empty-state .empty-card[data-v-104b9f30]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);max-width:500px}.empty-state .empty-card .empty-icon[data-v-104b9f30]{font-size:4rem;color:#667eea;margin-bottom:24px}.empty-state .empty-card .empty-text[data-v-104b9f30]{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:12px}.empty-state .empty-card .empty-hint[data-v-104b9f30]{font-size:1rem;color:#6c757d;opacity:.8}.images-grid[data-v-104b9f30]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:15px 8px;max-width:1600px;margin:0 auto}.image-item .image-card[data-v-104b9f30]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.image-item .image-card[data-v-104b9f30]:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.image-item .image-card .image-container[data-v-104b9f30]{position:relative}.image-item .image-card .image-container .image-tabs[data-v-104b9f30]{position:absolute;top:8px;right:8px;z-index:10}.image-item .image-card .image-container .image-tabs .tab-buttons[data-v-104b9f30]{display:flex;background:rgba(0,0,0,.6);border-radius:6px;padding:2px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-item .image-card .image-container .image-tabs .tab-buttons .tab-button[data-v-104b9f30]{padding:4px 8px;border:none;background:transparent;color:hsla(0,0%,100%,.8);font-size:12px;border-radius:4px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:3px}.image-item .image-card .image-container .image-tabs .tab-buttons .tab-button i[data-v-104b9f30]{font-size:12px}.image-item .image-card .image-container .image-tabs .tab-buttons .tab-button .tab-text[data-v-104b9f30]{font-weight:500}.image-item .image-card .image-container .image-tabs .tab-buttons .tab-button.active[data-v-104b9f30]{background:hsla(0,0%,100%,.9);color:#667eea}.image-item .image-card .image-container .image-tabs .tab-buttons .tab-button[data-v-104b9f30]:not(.active):hover{background:hsla(0,0%,100%,.1);color:#fff}.image-item .image-card .image-container .image-display .image-wrapper[data-v-104b9f30]{position:relative;height:280px;overflow:hidden}.image-item .image-card .image-container .image-display .image-wrapper .carousel-image[data-v-104b9f30]{width:100%;height:100%;display:block}.image-item .image-card .image-container .image-display .image-wrapper .carousel-video[data-v-104b9f30]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-item .image-card .image-info[data-v-104b9f30]{padding:10px 12px;background:#fff}.image-item .image-card .image-info .info-row[data-v-104b9f30]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.image-item .image-card .image-info .info-row .sequence[data-v-104b9f30]{color:#667eea;font-weight:600;background:#f0f3ff;padding:2px 6px;border-radius:4px}.image-item .image-card .image-info .info-row .time[data-v-104b9f30]{color:#6c757d}.image-item .image-card .image-info .account[data-v-104b9f30]{font-size:13px;font-weight:500;color:#ff7a0e;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media(max-width:768px){.detail[data-v-104b9f30]{padding:16px}.detail-header[data-v-104b9f30]{margin-bottom:30px}.detail-header .page-title[data-v-104b9f30]{font-size:2rem}.empty-state .empty-card[data-v-104b9f30]{padding:40px 24px;margin:0 16px}.empty-state .empty-card .empty-icon[data-v-104b9f30]{font-size:3rem}.empty-state .empty-card .empty-text[data-v-104b9f30]{font-size:1.3rem}.images-grid[data-v-104b9f30]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:16px}.image-item .image-card .image-container .image-display .image-wrapper[data-v-104b9f30]{height:260px}}@media(max-width:480px){.detail-header .page-title[data-v-104b9f30]{font-size:1.5rem}.images-grid[data-v-104b9f30]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:10px 5px}.images-grid .image-item .image-card .image-container .image-display .image-wrapper[data-v-104b9f30]{height:340px}.images-grid .image-item .image-card .image-info[data-v-104b9f30]{padding:8px 10px}.images-grid .image-item .image-card .image-info .info-row[data-v-104b9f30]{font-size:11px}.images-grid .image-item .image-card .image-info .account[data-v-104b9f30]{font-size:12px}}@-webkit-keyframes breath-data-v-104b9f30{0%,to{opacity:.3}50%{opacity:1}}@keyframes breath-data-v-104b9f30{0%,to{opacity:.3}50%{opacity:1}}.breath-animation[data-v-104b9f30]{-webkit-animation:breath-data-v-104b9f30 3s ease-in-out infinite;animation:breath-data-v-104b9f30 3s ease-in-out infinite}.image-error[data-v-104b9f30]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#f5f5f5;color:#999}.image-error i[data-v-104b9f30]{font-size:48px;margin-bottom:10px}.image-error span[data-v-104b9f30]{font-size:14px}.fade-enter-active[data-v-104b9f30],.fade-leave-active[data-v-104b9f30]{transition:opacity .3s ease}.fade-enter[data-v-104b9f30],.fade-leave-to[data-v-104b9f30]{opacity:0}@media(min-width:1200px){.images-grid[data-v-104b9f30]{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;max-width:1800px}.image-item .image-card .image-container .image-display .image-wrapper[data-v-104b9f30]{height:300px}}@media(min-width:1600px){.images-grid[data-v-104b9f30]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-width:2000px}.image-item .image-card .image-container .image-display .image-wrapper[data-v-104b9f30]{height:320px}}