/* 数链设计平台 · 独立教学模式 */
.tutorial-entry-row{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:8px 24px 0}
.tutorial-entry-row .np-title{margin:0;padding:0}
.tutorial-entry{padding:8px 14px;border:1px solid #b79a63;background:#fffdf7;color:#806638;font-size:12px;letter-spacing:.12em;cursor:pointer;transition:.18s ease}
.tutorial-entry:hover{border-color:#0f3d33;background:#f1f5f1;color:#0f3d33}
.tutorial-dialog{position:fixed;inset:0;width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:42px;border:1px solid rgba(184,155,107,.35);overflow:auto;background:#fffdf8;color:#202a26;box-shadow:0 24px 70px rgba(30,39,34,.18)}
.tutorial-dialog::backdrop{background:rgba(38,44,40,.24);backdrop-filter:blur(2px)}
.tutorial-close{position:absolute;right:22px;top:18px;width:34px;height:34px;border:0;background:transparent;color:#829087;font-size:27px;font-weight:300;cursor:pointer}
.tutorial-kicker{display:block;margin-bottom:16px;color:#af8f58;font-size:11px;font-weight:700;letter-spacing:.26em}
.tutorial-dialog h3{margin:0 0 15px;font-family:Georgia,"Noto Serif SC",serif;font-size:30px;font-weight:500}
.tutorial-dialog p{margin:0;color:#657169;font-size:14px;line-height:1.9}
.tutorial-summary{display:flex;align-items:center;gap:17px;margin:26px 0;padding:18px 20px;border-left:3px solid #b89b6b;background:#f5f2e9}
.tutorial-summary b{color:#0f3d33;font-family:Georgia,serif;font-size:34px;font-weight:500}
.tutorial-summary span{color:#4f5c55;font-size:13px;line-height:1.65}
.tutorial-primary{width:100%;min-height:54px;border:0;background:#0f493d;color:#fff;font-size:15px;font-weight:600;letter-spacing:.12em;cursor:pointer}
.tutorial-primary:hover{background:#0b392f}
.tutorial-progress{height:4px;margin:22px 0;background:#e5e5df;overflow:hidden}
.tutorial-progress i{display:block;width:20%;height:100%;background:#b89b6b}
.tutorial-progress-dialog p{margin-bottom:26px}
.np-dialog.tutorial-guiding::backdrop{background:rgba(35,42,38,.34);backdrop-filter:blur(2px)}
.tutorial-soft-mask{position:absolute;z-index:20;inset:0;background:rgba(230,231,225,.56);pointer-events:none}
.np-dialog.tutorial-guiding [data-tour-id="create-project"]{position:relative;z-index:22;outline:3px solid rgba(184,155,107,.9);outline-offset:5px;box-shadow:0 0 0 8px rgba(184,155,107,.15),0 8px 24px rgba(15,73,61,.18)}
.tutorial-callout{position:absolute;z-index:23;right:30px;bottom:112px;width:min(280px,calc(100% - 60px));padding:15px 17px;border:1px solid rgba(184,155,107,.55);background:#fffdf8;color:#26332d;box-shadow:0 12px 30px rgba(35,43,38,.18);pointer-events:none}
.tutorial-callout b{display:block;margin-bottom:5px;color:#0f493d;font-size:13px}
.tutorial-callout span{color:#6d766f;font-size:12px;line-height:1.6}
@media(max-width:640px){.tutorial-dialog{padding:34px 24px}.tutorial-dialog h3{font-size:26px}.tutorial-entry-row{align-items:flex-start}.tutorial-entry{padding:7px 10px;font-size:10px}.tutorial-callout{right:20px;bottom:105px;width:calc(100% - 40px)}}

/* 教学项目标签与项目页续接引导 */
.tutorial-project-badge{display:inline-flex;align-items:center;margin-top:12px;padding:5px 10px;border:1px solid rgba(184,155,107,.65);background:rgba(255,253,248,.86);color:#8a6d3c;font-size:10px;font-weight:600;letter-spacing:.16em}
.tutorial-list-badge{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:3px 8px;border:1px solid rgba(184,155,107,.68);background:rgba(184,155,107,.08);color:#866b3e;font-size:9.5px;font-weight:650;line-height:1.4;letter-spacing:.14em;white-space:nowrap}
.tutorial-page-mask{position:fixed;z-index:1000;background:rgba(43,49,45,.32);backdrop-filter:blur(1px);pointer-events:none}
.tutorial-page-focus{position:relative!important;z-index:1002!important;outline:3px solid rgba(184,155,107,.95);outline-offset:6px;box-shadow:0 0 0 10px rgba(184,155,107,.16),0 14px 32px rgba(15,73,61,.2)}
.tutorial-page-callout{position:fixed;z-index:1003;padding:20px 22px;border:1px solid rgba(184,155,107,.58);background:#fffdf8;color:#26332d;box-shadow:0 18px 46px rgba(30,39,34,.2)}
.tutorial-page-callout>button{position:absolute;right:10px;top:8px;width:28px;height:28px;border:0;background:transparent;color:#8c958f;font-size:21px;cursor:pointer}
.tutorial-page-callout small{display:block;margin-bottom:9px;color:#a8874e;font-size:9px;font-weight:700;letter-spacing:.24em}
.tutorial-page-callout b{display:block;padding-right:24px;color:#0f493d;font-family:var(--serif);font-size:17px;letter-spacing:.05em}
.tutorial-page-callout p{margin:8px 0 0;color:#667169;font-size:12px;line-height:1.75}
@media(max-width:640px){.tutorial-page-callout{padding:17px 18px}.tutorial-page-callout b{font-size:15px}.tutorial-page-mask{background:rgba(43,49,45,.26)}}