:root{--tg-bg: var(--tg-theme-bg-color, #ffffff);--tg-text: var(--tg-theme-text-color, #000000);--tg-hint: var(--tg-theme-hint-color, #999999);--tg-link: var(--tg-theme-link-color, #2481cc);--tg-button: var(--tg-theme-button-color, #2481cc);--tg-button-text: var(--tg-theme-button-text-color, #ffffff);--tg-secondary-bg: var(--tg-theme-secondary_bg_color, #f5f5f5);--color-buy: #00b96b;--color-sell: #ff4d4f;--color-warning: #faad14;--color-border: #f0f0f0;--color-card-bg: #ffffff;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background-color:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--tg-secondary-bg)}.page-container{padding:12px 12px 80px}.card{background:var(--color-card-bg);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000f}.badge-buy{display:inline-block;padding:2px 8px;border-radius:4px;background-color:#e6f7f0;color:var(--color-buy);font-size:12px;font-weight:600}.badge-sell{display:inline-block;padding:2px 8px;border-radius:4px;background-color:#fff1f0;color:var(--color-sell);font-size:12px;font-weight:600}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--color-border);display:flex;height:60px;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--tg-hint);font-size:10px;transition:color .2s;text-decoration:none}.bottom-nav-item.active{color:var(--tg-button)}.bottom-nav-item svg{width:22px;height:22px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--tg-hint)}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--tg-hint);font-size:14px}.price-text{font-size:20px;font-weight:700;color:var(--color-sell)}.price-unit{font-size:12px;color:var(--tg-hint);margin-left:2px}.btn-primary{display:block;width:100%;padding:14px;background:var(--tg-button);color:var(--tg-button-text);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .2s}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:block;width:100%;padding:12px;background:transparent;color:var(--tg-button);border:1.5px solid var(--tg-button);border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;text-align:center}.divider{height:1px;background:var(--color-border);margin:12px 0}.tag-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;border:1px solid var(--color-border);background:#fff;cursor:pointer;transition:all .2s;color:var(--tg-hint)}.tag-chip.selected{border-color:var(--tg-button);background:#e8f0fd;color:var(--tg-button)}.input-group{margin-bottom:16px}.input-label{display:block;font-size:13px;color:var(--tg-hint);margin-bottom:6px}.input-field{width:100%;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;outline:none;transition:border-color .2s;background:#fff;color:var(--tg-text)}.input-field:focus{border-color:var(--tg-button)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}