/* v2.2.2 手机端应用式布局：视口不横向撑开，宽内容在组件内部滚动。 */
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation}
.mobile-login-brand,.mobile-login-benefits,.login-security{display:none}.login-input-wrap{position:relative;width:100%}.login-field-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:7px;background:#edf3ff;z-index:1}.login-field-icon.user-icon:before{content:"";position:absolute;width:6px;height:6px;left:8px;top:4px;border:1.5px solid #3568ce;border-radius:50%}.login-field-icon.user-icon:after{content:"";position:absolute;width:11px;height:6px;left:5.5px;bottom:3px;border:1.5px solid #3568ce;border-bottom:0;border-radius:8px 8px 0 0}.login-field-icon.lock-icon:before{content:"";position:absolute;width:8px;height:7px;left:7px;top:3px;border:1.5px solid #3568ce;border-bottom:0;border-radius:6px 6px 0 0}.login-field-icon.lock-icon:after{content:"";position:absolute;width:12px;height:9px;left:5px;bottom:3px;border:1.5px solid #3568ce;border-radius:3px}.login-input-wrap input{width:100%;padding-left:44px!important;padding-right:58px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#66758c;font-size:10px;font-weight:700;cursor:pointer;padding:8px}.login-title>span,.login-visual-kicker{font-size:9px;letter-spacing:.14em;color:#6e8bc2;font-weight:800}.login-visual-kicker{display:block;margin-top:24px;color:#7196db}.login-visual-company{display:block;color:#718098;font-size:9px;margin-top:30px}
@media(max-width:760px){
  html,body,.app-shell,.content,.content-inner{width:100%;max-width:100%;min-width:0}
  body{overscroll-behavior-x:none}
  .topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .content-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));overflow:hidden}
  .content-inner>*{max-width:100%;min-width:0}
  .panel,.page-heading,.toolbar,.section-title,.settings-stack,.form-stack,.form-grid,.two-col,.dashboard-grid,.metric-grid{width:100%;max-width:100%;min-width:0}
  .panel{overflow:hidden}
  .page-heading{gap:12px;margin-bottom:15px}
  .page-heading p{line-height:1.6}
  .heading-actions,.form-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px}
  .heading-actions .btn,.form-actions .btn{min-height:42px}
  .toolbar{gap:9px}
  .toolbar>*,.search-box{max-width:100%}
  .filter-tabs,.segmented{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}
  .filter-tabs::-webkit-scrollbar,.segmented::-webkit-scrollbar{display:none}
  .filter-tabs a,.segmented a{flex:0 0 auto}
  .table-wrap{display:block;width:100%;max-width:100%;overflow:visible!important;border-radius:0}
  .table-wrap table.mobile-card-table{display:block;width:100%!important;min-width:0!important;max-width:100%!important;border:0;border-spacing:0}
  .mobile-card-table thead{display:none}
  .mobile-card-table tbody{display:flex;flex-direction:column;gap:10px;width:100%}
  .mobile-card-table tbody tr{display:block;width:100%;max-width:100%;padding:6px 12px;background:#fff;border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 5px 16px rgba(23,32,51,.045);overflow:hidden}
  .mobile-card-table tbody tr:hover{background:#fff}
  .mobile-card-table tbody td{display:grid;grid-template-columns:minmax(76px,30%) minmax(0,1fr);align-items:start;gap:10px;width:100%!important;max-width:100%!important;min-width:0!important;padding:10px 0!important;border:0;border-bottom:1px solid #f0f2f6;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere;word-break:break-word}
  .mobile-card-table tbody td:last-child{border-bottom:0}
  .mobile-card-table tbody td::before{content:attr(data-mobile-label);display:block;color:#8a95a5;font-size:10px;font-weight:700;line-height:1.5;white-space:normal}
  .mobile-card-table tbody td[data-mobile-label=""]{display:block}
  .mobile-card-table tbody td[data-mobile-label=""]::before{display:none}
  .mobile-card-table tbody td.mobile-field-hidden{display:none!important}
  .mobile-card-table tbody td[colspan]{display:block;text-align:center!important}
  .mobile-card-table tbody td[colspan]::before{display:none}
  .mobile-card-table tbody td>*{max-width:100%;min-width:0}
  .mobile-card-table .product-cell{width:100%;min-width:0!important;align-items:flex-start}
  .mobile-card-table .product-cell strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .mobile-card-table form{display:flex!important;flex-wrap:wrap!important;gap:7px!important;max-width:100%}
  .mobile-card-table input:not([type="checkbox"]):not([type="radio"]),.mobile-card-table select{width:100%!important;max-width:100%!important}
  .mobile-card-table .btn{min-height:38px;white-space:normal}
  .mobile-card-table small,.mobile-card-table .mono{white-space:normal!important;overflow-wrap:anywhere}
  .content-inner :not(td):not(th)[style*="min-width"]{min-width:0!important}
  .content-inner [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  .content-inner [style*="margin-left:auto"]{margin-left:0!important}
  .form-grid,.two-col,.mapping-fields,.permission-check-grid{grid-template-columns:minmax(0,1fr)!important}
  .form-stack input,.form-grid input,.form-stack select,.form-grid select,.form-stack textarea,.form-grid textarea,input[type="search"],input[type="date"],input[type="datetime-local"]{width:100%;max-width:100%;font-size:16px!important}
  input[type="file"]{height:auto!important;padding:10px!important}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metric-card{min-width:0;overflow:hidden}
  .metric-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-rank-grid>section:first-child .compact-list>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0;align-items:start}
  .dashboard-rank-grid>section:first-child .product-cell{display:grid;grid-template-columns:56px minmax(0,1fr);gap:11px;width:100%;min-width:0!important;align-items:center}
  .dashboard-rank-grid>section:first-child .product-thumb{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;flex:0 0 56px!important;aspect-ratio:1/1;border-radius:12px;background:#fff}
  .dashboard-rank-grid>section:first-child .product-thumb img{display:block;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;object-fit:contain!important;object-position:center}
  .dashboard-rank-grid>section:first-child .product-cell>span{display:block;min-width:0;width:100%}
  .dashboard-rank-grid>section:first-child .product-cell strong{display:-webkit-box;max-width:100%;white-space:normal;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45;font-size:12px}
  .dashboard-rank-grid>section:first-child .product-cell small{display:block;max-width:100%;margin-top:5px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
  .dashboard-rank-grid>section:first-child .compact-list>div>b{justify-self:end;display:inline-flex;padding:5px 9px;border-radius:8px;background:#eef4ff;color:#245ac7;font-size:11px;white-space:nowrap}
  .platform-cards{grid-template-columns:minmax(0,1fr)!important}
  .modal{width:100%;max-width:100%;overflow:hidden}
  .modal-card,.wide-modal{width:100%!important;max-width:100%!important;min-width:0!important;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .modal-head{gap:10px}.modal-head>div{min-width:0}.modal-head h3,.modal-head p{overflow-wrap:anywhere}
  .sidebar{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sidebar-nav::-webkit-scrollbar{display:none}
  .sidebar-foot{flex:0 0 auto}
  .notice{max-width:100%;overflow-wrap:anywhere}
  .mobile-mode-note{display:block;margin:-2px 0 13px;padding:10px 12px;border:1px solid #dbe7fb;border-radius:11px;background:#f1f6ff;color:#526b95;font-size:10px;line-height:1.6}
  .mobile-desktop-only{display:none!important}
  .page-products [data-platform-import],.page-products [data-file-import],.page-products [data-edit-mapping],.page-products .product-group-panel,.page-products #mappingModal,.page-products #platformImportModal,.page-products #fileImportModal{display:none!important}
  .page-inventory [data-inventory-import],.page-inventory a[href*="inventory_export"],.page-inventory #inventoryBatchOpen,.page-inventory #inventoryBatchModal,.page-inventory #inventoryImportModal{display:none!important}
  .page-advertising .ad-load-bids,.page-advertising .ad-control-rule-form,.page-advertising .ad-bid-save,.page-advertising .ad-bid-step{display:none!important}
  .page-accounts a[href*="edit_user_id"]{display:none!important}
  .page-advertising #adDetailTable td:first-child>div{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;width:100%!important}
  .page-advertising #adDetailTable td:first-child img{width:48px!important;height:48px!important;min-width:48px!important;object-fit:contain!important;background:#fff}
  .page-products #productsTable .product-thumb,.page-inventory #inventoryTable .product-thumb{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;aspect-ratio:1/1;background:#fff}
  .page-products #productsTable .product-thumb img,.page-inventory #inventoryTable .product-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
  .page-products #productsTable .product-cell,.page-inventory #inventoryTable .product-cell{display:grid;grid-template-columns:48px minmax(0,1fr);width:100%;align-items:center}
  .page-products #productsTable .product-cell strong,.page-inventory #inventoryTable .product-cell strong{white-space:normal;line-height:1.45}
  .page-orders .order-products{min-width:0!important;width:100%!important}
  .page-orders .order-product-thumb{flex:0 0 50px!important;width:50px!important;height:50px!important}
  .page-analytics .analytics-bottom-grid,.page-analytics .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .page-settings .platform-setting{padding:15px}
  .page-settings .setting-head{display:flex;flex-direction:column;align-items:stretch}
  .page-settings .switch-row{gap:10px}
  .page-probe .diagnostic-list>div,.page-diagnostics .diagnostic-list>div{align-items:flex-start}
  .mono{overflow-wrap:anywhere;word-break:break-all}
  .login-body{position:relative;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(155deg,#071323 0%,#0b1b34 48%,#122a52 100%)}
  .login-body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
  .login-ambient{display:block;position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.login-ambient-a{width:260px;height:260px;right:-120px;top:-70px;background:radial-gradient(circle,rgba(90,89,255,.42),transparent 68%)}.login-ambient-b{width:230px;height:230px;left:-125px;bottom:-70px;background:radial-gradient(circle,rgba(25,155,255,.3),transparent 68%)}
  .login-card{position:relative;z-index:2;width:100%;max-width:430px;margin:0 auto;border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.12);overflow:hidden}
  .login-form{width:100%;min-width:0;padding:25px 22px 20px}
  .mobile-login-brand{display:flex;align-items:center;gap:11px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #edf0f5}.mobile-login-brand .brand-mark{width:42px;height:42px;border-radius:13px}.mobile-login-brand span,.mobile-login-brand strong,.mobile-login-brand small{display:block}.mobile-login-brand strong{font-size:14px}.mobile-login-brand small{font-size:9px;color:#8995a7;margin-top:3px}
  .login-title>span{display:block}.login-title h2{font-size:25px;letter-spacing:-.5px;margin:7px 0 5px}.login-title p{font-size:11px;margin:0}
  .login-main-form{margin-top:21px!important;gap:14px}.login-main-form label{gap:7px}.login-field-label{font-size:10px;color:#526177;font-weight:750}.login-main-form input{height:50px!important;border-radius:13px!important;background:#f8fafc!important;border-color:#e3e8ef!important}.login-main-form input:focus{background:#fff!important}
  .login-submit{height:52px;margin-top:4px;border-radius:13px!important;font-size:13px!important;justify-content:space-between!important;padding:0 17px!important;background:linear-gradient(135deg,#2563eb,#6048e8)!important;box-shadow:0 12px 25px rgba(37,99,235,.28)!important}.login-submit b{width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.16);display:grid;place-items:center}
  .mobile-login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}.mobile-login-benefits span{background:#f4f7fb;border:1px solid #ebeff5;border-radius:9px;padding:8px 4px;text-align:center;color:#69768a;font-size:9px;white-space:nowrap}.mobile-login-benefits i{color:#16a36a;font-style:normal;margin-right:2px}
  .login-promo-link{margin-top:17px}.login-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px;color:#94a0b0;font-size:9px}.login-security i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
  .login-form .alert{margin-top:15px;align-items:center;flex-direction:row}.login-form .alert b{width:22px;height:22px;border-radius:50%;background:#fee2e2;display:grid;place-items:center}
  .login-form .version{line-height:1.65;margin:15px 0 0;color:#adb5c1}
  .install-shell{width:calc(100% - 24px);max-width:100%;overflow:hidden}
  .install-grid>*{min-width:0}
  .promo-nav{width:100%;max-width:100%}
  .promo-nav nav{max-width:calc(100% - 28px)}
  .hero,.numbers,.section,.platform-section,.contact,footer{max-width:100%}
  .hero-copy,.section-heading,.platform-copy,.contact>div{min-width:0}
  .hero h1,.section-heading h2,.platform-copy h2,.contact h2{overflow-wrap:anywhere}
  .contact-cards{max-width:100%}
}
@media(max-width:390px){
  .metric-grid{grid-template-columns:minmax(0,1fr)!important}
  .nav-actions .nav-cta{display:none}
  .promo-nav{gap:8px}
}