/* ===== skin v2: lz.qaiu.top style (visual only) ===== */
    :root, html[data-theme="light"] {
      --bg: #ffffff; --card: #ffffff; --text: #303133; --muted: #909399;
      --line: var(--el-border-color); --accent: #409eff; --accent-2: #409eff; --ok: #67c23a;
      --shadow: none; --pre-bg: #f5f7fa; --pre-text: #909399;
      --el-color-primary: #409eff;
    }
    html[data-theme="dark"] {
      --bg: #141414; --card: #141414; --text: #e5eaf3; --muted: #a3a6ad;
      --line: #4c4d4f; --accent: #409eff; --accent-2: #66b1ff; --ok: #67c23a;
      --shadow: none; --pre-bg: #262727; --pre-text: #a3a6ad;
    }
    body {
      background: var(--bg);
      font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    }
    .top { flex-direction: column; justify-content: center; padding: 22px 16px 6px; position: relative; text-align: center; }
    .brand { flex-direction: column; gap: 8px; }
    .logo { width: 64px; height: 64px; border-radius: 16px; font-size: 1.8rem; box-shadow: none; }
    .brand h1 { font-size: 1.35rem; font-weight: 700; color: #606266; }
    html[data-theme="dark"] .brand h1 { color: #cfd3dc; }
    .theme-btn { position: absolute; right: 16px; top: 16px; width: 32px; height: 32px; box-shadow: none; border: 1px solid var(--line); background: var(--card); }
    .wrap { max-width: 640px; padding: 0 16px 40px; }
    .card { background: var(--card); border: 0; border-radius: 0; box-shadow: none; padding: 8px 4px 16px; }
    .banner { border-radius: 0; background: transparent; border: 0; border-bottom: 1px solid #ebeef5; color: #909399; text-align: center; padding: 6px 4px 16px; font-size: 1rem; }
    html[data-theme="dark"] .banner { border-color: #363637; color: #a3a6ad; }
    .banner a { color: #409eff; }
    .hint { color: #909399; text-align: center; font-size: .9rem; }
    .hint.ok { color: var(--ok); }
    .guides { justify-content: center; }
    .guides a { border-radius: 4px; background: #fff; border: 1px solid var(--el-border-color); color: #606266; padding: 6px 14px; }
    html[data-theme="dark"] .guides a { background: transparent; border-color: #4c4d4f; color: #cfd3dc; }
    .step { border-radius: 4px; background: var(--el-fill-color-light); }
    .step.on { background: var(--el-color-success-light-9); color: var(--el-color-success); }
    html[data-theme="dark"] .step { background: rgba(255,255,255,.06); }
    .user-chip { border-radius: 4px; background: var(--el-color-success-light-9); color: var(--el-color-success); display: flex; justify-content: center; width: fit-content; margin-left: auto; margin-right: auto; }
    .link-gen-prog { border-radius: 4px; background: #fafafa; border-color: #ebeef5; box-shadow: none; }
    html[data-theme="dark"] .link-gen-prog { background: #1d1e1f; border-color: #363637; }
    .download-actions { border-radius: 4px; background: var(--el-color-success-light-9); border-color: var(--el-color-success-light-8); }
    .download-actions a { border-radius: 4px; background: var(--el-color-success); }
    .dl-route-card { margin:8px 0; padding:10px 12px; border:1px solid var(--el-color-primary-light-5); background:var(--el-color-primary-light-9); border-radius:8px; }
    .hist-row, .cookie-help { border-radius: 4px; background: transparent; }
    .qr-box img { border-radius: 4px; }
    .fm .file-row:hover { border-radius: 0; }

    .card .row { justify-content: center; }
    .card .row.grow, .card .row > .grow { flex: 1 1 auto; }
    .card .el-button { border-radius:4px; padding:8px 15px; font-weight:400; }
    .card .el-button--primary {
      --el-button-bg-color:var(--el-color-success);
      --el-button-border-color:var(--el-color-success);
      --el-button-hover-bg-color:var(--el-color-success-light-3);
      --el-button-hover-border-color:var(--el-color-success-light-3);
      --el-button-active-bg-color:var(--el-color-success-dark-2);
      --el-button-active-border-color:var(--el-color-success-dark-2);
    }
    .card .el-input__wrapper, .card .el-textarea__inner { border-radius:4px; }
    .row:has(> .el-input.grow + .el-button--primary) { flex-wrap: nowrap; gap: 0; }
    .row:has(> .el-input.grow + .el-button--primary) > .el-input .el-input__wrapper { border-radius: 0; padding-left: 0; }
    .row:has(> .el-input.grow + .el-button--primary) > .el-input .el-input__wrapper::before {
      content: "卡密"; flex: 0 0 auto; align-self: stretch; display: flex; align-items: center;
      padding: 0 16px; margin-right: 10px; background: var(--pre-bg); color: var(--pre-text);
      border-right: 1px solid var(--el-border-color); font-size: 14px;
    }
    .row:has(> .el-input.grow + .el-button--primary) > .el-button--primary {
      border-radius: 0; margin-left: -1px; background: var(--pre-bg); color: var(--pre-text); border: 1px solid var(--el-border-color); height: 32px;
    }
    .row:has(> .el-input.grow + .el-button--primary) > .el-button--primary:hover { background:var(--el-color-primary-light-9); color:var(--el-color-primary); }
    /* share textarea: grey label bar on top */
    .card .el-textarea::before {
      content: "分享链接"; display: block; padding: 6px 15px; background: var(--pre-bg); color: var(--pre-text);
      border: 1px solid var(--el-border-color); border-bottom: 0; border-radius: 4px 4px 0 0; font-size: 14px;
    }
    .card .el-textarea .el-textarea__inner { border-radius: 0 0 4px 4px; }
    .foot { color: var(--muted); }