八字排盘-问真八字-生辰八字查询

<> .box.content { width: 100%; overflow: auto; max-width: 1320px; padding: 0.75rem; } #resultOutput { font-weight: 600; } table td,th { min-width: 66px; } .table.content.is-striped.is-bordered.is-fullwidth.is-size-6-mobile.is-size-6,.field.is-horizontal { width: 65%; /* 电脑端宽度 */ margin: auto; /* 居中对齐 */ } @media (max-width: 900px) { .table.content.is-striped.is-bordered.is-fullwidth.is-size-6-mobile.is-size-6,.field.is-horizontal { width: 100%; /* 移动设备宽度 */ } } @media (max-width: 768px) { .table.has-text-centered.content.is-striped.is-bordered.is-fullwidth.is-size-6-mobile.is-size-6 td.table.has-text-centered.content.is-striped.is-bordered.is-fullwidth.is-size-6-mobile.is-size-6 th { font-size: 12px; padding: 2px; } } @media (max-width: 768px) { .table.content { line-height: 1.2em; } } #yun td,#liu-yue td,#yun2 td,#liu-yue2 td{ min-width: 20px; } @media (max-width: 768px) { #yun td,#liu-yue td,#yun2 td,#liu-yue2 td { width: 25px; /* 在手机端进一步调整字体 */ font-size: 10px; padding: 0px; } } .guayaowang { border: .02667rem solid hsla(00%29%0.1); border-radius: 0.5rem; color: hsla(00%29%0.2); height: 1.1rem; margin-right: .4rem; min-width: 4rem; /* width: auto; */ font-size: 10px; line-height: 1.3; text-align: center; } .guayaowang:hover { border: .02667rem solid hsla(21297.2%42.5%.5); color: #0366d6; } @media (max-width: 768px) { #qiyunyun#qiehuan { font-size: 14px; } } /* 默认设置，用于桌面端 */ .input { width: 90px; } .input.select select.textarea { background-color: #fff; border-color: rgb(229231235);/* #f9e9e9 */ border-radius: 4px; color: #363636; } /* 手机端样式 */ @media (max-width: 600px) { .input { width: 80px; } } .span-btn { cursor: pointer; /* 鼠标悬停时变为手指 */ transition: color 0.3s; /* 添加平滑过渡效果 */ font-weight: 600; color: #515050; } .span-btn:hover { color: #0366d6; /* #ff6600 当鼠标悬停时的颜色 */ } .select:not(.is-multiple) { height: 4.2em; } .select:not(.is-multiple):not(.is-loading)::after { margin-top: .4375em; } td.active{ background:#feecf0; /* #ffd8d6 */ } .content table td.content table th { border: 1px solid #f8f9f9; /* #f9e9e9 */ } .siji { display: flex; /* 使用 Flexbox 来排列元素 */ justify-content: space-around; /* 均匀排列 */ margin-top: 0px; } .wuxingsiji { padding: 0px 10px; /* 添加内边距 */ color: white; /* 字体颜色为白色 */ border-radius: 5px; /* 圆角 */ text-align: center; /* 内容居中 */ margin: 5px; }