:root { font-family:Arial,"Microsoft YaHei",sans-serif; color:#172033; background:#f5f7fa; font-synthesis:none; }
* { box-sizing:border-box; } body { margin:0; } a { color:#1457d9; } .lot-header { min-height:88px; padding:18px max(24px,calc((100vw - 1280px)/2)); display:flex; align-items:center; justify-content:space-between; gap:16px; background:#fff; border-bottom:1px solid #dde3ec; }
.lot-header>a img { width:170px; height:48px; object-fit:contain; } .lot-header-actions { display:flex; gap:20px; align-items:center; } .lot-overview { font-size:14px; text-decoration:none; }
.lot-language { position:relative; } .lot-language summary { display:flex; align-items:center; gap:7px; min-height:44px; padding:8px 12px; border:1px solid #dce2ea; border-radius:8px; list-style:none; cursor:pointer; font-size:14px; white-space:nowrap; } .lot-language summary::-webkit-details-marker { display:none; } .lot-language nav { position:absolute; z-index:10; right:0; top:calc(100% + 6px); background:#fff; padding:6px; min-width:145px; border:1px solid #dce2ea; border-radius:8px; box-shadow:0 10px 25px #1720331a; } .lot-language nav a { display:block; padding:12px; border-radius:4px; text-decoration:none; } .lot-language nav a[aria-current],.lot-language nav a:hover { background:#edf3ff; }
main { width:min(1280px,calc(100% - 48px)); margin:40px auto 72px; min-height:60vh; } h1 { font-size:clamp(30px,4vw,42px); line-height:1.2; margin:24px 0 16px; } h2 { font-size:21px; line-height:1.4; } .lead { color:#536174; font-size:17px; line-height:1.7; margin-bottom:30px; }
.lot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .lot-card { overflow:hidden; border:1px solid #e1e5ec; border-radius:14px; background:#fff; box-shadow:0 4px 14px #17203308; } .lot-cover { display:flex; aspect-ratio:1; background:#edf0f4; padding:12px; } .lot-cover img { width:100%; height:100%; object-fit:contain; } .lot-body { padding:22px; } .lot-body h2 { margin:0 0 18px; } .lot-body h2 a { color:inherit; text-decoration:none; }
.lot-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; margin:18px 0 24px; } .lot-facts div { min-width:0; } .lot-facts dt { color:#667085; font-size:12px; margin-bottom:5px; } .lot-facts dd { margin:0; font-size:15px; line-height:1.5; overflow-wrap:anywhere; } .lot-button { display:flex; min-height:48px; align-items:center; justify-content:center; gap:8px; padding:12px 18px; background:#1457d9; border-radius:8px; color:#fff; font-size:15px; font-weight:600; text-decoration:none; }
.lot-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; margin-top:24px; align-items:start; } .lot-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .lot-gallery img { width:100%; aspect-ratio:1; object-fit:contain; background:#fff; padding:8px; border-radius:12px; } .lot-gallery img:first-child { grid-column:1/-1; } .lot-detail-copy { padding:26px; border:1px solid #e1e5ec; border-radius:14px; background:#fff; } .lot-detail-copy h1 { margin-top:0; font-size:32px; } .updated { font-size:13px; color:#667085; line-height:1.5; } .sold { padding:16px; color:#8b2b23; background:#fff1ee; border-radius:8px; line-height:1.6; }
.table-scroll { max-width:100%; overflow:auto; background:#fff; border:1px solid #e1e5ec; border-radius:10px; } table { width:100%; border-collapse:collapse; } td,th { text-align:left; padding:14px 18px; border-bottom:1px solid #e1e5ec; font-size:15px; } footer { padding:24px; border-top:1px solid #e1e5ec; text-align:center; background:#fff; font-size:14px; } :focus-visible { outline:3px solid #91b6ff; outline-offset:3px; }
@media(max-width:900px) { .lot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .lot-detail { gap:24px; } }
@media(max-width:600px) { .lot-header { padding:12px 16px; min-height:72px; gap:10px; } .lot-header>a img { width:125px; height:40px; } .lot-header-actions { gap:0; } .lot-overview { display:none; } main { width:calc(100% - 32px); margin-top:28px; } .lot-grid { grid-template-columns:minmax(0,1fr); } .lot-detail { grid-template-columns:minmax(0,1fr); } .lot-detail-copy { padding:22px; } .lot-detail-copy h1 { font-size:28px; } }