* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #faf7f5; font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, sans-serif; color: #2c2523; overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
.apartwrap { max-width: 1140px; margin: 0 auto; padding: 0 15px; }
.apartheader { background: #ffffff; padding: 25px 0 15px 0; border-bottom: 1px solid #ede4df; text-align: center; }
.apartlogo img { height: 44px; max-width: 220px; object-fit: contain; margin-bottom: 12px; }
.apartnavbar { margin-top: 10px; }
.apartnavflex { display: flex; align-items: center; justify-content: center; gap: 8px; overflow-x: auto; white-space: nowrap; }
.apartnavitem { color: #5c4e4b; padding: 6px 14px; font-size: 13px; font-weight: bold; border-radius: 20px; transition: all 0.2s; }
.apartnavitem:hover, .apartnavitem.active { background: #ede4df; color: #8d6e63; }
.apartmain { margin: 25px auto; }
.apartherocard { display: block; position: relative; border-radius: 8px; overflow: hidden; height: 320px; background: #000; margin-bottom: 25px; border: 1px solid #ede4df; }
.apartherocard img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; }
.apartherofloat { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.92); padding: 25px 35px; border-radius: 6px; text-align: center; max-width: 85%; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.apartherotitle { font-size: 20px; font-weight: bold; color: #2c2523; margin-bottom: 8px; }
.apartheroprice { font-size: 18px; color: #d32f2f; font-weight: bold; }
.apartgrid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 25px; }
@media (max-width: 768px) { .apartgrid3 { grid-template-columns: 1fr; } }
.apartcard3 { display: block; position: relative; border-radius: 6px; overflow: hidden; height: 140px; border: 1px solid #ede4df; }
.apartcard3 img { width: 100%; height: 100%; object-fit: cover; }
.apartcard3tag { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; padding: 6px 16px; border-radius: 4px; font-size: 12px; font-weight: bold; color: #2c2523; box-shadow: 0 4px 10px rgba(0,0,0,0.08); text-align: center; }
.apartbannerstrip { background: #f3ece8; border: 1px solid #ebdcd5; border-radius: 6px; padding: 20px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
@media (max-width: 640px) { .apartbannerstrip { flex-direction: column; gap: 10px; text-align: center; } }
.apartsplit2 { display: grid; grid-template-columns: 1fr 320px; gap: 25px; margin-bottom: 30px; }
@media (max-width: 992px) { .apartsplit2 { grid-template-columns: 1fr; } }
.apartstreamgrid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
@media (max-width: 640px) { .apartstreamgrid2 { grid-template-columns: 1fr; } }
.apartmagcard { background: #ffffff; border-radius: 8px; border: 1px solid #ede4df; overflow: hidden; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.2s; }
.apartmagcard:hover { transform: translateY(-3px); }
.apartmagimg { width: 100%; height: 130px; object-fit: cover; border-radius: 4px; margin-bottom: 8px; }
.apartmagtitle { font-size: 13px; font-weight: bold; color: #2c2523; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apartmagprice { color: #d32f2f; font-size: 14px; font-weight: bold; }
.apartsidebar { display: flex; flex-direction: column; gap: 15px; }
.apartsidebox { background: #ffffff; border-radius: 8px; border: 1px solid #ede4df; padding: 15px; }
.apartsidehead { font-size: 14px; font-weight: bold; color: #8d6e63; border-bottom: 2px solid #8d6e63; padding-bottom: 8px; margin-bottom: 12px; }
.apartcirclegroup { display: flex; flex-direction: column; gap: 10px; }
.apartcircleitem { display: flex; gap: 10px; align-items: center; }
.apartcircleimg { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; flex-shrink: 0; border: 1px solid #ede4df; }
.apartcircleinfo { flex: 1; overflow: hidden; }
.apartcircletitle { font-size: 12px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apartcircleprice { font-size: 11px; color: #d32f2f; font-weight: bold; margin-top: 2px; }
.apartsec { background: #ffffff; border-radius: 8px; border: 1px solid #ede4df; padding: 18px; margin-bottom: 25px; }
.apartsectitle { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #8d6e63; padding-bottom: 8px; margin-bottom: 15px; }
.apartsectitle span { font-size: 15px; font-weight: bold; color: #2c2523; }
.apartmore { font-size: 12px; color: #8d6e63; }
.apartmore:hover { color: #d32f2f; }
.apartgrid6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
@media (max-width: 1024px) { .apartgrid6 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .apartgrid6 { grid-template-columns: repeat(2, 1fr); } }
.apartcard { background: #ffffff; border: 1px solid #ede4df; border-radius: 6px; overflow: hidden; padding: 8px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.2s; }
.apartcard:hover { transform: translateY(-3px); }
.apartimgbox { width: 100%; height: 95px; overflow: hidden; background: #faf8f5; border-radius: 4px; margin-bottom: 6px; display: flex; align-items: center; justify-content: center; }
.apartimgbox img { max-width: 100%; max-height: 85px; object-fit: contain; }
.aparttitle { font-size: 12px; font-weight: bold; color: #2c2523; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px; }
.apartprice { color: #d32f2f; font-size: 13px; font-weight: bold; }
.aparttextgrid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (max-width: 768px) { .aparttextgrid2 { grid-template-columns: 1fr; } }
.apartrowitem { display: flex; gap: 10px; align-items: center; background: #faf8f5; border: 1px solid #ede4df; border-radius: 6px; padding: 8px 12px; }
.apartrowimg { width: 36px; height: 36px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.apartrowinfo { flex: 1; overflow: hidden; }
.apartrowtitle { font-size: 12px; font-weight: bold; color: #2c2523; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2px; }
.apartrowprice { color: #d32f2f; font-size: 12px; font-weight: bold; }
.apartcardbox { background: #ffffff; border-radius: 8px; border: 1px solid #ede4df; padding: 30px; max-width: 650px; margin: 0 auto; }
.apartfooter { background: #ffffff; border-top: 1px solid #ede4df; padding: 25px 0; text-align: center; font-size: 13px; margin-top: 40px; }
.apartfooter a { color: #5c4e4b; margin-bottom: 6px; display: inline-block; font-weight: bold; }
.apartfooter p { color: #a89f9d; font-size: 12px; margin-top: 4px; }