*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;background:#f5f1e8;color:#232323;line-height:1.5}
a{color:#1a73e8}
.wrap{max-width:920px;margin:0 auto;padding:0 12px}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e3e0d6;box-shadow:0 1px 5px rgba(0,0,0,.07)}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;max-width:920px;margin:0 auto}
.breadcrumb{font-size:13px;color:#777}
.breadcrumb a{color:#777;text-decoration:none}
h1{font-size:20px;margin:4px 0;font-weight:700}
.toolbar{display:flex;align-items:center}
button#pinyinToggle{font-size:14px;padding:8px 12px;border:1px solid #1a73e8;background:#fff;color:#1a73e8;border-radius:8px;cursor:pointer;white-space:nowrap}
button#pinyinToggle.on{background:#1a73e8;color:#fff}
main{padding:14px 0 36px}
.page{display:block;width:100%;height:auto;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.14);margin:0 0 16px;border-radius:2px}
.added-pinyin{fill:#64748b}
.added-pinyin text{font-family:"Segoe UI",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:500}
body.hide-added .added-pinyin{display:none}
.pager{display:flex;justify-content:space-between;gap:8px;margin:4px 0}
.pager a{text-decoration:none;color:#1a73e8;background:#fff;border:1px solid #e0dccf;border-radius:8px;padding:8px 14px;font-size:15px}
.pager a.disabled{color:#b8b4a8;pointer-events:none}
.toc{background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.08);padding:16px 18px;margin:16px 0}
.toc h2{margin:2px 0 12px;font-size:20px}
.toc .unit{margin:16px 0 4px;color:#1a73e8;font-size:15px;font-weight:700}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{border-bottom:1px solid #f0ede4}
.toc li:last-child{border-bottom:none}
.toc a{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:#232323;padding:11px 2px}
.toc .n{color:#1a73e8;font-weight:700;min-width:34px}
.toc .star{color:#d97706}
.note{color:#777;font-size:13px;margin-top:10px}
.back-top{font-size:14px;margin:2px 0 6px}
.back-top a{color:#1a73e8;text-decoration:none}
@media (max-width:560px){h1{font-size:18px}button#pinyinToggle{font-size:13px;padding:7px 10px}}


/* iPad / 触屏设备：放大按钮与链接，方便小朋友点按 */
@media (hover:none) and (pointer:coarse), (pointer:coarse){
  button#pinyinToggle{min-height:46px;font-size:16px;padding:10px 16px;border-radius:12px}
  .pager a{min-height:48px;display:inline-flex;align-items:center;padding:10px 20px;font-size:17px;border-radius:12px}
  .toc a{padding:14px 8px}
  .toc .n{min-width:42px}
  .breadcrumb{font-size:14px}
  .breadcrumb a{padding:4px 2px}
  .head-inner{padding:12px}
  .back-top a{padding:8px 2px;display:inline-block}
}

/* 朗读入口 */
.head-inner{flex-wrap:wrap}
.toolbar{gap:8px;margin-left:auto}
.audio-btn,.audio-menu summary.audio-btn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;padding:8px 12px;border:1px solid #1a73e8;background:#fff;color:#1a73e8;border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none}
.audio-btn:active,.audio-menu summary.audio-btn:active{background:#eaf2ff}
.audio-fallback{border-color:#8a93a3;color:#5b6572}
.audio-menu{position:relative}
.audio-menu summary.audio-btn{list-style:none}
.audio-menu summary.audio-btn::-webkit-details-marker{display:none}
.audio-menu[open] summary.audio-btn{background:#1a73e8;color:#fff}
.audio-menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:#fff;border:1px solid #e3e0d6;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.14);padding:6px;z-index:40}
.audio-menu-list a{display:block;padding:9px 12px;text-decoration:none;color:#1a73e8;border-radius:7px;white-space:nowrap;font-size:14px}
.audio-menu-list a:hover{background:#f0f7ff}
@media (hover:none) and (pointer:coarse), (pointer:coarse){
  .audio-btn,.audio-menu summary.audio-btn{min-height:46px;font-size:16px;padding:10px 16px;border-radius:12px}
  .audio-menu-list a{min-height:44px;display:flex;align-items:center;font-size:16px;padding:10px 12px}
}