/* Shared mobile layout. Desktop rules and business flows remain in their original files. */
.mobile-nav-toggle { display: none; }
.mobile-nav-label { display: none; }
@media (max-width: 860px) {
  html { scroll-padding-top: 16px; }
  body { min-width: 0; -webkit-text-size-adjust: 100%; }
  body :is(main, section, article, form, fieldset, .workspace, .panel, .table-card, .table-wrap) { min-width: 0; }
  body :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="color"]) { min-width: 0; max-width: 100%; min-height: 48px; font-size: 16px; }
  body textarea { line-height: 1.6; }
  body :is(button, .primary-link, .secondary-link, .ghost-link, .payment-link, .support-action-link) { min-height: 44px; touch-action: manipulation; }
  body :is(p, h1, h2, h3, dd, pre, .hint, .tag, .toast) { overflow-wrap: anywhere; }
  body :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #0b7568; outline-offset: 3px; }
  body :is(.toast, .member-auth-message) { max-width: calc(100vw - 24px); }

  /* Fix the inherited 560px flex basis that made the phone header almost a full screen. */
  body[data-mobile-surface="store"] .site-header { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px 14px; background: #f8fbfa; backdrop-filter: none; }
  body[data-mobile-surface="store"] .site-header .brand { display: flex; flex: none; min-height: 0; width: fit-content; max-width: 100%; gap: 0; padding: 0; margin: 0; }
  body[data-mobile-surface="store"] .brand-image { width: 146px; max-width: 100%; height: 44px; object-fit: cover; object-position: center; }
  body[data-mobile-surface="store"] .site-header :is(.site-domain, .site-slogan) { display: none; }
  body[data-mobile-surface="store"] .site-account { grid-column: 2; grid-row: 1; width: auto; min-width: 0; margin: 0; padding: 0; }
  body[data-mobile-surface="store"] .auth-links { gap: 6px; }
  body[data-mobile-surface="store"] .auth-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 10px; font-size: 13px; }
  body[data-mobile-surface="store"] .account-menu summary { max-width: 116px; min-height: 42px; padding: 10px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body[data-mobile-surface="store"] .account-dropdown { right: 0; left: auto; min-width: 156px; z-index: 30; }
  body[data-mobile-surface="store"] .account-dropdown :is(a, button) { min-height: 44px; padding: 10px 12px; }
  body[data-mobile-surface="store"] .site-header .nav-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: 5px; overflow: visible; padding: 0; margin: 0; }
  body[data-mobile-surface="store"] .site-header .nav-links[data-mobile-items="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-mobile-surface="store"] .site-header .nav-links > a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; width: auto; min-width: 0; flex: none; min-height: 62px; padding: 8px 1px; border: 1px solid #dce8e2; border-radius: 10px; background: #fff; color: #3e5950; font-size: 13px; text-align: center; }
  body[data-mobile-surface="store"] .site-header .nav-links :is(.nav-copy, .nav-copy strong) { min-width: 0; font-size: clamp(11px, 2.9vw, 13px); line-height: 17px; white-space: nowrap; }
  body[data-mobile-surface="store"] .site-header .nav-copy small { display: none; }
  body[data-mobile-surface="store"] .site-header .nav-copy > strong { display: none; }
  body[data-mobile-surface="store"] .site-header .mobile-nav-label { display: block; color: inherit; font-size: 12px; line-height: 17px; font-weight: 800; white-space: nowrap; }
  body[data-mobile-surface="store"] .site-header .nav-icon { width: 20px; height: 20px; flex: 0 0 20px; }
  body[data-mobile-surface="store"] .site-header .nav-links .nav-active { color: #fff; border-color: #07584f; background: #0b7568; box-shadow: 0 2px 5px #0b75681a; }
  body[data-mobile-surface="store"] .site-header .nav-products:not(.nav-active) .nav-icon { color: #0b7568; }
  body[data-mobile-surface="store"] .site-header .nav-active :is(.nav-copy strong, .mobile-nav-label, .nav-icon) { color: #fff; }
  body[data-mobile-surface="store"] .site-header .nav-links .nav-products:not(.nav-active) { background: #fff; color: #3e5950; }
  body[data-mobile-surface="store"] :is(.store-shell, .product-detail-shell, .order-page-shell, .support-page-shell, .tool-page-shell, .tutorial-page-shell, .article-shell, .member-auth-shell) { width: 100%; max-width: 100%; margin: 0 auto; padding: 18px 14px 28px; gap: 18px; }
  body[data-mobile-surface="store"] #top { scroll-margin-top: 150px; }
  body[data-mobile-surface="store"] .section-block { padding: 18px 16px; border-radius: 14px; }
  body[data-mobile-surface="store"] .section-heading { display: flex; flex-direction: row; justify-content: space-between; gap: 8px; margin-bottom: 18px; align-items: center; flex-wrap: wrap; text-align: left; }
  body[data-mobile-surface="store"] .product-heading > div { text-align: left; }
  body[data-mobile-surface="store"] .inventory-count { margin: 0; }
  body[data-mobile-surface="store"] .section-heading :is(h1, h2) { font-size: 24px; line-height: 1.35; }
  body[data-mobile-surface="store"] .eyebrow { margin-bottom: 6px; font-size: 11px; }
  body[data-mobile-surface="store"] .site-footer { flex-wrap: wrap; justify-content: center; gap: 10px; padding: 22px 14px calc(22px + env(safe-area-inset-bottom)); font-size: 12px; line-height: 1.6; text-align: center; }

  body[data-mobile-surface="store"] .referral-banner { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; margin: 0; padding: 18px 16px; border-radius: 14px; }
  body[data-mobile-surface="store"] .referral-banner-icon { width: 36px; height: 36px; }
  body[data-mobile-surface="store"] .referral-banner-copy h2 { font-size: 20px; line-height: 1.4; }
  body[data-mobile-surface="store"] .referral-banner-copy p { font-size: 13px; line-height: 1.65; }
  body[data-mobile-surface="store"] .referral-banner-copy > span { font-size: 11px; line-height: 1.6; }
  body[data-mobile-surface="store"] .referral-banner-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; }
  body[data-mobile-surface="store"] .referral-banner-cta { flex: 1; min-height: 48px; padding: 10px; }
  body[data-mobile-surface="store"] .referral-banner-rules { display: flex; align-items: center; min-height: 44px; font-size: 12px; }
  body[data-mobile-surface="store"] :is(.product-scroller, .product-showcase) { width: 100%; min-width: 0; overflow: visible; }
  body[data-mobile-surface="store"] .product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: 100%; min-width: 0; }
  body[data-mobile-surface="store"] .product-card { min-width: 0; max-width: 100%; border-radius: 12px; }
  body[data-mobile-surface="store"] .product-card .product-media { min-height: 92px; padding: 18px 16px; }
  body[data-mobile-surface="store"] .product-card .product-body { padding: 18px 16px 12px; }
  body[data-mobile-surface="store"] .product-card .product-body h3 { font-size: 20px !important; line-height: 1.4 !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; }
  body[data-mobile-surface="store"] .product-card :is(.product-media.has-logo strong, .chatgpt-media strong, .claude-media strong, .gemini-media strong, .gmail-media strong) { font-size: 20px !important; line-height: 1.4 !important; white-space: normal !important; }
  body[data-mobile-surface="store"] .product-card .product-body :is(p, li) { font-size: 14px; line-height: 1.7; }
  body[data-mobile-surface="store"] .product-card .product-marketing-benefits { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 6px !important; }
  body[data-mobile-surface="store"] .product-card .product-marketing-benefits span { font-size: 11px !important; line-height: 1.5 !important; white-space: normal !important; padding: 5px 7px !important; }
  body[data-mobile-surface="store"] .product-card .product-foot { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: 14px 16px 16px; }
  body[data-mobile-surface="store"] .product-card :is(.card-detail-actions, .purchase-actions.card-detail-actions) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; justify-self: stretch !important; }
  body[data-mobile-surface="store"] .product-card :is(.detail-link-button, .card-detail-actions .purchase-button) { min-height: 46px !important; font-size: 14px !important; padding: 10px 8px !important; }
  body[data-mobile-surface="store"] .product-card .price-block > strong { font-size: 26px; }
  body[data-mobile-surface="store"] .product-notice { height: auto; min-height: 36px; white-space: normal; }
  body[data-mobile-surface="store"] .product-notice span { animation: none; min-width: 0; padding: 9px 12px; font-size: 12px; white-space: normal; }
  body[data-mobile-surface="store"] .product-share-button { width: 44px; height: 44px; }
  body[data-mobile-surface="store"] .risk-panel { margin-top: 18px; padding: 18px 16px; }
  body[data-mobile-surface="store"] .risk-panel :is(h2, h3) { line-height: 1.5; }
  body[data-mobile-surface="store"] .risk-panel :is(p, li) { font-size: 13px; line-height: 1.8; }

  body[data-mobile-surface="store"] .product-detail-shell { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
  body[data-mobile-surface="store"] .back-to-store { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 10px; font-size: 13px; }
  body[data-mobile-surface="store"] .detail-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
  body[data-mobile-surface="store"] .detail-hero .detail-media { min-height: 124px; padding: 20px; }
  body[data-mobile-surface="store"] .detail-media strong { font-size: 24px !important; white-space: normal !important; line-height: 1.4 !important; }
  body[data-mobile-surface="store"] .detail-buy-panel { min-width: 0; padding: 0; gap: 14px; }
  body[data-mobile-surface="store"] .detail-buy-panel h1 { font-size: 25px !important; line-height: 1.4 !important; white-space: normal !important; overflow: visible !important; }
  body[data-mobile-surface="store"] .detail-summary { font-size: 14px; line-height: 1.7; }
  body[data-mobile-surface="store"] .detail-benefit-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  body[data-mobile-surface="store"] .detail-benefit-card { min-width: 0; padding: 10px 8px; }
  body[data-mobile-surface="store"] .detail-benefit-card :is(span, small) { font-size: 11px; line-height: 1.5; white-space: normal; }
  body[data-mobile-surface="store"] .detail-benefit-card strong { font-size: 20px; }
  body[data-mobile-surface="store"] .detail-quantity { min-height: 46px; grid-template-columns: 46px 52px 46px; }
  body[data-mobile-surface="store"] .detail-quantity button { width: 46px; height: 46px; }
  body[data-mobile-surface="store"] :is(.detail-info-grid, .detail-two-columns, .support-contact-grid, .ip-tool-grid) { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body[data-mobile-surface="store"] .detail-info-card :is(p, li) { font-size: 14px; line-height: 1.8; }
  body[data-mobile-surface="store"] .detail-info-card h2 { font-size: 20px; }
  body[data-mobile-surface="store"] .related-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body[data-mobile-surface="store"] .sticky-buy-bar { left: 0; right: 0; bottom: 0; width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #dce8e2; background: #fffffffa; }
  body[data-mobile-surface="store"] .sticky-buy-bar > div { flex: 1; min-width: 0; }
  body[data-mobile-surface="store"] .sticky-buy-bar :is(span, strong) { white-space: normal; overflow-wrap: anywhere; }
  body[data-mobile-surface="store"] .sticky-buy-bar button { min-height: 48px; max-width: 62%; padding: 10px 14px; font-size: 15px; }
  body[data-mobile-surface="store"] :is(.order-query-form, .member-auth-shell) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="store"] .order-query-form { gap: 10px; }
  body[data-mobile-surface="store"] .order-query-form button { width: 100%; min-height: 48px; }
  body[data-mobile-surface="store"] .order-result-head { flex-wrap: wrap; }
  body[data-mobile-surface="store"] .order-result-head strong { min-width: 0; overflow-wrap: anywhere; }
  body[data-mobile-surface="store"] .order-result-card { padding: 16px; border-radius: 12px; }
  body[data-mobile-surface="store"] .order-result-card dl { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  body[data-mobile-surface="store"] .order-result-card dl div { grid-template-columns: 76px minmax(0, 1fr); }
  body[data-mobile-surface="store"] :is(.invoice-actions, .invoice-form-grid, .invoice-type-options) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="store"] .delivery-copy-button { position: static; width: 100%; margin-bottom: 8px; }
  body[data-mobile-surface="store"] .delivery-message { max-width: 100%; padding: 14px; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
  body[data-mobile-surface="store"] .member-auth-intro { padding: 0 2px; }
  body[data-mobile-surface="store"] .member-auth-intro h1 { font-size: 26px; line-height: 1.4; }
  body[data-mobile-surface="store"] .member-auth-intro > p:last-child { font-size: 14px; line-height: 1.7; margin-bottom: 0; }
  body[data-mobile-surface="store"] .member-auth-panel { padding: 20px 16px; border-radius: 14px; }
  body[data-mobile-surface="store"] .member-auth-form { gap: 16px; }
  body[data-mobile-surface="store"] .member-auth-form button { justify-content: center; min-height: 50px; }
  body[data-mobile-surface="store"] .support-contact-card { display: grid; grid-template-columns: minmax(0, 1fr) 120px; align-items: center; gap: 12px; padding: 16px; }
  body[data-mobile-surface="store"] .support-contact-card strong { font-size: 16px; }
  body[data-mobile-surface="store"] :is(.support-qr, .support-qr-placeholder) { width: 120px; height: 120px; max-width: 100%; }
  body[data-mobile-surface="store"] .support-faq-item summary { min-height: 52px; padding: 14px; }
  body[data-mobile-surface="store"] .support-faq-item p { padding: 0 14px 14px; line-height: 1.8; }
  body[data-mobile-surface="store"] .ip-tool-card { min-height: 138px; padding: 18px; }
  body[data-mobile-surface="store"] .ip-tool-card :is(p, strong) { font-size: 14px; line-height: 1.7; }
  body[data-mobile-surface="store"] .tutorial-list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body[data-mobile-surface="store"] .tutorial-card { padding: 16px; }
  body[data-mobile-surface="store"] .tutorial-card h2 { font-size: 20px; line-height: 1.5; }
  body[data-mobile-surface="store"] .tutorial-meta { flex-wrap: wrap; gap: 8px; line-height: 1.6; }
  body[data-mobile-surface="store"] #article-content { font-size: 16px; line-height: 1.85; }
  body[data-mobile-surface="store"] .article-panel > * { min-width: 0; width: 100%; max-width: 100%; }
  body[data-mobile-surface="store"] .article-panel .section-heading { display: block; }
  body[data-mobile-surface="store"] #article-content :is(img, video, iframe) { max-width: 100% !important; height: auto; border-radius: 8px; }
  body[data-mobile-surface="store"] #article-content :is(pre, table) { display: block; min-width: 0; width: 100%; max-width: 100%; overflow-x: auto; }
  body[data-mobile-surface="store"] #article-content pre { padding: 14px; font-size: 13px; white-space: pre-wrap; }

  /* Dialogs remain scrollable when the keyboard or safe-area reduces usable space. */
  body :is(.payment-overlay, .phone-overlay, .invoice-overlay, .invoice-modal-overlay, .modal-overlay, .tutorial-overlay) { align-items: end; justify-items: center; padding: 12px 8px calc(8px + env(safe-area-inset-bottom)); }
  body :is(.payment-panel, .phone-panel, .invoice-panel, .invoice-modal, .modal-panel, .tutorial-panel) { width: 100%; max-width: 100%; max-height: calc(100dvh - 32px - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; padding: 20px 16px; border-radius: 18px 18px 12px 12px; }
  body :is(.payment-close, .modal-close) { min-width: 44px; min-height: 44px; }
  body .payment-head { padding-right: 42px; }
  body .payment-qr { display: block; width: min(220px, 100%); height: auto; margin: 18px auto; }
  body .payment-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body .payment-actions a { justify-content: center; }
  body .payment-phrase pre { white-space: pre-wrap; overflow-wrap: anywhere; }

  /* Member center: reachable navigation and labelled record cards. */
  body[data-mobile-surface="member"] { display: block; }
  body[data-mobile-surface="member"] .sidebar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); position: relative; width: 100%; height: auto; gap: 12px; padding: 16px 14px; border: 0; border-bottom: 1px solid #dce8e2; }
  body[data-mobile-surface="member"] .sidebar .brand { display: grid; min-height: 0; padding: 0; border: 0; background: none; box-shadow: none; gap: 4px; }
  body[data-mobile-surface="member"] .sidebar .brand strong { font-size: 20px; }
  body[data-mobile-surface="member"] .sidebar .brand::after { content: "返回商城 ↗"; padding: 0; background: none; color: #0b7568; font-size: 12px; }
  body[data-mobile-surface="member"] .profile-card { display: flex; align-items: center; justify-content: end; min-width: 0; padding: 0; background: none; border: 0; }
  body[data-mobile-surface="member"] .profile-card .avatar { display: none; }
  body[data-mobile-surface="member"] .profile-card > div { min-width: 0; }
  body[data-mobile-surface="member"] .profile-card :is(strong, span) { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
  body[data-mobile-surface="member"] .sidebar nav { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
  body[data-mobile-surface="member"] .nav-group { display: contents; }
  body[data-mobile-surface="member"] .nav-group > span { display: none; }
  body[data-mobile-surface="member"] .sidebar nav button { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60px; padding: 8px 2px; gap: 5px; font-size: 12px; white-space: nowrap; }
  body[data-mobile-surface="member"] .sidebar nav button.active { background: #0b7568; border-color: #07584f; color: #fff; }
  body[data-mobile-surface="member"] .store-return { display: none; }
  body[data-mobile-surface="member"] main { width: 100%; padding: 20px 14px 28px; }
  body[data-mobile-surface="member"] :is(.overview-grid, .security-grid, .orders-layout, .referral-layout, .two-col) { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body[data-mobile-surface="member"] :is(.stats, .order-meta) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body[data-mobile-surface="member"] .stats article { padding: 14px 12px; }
  body[data-mobile-surface="member"] .stats strong { font-size: 23px; }
  body[data-mobile-surface="member"] .account-panel { grid-column: auto; }
  body[data-mobile-surface="member"] .page-head h1 { font-size: 25px; }
  body[data-mobile-surface="member"] :is(.account-hero, .panel) { padding: 18px 16px; }
  body[data-mobile-surface="member"] .account-hero { gap: 16px; align-items: start; flex-direction: column; }
  body[data-mobile-surface="member"] .account-hero strong { font-size: 21px; }
  body[data-mobile-surface="member"] .hero-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body[data-mobile-surface="member"] .hero-actions a { justify-content: center; padding: 10px 6px; }
  body[data-mobile-surface="member"] :is(.panel-title, .detail-head, .table-head, .table-head-actions) { flex-wrap: wrap; gap: 10px; }
  body[data-mobile-surface="member"] .detail-head { align-items: start; }
  body[data-mobile-surface="member"] .detail-actions { flex-wrap: wrap; gap: 8px; }
  body[data-mobile-surface="member"] .detail-actions span { flex-basis: 100%; }
  body[data-mobile-surface="member"] .order-detail { position: relative; top: auto; }
  body[data-mobile-surface="member"] dl div { flex-wrap: wrap; gap: 6px 12px; }
  body[data-mobile-surface="member"] dd { min-width: 0; }
  body[data-mobile-surface="member"] .table-card { overflow: visible; }
  body[data-mobile-surface="member"] .table-card > table { display: block; width: 100%; }
  body[data-mobile-surface="member"] .table-card > table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body[data-mobile-surface="member"] .table-card > table tbody { display: block; width: 100%; }
  body[data-mobile-surface="member"] .table-card > table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; padding: 16px; border-top: 1px solid #dfe7ea; }
  body[data-mobile-surface="member"] .table-card > table td { display: block; min-width: 0; padding: 0; border: 0; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
  body[data-mobile-surface="member"] .table-card > table td::before { content: attr(data-label); display: block; margin-bottom: 3px; color: #63716c; font-size: 11px; font-weight: 600; }
  body[data-mobile-surface="member"] .table-card > table td[colspan] { grid-column: 1 / -1; min-height: 48px; height: auto; padding: 12px 0; }
  body[data-mobile-surface="member"] .table-card > table td[colspan]::before { display: none; }
  body[data-mobile-surface="member"] .pagination-bar { gap: 8px; padding: 14px; }
  body[data-mobile-surface="member"] .pagination-bar span { flex-basis: 100%; font-size: 12px; }
  body[data-mobile-surface="member"] .copy-line { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="member"] .copy-line button { justify-content: center; }
  body[data-mobile-surface="member"] .security-panel { grid-row: auto; }

  /* Shop administration: foldable module navigation and contained wide tables. */
  body[data-mobile-surface="admin"] .admin-shell { width: 100%; padding: 14px 12px 24px; }
  body[data-mobile-surface="admin"] .app-view { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body[data-mobile-surface="admin"] .sidebar { position: relative; top: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 14px; }
  body[data-mobile-surface="admin"] .sidebar h1 { font-size: 20px; margin-bottom: 0; }
  body[data-mobile-surface="admin"] .sidebar .eyebrow { margin-bottom: 4px; }
  body[data-mobile-surface="admin"] .mobile-nav-toggle { display: flex; align-items: center; justify-content: center; max-width: 158px; padding: 10px 12px; font-size: 12px; }
  body[data-mobile-surface="admin"] .sidebar .tabs { display: none; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body[data-mobile-surface="admin"] .sidebar.mobile-nav-open .tabs { display: grid; }
  body[data-mobile-surface="admin"] .tabs button { padding: 10px 6px; justify-content: center; font-size: 12px; }
  body[data-mobile-surface="admin"] .tabs button.active::before { display: none; }
  body[data-mobile-surface="admin"] #logout-button { grid-column: 1 / -1; min-height: 40px; }
  body[data-mobile-surface="admin"] .workspace { padding: 16px 12px; }
  body[data-mobile-surface="admin"] .workspace-head h2 { font-size: 23px; }
  body[data-mobile-surface="admin"] :is(.split, .article-layout, .user-admin-layout, .toolbar, .date-toolbar, .compact-toolbar, .user-toolbar, .three) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body[data-mobile-surface="admin"] #order-filter { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="admin"] .quick-range { min-width: 0; max-width: 100%; flex-wrap: wrap; }
  body[data-mobile-surface="admin"] :is(.stats-grid, .mini-stats) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body[data-mobile-surface="admin"] .stats-grid article { min-width: 0; padding: 14px 10px; }
  body[data-mobile-surface="admin"] .stats-grid strong { font-size: 23px; }
  body[data-mobile-surface="admin"] :is(.editor, .collapsible, .user-submodules, .stack, .table-wrap) { max-width: 100%; min-width: 0; }
  body[data-mobile-surface="admin"] :is(.bulk-toolbar, .submodule-toolbar, .row-actions, .pagination-bar, .range-buttons, .editor-toolbar) { flex-wrap: wrap; gap: 8px; }
  body[data-mobile-surface="admin"] .table-wrap { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
  body[data-mobile-surface="admin"] .table-wrap::before { content: "左右滑动查看完整表格"; display: block; position: sticky; left: 0; width: 100%; padding: 10px 12px; color: #63716c; background: #f5faf7; font-size: 11px; }
  body[data-mobile-surface="admin"] .table-wrap table { min-width: 640px; }
  body[data-mobile-surface="admin"] :is(.modal-panel .mark-sold-summary, .withdrawal-detail-panel .mark-sold-summary, .invoice-form-grid, .invoice-type-options) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="admin"] .login-panel { width: 100%; min-height: 0; margin: 18px auto; padding: 24px 18px; }
  body[data-mobile-surface="admin"] .login-panel h1 { font-size: 25px; }
}
@media (max-width: 560px) {
  body[data-mobile-surface="store"] .product-grid { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="store"] .product-section { padding: 18px 12px; }
  body[data-mobile-surface="store"] .invoice-info-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 359px) {
  body[data-mobile-surface="store"] .site-header { padding-right: 12px; padding-left: 12px; }
  body[data-mobile-surface="store"] .site-header .nav-links { gap: 4px; }
  body[data-mobile-surface="store"] .site-header .nav-copy strong { font-size: 10px; }
  body[data-mobile-surface="store"] .brand-image { width: 132px; height: 40px; }
  body[data-mobile-surface="store"] .support-contact-card { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-surface="store"] .support-qr { justify-self: center; }
  body[data-mobile-surface="member"] .table-card > table tbody tr { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  body[data-mobile-surface] { scroll-behavior: auto; }
  body[data-mobile-surface] .product-notice span { animation: none; }
}