.wrap{max-width:860px;margin:0 auto;padding:28px 0}
h1{margin:20px 0 10px;font-size:32px}
    .sub{color:var(--muted);line-height:1.8;margin:0 0 22px}
    .card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:18px;
      padding:22px;
      box-shadow:0 8px 24px rgba(0,0,0,.06);
    }
    .log-list{display:grid;gap:16px}
    .log-item{
      padding:18px;
      border:1px solid var(--ui-surface-soft-border,var(--border));
      border-radius:16px;
      background:var(--ui-surface-soft,rgba(255,248,234,.70));
    }
    .log-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
      margin-bottom:9px;
      color:var(--ui-muted,var(--muted));
      font-size:14px;
    }
    .log-version{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:2px 9px;
      border-radius:999px;
      border:1px solid var(--ui-surface-soft-border,var(--border));
      background:var(--ui-card,var(--card));
      color:var(--ui-text,var(--text));
      font-weight:700;
      line-height:1.35;
    }
    .log-item p{margin:0;color:var(--ui-muted,var(--muted));line-height:1.85}
    .note{margin:0 0 16px;color:var(--ui-muted,var(--muted));line-height:1.8}
html[data-theme="dark"] .log-item{
      background:rgba(226,196,148,.07);
      border-color:rgba(226,196,148,.18);
    }
    html[data-theme="dark"] .log-version{
      background:rgba(226,196,148,.08);
      border-color:rgba(226,196,148,.18);
      color:var(--ui-text,#f8ead2);
    }
    @media(max-width:560px){
      body{padding:16px}
      .wrap{padding:20px 0}
      h1{font-size:30px}
      .card{padding:18px}
      .log-item{padding:16px}
    }