/* roulang page: index */
:root {
      --bg-titan: #0F141C;
      --color-cyan: #00C49F;
      --color-orange: #FF6B00;
      --border-hairline: rgba(255, 255, 255, 0.08);
      --border-cyan-glow: rgba(0, 196, 159, 0.25);
    }
    body {
      background-color: #0F141C;
      color: #E2E8F0;
      font-feature-settings: "tnum";
    }
    .num-tabular {
      font-variant-numeric: tabular-nums;
    }
    .glass-nav {
      background: rgba(15, 20, 28, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .tech-card {
      border: 1px solid rgba(255, 255, 255, 0.07);
      background: linear-gradient(180deg, rgba(30, 40, 56, 0.6) 0%, rgba(23, 32, 45, 0.8) 100%);
      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .tech-card:hover {
      border-color: rgba(0, 196, 159, 0.4);
      transform: translateY(-2px);
      box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.5);
    }
    .badge-iso {
      background: rgba(0, 196, 159, 0.1);
      border: 1px solid rgba(0, 196, 159, 0.3);
      color: #00C49F;
    }
    .badge-orange {
      background: rgba(255, 107, 0, 0.12);
      border: 1px solid rgba(255, 107, 0, 0.35);
      color: #FF8F3D;
    }
    /* 平滑折叠动画与细节 */
    details summary::-webkit-details-marker { display: none; }