/* 主页面最大宽度限制：调大至1000px以完美容纳底部的左右双栏模块 */
.main-container { 
    max-width: 1000px; 
}

/* 控制表单面板 */
.control-panel label { font-size: 1.2rem; }
.control-panel .form-select { min-width: 140px; width: auto; padding-right: 2rem; }

/* 罗盘外围大网格（3行3列） */
.bagua-grid {
    display: grid;
    grid-template-columns: 50px 310px 50px;
    grid-template-rows: 50px 310px 50px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.bagua-name { font-size: 1.5rem; font-weight: bold; display: flex; justify-content: center; align-items: center; }

/* 内嵌九宫格容器 */
.sudoku-grid {
    display: grid;
    grid-template-columns: repeat(3, 100px);
    grid-template-rows: repeat(3, 100px);
    gap: 5px;
    background-color: #dbdfe4;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* 九宫格核心格子 */
.sudoku-cell {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    transition: background-color 0.3s ease; /* 变色平滑动画 */
    cursor: help; /* 鼠标悬浮时呈现帮助问号状态 */
}

/* 左上角：山星（红字） */
.mountain-star {
    position: absolute;
    top: 5px;
    left: 8px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #dc3545; /* 红色代表山星 */
}

/* 右上角：向星（蓝字） */
.facing-star {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #0d6efd; /* 蓝色代表向星 */
}

/* 右下角：元旦盘底数编号（已恢复右下角定位，并保持加大加粗） */
.palace-num {
    position: absolute;
    bottom: 3px;
    right: 6px;
    font-size: 1.3rem;
    font-weight: 800;
    color: #b0b5b9;
}

/* 正中心：运盘星文字（恢复原位，不需要再往下微调了） */
.star-name { 
    font-size: 1.4rem; 
    font-weight: bold; 
    color: #212529; 
}



/* ==========================================================================
   底部参考区：三元龙面板与八卦统辖表样式
   ========================================================================== */

/* 独立龙板块小容器 */
.long-section {
    background-color: #f8f9fa !important;
}

/* 标签通用基准大小 */
.yuan-long-panel .badge {
    font-size: 0.9rem;
    padding: 6px 12px;
}

/* 阳性字标签（红字淡红底） */
.badge-yang {
    font-size: 1.1rem;
    font-weight: bold;
    color: #dc3545;
    background-color: #f8d7da;
    padding: 2px 10px;
    border-radius: 4px;
    border: 1px solid #f5c2c7;
    display: inline-block;
}

/* 阴性字标签（蓝字淡蓝底） */
.badge-yin {
    font-size: 1.1rem;
    font-weight: bold;
    color: #0d6efd;
    background-color: #cff4fc;
    padding: 2px 10px;
    border-radius: 4px;
    border: 1px solid #b6effb;
    display: inline-block;
}