  <!-- 自定义样式 -->

    /* Inter字体 */
    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url('/fonts/Inter-Regular.woff2') format('woff2');
    }
    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url('/fonts/Inter-SemiBold.woff2') format('woff2');
    }
    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url('/fonts/Inter-Bold.woff2') format('woff2');
    }

    /* 基础样式 */
    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
    }

    /* 卡片动效升级 */
    .residence-card {
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .residence-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
    }
    
    /* 卡片悬停时文字效果 */
    .residence-card:hover .card-title {
      color: #165DFF;
    }
    .residence-card:hover .card-price {
      color: #0F172A;
    }
    .residence-card:hover .card-desc {
      color: #475569;
    }
    .residence-card:hover .card-bg {
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    }

    /* 分类标签样式 */
    .tag {
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 10;
    }

    /* 骨架屏过渡 */
    .img-placeholder {
      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
      background-size: 200% 100%;
      animation: shimmer 1.5s infinite;
    }
    @keyframes shimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
    }

    /* 头部背景地图样式 */
    .header-banner {
      position: relative;
      overflow: hidden;
    }
    .header-banner .map-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 1;
      z-index: 0;
    }
    .header-banner .content {
      position: relative;
      z-index: 1;
    }
    
    /* 隐藏的项目 */
    .project-hidden {
      display: none;
    }
    
    /* 表单错误样式 */
    .input-error {
      border-color: #ef4444 !important;
      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
    }
    
    .error-message {
      color: #ef4444;
      font-size: 0.75rem;
      margin-top: 0.25rem;
      display: none;
    }
    
    /* 咨询模块深色背景 */
    .consultation-dark {
      background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
    }
    
    /* 高端表单样式 */
    .premium-input {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #ffffff;
      backdrop-filter: blur(10px);
    }
    
    .premium-input:focus {
      background: rgba(255, 255, 255, 0.12);
      border-color: #165DFF;
      box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.15);
    }
    
    .premium-input::placeholder {
      color: rgba(255, 255, 255, 0.5);
    }
    
    .premium-label {
      color: #E2E8F0;
      font-weight: 500;
    }
    
    .premium-select {
      background: rgba(255, 255, 255, 0.08) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right 0.5rem center/1.5em 1.5em no-repeat;
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #ffffff;
      appearance: none;
      padding-right: 2.5rem;
    }

    .premium-select option {
    background-color: #1E293B; /* 使用深蓝色背景 */
    color: #ffffff;
}
    
    .premium-select:focus {
      background: rgba(255, 255, 255, 0.12) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23165DFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right 0.5rem center/1.5em 1.5em no-repeat;
      border-color: #165DFF;
      box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.15);
    }
    
    .premium-textarea {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #ffffff;
      backdrop-filter: blur(10px);
      resize: none;
    }
    
    .premium-textarea:focus {
      background: rgba(255, 255, 255, 0.12);
      border-color: #165DFF;
      box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.15);
    }