* { 	margin: 0; 	padding: 0; 	box-sizing: border-box; 	 	font-family: Arial }  :root { 	--primary: #4a90e2; 	--primary-dark: #3a7bc8; 	--secondary: #50e3c2; 	--light: #f8f9fa; 	--dark: #343a40; 	--success: #28a745; 	--danger: #dc3545; 	--warning: #ffc107; 	--info: #17a2b8; 	--border: #e0e0e0; 	--shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 	--shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.12); }  body { 	background-color: #f5f7fa; 	color: #333; 	line-height: 1.1;  	 }  h1 { 	font-size: 1.1rem; 	font-weight: 100;  	letter-spacing: 1px; }  h2 { 	color: #2c3e50; margin: 0 0 10px; }   header { 	 	top: 0; 	left: 0; 	width: 100%; 	 	box-shadow: var(--shadow); 	z-index: 1000; 	padding: 1px 0; 	 }  .navbar { 	display: grid;  	grid-template-columns: auto 1fr;  	 	background-color: rgb(231,231,231); 	padding: 4px; } .navbar a { 	color: #000033; 	text-decoration: none; 	margin: 0 4px;  } .navbar img { 	height: 50px;  } .navbar-right {     display: grid;  	grid-template-columns: 1fr;  	gap: 10px;  	padding: 4px; } .navbar-right-row1 { 	justify-self: end;  } .navbar-right-row1 label { 	color: gray; 	font-size: 0.8rem; 	margin: 0 4px; } .navbar-right-row1 a { 	color: gray; 	font-size: 0.8rem; 	margin: 0; } .navbar-right-row2 { 	justify-self: start;  }     .page-title-test { 	 	margin-bottom: 10px; 	color: red; 	display: flex; 	justify-content: center; 	place-items: center; 	background-color: #FFF58B; 	min-height: 30px; 	width: 100%; }  .container { display: flex; flex-direction:column; align-items:center; margin:0 auto; max-width:1000px; width:100%; } .container-hide { display: grid; flex-direction:column; align-items:center; margin:0 auto; max-width:1000px; width:100%; height:500px; text-align:center; } .image-text { display: flex; flex-direction:column; align-items:left; margin: 10px; } .image-text img { max-width: 100%; height: auto; margin-bottom: 15px; } .image-text p { line-height: 1.6; margin-top: 20px; margin-bottom: 20px; } .summary {  }  .house-meta { display: flex; gap: 8px; flex-wrap: wrap;  align-items: center; } .house-meta div { background-color: #e9f7fe; padding: 4px 4px; border-radius: 4px; } .status-badge { display: inline-block; padding: 4px 8px; border-radius: 4px;  }  .status-已下架 { background-color: var(--danger); color: white; } .status-已租 { background-color: var(--info); color: white; } .status-在租 { background-color: var(--success); color: white; } .status-已售 { background-color: var(--info); color: white; } .status-在售 { background-color: #b02fba; color: white; }      footer {     background-color: #333;      color: rgb(206,206,206);  	font-size: 0.8rem;     padding: 20px;      text-align: center;  }  .footer-content p {     margin: 10px 0;  }