* { margin: 0; padding: 0; box-sizing: border-box; }body {  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;  background: #0a0a0a !important;  color: #eee;}.site-header {  background: #111 !important;  border-bottom: 1px solid #222;  position: sticky;  top: 0;  z-index: 100;}.site-header .container {  max-width: 100% !important;  padding: 10px 20px !important;  display: flex !important;  align-items: center;  justify-content: space-between;  margin: 0 !important;}.logo-text { text-decoration: none; }.logo-name {  font-size: 22px;  font-weight: 700;  color: #ffb400;  letter-spacing: 1px;}.logo-text:hover .logo-name { color: #fff; transition: color 0.2s; }.site-slogan {  flex: 1;  text-align: center;  color: #ffb400;  font-size: 14px;  letter-spacing: 2px;  opacity: 0.8;  margin: 0 20px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.header-stats {  display: flex !important;  align-items: center;  gap: 12px;  font-size: 13px;}.stat-sold { color: #00d68f; }.stat-sold b { color: #ffb400; font-weight: 700; }.rent-tip {  font-size: 12px;  color: #ffb400;  padding-left: 12px;  border-left: 1px solid #333;}.site-main {  padding: 0 !important;  margin: 0 !important;  min-height: calc(100vh - 56px);}.grid-wrap { width: 100% !important; padding: 0 !important; margin: 0 !important; }.grid {  display: grid !important;  grid-template-columns: repeat(25, 1fr) !important;  width: 100% !important;  gap: 1px !important;  background: #222 !important;  margin: 0 !important;  padding: 0 !important;}.cell {  position: relative !important;  aspect-ratio: 1 / 1 !important;  background: #141414 !important;  overflow: hidden !important;  margin: 0 !important;  padding: 0 !important;}.cell-link { display: block; width: 100%; height: 100%; }.cell img {  width: 100% !important;  height: 100% !important;  object-fit: cover !important;  display: block !important;  transition: transform 0.3s ease;}.cell:hover img { transform: scale(1.1); }.cell-overlay {  position: absolute !important;  inset: 0 !important;  background: rgba(0,0,0,0.75);  display: flex !important;  flex-direction: column;  align-items: center;  justify-content: center;  opacity: 0;  transition: opacity 0.25s;  padding: 4px;  text-align: center;  pointer-events: none;}.cell:hover .cell-overlay { opacity: 1; }.cell-name {  font-size: 13px;  color: #fff;  font-weight: 600;  margin-bottom: 6px;  line-height: 1.2;}.cell-visit {  font-size: 12px;  color: #00d68f;  border: 1px solid #00d68f;  padding: 3px 8px;  border-radius: 3px;  white-space: nowrap;  display: inline-block;  line-height: 1.4;}.cell-rent {  display: flex !important;  flex-direction: column;  align-items: center;  justify-content: center;  width: 100% !important;  height: 100% !important;  text-decoration: none;  color: #666;  background: #101010;  transition: all 0.25s;}.cell-rent span {  font-size: 18px !important;  font-weight: 700 !important;  color: #888 !important;  line-height: 1.2;  margin-top: 12px;}.cell-rent small {  font-size: 13px !important;  color: #555 !important;  margin-top: 4px;}.cell-rent:hover { background: #ffb400 !important; }.cell-rent:hover span,.cell-rent:hover small { color: #111 !important; }.cell.is-empty .cell-link { display: none !important; }.cell.is-empty .cell-overlay { display: none !important; }.cell.is-empty .cell-rent { display: flex !important; }.cell-link img { pointer-events: none !important; }@media (max-width: 1199px) {  .grid { grid-template-columns: repeat(20, 1fr) !important; }}@media (max-width: 991px) {  .grid { grid-template-columns: repeat(15, 1fr) !important; }}@media (max-width: 767px) {  .grid { grid-template-columns: repeat(10, 1fr) !important; }}@media (max-width: 479px) {  .grid { grid-template-columns: repeat(6, 1fr) !important; }}.site-footer {  background: #111 !important;  border-top: 1px solid #222;  padding: 16px 0;  text-align: center;  font-size: 12px;  color: #555;}.price-section {  max-width: 1000px;  margin: 30px auto;  padding: 0 20px;  color: #eee;}.price-title {  text-align: center;  font-size: 20px;  color: #ffb400;  margin-bottom: 20px;  font-weight: 600;}.price-grid {  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 12px;}.price-card {  background: #141414;  border: 1px solid #222;  border-radius: 8px;  padding: 16px;  text-align: center;}.price-tag {  font-size: 16px;  font-weight: 700;  margin-bottom: 6px;}.price-diamond .price-tag { color: #b9f2ff; }.price-gold .price-tag { color: #ffd700; }.price-silver .price-tag { color: #c0c0c0; }.price-bronze .price-tag { color: #cd7f32; }.price-area {  font-size: 13px;  color: #888;  margin-bottom: 10px;}.price-num {  font-size: 24px;  font-weight: 700;  color: #ffb400;}.price-num span {  font-size: 14px;  color: #888;  margin-left: 3px;}.price-note {  font-size: 13px;  color: #666;  margin-top: 6px;  text-decoration: line-through;}.price-package {  margin-top: 20px;  background: #141414;  border-radius: 8px;  padding: 16px;}.price-package h3 {  color: #ffb400;  margin-bottom: 10px;  font-size: 16px;}.price-package ul {  list-style: none;  display: flex;  flex-wrap: wrap;  gap: 16px;  font-size: 15px;}.price-founder {  margin-top: 16px;  text-align: center;  color: #00d68f;  font-size: 15px;}.price-contact {  margin-top: 16px;  text-align: center;  font-size: 15px;}.price-contact b { color: #ffb400; }.qrcode-section {  display: block !important;  width: 100% !important;  max-width: 1000px;  margin: 30px auto;  padding: 0 20px;  text-align: center !important;}.qrcode-wrap {  display: inline-block;  background: #fff;  padding: 6px;  border-radius: 8px;  text-align: center;}.qrcode-wrap img {  display: block;  width: 120px;  height: 120px;  margin: 0 auto;}.qrcode-wrap p {  margin-top: 8px;  font-size: 12px;  color: #333;  text-align: center;}@media (max-width: 767px) {  .price-grid {    grid-template-columns: 1fr !important;    gap: 8px !important;  }  .price-card {    display: flex;    justify-content: space-between;    align-items: center;    padding: 12px 14px;    text-align: left;    flex-wrap: wrap;  }  .price-tag {    font-size: 16px;    margin-bottom: 4px;    width: 100%;  }  .price-area {    font-size: 13px;    margin-bottom: 4px;    width: 100%;  }  .price-num {    font-size: 20px;  }  .price-note {    font-size: 13px;  }}@media (max-width: 767px) {  .site-slogan {    font-size: 11px;    letter-spacing: 0;    margin: 0 8px;  }}@media (max-width: 767px) {  .site-header .container {    padding: 8px 10px !important;  }}@media (max-width: 767px) {  .site-slogan {    display: none !important;  }}/* ===== 格子号码（只在招租格显示） ===== */.cell-num {  position: absolute;  top: 2px;  left: 0;  right: 0;  text-align: center;  font-size: 10px;  color: rgba(255,255,255,0.5);  z-index: 2;  pointer-events: none;  font-weight: 600;}.cell:not(.is-empty) .cell-num {  display: none;}