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