:root {
      color-scheme: dark;
      --bg: #151515;
      --panel: #1d1e20;
      --panel-2: #25272a;
      --line: #383b3f;
      --text: #eee9e1;
      --muted: #9da5ae;
      --accent: #ff8334;
      --accent-soft: #e98668;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      background:
        radial-gradient(circle at 20% 0%, rgba(233, 134, 104, .10), transparent 32rem),
        var(--bg);
      color: var(--text);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Microsoft YaHei", sans-serif;
    }
    main { width: min(900px, calc(100% - 36px)); margin: 0 auto; padding: 54px 0 72px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; color: var(--accent-soft);
      font-size: 20px; font-weight: 800; letter-spacing: .08em; text-decoration: none;
      transition: opacity .15s; }
    .brand:hover { opacity: .8; }
    .brand::before { width: 5px; height: 30px; border-radius: 4px;
      background: linear-gradient(var(--accent-soft), var(--accent)); content: ""; }
    h1 { margin: 34px 0 10px; font-size: clamp(30px, 5vw, 48px); line-height: 1.15; }
    .lead { max-width: 650px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
    .status { display: inline-flex; margin-top: 22px; padding: 7px 11px; border: 1px solid #674533;
      border-radius: 999px; background: #2b211b; color: #ffad7d; font-size: 13px; font-weight: 700; }
    .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px; margin-top: 32px; }
    .card { display: flex; min-height: 280px; flex-direction: column; padding: 25px;
      border: 1px solid var(--line); border-radius: 18px; background: var(--panel);
      box-shadow: 0 16px 50px rgba(0, 0, 0, .18); }
    .os { color: var(--accent-soft); font-size: 13px; font-weight: 800; letter-spacing: .1em; }
    h2 { margin: 10px 0 6px; font-size: 23px; }
    .meta, .note { color: var(--muted); font-size: 14px; line-height: 1.65; }
    .note { flex: 1; margin: 18px 0 22px; }
    .button { display: flex; align-items: center; justify-content: center; min-height: 48px;
      border-radius: 11px; background: var(--accent); color: #171512; font-weight: 800;
      text-decoration: none; transition: transform .15s ease, filter .15s ease; }
    .mirrors { margin: 10px 0 0; font-size: 13px; color: var(--muted, #9a9a9a); text-align: center; }
    .mirrors a { color: #ffad7d; }
    .button:hover { filter: brightness(1.08); transform: translateY(-1px); }
    .button:focus-visible { outline: 3px solid rgba(255, 131, 52, .35); outline-offset: 3px; }
    .warning { margin-top: 24px; padding: 18px 20px; border: 1px solid #4a413b;
      border-radius: 14px; background: var(--panel-2); color: var(--muted); line-height: 1.7; }
    .warning strong { color: var(--text); }
    .warning a, .guide a { color: #ffad7d; text-underline-offset: 3px; }
    .guide { margin-top: 18px; padding: 18px 20px; border: 1px solid var(--line);
      border-radius: 14px; background: var(--panel); color: var(--muted); line-height: 1.75; }
    .guide summary { cursor: pointer; color: var(--text); font-weight: 750; }
    .guide ol { margin: 14px 0 0; padding-left: 24px; }
    .guide li + li { margin-top: 7px; }
    .guide code, .linux code { padding: 1px 6px; border-radius: 6px; background: #101113;
      color: #e7ecd6; font: 13px ui-monospace, SFMono-Regular, Menlo, monospace; }
    .linux { margin-top: 18px; padding: 25px; border: 1px solid var(--line);
      border-radius: 18px; background: var(--panel); }
    .cmd { margin: 16px 0 0; padding: 15px 16px; overflow-x: auto; border: 1px solid var(--line);
      border-radius: 11px; background: #101113; color: #e7ecd6;
      font: 14px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
    .cmd code { padding: 0; background: none; color: inherit; }
    
    .linux-cmd { margin-top: 18px; }
    .linux-cmd > summary { list-style: none; cursor: pointer; }
    .linux-cmd > summary::-webkit-details-marker { display: none; }
    .linux-cmd > summary::marker { content: ""; }
    .linux-cmd .cmd { margin-top: 14px; }
    .linux-cmd .copied { margin: 10px 0 0; color: #ffad7d; font-size: 14px; }
    footer { margin-top: 34px; color: var(--muted); font-size: 13px; line-height: 1.9; }
    footer a { color: #d5d9dd; text-decoration-color: #656b72; text-underline-offset: 3px; }
    @media (max-width: 680px) {
      main { padding-top: 34px; }
      .grid { grid-template-columns: 1fr; }
      .card { min-height: 0; }
    }