#app{margin:0 auto}body{margin:0;padding:0}.page-wrapper[data-v-eff2a702]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;background:#fff}.middle-area[data-v-eff2a702]{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.sidebar[data-v-eff2a702]{width:100%;padding:16px;background:#fff;border-bottom:1px solid #eaeaea;overflow-y:auto;max-height:100vh;min-height:150px}.map-wrapper[data-v-eff2a702]{width:100%;height:100%;background:#e8e8e8;position:relative;flex:1;min-height:0}.map-container[data-v-eff2a702]{width:100%;height:100%;overflow:hidden}.icon-large[data-v-eff2a702]{font-size:20px}.icon-m-right-10[data-v-eff2a702]{margin-right:10px}.top-area[data-v-eff2a702]{background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.status-bar[data-v-eff2a702]{display:flex;justify-content:space-between;padding:8px 30px;font-size:18px;font-weight:500}.status-dianliang[data-v-eff2a702]{display:flex;font-size:20px;align-items:center;gap:2px}.status-icons span[data-v-eff2a702]{margin-left:6px}.chat-header[data-v-eff2a702]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.back-btn[data-v-eff2a702]{background:transparent;border:none;font-size:20px;cursor:pointer;padding:0;margin-right:12px}.avatar[data-v-eff2a702]{width:32px;height:32px;border-radius:50%;margin-right:12px}.chat-name[data-v-eff2a702]{font-size:16px;font-weight:500}.nav-bar[data-v-eff2a702]{display:flex;justify-content:space-around;padding:12px 0;border-bottom:1px solid #eee}.nav-item[data-v-eff2a702]{font-size:14px;color:#666}.nav-time[data-v-eff2a702]{display:flex;justify-content:left;align-items:center;height:30px;gap:10px}.nav-time .iconfont[data-v-eff2a702]{color:#fff;background-color:#2b7af4;border-radius:50%;padding:2px}.input-group[data-v-eff2a702]{margin-bottom:16px}.input-group label[data-v-eff2a702]{display:block;margin-bottom:6px;font-weight:600;color:#2c2c38;font-size:14px}.input-group input[data-v-eff2a702],.input-group select[data-v-eff2a702]{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;background:#f9f9f9}.input-group input[readonly][data-v-eff2a702]{background:#f0f0f0;color:#333}.btn[data-v-eff2a702]{width:100%;padding:14px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.btn[data-v-eff2a702]:hover{background:#2980b9}.bottom-area[data-v-eff2a702]{background:#fff;color:#080808;padding:12px 16px;border-top:1px solid #eaeaea;flex-shrink:0}.nav-top[data-v-eff2a702]{margin-bottom:12px}.addr-group[data-v-eff2a702]{font-size:13px}.addr-item[data-v-eff2a702]{display:flex;align-items:center;margin-bottom:4px;margin-left:5px;gap:12px;font-size:16px;height:30px;margin-top:2px}.addr-icon[data-v-eff2a702]{height:10px;width:10px;border-radius:50%}.addr-icon-red[data-v-eff2a702]{background-color:#f53248}.addr-icon-greed[data-v-eff2a702]{background-color:#13b549}.addr-text[data-v-eff2a702]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.nav-body[data-v-eff2a702]{margin-bottom:12px;background-color:#f5f7f9;border-radius:12px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px}.nav-body .data-group[data-v-eff2a702]{width:100%;justify-content:space-around}.comment[data-v-eff2a702]{font-size:14px;color:gold;margin-bottom:8px}.data-group[data-v-eff2a702]{display:flex;justify-content:space-between}.data-item[data-v-eff2a702]{text-align:center;flex:1}.data-label[data-v-eff2a702]{font-size:12px;color:#808284;margin-bottom:4px}.data-value[data-v-eff2a702]{font-size:14px;font-weight:500}.nav-bottom[data-v-eff2a702]{margin-top:8px}.tips-text[data-v-eff2a702]{font-size:12px;color:#ccc;margin-bottom:10px;display:block}.nav-btn[data-v-eff2a702]{width:100%;padding:12px;background:#1677ff;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}@media (min-width: 768px){.middle-area[data-v-eff2a702]{flex-direction:row}.sidebar[data-v-eff2a702]{width:320px;max-height:none;border-right:1px solid #eaeaea;border-bottom:none}.map-wrapper[data-v-eff2a702]{height:100%}}@media (max-height: 500px) and (orientation: landscape){.sidebar[data-v-eff2a702]{max-height:60vh}}@media (max-width: 360px){.sidebar[data-v-eff2a702]{padding:12px}.addr-item[data-v-eff2a702]{font-size:14px}.nav-body[data-v-eff2a702]{height:70px;padding:0 8px}}*{margin:0;padding:0;box-sizing:border-box}.pass{height:100%;width:100%;background-color:#000}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;padding:20px}#app{width:100%;height:100%;max-width:1200px;margin:0 auto;box-shadow:0 0 20px #0000001a;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:20px;text-align:center}.header h1{margin-bottom:10px;font-size:24px}.header p{opacity:.8}@media (max-width: 768px){body{padding:0}#app{border-radius:0;max-width:100%}}