/* 暖木 skin, second pass against the mockups (design-mockups/sunny/pages-design-v2): larger type, window light,
   a wooden table edge along the bottom, bigger corner pieces, and per-screen details. Loaded after wood.css. */
html[data-theme="sunny"] body[data-skin="wood"] {
  font-size: 16.5px;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(255, 240, 210, .55) 18% 22%, transparent 22% 30%, rgba(255, 240, 210, .45) 30% 33%, transparent 33%) 0 0 / 100% 520px no-repeat,
    radial-gradient(120% 60% at 0% 0%, rgba(255, 232, 190, .6), transparent 62%) no-repeat,
    var(--bg);
}
/* The table edge the corner pieces stand on. */
html[data-theme="sunny"] body[data-skin="wood"]:has(#view:is([data-screen="record"], [data-screen="lookup"], [data-screen="sentences"], [data-screen="friends"], [data-screen="essays"], [data-screen="write"], [data-screen="words"], [data-screen="books"]))::before {
  content: ""; position: fixed; z-index: -2; left: 0; right: 0; bottom: 0; height: 64px; pointer-events: none;
  background: linear-gradient(180deg, #e9c48f 0, #dcab6f 9px, #d29d61 100%);
  box-shadow: 0 -10px 24px rgba(214, 160, 100, .18);
}
html[data-theme="sunny"] body[data-skin="wood"].with-tabbar::before { bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom) - 22px); height: 46px; }
html[data-theme="sunny"] body[data-skin="wood"] #view::before { width: clamp(150px, 46vw, 250px); height: clamp(150px, 46vw, 250px); bottom: 26px; }
html[data-theme="sunny"] body[data-skin="wood"].with-tabbar #view::before { bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 4px); }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="study"]::before,
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="word"]::before { bottom: 84px; }
html[data-theme="sunny"] body[data-skin="wood"] .study::before { width: clamp(150px, 46vw, 240px); height: clamp(150px, 46vw, 240px); bottom: 84px; }
html[data-theme="sunny"] body[data-skin="wood"] .ln::before { width: clamp(110px, 30vw, 170px); height: clamp(140px, 40vw, 220px); }

