:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#24354d;background:#f2f5f9;font-size:14px;--teal:#0a9889;--red:#de5463;--amber:#d99a29;--gray:#9aa7b6;--blue:#438ee8}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:240px;background:#12293a;color:#afc1ce;padding:32px 22px;position:fixed;height:100vh}.brand{font-size:42px;display:flex;align-items:center;gap:12px;color:#71dbcb}.brand span{font-size:23px;font-weight:bold;color:white}.brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:8px;color:#8ea9bb}.nav{padding:15px 12px;margin:14px 0;border-radius:9px}.active{margin-top:50px;background:#1f4556;color:#85e3d3}.side-bottom{position:absolute;bottom:28px;font-size:12px;line-height:1.9}.dot{display:inline-block;background:#65d1b5;width:7px;height:7px;border-radius:50%}main{margin-left:240px;padding:32px 36px;width:calc(100% - 240px);max-width:1750px}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#6a7d91}h1{font-size:29px;margin:10px 0}p{color:#738196;line-height:1.8;margin:5px 0}h2{font-size:17px;margin:0 0 5px}h3{font-size:14px}.badge{background:#e4edf4;color:#537187;padding:7px 12px;border-radius:18px;font-size:12px}#clock{font-size:12px;color:#768499;margin-top:15px}.toolbar{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:12px}.toolbar label{display:flex;align-items:center;gap:10px}.toolbar input{width:240px}a{color:#0b8b7e;text-decoration:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.metrics article,.panel{background:#fff;border:1px solid #e0e7ee;border-radius:13px;box-shadow:0 3px 12px #233f5d04}.metrics article{padding:22px}.metrics article>span{color:#7b8b9a;font-size:12px}.metrics strong{display:block;font-size:31px;margin:14px 0;color:#173e52;font-weight:600}.metrics small{font-size:13px;font-weight:normal}.metrics p{font-size:11px}.workspace{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:20px 0}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head p{font-size:11px}.live{font-size:10px;color:var(--teal);background:#e9f8f3;padding:7px 10px;border-radius:6px;letter-spacing:1px}.route-controls{display:flex;gap:10px;align-items:center}.route-controls select{width:auto;flex:1}#map{width:100%;background:#f8fafc;border:1px solid #edf1f5;margin-top:15px;border-radius:10px;min-height:280px}.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#657587;margin:15px 0}.legend i{display:inline-block;width:15px;height:4px;margin-right:5px;vertical-align:middle}.green{background:var(--teal)}.amber{background:var(--amber)}.red{background:var(--red)}.gray{background:var(--gray)}.blue{background:var(--blue)}.route-summary{background:#eef7f7;padding:14px;border-radius:8px;color:#24746f;font-size:12px}.notice{font-size:11px;margin-top:12px}.risk-card{border-bottom:1px solid #edf0f4;padding:17px 0}.risk-card:last-child{border:0}.risk-title{display:flex;justify-content:space-between;font-size:14px}.pill{font-size:11px;border-radius:5px;padding:4px 8px;background:#f0f3f5}.pill.blocked{color:var(--red);background:#fff0f2}.pill.passable{color:var(--teal);background:#e9f7f4}.pill.caution{color:#ad7c23;background:#fff6e5}.risk-card p{font-size:12px;margin:9px 0}.risk-card small{font-size:10px;color:#8694a5}.demo{display:flex;align-items:center;justify-content:space-between;gap:18px}.demo p{font-size:11px}.buttons{display:flex;flex-wrap:wrap;gap:8px}button{border:1px solid #d9e5e9;background:white;border-radius:7px;padding:10px 13px;color:#267c75;cursor:pointer;font:inherit;font-size:12px;transition:.2s}button:hover{background:#edf9f6;border-color:#71b7aa}button.danger{color:#c24453;background:#fff3f4;border-color:#efcbd1}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid #dce4ec;border-radius:7px;padding:10px;color:#334b60;font:inherit;background:#fbfcfe;width:100%;min-width:0}label{display:block;font-size:12px;color:#7c8a9b;margin-bottom:12px}label input,label select,label textarea{margin-top:8px}.lower{grid-template-columns:1fr 1fr}form button{background:#0b9082;color:white;border-color:#0b9082}form button:hover{background:#0a7e73}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}textarea{height:90px;resize:vertical}.boundary{background:#f5f8fb;padding:16px;margin-top:22px;border-radius:8px}.boundary p{font-size:12px}hr{border:0;border-top:1px solid #edf1f5;margin:24px 0}#vision-result img{width:100%;max-width:450px;margin-top:12px;border-radius:8px}#vision-result p{font-size:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#f7f9fc;color:#8793a3;font-weight:normal;padding:12px}td{border-bottom:1px solid #f0f3f7;padding:12px;color:#65768a;max-width:650px;overflow-wrap:anywhere}.table-scroll{max-height:300px;overflow:auto}footer{font-size:10px;color:#8796a7;margin:25px 0}#toast{position:fixed;bottom:28px;right:30px;padding:16px 24px;background:#173e52;color:white;border-radius:9px;display:none;max-width:500px;z-index:5}@media(max-width:1200px){aside{width:190px;padding:25px 15px}main{margin-left:190px;width:calc(100% - 190px);padding:25px 20px}.workspace{grid-template-columns:1.2fr 1fr}.demo{display:block}.buttons{margin-top:12px}.metrics{gap:10px}.metrics article{padding:15px}}@media(max-width:850px){aside{display:none}main{margin:0;width:100%;padding:18px}.workspace,.lower{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar input{width:180px}header p{font-size:12px}h1{font-size:24px}}

/* Geographic map and evacuation advice */
#geo-map{height:420px;width:100%;margin-top:14px;border-radius:10px;background:#e8edf0;z-index:0}#geo-map[hidden]{display:none}.map-tools{display:flex;gap:8px;align-items:center;margin-top:12px}.map-tools select{width:auto;flex:1}.map-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#738196;margin:10px 0}.shelter-icon{background:#183f77;color:white;border:2px solid white;border-radius:8px;text-align:center;line-height:26px;font-size:13px;box-shadow:0 2px 7px #0004}.advice{margin:20px 0}.advice ul{color:#667b8e;padding-left:20px;line-height:1.9;font-size:12px}#shelters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shelter-card{border:1px solid #e1e9ef;border-radius:9px;padding:17px;background:#f8fbfd}.shelter-card p{font-size:12px}.shelter-card small{font-size:10px;color:#8a97a6}.advice details{margin-top:18px;font-size:12px;color:#647e92}.advice summary{cursor:pointer}.advice details input{margin:12px 0}.advice details a{margin-left:14px}.leaflet-popup-content{font-family:"Microsoft YaHei",sans-serif}.leaflet-popup-content p{font-size:12px}.leaflet-control-attribution{font-size:10px}@media(max-width:850px){#shelters{grid-template-columns:1fr}#geo-map{height:340px}.map-tools{flex-wrap:wrap}.map-meta{flex-direction:column}}