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