*{box-sizing:border-box}body{margin:0;background:#efe9d5;font-family:'PingFang SC','Microsoft YaHei',sans-serif;color:#433822}.map{position:relative;width:min(100vw,calc((100vh - 36px)*1.33333));margin:auto}.map img{width:100%;display:block}.spot{position:absolute;display:block;background:transparent;border:0;cursor:pointer;border-radius:16px;touch-action:manipulation}.spot:hover{box-shadow:inset 0 0 0 3px #f4d27188;background:#fff7ce12}.spot:focus-visible{outline:4px solid #147842;outline-offset:2px}.back{left:2%;top:1%;width:17%;height:6%}.profile{left:84%;top:1%;width:14%;height:6%}.profile span{display:block;background:#fff9ec;position:absolute;left:40%;right:7%;top:25%;font-size:clamp(12px,1.7vw,23px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upper{left:2%;top:10%;width:17%;height:7%}.lower{left:19.5%;top:10%;width:17%;height:7%}.gate{left:4%;top:43%;width:10%;height:7%}.gate2{left:20%;top:50%;width:10%;height:8%}.gate3{left:35%;top:54%;width:10%;height:8%}.gate4{left:49%;top:57%;width:13%;height:7%}.unit{left:49%;top:66%;width:16%;height:20%}.start{left:68%;top:71%;width:29%;height:8%}.task1,.task2,.task3,.task4,.task5,.task6{width:14%;height:8%}.task1{left:68.5%;top:42%}.task2{left:83%;top:42%}.task3{left:68.5%;top:51%}.task4{left:83%;top:51%}.task5{left:68.5%;top:60%}.task6{left:83%;top:60%}.preview{left:14%;top:91%;width:23%;height:8%}.consolidate{left:39%;top:91%;width:23%;height:8%}.wrong{left:63%;top:91%;width:23%;height:8%}.status{text-align:center;font-size:13px;margin:9px 12px;color:#63714e}dialog{max-width:580px;width:90%;border:2px solid #d3b980;border-radius:24px;padding:28px;background:#fffbef}dialog::backdrop{background:#263e2b88}h2{margin-top:0}p{line-height:1.7}button,input{font:inherit}dialog button{min-height:48px;padding:12px 18px;border:1px solid #d7c59d;border-radius:12px;background:#fffdf6;cursor:pointer;margin:5px}.primary{background:#3c7c4a!important;color:white}.grades{display:grid;grid-template-columns:repeat(3,1fr)}.grades .selected{background:#f7e1a4}input{display:block;width:100%;margin:12px 0;padding:14px;border:1px solid #d3b980;border-radius:10px}@media(orientation:portrait){.map{width:100%;min-width:760px}body{overflow-x:auto}.status{text-align:left}}
.new-task-panel{position:absolute;left:68.5%;top:37.5%;width:28.5%;height:31%;padding:1.5%;background:#fffbef;border:1px solid #e5d5b5;border-radius:16px;display:flex;flex-direction:column;gap:8px}.new-task-panel h2{font-size:clamp(16px,2vw,26px);margin:0;text-align:center}.new-task-panel p{font-size:clamp(10px,1.1vw,15px);margin:0;text-align:center}.new-task-panel a{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;background:#f3ead4;border:1px solid #d7c59d;border-radius:12px;color:#433822;text-decoration:none;font-size:clamp(13px,1.5vw,20px);font-weight:600}.new-task-panel a:focus-visible,dialog button:focus-visible,input:focus-visible{outline:3px solid #147842;outline-offset:2px}dialog{max-height:calc(100vh - 32px);overflow:auto}@supports(height:100dvh){dialog{max-height:calc(100dvh - 32px)}}