*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#000000d9;background-color:#f0f2f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-layout{background:#f0f2f5}.ant-card{margin-bottom:16px}.ant-descriptions-item-label{font-weight:500}.leaflet-container{z-index:1;height:400px;width:100%;border-radius:8px;box-shadow:0 2px 8px #00000014}.custom-map-marker{background:transparent;border:none}.marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#1890ff;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-15px 0 0 -15px;box-shadow:0 0 0 6px #1890ff4d}.marker-pin:after{content:"";width:14px;height:14px;margin:8px 0 0 8px;background:white;position:absolute;border-radius:50%}.custom-popup .leaflet-popup-content-wrapper{background:white;color:#333;border-radius:8px;box-shadow:0 3px 14px #0003}.custom-popup .leaflet-popup-tip{background:white;box-shadow:0 3px 14px #0003}.custom-popup .leaflet-popup-content{margin:12px;line-height:1.5}.ip-info-container{width:100%}.query-card{margin-bottom:24px;box-shadow:0 2px 8px #00000014}.card-title{display:flex;align-items:center;gap:8px;font-weight:500}.search-container{display:flex;margin-bottom:16px}.search-group{display:flex;width:100%}.search-input{flex:1}.search-button{margin-left:8px}.search-tips{margin-top:8px}.tab-content{padding:16px 0;display:flex;flex-direction:column;gap:16px}.tab-description{margin-top:8px}.refresh-button{align-self:flex-start}.ip-input{flex:1}.ip-input-container{margin-bottom:24px;display:flex;flex-direction:column;align-items:center}.ip-segments-container{display:flex;align-items:center;margin-bottom:16px;justify-content:center}.ip-segment-input{width:60px;height:40px;text-align:center;border-radius:4px;font-size:18px;font-weight:500;padding:0 4px}.ip-segment-dot{margin:0 4px;font-size:20px;font-weight:700;color:#1890ff}.ip-input-tip{display:block;margin-top:8px;margin-bottom:16px;font-size:12px;color:#666;text-align:center}.ip-buttons-container{display:flex;flex-direction:column;gap:16px;justify-content:center;width:100%;max-width:300px}.ip-search-button{height:44px;font-weight:500;border-radius:6px;box-shadow:0 2px 6px #1890ff33;transition:all .3s ease}.ip-search-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #1890ff4d}.ip-my-button{height:44px;font-weight:500;border-radius:6px;transition:all .3s ease;border:1px solid #d9d9d9}.ip-my-button:hover{background-color:#e6f7ff;border-color:#1890ff;color:#1890ff}.loading-container{text-align:center;padding:48px}.ip-info-result{margin-top:24px}.info-card{height:100%;box-shadow:0 2px 8px #00000014}.map-card{box-shadow:0 2px 8px #00000014}.map-container{border-radius:8px;overflow:hidden;height:400px;width:100%}@media (max-width: 768px){.app-content{padding:16px}.app-header{flex-direction:column;padding:16px;gap:8px}.header-description{display:none}.ip-segments-container{flex-wrap:nowrap;justify-content:center;gap:4px}.ip-segment-input{width:50px;height:36px;font-size:16px;padding:0 2px}.ip-segment-dot{margin:0 1px;font-size:18px}.ip-buttons-container{flex-direction:column;gap:12px;width:100%}.ip-search-button,.ip-my-button{max-width:100%;width:100%;height:40px}.map-container{height:250px}.query-card{margin-bottom:16px}}@media (max-width: 375px){.ip-segments-container{gap:2px}.ip-segment-input{width:45px;height:34px;font-size:14px;padding:0 1px}.ip-segment-dot{margin:0;font-size:16px}}.language-switcher{display:flex;align-items:center}.language-switcher .ant-select{min-width:120px}.language-switcher .ant-select-selector{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ecf0f1}.language-switcher .ant-select-selector:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d}.language-switcher .ant-select-selection-item,.language-switcher .ant-select-arrow{color:#ecf0f1}@media (max-width: 768px){.language-switcher .ant-select{min-width:100px}}@media (max-width: 480px){.language-switcher .ant-select{min-width:80px}.language-switcher .ant-select-selector{font-size:12px;padding:0 8px}}#root{width:100%;height:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.layout{min-height:100vh}.app-header{background:#2c3e50;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;border-bottom:1px solid #34495e}.logo-container{display:flex;align-items:center;gap:16px}.logo-icon{width:36px;height:36px}.header-actions,.header-description{display:flex;align-items:center}@media (max-width: 768px){.app-header{padding:0 16px}.logo-container{gap:12px}.logo-container h3{font-size:16px!important}.logo-icon{width:32px;height:32px}}@media (max-width: 480px){.app-header{padding:0 12px}.logo-container{gap:8px}.logo-container h3{font-size:14px!important}.logo-icon{width:28px;height:28px}}.app-content{padding:32px 24px;background:#ecf0f1;min-height:calc(100vh - 140px)}.content-container{max-width:1200px;margin:0 auto}.app-footer{text-align:center;background:#34495e;padding:20px;color:#bdc3c7;border-top:1px solid #2c3e50}.app-footer .ant-space{color:#bdc3c7}.app-footer .ant-divider{border-color:#7f8c8d}.ant-card{box-shadow:0 2px 8px #0000001a;border-radius:4px;overflow:hidden;border:1px solid #d5dbdb;background:white}.ant-card:hover{box-shadow:0 4px 12px #00000026}.leaflet-container{height:100%;width:100%;border-radius:4px;border:1px solid #f0f0f0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.map-loading-placeholder{display:flex;justify-content:center;align-items:center;height:400px;background:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0;position:relative;overflow:hidden}.map-loading-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent);animation:shimmer 2s infinite}.map-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}.map-loading-icon{width:48px;height:48px;background:#e6f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.map-loading-text{color:#666;font-size:14px;animation:pulse 2s infinite}