/* 基础样式 */
body {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    background-color: #023466;
}

/* 背景星空样式 */
#starBg {
    display: block;
    position: fixed;
    z-index: -6;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #023466;
}

/* 布局容器 */
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #FFFF00;
    font-size: small;
}

/* 标题样式 */
.title-block {
    display: inline-block;
    position: relative;
    margin: 20px 0;
    padding: 0 25px;
    height: 45px;
    line-height: 45px;
    background: #F3715D;
    color: white;
    border-radius: 5px 5px 5px 0;
    letter-spacing: 2px;
    font-size: medium;
    text-align: center;
}

    .title-block .triangle {
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top: 5px solid #DD6755;
        border-right: 5px solid #DD6755;
    }

/* 搜索面板 */
.search-panel {
    display: inline-block;
    margin: 10px auto;
    padding: 15px 10px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    text-align: center;
}

/* 主体内容 */
.main-content {
    margin: 20px 0;
    line-height: 160%;
}

/* 图片样式 */
.header-image {
    width: 100%;
}

/* 表单元素样式 */
.dropdownlist-style {
    margin: 0 5px;
    padding: 5px 10px;
    background: #F3715D;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: white;
}

.textbox-style {
    width: 58px;
    height: 26px;
    margin: 0 5px;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: white;
}

.button-style {
    margin: 0 5px;
    padding: 6px 15px;
    background: #F3715D;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
}

    .button-style:hover {
        background: rgba(72, 126, 230, 0.9);
    }

/* 网格视图样式 */
.gridview-container {
    border-radius: 15px;
}

.gridview-name-header {
    width: 25%;
    height: 50px;
}

.gridview-item {
    height: 50px;
}

/* 其他样式 */
.yangshi {
    display: none;
}

.label-style {
    color: white;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.hlong * {
    display: inline-block; /* 让图片和文字横向排列 */
    vertical-align: middle; /* 统一垂直对齐基准 */
}