.tutorial-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#262626;overflow:hidden;letter-spacing:0}
.tutorial-dialog::backdrop{background:transparent}
.tutorial-image-input{display:grid;gap:6px;max-width:100%;font-size:12px;color:#267867}.tutorial-image-input input{max-width:100%;min-width:0;width:100%}#tutorial-global-preview{width:84px;height:84px;object-fit:contain}#tutorial-global-icon-reset{font-size:12px;padding:6px;border:1px solid #ddd;border-radius:4px;background:white}
.tutorial-stage{position:absolute;inset:0;overflow:auto;background:#fff;isolation:isolate;overscroll-behavior:contain}
.tutorial-surface .view.active{animation:none}
.tutorial-surface *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.tutorial-shade{position:absolute;inset:0;background:rgba(20,24,27,.48);pointer-events:none;z-index:50}
.tutorial-focus{position:absolute;border:2px solid #ad2723;border-radius:8px;box-shadow:0 0 0 9999px rgba(20,24,27,.48);pointer-events:none;z-index:51}
.tutorial-card{position:absolute;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 24px);padding:20px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 14px 48px #0003;font-size:14px;line-height:1.65;overflow:hidden;z-index:60}
.tutorial-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;color:#8c2421}
.tutorial-header small{display:block;font-size:11px;font-weight:400;color:#676767}
.tutorial-body .tutorial-task{font-size:12px;color:#267867;margin:0 0 6px}
.tutorial-body .tutorial-validation{font-size:12px;color:#267867;margin-top:8px}
.tutorial-sandbox-form{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:30;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 96px);padding:20px;background:#fff;border:1px solid #d7d7d7;border-radius:8px;box-shadow:0 12px 40px #0003;overflow:auto}
.tutorial-sandbox-form form{display:grid;gap:12px}.tutorial-sandbox-form label{display:block;font-size:13px}.tutorial-sandbox-form input:not([type="checkbox"]),.tutorial-sandbox-form textarea{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #ccc;border-radius:6px;font:inherit}.tutorial-sandbox-form textarea{min-height:90px;max-height:180px;resize:vertical}.tutorial-sandbox-form .dialog-head h2{font-size:19px}.tutorial-sandbox-notice{margin:0 0 12px;font-size:12px;color:#267867}.tutorial-sandbox-form .agent-create-symbol{display:none}
.tutorial-dialog[data-phase="navigation"] [data-tutorial-action],.tutorial-dialog[data-phase="practice"] [data-tutorial-action]{outline:2px solid #ad2723;outline-offset:3px;scroll-margin:84px 10px;cursor:pointer}
.tutorial-dialog [data-tutorial-kind="input"]{cursor:text!important}
.tutorial-dialog [hidden]{display:none!important}
.tutorial-header .icon-button{display:grid;place-items:center;flex:none;border:0}
#tutorial-close .ui-icon{transform:rotate(45deg)}
.tutorial-chapter-label{font-size:12px;color:#666}
#tutorial-chapter{width:100%;min-width:0;max-width:100%;height:38px;border:1px solid #d7d7d7;border-radius:6px;background:#fff;color:#333;padding:0 9px;font:inherit;font-size:13px;text-overflow:ellipsis}
.tutorial-progress{display:flex;justify-content:space-between;color:#666;font-size:12px}
#tutorial-progress{width:100%;height:4px;appearance:none;border:0;display:block;flex:none;background:#eee;border-radius:2px;overflow:hidden}
#tutorial-progress::-webkit-progress-bar{background:#eee}#tutorial-progress::-webkit-progress-value{background:#267867}#tutorial-progress::-moz-progress-bar{background:#267867}
.tutorial-body{min-height:0;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
.tutorial-body h2{margin:5px 0 10px;font-size:19px;line-height:1.45;font-weight:700;letter-spacing:0;outline:none}
.tutorial-body p{margin:0 0 8px;font-size:14px;line-height:1.8;color:#484848}
.tutorial-card [hidden]{display:none!important}
.tutorial-footer{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #eee;flex:none}
.tutorial-footer button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;margin:0;font-size:13px;white-space:normal}
.tutorial-footer .ui-icon{width:15px;height:15px}
.tutorial-footer button:disabled{opacity:.45;cursor:default}
.tutorial-secondary{display:flex;justify-content:space-between;gap:10px;flex:none}
.tutorial-secondary button{font-size:12px;color:#6b6b6b}
#tutorial-practice{border-top:1px solid #eee;margin-top:12px;padding-top:10px}
#tutorial-practice label{display:block;font-size:12px;color:#555}
#tutorial-practice-input{display:block;width:100%;margin:6px 0;padding:8px;border:1px solid #ccc;border-radius:6px;resize:vertical;font:inherit;font-size:13px;min-height:72px;max-height:130px}
#tutorial-quiz{margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid #eee;min-width:0}
#tutorial-quiz legend{font-size:13px;font-weight:700;padding:0;float:left;width:100%;margin-bottom:8px}
#tutorial-answers{clear:both;display:grid;gap:6px}
#tutorial-answers label{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}
#tutorial-answers input{flex:none;margin-top:5px;accent-color:#267867}
#tutorial-feedback{font-size:12px;color:#267867;margin-top:8px}
.tutorial-body .tutorial-note{font-size:12px;color:#796226;background:#fcf7e9;padding:8px;border-radius:4px}
.tutorial-error{font-size:12px;color:#a22520;flex:none}.tutorial-error button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
.tutorial-card button:focus-visible,.tutorial-card select:focus-visible,.tutorial-card textarea:focus-visible{outline:2px solid #267867;outline-offset:2px}
#tutorial-open{position:relative;display:grid;place-items:center;flex:none}
#tutorial-open::after{content:'新手教程';position:absolute;top:calc(100% + 8px);right:0;background:#272727;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}
#tutorial-open:hover::after,#tutorial-open:focus-visible::after{opacity:1}
@media(max-width:760px){.tutorial-card{padding:14px;gap:7px;max-height:min(58dvh,490px)}.tutorial-dialog[data-phase="navigation"] .tutorial-card,.tutorial-dialog[data-phase="practice"] .tutorial-card{max-height:48dvh}.tutorial-sandbox-form{top:64px;padding:14px}.tutorial-surface .chat-studio.is-empty{align-content:end;padding-bottom:24px}.tutorial-body h2{font-size:17px}.tutorial-body p{font-size:13px}.tutorial-header{font-size:13px}.tutorial-footer button{min-height:38px}.top-actions{gap:6px}}
@media(max-height:500px){.tutorial-card{max-height:calc(100dvh - 24px);gap:5px;padding:12px}.tutorial-header .icon-button{height:24px}.tutorial-chapter-label,.tutorial-secondary{display:none}}