.daowu-atlas{--atlas-paper:#f7f8f2}.daowu-illustrated-map{margin:0 0 28px}.di-hint,.di-note{font-size:16px;line-height:1.8;color:#405c4d}.di-canvas{position:relative}.di-canvas>img{width:100%;height:auto;display:block}.di-hotspot{position:absolute;background:transparent;border:2px solid transparent;cursor:pointer;padding:0;display:flex;align-items:flex-start;justify-content:flex-end;border-radius:6px}.di-hotspot span{font-size:14px;background:#264d3d;color:white;padding:4px 9px;border-radius:3px}.di-hotspot:hover,.di-hotspot:focus-visible{outline:3px solid #a54231;outline-offset:2px}.di-tools-hotspot{align-items:flex-end}.di-utilities{display:flex;gap:24px;flex-wrap:wrap}.di-utilities a,.di-utilities button{font:inherit;color:#264d3d;background:none;border:0;padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.di-mobile{display:none}.di-plan{border-top:1px solid #bccbbb;padding:26px 0;margin-top:22px}.di-plan h2{font:600 28px/1.6 'Songti TC',serif}.di-plan-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.di-plan-scenes button{background:none;border:0;padding:0 0 16px;color:#264d3d;cursor:pointer}.di-step-painting{display:block;aspect-ratio:1;background:url('daowu-implementation-scenes.png') var(--position) 40%/400% auto no-repeat;mask-image:linear-gradient(transparent,#000 8%,#000 85%,transparent)}.di-plan-scenes strong{font:600 22px/1.6 'Songti TC',serif}.di-plan-scenes button:hover strong{text-decoration:underline;text-underline-offset:5px}.di-plan summary,.di-background>summary,.di-mobile summary{padding:12px 0;min-height:44px;cursor:pointer;font-size:17px}.di-step-copy{padding:12px 0;line-height:1.9;font-size:18px}.di-background{border-bottom:1px solid #bccbbb}.di-dialog{width:min(760px,calc(100% - 32px));max-height:88vh;overflow:auto;overscroll-behavior:contain;padding:28px;border:1px solid #96ae9c;background:#f7f8f2;color:#264d3d;border-radius:12px}.di-dialog::backdrop{background:#142e25a6}.di-dialog h2{font:600 30px/1.6 'Songti TC',serif;margin:14px 0}.di-close{display:block;margin-left:auto;background:transparent;border:1px solid #8fa795;color:#264d3d;min-height:44px;padding:8px 16px;font-size:17px;cursor:pointer}.di-dialog-copy>p{font-size:18px;line-height:1.8}.di-result{border-left:3px solid #a54231;padding-left:14px}.di-tool-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.di-tool-list .tool-node{padding:16px;min-width:0}.di-tool-list a{display:inline-block;min-height:44px;padding-top:10px}.daowu-atlas :is(button,a,summary):focus-visible{outline:3px solid #a54231;outline-offset:3px}.di-footer{flex-wrap:wrap}.di-footer a{min-height:44px;padding:12px 0}.di-background .activity-flow{margin-top:12px}.di-note{margin:12px 0}.di-mobile button{font:inherit;background:none;color:#264d3d;border:1px solid #a8bba8;padding:12px;min-height:44px;cursor:pointer}@media(max-width:700px){.di-mobile{display:block}.di-mobile>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.di-hotspot span{display:none}.di-hotspot{min-height:44px}.di-plan-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.di-plan-scenes strong{font-size:20px}.di-plan h2{font-size:24px}.di-dialog{padding:18px}.di-tool-list{grid-template-columns:1fr}.di-dialog h2{font-size:26px}}
.daowu-atlas .di-step-painting{aspect-ratio:.85;background-position:var(--position) center}.di-background>p{font-size:18px;line-height:1.9;margin:14px 0}
.di-system-link{align-items:flex-end;text-decoration:none}.di-system-link span{font-size:12px}.di-mobile a{display:block;min-height:44px;padding:12px;color:#264d3d}.di-canvas .di-system-link:hover{background:#264d3d08}
.di-dialog .di-close{position:sticky;top:0;z-index:2;background:#f7f8f2}
.di-dialog .di-tool-list{display:flex;flex-direction:column;gap:0}
.di-dialog .di-tool-list .tool-node{min-height:0;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #bccbbb;display:block}
.di-dialog .di-tool-list .tool-node h3{font-size:22px;margin:0 0 4px}
.di-dialog .di-tool-list .tool-node p{margin:4px 0;font-size:16px}
.di-dialog .di-tool-list .tool-node a{padding:8px 0}
.di-route-links{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #bccbbb;padding-top:16px}.di-route-links a{font-size:17px;line-height:1.6;padding:8px 0;min-height:44px;color:#264d3d;text-underline-offset:5px}

.di-quotes{margin-top:18px;padding:14px 16px;border:1px solid #bacbb7;background:#eef3ea;border-radius:10px}.di-quotes h3{font:600 20px/1.5 'Songti TC',serif;margin:0 0 8px;color:#a54130}.di-quotes ul{list-style:none;margin:0;padding:0}.di-quotes li{margin:8px 0;font-size:16px;line-height:1.7}.di-quotes li b{display:block;font-weight:700}.di-quotes li span{font-family:'Songti TC','Noto Serif TC',serif;color:#405c4d}.di-quotes a{display:inline-block;margin-top:8px;font-size:16px}
