uni-page-body[data-v-ad9a2295]{--theme-primary: var(--theme-primary, #0D6EFD);--theme-success: #67c23a;--theme-warning: #e6a23c;--theme-error: #fc5757;--theme-info: #909399;--theme-dark: #000000;--theme-bg: var(--background, #f6f7fa);--theme-text: var(--text, #333333);--theme-border: var(--border, #dcdfe6)}.tutorial-tabs[data-v-ad9a2295]{margin:0 0 .4375rem}.tutorial-tabs__bar[data-v-ad9a2295]{position:relative;z-index:20;padding:.3125rem 0 .4375rem}.tutorial-tabs__bar.is-pinned[data-v-ad9a2295]{position:fixed;right:.9375rem;left:.9375rem;z-index:500}.tutorial-tabs__bar[data-v-ad9a2295]:before{position:absolute;top:0;right:-.9375rem;bottom:0;left:-.9375rem;z-index:-1;background:linear-gradient(180deg,rgba(248,249,252,.97),rgba(248,249,252,.9));border-bottom:.03125rem solid rgba(31,41,55,.04);backdrop-filter:blur(.5625rem);content:""}.tutorial-tabs__scroll[data-v-ad9a2295]{box-sizing:border-box;width:100%;overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.76);border:.03125rem solid rgba(31,41,55,.07);border-radius:.5rem;box-shadow:0 .25rem .6875rem rgba(31,41,55,.043),inset 0 0 0 .03125rem rgba(255,255,255,.7)}.tutorial-tabs__list[data-v-ad9a2295]{display:flex;align-items:center;box-sizing:border-box;width:100%;height:2.375rem;padding:.1875rem}.tutorial-tabs__item[data-v-ad9a2295]{position:relative;flex:1 1 0;min-width:0;height:2rem;padding:0 .25rem;color:#7b8190;font-size:.78125rem;font-weight:700;line-height:2rem;border-radius:.375rem;text-align:center;white-space:nowrap;transition:color .2s ease,background .2s ease}.tutorial-tabs__item.is-active[data-v-ad9a2295]{color:var(--theme-primary);font-weight:900;background:color-mix(in srgb,var(--theme-primary) 9%,#fff)}.tutorial-tabs__item.is-active[data-v-ad9a2295]:after{position:absolute;right:.875rem;bottom:.15625rem;left:.875rem;height:.125rem;background:var(--theme-primary);border-radius:.125rem;content:""}uni-page-body[data-v-b12c5087]{--theme-primary: var(--theme-primary, #0D6EFD);--theme-success: #67c23a;--theme-warning: #e6a23c;--theme-error: #fc5757;--theme-info: #909399;--theme-dark: #000000;--theme-bg: var(--background, #f6f7fa);--theme-text: var(--text, #333333);--theme-border: var(--border, #dcdfe6)}.photo-tutorial__list[data-v-b12c5087]{position:relative}.photo-tutorial__list[data-v-b12c5087]:before{position:absolute;top:2.5rem;bottom:2.5rem;left:1.46875rem;z-index:1;width:.03125rem;background:var(--theme-primary);content:"";opacity:.22}.photo-tutorial__item[data-v-b12c5087]{position:relative;display:flex;align-items:center;min-height:5.5rem;padding:.5625rem .625rem .5625rem 0;transition:background .2s ease;border-radius:.75rem}.photo-tutorial__item.is-active[data-v-b12c5087]{background:linear-gradient(90deg,rgba(124,58,237,.08),transparent 72%)}.photo-tutorial__item[data-v-b12c5087]:after{position:absolute;right:7%;bottom:0;width:80%;border-bottom:.03125rem solid rgba(33,37,46,.07);content:""}.photo-tutorial__axis[data-v-b12c5087]{position:relative;display:flex;flex:0 0 2.9375rem;align-self:stretch;align-items:center;justify-content:center}.photo-tutorial__marker[data-v-b12c5087]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:#b8bcc7;font-size:.8125rem;background:#f1f2f5;border-radius:50%;box-shadow:inset 0 0 0 .03125rem rgba(33,37,46,.06);transition:all .2s ease}.photo-tutorial__marker.is-clocked[data-v-b12c5087]{color:#fff;background:var(--theme-primary);box-shadow:0 .25rem .5625rem color-mix(in srgb,var(--theme-primary) 30%,transparent)}.photo-tutorial__marker.is-active[data-v-b12c5087]{width:1.75rem;height:1.75rem;color:#fff;font-size:.9375rem;background:var(--theme-primary);box-shadow:0 0 0 .3125rem color-mix(in srgb,var(--theme-primary) 12%,transparent),0 .4375rem .875rem color-mix(in srgb,var(--theme-primary) 34%,transparent)}.photo-tutorial__index[data-v-b12c5087]{position:relative;z-index:1;margin-right:.25rem;color:#98a2b3;font-size:.625rem;font-weight:800;line-height:1}.photo-tutorial__cover[data-v-b12c5087]{flex:0 0 4.625rem;width:4.625rem;height:4.625rem;background:#eef1f6;border-radius:.5rem}.photo-tutorial__content[data-v-b12c5087]{flex:1;min-width:0;padding-left:.6875rem}.photo-tutorial__name[data-v-b12c5087]{overflow:hidden;color:#191b21;font-size:.9375rem;font-weight:900;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.photo-tutorial__spot-title[data-v-b12c5087]{margin:0;overflow:hidden;font-size:.9375rem;font-weight:inherit;line-height:inherit;text-overflow:ellipsis;white-space:nowrap}img.photo-tutorial__cover[data-v-b12c5087]{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.photo-tutorial__desc[data-v-b12c5087]{display:-webkit-box;margin-top:.4375rem;overflow:hidden;color:#737986;font-size:.75rem;font-weight:500;line-height:1.55;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.photo-tutorial__empty[data-v-b12c5087]{display:flex;align-items:center;justify-content:center;height:5.625rem;color:#98a2b3;font-size:.8125rem;background:#fff;border-radius:.5625rem}uni-page-body[data-v-e4955522]{--theme-primary: var(--theme-primary, #0D6EFD);--theme-success: #67c23a;--theme-warning: #e6a23c;--theme-error: #fc5757;--theme-info: #909399;--theme-dark: #000000;--theme-bg: var(--background, #f6f7fa);--theme-text: var(--text, #333333);--theme-border: var(--border, #dcdfe6)}.tutorial-detail[data-v-e4955522]{padding:1.0625rem}.tutorial-detail__topbar[data-v-e4955522]{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem}.tutorial-detail__album-entry[data-v-e4955522]{display:flex;align-items:center;justify-content:center;min-width:3.75rem;padding:0 .625rem;height:2.5rem;flex:none;border:.03125rem solid color-mix(in srgb,var(--theme-primary) 18%,transparent);border-radius:.5625rem;background:color-mix(in srgb,var(--theme-primary) 90%,#ffffff);box-shadow:0 .375rem .75rem color-mix(in srgb,var(--theme-primary) 14%,transparent);color:#fff;transition:transform .18s ease,background-color .18s ease}.tutorial-detail__album-entry[data-v-e4955522]:active{transform:scale(.94);background:color-mix(in srgb,var(--theme-primary) 14%,#ffffff)}.tutorial-detail__template[data-v-e4955522]{margin:1.5rem 0}.tutorial-detail.has-login-bar[data-v-e4955522]{padding-bottom:calc(5.625rem + env(safe-area-inset-bottom))}.tutorial-detail__intro[data-v-e4955522]{margin-bottom:.25rem;padding:0 .125rem .5625rem}.tutorial-detail__header[data-v-e4955522]{position:relative;min-height:10.0625rem;margin-bottom:.8125rem;padding:.75rem;overflow:hidden;background:linear-gradient(105deg,rgba(255,255,255,.5),rgba(255,255,255,.4) 46%,rgba(255,255,255,.3) 68%,rgba(255,255,255,0));border:.03125rem solid rgba(31,41,55,.05);border-radius:.8125rem;box-shadow:0 .5625rem 1.3125rem rgba(80,61,135,.1),inset 0 0 0 .03125rem rgba(255,255,255,.68)}.tutorial-detail__header.has-cover[data-v-e4955522]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.8) 42%,rgba(255,255,255,.5) 62%,rgba(255,255,255,.1));content:""}.tutorial-detail__cover[data-v-e4955522]{position:absolute;inset:0 0 0 auto;width:100%;height:100%}img.tutorial-detail__cover[data-v-e4955522]{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.tutorial-detail__header-content[data-v-e4955522]{position:relative;z-index:2;width:100%}.tutorial-detail__eyebrow[data-v-e4955522]{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;color:var(--theme-primary);font-size:.6875rem;font-weight:800;line-height:1;background:rgba(139,92,246,.12);border-radius:31.21875rem;box-shadow:0 .1875rem .5625rem rgba(139,92,246,.08)}.tutorial-detail__title[data-v-e4955522]{color:#202128;font-size:1.3125rem;font-weight:900;letter-spacing:0;line-height:1.22}.tutorial-detail__subtitle[data-v-e4955522]{display:-webkit-box;margin-top:.375rem;overflow:hidden;color:#626977;font-size:.75rem;font-weight:700;line-height:1.45;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tutorial-detail__scenic-tip[data-v-e4955522]{margin-top:.75rem}.tutorial-detail__scenic-tip-title[data-v-e4955522]{color:var(--theme-primary);font-size:.8125rem;font-weight:900;line-height:1.25}.tutorial-detail__scenic-tip-desc[data-v-e4955522]{display:-webkit-box;overflow:hidden;color:#626977;font-size:.75rem;line-height:1.5;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tutorial-detail__meta[data-v-e4955522]{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5625rem}.tutorial-detail__meta-item[data-v-e4955522]{height:1.3125rem;padding:0 .4375rem;color:#8a79ad;font-size:.6875rem;font-weight:800;line-height:1.3125rem;background:rgba(255,255,255,.76);border:.03125rem solid rgba(139,92,246,.08);border-radius:31.21875rem;box-shadow:0 .25rem .5625rem rgba(87,68,128,.06)}.photo-tutorial[data-v-e4955522]{margin-top:.875rem;padding:.75rem 0 .25rem}.photo-tutorial__heading[data-v-e4955522]{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-bottom:.6875rem}.photo-tutorial__title[data-v-e4955522]{display:flex;align-items:center;gap:.3125rem;color:#17181d;font-size:1.0625rem;font-weight:900;line-height:1.2}.photo-tutorial__title-icon[data-v-e4955522]{color:var(--theme-primary);font-size:1.125rem;font-weight:400;line-height:1}.photo-tutorial__actions[data-v-e4955522]{display:flex;align-items:center;gap:.5rem}.photo-tutorial__count[data-v-e4955522]{flex:0 0 auto;color:#8a93a3;font-size:.6875rem;font-weight:800;line-height:1.2}.photo-tutorial__clockin-btn[data-v-e4955522]{display:inline-flex;align-items:center;gap:.1875rem;height:1.625rem;padding:0 .5625rem;margin:0;border:0;border-radius:31.21875rem;color:#fff;font-size:.6875rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 .25rem .625rem rgba(124,58,237,.2)}.photo-tutorial__clockin-btn[data-v-e4955522]:after{border:0}.photo-tutorial__clockin-btn .cl-icon-camera-fill[data-v-e4955522]{font-size:.75rem}.photo-tutorial__search[data-v-e4955522]{display:flex;align-items:center;height:2.375rem;margin-bottom:.5625rem;padding:0 .6875rem;background:rgba(255,255,255,.76);border:.03125rem solid rgba(31,41,55,.07);border-radius:.5625rem;box-shadow:0 .3125rem .75rem rgba(31,41,55,.043),inset 0 0 0 .03125rem rgba(255,255,255,.72);backdrop-filter:blur(.4375rem)}.photo-tutorial__search-icon[data-v-e4955522]{flex:0 0 auto;margin-right:.4375rem;color:var(--theme-primary);font-size:1rem}.photo-tutorial__search-input[data-v-e4955522]{flex:1;min-width:0;height:2.375rem;color:#252936;font-size:.78125rem;line-height:2.375rem}.photo-tutorial__search-placeholder[data-v-e4955522]{color:#a0a7b4}.photo-tutorial__search-clear[data-v-e4955522]{flex:0 0 auto;padding:.375rem;color:#a0a7b4;font-size:.75rem}.tutorial-popup__map[data-v-e4955522]{padding:.625rem .9375rem 0}.tutorial-popup[data-v-e4955522]{box-sizing:border-box;max-height:38vh;padding:.3125rem .9375rem .625rem}.tutorial-popup__footer[data-v-e4955522]{padding:.5rem .9375rem .9375rem}.tutorial-popup__camera[data-v-e4955522]{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;height:2.5625rem;margin:0;color:#fff;font-size:.9375rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#8f4dff,var(--theme-primary));border-radius:31.21875rem;box-shadow:0 .4375rem 1rem color-mix(in srgb,var(--theme-primary) 22%,transparent)}.tutorial-popup__camera[data-v-e4955522]:after{border:0}.tutorial-popup__camera .cl-icon-camera-fill[data-v-e4955522]{font-size:1.0625rem}.tutorial-popup__empty[data-v-e4955522]{padding:1.875rem 0;color:#98a2b3;font-size:.8125rem;text-align:center}.clockin-login-bar[data-v-e4955522]{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;border-radius:.75rem;background:rgba(255,255,255,.92);box-shadow:0 .5rem 1.25rem rgba(31,32,40,.14);backdrop-filter:blur(.375rem)}.clockin-login-bar__text[data-v-e4955522]{display:flex;flex-direction:column;gap:.1875rem;min-width:0}.clockin-login-bar__title[data-v-e4955522]{color:#202128;font-size:.84375rem;font-weight:800;line-height:1.2}.clockin-login-bar__sub[data-v-e4955522]{color:#8e9099;font-size:.6875rem;line-height:1.2}.clockin-login-bar__btn[data-v-e4955522]{flex:0 0 auto;height:1.9375rem;padding:0 1rem;margin:0;border:0;border-radius:31.21875rem;color:#fff;font-size:.78125rem;font-weight:800;line-height:1.9375rem;background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 .3125rem .75rem rgba(124,58,237,.35)}.clockin-login-bar__btn[data-v-e4955522]:after{border:0}