/* --- 通用样式 (适用于所有页面) --- */
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      /* 防止页面出现滚动条，适用于iframe嵌入 */
      overflow: hidden;
    }

    body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      margin: 0;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      /* 独特的橙红色系渐变背景 (钉钉页面) */
      background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 40%, #fbc2eb 60%, #a6c1ee 100%);
      background-size: 600% 600%;
      animation: gradientShift 25s ease infinite;
      color: #2c3e50;
      padding: 20px;
    }

    /* 背景动画 */
    @keyframes gradientShift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* --- 页面容器与内容样式 --- */
    .container {
      text-align: center;
      /* 提高背景卡片的不透明度 */
      background: rgba(255, 255, 255, 0.85);
      padding: 40px;
      border-radius: 16px;
      box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
      max-width: 960px;
      width: 100%;
      backdrop-filter: blur(8px);
      /* 为iframe模式添加滚动支持 */
      overflow-y: auto;
      max-height: calc(100vh - 40px);
    }

    h1 {
      font-size: 2.2rem;
      margin-bottom: 20px;
      /* 使用与背景呼应的深橙色标题 */
      color: #e67e22;
    }

    /* --- 通知样式 --- */
    /* 重要提示 */
    .notice-important {
      background-color: #fff3cd;
      border: 2px solid #ffeaa7;
      color: #856404;
      padding: 20px 25px;
      border-radius: 10px;
      font-size: 1.1rem;
      font-weight: bold;
      margin: 25px auto;
      max-width: 850px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(255, 234, 167, 0.6); }
      70% { box-shadow: 0 0 0 10px rgba(255, 234, 167, 0); }
      100% { box-shadow: 0 0 0 0 rgba(255, 234, 167, 0); }
    }

    /* 普通提示 */
    .notice {
      margin-bottom: 30px;
      font-size: 1rem;
      color: #34495e;
    }

    /* --- 按钮与链接通用样式 --- */
    .btn-container,
    .other-container,
    .link-group {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 30px;
    }

    .btn,
    .other-btn,
    .link {
      padding: 12px 24px;
      text-decoration: none;
      /* 确保按钮文字为白色 */
      color: white;
      border-radius: 8px;
      font-size: 1rem;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
      transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    }

    .btn:hover,
    .other-btn:hover,
    .link:hover {
      transform: translateY(-2px);
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
      filter: brightness(1.1);
    }

    /* --- 具体按钮样式 --- */
    /* 钉钉联系按钮 - 使用品牌色（深蓝） */
    .btn-dingtalk { background: linear-gradient(135deg, #1e88e5, #0d47a1); }

    /* 其他联系按钮 - 使用与背景对比鲜明的颜色 */
    .other-qq { background: linear-gradient(135deg, #4dd0e1, #0097a7); } /* 青色系 */
    .other-wechat { background: linear-gradient(135deg, #81c784, #388e3c); } /* 绿色系 */
    .other-telegram { background: linear-gradient(135deg, #64b5f6, #1976d2); } /* 蓝色系 */
    .other-phone { background: linear-gradient(135deg, #ffb74d, #f57c00); } /* 橙色系 */

    /* --- 友情链接样式 --- */
    .links-section {
      text-align: left;
      margin-top: 30px;
    }

    .section-title {
      font-weight: bold;
      margin-bottom: 10px;
      /* 标题颜色与主标题呼应 */
      color: #e67e22;
      font-size: 1rem;
      border-left: 4px solid #e67e22;
      padding-left: 10px;
    }

    /* 友情链接按钮 - 使用深色系以区分 */
    .link-group.gw a { background: linear-gradient(135deg, #95a5a6, #7f8c8d); }
    .link-group.kf a { background: linear-gradient(135deg, #9b59b6, #8e44ad); }
    .link-group.zy a { background: linear-gradient(135deg, #3498db, #2980b9); }

    /* --- 响应式设计 --- */
    @media (max-width: 768px) {
      .container {
        padding: 20px 15px;
        max-height: calc(100vh - 40px);
      }

      h1 { font-size: 1.6rem; }

      .notice-important {
        font-size: 1rem;
        padding: 15px 20px;
        margin: 20px auto;
      }

      .notice {
        font-size: 0.95rem;
        margin-bottom: 20px;
      }

      .btn,
      .other-btn,
      .link {
        font-size: 0.95rem;
        padding: 10px 16px;
      }

      .link-group {
        justify-content: space-around;
      }
    }

    /* --- Iframe 嵌入样式 --- */
    /* 注意：如果页面是作为 iframe 嵌入，html, body, .container 的高度和溢出设置尤为重要 */
    iframe {
      width: 100%;
      height: 100%;
      border: none;
    }

    /* --- 底部信息样式 --- */
    .footer-text {
      color: rgba(0, 0, 0, 0.7);
      text-align: center;
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #eee;
      font-size: 0.9em;
    }

    .footer-link {
      color: #2c3e50;
      text-decoration: none;
      transition: color 300ms ease;
    }

    .footer-link:hover {
      color: #3498db;
      text-decoration: underline;
    }