:root{--project-navy:#142c42;--project-green:#147d75}
body{background:#edf1f2;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.card{border-radius:22px;border-color:#fff;box-shadow:0 24px 70px #16334815}
.card-header{background:#142c42;text-align:left;padding:30px 26px}
.card-header h1{font-weight:500;font-size:23px;letter-spacing:1px}
.card-header p{color:#b8cad7;font-size:12px;line-height:1.8;margin-top:10px}
.card-body{padding:26px 22px}.btn-submit{background:#147d75;box-shadow:none;padding:16px}.btn-submit:hover{background:#106b64}
.badge{background:#edf4f3;color:#56817b;font-size:10px;font-weight:400}
#storeSelect{display:none}.project-trigger{width:100%;display:flex;align-items:center;gap:13px;background:white;border:1px solid #cddedb;border-radius:12px;padding:17px;text-align:left;color:#142c42;cursor:pointer;font:inherit}
.project-emblem{display:grid;place-items:center;width:39px;height:43px;background:#edf5f3;color:#147d75;border-radius:9px;flex-shrink:0}.project-emblem svg{width:24px;height:24px}
.project-current{flex:1;min-width:0}.project-current strong{font-size:15px;font-weight:600;display:block}.project-current small{display:block;font-size:11px;line-height:1.6;color:#7c8d96;margin-top:6px;overflow-wrap:anywhere}.project-change{color:#147d75;font-size:12px;white-space:nowrap}
.project-tip{margin:10px 0 0;color:#7c8d96;font-size:11px;line-height:1.7}
.project-overlay{display:none;position:fixed;inset:0;background:#0c1e2e66;backdrop-filter:blur(3px);z-index:2400;justify-content:center;align-items:center;padding:20px}.project-overlay.is-open{display:flex}
.project-sheet{background:white;border-radius:22px;width:460px;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #102b4040}
.project-head{padding:24px 24px 16px}.project-title-row{display:flex;align-items:center;justify-content:space-between}.project-title-row h2{font-size:21px;font-weight:600;color:#142c42}.project-close{border:0;background:#f1f4f5;width:32px;height:32px;border-radius:50%;font-size:21px;color:#73848e;cursor:pointer}.project-subtitle{font-size:12px;color:#8b98a1;margin:10px 0 20px}
.project-search{display:flex;gap:9px;align-items:center;background:#f7f9fa;border:1px solid #dfe7e8;border-radius:10px;padding:0 13px}.project-search svg{width:19px;color:#7f919b;flex-shrink:0}.project-search input[type=search]{min-width:0;width:100%;background:transparent;border:0;border-radius:10px;padding:14px 0;font:inherit;font-size:14px;color:#142c42;outline:none}
.project-location{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:11px;color:#66847d;line-height:1.7}.project-location button{border:0;background:none;color:#147d75;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.project-location button:disabled{color:#97a7a3;cursor:wait}
.project-list-head{display:flex;justify-content:space-between;background:#f7f9fa;padding:12px 24px;color:#8a98a1;font-size:11px}.project-results{overflow-y:auto;overscroll-behavior:contain;min-height:150px;padding:0 24px}.project-row{display:flex;width:100%;align-items:center;gap:14px;padding:20px 0;background:white;border:0;border-bottom:1px solid #edf0f1;text-align:left;color:#142c42;cursor:pointer;font:inherit}.project-row[aria-pressed=true]{background:#f0f7f4}.project-info{flex:1;min-width:0}.project-info strong{font-size:14px;font-weight:500}.project-info p{font-size:11px;color:#83929b;line-height:1.8;margin-top:7px;overflow-wrap:anywhere}.project-distance{font-size:12px;white-space:nowrap;color:#526d78}.project-tag{font-size:10px;margin-left:8px;padding:3px 5px;background:#e6f3ed;color:#147d75}.project-foot{padding:15px 24px;text-align:center;font-size:10px;color:#8c9ba4;border-top:1px solid #e6ebed;line-height:1.7}.project-empty{text-align:center;font-size:13px;color:#7b8992;padding:40px 0}.project-retry{border:0;background:#147d75;color:white;border-radius:7px;padding:10px 18px;margin-top:12px;cursor:pointer}
.project-trigger:focus-visible,.project-sheet button:focus-visible,.project-search:focus-within{outline:3px solid #85c8bd;outline-offset:2px}
@media(max-width:540px){body{padding:0;align-items:flex-start}.card{border-radius:0;min-height:100dvh;border:0;box-shadow:none;max-width:100%}.card-header{padding-top:32px}.project-overlay{padding:0;align-items:flex-end}.project-sheet{width:100%;max-width:540px;max-height:91dvh;border-radius:22px 22px 0 0}.project-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}
