body, html { font-family: STHeiti, "Microsoft YaHei", Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-size: 12px; }
html { background: fixed rgb(231, 231, 231); overflow-y: auto; -webkit-text-size-adjust: 100%; }
body { max-width: 720px; min-height: 100%; margin: 0px auto; touch-action: pan-y; overscroll-behavior-y: auto; }
* { padding: 0px; margin: 0px; border: 0px; box-sizing: border-box; }
ol, ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:focus { outline: 0px; }
a.hidefocus { outline: 0px; }
a { text-decoration: none; color: rgb(0, 0, 0); }
img { width: 100%; height: auto; }
input[type="button"], input[type="submit"], input[type="text"] { appearance: none; outline: 0px; }
button { border: 0px; outline: 0px; cursor: pointer; }
input { outline: 0px; }
table { table-layout: fixed; width: 100%; }
.clearfix::after, .clearfix::before { content: ""; display: table; }
.clearfix::after { clear: both; }
.pad2 { padding: 2px; }
.pad4 { padding: 4px; }
.nullbox44 { height: 44px; }
div.top { position: fixed; z-index: 99; height: 44px; width: 100%; max-width: 720px; background: rgb(22, 136, 0); text-align: center; }
div.top div.logo { position: absolute; top: 0px; left: 48px; right: 48px; }
div.top div.icon span { position: absolute; width: 36px; height: 40px; color: rgb(255, 255, 255); background-image: url("../image/menuicon.png"); background-repeat: no-repeat; overflow: hidden; display: block; background-position: 0px 0px; }
div.top div.icon span.menu { top: 1px; right: 8px; background-size: 36px; background-position: 0px -56px; }
div.top div.icon span.prev { top: 1px; left: 5px; background-size: 32px; background-position: 0px -110px; }
div.top div.logoLeft { left: 5px; text-align: left; }
div.top div.prevHide { z-index: 1001; display: none; }
div.top div.menuDialog { position: fixed; top: 48px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1001; display: none; }
div.top div.menu_nav { max-width: 720px; margin: 0px auto; height: 100%; }
div.top div.menu_nav ul { float: right; width: 150px; background: rgba(255, 255, 255, 0.9); height: 100%; }
div.top div.menu_nav ul li { text-align: left; }
div.top div.menu_nav ul li a { padding-left: 60px; height: 38px; line-height: 38px; font-size: 13px; position: relative; display: block; border-top: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223); margin-top: -1px; }
div.top div.menu_nav ul li a:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
div.top div.menu_nav ul li span.icon { display: inline-block; height: 23px; width: 23px; background: none; position: absolute; top: 8px; left: 29px; }
div.top div.menu_nav ul li span.icon.i03 { background-position-y: -92px; }
div.top div.menu_nav ul li span.icon.i09 { background-position-y: -368px; }
div.top div.menu_nav ul li span.icon.i11 { background-position-y: -460px; }
div.top div.menu_nav ul li span.icon.i12 { background-position-y: -506px; }
div.top div.menu_nav ul li span.icon.i16 { background-position-y: -690px; }
div.top div.menu_nav ul li span.icon.i19 { background-position-y: -759px; }
div.box div.subnav ul { margin: 8px; }
div.box div.subnav ul li { display: block; float: left; width: 25%; text-align: center; }
div.box div.subnav ul li a { display: inline-block; width: 60px; }
div.box div.subnav ul li a img { margin: 0px auto; display: block; width: 53px; height: 53px; vertical-align: middle; }
div.box { margin: 5px 0px; background-color: rgb(255, 255, 255); border-radius: 4px; }
div.box img { width: 100%; max-width: 100%; height: auto; vertical-align: middle; }
div.box div.table table { width: 100%; border-collapse: collapse; overflow-wrap: break-word; }
div.box div.table table tr { text-align: center; padding: 0px 5px; line-height: 18px; }
div.box div.table { }
div.box div.table ul { }
div.box div.table ul li { border-bottom: 1px solid rgb(249, 249, 249); padding: 8px 0px; text-align: center; font-size: 1.2rem; }
div.box div.table ul li font { color: rgb(0, 0, 255); }
div.box div.table ul li span { color: rgb(255, 0, 0); }
div.box div.table div.title { height: 40px; line-height: 40px; background: linear-gradient(to top, rgb(101, 48, 10), rgb(192, 121, 70)) rgb(101, 48, 10); border-radius: 2px; }
div.box div.table div.title h3 { height: 40px; padding: 0px 50px 0px 12px; color: rgb(255, 255, 255); font-size: 1.3rem; display: inline-block; background: linear-gradient(to top, rgb(184, 13, 13), rgb(232, 3, 3)) rgb(184, 13, 13); position: relative; border-radius: 2px; }
div.box div.table div.title h3 span { width: 42px; height: 40px; background: none; position: absolute; top: 0px; right: 0px; }
div.box div.kjkj ul li { float: left; margin: 2px; padding: 4px 0px; width: calc(20% - 4px); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; background-image: linear-gradient(to top, rgb(255, 128, 0), rgb(255, 193, 132)); }
div.box div.kjkj ul li a { color: rgb(255, 255, 255); font-size: 1.1rem; font-weight: bold; }
div.box div.ptwx ul li span { font-size: 1.4rem; font-weight: bold; }
div.box div.ptwx ul li span font { font-weight: 400; }
div.box div.ptwx ul li span font.cuo { color: rgb(204, 204, 204); }
div.box div.ptwx ul li u { background: rgb(255, 255, 0); text-decoration: none; }
div.box div.mark ul li { padding: 8px 5px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.box div.mark ul li span.icon { margin-right: 6px; padding: 4px 5px; font-size: 1rem; color: rgb(255, 255, 255); border-radius: 5px; background: rgb(255, 153, 0); display: inline-block; }
div.box div.mark ul li span.zz { float: right; margin-left: 10px; font-size: 1.1rem; color: rgb(153, 153, 153); }
div.box div.nmzl table { table-layout: auto; border: 1px solid rgb(238, 238, 238); }
div.box div.nmzl table tr.title th { background: rgb(238, 238, 238); color: rgb(51, 51, 51); text-align: center; height: 38px; line-height: 38px; font-size: 1.2rem; }
div.box div.nmzl table tr.title th font { color: rgb(255, 0, 0); font-size: 1.2rem; }
div.box div.nmzl table tr { border-bottom: 1px solid rgb(238, 238, 238); height: 35px; line-height: 35px; font-size: 1.1rem; }
div.box div.nmzl table td.l { width: 60%; text-align: left; padding-left: 5px; border-right: 1px solid rgb(238, 238, 238); }
div.box div.nmzl table td.r { width: 39%; text-align: right; padding-right: 5px; }
div.box div.nmzl td span { color: red; font-size: 1.2rem; }
div.box div.nmzl table td u { background: rgb(255, 255, 0); text-decoration: none; }
div.box div.yxym table { table-layout: auto; }
div.box div.yxym table tr.title th { background: rgb(147, 209, 169); color: rgb(255, 255, 255); text-align: center; height: 38px; line-height: 38px; font-size: 1.2rem; }
div.box div.yxym table tr.title th font { color: rgb(255, 0, 0); font-size: 1.3rem; }
div.box div.yxym table td { background: rgb(180, 231, 198); border-bottom: 1px solid rgb(255, 255, 255); padding: 8px 0px; font-size: 1.2rem; font-weight: bold; color: rgb(51, 51, 51); }
div.box div.yxym table td.l { width: 86px; }
div.box div.yxym table td.c { width: auto; background-color: rgb(213, 245, 225); color: rgb(255, 0, 0); font-size: 1.4rem; }
div.box div.yxym table td.huan { padding: 0px; }
div.box div.yxym table td.r { width: 86px; }
div.box div.yxym table td span { color: rgb(0, 0, 255); }
div.box div.yxym table td.c u { background: rgb(255, 255, 0); text-decoration: none; }
div.box div.sqsx table { }
div.box div.sqsx table td { border: 1px solid rgb(249, 249, 249); padding: 5px 0px; font-size: 1.2rem; }
div.box div.sqsx table td.l { width: 86px; }
div.box div.sqsx table td.c { width: auto; font-size: 2.2rem; font-weight: bold; color: rgb(255, 0, 0); }
div.box div.sqsx table td.r { width: 86px; }
div.box div.sqsx table td u { background-color: rgb(255, 255, 0); text-decoration: none; }
div.box div.sqsx table td span { color: rgb(0, 0, 255); }
div.box div.wzzy ul li { border: 0px; padding: 0px; text-align: left; font-size: 1.2rem; }
div.box div.wzzy ul li dt { padding: 8px 5px; }
div.box div.wzzy ul li span.r { float: right; color: rgb(51, 51, 51); }
div.box div.wzzy ul li p { border-radius: 4px; background: rgb(238, 238, 238); padding: 4px 5px; color: rgb(0, 128, 0); }
div.box div.jxct ul { margin-top: 3px; }
div.box div.jxct ul li { float: left; border: 1px solid rgb(255, 128, 0); margin: 1px; padding: 5px 0px; width: calc(16.66% - 2px); border-radius: 4px; font-size: 1rem; color: rgb(0, 0, 255); }
div.box div.jxct ul li font { color: rgb(51, 51, 51); }
div.box div.choice { }
div.box div.choice.pad4 { padding-bottom: 0px; }
div.box div.choice ul.kjnf { padding: 5px 0px; text-align: center; background: rgb(231, 231, 231); color: rgb(255, 255, 255); }
div.box div.choice ul.kjnf li { float: left; display: block; margin: 2px; padding: 4px 0px; width: calc(16.66% - 4px); border: 1px solid rgb(255, 255, 255); background: rgb(254, 159, 1); border-radius: 6px; }
div.box div.choice ul.kjnf li a { color: rgb(255, 255, 255); }
div.box div.choice ul.kjnf li.active { background: rgb(255, 255, 255); font-weight: bold; }
div.box div.choice ul.kjnf li.active a { color: rgb(51, 51, 51); }
div.box div.choice div.yearDialog { position: fixed; max-width: 720px; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1001; display: none; width: 100%; left: 4px; right: 4px; margin: 0px auto; box-sizing: border-box; padding: 0px 3px; }
div.box div.choice div.yearDialog ul.kjnf { background: rgb(255, 255, 255); padding: 5px 0px; }
div.box div.choice div.yearDialog ul.kjnf li { border-color: rgb(238, 238, 238); border-radius: 6px; }
div.box div.choice dl { line-height: 26px; text-align: center; padding-bottom: 8px; background: rgb(255, 255, 204); }
div.box div.choice dl.sx { font-size: 1.2rem; border-bottom: 1px solid rgb(204, 204, 204); }
div.box div.choice dl h3 { float: left; width: 10%; line-height: 30px; color: rgb(255, 0, 0); font-size: 1.2rem; }
div.box div.choice dl ul { float: left; width: 90%; }
div.box div.choice dl ul li { float: left; width: 7.69%; padding: 2px 0px; }
div.box div.choice dl ul li .position_superior { width: 35px; margin: 0px auto; text-align: center; border-radius: 3px; clear: none; cursor: pointer; border: 1px solid rgb(204, 204, 204); }
div.box div.choice dl ul li .active { background: rgb(236, 99, 55); color: rgb(255, 255, 255); border-color: rgb(236, 99, 55); }
div.box div.choice dl ul li button.position_superior { height: 26px; background: rgb(0, 0, 255); border-color: rgb(0, 0, 255); color: rgb(255, 255, 255); }
div.box div.history.pad4 { padding-top: 0px; }
div.box div.history ul li dl div.opacityOne { opacity: 0.1; }
div.box div.history div.checked { padding: 5px; background: rgb(255, 255, 204); color: rgb(153, 153, 153); font-size: 14px; }
div.box div.history ul li { margin: 3px 0px; background: rgb(250, 250, 250); color: rgb(102, 102, 102); }
div.box div.history ul li::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
div.box div.history ul li dt { padding-left: 6px; height: 1.6rem; line-height: 1.6rem; font-size: 1.1rem; }
div.box div.history ul li dl { text-align: center; font-size: 1.2rem; }
div.box div.history ul li dl div.ball { width: 14.28%; float: left; }
div.box div.history ul li dl div.te { width: 9%; float: left; }
div.box div.history ul li dl div.ball p { margin: 0px auto; background: rgb(255, 255, 255); width: 96%; border: 1px solid rgb(227, 227, 227); border-radius: 1px; }
div.box div.history ul li dl div.ball span { height: 1.8rem; line-height: 1.8rem; display: block; font-weight: 700; border-radius: 2px; }
div.box div.history ul li dl div.ball span.blue { color: rgb(255, 255, 255); background: blue; }
div.box div.history ul li dl div.ball span.green { color: rgb(255, 255, 255); background: green; }
div.box div.history ul li dl div.ball span.red { color: rgb(255, 255, 255); background: red; }
div.box div.history ul li dl div.ball b { display: block; color: rgb(51, 51, 51); font-weight: 500; font-size: 1.1rem; }
div.box .article { border-radius: 3px; font-size: 14px; background: rgb(255, 255, 255); color: rgb(51, 51, 51); text-align: center; font-weight: bold; }
div.box .article h3 { font-size: 1.2rem; padding: 15px 8px 8px; overflow: hidden; }
div.box .article h3, div.box .article dl { display: block; }
div.box .article dl { padding: 8px; border-top: 1px dashed rgb(255, 237, 164); border-bottom: 1px dashed rgb(255, 237, 164); font-weight: 400; color: rgb(210, 179, 53); }
div.box .article ul.content { padding: 5px 8px; font-size: 1.1rem; }
div.box .article ul.content li { padding: 10px 0px; }
div.box .article ul.content li p { padding: 2px 10px; }
div.box .article ul.content li u { color: rgb(255, 0, 0); text-decoration: none; }
div.box .article ul.content li span { color: rgb(0, 0, 255); }
div.box .article ul.content li font { color: rgb(255, 0, 0); }
div.box .article ul.content.tl li { text-align: left; }
div.box .article ul.content li:last-child { border-bottom: 0px; }
div.box .article .ts { text-align: center; padding: 8px 0px; border-top: 1px dashed rgb(255, 237, 164); }
div.box .article .ts p { padding: 6px 0px; }
div.box .article .ts p.ym { font-size: 1.26rem; }
div.box div.tmzs { padding: 6px; }
div.box div.tmzs div.anBtn { background: rgb(255, 254, 249); }
div.box div.tmzs div.anBtn div.tmzsResult { height: 163px; border: 1px solid rgb(201, 201, 201); border-radius: 5px; padding: 3px; }
div.box div.tmzs div.anBtn div.tmzsResult .ball_box { display: inline-block; width: 10%; text-align: center; float: left; padding: 2px; }
div.box div.tmzs div.tmzsTable table { border-collapse: collapse; text-align: center; width: 100%; margin: 10px 0px 2px; border: 1px solid rgb(201, 201, 201); }
div.box div.tmzs div.tmzsTable table tr.borTop { border-top: 1px solid rgb(201, 201, 201); }
div.box div.tmzs div.tmzsTable table tr.borBtm { border-bottom: 1px solid rgb(201, 201, 201); }
div.box div.tmzs div.tmzsTable table tr td { text-align: center; padding: 0px 5px; }
div.box div.tmzs div.tmzsTable table tr.borBtm td > div { margin-bottom: 8px; }
div.box div.tmzs div.tmzsTable table tr td h3 { font-size: 16px; color: rgb(255, 0, 0); }
div.box div.tmzs div.tmzsTable table tr td span { display: inline-block; border: 1px solid rgb(204, 204, 204); height: 27px; line-height: 27px; width: 100%; border-radius: 4px; font-size: 13px; color: rgb(255, 255, 255); margin: 8px 0px; background: rgb(255, 153, 0); }
div.box div.tmzs div.tmzsTable table tr td div { border: 1px solid rgb(204, 204, 204); height: 27px; line-height: 27px; width: 100%; border-radius: 4px; font-size: 13px; margin-top: 8px; background: rgb(246, 246, 246); }
div.box div.tmzs div.tmzsTable table tr td.borRgt { border-right: 1px solid rgb(201, 201, 201); }
div.box div.tmzs div.tmzsTable table tr td.borRgt div { margin-top: 6px; margin-bottom: 6px; }
div.box div.tmzs div.tmzsTable table tr td .hover { border: 1px solid rgb(229, 113, 73); color: rgb(255, 255, 255); background-color: rgb(229, 113, 73); }
.blueBall, .greenBall, .redBall { display: inline-block; width: 27px; height: 27px; background: none; line-height: 23px; font-size: 14px; color: rgb(48, 48, 48); font-weight: 700; text-align: center; }
.greenBall { background-position: -28px 0px; }
.redBall { background-position: 0px -28px; }
div.box.phvad { padding: 4px; display: none; }
div.footer { padding: 4px 8px; text-align: center; }
div.footer p { padding: 4px 0px; }
@media screen and (max-width: 720px) {
  div.top .logobox .logo { margin-left: 5px; }
  div.top .nav span { font-size: 1.1rem; }
  div.box { margin: 4px; }
  div.box div.choice div.yearDialog { left: 4px; right: 4px; padding: 0px 3px; width: 97.5%; }
  div.box div.choice dl.sx h3 { line-height: 60px; }
  div.box div.choice dl ul li { float: left; width: 12.5%; padding: 2px 0px; }
  div.box div.choice dl.sx ul li button.position_superior { width: 78px; }
  div.box div.ptwx ul li { font-size: 1.3rem; }
  div.box div.ptwx ul li span font { font-size: 1.1rem; }
  div.box div.yxym table td.c { font-size: 1.2rem; }
  div.box div.yxym table td.huan dt { width: 110px; margin: 0px auto; text-align: center; }
  div.box div.jxct ul li { width: calc(25% - 2px); }
  div.box .article ul.content li dt.f8 { margin: 0px auto; width: 180px; }
  div.box .article ul.content li dt.f14 { margin: 0px auto; width: 310px; }
}

/* 本地版补充：不改变原站主色和球号色，只补足本地按钮与状态。 */
.back-link{margin-top:13px;float:left;margin-left:10px;display:inline-block;color:#f0f8ff;font-size:15px;text-decoration:none}
#pageTitle{display:inline-block;margin-top:10px;color:#f0f8ff;font-size:22px}
#typeSwitch{display:flex!important;flex-wrap:wrap;gap:8px}
#typeSwitch li{width:auto!important;margin:0!important;padding:2px 0!important}
#typeSwitch .clear-all-item{margin-left:auto!important}
#typeSwitch a{display:block;width:auto!important;min-width:64px;padding:0 10px;white-space:nowrap;background:#fff!important;color:#111!important;border:1px solid #ccc!important}
#typeSwitch a.active{background:#0000ff!important;color:#fff!important;border-color:#0000ff!important}
#typeSwitch .version-link{color:#fff!important;background:#ff5a1f!important;border-color:#ff5a1f!important}
#positionFilters .choose_superior,#zodiacFilters .choose_superior{font:inherit;background:#fff!important;color:#111!important;border:1px solid #ccc!important}
#positionFilters .choose_superior.active,#zodiacFilters .choose_superior.active{background:#0000ff!important;color:#fff!important;border-color:#0000ff!important}
#positionFilters .reduction,#zodiacFilters .reduction{background:#ff6500!important;color:#fff!important;border:1px solid #ff6500!important;box-shadow:0 1px 2px #c54f00}
.clear-all-item .reduction{width:auto!important;min-width:76px;height:30px;background:#ff6500!important;color:#fff!important;border:1px solid #ff6500!important;border-radius:6px!important}
.extra-filters{font-size:1.2rem}
.extra-filters .choose_superior{font:inherit;background:#fff!important;color:#333!important;border:1px solid #ccc!important}
.extra-filters .choose_superior.active{background:#ff5a2f!important;color:#fff!important;border-color:#ff5a2f!important}
[data-filter-group].choose_superior.active{background:#ff5a2f!important;color:#fff!important;border-color:#ff5a2f!important}
div.box div.choice dl:not(.sort) ul li{width:12.5%!important}
div.box div.choice dl:not(.sort) ul li .position_superior{width:78px;max-width:calc(100% - 4px)}
.kjnf{display:flex!important;flex-wrap:wrap!important}
.kjnf li{margin-bottom:4px}
.kjnf li a{text-decoration:none!important;user-select:none}
div.box div.choice ul.kjnf li.active{background:#0000ff!important;border-color:#0000ff!important;box-shadow:0 1px 3px rgba(0,0,160,.35)}
div.box div.choice ul.kjnf li.active a{display:block;background:transparent!important;color:#fff!important;text-decoration:none!important}
.kjnf li.more-year-control{padding:0!important;background:#ff9900!important;border-color:#ff9900!important}
.yearMore{display:block;width:100%;height:100%;min-height:28px;border:0!important;background:#ff9900!important;color:#fff!important;border-radius:6px;padding:0 20px;line-height:26px;font:inherit;cursor:pointer}
.history-status{text-align:center;color:#666;padding:18px 8px}
.history-status:empty{display:none!important;padding:0!important;margin:0!important;height:0!important}
.drawing-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;background:#ff6500;color:#fff;font-size:11px;font-style:normal;line-height:18px;vertical-align:middle}
div.box div.history ul li.drawing{border:1px solid #ffb36b;background:#fffaf0}
div.box div.history ul li dl div.ball.pending span.pending-number{background:#eee!important;color:#777!important;border:1px dashed #aaa;font-size:11px!important}
div.box div.history ul li dl div.ball.pending b{color:#d97706!important;font-size:10px!important}
.yearDialog[hidden]{display:none!important}
div.box div.choice div.yearDialog.is-open{display:block!important}

/* v1.0.2：年份内联展开，并针对手机宽度重新排版。 */
#yearList{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;padding:6px!important;align-items:stretch}
#yearList li,#moreYears li{float:none!important;width:auto!important;margin:0!important;padding:0!important;min-width:0;display:flex!important;align-items:stretch;justify-content:center}
#yearList li a,#moreYears li a,.yearMore{display:flex!important;width:100%;min-width:0;min-height:38px;height:auto!important;padding:6px 8px!important;align-items:center;justify-content:center;text-align:center;line-height:1.15!important;white-space:nowrap;overflow:hidden}
.kjnf li.more-year-control{display:flex!important;align-items:stretch;justify-content:center}
div.box div.choice div.yearDialog{position:static!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0 4px 5px!important;background:#e7e7e7!important}
div.box div.choice div.yearDialog ul.kjnf,#moreYears{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;padding:6px!important;background:#e7e7e7!important}

@media screen and (max-width:520px){
  html{width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto}
  body{width:100%;max-width:100%;overflow-x:clip;overflow-y:visible;touch-action:pan-y;-webkit-overflow-scrolling:touch}
  div.top{max-width:100%}
  .back-link{margin-left:8px;font-size:14px}
  #pageTitle{font-size:20px}
  div.box{margin:4px 0;border-radius:0}
  div.box div.choice{padding:4px!important}
  div.box div.choice dl{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;padding:5px 0!important}
  div.box div.choice dl h3,div.box div.choice dl.sx h3{float:none!important;width:auto!important;padding:4px 2px 0 4px;line-height:32px!important;text-align:left}
  div.box div.choice dl ul{float:none!important;width:auto!important;min-width:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 4px}
  div.box div.choice dl ul li,div.box div.choice dl:not(.sort) ul li{float:none!important;width:auto!important;padding:0!important;margin:0!important}
  div.box div.choice dl:not(.sort) ul li .position_superior{display:flex;width:100%!important;max-width:none;min-height:36px;height:36px!important;padding:0 2px;align-items:center;justify-content:center;white-space:nowrap}
  div.box div.choice dl.sort{display:block;padding-bottom:5px!important}
  div.box div.choice dl.sort h3{width:100%!important;padding:0 8px;line-height:28px!important}
  #typeSwitch{float:none!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 6px}
  #typeSwitch li{width:auto!important;padding:0!important}
  #typeSwitch a{display:flex;width:100%!important;min-width:0;min-height:38px;padding:5px 4px;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
  #typeSwitch .clear-all-item{grid-column:1/-1;margin:0!important;display:flex;justify-content:center}
  .clear-all-item .reduction{width:min(160px,100%)!important;min-height:38px;height:38px!important}
  #yearList,#moreYears,div.box div.choice div.yearDialog ul.kjnf{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #yearList li:last-child:nth-child(odd),#moreYears li:last-child:nth-child(odd){grid-column:1/-1;width:50%!important;justify-self:center}
  #yearList li.more-year-control:last-child{grid-column:1/-1;width:50%!important;justify-self:center}
  div.box div.history ul li dt{height:auto;min-height:1.6rem}
}

/* 年份采用居中弹性行，避免 clearfix 伪元素占据空格。 */
#yearList::before,#yearList::after,#moreYears::before,#moreYears::after{content:none!important;display:none!important}
#yearList,#moreYears,div.box div.choice div.yearDialog ul.kjnf{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch;gap:6px}
#yearList li,#moreYears li{flex:0 1 calc(20% - 6px)!important;max-width:calc(20% - 6px)!important}
@media screen and (max-width:520px){
  #yearList li,#moreYears li,#yearList li:last-child:nth-child(odd),#moreYears li:last-child:nth-child(odd),#yearList li.more-year-control:last-child{flex-basis:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important;width:auto!important}
}

/* v1.0.3：旧版 clearfix 伪元素不能参与手机网格排版。 */
@media screen and (max-width:520px){
  div.box div.choice dl.clearfix::before,div.box div.choice dl.clearfix::after,div.box div.choice ul.clearfix::before,div.box div.choice ul.clearfix::after{content:none!important;display:none!important}
  div.box div.choice dl:not(.sort){display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto!important}
  div.box div.choice dl:not(.sort)>h3{grid-column:1!important;grid-row:1!important;min-width:0}
  div.box div.choice dl:not(.sort)>ul{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;box-sizing:border-box}
  div.box div.choice dl.sort>h3{display:block!important;float:none!important;width:100%!important}
  div.box div.choice dl.sort>#typeSwitch{display:grid!important;float:none!important;width:100%!important;min-width:0!important;box-sizing:border-box}
}

/* v1.0.4：参考原站的紧凑同屏布局，手机不再使用四列大按钮。 */
#yearList,#moreYears,div.box div.choice div.yearDialog ul.kjnf{gap:4px;padding:4px!important}
#yearList li,#moreYears li{flex-basis:calc(20% - 4px)!important;max-width:calc(20% - 4px)!important}
#yearList li a,#moreYears li a,.yearMore{min-height:30px!important;padding:2px 5px!important;font-size:13px;line-height:1!important}

@media screen and (max-width:520px){
  div.box div.choice dl,div.box div.choice dl:not(.sort){grid-template-columns:46px minmax(0,1fr)!important;padding:3px 0!important}
  div.box div.choice dl h3,div.box div.choice dl.sx h3,div.box div.choice dl:not(.sort)>h3{padding:0 2px!important;line-height:32px!important;font-size:14px!important;text-align:left}
  div.box div.choice dl ul{gap:3px!important;padding:0 2px!important}
  #positionFilters{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  #zodiacFilters{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  #attributeFilters{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  #tailFilters{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  #headFilters{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  div.box div.choice dl:not(.sort) ul li .position_superior{height:32px!important;min-height:32px!important;padding:0!important;font-size:14px!important}
  div.box div.choice dl.sort{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;padding:3px 0 5px!important}
  div.box div.choice dl.sort>h3{grid-column:1!important;grid-row:1!important;width:auto!important;padding:0 2px!important;line-height:34px!important}
  div.box div.choice dl.sort>#typeSwitch{grid-column:2!important;grid-row:1!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;padding:0 2px!important}
  #typeSwitch .clear-all-item{grid-column:auto!important;margin:0!important;display:block!important}
  #typeSwitch a,.clear-all-item .reduction{width:100%!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:2px!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap!important}
  #yearList,#moreYears,div.box div.choice div.yearDialog ul.kjnf{gap:3px!important;padding:4px!important}
  #yearList li,#moreYears li,#yearList li:last-child:nth-child(odd),#moreYears li:last-child:nth-child(odd),#yearList li.more-year-control:last-child{flex:0 1 calc(20% - 3px)!important;max-width:calc(20% - 3px)!important;width:auto!important}
  #yearList li a,#moreYears li a,.yearMore{min-height:28px!important;padding:2px!important;font-size:12px!important}
}

/* 桌面与手机使用同一组参考列数，避免生肖顺序因旧 8 列规则错位。 */
#positionFilters,#zodiacFilters,#attributeFilters,#tailFilters,#headFilters{display:grid!important;gap:4px;padding:0 4px}
#positionFilters::before,#positionFilters::after,#zodiacFilters::before,#zodiacFilters::after,#attributeFilters::before,#attributeFilters::after,#tailFilters::before,#tailFilters::after,#headFilters::before,#headFilters::after{content:none!important;display:none!important}
#positionFilters,#zodiacFilters,#attributeFilters{grid-template-columns:repeat(7,minmax(0,1fr))!important}
#tailFilters{grid-template-columns:repeat(8,minmax(0,1fr))!important}
#headFilters{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#positionFilters li,#zodiacFilters li,#attributeFilters li,#tailFilters li,#headFilters li{float:none!important;width:auto!important;margin:0!important;padding:2px 0!important}
#positionFilters li .position_superior,#zodiacFilters li .position_superior,#attributeFilters li .position_superior,#tailFilters li .position_superior,#headFilters li .position_superior{width:100%!important;max-width:none!important}

/* v1.0.5：手机明显缩小，电脑适度缩小；头数并入尾数第二行。 */
div.box div.choice dl:not(.sort){padding-bottom:3px!important;line-height:24px!important}
div.box div.choice dl:not(.sort)>h3{line-height:24px!important;font-size:13px!important}
#positionFilters,#zodiacFilters,#attributeFilters,#tailFilters{gap:3px!important;padding:0 3px!important}
#positionFilters li,#zodiacFilters li,#attributeFilters li,#tailFilters li{padding:1px 0!important}
#positionFilters li .position_superior,#zodiacFilters li .position_superior,#attributeFilters li .position_superior,#tailFilters li .position_superior{height:24px!important;min-height:24px!important;font-size:12px!important;line-height:22px!important}
#typeSwitch a,.clear-all-item .reduction{min-height:26px!important;height:26px!important;display:flex!important;align-items:center;justify-content:center;line-height:1!important}
#yearList,#moreYears,div.box div.choice div.yearDialog ul.kjnf{gap:3px!important;padding:3px!important}
#yearList li a,#moreYears li a,.yearMore{min-height:26px!important;padding:1px 4px!important;font-size:12px!important}

@media screen and (max-width:520px){
  .nullbox44{height:40px!important}
  div.top{height:40px!important}
  .back-link{margin-top:11px!important;font-size:13px!important}
  #pageTitle{margin-top:8px!important;font-size:18px!important}
  div.box div.choice{padding:2px!important}
  div.box div.choice dl,div.box div.choice dl:not(.sort){grid-template-columns:42px minmax(0,1fr)!important;padding:2px 0!important;line-height:26px!important}
  div.box div.choice dl h3,div.box div.choice dl.sx h3,div.box div.choice dl:not(.sort)>h3{padding:0 1px!important;line-height:26px!important;font-size:12px!important}
  div.box div.choice dl ul{gap:2px!important;padding:0 1px!important}
  div.box div.choice dl:not(.sort) ul li .position_superior,#positionFilters li .position_superior,#zodiacFilters li .position_superior,#attributeFilters li .position_superior,#tailFilters li .position_superior{height:26px!important;min-height:26px!important;padding:0!important;font-size:12px!important;line-height:24px!important}
  div.box div.choice dl.sort{grid-template-columns:42px minmax(0,1fr)!important;padding:2px 0 3px!important}
  div.box div.choice dl.sort>h3{line-height:28px!important;font-size:12px!important}
  div.box div.choice dl.sort>#typeSwitch{gap:2px!important;padding:0 1px!important}
  #typeSwitch a,.clear-all-item .reduction{min-height:28px!important;height:28px!important;padding:1px!important;font-size:11px!important}
  #yearList,#moreYears,div.box div.choice div.yearDialog ul.kjnf{gap:2px!important;padding:3px!important}
  #yearList li,#moreYears li,#yearList li:last-child:nth-child(odd),#moreYears li:last-child:nth-child(odd),#yearList li.more-year-control:last-child{flex-basis:calc(20% - 2px)!important;max-width:calc(20% - 2px)!important}
  #yearList li a,#moreYears li a,.yearMore{min-height:24px!important;padding:1px!important;font-size:11px!important}
  div.box div.history ul li dt{font-size:12px!important;line-height:18px!important;min-height:18px!important}
}