/* account market v3 — keep v2 structure, finish the shop */
:root{
  --am-bg:#f3f5f8;
  --am-surface:#fff;
  --am-ink:#18202c;
  --am-muted:#687486;
  --am-line:#dce2ea;
  --am-accent:#2463d4;
  --am-soft:#eaf1ff;
  --am-green:#16835e;
  --am-hero:#152235;
}
*{box-sizing:border-box}
html{font-size:14px}
body{margin:0;background:var(--am-bg)!important;color:var(--am-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}

.am-notice{height:32px;background:var(--am-hero);color:#bfc9d7;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center}
.am-header{height:68px;background:#fff;border-bottom:1px solid var(--am-line);position:sticky;top:0;z-index:20}
.am-nav{width:min(1280px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;gap:32px}
.am-brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}
.am-logo{width:36px;height:36px;display:grid;place-items:center;background:#18202c;color:#fff;border-radius:8px;font-weight:900;overflow:hidden}
.am-logo img{width:22px;height:22px;object-fit:contain}
.am-links{display:flex;gap:23px;font-size:13px;color:#5e6877}
.am-links a:hover,.am-links .active{color:var(--am-accent);font-weight:750}
.am-spacer{flex:1}
.am-actions{display:flex;gap:9px;align-items:center}
.am-action{height:36px;padding:0 13px;border:1px solid var(--am-line);display:flex;align-items:center;font-size:12px;background:#fff}
.am-action.primary{background:#18202c;color:#fff;border-color:#18202c}
.am-action.user{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.am-shell{width:min(1280px,calc(100% - 32px));margin:20px auto 48px;display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}
.am-side,.am-panel{background:#fff;border:1px solid var(--am-line)}
.am-side{padding:16px;height:max-content;position:sticky;top:86px}
.am-side h3{font-size:13px;margin:4px 8px 12px}
.am-side-link{display:flex;justify-content:space-between;align-items:center;padding:11px 9px;margin:3px 0;font-size:12px;color:var(--am-muted);cursor:pointer}
.am-side-link b{font-weight:600;color:#8a94a3}
.am-side-link:hover,.am-side-link.is-active{background:var(--am-soft);color:#174caa;font-weight:700}
.am-side-link.is-active b{color:#174caa}
.am-side-help{margin-top:16px;padding:14px;background:#f3f6fa;font-size:11px;line-height:1.7;color:var(--am-muted)}
.am-side-help b{display:block;margin-bottom:4px;color:var(--am-ink)}
.am-side-links{display:flex;gap:10px;margin-top:8px}
.am-side-links a{color:#174caa;font-weight:700}

.am-hero{background:#172943;color:#fff;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:148px}
.am-announcement{min-width:0;flex:1}
.am-announcement-label{display:flex;align-items:center;gap:8px;color:#8faee3;font-size:11px;letter-spacing:1.4px;font-weight:700}
.am-announcement-dot{width:7px;height:7px;border-radius:50%;background:#61d6a3;box-shadow:0 0 0 4px rgba(97,214,163,.12)}
.am-announcement-title{margin:10px 0 8px!important;font-size:24px!important;line-height:1.2}
.am-announcement-summary{margin:0!important;color:#c3cfdf!important;font-size:13px!important;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.am-announcement-details{margin-top:12px}
.am-announcement-details summary{display:inline-flex;align-items:center;gap:6px;color:#91b5f4;font-size:12px;cursor:pointer;list-style:none}
.am-announcement-details summary::-webkit-details-marker{display:none}
.am-announcement-details summary:after{content:'→';transition:.15s}
.am-announcement-details[open] summary:after{transform:rotate(90deg)}
.am-announcement-body{margin-top:12px;padding:12px 14px;border-left:2px solid #5d8fe5;background:rgba(255,255,255,.06);color:#c3cfdf;font-size:12px;line-height:1.8;white-space:pre-wrap;max-height:130px;overflow:auto}
.am-trust{display:flex;gap:18px;flex:0 0 auto}
.am-trust div{text-align:center;min-width:72px}
.am-trust strong{display:block;font-size:16px}
.am-trust small{color:#8fa0b6}

.am-tools{display:flex;margin:12px 0;gap:8px;align-items:center}
.am-search{height:44px;flex:1;display:flex;background:#fff;border:1px solid var(--am-line)}
.am-search input{flex:1;border:0;padding:0 13px;outline:0;color:var(--am-ink);background:transparent}
.am-search button{width:48px;border:0;background:var(--am-ink);color:#fff;cursor:pointer}
.am-select{height:44px;border:1px solid var(--am-line);background:#fff;padding:0 12px;color:var(--am-muted);min-width:128px}
.am-count{margin-left:auto;font-size:12px;color:var(--am-muted);white-space:nowrap}

.am-list-head{display:grid;grid-template-columns:58px 1fr 220px;padding:12px 16px;border-bottom:1px solid var(--am-line);font-size:11px;color:#7d8796}
.am-product{display:grid;grid-template-columns:58px 1fr 220px;gap:14px;padding:16px;border-bottom:1px solid var(--am-line);align-items:center;transition:.15s;cursor:pointer}
.am-product:hover{background:#f8faff}
.am-product.soldout{opacity:.62}
.am-service{width:48px;height:48px;border-radius:11px;background:#edf2fa;display:grid;place-items:center;font-weight:850;color:#2456a6;overflow:hidden}
.am-service img{width:100%;height:100%;object-fit:cover}
.am-info{min-width:0}
.am-info h3{font-size:14px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-tags{display:flex;gap:6px;flex-wrap:wrap}
.am-tag{font-size:10px;padding:3px 7px;background:#f0f2f5;color:#667284}
.am-tag.primary{background:#eaf1ff;color:#2b63c8}
.am-tag.ok{background:#e8f7f0;color:#0f6a4a}
.am-info small{display:block;color:#9299a4;margin-top:6px}
.am-deal{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}
.am-stock{color:var(--am-green);font-size:11px}
.am-stock.low{color:#c2410c}
.am-price{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.am-buy{height:32px;padding:0 13px;border:0;background:var(--am-accent);color:#fff;font-weight:700;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center}
.am-buy.disabled{background:#999;pointer-events:none}
.am-empty{padding:48px 24px;text-align:center;color:var(--am-muted);line-height:1.7}
.am-empty b{display:block;color:var(--am-ink);margin-bottom:6px}

.am-page{width:min(1280px,calc(100% - 32px));margin:20px auto 48px}
.am-page .am-panel{padding:0}
.am-page-head{padding:18px 20px;border-bottom:1px solid var(--am-line)}
.am-page-head h1{margin:0;font-size:20px}
.am-page-head p{margin:6px 0 0;color:var(--am-muted);font-size:13px}
.am-page-body{padding:20px}
.am-form{max-width:420px}
.am-form label{display:block;font-size:12px;color:var(--am-muted);margin:0 0 12px}
.am-form input,.am-form select,.am-form textarea{display:block;width:100%;height:40px;margin-top:6px;padding:0 10px;border:1px solid var(--am-line);background:#fff}
.am-form textarea{height:100px;padding:10px;resize:vertical}
.am-item .sku-list{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.am-item .sku{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--am-line);background:#fff;font-size:12px}
.am-item .sku.is-primary{border-color:var(--am-accent);background:var(--am-soft);color:#174caa;font-weight:700}
.am-item .qty-group{display:flex;width:160px}
.am-item .qty-group button{width:36px;border:1px solid var(--am-line);background:#fff;cursor:pointer}
.am-item .qty-group input{height:36px;border:1px solid var(--am-line);border-left:0;border-right:0;text-align:center}
.am-item .form-control,.am-item input[type=text],.am-item input[type=password],.am-item input[type=number]{height:40px;border:1px solid var(--am-line);padding:0 10px;width:100%;max-width:360px}
.am-item .pay-list{display:flex;flex-wrap:wrap;gap:8px}
.am-page .item-detail img{max-width:100%}
.am-crumb{font-size:12px;color:var(--am-muted);margin-bottom:14px}
.am-item{display:grid;grid-template-columns:280px 1fr;gap:24px}
.am-cover{min-height:240px;background:#152235;color:#fff;display:grid;place-items:center;overflow:hidden}
.am-cover img{width:100%;height:100%;object-fit:cover}
.am-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}
.am-kpis div{border:1px solid var(--am-line);background:#fff;padding:12px 14px}
.am-kpis span{display:block;font-size:12px;color:var(--am-muted)}
.am-kpis b{display:block;margin-top:6px;font-size:20px}
.am-footer{width:min(1280px,calc(100% - 32px));margin:0 auto 36px;color:#8a94a3;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media(max-width:780px){
  .am-shell{grid-template-columns:1fr;margin-top:14px}
  .am-side{position:static;display:flex;overflow:auto;padding:9px;gap:6px;align-items:center}
  .am-side h3,.am-side-help{display:none}
  .am-side-link{white-space:nowrap;margin:0}
  .am-hero{display:block;min-height:0;padding:18px}
  .am-trust{margin-top:16px;justify-content:space-between}
  .am-links{display:none}
  .am-product,.am-list-head{grid-template-columns:50px 1fr}
  .am-deal{grid-column:2/3;text-align:left;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px}
  .am-search{min-width:0}
  .am-select{display:none}
  .am-item,.am-kpis{grid-template-columns:1fr}
  .am-count{display:none}
}