/* 成语接龙 /tool/word-relay 样式（依赖 calc-common.css 全局变量） */

/* 链条头部 */
.wr-chain-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.wr-turn { font-size: 13px; font-weight: 700; color: var(--c-text-sub); }
.wr-new-btn { padding: 0 12px; height: 34px; border-radius: 10px; font-size: 12.5px; }

/* 接龙链条 */
.wr-chain {
    display: flex; align-items: center; gap: 6px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--c-surface-soft);
    border: 1px solid var(--c-border);
    overflow-x: auto; white-space: nowrap;
    min-height: 48px;
}
.wr-chain::-webkit-scrollbar { height: 4px; }
.wr-chain::-webkit-scrollbar-thumb { background: rgba(0,0,0,.12); border-radius: 4px; }
.wr-word {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 5px 10px; border-radius: 10px;
    font-size: 15px; font-weight: 700; letter-spacing: 1px;
    background: var(--c-surface); border: 1px solid var(--c-border);
    color: var(--c-text); white-space: nowrap;
}
.wr-word.is-sys { background: rgba(0,150,220,.1); border-color: rgba(0,150,220,.3); color: #0a7fc0; }
.wr-word.is-you  { background: rgba(22,163,74,.1); border-color: rgba(22,163,74,.3); color: #16a34a; }
.wr-arrow { color: var(--c-text-muted); font-size: 14px; font-weight: 800; }

/* 输入行 */
.wr-input-row { display: flex; gap: 8px; margin-top: 6px; }
.wr-input-row .calc-input { flex: 1; }
.wr-go-btn { flex: none; padding: 0 18px; height: 43px; border-radius: 12px; }

/* 状态提示 */
.wr-status {
    font-size: 12.5px; min-height: 22px; margin-top: 8px;
    color: var(--c-text-sub);
}
.wr-status.is-ok  { color: #16a34a; }
.wr-status.is-err { color: #dc2626; }

/* 操作按钮 */
.wr-acts { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.wr-acts .btn { padding: 0 12px; height: 36px; border-radius: 10px; font-size: 12.5px; }

/* 得分行 */
.wr-score { font-size: 12.5px; color: var(--c-text-muted); margin-top: 10px; }
.wr-score b { color: var(--c-text); }

/* 结果卡头部 */
.wr-detail-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.wr-detail-tag {
    flex: none;
    padding: 3px 12px; border-radius: 99px;
    font-size: 12px; font-weight: 800;
    color: #0a7fc0; background: rgba(0,150,220,.12); border: 1px solid rgba(0,150,220,.3);
}
.wr-detail-sub { font-size: 13px; font-weight: 700; color: var(--c-text-sub); }

/* 大字 */
.wr-big-char {
    display: flex; align-items: center; justify-content: center;
    width: 90px; height: 90px; margin: 0 auto 14px;
    border-radius: 50%;
    font-size: 44px; font-weight: 800;
    background: rgba(0,150,220,.12); border: 2px solid rgba(0,150,220,.25);
    color: #0a7fc0;
}

/* 注释行 */
.wr-note { font-size: 13px; line-height: 1.8; color: var(--c-text-sub); }
.wr-note-line { margin-bottom: 6px; }
.wr-note-line .lbl {
    display: inline-block; margin-right: 8px;
    padding: 1px 8px; border-radius: 6px;
    font-size: 11px; font-weight: 800;
    background: rgba(0,0,0,.06); color: var(--c-text-sub);
}

/* 词库字母页签 */
.wr-alpha-tabs {
    display: flex; gap: 6px; flex-wrap: wrap;
    margin-bottom: 10px;
}
.wr-alpha-tab {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 5px 10px; border-radius: 10px;
    font-size: 13px; font-weight: 700;
    background: var(--c-surface-soft); border: 1px solid var(--c-border);
    color: var(--c-text); cursor: pointer; transition: all .12s ease;
}
.wr-alpha-tab:hover { border-color: var(--c-primary); }
.wr-alpha-tab.is-active { background: rgba(0,150,220,.12); border-color: rgba(0,150,220,.3); color: #0a7fc0; }
.wr-alpha-tab i {
    font-style: normal; font-size: 10.5px; font-weight: 700;
    padding: 1px 5px; border-radius: 6px;
    background: rgba(0,0,0,.06); color: var(--c-text-muted);
}

/* 词库网格 */
.wr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; }
.wr-word-chip {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 8px 6px; border-radius: 12px;
    font-size: 14px; font-weight: 700; letter-spacing: 1px;
    background: var(--c-surface-soft); border: 1px solid var(--c-border);
    color: var(--c-text); cursor: pointer; transition: all .12s ease;
}
.wr-word-chip:hover { border-color: var(--c-primary); transform: translateY(-1px); }
.wr-word-tail { font-size: 10.5px; color: var(--c-text-muted); font-weight: 600; }

/* 黑夜模式微调 */
[data-theme="dark"] .wr-word.is-sys { background: rgba(56,189,248,.14); border-color: rgba(56,189,248,.35); color: #7dd3fc; }
[data-theme="dark"] .wr-word.is-you  { background: rgba(74,222,128,.14); border-color: rgba(74,222,128,.35); color: #86efac; }
[data-theme="dark"] .wr-big-char { background: rgba(56,189,248,.14); border-color: rgba(56,189,248,.3); color: #7dd3fc; }
[data-theme="dark"] .wr-detail-tag { background: rgba(56,189,248,.14); border-color: rgba(56,189,248,.3); color: #7dd3fc; }
[data-theme="dark"] .wr-alpha-tab.is-active { background: rgba(56,189,248,.14); border-color: rgba(56,189,248,.3); color: #7dd3fc; }
[data-theme="dark"] .wr-note-line .lbl { background: rgba(255,255,255,.08); }
[data-theme="dark"] .wr-alpha-tab i { background: rgba(255,255,255,.08); }

/* 响应式 */
@media (max-width: 640px) {
    .wr-big-char { width: 74px; height: 74px; font-size: 36px; }
    .wr-grid { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); }
    .wr-word-chip { font-size: 13px; padding: 7px 5px; }
    .wr-input-row { flex-wrap: wrap; }
    .wr-go-btn { width: 100%; }
}