@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&&family=Ma+Shan+Zheng&family=Noto+Serif+TC:wght@100;300;400;500;600;700;900&display=swap');body{background-color:#000000;width:1080px;max-width:100%;color:#FFFFFF;margin-left:auto;margin-right:auto;margin-top:0;padding:0}a, a:link, a:visited{color:gray;text-decoration:none}td{padding:10px;vertical-align:middle}.nes-balloon{margin-bottom:12px;padding:0.5rem 1rem}.footer{position:fixed;z-index:9999;left:0px;bottom:0px;padding-top:20px;width:100%;margin-left:auto;margin-right:auto;text-align:center}.footlink{font-size:x-small;background-color:#000000}select{padding:3px;font-size:11px;border:1px solid #ccc;border-radius:8px;background-color:#fff}.loader{width:80px;height:70px;margin:48px;border:5px solid #000;padding:0 8px;box-sizing:border-box;background:linear-gradient(#fff 0 0) 00/8px 20px,linear-gradient(#fff 0 0) 100% 0/8px 20px,radial-gradient(farthest-side,#fff 90%,#0000) 0 5px/8px 8px content-box,#000;background-repeat:no-repeat;animation:l3 1s infinite linear}@keyframes l3{25%{background-position:0 0 ,100% 100%,100% calc(100% - 5px)}50%{background-position:0 100%,100% 100%,0calc(100% - 5px)}75%{background-position:0 100%,100%0,100% 5px}}.loader2{width:120px;height:110px;margin:48px;border:5px solid #0;padding:0 8px;box-sizing:border-box;background:linear-gradient(#0000FF 0 0) 00/8px 20px,linear-gradient(#0000FF 0 0) 100% 0/8px 20px,radial-gradient(farthest-side,#0000FF 90%,#0000) 0 5px/8px 8px content-box,#000;background-repeat:no-repeat;animation:l4 1s infinite linear}@keyframes l4{25%{background-position:0 0 ,100% 100%,100% calc(100% - 5px)}50%{background-position:0 100%,100% 100%,0calc(100% - 5px)}75%{background-position:0 100%,100%0,100% 5px}}@font-face{font-family:"Noto Sans TC",sans-serif;font-display:swap}*{font-family:"Noto Sans TC", sans-serif;font-style:normal;font-optical-sizing:auto;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--main:#2c3e50;--accent:#d35400;--road:#7f8c8d;--window:#2980b9}.container{margin:auto;display:flex;gap:20px;flex-wrap:wrap;padding:0 10px 30px 10px;max-width:1280px}.sidebar{width:240px;background:white;padding:15px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);z-index:2}h2{font-size:1.2rem;margin:15px 0 10px 0;padding:10px;color:var(--main);background-color:#eee;border-radius:8px}.group{margin-bottom:20px}label{display:block;font-weight:bold;margin-bottom:8px;padding-left:4px;color:#34495e;font-size:0.9rem;border-left:4px solid #cccccc}select, input[type="range"]{padding:3px;border:1px solid #ccc;border-radius:6px;background-color:#fff}.val{float:right;color:var(--accent);font-weight:bold}.main{flex:1;background:white;padding:15px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);display:flex;flex-direction:column}.stage-container{position:relative;height:420px;background:linear-gradient(to bottom, #1a2a3a 0%, #2c3e50 100%);border-bottom:10px solid #34495e;margin-bottom:20px;border-radius:8px 8px 0 0;overflow:hidden}#waveCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.actor{position:absolute;bottom:0;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);z-index:5}#distant-src{left:40px;font-size:30px;filter:drop-shadow(0 0 10px rgba(255,255,255,0.5));z-index:6}#distant-road{left:0;width:120px;height:6px;background:#7f8c8d;border-top:2px solid #95a5a6}#src-wall{position:absolute;right:0px;bottom:100%;width:6px;height:30px;background:#00cec9;border:1px solid #00b894;border-radius:2px 2px 0 0;display:none;box-shadow:-2px 2px 5px rgba(0,0,0,0.3)}#barrier{left:40%;width:20px;background:#95a5a6;border:2px solid #bdc3c7;transform:translateX(-50%);box-shadow:0 0 15px rgba(0,0,0,0.5)}#local-road-ui{right:160px;width:80px;height:6px;background:#555;border-top:2px dashed #f1c40f;z-index:4;display:flex;justify-content:center;align-items:center}#local-label{position:absolute;bottom:15px;font-size:12px;color:#fff;background:rgba(0,0,0,0.6);padding:2px 5px;border-radius:4px;white-space:nowrap}#target{right:30px;width:96px;background:rgba(255,255,255,0.95);border:3px solid #b2bec3;display:flex;flex-direction:column-reverse;box-shadow:0 0 20px rgba(0,0,0,0.3)}.floor{height:13px;border-top:1px solid #dfe6e9;position:relative;font-size:9px;color:#636e72;display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-weight:bold}.win{width:25px;height:8px;border-radius:1px;transition:all 0.3s;background:#fff;border:1px solid #ccc}table{width:100%;border-collapse:collapse;font-size:0.9rem;color:#000000}th{background:#f8f9fa;padding:10px;text-align:left;color:#555}.tag{padding:3px 8px;border-radius:12px;color:white;font-size:0.8rem;font-weight:bold}.bright-tag{color:#d35400;font-size:0.8em;display:inline-block;margin-top:4px}.shadow-tag{color:#7f8c8d;font-size:0.8em;display:inline-block;margin-top:4px}.note{font-size:0.85rem;color:#7f8c8d;margin-top:10px;background:#f0f3f4;padding:10px;border-radius:6px}