@charset "utf-8";
/* CSS Document */
    .swc-container {
	 padding:3rem;
      max-width:100%;
      margin: 0 auto;
    }
/*	.swc-section-title {
      text-align: center;
      font-size: 1.75rem;
      font-weight: 700;
      margin-bottom: 3rem;
      background-color: #fff;
      color: #333;
      padding: 0.75rem 2rem;
      display: inline-block;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 0;
      box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
      text-transform: uppercase;
      letter-spacing: 1px;
    }*/
    /* 核心样式：无缝直角格子 */
    .swc-confidence-grid-wrapper {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 0;
      overflow: hidden;
    }
    .swc-confidence-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
    }
    /* 响应式布局 */
    @media (min-width: 768px) {
      .swc-confidence-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 992px) {
      .swc-confidence-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .swc-grid-item {
      padding: 1.5rem 1.5rem;
      text-align: center;
      background: linear-gradient(145deg, rgba(255,255,255,0.03), rgba(0,0,0,0.05));
      backdrop-filter: blur(5px);
      position: relative;
      overflow: hidden;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 0;
    }
    /* 边框优化：避免重复边框 */
    .swc-grid-item:nth-child(4n) {
      border-right: none;
    }
    .swc-grid-item:nth-last-child(-n+4) {
      border-bottom: none;
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .swc-grid-item:nth-child(2n) {
        border-right: none;
      }
      .swc-grid-item:nth-last-child(-n+2) {
        border-bottom: none;
      }
    }
    @media (max-width: 767px) {
      .swc-grid-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }
      .swc-grid-item:last-child {
        border-bottom: none;
      }
    }
    /* 核心修改：统一白色纤细图标 */
    .swc-grid-icon {
      /* 使用Font Awesome的light字重（最纤细） */
      font-weight: 100;
      /* 适当尺寸，保持纤细感 */
      font-size: 2.8rem;
      margin-bottom: 1.25rem;
      display: inline-block;
      opacity: 0.9; /* 白色适当降低不透明度，避免过于刺眼 */
      color: #ffffff; /* 统一白色 */
      text-shadow: none;
    }
    .swc-grid-title {
      font-size: 1.25rem;
      font-weight: 100;
      margin-bottom: 0.75rem;
      color: #ffffff;
    }
    .swc-confidence-grid-wrapper p,p.swc-grid-desc {
      color: #b39964 !important;
      font-size: 0.9375rem;
     /* max-width: 200px;*/
      margin: 0 auto;
    }
    /* 小屏幕优化 */
    @media (max-width: 767px) {
      .swc-section-title {
        font-size: 1.5rem;
        padding: 0.6rem 1.5rem;
      }
      .swc-grid-item {
        padding: 2rem 1rem;
      }
      .swc-grid-icon {
        font-size: 2.3rem;
      }
    }
	
        /* 统一前缀：aurano-glassindex */
        .aurano-glassindex-body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .aurano-glassindex-container {
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
            padding: 20px;
            box-sizing: border-box;
        }
        .aurano-glassindex-left-column {
            flex: 1;
            padding: 20px;
        }
        .aurano-glassindex-container H2,.aurano-glassindex-title {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
            opacity: 0.8;
        }
        .aurano-glassindex-subtitle {
            font-size: 24px;
            margin-bottom: 30px;
            line-height: 1.4;
        }
        .aurano-glassindex-container p,.aurano-glassindex-description {
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 40px;
            opacity: 0.8;
        }
        .aurano-glassindex-learn-more {
            display: inline-block;
            padding: 10px 20px;
            border: 1px solid #fff;
            border-radius: 30px;
            text-decoration: none;
            color: #fff;
            transition: background-color 0.3s, color 0.3s;
        }
        .aurano-glassindex-learn-more:hover {
            background-color: #fff;
            color: #000;
        }
        .aurano-glassindex-middle-column {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        .aurano-glassindex-circle-border {
            width: 408px;
            height: 408px;
            border: 1px solid #fff;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0.8;
            overflow: hidden; /* 隐藏视频超出圆形的部分 */
            position: relative;
        }
        /* 视频容器样式 */
        .aurano-glassindex-video-container {
            width: 100%;
            height: 100%;
            position: relative;
        }
        .aurano-glassindex-circle-video {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持视频比例并填满容器 */
            border-radius: 50%; /* 确保视频也是圆形 */
        }
        /* 隐藏原生视频控制栏 */
        .aurano-glassindex-circle-video::-webkit-media-controls {
            display: none !important;
        }
        .aurano-glassindex-circle-video {
            -webkit-user-select: none;
            user-select: none;
            pointer-events: none; /* 禁止点击视频（可选，如需保留点击暂停可删除） */
        }
        /* 品牌文字移到视频下方 */
        .aurano-glassindex-brand-info {
            position: absolute;
            bottom: -60px; /* 调整距离视频的位置 */
            text-align: center;
        }
        .aurano-glassindex-brand-name {
            font-size: 36px;
            font-style: italic;
        }
        .aurano-glassindex-location {
            font-size: 12px;
            margin-top: 10px;
            opacity: 0.8;
        }
        .aurano-glassindex-right-column {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .aurano-glassindex-image {
            width: 408px;
            height: 408px;
            border-radius: 50%;
            object-fit: cover;
        }

        @media (max-width: 768px) {
            .aurano-glassindex-container {
                flex-direction: column;
            }
            .aurano-glassindex-circle-border {
                margin: 20px 0;
            }
            .aurano-glassindex-brand-info {
                bottom: -50px;
            }
        }