:root {
  --skill-accent:#ff6b35;
  --skill-accent-dark:#e85b2b;
  --skill-accent-soft:#fff3ed;
  --skill-ink:#172033;
  --skill-muted:#667085;
  --skill-line:#e5e9f0;
  --skill-surface:#fff;
}

body.schedule-skill-page {
  margin:0;
  color:var(--skill-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#f8fafc;
}

.skill-container { max-width:1040px; }
.skill-hero { padding:100px 0 60px; background:linear-gradient(135deg,#fff 0,#fff8f4 100%); border-bottom:1px solid rgba(255,107,53,.16); }
.skill-back { display:inline-flex; align-items:center; gap:6px; min-height:44px; margin-bottom:22px; color:var(--skill-muted); font-size:14px; font-weight:700; text-decoration:none; }
.skill-back:hover { color:var(--skill-accent); }
.skill-back:focus-visible,.skill-command a:focus-visible { outline:3px solid rgba(255,107,53,.24); outline-offset:3px; }
.skill-back svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.skill-kicker { margin:0 0 10px; color:var(--skill-accent); font-size:12px; font-weight:850; letter-spacing:.12em; line-height:1.4; text-transform:uppercase; }
.skill-hero h1 { max-width:760px; margin:0; color:var(--skill-ink); font-size:clamp(34px,5vw,58px); font-weight:850; letter-spacing:-.045em; line-height:1.1; }
.skill-lead { max-width:720px; margin:18px 0 0; color:var(--skill-muted); font-size:17px; line-height:1.65; }
.skill-install-card { max-width:820px; margin-top:24px; padding:18px; background:#fff; border:1px solid rgba(255,107,53,.24); border-radius:18px; box-shadow:0 14px 36px rgba(23,32,51,.08); }
.skill-command-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:stretch; }
.skill-command { min-width:0; margin:0; padding:14px 16px; overflow-wrap:anywhere; color:#344054; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:13px; line-height:1.6; background:#f8fafc; border:1px solid var(--skill-line); border-radius:12px; }
.skill-command a { color:#344054; text-decoration:underline; text-decoration-color:#cbd5e1; text-underline-offset:3px; }
.skill-command a:hover { color:var(--skill-accent-dark); text-decoration-color:currentColor; }
.skill-copy { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; font-size:15px; font-weight:800; text-decoration:none; border-radius:12px; touch-action:manipulation; }
.skill-copy { gap:9px; color:#fff; background:var(--skill-accent); border:2px solid var(--skill-accent); cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.skill-copy:hover { background:var(--skill-accent-dark); border-color:var(--skill-accent-dark); }
.skill-copy:active { transform:scale(.98); }
.skill-copy:focus-visible { outline:3px solid rgba(255,107,53,.28); outline-offset:3px; }
.skill-copy.is-copied { background:#16845b; border-color:#16845b; }
.skill-copy svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.skill-copy-status { margin:8px 0 0; color:var(--skill-muted); font-size:13px; line-height:1.5; }
.skill-copy-status:empty { display:none; }

.skill-section { padding:60px 0; background:var(--skill-surface); }
.skill-section + .skill-section { border-top:1px solid var(--skill-line); }
.skill-section h2,.skill-install-section h2 { max-width:720px; margin:0; color:var(--skill-ink); font-size:clamp(26px,3.5vw,40px); font-weight:820; letter-spacing:-.035em; line-height:1.2; }
/* 区块标签保持最简单的小号橙色大写字，不加编号和装饰线。 */
.skill-section-label { margin:0 0 10px; color:var(--skill-accent); font-size:12px; font-weight:850; letter-spacing:.12em; line-height:1.4; text-transform:uppercase; }

/* 编号和标题同行，描述换行，卡片一眼能扫完。 */
.skill-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:28px; }
.skill-capabilities article { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:10px; align-items:center; padding:18px 20px; background:#f8fafc; border:1px solid var(--skill-line); border-radius:16px; }
.skill-capabilities article > span { grid-row:1; color:var(--skill-accent); font-size:12px; font-weight:850; letter-spacing:.1em; }
.skill-capabilities h3 { grid-row:1; margin:0; font-size:18px; line-height:1.3; }
.skill-capabilities p { grid-column:1 / -1; grid-row:2; margin:7px 0 0; color:var(--skill-muted); font-size:14px; line-height:1.6; }

.skill-examples-intro { color:var(--skill-muted); font-size:14px; line-height:1.6; }

.skill-examples-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; align-items:start; }
.skill-examples-intro { max-width:430px; margin-top:14px; }
.skill-prompts { display:grid; gap:10px; }
/* 示例按角色给案例：身份做成小标签，问句加粗，一眼看到自己对应的问法。 */
.skill-case { padding:14px 16px; background:#fff; border:1px solid var(--skill-line); border-radius:12px; }
.skill-case span { display:inline-block; margin-bottom:8px; padding:3px 10px; color:#a34d22; font-size:12px; font-weight:800; line-height:1.4; background:var(--skill-accent-soft); border-radius:999px; }
.skill-case p { margin:0; color:var(--skill-ink); font-size:14px; font-weight:700; line-height:1.55; }

.skill-install-section { padding:60px 0; background:#f8fafc; border-top:1px solid var(--skill-line); }

@media (max-width:760px) {
  /* 顶部按 66px 固定导航栏留出 ~46px 间隙，底部收紧避免大片空白。 */
  .skill-hero { padding:112px 0 44px; }
  .skill-back { margin-bottom:18px; }
  .skill-hero h1 { font-size:34px; }
  .skill-lead { margin-top:14px; font-size:16px; }
  .skill-command-row { grid-template-columns:1fr; }
  .skill-copy { width:100%; }
  .skill-section { padding:44px 0; }
  .skill-capabilities { grid-template-columns:1fr; gap:12px; margin-top:22px; }
  .skill-capabilities article { padding:16px; }
  .skill-examples-layout { grid-template-columns:1fr; gap:18px; }
  .skill-install-section { padding:44px 0; }
  .skill-install-card { margin-top:20px; padding:14px; }
}

@media (prefers-reduced-motion:reduce) {
  .skill-copy { transition:none; }
}