:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#173c32;background:#e9e0d2;font-synthesis:none;--paper:#f7f1e5;--paper-light:#fff9ef;--ink:#173c32;--orange:#c98623;--line:#ded2c0;--muted:#746d62}*{box-sizing:border-box}button{font:inherit}body{margin:0;min-width:320px;min-height:100vh;background:#e9e0d2;-webkit-font-smoothing:antialiased}button:focus-visible{outline:3px solid #397b8c;outline-offset:3px}.prototype-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:82px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f7f1e5f5;border-bottom:1px solid var(--line);position:relative;z-index:20}.topbar:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--orange)}.brand-block h1,.drawer-head h2,.notice-modal h2{margin:3px 0 0;font-family:Songti SC,STSong,serif}.brand-block h1{font-size:25px;letter-spacing:.02em}.eyebrow,.section-label{margin:0;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.12em}.top-actions,.modal-actions{display:flex;gap:10px;align-items:center}.text-button,.primary-button,.nav-controls button{border:0;border-radius:10px;cursor:pointer;padding:10px 16px;font-weight:650}.text-button{color:var(--ink);background:transparent}.text-button:hover{background:#ece2d3}.primary-button{color:#fff;background:var(--ink)}.primary-button:hover{background:#235247}.workspace{min-height:calc(100vh - 82px);display:grid;grid-template-columns:270px minmax(420px,1fr) 250px}.story-panel,.control-panel{padding:25px 22px;background:var(--paper);overflow:auto;max-height:calc(100vh - 82px)}.story-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.control-panel{border-left:1px solid var(--line)}.route-switcher{margin-top:12px;display:grid;gap:8px}.route-button{border:1px solid var(--line);border-left:4px solid var(--route-color);background:var(--paper-light);color:var(--ink);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:baseline;cursor:pointer;text-align:left}.route-button.active{border-color:var(--route-color);box-shadow:0 5px 16px #22332c14}.route-button small,.step small,.page-card small{color:var(--muted)}.route-progress{display:grid;gap:3px}.route-progress .section-label{margin-bottom:9px}.step{border:0;background:transparent;color:var(--ink);padding:7px 8px;display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;cursor:pointer;border-radius:8px}.step:hover,.step.current{background:#eee4d5}.step.current{box-shadow:inset 3px 0 0 var(--orange)}.step-index{color:var(--orange);font-weight:750;font-size:12px}.step strong,.step small{display:block}.step strong{font-size:14px}.step small{margin-top:2px;font-size:11px}.presenter-note{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.presenter-note p:not(.section-label){font-size:13px;line-height:1.65}.shortcut{color:var(--muted)}.stage{position:relative;overflow:auto;padding:26px 34px 38px;display:grid;place-items:start center;background-color:#e9e0d2;background-image:radial-gradient(#cfc2af 1px,transparent 1px);background-size:24px 24px;max-height:calc(100vh - 82px)}.phone-wrap{background:#1b2f29;padding:9px;border-radius:32px;box-shadow:0 24px 55px #1b2a233d}.phone-canvas{width:min(430px,calc(100vw - 620px));min-width:340px;position:relative;overflow:hidden;border-radius:24px;background:var(--paper)}.phone-canvas>img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;color:transparent;padding:0}.hotspot:hover{border:2px solid rgba(201,134,35,.9);background:#fff0d229;color:var(--ink);border-radius:8px;z-index:5}.hotspot.visible{border:2px solid rgba(201,134,35,.9);background:#fff0d224;color:var(--ink);border-radius:8px;box-shadow:0 0 0 2px #ffffff8c inset}.hotspot.visible:hover{background:#ffda9759;transform:scale(1.012);z-index:5}.hotspot span{position:absolute;left:50%;top:50%;translate:-50% -50%;background:#fff9eff0;padding:4px 7px;border-radius:6px;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 3px 10px #173c3226}.hotspot:not(.visible) span{display:none}.hotspot:not(.visible):hover span{display:block}.screen-meta{padding-bottom:18px;border-bottom:1px solid var(--line)}.screen-meta span{font-family:Songti SC,serif;color:var(--orange);font-size:34px;font-weight:750}.screen-meta p{margin:4px 0 5px;color:var(--muted)}.screen-meta small{color:#999085}.nav-controls{display:grid;gap:8px;margin:18px 0 26px}.nav-controls button{border:1px solid var(--line);background:var(--paper-light);color:var(--ink);cursor:pointer}.nav-controls button:disabled{opacity:.35;cursor:default}.interaction-list{display:grid;gap:6px}.interaction-list .section-label{margin-bottom:6px}.interaction-list button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 2px;display:flex;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.interaction-list button:hover{color:var(--orange)}.interaction-list small{color:var(--muted);white-space:nowrap}.empty-copy{color:var(--muted);font-size:13px}.drawer-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102e27ad;z-index:50;display:grid;place-items:center;padding:28px}.page-drawer{width:min(1080px,96vw);max-height:90vh;overflow:auto;background:var(--paper);border-radius:20px;padding:24px;box-shadow:0 28px 80px #00000047}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-head h2{font-size:30px}.page-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px}.page-card{border:1px solid var(--line);background:var(--paper-light);border-radius:12px;padding:8px;color:var(--ink);cursor:pointer;text-align:left}.page-card:hover,.page-card.selected{border-color:var(--orange);box-shadow:0 8px 20px #2a2e271f}.page-card img{width:100%;aspect-ratio:1179/1650;object-fit:cover;object-position:top;border-radius:7px;display:block}.page-card span{display:block;padding:8px 2px 2px}.page-card strong,.page-card small{display:block;font-size:12px}.page-card small{margin-top:4px}.notice-modal{width:min(480px,92vw);background:var(--paper-light);border-radius:18px;padding:28px;box-shadow:0 28px 80px #0000004d}.notice-modal h2{font-size:29px}.notice-modal>p:not(.eyebrow){color:var(--muted);line-height:1.7}.notice-modal .modal-actions{margin-top:24px;justify-content:flex-end}.zoom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:auto;padding:78px 24px 40px;background:#172b26ed;text-align:center}.zoom-toolbar{position:fixed;z-index:72;inset:0 0 auto;height:62px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:18px;background:#f7f1e5;color:var(--ink);border-bottom:4px solid var(--orange)}.zoom-toolbar span{color:var(--muted);font-size:13px}.zoom-toolbar button{position:absolute;right:24px;border:0;border-radius:9px;padding:9px 14px;background:var(--ink);color:#fff;cursor:pointer}.zoom-image{width:944px;max-width:none;height:auto;display:block;margin:0 auto;border-radius:20px;box-shadow:0 28px 80px #0008}@media(max-width:1050px){.workspace{grid-template-columns:220px minmax(360px,1fr)}.control-panel{display:none}.phone-canvas{width:min(420px,calc(100vw - 310px))}.page-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.topbar{padding-inline:16px}.brand-block h1{font-size:19px}.top-actions .text-button:first-child{display:none}.workspace{display:block}.story-panel{display:none}.stage{max-height:none;min-height:calc(100vh - 78px);padding:18px 10px 30px}.phone-canvas{width:min(430px,calc(100vw - 38px));min-width:0}.page-grid{grid-template-columns:repeat(2,1fr)}.zoom-toolbar span{display:none}.zoom-image{width:944px}}@media(prefers-reduced-motion:no-preference){.hotspot,.page-card,.route-button{transition:.16s ease}}