body[data-chronicle] #chronicle-body .market-room{background:linear-gradient(105deg,#172e30ed,#203834f0),url('./assets/map-market.webp') center/cover}
body[data-chronicle] #chronicle-body .market-room .bag-summary{gap:14px}
body[data-chronicle] #chronicle-body .market-seal{color:#e7cc94;border:1px solid #bca27388;padding:1px 5px;font:18px 'KaiTi',serif}
body[data-chronicle] #chronicle-body .market-room .bag-summary>small{margin-left:auto;color:#c2c7b3;font-size:11px}
body[data-chronicle] #chronicle-body .market-room .bag-slot{min-height:122px;padding:9px 4px 25px}
body[data-chronicle] #chronicle-body .market-room .bag-slot>.market-price{color:#e9cb85;font-size:13px;font-variant-numeric:tabular-nums}
body[data-chronicle] #chronicle-body .market-room .market-price>small{position:static;font-size:10px;color:inherit}
body[data-chronicle] #chronicle-body .market-room .bag-detail{background:linear-gradient(140deg,#eee4c6,#c4c4a6)}
body[data-chronicle] #chronicle-body .market-room .bag-detail del{color:#7e7564;margin-left:5px}
body[data-chronicle] #chronicle-body .market-room .market-buy-actions{display:flex;gap:6px}
body[data-chronicle] #chronicle-body .market-buy-actions button{flex:1;min-width:0;padding:6px;font-size:12px}
body[data-chronicle] #chronicle-body .market-room .market-receipt{min-height:16px;margin:5px 0 0;font-size:11px;line-height:1.5;color:#315942}
body[data-chronicle] #chronicle-body .market-room .market-use-link{min-height:40px;background:transparent;border:0;border-bottom:1px solid #60725b66;color:#315740;font-size:12px;padding:5px 0;box-shadow:none}
body[data-chronicle] #chronicle-body .market-room .market-reason{font-size:11px;color:#75513b;margin:6px 0}
body[data-chronicle] #chronicle-body .market-room .bag-compare{font-size:11px}
@media(orientation:landscape) and (max-height:520px){body[data-chronicle] #chronicle-body .market-room .bag-slot{min-height:101px;padding:6px 3px 21px}body[data-chronicle] #chronicle-body .market-room .bag-detail h3{font-size:18px}body[data-chronicle] #chronicle-body .market-room .market-receipt{margin-top:3px;min-height:15px}}
@media(orientation:portrait) and (max-width:650px){body[data-chronicle] #chronicle-body .market-room{grid-template-rows:32px minmax(180px,1fr) minmax(190px,.9fr) 44px}body[data-chronicle] #chronicle-body .market-room .bag-summary{gap:9px}body[data-chronicle] #chronicle-body .market-room .bag-summary>small{font-size:10px;max-width:52%}body[data-chronicle] #chronicle-body .market-room .bag-slot{min-height:110px}body[data-chronicle] #chronicle-body .market-room .bag-detail h3{font-size:20px}}
@media(max-width:620px) and (orientation:landscape){body[data-chronicle] #chronicle-body .market-buy-actions button{font-size:11px}body[data-chronicle] #chronicle-body .market-room .bag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body[data-chronicle] #chronicle-body .market-room .bag-compare>small{color:#536747}
body[data-chronicle] #chronicle-body .market-room .bag-compare em{color:#51674c}
body[data-chronicle] #chronicle-body .market-room .bag-compare .gain{color:#256042}
body[data-chronicle] #chronicle-body .market-room .bag-compare .loss{color:#924331}
body[data-chronicle] #chronicle-panel[data-panel=market] #chronicle-title{font-size:22px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(orientation:portrait) and (max-width:650px){body[data-chronicle] #chronicle-panel[data-panel=market] #chronicle-title{font-size:18px;letter-spacing:0}}
@media(orientation:landscape) and (max-height:360px){body[data-chronicle] #chronicle-body .market-room .bag-detail{padding:6px;gap:3px}body[data-chronicle] #chronicle-body .market-room .bag-detail header{gap:6px}body[data-chronicle] #chronicle-body .market-room .bag-detail header small,body[data-chronicle] #chronicle-body .market-room .bag-detail header span{font-size:10px;line-height:1.3;display:block}body[data-chronicle] #chronicle-body .market-room .bag-detail h3{font-size:17px;line-height:1.1;margin:1px 0!important}body[data-chronicle] #chronicle-body .market-room .bag-detail header .sp-icon{width:36px;height:36px}body[data-chronicle] #chronicle-body .market-room .bag-use{padding-top:3px}body[data-chronicle] #chronicle-body .market-room .market-receipt{font-size:10px}}
@media(min-width:1000px) and (min-height:650px){body[data-chronicle] #chronicle-panel[data-panel=market] .chronicle-sheet{width:min(1180px,100%);height:min(760px,100%);margin:auto}body[data-chronicle] #chronicle-body .market-room{grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);grid-template-rows:40px minmax(0,1fr) 48px;padding:16px;gap:12px}body[data-chronicle] #chronicle-body .market-room .bag-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}body[data-chronicle] #chronicle-body .market-room .bag-slot{min-height:138px}body[data-chronicle] #chronicle-body .market-room .bag-slot b,body[data-chronicle] #chronicle-body .market-room .bag-description p,body[data-chronicle] #chronicle-body .market-room .bag-summary{font-size:14px}body[data-chronicle] #chronicle-body .market-room .bag-tabs button{font-size:14px}body[data-chronicle] #chronicle-body .market-room .market-buy-actions button{font-size:14px;min-height:48px}body[data-chronicle] #chronicle-body .market-room .bag-compare>span{font-size:12px;line-height:1.6}}