/* Illuwords 绘词 · Riso 双色杂志（米白纸 + 藏青 + 朱红），只用系统字体，无第三方字体 */
*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{font-family:'Noto Serif CJK SC','Songti SC','Source Han Serif SC',Georgia,serif;background:#f4efe6;color:#1f2a44;line-height:1.6}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:#e2483d}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.top{display:flex;justify-content:space-between;align-items:center;padding:26px 0}
.top .links{display:flex;gap:26px;font-size:18px}
.wm{font-size:32px;font-style:italic;font-weight:700}.wm small{font-style:normal;font-size:20px;color:#e2483d;margin-left:8px}
.menu{display:none}.menu summary{list-style:none;cursor:pointer;font-size:26px}.menu summary::-webkit-details-marker{display:none}
.menu-panel a{display:flex;align-items:center;min-height:44px}
.menu-panel{position:absolute;right:16px;background:#f4efe6;border:2px solid #1f2a44;box-shadow:4px 4px 0 #e2483d;padding:12px 18px;display:flex;flex-direction:column;gap:8px;z-index:10}
section{margin:50px 0}
.hero{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid #1f2a44;border-bottom:3px solid #1f2a44;margin-top:20px}
.hero>div{padding:50px 40px}.hero>div:first-child{border-right:1px solid #1f2a44}
.kick{font-family:monospace;letter-spacing:3px;color:#e2483d;font-size:13px}
h1{font-size:76px;line-height:1.05;margin:16px 0;font-weight:900}.phead h1,.prose h1{font-size:56px}
.sub{font-size:20px}.due{color:#e2483d;font-weight:700}
.btn{display:inline-block;margin-top:24px;padding:14px 32px;background:#e2483d;color:#f4efe6;font:700 19px inherit;font-family:inherit;border:0;cursor:pointer;box-shadow:6px 6px 0 #1f2a44}
.btn.ghost{background:#f4efe6;color:#1f2a44;border:2px solid #1f2a44}.btn small{font-weight:400;font-size:13px}
.wcard img{width:100%;filter:contrast(1.05) saturate(.9);mix-blend-mode:multiply;outline:3px solid #1f2a44;outline-offset:-3px}
.wcard .cb{background:#1f2a44;color:#f4efe6;padding:14px 20px;margin-top:-6px}
.w{font-size:46px;font-style:italic;font-weight:900}.ph{color:#e2483d;font-family:monospace}.cb .ph{color:#f6a59e}.zh{font-size:19px}
h2{font-size:44px;font-style:italic;border-bottom:1px solid #1f2a44;padding-bottom:10px}
.h2s{font-size:26px;font-style:italic;border-bottom:1px solid #1f2a44;padding-bottom:6px}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid #1f2a44;border-top:1px solid #1f2a44;padding:0;margin:0;list-style:none}
.topic,.card{border-right:1px solid #1f2a44;border-bottom:1px solid #1f2a44;padding:20px;display:block}
.topic img,.card img{width:100%;aspect-ratio:1/1;mix-blend-mode:multiply;background:#ebe3d4}
.tz{font-size:28px;font-weight:900;margin-right:10px}.te{font-family:monospace;color:#e2483d}
.cw{display:block;font-size:24px;font-style:italic;font-weight:900;margin-top:8px}.cz{margin-right:8px}
.play{border:1px solid #e2483d;background:none;color:#e2483d;cursor:pointer;font-size:13px;padding:2px 8px}
.detail{display:grid;grid-template-columns:5fr 7fr;gap:40px;border-top:3px solid #1f2a44;padding-top:30px}.detail img{width:100%;mix-blend-mode:multiply}
.h3{font-size:64px;font-style:italic;margin:6px 0;line-height:1.1}.meta{font-family:monospace;color:#e2483d;letter-spacing:2px}
.senses{padding-left:20px}.senses span{display:block;font-size:15px;opacity:.7}.ex-en{font-size:22px;font-style:italic;margin-bottom:0}.exz{opacity:.7;margin-top:4px}
.tag{display:inline-block;border:1px solid #e2483d;color:#e2483d;padding:2px 10px;margin:3px;font-family:monospace;font-size:13px;background:none}
.tag.ok{background:#1f2a44;color:#f4efe6}.tag.bad{text-decoration:line-through}
.crumbs{font-size:14px;font-family:monospace;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.jump a{font-family:monospace;margin-right:12px;color:#e2483d}
.pager{display:flex;gap:10px;flex-wrap:wrap;font-family:monospace;margin:30px 0}.pager [aria-current]{background:#1f2a44;color:#f4efe6;padding:0 6px}
.rel{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.note{border-left:4px solid #e2483d;padding-left:14px}.small{font-size:13px;opacity:.8}
.qcard img{width:200px}.grades{display:flex;gap:12px;flex-wrap:wrap}.study-card{max-width:520px}
.prose{max-width:760px}
.foot{border-top:3px double #1f2a44;margin-top:60px;padding:24px 0;font-size:14px}.foot a{text-decoration:underline}
.tabbar{display:none}
@media(max-width:700px){
.top .links{display:none}.menu{display:block}.wrap{padding:0 16px}
.hero,.detail{grid-template-columns:1fr}.hero>div{padding:28px 4px}.hero>div:first-child{border-right:0;border-bottom:1px solid #1f2a44}
h1{font-size:46px}.phead h1,.prose h1{font-size:36px}.tgrid{grid-template-columns:1fr 1fr}.topic,.card{padding:10px}.tz{font-size:20px;display:block}.h3{font-size:46px}.cw{font-size:18px}
.rel{grid-template-columns:1fr 1fr}
.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#1f2a44;justify-content:space-around;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}
.tabbar a{color:#f4efe6}body{padding-bottom:64px}}