.ui-mobile, .ui-mobile .ui-page { min-height: 100% }
.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.ui-page { display: none; position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; border: 0 }
.ui-page-active { display: block; overflow: visible }
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px }
.ui-header-fixed { z-index: 1000; position: fixed !important; top: 0; left: 0; right: 0; width: 100% }
.ui-fixed-top { padding-top: 45px }
.ui-fixed-bottom { padding-bottom: 50px }
.ui-header { border: none; overflow: hidden; position: relative }
.ui-header .ui-title { min-height: 1.1em; text-align: center; font-size: 18px; display: block; margin: 0.6em 60px 0.8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 }
.ui-header .ui-btn-left { position: absolute; left: 10px }
.ui-header .ui-btn-right { position: absolute; right: 10px }
.ui-bar-glass { background-color: rgba(255, 255, 255, 0); border: none }
.ui-bar-a { background: #007979; color: #fff; font-weight: bold; text-shadow: 0 1px 1px #111 }
.ui-body-a { background: transparent; color: inherit; text-shadow: none; font-family: Helvetica, Arial, sans-serif }
.ui-btn { display: block; text-align: center; cursor: pointer; position: relative; margin: .5em 0; padding: 0 }
.ui-btn-inner { font-size: 14px; padding: .6em 20px; min-width: .75em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative }
.ui-btn-corner-all { border-radius: 0.3em }
.ui-shadow { box-shadow: 0 1px 3px rgba(0,0,0,.15) }
.ui-btn-inline { display: inline-block; width: auto }
.ui-btn-a { border: 1px solid #1e3a8a; background: #1e3a8a; font-weight: bold; color: #fff; text-shadow: none }
.ui-btn-b { background: #2567ab; color: #fff; text-shadow: 0 1px 0 #111 }
.ui-bar-d, .ui-body-d { border: 1px solid #ccc; background: #fff; color: #333 }
.ui-icon { display: block; width: 18px; height: 18px; background-color: rgba(0,0,0,.4); background-repeat: no-repeat; border-radius: 9px }
.ui-icon-shadow { box-shadow: 0 1px 0 rgba(255,255,255,.4); background-color: #666 }
.ui-btn-icon-left .ui-btn-inner { padding-left: 40px }
.ui-btn-icon-left .ui-icon { position: absolute; top: 50%; margin-top: -9px; left: 10px }
.ui-btn-icon-right .ui-btn-inner { padding-right: 40px }
.ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; right: 10px }
.ui-icon-arrow-r { background-image: url(images/icons-18-white_07.png) }
.ui-icon-arrow-l { background-image: url(images/icons-18-white_09.png) }
.ui-collapsible-contain { margin: .5em 0 }
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; border-width: 0 0 1px 0; position: relative }
.ui-collapsible-heading .ui-btn { border-left-width: 0; border-right-width: 0; margin: 0 }
.ui-collapsible-content { display: block; padding: 10px 15px }
.ui-collapsible-content-collapsed { display: none }
.ui-collapsible-icon { background-color: #666 }
.ui-input-text { border: 1px solid #ccc; padding: .4em; width: 100%; display: block; box-sizing: border-box; background: #fff; border-radius: 4px }
.ui-body-null { background: transparent }
.ui-shadow-inset { box-shadow: inset 0 1px 3px rgba(0,0,0,.2) }
.ui-hide { display: none !important }
.ui-corner-all { border-radius: .6em }
.ui-corner-top { border-top-left-radius: .6em; border-top-right-radius: .6em }
.ui-corner-bottom { border-bottom-left-radius: .6em; border-bottom-right-radius: .6em }
#xiangyi, #qmzj { position: absolute; left: 0; width: 100%; z-index: 9999 }
.style2 { color: #d97706; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: center }
.style3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px }
.style4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center }
.style5 { color: #FF00FF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center }
.headst { font-size: 14px; text-align: center; line-height: 1.6 }
.gridst { font-size: 12px; text-align: center; background-image: url(pan_bg2.png); background-repeat: no-repeat; background-position: center; cursor: zoom-in; background-size: contain }
.gridst font { background-color: yellow; font-weight: bold; border-radius: 3px }
.girdleft, .gridleft { border: 1px solid #000033; border-right: none; border-bottom: none; text-align: center; padding: 1px }
.girdnone, .gridnone { text-align: center; padding: 1px }
.girdbott, .gridbott { border: 1px solid #000000; border-right: none; padding: 1px; text-align: center }
.girdright, .gridright { border: 1px solid #000000; border-bottom: none; padding: 1px; text-align: center }
.girdall, .gridall { border: 1px solid #000000; padding: 1px; text-align: center }
.caltabwidthst { width: 70px }
.lablestyle { vertical-align: middle !important; display: inline !important }
.checkbo { width: 60px; height: 60px }
html { font-size: 16px }
@media screen and (max-width: 360px) {
    html { font-size: 14px }
}

@media screen and (min-width: 480px) {
    html { font-size: 18px }
    .ui-block-auto { width: 33.333% }
}

@media screen and (min-width: 768px) {
    html { font-size: 20px }
    .ui-block-auto { width: 25% }
}

[data-theme="dark"] .ui-bar-d, 
[data-theme="dark"] .ui-body-d { background: var(--card-bg); border-color: var(--card-border); color: var(--text-color) }
[data-theme="dark"] .gridst font { background-color: #b45309; color: #fff }
#xiangyi .item_header { background-image: none !important; display: flex; justify-content: space-between; color: #333; }
#xiangyi .item_header::after { content: '▼'; font-size: 10px; color: #999; transition: transform 0.2s }
#xiangyi .item_header.expand::after { transform: rotate(180deg) }

div.pai_da_yun { font-size: 13px; font-weight: normal; margin: 10px 0; overflow-x: auto }
div.pai_da_yun table { width: 100%; max-width: 400px; margin: 0 auto; border-collapse: collapse; border: 1px solid #d4d4d4; cursor: pointer; background-color: var(--card-bg, #fff) }
div.pai_da_yun table td { margin: 0; padding: 6px 2px; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: center; color: var(--text-color, #333) }
div.pai_da_yun table td:last-child { border-right: none }
tr.dayun_list td, 
tr.age_list td { color: #1e3a8a; font-weight: 600 }
tr.liunian_list td { color: #991b1b }
tr.liunian_tr td { background-color: rgba(0,0,0,0.02); font-size: 12px }
[data-theme="dark"] div.pai_da_yun table { border-color: #444; background-color: var(--card-bg) }
[data-theme="dark"] div.pai_da_yun table td { border-color: #444; color: #e0e0e0 }
[data-theme="dark"] tr.dayun_list td, 
[data-theme="dark"] tr.age_list td { color: #93c5fd }
[data-theme="dark"] tr.liunian_list td { color: #fca5a5 }
[data-theme="dark"] tr.liunian_tr td { background-color: rgba(255,255,255,0.05) }