:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--ink:#2b2620;--muted:#8a8378;--accent:#c8502e;--accent-soft:#fbeee8;--card:#fff;--border:#eee7dc;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7}body{background:var(--bg);color:var(--ink);margin:0}main{max-width:620px;margin:0 auto;padding:2rem 1rem 4rem}.masthead{text-align:center;margin-bottom:1.5rem}.masthead h1{letter-spacing:.12em;margin:0 0 .4rem;font-size:1.9rem}.tagline{color:var(--muted);margin:0;font-size:.92rem}.progress{color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1.1rem;font-size:.88rem;display:flex}.progress .done{color:var(--accent);font-weight:600}.status{text-align:center;color:var(--muted);padding:3rem 0}h2{border-left:4px solid var(--accent);margin:2.2rem 0 .8rem;padding-left:.6rem;font-size:1.1rem}h2 small{color:var(--muted);margin-left:.6rem;font-size:.8rem;font-weight:400}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin:.9rem 0;padding:1.1rem 1.25rem;transition:opacity .25s}.card.read{opacity:.55}.card header{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.card h3{margin:0 0 .5rem;font-size:1.08rem;line-height:1.5}.chip{color:var(--muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.1rem .55rem;font-size:.72rem}.one-liner{margin:0 0 .4rem;font-weight:650}.explain{color:#4d463d;margin:0 0 .6rem}.tip{background:var(--accent-soft);border-radius:10px;margin-bottom:.6rem;padding:.6rem .8rem;font-size:.92rem}.tip-label{color:var(--accent);margin-bottom:.15rem;font-size:.75rem;font-weight:700;display:block}.card footer{justify-content:space-between;align-items:center;display:flex}.card footer a{color:var(--muted);font-size:.85rem;text-decoration:none}.card footer a:hover{color:var(--accent)}.read-btn{font:inherit;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .9rem;font-size:.85rem}.card.read .read-btn{background:var(--accent);color:#fff}.colophon{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.8rem}