body{margin:0;background:#fcfbf7;color:#222;font-family:Arial,Helvetica,sans-serif;}
.banner{max-width:960px;margin:14px auto 22px;padding:0 12px;}
.banner .top{box-sizing:border-box;border-radius:10px 10px 0 0;padding:8px 16px;text-align:center;aspect-ratio:1558/173;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(rgba(0,0,30,.35),rgba(0,0,30,.35)),url('/static/banner.jpg') center/cover no-repeat,#14142a;}.banner .top h1{text-shadow:0 2px 8px rgba(0,0,0,.7);}.banner .top p{text-shadow:0 1px 4px rgba(0,0,0,.7);}
.banner .top h1{margin:0;color:#fff;font-size:1.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.banner .top p{margin:4px 0 0;color:#dde;font-size:.9rem;}
.banner .bar{background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 10px 10px;
  padding:10px 16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#666;font-size:.85rem;}
.bar a{padding:4px 11px;border:1px solid #ccc;border-radius:6px;color:#444;text-decoration:none;font-size:.85rem;}
.bar a:hover{border-color:#6e2b2b;color:#6e2b2b;}
main{max-width:960px;margin:0 auto;padding:0 12px 60px;}
.cats{list-style:none;margin:24px 0;padding:0;}
.cats li{background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:12px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-right:14px;}
.cats li a.main{flex:1;display:block;padding:16px 18px;color:#333;text-decoration:none;font-size:1.05rem;min-width:200px;}
.cats li img.cov{width:86px;height:86px;object-fit:contain;background:#f4f2ec;
  border-right:1px solid #eee;border-radius:10px 0 0 10px;flex-shrink:0;}
.cats li{overflow:hidden;}

.cats li a.main:hover{color:#6e2b2b;}
.cats li a.wp{font-size:.78rem;color:#888;text-decoration:none;border:1px solid #ddd;border-radius:6px;padding:3px 9px;}
.cats li.empty{padding:16px 18px;color:#888;display:block;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:22px 0;}
.card{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.card a{color:#333;text-decoration:none;display:flex;flex-direction:column;height:100%;}
.card img{width:100%;height:190px;object-fit:contain;background:#f4f2ec;border-bottom:1px solid #eee;}
.card .t{padding:10px 12px 4px;font-weight:bold;font-size:.92rem;}
.card .d{padding:0 12px 12px;color:#666;font-size:.82rem;line-height:1.35;}
.card a:hover .t{color:#6e2b2b;}
.lot h2{margin:26px 0 4px;font-size:1.25rem;}
.lot .desc{background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px 18px;line-height:1.5;font-size:.95rem;}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:18px 0;}
.thumbs a{display:block;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;}
.thumbs img{width:100%;height:150px;object-fit:contain;background:#f4f2ec;display:block;}
.crumb{margin:18px 0 0;font-size:.85rem;color:#888;}
.crumb a{color:#6e2b2b;text-decoration:none;}
.lotnav{display:flex;gap:8px;align-items:center;margin:18px 0 0;flex-wrap:wrap;}
.lotnav a{padding:6px 13px;border:1px solid #ccc;border-radius:6px;color:#444;
  text-decoration:none;font-size:.88rem;background:#fff;}
.lotnav a:hover{border-color:#6e2b2b;color:#6e2b2b;}
.lotnav .sp{flex:1;}
.price{margin:14px 0;font-size:1.15rem;font-weight:bold;}
.price .buy{margin-left:14px;padding:8px 20px;background:#6e2b2b;color:#fff;
  border-radius:6px;text-decoration:none;font-size:.95rem;}
.price .buy:hover{background:#571f1f;}
.price .sold{background:#888;color:#fff;padding:4px 14px;border-radius:6px;
  letter-spacing:.1em;font-size:.9rem;}
a.contact{display:inline-block;margin:0 0 14px;padding:7px 16px;border:1px solid #6e2b2b;
  color:#6e2b2b;border-radius:6px;text-decoration:none;font-size:.9rem;}
a.contact:hover{background:#6e2b2b;color:#fff;}



#lb{position:fixed;inset:0;background:rgba(10,10,20,.92);display:none;
  align-items:center;justify-content:center;z-index:50;}
#lb.on{display:flex;}
#lb img{max-width:92vw;max-height:82vh;object-fit:contain;
  box-shadow:0 8px 40px rgba(0,0,0,.6);background:#fff;}
#lb .x,#lb .p,#lb .n{position:absolute;border:none;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font-size:1.6rem;
  width:52px;height:52px;border-radius:50%;line-height:1;}
#lb .x{top:14px;right:14px;}
#lb .p{left:10px;top:50%;transform:translateY(-50%);}
#lb .n{right:10px;top:50%;transform:translateY(-50%);}
#lb .c{position:absolute;bottom:16px;left:0;right:0;text-align:center;
  color:#ccc;font-size:.85rem;letter-spacing:.05em;}