/* roulang page: index */
:root {
        --color-primary: #1D4ED8;
        --color-secondary: #0284C7;
        --color-accent: #10B981;
        --bg-deep: #0B1120;
        --bg-surface: #0F172A;
      }
      body {
        background-color: #0B1120;
        color: #F8FAFC;
        font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        overflow-x: hidden;
      }
      .gradient-border {
        position: relative;
        background: linear-gradient(135deg, rgba(29, 78, 216, 0.4), rgba(6, 182, 212, 0.1));
        border: 1px solid rgba(255, 255, 255, 0.12);
      }
      .gradient-border:hover {
        border-color: rgba(6, 182, 212, 0.5);
      }
      .pulse-indicator {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
        animation: pulsing 2s infinite cubic-bezier(0.66, 0, 0, 1);
      }
      @keyframes pulsing {
        to {
          box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
        }
      }
      .tech-grid {
        background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
        background-size: 24px 24px;
      }
      .badge-glow {
        box-shadow: 0 0 12px rgba(6, 182, 212, 0.25);
      }

/*  这里添加你的样式代码  */
body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    color: #333;
}
.space-y-2 {
    padding: 20px;
}
h2 {
    color: #007bff;
    margin-bottom: 10px;
}
p {
    line-height: 1.6;
}
ul {
    list-style: disc;
    padding-left: 20px;
}
li {
    margin-bottom: 5px;
}
span {
    color: #28a745;
}
/* 响应式设计 */
@media (max-width: 768px) {
    .space-y-2 {
        padding: 10px;
    }
    h2 {
        font-size: 1.5em;
    }
}