/* 方块校园 · English Adventures(/learning/english/pep-3a/)页面样式。只作用于 main.fkxy 内部。 */
.fkxy{--fk-card:#16202d;--fk-card2:#1d2a3a;--fk-line:#2a475e;--fk-ink:#e5e5e5;--fk-dim:#8f98a0;--fk-body:#a9b6c2;--fk-accent:#8ed629;--fk-accent2:#4f76ff;--fk-sky:#66c0f4;--fk-shadow:4px 4px 0 #0b1118}
.fkxy *{box-sizing:border-box}
.fkxy h2{color:var(--fk-ink);font-size:19px;margin:34px 0 12px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fkxy h2 small{color:var(--fk-dim);font-size:13px;font-weight:400}
.fkxy h3{color:var(--fk-body);font-size:15px;margin:18px 0 10px}
.fk-eyebrow{display:inline-block;margin:0 0 8px;padding:3px 9px;border:1px solid var(--fk-line);background:#101923;color:var(--fk-accent);font-size:12px;letter-spacing:.12em;font-weight:700}
.fk-sub{color:var(--fk-body);font-size:14.5px;line-height:1.7;margin:4px 0 0;max-width:62ch}

/* 系列页:六张单元卡 */
.fk-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 8px;padding:0;list-style:none}
.fk-unit{display:flex;flex-direction:column;height:100%;background:var(--fk-card);border:1px solid var(--fk-line);border-radius:6px;overflow:hidden;color:var(--fk-body);text-decoration:none;box-shadow:var(--fk-shadow);transition:transform .15s,border-color .15s}
.fk-unit:hover{transform:translate(-1px,-2px);border-color:var(--fk-sky);text-decoration:none}
.fk-unit img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#0e151d}
.fk-unit .fk-u-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.fk-unit .fk-u-no{color:var(--fk-accent);font-size:12.5px;font-weight:700;letter-spacing:.08em}
.fk-unit .fk-u-en{color:#fff;font-size:17px;font-weight:700;line-height:1.3}
.fk-unit .fk-u-zh{color:var(--fk-body);font-size:14px}
.fk-unit .fk-u-meta{color:var(--fk-dim);font-size:12.5px;margin-top:6px}
.fk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fk-chips span{font-size:12px;padding:2px 8px;border-radius:3px;background:#101923;border:1px solid var(--fk-line);color:var(--fk-body)}
.fk-howto{margin:22px 0 0;padding:16px 18px;background:var(--fk-card);border:1px solid var(--fk-line);border-left:4px solid var(--fk-accent);border-radius:6px}
.fk-howto h2{margin:0 0 8px;font-size:16px}
.fk-howto ol{margin:0;padding-left:1.4em;color:var(--fk-body);font-size:14.5px;line-height:1.85}

/* 单元页:播放器 + 页签 */
.fk-player{margin:6px 0 0}
.fk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.fk-tab{appearance:none;font:inherit;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:4px;border:1px solid var(--fk-line);background:var(--fk-card);color:var(--fk-body);font-size:14.5px;line-height:1.3}
.fk-tab span{color:var(--fk-dim);font-size:12px;font-variant-numeric:tabular-nums}
.fk-tab:hover{border-color:var(--fk-sky);color:#fff}
.fk-tab[aria-selected="true"]{background:#2a475e;border-color:var(--fk-sky);color:#fff;box-shadow:inset 0 -3px 0 var(--fk-accent)}
.fk-tab[aria-selected="true"] span{color:#cfe3f1}
.fk-tab:focus-visible,.fk-word:focus-visible,.fk-card:focus-visible,.fk-unit:focus-visible{outline:2px solid var(--fk-accent);outline-offset:2px}
.fk-video{position:relative;width:100%;aspect-ratio:16/9;background:#05090d;border:1px solid var(--fk-line);border-radius:6px;overflow:hidden;box-shadow:var(--fk-shadow)}
.fk-video video{display:block;width:100%;height:100%;background:#05090d;object-fit:contain}
.fk-now{margin:10px 2px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.fk-now b{color:#fff;font-size:16px}
.fk-now span{color:var(--fk-dim);font-size:13.5px}

/* 这单元的词 */
.fk-word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.fk-word{appearance:none;font:inherit;cursor:pointer;position:relative;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:64px;padding:10px 12px 10px 12px;border-radius:5px;border:1px solid var(--fk-line);background:var(--fk-card);color:var(--fk-body)}
.fk-word b{color:#fff;font-size:18px;font-weight:700;line-height:1.25;padding-right:22px;word-break:break-word}
.fk-word em{font-style:normal;color:var(--fk-accent);font-weight:800;font-size:13px}
.fk-word span{font-size:13px;line-height:1.4;color:var(--fk-body)}
.fk-word i{position:absolute;right:10px;top:12px;width:14px;height:14px;font-style:normal}
.fk-word i::before{content:"";position:absolute;inset:0;background:var(--fk-dim);clip-path:polygon(0 30%,35% 30%,75% 0,75% 100%,35% 70%,0 70%)}
.fk-word:hover{border-color:var(--fk-sky)}
.fk-word.is-playing{border-color:var(--fk-accent);background:#1f3320}
.fk-word.is-playing i::before{background:var(--fk-accent)}
.fk-word.is-failed{border-color:#c47700}
.fk-word.is-failed i::before{background:#c47700}
.fk-word[disabled]{cursor:not-allowed;opacity:.55}
.fk-audio-msg{min-height:1.4em;margin:10px 2px 0;color:var(--fk-dim);font-size:13px}
.fk-audio-msg.is-warn{color:#e0a040}

/* 练一练 */
.fk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.fk-card{display:flex;flex-direction:column;background:var(--fk-card);border:1px solid var(--fk-line);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--fk-body);transition:border-color .15s}
.fk-card:hover{border-color:var(--fk-sky);text-decoration:none}
.fk-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#0e151d}
.fk-card-t{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;min-width:0}
.fk-card strong{color:#fff;font-size:15px}
.fk-card span{font-size:13px;line-height:1.5}

.fk-unitnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:34px 0 0;padding-top:16px;border-top:1px solid var(--fk-line)}
.fk-unitnav a{color:var(--fk-sky);text-decoration:none;font-size:14.5px;padding:6px 0}
.fk-unitnav a:hover{text-decoration:underline}
.fk-credit{margin:22px 0 0;color:var(--fk-dim);font-size:12.5px}

@media (max-width:860px){.fk-units{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .fk-units{grid-template-columns:1fr;gap:14px}
  .fk-tabs{gap:6px}
  .fk-tab{flex:1 1 calc(50% - 6px);justify-content:space-between;padding:10px 12px}
  .fk-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fk-cards{grid-template-columns:1fr}
  .fk-card{flex-direction:row;align-items:center}
  .fk-card img{width:112px;flex:none}
  .fkxy h2{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.fk-unit,.fk-card{transition:none}.fk-unit:hover{transform:none}}

/* 词卡例句(2026-09-26 追加):普通词卡里常显一行小字例句 */
.fk-word .fk-ex{display:block;margin-top:6px;padding-top:5px;border-top:1px dashed var(--fk-line);font-size:11.5px;line-height:1.45;color:var(--fk-dim)}
.fk-word .fk-ex span{display:block;font-size:inherit;line-height:inherit;color:inherit}
.fk-word .fk-ex [lang="en"]{color:var(--fk-body)}
@media (max-width:620px){.fk-word .fk-ex{font-size:11px}}