.online-market{position:absolute;inset:20px;z-index:25;display:flex;flex-direction:column;overflow:hidden;border:1px solid #b7a474;border-radius:10px;background:#18303a;color:#e8e5d0;box-shadow:0 12px 48px #091c23b0;font-family:"Microsoft YaHei",sans-serif}
.online-market[hidden],.online-market [hidden]{display:none!important}
#social-town .online-market button,#social-town .online-market input,#social-town .online-market select{min-height:44px;min-width:44px;font:inherit;border:1px solid #85948d;border-radius:5px;background:#25434b;color:#eceddd;padding:8px;touch-action:manipulation}
.online-market button:focus-visible,.online-market input:focus-visible,.online-market select:focus-visible{outline:2px solid #f4d28c;outline-offset:2px}.online-market button:disabled{opacity:.5}.online-market button[aria-pressed=true]{background:#4a5650;border-color:#eed494;box-shadow:inset 0 0 0 1px #eed494}
.online-market header{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #667a77;flex:none}.online-market h2{margin:4px 0 0;font-size:22px;font-weight:500;letter-spacing:.06em}.online-market header small{color:#b6cac5}.online-market header p{margin-left:auto;color:#f0d7a0}.market-content{flex:1;min-height:0;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:20px}.market-stall{min-height:0;overflow:auto;overscroll-behavior:contain}.market-stall canvas{width:100%;height:210px;display:block}.market-stall h3{margin:8px 0 12px;color:#efd7a0;font-weight:500}.market-stall label{display:flex;align-items:center;gap:8px;margin:8px 0}.market-stall input,.market-stall select{width:100px;margin-left:auto}.market-stall form>button{width:100%;margin-top:8px}.market-stall form p{font-size:12px;line-height:1.7;color:#b6cac5}.market-board{min-height:0;display:flex;flex-direction:column}.market-board nav{display:flex;gap:8px;flex:none}.market-board nav button:last-child{margin-left:auto}.market-cards{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:12px 4px 12px 0;align-content:start}.market-cards>button{display:block;text-align:left;padding:14px!important}.market-cards small{display:block;font-size:12px;color:#c2d1cb;overflow-wrap:anywhere}.market-cards>button>div{display:flex;align-items:center;justify-content:space-around;gap:6px;margin:10px 0}.market-cards span{text-align:center}.market-cards img{width:68px;height:68px;display:block;margin:0 auto;object-fit:contain}.market-cards b{display:block;font-size:14px;font-weight:500}.market-cards i{font-size:25px;color:#dfc58d;font-style:normal}.market-cards em{font-style:normal;font-size:12px;line-height:1.6;display:block;color:#c7d1bf}.market-empty{grid-column:1/-1;text-align:center;margin:40px 10px;color:#c7d1bf;line-height:1.8}.market-pages{display:flex;align-items:center;gap:12px;justify-content:center;font-size:12px}.online-market footer{display:flex;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid #667a77;flex:none}.online-market footer p{flex:1;margin:0;font-size:13px;line-height:1.6;color:#e7d2a3}.online-market [data-market-confirm],.market-stall [data-market-create]{background:#48534c!important;border-color:#d5bb85!important}.market-busy [data-market-message]:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #708d84;border-top-color:#eed49a;border-radius:50%;margin-right:8px;vertical-align:middle;animation:market-spin .8s linear infinite}@keyframes market-spin{to{transform:rotate(360deg)}}
@media(max-height:480px) and (orientation:landscape){.online-market{inset:5px}.online-market header{padding:5px 10px;gap:8px}.online-market h2{font-size:17px}.online-market header small{font-size:10px}.online-market header p{font-size:12px}.market-content{grid-template-columns:180px 1fr;padding:7px;gap:12px}.market-stall canvas{height:112px}.market-stall h3{font-size:14px;margin:2px 0 4px}.market-stall label{font-size:12px;margin:4px 0}.market-stall input,.market-stall select{width:84px}.market-stall form p{font-size:10px}.market-board nav{gap:4px;font-size:12px}.market-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;padding-top:6px}.market-cards img{width:48px;height:48px}.market-cards>button{padding:8px!important}.market-cards>button>div{margin:4px 0}.market-pages{gap:6px}.online-market footer{padding:5px 10px;gap:6px}.online-market footer p{font-size:11px}.online-market footer button{font-size:12px!important}}
@media(orientation:portrait) and (max-width:700px){.online-market{inset:calc(env(safe-area-inset-top,0px) + 6px) 6px calc(env(safe-area-inset-bottom,0px) + 6px)}.online-market header{padding:8px;gap:6px;flex-wrap:wrap}.online-market h2{font-size:18px}.online-market header p{order:3;flex-basis:100%;margin:0;font-size:13px}.online-market header button{margin-left:auto}.market-content{display:flex;flex-direction:column;overflow:auto;padding:8px;gap:10px}.market-stall{flex:none;overflow:visible;display:grid;grid-template-columns:100px 1fr;gap:8px}.market-stall canvas{height:175px}.market-stall h3{font-size:15px;margin-top:0}.market-stall label{font-size:12px;margin:3px 0}.market-stall form p{font-size:11px;margin:6px 0}.market-stall input,.market-stall select{width:84px}.market-board{flex:none;min-height:230px}.market-board nav{gap:4px;font-size:12px}.market-cards{overflow:visible;grid-template-columns:1fr}.market-cards img{width:48px;height:48px}.online-market footer{padding:8px;gap:6px;flex-wrap:wrap}.online-market footer p{flex-basis:100%;font-size:12px}.online-market footer button{flex:1;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.market-busy [data-market-message]:before{animation:none}}

#social-town [data-town-market]{min-height:44px;min-width:44px}