html{-webkit-text-size-adjust:100%}img,video,iframe{max-width:100%;height:auto}table{word-break:break-word}@media (max-width:768px){.navbar-inner{height:52px;padding:0 14px;gap:8px;position:relative}.navbar-brand span{font-size:14px}.navbar-nav{display:none;position:fixed;top:52px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:8px 0;z-index:1100;box-shadow:0 4px 20px rgba(0,0,0,0.1);max-height:calc(100vh - 52px);overflow-y:auto}.navbar-nav.show{display:flex;flex-direction:column}.navbar-nav a{padding:12px 20px;border-bottom:1px solid var(--border-light);border-radius:0;font-size:14px;display:flex;align-items:center;gap:8px}.navbar-nav a:last-child{border-bottom:none}.mobile-menu-btn{display:flex !important;align-items:center;justify-content:center}.btn-publish{font-size:12px !important;padding:6px 10px !important}.user-avatar{width:30px;height:30px;font-size:12px}.user-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:unset;padding:8px 0 env(safe-area-inset-bottom,8px);z-index:1200;box-shadow:0 -4px 24px rgba(0,0,0,0.12)}.user-dropdown a{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--border-light)}.user-dropdown a:last-child{border-bottom:none}.user-dropdown .divider{margin:0}.user-dropdown.show::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:-1}}.user-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}@media (max-width:900px){.user-layout{grid-template-columns:180px 1fr;gap:14px}}@media (max-width:768px){.user-layout{grid-template-columns:1fr;gap:0}.user-sidebar{display:none !important}.user-main-col{padding:14px;gap:12px}}.uc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1px}@media (max-width:768px){.uc-table th,.uc-table td{padding:10px 10px;font-size:12px}.uc-card-header{padding:12px 14px;flex-wrap:wrap}.uc-card-body{padding:14px}.uc-tabs{padding:0 10px}.uc-tab{padding:10px 10px;font-size:12px}.uc-mini-stats{gap:8px}.uc-mini-stat{padding:12px 8px;min-width:70px}.uc-mini-stat-num{font-size:18px}}@media (max-width:640px){.uc-table .col-hide-mobile{display:none}.uc-action-link{display:inline-block;margin-bottom:4px}}.market-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}@media (max-width:1024px){.market-layout{grid-template-columns:200px 1fr}}@media (max-width:768px){.market-layout{grid-template-columns:1fr}.market-sidebar{display:none}.market-sidebar.show{display:block;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1200;overflow-y:auto;background:#fff;box-shadow:4px 0 20px rgba(0,0,0,0.15);padding:16px;padding-top:calc(52px + 16px)}.market-filter-toggle{display:flex !important;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;color:var(--text-secondary)}.market-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:1100}.market-overlay.show{display:block}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.market-toolbar{flex-wrap:wrap;gap:8px}.sort-tabs{flex-wrap:wrap;gap:4px}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}.product-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media (max-width:1024px){.product-detail-layout{grid-template-columns:1fr 280px}}@media (max-width:768px){.product-detail-layout{grid-template-columns:1fr}.buy-card{position:static !important;order:-1}.detail-card{padding:14px}.detail-card h2{font-size:14px}.spec-table td{font-size:12px;padding:6px 0}.buy-price{font-size:26px}}.order-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}@media (max-width:1024px){.order-detail-grid{grid-template-columns:1fr 320px}}@media (max-width:768px){.order-detail-grid{grid-template-columns:1fr}.chat-box{position:static !important;height:450px !important}.order-steps-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-steps-inner{min-width:360px}}@media (max-width:480px){.chat-box{height:380px !important}.chat-input-area textarea{font-size:16px}}@media (max-width:768px){.relist-form-row{grid-template-columns:1fr !important}.pub-pricing-row{grid-template-columns:1fr !important}.relist-preview-specs{grid-template-columns:repeat(2,1fr) !important}}@media (max-width:768px){.balance-overview{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.recharge-amounts{grid-template-columns:repeat(3,1fr)}.payment-methods{grid-template-columns:1fr 1fr}}@media (max-width:480px){.recharge-amounts{grid-template-columns:1fr 1fr}.payment-methods{grid-template-columns:1fr}.balance-card-value{font-size:22px}}@media (max-width:768px){.conv-item{padding:12px 14px;gap:10px}.conv-avatar{width:38px;height:38px;font-size:15px}.conv-last{max-width:180px}.conv-delete-btn{opacity:0.4 !important}.conv-delete-btn:hover{opacity:1 !important}}@media (max-width:768px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-stats-grid .profile-stat-item:nth-child(2n){border-right:none}.profile-stats-grid .profile-stat-item:nth-child(3n){border-right:1px solid #f3f4f6}.profile-actions-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (max-width:480px){.profile-avatar-row{flex-direction:column;text-align:center;gap:10px}.profile-meta{justify-content:center}.profile-actions-grid{grid-template-columns:repeat(2,1fr)}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{padding:40px 0 0}.hero h1{font-size:26px;letter-spacing:-0.5px}.hero p{font-size:14px;margin-bottom:20px}.hero-badge{font-size:11px;padding:4px 12px}.hero-stats{padding:14px 16px;max-width:100%}.hero-stat .num{font-size:22px}.hero-stat-divider{margin:0 10px}.features-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:14px;gap:10px}.product-grid-home{grid-template-columns:1fr 1fr;gap:12px}.section-header{flex-direction:column;align-items:flex-start}.section-title{font-size:16px}}@media (max-width:480px){.hero h1{font-size:22px}.hero-tags{gap:6px}.hero-tag{font-size:11px;padding:4px 10px}.hero-stats{flex-direction:column;gap:10px}.hero-stat-divider{width:60px;height:1px;margin:0}.features-grid{grid-template-columns:1fr}.product-grid-home{grid-template-columns:1fr}.btn-view-all{padding:12px 24px;font-size:13px}}@media (max-width:480px){.auth-card{border-radius:0;border-left:none;border-right:none}.auth-header{padding:24px 20px 0}.auth-body{padding:20px}.auth-footer{padding:0 20px 16px}}@media (max-width:768px){.footer{padding:28px 0 16px;margin-top:32px}.footer-grid{grid-template-columns:1fr;gap:16px}.footer-bottom{flex-direction:column;gap:4px;text-align:center}.footer-brand p{display:none}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:999;padding:0 0 env(safe-area-inset-bottom,0px)}.mobile-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;color:var(--text-muted);font-size:10px;text-decoration:none;transition:color .2s;position:relative;flex:1;min-width:0;max-width:72px;overflow:hidden}.mobile-bottom-nav a span:not(.nav-icon):not(.nav-badge){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.mobile-bottom-nav a .nav-icon{font-size:20px;line-height:1}.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover{color:var(--primary)}.mobile-bottom-nav .nav-badge{position:absolute;top:2px;right:6px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:8px;min-width:14px;text-align:center}@media (max-width:768px){.mobile-bottom-nav{display:block}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.footer{margin-bottom:60px}}.market-filter-toggle{display:none}@media (max-width:480px){#noticeModal > div{border-radius:12px 12px 0 0 !important;position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;max-height:80vh;overflow-y:auto}}@media (max-width:768px){.admin-sidebar{position:fixed;left:-260px;width:260px;top:0;bottom:0;z-index:1300;transition:left .3s ease;overflow-y:auto;box-shadow:none}.admin-sidebar.show{left:0;box-shadow:4px 0 24px rgba(0,0,0,0.15)}.admin-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1200}.admin-overlay.show{display:block}.admin-main{margin-left:0 !important}.admin-mobile-toggle{display:flex !important;align-items:center}.admin-content{padding:14px !important}.admin-topbar{padding:0 14px !important}.stat-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}.form-row{grid-template-columns:1fr !important}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px 8px !important}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr 1fr !important}.admin-content{padding:10px !important}}.table-responsive,.uc-table-wrap,.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}@media (max-width:768px){.form-card{padding:14px !important}.form-row{grid-template-columns:1fr !important}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],select,textarea{font-size:16px !important}}@media (max-width:480px){.qrcode-preview img{max-width:180px !important}}@media (max-width:480px){.payment-qrcode-wrap{text-align:center}.payment-qrcode-wrap img{max-width:200px}}@media (max-width:768px){.hide-mobile{display:none !important}.show-mobile{display:block !important}.text-center-mobile{text-align:center !important}}@media (min-width:769px){.hide-desktop{display:none !important}.show-desktop{display:block !important}}@media (max-width:768px){.uc-action-link{padding:5px 10px !important}.sort-tab{padding:7px 12px !important}.page-item{min-width:36px !important;height:36px !important}.btn,.uc-btn,.btn-filter,.btn-reset{min-height:40px}.product-card:hover{transform:none}.btn-view-all:hover{transform:none}}@media (max-width:768px){.card-header{padding:12px 12px 8px}.card-title{font-size:13px}.card-body{padding:10px 12px}.card-footer{padding:10px 12px}.price-main{font-size:18px}.spec-grid{grid-template-columns:1fr 1fr;gap:4px 8px}.spec-item{font-size:11px;padding:3px 6px}}@media (max-width:768px){.hero-search-wrap{border-radius:var(--radius);padding:4px 4px 4px 14px}.hero-search-wrap button{padding:8px 16px;font-size:13px}}@media (max-width:480px){.order-steps-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px}.order-steps-inner{min-width:340px;padding-bottom:4px}}@media (max-width:480px){.modal-content{width:95vw !important;max-width:95vw !important;margin:0 auto;border-radius:12px !important}}@media (max-width:768px){.notice-bar{font-size:12px;padding:6px 14px}.notice-inner{font-size:12px}}@media (max-width:480px){.uc-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.uc-mini-stat{padding:10px 6px;min-width:unset}.uc-mini-stat-num{font-size:16px}.uc-mini-stat-label{font-size:10px}}@media (max-width:480px){.security-item{padding:12px 14px}.security-icon{width:30px;height:30px}.security-name{font-size:12px}.security-desc{font-size:11px}}@media (max-width:768px){.admin-table{min-width:600px}}.user-menu::-webkit-scrollbar,.uc-tabs::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{height:3px;width:3px}.user-menu::-webkit-scrollbar-track,.uc-tabs::-webkit-scrollbar-track{background:transparent}.user-menu::-webkit-scrollbar-thumb,.uc-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (min-width:769px){.user-main-col{min-width:0;flex:1}.order-page-wrap,.prod-page-wrap,.bal-page-wrap,.msg-page-wrap,.notif-page-wrap,.qr-page-wrap{max-width:100% !important;margin:0 !important}.user-info-block{display:block !important}.user-menu{flex-direction:column !important;flex-wrap:nowrap !important;overflow-x:visible !important;padding:8px !important}.sidebar-btn{flex:unset !important;padding:10px 14px !important;font-size:13px !important;gap:10px !important;border-radius:var(--radius-sm) !important;border:1px solid transparent !important;white-space:normal}.sidebar-btn.active{background:var(--text) !important;color:#fff !important;border-color:var(--text) !important}.sidebar-divider{display:block !important}.sidebar-btn-danger{display:flex !important}.user-sidebar{border-radius:var(--radius) !important;border:1px solid var(--border) !important;position:sticky !important;top:74px !important;box-shadow:none !important}.user-main-col{padding:0 !important}.product-grid{grid-template-columns:repeat(3,1fr) !important}.order-row-no,.order-row-time{display:inline !important}.prod-item-expire,.prod-item-views{display:inline-flex !important}.conv-last{max-width:320px !important}.conv-name{max-width:180px !important}.bal-overview{grid-template-columns:repeat(3,1fr) !important}.product-grid-home{grid-template-columns:repeat(4,1fr) !important}.features-grid{grid-template-columns:repeat(4,1fr) !important}}@media (max-width:768px){.prod-edit-modal{border-radius:16px 16px 0 0;max-width:100%}.prod-edit-modal-overlay{padding:0;align-items:flex-end}.prod-edit-modal-body{padding:14px 16px}.prod-edit-modal-footer{padding:10px 16px 16px}.prod-edit-modal-header{padding:14px 16px 12px}}@media (max-width:480px){.prod-item-right{flex-direction:column;align-items:flex-end;gap:4px}.prod-item-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.prod-action-btn{font-size:11px !important;padding:5px 8px !important;min-height:30px}}@media (max-width:768px){.user-main-col{padding:12px !important}.prod-page-wrap,.order-page-wrap,.bal-page-wrap,.msg-page-wrap,.notif-page-wrap,.qr-page-wrap{max-width:100%;margin:0}}@media (max-width:480px){.prod-card{border-radius:12px}.prod-card-header{padding:12px 14px}.prod-item{padding:12px 14px;gap:10px}.prod-item-name{font-size:13px;max-width:160px}.prod-item-price{font-size:14px;font-weight:700}.prod-badge{font-size:10px;padding:2px 6px}}@media (max-width:480px){.order-row{padding:12px 14px;gap:10px}.order-row-product{font-size:13px}.order-row-price{font-size:14px;font-weight:700}.order-row-status{font-size:11px}.order-row-actions{flex-wrap:wrap;gap:4px}.order-action-btn{font-size:11px;padding:5px 8px}}@media (max-width:480px){.bal-card{border-radius:12px}.bal-card-header{padding:12px 14px}.bal-card-body{padding:12px 14px}.bal-amount{font-size:28px}.bal-record-row{padding:10px 14px;gap:8px}.bal-record-amount{font-size:14px}.recharge-card{padding:14px}.recharge-input-wrap input{font-size:18px}}@media (max-width:480px){.notif-item{padding:12px 14px;gap:10px}.notif-icon{width:34px;height:34px;font-size:14px}.notif-title{font-size:13px}.notif-body{font-size:12px}.notif-time{font-size:11px}}@media (max-width:480px){.conv-row{padding:12px 14px;gap:10px}.conv-avatar{width:38px;height:38px;font-size:15px}.conv-name{font-size:13px}.conv-last{font-size:12px;max-width:160px}.conv-time{font-size:11px}}@media (max-width:480px){.qr-card{border-radius:12px}.qr-card-header{padding:12px 14px}.qr-card-body{padding:14px}.qr-upload-area{padding:20px 14px}.qr-preview{max-width:160px}}@media (max-width:480px){.pub-card{border-radius:12px}.pub-card-header{padding:12px 14px}.pub-card-body{padding:14px}.pub-form-label{font-size:13px}.pub-input{font-size:14px}.pub-submit-btn{width:100%;padding:14px;font-size:15px}}@media (max-width:480px){.uc-quick-card{padding:14px;border-radius:12px}.uc-quick-card-icon{width:38px;height:38px;font-size:18px}.uc-quick-card-title{font-size:13px}.uc-quick-card-sub{font-size:12px}.uc-quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.uc-mobile-topbar{padding:10px 14px;gap:10px}.uc-drawer-toggle{padding:7px 10px;font-size:13px}.uc-mobile-page-title{font-size:15px}.uc-mobile-balance{font-size:12px;padding:5px 8px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}
/* ===== 市场页面手机端间距优化 ===== */
@media (max-width:768px){
  /* 容器左右增加到16px，给商品卡片留出呼吸空间 */
  .container.page-content{padding-left:14px;padding-right:14px}

  /* 商品列表区域额外内边距，确保卡片不贴边 */
  .market-product-list{padding:0 2px}

  /* 商品卡片：增加左右内边距，让内容更宽松 */
  .mkt-card{
    padding:14px 16px 13px;
    border-radius:12px;
    margin-bottom:10px;
    /* 微阴影让卡片与背景有层次感 */
    box-shadow:0 1px 4px rgba(0,0,0,0.06)
  }

  /* 移动端筛选栏左右对齐容器 */
  #mobileFilterBar{padding:0 2px}

  /* 工具栏（排序/数量）左右对齐 */
  .market-toolbar{padding:0 2px}

  /* 搜索框左右对齐 */
  .market-search-glass{margin:0 2px 10px}

  /* 分页左右对齐 */
  .pagination{padding:0 2px}
}

@media (max-width:480px){
  /* 更小屏幕加大左右间距，让卡片更突出 */
  .container.page-content{padding-left:16px;padding-right:16px}
  .mkt-card{padding:14px 14px 12px}
}