:root{--tutorial-background: #e6f2fe;color:#111;background:var(--tutorial-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;overflow-x:clip;background:var(--tutorial-background)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:var(--tutorial-background);-webkit-font-smoothing:antialiased}.page-shell{display:flex;width:100%;min-height:100vh;padding:clamp(16px,3vh,32px) 0;align-items:center;justify-content:center}.page-shell--detail{align-items:center}.tutorial-page{width:min(100%,clamp(390px,calc(56.25vh - 36px),500px));min-height:0;flex:0 0 auto;overflow:hidden;background:var(--tutorial-background)}.tutorial-page--detail{position:relative;display:grid;align-items:center;justify-content:center;background:var(--tutorial-background)}.tutorial-section{display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;line-height:0}.tutorial-section--link{cursor:pointer;-webkit-tap-highlight-color:transparent}.tutorial-section--link:focus-visible{position:relative;z-index:1;outline:4px solid #0a7cff;outline-offset:-4px}.tutorial-section-image{display:block;width:100%;height:auto;margin:0;-webkit-user-select:none;user-select:none}.tutorial-detail-image{grid-area:1 / 1;display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 64px);margin:0;object-fit:contain;-webkit-user-select:none;user-select:none}.tutorial-back{position:relative;grid-area:1 / 1;align-self:start;justify-self:end;z-index:2;display:inline-flex;width:34px;min-width:34px;min-height:34px;margin:12px;padding:0;align-items:center;justify-content:center;border:1px solid rgb(10 124 255 / 35%);border-radius:999px;color:#07558f;background:#ffffffe5;box-shadow:0 4px 14px #195d972e;font-size:18px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tutorial-back:hover{background:#fff}.tutorial-back:active{background:#eaf6ff;box-shadow:0 2px 8px #195d972e}.tutorial-back:focus-visible{outline:3px solid #0a7cff;outline-offset:2px}@media(max-width:520px){.page-shell{display:flex;height:100dvh;min-height:0;padding:0;align-items:center;justify-content:center}.tutorial-page{width:calc(100% - 24px);min-height:0}.tutorial-page--detail{min-height:0}.tutorial-detail-image{max-height:100dvh}.tutorial-back{margin-block-start:max(12px,env(safe-area-inset-top));margin-inline-end:max(12px,env(safe-area-inset-right))}}