/* ═══ 试用指引 · 专属样式 ═══
   复用 styles.css 的 token（墨绿+金），这里只写试用页特有的表格/任务卡/打印。
   屏幕端精致，打印端收敛成 A4 白纸黑字，用户拿着当参考。 */

/* ── 打印按钮 ── */
.tg-print{
  appearance:none; border:1px solid var(--brand); border-radius:var(--r);
  background:var(--brand); color:var(--on-brand); cursor:pointer; min-height:44px;
  font-family:var(--sans); font-size:14px; font-weight:600;
  padding:10px 22px; margin-top:14px;
  transition:filter .15s ease, transform .15s ease;
}
.tg-print:hover{filter:brightness(.92); transform:translateY(-1px);}

/* ── 账号表 ── */
.tg-tablewrap{overflow-x:auto; border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper); box-shadow:var(--shadow-sm);}
.tg-table{width:100%; border-collapse:collapse; font-size:13.5px;}
.tg-table th,.tg-table td{
  padding:8px 12px; text-align:left; border-bottom:1px solid var(--line);
  vertical-align:top; white-space:nowrap;}
.tg-table th{background:var(--canvas); color:var(--brand); font-weight:600;
  border-bottom:2px solid var(--brand);}
.tg-table tbody tr:last-child td{border-bottom:none;}
.tg-table tbody tr:nth-child(even) td{background:var(--brand-soft-2);}
.tg-code{font-family:var(--mono); font-weight:600; color:var(--brand-2);}
.tg-table td[rowspan]{white-space:normal;}

/* ── 任务卡 ── */
.tg-tasks{display:flex; flex-direction:column; gap:16px;}
.tg-task{
  display:flex; gap:18px; align-items:flex-start;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
  padding:20px 22px; box-shadow:var(--shadow-sm);
}
.tg-task-num{
  flex:none; width:34px; height:34px; display:grid; place-items:center;
  border-radius:50%; background:var(--brand); color:var(--on-brand);
  font-family:var(--sans); font-size:18px; font-weight:700;
}
.tg-task-main{border-color:var(--gold); border-left:4px solid var(--gold);}
.tg-task-body{min-width:0;}
.tg-task-body h3{font-family:var(--sans); font-size:18px; font-weight:700; color:var(--brand); margin:0 0 6px;}
.tg-task-body p{margin:6px 0; color:var(--ink-2); line-height:1.75;}
.tg-steps{margin:10px 0 2px; padding-left:20px; color:var(--ink-2); line-height:1.9;}
.tg-steps li{margin:2px 0;}

/* ── 反馈清单 ── */
.tg-feedback{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;
}
.tg-feedback li{
  position:relative; padding:12px 16px 12px 34px;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r-sm);
  color:var(--ink-2); line-height:1.7; box-shadow:var(--shadow-sm);
}
.tg-feedback li::before{
  content:""; position:absolute; left:14px; top:20px; width:8px; height:8px;
  border-radius:50%; background:var(--gold);
}
.tg-feedback b{color:var(--ink);}

/* ── 窄屏 ── */
@media(max-width:640px){
  .tg-task{flex-direction:column; gap:10px; padding:16px;}
  .tg-table th,.tg-table td{padding:9px 10px;}
}

/* ═══ 打印：A4 白纸黑字，用户拿着当参考 ═══ */
@media print{
  @page{size:A4; margin:14mm 12mm;}
  html,body{background:#fff !important;}
  body{color:#111 !important; font-size:11.5px !important; line-height:1.6;}
  .tg-noprint{display:none !important;}          /* 顶栏/页脚/打印按钮 */
  main{max-width:none; padding:0;}

  /* 关掉深色模式带来的暗底，强制浅色 */
  .section{border-top:1px solid #ccc; padding:14px 0;}
  .section-head{margin-bottom:10px; gap:6px;}
  .section-head h2{font-size:19px !important; color:#062e22 !important;}
  .section-head p{font-size:12px !important; color:#333 !important;}
  .eyebrow,.section-code{color:#ae8120 !important;}

  /* intro 收敛成标题块，底部加细分隔线，与账号表拉开 */
  .intro{display:block; padding:0 0 10px; margin-bottom:12px; border-bottom:1px solid #ccc;}
  .intro h1{font-size:26px !important; color:#062e22 !important; margin:4px 0 8px;}
  .lead{font-size:12px !important; color:#333 !important; max-width:none;}
  .lead-sub{font-size:11px !important; color:#555 !important; max-width:none;}
  .facts{display:flex; gap:18px; flex-wrap:wrap; margin-top:8px;}
  .facts>div{display:flex; gap:6px; align-items:baseline; border:none !important; padding:0 !important;}
  .facts span{font-size:11px !important; color:#555 !important;}
  .facts strong{font-size:12px !important; color:#062e22 !important;}

  /* 表格：细线，无斑马纹 */
  .tg-tablewrap{border:1px solid #999; border-radius:0; box-shadow:none;}
  .tg-table th,.tg-table td{padding:6px 8px; border-bottom:1px solid #ccc; font-size:11px !important;}
  .tg-table th{background:#eee !important; color:#111 !important;}
  .tg-table tbody tr:nth-child(even) td{background:#fff !important;}
  .tg-code{color:#062e22 !important;}

  /* 任务卡：去掉阴影圆角，纯文字 + 序号 */
  .tg-tasks{gap:8px;}
  .tg-task{break-inside:avoid; border:none !important; border-top:1px solid #ccc !important;
    border-radius:0; box-shadow:none; padding:10px 0; gap:10px;}
  .tg-task-main{border-left:none !important;}
  .tg-task-num{background:#062e22 !important; color:#fff !important;
    width:22px; height:22px; font-size:13px !important;}
  .tg-task-body h3{font-size:14px !important; color:#062e22 !important;}
  .tg-task-body p{font-size:11px !important; color:#333 !important; margin:3px 0;}
  .tg-steps{padding-left:16px; font-size:11px !important; color:#333 !important;}

  /* 反馈清单：纯文字 + 圆点 */
  .tg-feedback{gap:4px;}
  .tg-feedback li{break-inside:avoid; border:none !important; border-bottom:1px dotted #ccc !important;
    border-radius:0; box-shadow:none; padding:6px 0 6px 18px; font-size:11px !important; color:#333 !important;}
  .tg-feedback li::before{left:4px; top:12px; width:6px; height:6px;}
}