* {
    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"PingFang SC Regular","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    text-decoration: none;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.navbar {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.navbar-brand {
    display: flex;
    align-items: center;
}
.navbar-brand img {
    max-height: 30px;
    margin-right: 5px;
}
.navbar-brand .logo-text {
    display: inline-block;
    font-size: 17px;
}

.dropdown-menu{
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.card {
    border: 1px solid #eeeeee;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.card-header{
    border-bottom: 1px solid #dddddd;
}

#lookupIPloading, #weatherloading, #lookupPortloading, #lookupPhoneloading {
    display: none;
}

.input-group-text {
    border: none;
}

.result-fade-in {
    animation: fadeIn 1s;
}

.container{
    max-width:1140px;
}

footer a, footer small, footer span {
    color: #777;
    font-size: 12px;
}
footer a:link, footer a:hover {
    color: #555;
    font-size: 12px;
}

/* 小屏幕下  大于等于768 布局容器改为 720px */
@media screen and (min-width: 768px) {
    .container {
        width: 720px;
    }
}

/* 中等屏幕下 大于等于992 布局容器修改为 960 */
@media screen and (min-width: 992px) {
    .container {
        width: 960px;
    }
}

/* 大屏幕下 大于等于1200 布局容器修改为 1140 */
@media screen and (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 响应式按钮宽度控制 */
@media screen and (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}