.tutorial-page[data-v-e3af1692]{margin:0;padding:0;height:100%;min-height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#222444;letter-spacing:.02em;box-sizing:border-box}.tutorial-scroll[data-v-e3af1692]{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.tutorial-page [data-v-e3af1692],.tutorial-page [data-v-e3af1692]:after,.tutorial-page [data-v-e3af1692]:before{box-sizing:border-box}.tutorial-page .container[data-v-e3af1692]{max-width:780px;background-color:#fff;padding:calc(30px + env(safe-area-inset-top)) 20px 30px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.reward-line[data-v-e3af1692]{font-size:14px;line-height:1.4;color:#999;margin:0 0 24px}.reward-line strong[data-v-e3af1692]{color:#007aff;font-weight:600}.video-list[data-v-e3af1692]{display:flex;flex-direction:column}.video-section[data-v-e3af1692]{margin:0}.tutorial-page .video-title[data-v-e3af1692]{font-size:20px;margin-bottom:24px;padding-left:10px;border-left:6px solid #007aff;line-height:1;font-weight:600;color:#2c3e50}.video-list .video-section:first-child .video-title[data-v-e3af1692]{margin-top:0}.video-section-divider[data-v-e3af1692]{border:none;border-top:1px solid #eee;margin:36px 0}.video-embed-host[data-v-e3af1692]{width:50%;margin:0 auto;position:relative;background:#000;border-radius:0;overflow:hidden}.video-frame-wrap[data-v-e3af1692]{position:relative;width:100%;padding-top:150%;background:#000}.video-play-mask[data-v-e3af1692]{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background:transparent}.video-frame[data-v-e3af1692]{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.watched-btn[data-v-e3af1692]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:20px 0 0;min-height:48px;padding:14px 20px;font-size:15px;font-weight:500;line-height:1.4;color:#666888;background-color:#f0f7ff;border:none;border-radius:6px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.watched-btn[data-v-e3af1692]:active:not(:disabled){opacity:.92}.watched-btn-done[data-v-e3af1692]{color:#2c3e50;background-color:#e8f4ff;border-left-color:#007aff}.watched-btn-check[data-v-e3af1692]{color:#007aff;font-size:16px;line-height:1}.watched-btn-disabled[data-v-e3af1692]{opacity:.55;cursor:not-allowed}.footer[data-v-e3af1692]{flex-shrink:0;z-index:100;padding:12px 12px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 12px rgba(0,0,0,.05)}.claim-btn[data-v-e3af1692]{height:46px;border-radius:4px;background:linear-gradient(180deg,#1a88ff,#0071ec);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.claim-btn-disabled[data-v-e3af1692]{background:rgba(0,0,0,.1);color:#aaa}.claim-btn-claimed[data-v-e3af1692]{opacity:.55;background:#e8f4ff;color:#2c3e50}.footer-tip[data-v-e3af1692]{margin-top:8px;text-align:center;font-size:14px;color:#999}.tutorial-video-popup.van-popup{width:84vw;max-width:400px;background:#fff;overflow:hidden}.tutorial-video-popup .video-popup-inner{padding:16px 16px 20px}.tutorial-video-popup .video-popup-title{font-size:16px;font-weight:600;color:#2c3e50;margin:0 28px 12px 0;line-height:1.35}.tutorial-video-popup .video-popup-frame-wrap{position:relative;width:100%;padding-top:170%;background:#000;border-radius:8px;overflow:hidden}.tutorial-video-popup .video-popup-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:0}