/* Headers: big and centred, no bar. */
html[data-theme="sunny"] body[data-skin="wood"] .screen-top { background: linear-gradient(180deg, var(--bg) 70%, transparent); backdrop-filter: none; -webkit-backdrop-filter: none; min-height: 58px; }
html[data-theme="sunny"] body[data-skin="wood"] .screen-top h2 { font-size: 24px; letter-spacing: 1px; }
html[data-theme="sunny"] body[data-skin="wood"] .screen-top .icon-btn svg.i { width: 26px; height: 26px; }
html[data-theme="sunny"] body[data-skin="wood"] .page-head h1 { font-size: 34px; letter-spacing: 1px; }
html[data-theme="sunny"] body[data-skin="wood"] .section-title,
html[data-theme="sunny"] body[data-skin="wood"] .my-head h3 { font-size: 21px; }
html[data-theme="sunny"] body[data-skin="wood"] .btn { height: 48px; font-size: 16px; }
html[data-theme="sunny"] body[data-skin="wood"] .btn.small { height: 38px; font-size: 14.5px; }
html[data-theme="sunny"] body[data-skin="wood"] input[type="search"],
html[data-theme="sunny"] body[data-skin="wood"] .lookup-form input,
html[data-theme="sunny"] body[data-skin="wood"] .lib-search,
html[data-theme="sunny"] body[data-skin="wood"] .words-search input { height: 50px; font-size: 16.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .tabbar a { font-size: 13px; }
html[data-theme="sunny"] body[data-skin="wood"] .tabbar svg.i { width: 26px; height: 26px; }

/* 复习 */
html[data-theme="sunny"] body[data-skin="wood"] .study-top .count { font-size: 18px; font-weight: 800; color: var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] .study-top .icon-btn svg.i { width: 26px; height: 26px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-term { font-size: clamp(44px, 13vw, 58px); }
html[data-theme="sunny"] body[data-skin="wood"] .study-check { width: 30px; height: 30px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-phon { font-size: 20px; font-family: var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] .study-phon button { height: 36px; padding: 0 14px; font-size: 16px; font-family: var(--font); }
html[data-theme="sunny"] body[data-skin="wood"] .study-meanings { font-size: 21px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-meanings .pos { min-width: 0; font-family: var(--serif); font-size: 20px; color: var(--ink); font-weight: 700; }
html[data-theme="sunny"] body[data-skin="wood"] .study-card { padding: 16px 18px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-card h5 { font-size: 15px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-example p { font-size: 21px; line-height: 1.45; }
html[data-theme="sunny"] body[data-skin="wood"] .study-example p.zh { font-size: 17px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-example .icon-btn svg.i { width: 28px; height: 28px; color: var(--sky); }
html[data-theme="sunny"] body[data-skin="wood"] .study-coll li { font-size: 21px; }
html[data-theme="sunny"] body[data-skin="wood"] .study-actions button { height: 58px; font-size: 19px; }

/* 单词详情 */
html[data-theme="sunny"] body[data-skin="wood"] .word-page h1 { font-size: clamp(42px, 12vw, 54px); }
html[data-theme="sunny"] body[data-skin="wood"] .word-phon { font-size: 20px; font-family: var(--serif); color: var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] .word-phon button { height: 36px; padding: 0 14px; font-size: 16px; font-family: var(--font); }
html[data-theme="sunny"] body[data-skin="wood"] .word-page .chips .chip { height: 34px; padding: 0 14px; font-size: 15px; border-radius: 999px; display: inline-flex; align-items: center; }
html[data-theme="sunny"] body[data-skin="wood"] .word-page .chips .chip:nth-child(1) { background: var(--butter-soft); }
html[data-theme="sunny"] body[data-skin="wood"] .word-page .chips .chip:nth-child(2),
html[data-theme="sunny"] body[data-skin="wood"] .word-page .chips .chip:nth-child(3) { background: var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] .word-page .chips .chip:nth-child(4) { background: var(--wood-soft); }
html[data-theme="sunny"] body[data-skin="wood"] .sense h4 { font-size: 21px; font-weight: 800; }
html[data-theme="sunny"] body[data-skin="wood"] .sense h4 .pos { font-family: var(--serif); font-size: 20px; font-weight: 700; color: var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex { margin-top: 10px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); grid-template-columns: 1fr auto; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex::before { content: "例句"; grid-column: 1 / -1; justify-self: start; margin-bottom: 4px; padding: 3px 10px; border-radius: 999px; background: var(--butter-soft); color: var(--ink-2); font-size: 14px; font-weight: 700; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex p { font-family: var(--serif); font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex .zh { font-family: var(--font); font-size: 15.5px; color: var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex .icon-btn { grid-row: 2 / span 2; }
html[data-theme="sunny"] body[data-skin="wood"] .word-block ul { list-style: none; padding: 0; font-family: var(--serif); font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] .word-block ul li::before { content: "• "; color: var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] .word-block:has(.list) h3 { background: none; padding: 0; font-size: 19px; color: var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] .word-block .list { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] .word-block .row { min-height: 60px; font-size: 17px; font-weight: 700; }
html[data-theme="sunny"] body[data-skin="wood"] .word-block .row .row-sub { font-weight: 400; font-size: 13px; }
html[data-theme="sunny"] body[data-skin="wood"] .word-block .row .ico { color: var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] .word-block .row.danger .ico { color: var(--again); }
html[data-theme="sunny"] body[data-skin="wood"] .word-block .row .chev { color: var(--muted); }
html[data-theme="sunny"] body[data-skin="wood"] .word-bar { background: transparent; border-top: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-theme="sunny"] body[data-skin="wood"] .word-bar .btn { height: 56px; max-width: 220px; font-size: 19px; }

/* 记新词 */
html[data-theme="sunny"] body[data-skin="wood"] .record-box textarea { min-height: 300px; font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] .record-box textarea::placeholder { font-size: 18px; line-height: 1.7; }
html[data-theme="sunny"] body[data-skin="wood"] .record-actions .hint { font-size: 14.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .record-actions .btn.primary { height: 54px; padding: 0 30px; font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="record"]::before { width: clamp(150px, 44vw, 230px); height: clamp(180px, 56vw, 300px); }

/* 查词 */
html[data-theme="sunny"] body[data-skin="wood"] .lookup-form .btn.primary { height: 50px; font-size: 18px; }
html[data-theme="sunny"] body[data-skin="wood"] .lookup-status:empty { height: 190px; }
html[data-theme="sunny"] body[data-skin="wood"] .history-row b { font-size: 27px; }
html[data-theme="sunny"] body[data-skin="wood"] .history-row span { font-size: 15px; }
html[data-theme="sunny"] body[data-skin="wood"] .history-row time { font-size: 14px; }

/* 日期复习 */
html[data-theme="sunny"] body[data-skin="wood"] .dates-tabs { display: flex; width: 100%; }
html[data-theme="sunny"] body[data-skin="wood"] .dates-tabs button { flex: 1; height: 42px; font-size: 16px; }
html[data-theme="sunny"] body[data-skin="wood"] .dates-grid .wd { font-size: 15px; color: var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] .dates-day { font-size: 18px; color: var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] .dates-day[disabled] { color: var(--ink-2); opacity: .9; }
html[data-theme="sunny"] body[data-skin="wood"] .dates-head h3 { font-family: var(--serif); font-size: 20px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="dates"] .word-row { margin-top: 8px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="dates"] .word-row .icon-btn { order: -1; color: var(--sky); background: var(--sky-soft); border-radius: 50%; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="dates"] .list { background: none; border: 0; box-shadow: none; }

/* 我的学习 */
html[data-theme="sunny"] body[data-skin="wood"] .my-plan-top b { font-size: 21px; }
html[data-theme="sunny"] body[data-skin="wood"] .my-plan-top small { font-size: 14.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .my-nums { font-size: 15px; color: var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] .my-daily { font-size: 17px; font-weight: 700; }
html[data-theme="sunny"] body[data-skin="wood"] .my-plan .btn.big { height: 54px; font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] .my-stats small { font-size: 14px; color: var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] .my-stats b { font-size: 26px; }
html[data-theme="sunny"] body[data-skin="wood"] .my-week small { font-size: 15px; color: var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] .my-week span { font-size: 18px; color: var(--ink); width: 40px; height: 40px; }
html[data-theme="sunny"] body[data-skin="wood"] .my-week span.future { color: var(--ink-2); }

/* Book covers: just the level and a small mark, like a cloth-bound book. */
html[data-theme="sunny"] body[data-skin="wood"] .book-cover { box-shadow: inset 5px 0 0 rgba(0, 0, 0, .12), inset -1px 0 0 rgba(255, 255, 255, .25), 0 6px 12px rgba(120, 80, 40, .22); }
html[data-theme="sunny"] body[data-skin="wood"] .book-cover .nm { display: none; }
html[data-theme="sunny"] body[data-skin="wood"] .book-cover .lv { left: 0; right: 0; top: 16%; text-align: center; font-family: var(--serif); font-size: calc(var(--w, 56px) * .3); }
html[data-theme="sunny"] body[data-skin="wood"] .book-cover svg { left: 50%; right: auto; top: auto; bottom: 12%; width: 34%; transform: translateX(-50%); opacity: .7; }

/* 词库 · 词书 · 四级词表 */
html[data-theme="sunny"] body[data-skin="wood"] .lib-tabs button { font-size: 16.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .lib-item b { font-size: 20px; }
html[data-theme="sunny"] body[data-skin="wood"] .lib-item small { font-size: 14.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .lib-item .meta { font-size: 14.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .lib-foot { text-align: left; font-size: 17px; }
html[data-theme="sunny"] body[data-skin="wood"] .bd-head b,
html[data-theme="sunny"] body[data-skin="wood"] .bd-head h3 { font-size: 22px; }
html[data-theme="sunny"] body[data-skin="wood"] .bd-words { margin-top: 12px; padding: 6px 16px 10px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] .bd-group { font-size: 19px; color: var(--ink); padding: 12px 0 8px; background: var(--surface); }
html[data-theme="sunny"] body[data-skin="wood"] .bd-word { font-size: 16px; padding: 9px 0; }
html[data-theme="sunny"] body[data-skin="wood"] .bd-word b { font-size: 21px; min-width: 76px; display: inline-block; }
html[data-theme="sunny"] body[data-skin="wood"] .cet4-word b { font-size: 22px; }
html[data-theme="sunny"] body[data-skin="wood"] .cet4-sense { font-size: 15px; }
html[data-theme="sunny"] body[data-skin="wood"] .cet4-summary { font-size: 15px; }

/* 写作 */
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="write"] .page-head { min-height: 150px; background-size: auto 140px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="write"] .page-head h1 { font-size: 42px; margin-top: 30px; }
html[data-theme="sunny"] body[data-skin="wood"] .write-cards { gap: 16px; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card { min-height: 130px; padding: 20px; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card .ico { width: 70px; height: 70px; border-radius: 20px; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card .ico svg.i { width: 36px; height: 36px; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card:nth-child(1) .ico { background: #f6d9b6; color: #b8742f; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card:nth-child(2) .ico { background: #dbe8d2; color: var(--sage-deep); }
html[data-theme="sunny"] body[data-skin="wood"] .write-card:nth-child(3) .ico { background: #fbe6b0; color: #c79a2e; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card b { font-size: 25px; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card small { font-size: 15.5px; line-height: 1.6; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card .count { font-family: var(--serif); font-size: 26px; color: #b8742f; }
html[data-theme="sunny"] body[data-skin="wood"] .write-card:nth-child(2) .count { color: var(--sage-deep); }

/* 作文积累 · 句子本 */
html[data-theme="sunny"] body[data-skin="wood"] .essay-form { padding: 0 0 16px; overflow: hidden; }
html[data-theme="sunny"] body[data-skin="wood"] .essay-form > :first-child { margin: 0 0 8px; padding: 14px 18px; background: linear-gradient(180deg, #f7e7d2, transparent); font-size: 22px; }
html[data-theme="sunny"] body[data-skin="wood"] .essay-form > :not(:first-child) { margin-left: 18px; margin-right: 18px; }
html[data-theme="sunny"] body[data-skin="wood"] .essay-form textarea { min-height: 48px; height: 48px; font-size: 16.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .wr-box textarea { font-size: 18px; }
html[data-theme="sunny"] body[data-skin="wood"] .wr-item { padding: 14px 16px; border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }

/* 我的 */
html[data-theme="sunny"] body[data-skin="wood"] .me-avatar { width: 80px; height: 80px; }
html[data-theme="sunny"] body[data-skin="wood"] .me-head h2 { font-size: 23px; }
html[data-theme="sunny"] body[data-skin="wood"] .me-head p { font-size: 15px; }
html[data-theme="sunny"] body[data-skin="wood"] .me-stats b { font-size: 32px; }
html[data-theme="sunny"] body[data-skin="wood"] .me-stats span { font-size: 15px; }
html[data-theme="sunny"] body[data-skin="wood"] .me-bar { height: 10px; background: var(--wood-soft); }
html[data-theme="sunny"] body[data-skin="wood"] .row { min-height: 58px; font-size: 17px; }
html[data-theme="sunny"] body[data-skin="wood"] .row .ico svg.i,
html[data-theme="sunny"] body[data-skin="wood"] .row > svg.i { width: 24px; height: 24px; }

/* 学新词 · 单词本 · 英语短文 (the screens with the .sunny-skin layout) */
html[data-theme="sunny"] body[data-skin="wood"] .ln-top .count { font-size: 18px; }
html[data-theme="sunny"] body[data-skin="wood"] .ln-option small { display: none; }
html[data-theme="sunny"] body[data-skin="wood"] .ln-option span { font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] .ln-option { min-height: 64px; }
html[data-theme="sunny"] body[data-skin="wood"] .ln-tip { font-size: 14px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile b { font-size: 18px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile small { font-size: 14px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile.main b { font-size: 24px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile.main small { font-size: 16px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile.main { min-height: 104px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile:not(.main) .ico { background: transparent; width: 34px; height: 34px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile.dates { --tone: #b8742f; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile.weak { --tone: #c9962e; }
html[data-theme="sunny"] body[data-skin="wood"] .words-tile.books { --tone: var(--sage-deep); }
html[data-theme="sunny"] body[data-skin="wood"] .words-mine-head h2 { font-size: 23px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-filters { border-bottom: 0; gap: 20px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-filters button { font-size: 17px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-filters button[aria-pressed="true"] { color: var(--sage-deep); }
html[data-theme="sunny"] body[data-skin="wood"] .words-filters button[aria-pressed="true"]::after { background: var(--sage); height: 3px; }
html[data-theme="sunny"] body[data-skin="wood"] .word-row.compact .dot { display: none; }
html[data-theme="sunny"] body[data-skin="wood"] .word-row.compact .term { font-size: 25px !important; }
html[data-theme="sunny"] body[data-skin="wood"] .word-row.compact .meaning { font-size: 15px; }
html[data-theme="sunny"] body[data-skin="wood"] .word-row.compact .icon-btn svg.i { width: 28px; height: 28px; }
html[data-theme="sunny"] body[data-skin="wood"] .words-fab { height: 56px; padding: 0 24px; font-size: 19px; }
html[data-theme="sunny"] body[data-skin="wood"] .reading-nce-row strong,
html[data-theme="sunny"] body[data-skin="wood"] .reading-item strong { font-size: 27px !important; }
html[data-theme="sunny"] body[data-skin="wood"] .reading-nce-row small { font-size: 15.5px; }
html[data-theme="sunny"] body[data-skin="wood"] .reading-filters .btn { height: 40px; font-size: 16px; }
html[data-theme="sunny"] body[data-skin="wood"] .reading-filters [aria-pressed="true"] { background: var(--caramel); color: #fff; border-color: transparent; }

/* The word page's monstera stands at the corner of the 更多 card, in front of it. */
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="word"]::before { z-index: 3; width: clamp(110px, 30vw, 160px); height: clamp(110px, 30vw, 160px); right: -6px; bottom: 92px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="dates"] .word-row .icon-btn svg.i { opacity: 1; }

/* 高考真题 */
body[data-skin="wood"] .gk-question { background:#fffaf0; border-color:var(--wood-line, var(--line)); border-radius:18px; }
body[data-skin="wood"] .gk-option { background:#fffaf0; border-radius:14px; }
body[data-skin="wood"] .gk-option.correct { background:var(--sage-soft); border-color:var(--sage); color:var(--sage); }
body[data-skin="wood"] .gk-option.wrong { background:#FDEDEC; border-color:#E06B6B; color:#a83f3f; }
body[data-skin="wood"] .gk-explain { background:var(--butter-soft); }
body[data-skin="wood"] .gk-page .btn.primary { background:var(--caramel); }

/* 高考真题 cards show a Chinese summary as the title: smaller and in the sans font, three lines at most. */
html[data-theme="sunny"] body[data-skin="wood"] .gk-list-item strong { font-family: var(--font) !important; font-size: 17px !important; font-weight: 700; line-height: 1.55 !important;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* Lighter underlines on the long 真题 texts (almost every word is a CET-4 word). */
html[data-theme="sunny"] body[data-skin="wood"] .gk-en .reading-word { text-decoration: underline dotted color-mix(in srgb, var(--accent) 45%, transparent); text-underline-offset: 5px; }