.operation-images-section[data-v-6b8ed3bf]{margin-top:40px;padding:20px 0}.operation-images-section .section-header h2[data-v-6b8ed3bf]{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.operation-images-grid[data-v-6b8ed3bf]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.operation-image-item[data-v-6b8ed3bf]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.operation-image-item[data-v-6b8ed3bf]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.operation-image[data-v-6b8ed3bf]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}.image-caption[data-v-6b8ed3bf]{padding:15px;text-align:center;font-size:.9rem;color:#666;background-color:#f8f9fa}.pagination[data-v-6b8ed3bf]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.pagination-btn[data-v-6b8ed3bf]{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.pagination-btn[data-v-6b8ed3bf]:hover:not(:disabled){background-color:#2980b9}.pagination-btn[data-v-6b8ed3bf]:disabled{background-color:#bdc3c7;cursor:not-allowed}.pagination-info[data-v-6b8ed3bf]{font-size:.9rem;color:#666;font-weight:500}@media (max-width:768px){.operation-images-grid[data-v-6b8ed3bf]{grid-template-columns:repeat(2,1fr);gap:15px}.operation-image[data-v-6b8ed3bf]{height:150px}}@media (max-width:480px){.operation-images-grid[data-v-6b8ed3bf]{grid-template-columns:1fr}.operation-image[data-v-6b8ed3bf]{height:200px}.pagination[data-v-6b8ed3bf]{flex-direction:column;gap:10px}}.business-scenarios-page[data-v-6b8ed3bf]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f5f7fa;color:#333;line-height:1.6}.container[data-v-6b8ed3bf]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-6b8ed3bf]{text-align:center;margin:40px 0}.page-header h1[data-v-6b8ed3bf]{font-size:2.5rem;color:#2c3e50;margin-bottom:15px}.page-header p[data-v-6b8ed3bf]{font-size:1.2rem;color:#7f8c8d;max-width:700px;margin:0 auto}.section-card[data-v-6b8ed3bf]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:30px;transition:transform .3s,box-shadow .3s}.section-card[data-v-6b8ed3bf]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.section-card h2[data-v-6b8ed3bf]{margin-top:0;padding-bottom:15px;border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.5rem}.search-filters[data-v-6b8ed3bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.filter-group label[data-v-6b8ed3bf]{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.filter-group input[data-v-6b8ed3bf]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s;font-family:inherit}.filter-group input[data-v-6b8ed3bf]:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.filter-actions[data-v-6b8ed3bf]{display:flex;gap:15px;align-items:flex-end}.btn-primary[data-v-6b8ed3bf],.btn-secondary[data-v-6b8ed3bf]{padding:12px 25px;font-size:1rem;border-radius:4px;font-weight:600;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary[data-v-6b8ed3bf]{background-color:#3498db;color:#fff}.btn-primary[data-v-6b8ed3bf]:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn-secondary[data-v-6b8ed3bf]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-6b8ed3bf]:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn-secondary[data-v-6b8ed3bf]:disabled{cursor:not-allowed}.btn-secondary[data-v-6b8ed3bf]:disabled,.btn-secondary[data-v-6b8ed3bf]:disabled:hover{background-color:#bdc3c7;transform:none;box-shadow:none}.video-content[data-v-6b8ed3bf]{margin:20px 0}.video-wrapper[data-v-6b8ed3bf]{width:100%;height:0;padding-bottom:56.25%;position:relative;border-radius:8px;overflow:hidden;margin-bottom:20px;background-color:#000}.video-player[data-v-6b8ed3bf]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;outline:none}.video-player[data-v-6b8ed3bf]:focus{outline:2px solid #3498db}@supports (-ms-high-contrast:none){.video-player[data-v-6b8ed3bf]{-o-object-fit:fill;object-fit:fill}}@supports (-ms-ime-align:auto){.video-player[data-v-6b8ed3bf]{-o-object-fit:fill;object-fit:fill}}.video-player[data-v-6b8ed3bf]::-webkit-media-controls{z-index:1}.video-player[data-v-6b8ed3bf]::-webkit-media-controls-panel{background:rgba(0,0,0,.7)}.video-info h3[data-v-6b8ed3bf]{margin:0 0 10px 0;color:#2c3e50;font-size:1.3rem}.video-info p[data-v-6b8ed3bf]{margin:0 0 15px 0;color:#666;line-height:1.5}.video-details[data-v-6b8ed3bf]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:15px;border-top:1px solid #eee}.operation-time[data-v-6b8ed3bf],.vessel-name[data-v-6b8ed3bf]{color:#555;font-size:.9rem}.operation-time i[data-v-6b8ed3bf],.vessel-name i[data-v-6b8ed3bf]{color:#3498db;margin-right:8px;width:16px;text-align:center}.video-thumbnails-navigation[data-v-6b8ed3bf]{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.video-thumbnails[data-v-6b8ed3bf]{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.video-navigation-buttons[data-v-6b8ed3bf]{display:flex;justify-content:center;gap:20px}.video-thumbnail-card[data-v-6b8ed3bf]{width:18%;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;position:relative}.video-thumbnail-card[data-v-6b8ed3bf]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.video-thumbnail-card.active[data-v-6b8ed3bf]{border:3px solid #3498db;transform:translateY(-5px)}.video-thumbnail-card img[data-v-6b8ed3bf]{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;display:block;background-color:#000}.thumbnail-info[data-v-6b8ed3bf]{padding:10px;background:#fff}.thumbnail-info h4[data-v-6b8ed3bf]{margin:0;color:#2c3e50;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.images-grid[data-v-6b8ed3bf]{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}.image-card[data-v-6b8ed3bf]{border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .3s ease}.image-card[data-v-6b8ed3bf]:hover{transform:translateY(-5px)}.image-card img[data-v-6b8ed3bf]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}.image-info[data-v-6b8ed3bf]{padding:15px;background:#fff}.image-info h3[data-v-6b8ed3bf]{margin:0 0 10px 0;color:#2c3e50;font-size:1.1rem}.image-details[data-v-6b8ed3bf]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.85rem}.image-details .operation-time[data-v-6b8ed3bf],.image-details .vessel-name[data-v-6b8ed3bf]{color:#7f8c8d;font-size:.8rem}.image-details .operation-time i[data-v-6b8ed3bf],.image-details .vessel-name i[data-v-6b8ed3bf]{color:#3498db;margin-right:5px;width:14px;text-align:center}.no-results[data-v-6b8ed3bf]{text-align:center;padding:40px 20px;color:#7f8c8d;font-size:1.1rem}@media (max-width:992px){.images-grid[data-v-6b8ed3bf]{grid-template-columns:repeat(2,1fr)}.video-thumbnails[data-v-6b8ed3bf]{flex-wrap:wrap}.video-thumbnail-card[data-v-6b8ed3bf]{width:30%;margin-bottom:10px}}@media (max-width:768px){.business-scenarios-page[data-v-6b8ed3bf]{padding:15px}.page-header h1[data-v-6b8ed3bf]{font-size:2rem}.search-filters[data-v-6b8ed3bf]{grid-template-columns:1fr}.filter-actions[data-v-6b8ed3bf]{flex-direction:column}.section-card[data-v-6b8ed3bf]{padding:20px}.video-thumbnails-navigation[data-v-6b8ed3bf]{flex-direction:column;gap:15px}.video-thumbnails[data-v-6b8ed3bf]{width:100%}.video-navigation-buttons[data-v-6b8ed3bf]{flex-direction:column;align-items:center}.video-thumbnail-card[data-v-6b8ed3bf]{width:45%}.images-grid[data-v-6b8ed3bf]{grid-template-columns:1fr}.video-details[data-v-6b8ed3bf]{flex-direction:column;align-items:flex-start;gap:10px}.operation-time[data-v-6b8ed3bf]{text-align:left}.image-details[data-v-6b8ed3bf]{flex-direction:column;align-items:flex-start;gap:5px}}