/* =========================================
 *    全局设置 & 变量
 *       ========================================= */
:root {
	  --brand-red: #9e1b32;
	    --bg-gray: #F2F2F7; /* 保持浅灰背景 */
	      --text-dark: #1d1d1f;
	        --text-gray: #86868b;
	}

	body {
		  margin: 0;
		    padding: 40px 20px; /* 增加页面上下的留白 */
		      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
		        background-color: var(--bg-gray);
			  color: var(--text-dark);
			    text-align: center;
			      line-height: 1.4;
			        min-height: 100vh;
				  display: flex;
				    align-items: center;
				      justify-content: center;
				        box-sizing: border-box;
				}

				.page-wrapper {
					  width: 100%;
					    max-width: 800px; /* 稍微减小最大宽度，让内容更聚焦 */
				    }

				    /* =========================================
				     *    核心融合内容区 (无卡片)
				     *       ========================================= */
.unified-content {
	  margin-bottom: 60px; /* 与页脚拉开距离 */
  }

  /* =========================================
   *    1. 品牌区
   *       ========================================= */
.brand-section {
	  margin-bottom: 50px; /* 与图片区形成明显的节奏感 */
  }

  .brand-name-en {
	    margin: 0;
	      color: var(--brand-red);
	        /* 字体稍微加大，增强冲击力 */
	        font-size: 56px;
		  font-weight: 800;
		    text-transform: uppercase;
		      letter-spacing: 2px;
		        line-height: 1;
		}

		.brand-name-cn {
			  margin: 12px 0 0 0;
			    color: var(--text-dark);
			      font-size: 26px;
			        font-weight: 500;
				  letter-spacing: 0.5px;
			  }

			  .sub-title {
				    margin: 15px 0 0 0;
				      font-size: 16px;
				        color: var(--text-gray);
				}

				/* =========================================
				 *    2. 葡萄酒展示区
				 *       ========================================= */
.wine-grid-section {
	  margin-bottom: 50px; /* 与联系区形成节奏感 */
  }

  .wine-grid-compact {
	    display: grid;
	      grid-template-columns: repeat(6, minmax(80px, 1fr));
	        gap: 15px;
		  /* 稍微增加网格的左右内边距，使其在视觉上比文字区窄一点点，更有层次 */
		  padding: 0 20px;
	  }

	  .wine-thumb {
		    width: 100%;
		      height: auto;
		        /* 1. 修改比例：从正方形 (1/1) 改为纵向长方形 (2/3)，更适合酒瓶 */
		        aspect-ratio: 2 / 3;
			  /* 2. 修改模式：从裁切填满 (cover) 改为包含完整内容 (contain) */
			  object-fit: contain;
			    /* 增加一点背景色，万一图片比例不一致，空白处显示为白色，更干净 */
			    background-color: #fff;
			      border-radius: 12px;
			        /* 移除边框，保留柔和阴影，让图片悬浮在背景上 */
			        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
				  transition: transform 0.3s ease, box-shadow 0.3s ease;
			  }

			  .wine-thumb:hover {
				    transform: translateY(-6px);
				      /* 悬停时增加阴影，增强悬浮感 */
				      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
			      }

			      /* =========================================
			       *    3. 联系方式区
			       *       ========================================= */
.contact-label {
	  font-size: 16px;
	    color: var(--text-gray);
	      margin: 0 0 20px 0;
      }

      .contact-links-row {
	        display: flex;
		  justify-content: center;
		    gap: 30px;
		      flex-wrap: wrap;
	      }

	      .contact-link {
		        display: inline-flex;
			  align-items: center;
			    text-decoration: none;
			      color: var(--brand-red);
			        font-weight: 600;
				  font-size: 20px; /* 稍微加大字体 */
				    transition: opacity 0.2s;
			    }

			    .contact-link:hover {
				      opacity: 0.8;
			      }

			      .contact-link .icon {
				        margin-right: 8px;
					  font-size: 22px;
				  }

				  /* =========================================
				   *    页脚
				   *       ========================================= */
.site-footer {
	  font-size: 13px;
	    color: #a1a1a6;
    }

    /* =========================================
     *    响应式适配
     *       ========================================= */
@media (max-width: 768px) {
	  /* 平板适配 */
	  .brand-name-en { font-size: 48px; }
	    .brand-name-cn { font-size: 24px; }
	      
	      /* 间距适当缩小 */
	      .brand-section { margin-bottom: 40px; }
	        .wine-grid-section { margin-bottom: 40px; }

		  .wine-grid-compact {
			      grid-template-columns: repeat(3, 1fr);
			          gap: 12px;
				      padding: 0; /* 平板上取消额外内边距 */
				        }
				}

				@media (max-width: 480px) {
					  /* 手机适配 */
					  body { padding: 30px 15px; } /* 减小页面边距 */

					    .brand-name-en { font-size: 36px; letter-spacing: 1px; }
					      .brand-name-cn { font-size: 20px; }
					        
					        /* 间距进一步缩小 */
					        .brand-section { margin-bottom: 35px; }
						  .wine-grid-section { margin-bottom: 35px; }

						    .wine-grid-compact {
							        grid-template-columns: repeat(2, 1fr);
								  }

								    .contact-links-row {
									        flex-direction: column;
										    gap: 15px;
										      }
									      }