:root{--ink:#102b33;--muted:#6d858a;--deep:#092932;--teal:#087d78;--jade:#25a78f;--orange:#ec7442;--paper:#f7faf8;--line:#d9e6e2;--white:#fff;--shadow:0 16px 48px rgba(7,36,44,.18)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:"PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;color:var(--ink);font-size:16px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.map-app,#map{position:relative;width:100%;height:100%}#map{z-index:0;background:radial-gradient(circle at 52% 48%,#f4faf7,#d9e9e4)}.map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.map-loading span{width:20px;height:20px;border:2px solid #bfd6d1;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.map-header{position:absolute;z-index:5;top:0;left:0;right:0;height:76px;padding:12px 20px;display:grid;grid-template-columns:250px minmax(260px,500px) 1fr;align-items:center;gap:22px;background:linear-gradient(180deg,rgba(5,30,38,.96),rgba(5,30,38,.86) 74%,transparent);color:white;pointer-events:none}.map-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #80b9ad;border-radius:12px;background:rgba(255,255,255,.06);font-family:serif}.brand>span:last-child{display:grid}.brand b{font-family:serif;letter-spacing:.12em;font-size:19px}.brand small{color:#8fa9ae;font-size:11px}.search-box{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;background:rgba(255,255,255,.96);border-radius:12px;box-shadow:var(--shadow);color:var(--ink)}.search-box>span{font-size:22px;color:var(--teal)}.search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink)}kbd{border:1px solid #d7e1df;border-radius:5px;padding:2px 6px;color:#91a4a7;background:#f5f8f7;font-size:10px}.header-actions{justify-self:end;display:flex;gap:10px}.provider-button,.round-button{border:1px solid rgba(255,255,255,.18);background:rgba(9,41,50,.86);color:white;height:42px;border-radius:11px}.provider-button{padding:0 13px;display:flex;align-items:center;gap:8px}.provider-button i{width:8px;height:8px;background:#4ad0b7;border-radius:50%;box-shadow:0 0 0 4px rgba(74,208,183,.12)}.provider-button b{color:#76959b}.round-button{width:42px;padding:0}.avatar{display:grid;place-items:center;width:30px;height:30px;margin:auto;border-radius:50%;background:linear-gradient(140deg,#eea46f,#a84931);border:2px solid white}
.map-status{position:absolute;z-index:4;top:94px;right:18px;display:flex;align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(205,222,218,.9);border-radius:13px;padding:10px 15px;box-shadow:0 10px 30px rgba(17,54,60,.12);backdrop-filter:blur(10px)}.map-status div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px;padding:0 11px}.map-status strong{font-family:Georgia,serif;color:var(--teal);font-size:21px}.map-status span{font-size:11px;color:var(--muted)}.map-status>i{height:24px;border-left:1px solid var(--line)}
.admin-level{position:absolute;z-index:4;top:94px;left:18px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:13px;padding:8px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px rgba(17,54,60,.12);backdrop-filter:blur(10px)}.admin-level button{border:0;background:#e9f2ef;width:32px;height:32px;border-radius:9px;color:var(--teal);font-size:22px}.admin-level button:disabled{opacity:.4}.admin-level div{display:grid;min-width:128px}.admin-level small{font-size:9px;color:var(--muted);letter-spacing:.08em}.admin-level strong{font-size:13px}.admin-level>span{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding:6px 8px}.map-tools{position:absolute;z-index:4;right:18px;top:174px;display:grid;background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 8px 24px rgba(17,54,60,.12)}.map-tools button{width:40px;height:40px;border:0;border-bottom:1px solid var(--line);background:white;font-size:20px;color:var(--ink)}.map-tools button:last-child{border:0}.add-fab{position:absolute;z-index:5;right:20px;bottom:30px;border:0;background:var(--teal);color:white;padding:12px 18px;border-radius:14px;box-shadow:0 12px 28px rgba(8,125,120,.32);display:flex;gap:8px;align-items:center;font-weight:700}.add-fab span{font-size:21px}.legend{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:30px;padding:8px 15px;display:flex;gap:17px;font-size:11px;color:var(--muted);backdrop-filter:blur(10px)}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:block;width:14px;height:6px}.legend .visited{background:#5cb7a0;border-radius:2px}.legend .route{height:0;border-top:2px dashed var(--orange)}.legend .place{width:7px;height:7px;background:var(--orange);border-radius:50%}
.journey-card{position:absolute;z-index:4;left:18px;bottom:20px;width:340px;padding:18px;background:rgba(255,255,255,.96);border:1px solid rgba(210,226,221,.9);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.sheet-grip{display:none}.journey-head{display:flex;justify-content:space-between;align-items:center}.journey-head small{font-size:10px;color:var(--teal);letter-spacing:.14em}.journey-head h1{font-family:serif;font-size:21px;margin:3px 0}.journey-head button{border:0;background:var(--deep);color:white;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:12px}.journey-head button span{color:#58c4b1}.route-progress{height:4px;background:#e3ece9;border-radius:5px;margin:12px 0 8px;overflow:hidden}.route-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--teal),var(--orange));transition:width .45s}.route-summary{display:flex;gap:6px;color:var(--muted);font-size:11px}.route-summary b{color:var(--ink)}.current-stop{margin-top:13px;padding-top:13px;border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr 20px;gap:10px;align-items:center}.stop-index{font-family:Georgia,serif;color:#a2b6b7;font-size:18px}.current-stop div{display:grid;gap:2px}.current-stop small{font-size:10px;color:var(--orange)}.current-stop strong{font-family:serif;font-size:13px}.current-stop p{font-size:11px;color:var(--muted);margin:0}.current-stop button{border:0;background:transparent;font-size:22px;color:var(--teal)}
.map-pin{position:relative;display:flex;align-items:center;gap:5px;white-space:nowrap}.map-pin b{display:grid;place-items:center;width:28px;height:28px;border:3px solid white;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);background:#ec7442;color:white;box-shadow:0 5px 15px rgba(70,35,20,.3)}.map-pin b::first-line{transform:rotate(45deg)}.map-pin span{background:rgba(255,255,255,.94);padding:5px 7px;border-radius:6px;color:#15363d;font:12px sans-serif;box-shadow:0 4px 12px rgba(18,50,55,.15)}.route-runner{display:block;width:16px;height:16px;border:3px solid white;border-radius:50%;background:#ffcf66;box-shadow:0 0 0 5px rgba(255,207,102,.22),0 0 20px 8px rgba(236,116,66,.7);animation:runnerPulse 1s ease-in-out infinite alternate}@keyframes runnerPulse{to{transform:scale(1.24);box-shadow:0 0 0 9px rgba(255,207,102,.08),0 0 26px 10px rgba(236,116,66,.82)}}
dialog{width:min(540px,calc(100% - 24px));border:0;border-radius:19px;padding:0;box-shadow:0 30px 100px rgba(4,25,34,.38)}dialog::backdrop{background:rgba(3,20,28,.62);backdrop-filter:blur(4px)}dialog form{padding:24px}dialog header{display:flex;justify-content:space-between;align-items:flex-start}dialog header small{font-size:10px;letter-spacing:.16em;color:var(--teal);font-weight:800}dialog h2{font-family:serif;margin:4px 0 14px}dialog header button{border:0;background:#edf3f1;width:34px;height:34px;border-radius:50%;font-size:20px}.dialog-tip{color:var(--muted);font-size:13px;margin:0 0 18px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.provider-grid label{margin:0}.provider-grid input{position:absolute;opacity:0}.provider-grid span{display:grid;grid-template-columns:20px 1fr;padding:13px;border:1px solid var(--line);border-radius:11px}.provider-grid input:checked+span{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,125,120,.1);background:#f0f8f5}.provider-grid i{grid-row:1/3;width:11px;height:11px;margin-top:3px;border-radius:50%}.provider-grid b{font-size:13px}.provider-grid small{font-size:10px;color:var(--muted)}.demo-dot{background:#19a58f}.amap-dot{background:#3a7eff}.baidu-dot{background:#7358ed}.tencent-dot{background:#2aaf69}.key-field,dialog form>label{display:grid;gap:6px;font-size:13px;font-weight:700;margin:16px 0 12px}input,select,textarea{width:100%;border:1px solid #cbdcd7;border-radius:10px;padding:11px;background:#fbfdfc;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,125,120,.1)}details{font-size:12px;color:var(--muted);background:#f5f8f7;padding:10px 12px;border-radius:9px}details p{margin:8px 0 2px;line-height:1.6}dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}dialog footer button{border:0;border-radius:10px;padding:10px 17px;background:var(--teal);color:white}dialog footer .secondary{background:#e9efed;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row label{margin-top:0!important}#toast{position:fixed;z-index:30;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:var(--deep);color:white;padding:11px 18px;border-radius:10px;transition:.25s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){.map-header{height:auto;padding:calc(10px + env(safe-area-inset-top)) 12px 12px;grid-template-columns:1fr auto;gap:10px;background:linear-gradient(180deg,rgba(5,30,38,.97),rgba(5,30,38,.8),transparent)}.brand small,.provider-button b,.provider-button i,.round-button{display:none}.brand-mark{width:34px;height:34px}.brand b{font-size:16px}.search-box{grid-column:1/3;grid-row:2;height:42px}.header-actions{grid-column:2;grid-row:1}.provider-button{height:36px;padding:0 11px}.map-status{top:calc(122px + env(safe-area-inset-top));left:10px;right:10px;justify-content:space-around;padding:7px 4px}.map-status div{padding:0 7px}.map-status strong{font-size:18px}.admin-level{top:calc(178px + env(safe-area-inset-top));left:10px;padding:6px}.admin-level>span{display:none}.map-tools{top:auto;right:10px;bottom:calc(278px + env(safe-area-inset-bottom))}.map-tools button{width:38px;height:38px}.add-fab{right:12px;bottom:calc(218px + env(safe-area-inset-bottom));padding:10px 14px}.journey-card{left:0;bottom:0;width:100%;padding:9px 16px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.sheet-grip{display:block;width:38px;height:4px;border-radius:4px;background:#cedbd7;margin:0 auto 8px}.journey-head h1{font-size:19px}.current-stop{margin-top:10px;padding-top:10px}.legend{display:none}.provider-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}dialog form{padding:20px}#toast{bottom:calc(230px + env(safe-area-inset-bottom));font-size:13px}}