.rainbow-text {
    letter-spacing: 0.1rem;
    font-weight: bold;
    background-image: -webkit-linear-gradient(left, #ff0000, #ff9900, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
    background-image: linear-gradient(to right, #ff0000, #ff9900, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 100%;
    animation: rainbow-move 3s infinite linear;
}
    @keyframes rainbow-move {
        0% { background-position: 0 0; }
        100% { background-position: -100% 0; }
    }


body,html { 
    width: 100%; 
    height: 100%; 
    margin: 0;
    font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
    overflow: hidden;
}

#full {height:100%; width: 100%;}
/*#top {height:25px; width: 100%;}*/
#allmap {position:absolute;top:0px;left:0; right:0px; bottom:0px; width: 100%;}
#control{width:100%;}
#ge { display:inline} 
#calls { display:inline} 
#inview { display:inline;} 
#pkts { display:inline} 
#msg { display:inline; color:green} 
#pathlen { display:inline; color:green} 
#autocenter { display:inline;} 
#disp15min { display:inline;} 
#search { display:inline;} 

/* 防止选择和复制 */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


   #search-menu-container {
        position: absolute;
        top: 2px;
        left: 10px;
        z-index: 999;
        display: flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.95);
        border-radius: 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        border: 1px solid #ccc;
        overflow: visible;
    }

    #menu-button {
        padding: 8px 12px;
        background: #f8f8f8;
        border: none;
        border-right: 1px solid #ddd;
        cursor: pointer;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
    }

    #menu-button:hover {
        background: #e8e8e8;
    }

    #search-box {
        display: flex;
        align-items: center;
        padding: 0 8px;
    }

    #search-call {
        width: 88px;
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 5px;
    }

    #search-button {
        padding: 8px 12px;
        background: #3385ff;
        color: white;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        font-size: 14px;
        transition: background 0.2s;
    }

    #search-button:hover {
        background: #2d78f4;
    }

    #dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        width: 180px;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        display: none;
        z-index: 1000;
        margin-top: 5px;
    }

    #dropdown-menu a {
        display: block;
        padding: 12px 15px;
        color: #333;
        text-decoration: none;
        border-bottom: 1px solid #f0f0f0;
        transition: background 0.2s;
        font-size: 14px;
    }

    #dropdown-menu a:hover {
        background: #f0f8ff;
        color: #3385ff;
    }

    #dropdown-menu a:last-child {
        border-bottom: none;
        border-radius: 0 0 4px 4px;
    }

/*经纬度样式*/
    #coordinate-control {
        position: absolute;
        bottom: 8px;
        right: 8px;
        background: rgba(255, 255, 255, 0.7); /* 半透明背景 */
        border: none; /* 移除边框 */
        border-radius: 3px;
        padding: 4px 6px; /* 减小内边距 */
        font-size: 11px; /* 减小字体大小 */
        font-family: Arial, sans-serif;
        z-index: 999;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* 更柔和的阴影 */
        line-height: 1.2; /* 更紧凑的行高 */
        min-width: 140px; /* 减小最小宽度 */
        max-width: 160px; /* 限制最大宽度 */
        backdrop-filter: blur(2px); /* 背景模糊效果 */
    }
    
    .coordinate-line {
        display: block;
        margin-bottom: 1px; /* 减小行间距 */
    }
    
    .maidenhead {
        color: #d23632;
        font-weight: bold;
        font-size: 10px; /* 梅登海德字体稍小 */
    }
    
    .coordinate-line:first-child {
        font-size: 10px; /* 经纬度字体稍小 */
        color: #333;
    }

/* 在原有样式基础上添加 */
#search-result {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff3cd;
    color: #856404;
    padding: 8px 12px;
    border-radius: 0 0 4px 4px;
    font-size: 14px;
    display: none;
    z-index: 1001;
    border: 1px solid #ffeaa7;
    border-top: none;
}