body,html{height:100%;margin:0;overflow:hidden;background:#f5f7fa}.opfy-page{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:0 0 14px;overflow:hidden}.opfy-carousel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden}.opfy-carousel__viewport{flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.opfy-carousel__nav-box{position:absolute;z-index:2;box-sizing:border-box;pointer-events:none}.opfy-carousel__nav-box .opfy-carousel__nav{pointer-events:auto}.opfy-carousel__nav{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:rgba(120,124,130,.45);color:#fff;cursor:pointer;transform:translateY(-50%);transition:background-color .15s ease}.opfy-carousel__nav--prev{left:12px}.opfy-carousel__nav--next{right:12px}.opfy-carousel__nav:hover{background:rgba(100,104,110,.62)}.opfy-carousel__nav:active{background:rgba(80,84,90,.72)}.opfy-carousel__nav svg{display:block;width:22px;height:22px;fill:currentColor}.opfy-carousel__track{display:flex;height:100%;will-change:transform}.opfy-carousel__slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:2px}.opfy-carousel__img{display:block;box-sizing:border-box;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;border:2px solid #dcdfe6;border-radius:0}.opfy-legend-wrap{flex:0 0 auto;margin-top:12px;padding:2px 20px 0}.opfy-legend{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.opfy-legend__unit{display:flex;align-items:center;flex:0 0 auto}.opfy-legend__arrow{flex:0 0 auto;width:auto;min-width:16px;padding:0 16px;text-align:center;font-size:16px;line-height:1;color:#c0c4cc;user-select:none;align-self:center}.opfy-legend__item{flex:0 1 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;width:96px;padding:8px 6px 6px;border:1px solid #dcdfe6;border-radius:2px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.opfy-legend__item:hover{border-color:#b3d4ff}.opfy-legend__item.is-active{border-color:#1777ff;box-shadow:0 0 0 1px rgba(23,119,255,.15)}.opfy-legend__num{font-size:11px;line-height:1.2;font-weight:600;color:#1777ff}.opfy-legend__title{font-size:11px;line-height:1.25;text-align:center;color:#606266;word-break:break-all}.opfy-legend__item.is-active .opfy-legend__title{color:#303133;font-weight:600}.opfy-legend__thumb{display:block;width:72px;height:44px;object-fit:cover;border-radius:2px;background:#f2f3f5;margin-top:2px}.opfy-hint{flex:0 0 auto;margin:8px 0 0;font-size:12px;line-height:1.5;text-align:center;color:#a8abb2}.opfy-foot{flex:0 0 auto;display:flex;justify-content:center;margin-top:12px;padding:2px 20px 0}.opfy-close-btn{box-sizing:border-box;min-width:120px;padding:8px 24px;font-size:14px;line-height:1.4;color:#fff;background-color:#1777ff;border:1px solid #1777ff;border-radius:2px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.opfy-close-btn:hover{background-color:#1266e6;border-color:#1266e6}.opfy-close-btn:active{background-color:#0f5fd4;border-color:#0f5fd4}