.carousel3d-panel-header--tackle {background: linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%)}
.carousel3d-detail-header--tackle {background: linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%)}
.carousel3d-panel-tackle-list {display: flex;flex-direction: column;gap: 8px;padding: 8px}
.carousel3d-tackle-item {display: flex;align-items: center;gap: 10px;padding: 8px 10px;background: var(--color-bg-muted);border-radius: 10px;transition: background 0.2s ease}
.carousel3d-tackle-icon {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--color-warning)}
.carousel3d-tackle-info {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}
.carousel3d-tackle-name {font-size: 0.85rem;font-weight: 600;color: #1c1e21;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.carousel3d-tackle-meta {display: flex;gap: 8px;font-size: 0.7rem;color: #65676b}
.carousel3d-tackle-count {color: var(--color-warning);font-weight: 600}
.carousel3d-tackle-types {color: #8b5cf6}
.tackle-reports-page {max-width: 640px;margin: 0 auto;padding: 16px;box-sizing: border-box}
.tackle-reports-header {margin-bottom: 16px}
.tackle-reports-title {font-size: 1.3rem;font-weight: 700;color: #1c1e21;margin: 0;display: flex;align-items: center;gap: 8px}
.tackle-reports-title i {color: var(--color-warning)}
.tackle-report-breadcrumb {padding: 12px 0;margin-bottom: 16px;font-size: 0.8rem}
.tackle-report-breadcrumb--full {display: flex;align-items: center;gap: 8px;flex-wrap: wrap}
.tackle-report-breadcrumb--back {display: none}
.tackle-report-breadcrumb-link {color: var(--color-warning);text-decoration: none;font-weight: 500}
.tackle-report-breadcrumb-link:hover {text-decoration: underline}
.tackle-report-breadcrumb-sep {color: #a0a3a8;font-size: 0.6rem}
.tackle-report-breadcrumb-current {color: #65676b;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}
.tackle-report-breadcrumb-back-link {display: inline-flex;align-items: center;gap: 6px;color: var(--color-warning);text-decoration: none;font-weight: 500;font-size: 0.85rem;padding: 4px 0}
.tackle-report-breadcrumb-back-link:hover {text-decoration: underline}
.tackle-report-tabs {display: flex;gap: 8px;padding: 16px;overflow-x: auto;-webkit-overflow-scrolling: touch;background: var(--color-bg-muted);border-bottom: 1px solid #e4e6eb}
.tackle-report-tabs::-webkit-scrollbar {display: none}
.tackle-report-tab {display: flex;align-items: center;gap: 8px;padding: 10px 16px;font-size: 0.85rem;font-weight: 500;color: #65676b;background: #ffffff;border: 2px solid #e4e6eb;border-radius: 24px;cursor: pointer;white-space: nowrap;transition: all 0.2s ease;font-family: inherit}
.tackle-report-tab:hover {border-color: var(--color-warning);color: var(--color-warning)}
.tackle-report-tab.active {background: var(--color-warning);border-color: var(--color-warning);color: #ffffff}
.tackle-report-tab-name {font-weight: 600}
.tackle-report-tab-count {display: flex;align-items: center;justify-content: center;min-width: 24px;height: 24px;padding: 0 8px;font-size: 0.75rem;font-weight: 700;background: rgba(0, 0, 0, 0.1);border-radius: 12px}
.tackle-report-tab.active .tackle-report-tab-count {background: rgba(255, 255, 255, 0.2)}
.tackle-report-contents {flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch}
.tackle-report-content {display: none;padding: 16px}
.tackle-report-content.active {display: block}
.tackle-report-summary {display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 16px;background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border-radius: 16px;margin-bottom: 20px}
.tackle-report-summary-item {display: flex;align-items: center;gap: 12px;min-width: 0}
.tackle-report-summary-icon {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: #ffffff;border-radius: 12px;box-shadow: 0 2px 8px rgba(245, 158, 11, 0.15);flex-shrink: 0;color: var(--color-warning);font-size: 1.2rem}
.tackle-report-summary-info {display: flex;flex-direction: column;gap: 2px;min-width: 0}
.tackle-report-summary-name {font-size: 1.1rem;font-weight: 700;color: #92400e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.tackle-report-summary-stats {display: flex;gap: 16px}
.tackle-report-stat {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;padding: 8px 12px;background: #ffffff;border-radius: 12px;min-width: 60px;box-sizing: border-box}
.tackle-report-stat-value {font-size: 1.25rem;font-weight: 700;color: var(--color-warning);font-variant-numeric: tabular-nums;line-height: 1}
.tackle-report-stat-label {font-size: 0.7rem;color: #92400e;line-height: 1;white-space: nowrap}
.tackle-report-type-section {background: #ffffff;border-radius: 16px;overflow: hidden;margin-bottom: 16px}
.tackle-report-type-title {display: flex;align-items: center;gap: 8px;padding: 12px 16px;margin: 0;font-size: 0.9rem;font-weight: 600;color: #1c1e21;background: var(--color-bg-muted);border-bottom: 1px solid #e4e6eb}
.tackle-report-type-title i {color: var(--color-warning)}
.tackle-report-type-icon {width: 18px;height: 18px;flex-shrink: 0;fill: var(--color-warning)}
.tackle-report-item-list {list-style: none;margin: 0;padding: 0}
.tackle-report-item {display: flex;align-items: center;gap: 12px;padding: 12px 16px;border-bottom: 1px solid #f0f2f5;text-decoration: none;color: inherit;transition: background 0.2s ease}
.tackle-report-item:hover {background: var(--color-bg-muted)}
.tackle-report-item:last-child {border-bottom: none}
.tackle-report-item-image {width: 48px;height: 48px;border-radius: 10px;overflow: hidden;flex-shrink: 0;background: #f0f2f5}
.tackle-report-item-image img {width: 100%;height: 100%;object-fit: cover}
.tackle-report-item-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #a0a3a8}
.tackle-report-item-placeholder i {font-size: 1.2rem}
.tackle-report-item-info {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}
.tackle-report-item-name {font-size: 0.95rem;font-weight: 600;color: #1c1e21;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.tackle-report-item-count {flex-shrink: 0;font-size: 0.85rem;font-weight: 700;color: var(--color-warning)}
.tackle-report-item-chevron {flex-shrink: 0;color: #a0a3a8;font-size: 0.8rem;margin-left: 4px}
.tackle-detail-header-info {margin-bottom: 20px;padding: 16px;background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border-radius: 16px}
.tackle-detail-product-name-row {display: flex;align-items: flex-start;gap: 8px}
.tackle-detail-product-name {flex: 1;min-width: 0;margin: 0 0 4px;font-size: 1.15rem;font-weight: 700;color: #92400e;overflow-wrap: anywhere}
.tackle-detail-product-meta {margin: 0;font-size: 0.85rem;color: #b45309}
.tackle-detail-copy-link-button {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin-top: 2px;padding: 0;border: none;border-radius: 8px;background: rgba(146, 64, 14, 0.1);color: #92400e;cursor: pointer;transition: background 0.2s ease}
.tackle-detail-copy-link-button:hover {background: rgba(146, 64, 14, 0.2)}
.tackle-detail-copy-link-button svg {width: 16px;height: 16px}
.tackle-detail-top-record {margin-bottom: 20px;border-radius: 16px;overflow: hidden;background: #ffffff;border: 1px solid #e4e6eb}
.tackle-detail-top-record-header {display: flex;align-items: center;gap: 8px;padding: 10px 16px;font-size: 0.85rem;font-weight: 700;color: #ffffff;background: linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%)}
.tackle-detail-top-record-header i {font-size: 0.9rem}
.tackle-detail-top-record-body {display: flex;align-items: stretch}
.tackle-detail-top-record-item {flex: 1;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 16px 12px;text-decoration: none;color: inherit;transition: background 0.2s ease}
.tackle-detail-top-record-item:hover {background: #fffbeb}
.tackle-detail-top-record-label {font-size: 0.7rem;font-weight: 600;color: #92400e;text-transform: uppercase;letter-spacing: 0.5px}
.tackle-detail-top-record-value {font-size: 1.5rem;font-weight: 800;color: #1c1e21;font-variant-numeric: tabular-nums;line-height: 1}
.tackle-detail-top-record-value small {font-size: 0.8rem;font-weight: 600;color: #92400e;margin-left: 2px}
.tackle-detail-top-record-divider {width: 1px;background: #e4e6eb;flex-shrink: 0}
.tackle-detail-fish-tags {padding: 12px 16px}
.tackle-detail-fish-tags-list {display: flex;flex-wrap: wrap;gap: 8px}
.tackle-detail-fish-tag {display: inline-block;padding: 4px 12px;font-size: 0.8rem;font-weight: 500;color: #92400e;background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border-radius: 20px;white-space: nowrap;text-decoration: none;transition: background 0.2s ease}
.tackle-detail-fish-tag:hover {background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)}
.tackle-detail-section {margin-bottom: 20px;background: #ffffff;border-radius: 16px;overflow: hidden;border: 1px solid #e4e6eb}
.tackle-detail-section-title {display: flex;align-items: center;gap: 8px;margin: 0;padding: 12px 16px;font-size: 0.9rem;font-weight: 600;color: #1c1e21;background: var(--color-bg-muted);border-bottom: 1px solid #e4e6eb}
.tackle-detail-section-title i {color: var(--color-warning)}
.tackle-detail-rating-item {display: flex;flex-direction: column;gap: 4px;padding: 12px 16px;border-bottom: 1px solid #f0f2f5}
.tackle-detail-rating-item:last-child {border-bottom: none}
.tackle-detail-rating-user {display: flex;align-items: center;gap: 6px;font-size: 0.8rem;font-weight: 600;color: #65676b;text-decoration: none}
.tackle-detail-rating-user:hover {color: var(--color-warning)}
.tackle-detail-rating-avatar {width: 20px;height: 20px;border-radius: 50%;object-fit: cover;flex-shrink: 0}
.tackle-detail-rating-beginner-icon {border-radius: 0}
.tackle-detail-rating-text {font-size: 0.9rem;color: #1c1e21;line-height: 1.5;overflow-wrap: anywhere}
.tackle-detail-report-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2px;padding: 2px}
.tackle-detail-grid-item {text-decoration: none;color: inherit;display: block}
.tackle-detail-grid-image {position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;background: #f0f2f5}
.tackle-detail-grid-image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.2s ease}
.tackle-detail-grid-item:hover .tackle-detail-grid-image img {transform: scale(1.05)}
.tackle-detail-grid-image .tackle-report-item-placeholder {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.tackle-detail-grid-overlay {position: absolute;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 6px;background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);pointer-events: none}
.tackle-detail-grid-fish {font-size: 0.7rem;font-weight: 700;color: #ffffff;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}
.tackle-detail-grid-stats {font-size: 0.6rem;font-weight: 600;color: rgba(255, 255, 255, 0.9);text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}
.tackle-detail-empty-message {padding: 20px 16px;margin: 0;font-size: 0.9rem;color: #a0a3a8;text-align: center}
.tackle-report-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 20px;color: #65676b;text-align: center}
.tackle-report-empty i {font-size: 3rem;color: #d8dadf;margin-bottom: 16px}
.tackle-report-empty p {font-size: 1rem;margin: 0}
.tackle-report-empty-hint {font-size: 0.85rem;color: #a0a3a8;margin-top: 8px}
@media (max-width: 480px) {.tackle-reports-page {padding: 12px}
.tackle-reports-title {font-size: 1.1rem}
.tackle-report-tabs {padding: 12px;gap: 6px}
.tackle-report-tab {padding: 8px 12px;font-size: 0.8rem}
.tackle-report-content.active {padding: 12px}
.tackle-report-summary {flex-direction: column;align-items: stretch;gap: 12px;padding: 12px}
.tackle-report-summary-item {justify-content: flex-start}
.tackle-report-summary-icon {width: 40px;height: 40px}
.tackle-report-summary-stats {justify-content: center}
.tackle-report-item {padding: 10px 12px;gap: 10px}
.tackle-report-item-image {width: 44px;height: 44px}
.tackle-report-item-name {font-size: 0.9rem}
.tackle-detail-top-record {margin-bottom: 16px}
.tackle-detail-top-record-header {padding: 8px 14px;font-size: 0.8rem}
.tackle-detail-top-record-item {padding: 12px 8px}
.tackle-detail-top-record-value {font-size: 1.3rem}
.tackle-detail-fish-tags {padding: 10px 12px}
.tackle-detail-fish-tag {font-size: 0.75rem;padding: 3px 10px}
.tackle-detail-header-info {padding: 12px;margin-bottom: 16px}
.tackle-detail-product-name {font-size: 1.05rem}
.tackle-detail-rating-item {padding: 10px 12px}
.tackle-detail-grid-fish {font-size: 0.65rem}
.tackle-detail-grid-stats {font-size: 0.55rem}
.tackle-report-breadcrumb--full {display: none}
.tackle-report-breadcrumb--back {display: block;padding: 8px 0}
.carousel3d-panel-tackle-list {padding: 6px;gap: 6px}
.carousel3d-tackle-item {padding: 6px 8px;gap: 8px}
.carousel3d-tackle-icon {width: 24px;height: 24px}
.carousel3d-tackle-name {font-size: 0.8rem}
.carousel3d-tackle-meta {font-size: 0.65rem}}