@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
body{font-family:"Avenir Next",Avenir,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;background:#f5f7f0;color:#11130e;line-height:1.9;margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px}
a.back{display:inline-block;font-size:12.5px;font-weight:600;color:#11130e;text-decoration:none;border:2px solid #11130e;border-radius:4px;background:#d8f238;padding:5px 16px;margin-bottom:28px;box-shadow:3px 3px 0 #11130e;transition:transform .12s ease,box-shadow .12s ease}
a.back:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #b9e52f}
.meta{font-size:13px;color:#656b60;margin-bottom:10px}
.meta a{color:#477622}
h1{font-size:28px;font-weight:800;line-height:1.4;margin:0 0 8px;letter-spacing:-.01em}
h2{font-size:20px;font-weight:800;margin:40px 0 12px;padding:4px 0 4px 12px;border-left:6px solid #d8f238}
h3{font-size:16.5px;font-weight:700;margin:28px 0 8px}
p{margin:14px 0;font-size:15.5px;color:#2b2f27}
a{color:#477622}
blockquote{margin:16px 0;padding:12px 18px;background:#eef7bd;border:2px solid #11130e;border-radius:6px;color:#3c4038;font-size:15px;box-shadow:3px 3px 0 #11130e}
blockquote p{margin:6px 0}
ul,ol{padding-left:24px;margin:12px 0}
li{margin:7px 0;font-size:15.5px;color:#2b2f27}
pre{background:#11130e;color:#d8f238;border-radius:6px;padding:16px 18px;font-size:13px;line-height:1.7;overflow-x:auto;font-family:"SF Mono",Consolas,monospace;white-space:pre-wrap}
table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px;background:#fff;border:2px solid #11130e}
th{background:#eef7bd;color:#11130e;text-align:left;font-weight:700}
th,td{border:1.5px solid #d7dbd0;padding:9px 12px;vertical-align:top}
.note{background:#fff;border:2px solid #11130e;border-left:8px solid #b9e52f;border-radius:6px;padding:14px 18px;font-size:14px;color:#355e18;margin:18px 0;box-shadow:3px 3px 0 #11130e}
.warn{background:#fbe4dc;border:2px solid #11130e;border-left:8px solid #b3341f;border-radius:6px;padding:14px 18px;font-size:14px;color:#7a2413;margin:18px 0;box-shadow:3px 3px 0 #11130e}
hr{border:none;border-top:2px solid #d7dbd0;margin:36px 0}
footer{margin-top:56px;padding-top:20px;border-top:2px solid #11130e;font-size:12px;color:#656b60;text-align:center;font-family:"Silkscreen",monospace}
figure{margin:22px 0}
figure img{width:100%;display:block;background:#fff;border:2px solid #11130e;border-radius:6px;box-shadow:3px 3px 0 #11130e}
figcaption{font-size:12.5px;color:#656b60;margin-top:8px;text-align:center}
figure{margin:22px 0}
figure img{width:100%;display:block;background:#fff;border:2px solid #11130e;border-radius:6px;box-shadow:3px 3px 0 #11130e}
figcaption{font-size:12.5px;color:#656b60;margin-top:8px;text-align:center}

/* 导读页模块 */
.why{background:#eef7bd;border:2px solid #11130e;border-radius:6px;box-shadow:3px 3px 0 #11130e;padding:16px 18px;margin:20px 0}
.why-tag{font-family:"Silkscreen","Courier New",monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:#355e18;margin-bottom:8px}
.why p{margin:0}
ul.digest{padding-left:20px}
ul.digest li{margin:12px 0;line-height:1.75}
ul.digest b{color:#355e18}
.orig{margin-top:30px;padding:14px 16px;border:2px dashed #11130e;border-radius:6px;background:#fff;font-size:13.5px;color:#3c4038;line-height:1.8}
.orig a{color:#477622;font-weight:600}

/* 导读+全文 分隔 */
h2.full-h{margin-top:44px;padding-top:20px;border-top:3px solid #11130e}
.full-h::before{content:"";display:inline-block;width:12px;height:12px;background:#d8f238;border:2px solid #11130e;margin-right:8px}
p.full-note{font-size:13px;color:#656b60;margin-top:-6px}

/* 闯关自测 */
h2.quiz-h{margin-top:36px}
.quiz-h::before{content:"";display:inline-block;width:12px;height:12px;background:#d8f238;border:2px solid #11130e;margin-right:8px}
details.quiz{border:2px solid #11130e;border-radius:6px;background:#fff;margin:10px 0;box-shadow:3px 3px 0 #11130e}
details.quiz summary{padding:12px 14px;cursor:pointer;font-weight:600;font-size:14.5px;list-style:none}
details.quiz summary::-webkit-details-marker{display:none}
details.quiz summary::after{content:"+";float:right;font-family:"Silkscreen","Courier New",monospace;color:#477622}
details.quiz[open] summary{border-bottom:2px solid #11130e;background:#eef7bd}
details.quiz[open] summary::after{content:"–"}
details.quiz p{padding:12px 14px;margin:0;color:#3c4038;font-size:14px;line-height:1.75}

/* 英文原文折叠块（翻译版文章页） */
.en-orig { margin-top: 32px; border: 1.5px dashed #b9b2a0; border-radius: 8px; background: #fbfaf6; }
.en-orig > summary { cursor: pointer; list-style: none; padding: 12px 18px; font-size: 13.5px; font-weight: 600; color: #6b6552; }
.en-orig > summary::-webkit-details-marker { display: none; }
.en-orig > summary::before { content: "▸ "; }
.en-orig[open] > summary::before { content: "▾ "; }
.en-orig > summary:hover { color: #2a2d33; }
.en-orig > *:not(summary) { margin-left: 18px; margin-right: 18px; }
.en-orig { padding-bottom: 14px; }

/* 移动端表格横向滚动兜底 */
@media (max-width:720px){
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  pre{overflow-x:auto}
}

/* en05 子笔记译文分节 */
.subnote-h{margin-top:2.2em;padding-top:1.2em;border-top:1px dashed rgba(128,128,128,.35);}
.backtop{font-size:.85em;text-align:right;margin-top:-.4em;}
.backtop a{opacity:.6;text-decoration:none;}
