html[data-mode=hero] .app{display:block;background:#e8edf0}
html[data-mode=hero] .stage{height:100%}
html[data-mode=hero] header,html[data-mode=hero] footer,html[data-mode=hero] .hud,html[data-mode=hero] .angle,html[data-mode=hero] .tip,html[data-mode=hero] .panel,html[data-mode=hero] .node-info,html[data-mode=hero] .stage:before,html[data-mode=hero] .stage:after{display:none}
html[data-mode=hero] canvas{touch-action:pan-y}
html[data-mode=hero] .loading{background:#e8edf0;color:#102f40;font-size:14px;font-weight:500}
html[data-mode=hero] .error-card{display:none}
html[data-mode=hero] .error,html[data-mode=detail] .error{background:url('entrance-hero.webp') center/contain no-repeat #e8edf0}
html[data-mode=detail] .app{grid-template-rows:1fr auto}
html[data-mode=detail] header,html[data-mode=detail] .hud,html[data-mode=detail] .panel,html[data-mode=detail] .angle,html[data-mode=detail] #status,html[data-mode=detail] #isolate,html[data-mode=detail] #detail,html[data-mode=detail] #auto{display:none}
html[data-mode=detail] footer{background:#f6f8f9;border-top:1px solid #102f4020;padding:12px 16px;gap:8px}
html[data-mode=detail] footer button,html[data-mode=detail] footer select{color:#102f40;border:1px solid #102f4025;background:#fff;font-weight:500;min-height:44px;border-radius:6px;font-size:14px}
html[data-mode=detail] footer select option{background:#fff;color:#102f40}
html[data-mode=detail] footer button.active{background:#6bce45;border-color:#6bce45}
html[data-mode=detail] #view{order:-1;flex:1;max-width:420px}
html[data-mode=detail] #finish{order:1;margin-left:auto;max-width:220px}
html[data-mode=detail] .tip{background:#f8fafbe6;color:#536974;border:1px solid #102f4018;font-weight:500;font-size:12px}
html[data-mode=detail] .node-info{background:#f8fafbf5;color:#102f40;border:1px solid #102f4025;bottom:52px;box-shadow:0 8px 30px #102f4010}
html[data-mode=detail] .node-info p{color:#536974;font-size:14px}
html[data-mode=detail] .node-actions button{color:#102f40;background:#fff;border-color:#102f4025;font-weight:500}
html[data-mode=detail] .node-actions button.active{background:#6bce45;border-color:#6bce45}
html[data-mode=detail] .loading{background:#e8edf0;color:#102f40;font-size:14px;font-weight:500}
@media(max-width:720px){html[data-mode=detail] footer{padding:8px}html[data-mode=detail] footer button,html[data-mode=detail] footer select{font-size:12px;padding:0 9px;min-height:40px}html[data-mode=detail] #view{max-width:none;width:100%;flex-basis:100%}html[data-mode=detail] #finish{max-width:135px}html[data-mode=detail] .node-info p{display:none}html[data-mode=detail] .node-info strong{display:block;margin-bottom:10px}html[data-mode=detail] .node-info{width:auto;max-width:calc(100% - 24px)}}