/* 中文猜词游戏 · 报纸字谜风：米白报纸底 + 衬线字 + 黑绿黄经典格 */
.wdl-wrap{
  --wdl-paper:#f7f2e5; --wdl-card:#fffdf4; --wdl-ink:#1c1a15; --wdl-mute:#6f6a5c;
  --wdl-green:#538d4e; --wdl-yellow:#c9b458; --wdl-gray:#787c7e; --wdl-line:#c9c2ad;
  --wdl-red:#a3312d;
  max-width:760px;margin:0 auto;padding:18px 14px 40px;
  font-size:15.5px;line-height:1.8;color:var(--wdl-ink);
  font-family:Georgia,'Songti SC','SimSun',serif;
}
.wdl-wrap h1,.wdl-wrap h2{font-weight:700;letter-spacing:.02em;}
.wdl-hero{background:var(--wdl-card);border:3px double var(--wdl-ink);padding:22px 20px;text-align:center;}
.wdl-hero h1{font-size:clamp(23px,4.4vw,32px);margin:0 0 10px;}
.wdl-sub{color:var(--wdl-mute);max-width:600px;margin:0 auto 16px;}
.wdl-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.wdl-btn{border:2px solid var(--wdl-ink);background:var(--wdl-card);color:var(--wdl-ink);font-family:inherit;font-size:15px;font-weight:700;padding:9px 18px;cursor:pointer;box-shadow:3px 3px 0 var(--wdl-ink);}
.wdl-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--wdl-ink);}
.wdl-btn.main{background:var(--wdl-ink);color:var(--wdl-paper);}
.wdl-btn.ghost{box-shadow:none;background:transparent;}
.wdl-btn:disabled{opacity:.55;cursor:wait;}
.wdl-mode{margin-top:12px;font-size:13.5px;color:var(--wdl-mute);border-top:1px solid var(--wdl-line);padding-top:10px;}
.wdl-board-card{background:var(--wdl-card);border:3px double var(--wdl-ink);margin-top:18px;padding:20px;text-align:center;}
.wdl-board{display:grid;gap:7px;justify-content:center;margin:0 auto;}
.wdl-row{display:flex;gap:7px;justify-content:center;}
.wdl-cell{width:56px;height:56px;border:2.5px solid var(--wdl-line);display:grid;place-items:center;font-size:26px;font-weight:700;font-family:inherit;transition:transform .1s;}
.wdl-cell.filled{border-color:var(--wdl-ink);}
.wdl-cell.green{background:var(--wdl-green);border-color:var(--wdl-green);color:#fff;}
.wdl-cell.yellow{background:var(--wdl-yellow);border-color:var(--wdl-yellow);color:#fff;}
.wdl-cell.gray{background:var(--wdl-gray);border-color:var(--wdl-gray);color:#fff;}
.wdl-cell.hint{border-color:var(--wdl-yellow);border-style:dashed;}
.wdl-cell.pop{animation:wdlPop .18s;}
@keyframes wdlPop{50%{transform:scale(1.12);}}
.wdl-msg{min-height:24px;font-weight:700;color:var(--wdl-red);margin:10px 0 4px;}
.wdl-msg.good{color:var(--wdl-green);}
.wdl-mean{background:var(--wdl-paper);border:1px solid var(--wdl-line);padding:10px 14px;margin:8px auto 4px;max-width:460px;font-size:14.5px;text-align:left;}
.wdl-inputrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0 16px;}
.wdl-inputrow input{border:2px solid var(--wdl-ink);background:var(--wdl-card);color:var(--wdl-ink);font-family:inherit;font-size:16px;padding:9px 12px;width:240px;}
.wdl-kb{max-width:520px;margin:0 auto;}
.wdl-kb-row{display:flex;gap:5px;justify-content:center;margin-bottom:6px;flex-wrap:wrap;}
.wdl-key{min-width:34px;height:42px;padding:0 6px;border:1.5px solid var(--wdl-ink);background:var(--wdl-card);color:var(--wdl-ink);font-family:inherit;font-size:17px;font-weight:700;cursor:pointer;}
.wdl-key.green{background:var(--wdl-green);border-color:var(--wdl-green);color:#fff;}
.wdl-key.yellow{background:var(--wdl-yellow);border-color:var(--wdl-yellow);color:#fff;}
.wdl-key.gray{background:var(--wdl-gray);border-color:var(--wdl-gray);color:#fff;}
.wdl-key.fn{min-width:60px;font-size:14px;}
.wdl-card{background:var(--wdl-card);border:3px double var(--wdl-ink);margin-top:18px;padding:20px;}
.wdl-card h2{font-size:19px;margin:0 0 12px;border-bottom:2px solid var(--wdl-ink);padding-bottom:8px;}
.wdl-demo{display:flex;gap:7px;justify-content:center;margin:14px 0;}
.wdl-demo .wdl-cell{width:48px;height:48px;font-size:22px;}
.wdl-rules{margin:0;padding-left:20px;}
.wdl-rules li{margin-bottom:6px;}
.wdl-g{color:var(--wdl-green);}
.wdl-y{color:#9a8a2e;}
.wdl-gr{color:var(--wdl-gray);}
.wdl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;margin-bottom:14px;}
.wdl-stat b{display:block;font-size:28px;}
.wdl-stat span{color:var(--wdl-mute);font-size:13px;}
.wdl-actions2{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.wdl-faqs dt{font-weight:700;margin-top:12px;}
.wdl-faqs dd{margin:4px 0 0;color:var(--wdl-mute);}
.wdl-note{color:var(--wdl-mute);font-size:13.5px;margin-top:14px;border-top:1px solid var(--wdl-line);padding-top:10px;}

html[data-theme="dark"] .wdl-wrap{
  --wdl-paper:#191713; --wdl-card:#211e18; --wdl-ink:#efe9d8; --wdl-mute:#a8a190;
  --wdl-line:#4a463a; --wdl-yellow:#b5a23c;
}
html[data-theme="dark"] .wdl-btn{background:#211e18;color:#efe9d8;}
html[data-theme="dark"] .wdl-btn.main{background:var(--wdl-ink);color:#191713;}
html[data-theme="dark"] .wdl-inputrow input,
html[data-theme="dark"] .wdl-key{background:#211e18;color:#efe9d8;}
html[data-theme="dark"] .wdl-y{color:#d8c45a;}

@media (max-width:768px){
  .wdl-cell{width:52px;height:52px;font-size:23px;}
  .wdl-key{min-width:30px;height:40px;font-size:15px;}
  .wdl-stats{grid-template-columns:repeat(2,1fr);}
}

/* ===== v1.1 难度分级 / 错题本 / 双人轮流 ===== */
.wdl-diff{margin-top:12px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13.5px;color:var(--wdl-mute);}
.wdl-diff-btn{border:2px solid var(--wdl-line);background:transparent;color:var(--wdl-ink);font-family:inherit;font-size:14px;font-weight:700;padding:4px 14px;cursor:pointer;}
.wdl-diff-btn.on{background:var(--wdl-ink);color:var(--wdl-paper);border-color:var(--wdl-ink);}
.wdl-review-lead{color:var(--wdl-mute);font-size:14px;margin:0 0 12px;}
.wdl-review-list{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.wdl-review-item{border:1px solid var(--wdl-line);background:var(--wdl-paper);padding:8px 12px;font-size:13.5px;}
.wdl-review-item b{display:block;font-size:16px;}
.wdl-review-item span{color:var(--wdl-mute);}
.wdl-review-empty{grid-column:1/-1;color:var(--wdl-mute);border:1px dashed var(--wdl-line);padding:14px;text-align:center;}
.wdl-row[data-p]{position:relative;}
.wdl-row[data-p]::after{content:attr(data-p);position:absolute;right:-46px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--wdl-mute);border:1px solid var(--wdl-line);padding:1px 5px;white-space:nowrap;}

html[data-theme="dark"] .wdl-diff-btn{background:#211e18;color:#efe9d8;}
html[data-theme="dark"] .wdl-diff-btn.on{background:var(--wdl-ink);color:#191713;}
html[data-theme="dark"] .wdl-review-item{background:#191713;}

@media (max-width:768px){
  .wdl-review-list{grid-template-columns:1fr;}
  .wdl-row[data-p]::after{right:-42px;font-size:10px;padding:1px 3px;}
}
