.page-fish{font-family:var(--font-PFDINTextPro-Regular)}.page-fish[country=cn]{font-family:var(--font-SourceHanSansCN-Regular)}.page-fish[country=cn] .font-Bold{font-family:var(--font-SourceHanSansCN-Medium)}.page-fish[country=cn] .font-Black{font-family:var(--font-SourceHanSansCN-Bold)}.page-fish[country=jp]{font-family:var(--font-NotoSansJP-Regular)}.page-fish[country=jp] .font-Bold{font-family:var(--font-NotoSansJP-Medium)}.page-fish[country=jp] .font-Black{font-family:var(--font-NotoSansJP-Bold)}.page-fish .font-Bold{font-family:var(--font-DINCOROS-Bold)}.page-fish .font-Black{font-family:var(--font-DINCOROS-Black)}.page-fish .tech-swiper-section,.page-fish .water-swiper-section,.page-fish .environmental-swiper-section,.page-fish .tutorial-swiper-section{overflow:hidden}.page-fish .tech-swiper{width:7.9166666667rem}.page-fish .environmental-swiper{width:7.4635416667rem}.page-fish :deep(.swiper-wrapper){-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.page-fish .tech-swiper-slide,.page-fish .water-swiper-slide,.page-fish .tutorial-swiper-slide{width:5.4791666667rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish .tech-slide-card,.page-fish .water-slide-card{position:relative;width:100%;height:3.234375rem;overflow:hidden;background-color:#2a241e}.page-fish .tech-slide-card:after,.page-fish .water-slide-card:after{content:"";position:absolute;inset:0;background:#0003;pointer-events:none}.page-fish .tech-slide-bg,.page-fish .water-slide-bg{position:absolute;inset:0;z-index:0}.page-fish :deep(.tech-slide-bg__img),.page-fish :deep(.water-slide-bg__img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-fish .tech-slide-copy,.page-fish .tech-slide-watch,.page-fish .water-slide-copy,.page-fish .water-slide-watch{position:absolute;z-index:1}.page-fish .tech-slide-copy{top:50%;left:.3958333333rem;width:2.34375rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff}.page-fish[country=cn] .tech-slide-title,.page-fish[country=cn] .water-slide-title,.page-fish[country=jp] .tech-slide-title,.page-fish[country=jp] .water-slide-title{font-size:.2604166667rem}.page-fish[country=cn] .tech-slide-desc,.page-fish[country=cn] .water-slide-desc,.page-fish[country=jp] .tech-slide-desc,.page-fish[country=jp] .water-slide-desc{font-size:.1145833333rem}.page-fish[country=cn] .detail-card-title,.page-fish[country=jp] .detail-card-title{font-size:.2083333333rem}.page-fish[country=cn] .detail-card-desc,.page-fish[country=jp] .detail-card-desc{font-size:.1145833333rem}.page-fish[country=cn] .create-route-item-head .route-item-title,.page-fish[country=jp] .create-route-item-head .route-item-title{font-size:.1666666667rem}.page-fish[country=cn] .create-route-item-desc,.page-fish[country=jp] .create-route-item-desc{font-size:.1145833333rem}.page-fish[country=cn] .environmental-slide-title,.page-fish[country=jp] .environmental-slide-title{font-size:.1979166667rem}.page-fish .tech-slide-title,.page-fish .water-slide-title{margin:0;font-size:.375rem;line-height:.95;letter-spacing:.0104166667rem;text-transform:uppercase}.page-fish .tech-slide-desc,.page-fish .water-slide-desc{margin:.125rem 0 0;font-size:.1458333333rem;font-weight:400;line-height:1.3}.page-fish .tech-slide-watch,.page-fish .water-slide-watch{top:50%;right:.34375rem;width:2rem;height:2.5052083333rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.page-fish .tech-slide-watch-shell{position:absolute;display:block;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:1}.page-fish .tech-swiper-footer,.page-fish .water-swiper-footer,.page-fish .environmental-swiper-footer,.page-fish .tutorial-swiper-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.1875rem;width:7.9166666667rem;margin-top:.2083333333rem}.page-fish .environmental-swiper-section,.page-fish .water-swiper-section{overflow:visible}.page-fish .water-swiper-footer{width:100%;max-width:7.9166666667rem}.page-fish .environmental-swiper-progress{width:100%}.page-fish .environmental-swiper-actions{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish .tech-swiper-progress,.page-fish .water-swiper-progress,.page-fish .environmental-swiper-progress,.page-fish .tutorial-swiper-progress{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:.0104166667rem}.page-fish .tech-swiper-progress-track,.page-fish .tech-swiper-progress-fill,.page-fish .water-swiper-progress-track,.page-fish .water-swiper-progress-fill,.page-fish .environmental-swiper-progress-track,.page-fish .environmental-swiper-progress-fill,.page-fish .tutorial-swiper-progress-track,.page-fish .tutorial-swiper-progress-fill{position:absolute;top:0;left:0;height:100%}.page-fish .tech-swiper-progress-track,.page-fish .water-swiper-progress-track,.page-fish .environmental-swiper-progress-track,.page-fish .tutorial-swiper-progress-track{width:100%;background:#ffffffe6}.page-fish .tech-swiper-progress-fill,.page-fish .water-swiper-progress-fill,.page-fish .environmental-swiper-progress-fill,.page-fish .tutorial-swiper-progress-fill{background:#f59d1c;-webkit-transition:width .6s ease;transition:width .6s ease}.page-fish .tech-swiper-actions,.page-fish .water-swiper-actions,.page-fish .environmental-swiper-actions,.page-fish .tutorial-swiper-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.0625rem}.page-fish .water-swiper-actions{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish .tech-swiper-nav,.page-fish .water-swiper-nav,.page-fish .environmental-swiper-nav,.page-fish .tutorial-swiper-nav{position:relative;width:.1666666667rem;height:.1666666667rem;border:none;border-radius:50%;background:#ffffffe6;cursor:pointer;-webkit-transition:opacity .3s ease,background-color .3s ease;transition:opacity .3s ease,background-color .3s ease}.page-fish .tech-swiper-nav:before,.page-fish .water-swiper-nav:before,.page-fish .environmental-swiper-nav:before,.page-fish .tutorial-swiper-nav:before{content:"";position:absolute;top:50%;left:50%;width:.0416666667rem;height:.0416666667rem;border-top:2px solid #1c1b1b;border-right:2px solid #1c1b1b;-webkit-transform:translate(-70%,-50%) rotate(45deg);-ms-transform:translate(-70%,-50%) rotate(45deg);transform:translate(-70%,-50%) rotate(45deg)}.page-fish .tech-swiper-nav:hover,.page-fish .water-swiper-nav:hover,.page-fish .environmental-swiper-nav:hover,.page-fish .tutorial-swiper-nav:hover{background:#fff}.page-fish .tech-swiper-nav-prev:before,.page-fish .water-swiper-nav-prev:before,.page-fish .environmental-swiper-nav-prev:before,.page-fish .tutorial-swiper-nav-prev:before{-webkit-transform:translate(-40%,-50%) rotate(-135deg);-ms-transform:translate(-40%,-50%) rotate(-135deg);transform:translate(-40%,-50%) rotate(-135deg)}.page-fish :deep(.tech-swiper-nav.swiper-button-disabled){opacity:.35;cursor:not-allowed}.page-fish :deep(.environmental-swiper-nav.swiper-button-disabled){opacity:.35;cursor:not-allowed}.page-fish :deep(.tutorial-swiper-nav.swiper-button-disabled){opacity:.35;cursor:not-allowed}.page-fish .fish-types .intro .title,.page-fish .fish-types .intro .subtitle{text-align:center}.page-fish .detail-swiper-wrap{width:8.8541666667rem;margin:0 auto;padding:0 .3645833333rem}.page-fish .detail-swiper{width:100%;overflow:hidden}.page-fish .detail-swiper-slide{height:auto}.page-fish .detail-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:2.2135416667rem;min-height:1.7708333333rem;margin:0 auto;text-align:center}.page-fish .detail-card-icon{width:.9635416667rem;height:.9635416667rem;margin-bottom:.1666666667rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish :deep(.detail-card-icon__img){width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.page-fish .detail-card-title{margin:0;font-size:.2916666667rem;line-height:1;text-transform:uppercase}.page-fish .detail-card-desc{margin:.1041666667rem 0 0;max-width:2.2135416667rem;font-size:.1458333333rem;font-weight:400;line-height:1.3}.page-fish .detail-swiper-nav{position:absolute;top:.2708333333rem;z-index:2;width:.3645833333rem;height:.3645833333rem;border:none;border-radius:50%;background:#f4f4f4;cursor:pointer;-webkit-transition:opacity .3s ease,background-color .3s ease;transition:opacity .3s ease,background-color .3s ease}.page-fish .detail-swiper-nav:before{content:"";position:absolute;top:50%;left:50%;width:.09375rem;height:.09375rem;border-top:4px solid #020015;border-right:4px solid #020015;-webkit-transform:translate(-62%,-50%) rotate(45deg);-ms-transform:translate(-62%,-50%) rotate(45deg);transform:translate(-62%,-50%) rotate(45deg)}.page-fish .detail-swiper-nav:hover{background:#ededed}.page-fish .detail-swiper-nav-prev{left:0}.page-fish .detail-swiper-nav-prev:before{-webkit-transform:translate(-38%,-50%) rotate(-135deg);-ms-transform:translate(-38%,-50%) rotate(-135deg);transform:translate(-38%,-50%) rotate(-135deg)}.page-fish .detail-swiper-nav-next{right:0}.page-fish :deep(.detail-swiper-nav.swiper-button-disabled){opacity:1;cursor:pointer;pointer-events:auto}.page-fish .water-slide-copy{top:50%;left:.3958333333rem;width:2.34375rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:left;color:#fff}.page-fish .tech-slide-watch.is-weather,.page-fish .tech-slide-watch.is-record{right:.34375rem;width:1.96875rem;height:2.6510416667rem}.page-fish .water-slide-watch.is-log{right:.2291666667rem;width:1.8541666667rem;height:3.0104166667rem;top:.2239583333rem;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0)}.page-fish .water-slide-watch.is-location,.page-fish .water-slide-watch.is-learn{right:.34375rem;width:1.96875rem;height:2.6510416667rem}.page-fish .water-slide-watch-shell{position:absolute;display:block;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:1}.page-fish :deep(.water-swiper-nav.swiper-button-disabled){opacity:.35;cursor:not-allowed}.page-fish .offline-maps .offline-hint{position:absolute;left:.65625rem;bottom:.8697916667rem;padding-right:.65625rem}.page-fish .create-a-route{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.page-fish .create-route-copy .title{width:3.5416666667rem;margin-bottom:.21875rem;letter-spacing:.0104166667rem}.page-fish .create-route-list{border-top:1px solid rgba(255,255,255,.3)}.page-fish .create-route-item{width:100%;border:none;padding:.1666666667rem 0 .15625rem;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:#ccc;text-align:left;cursor:pointer;-webkit-transition:color .35s ease;transition:color .35s ease}.page-fish .create-route-item:hover{color:#eee}.page-fish .create-route-item.active{color:#fff}.page-fish .create-route-item.active .create-route-item-desc{max-height:.9375rem;opacity:1;margin-top:.0833333333rem}.page-fish .create-route-item.active .create-route-item-arrow{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.page-fish .create-route-item-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-fish .create-route-item-head .route-item-title{margin:0;font-size:.234375rem;line-height:.95;letter-spacing:.0104166667rem;text-transform:uppercase}.page-fish .create-route-item-arrow{width:.078125rem;height:.078125rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;margin-right:.03125rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish .create-route-item-desc{max-width:3.2552083333rem;margin:0;max-height:0;opacity:0;overflow:hidden;font-size:.1458333333rem;font-weight:400;line-height:1.3;color:#ccc;-webkit-transition:opacity .35s ease,max-height .35s ease,margin-top .35s ease;transition:opacity .35s ease,max-height .35s ease,margin-top .35s ease}.page-fish .route-img{position:relative;height:4.71875rem}.page-fish .phone-shell{position:absolute;top:0;right:.0729166667rem;width:2.3125rem;height:4.6822916667rem;z-index:2}.page-fish .phone-screen-clips{position:absolute;left:.125rem;top:.109375rem;width:2.0625rem;height:4.4583333333rem;overflow:hidden;border-radius:.2708333333rem}.page-fish .route-phone-screen{position:absolute;inset:0}.page-fish :deep(.route-phone-screen__img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0!important;-webkit-transition:opacity .45s ease;transition:opacity .45s ease}.page-fish :deep(.route-phone-screen__img.active){opacity:1!important}.page-fish .watch-shell{position:absolute;left:0;bottom:0;width:1.6614583333rem;height:2.2447916667rem;z-index:3}.page-fish .watch-screen-clips{position:absolute;left:-.71875rem;top:.5625rem;width:1.0989583333rem;height:1.0989583333rem;border-radius:50%;overflow:hidden;z-index:1}.page-fish .watch-shell-screen{position:absolute;left:-.9895833333rem;bottom:0rem}.page-fish .route-watch-screen{position:absolute;inset:0}.page-fish :deep(.route-watch-screen__img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0!important;-webkit-transition:opacity .45s ease;transition:opacity .45s ease}.page-fish :deep(.route-watch-screen__img.active){opacity:1!important}.page-fish .environmental-data-subtitle{width:4.84375rem;line-height:1.3}.page-fish .environmental-swiper-slide{width:2.4739583333rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish .environmental-slide-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;min-height:2.7864583333rem;text-align:center}.page-fish .environmental-slide-watch{width:1.640625rem;height:2.0520833333rem}.page-fish :deep(.environmental-slide-watch__img){width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.page-fish .environmental-slide-title{margin:.234375rem 0 0;font-size:.2760416667rem;line-height:1;letter-spacing:.0052083333rem;text-transform:uppercase}.page-fish .track-hero .track-watch{position:absolute;left:.90625rem;bottom:0rem}.page-fish .tutorial-swiper-section{overflow:visible}.page-fish .tutorial-swiper-footer{width:100%;max-width:7.9166666667rem}.page-fish .tutorial-swiper-actions{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-fish .tutorial-slide-card{height:3.234375rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box}.page-fish .tutorial-slide-title{margin:0;color:#fff;font-size:.234375rem;line-height:1;text-transform:uppercase}