:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--ink:#2b2620;--muted:#8a8378;--accent:#c8502e;--accent-soft:#fbeee8;--accent-border:#e0b6a6;--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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.card footer a{color:var(--muted);white-space:nowrap;font-size:.85rem;text-decoration:none}.card footer a:hover{color:var(--accent)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.cat-card{font:inherit;text-align:left;background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:.3rem;padding:.7rem .8rem;transition:all .15s;display:flex}.cat-card:hover{border-color:var(--accent-border);transform:translateY(-1px)}.cat-name{color:var(--ink);justify-content:space-between;align-items:center;font-weight:600;display:flex}.cat-count{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:600}.cat-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.topbar{align-items:center;gap:.8rem;margin:.5rem 0 1.2rem;display:flex}.back-btn{font:inherit;color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:.3rem .9rem;font-size:.9rem}.back-btn:hover{background:var(--accent-soft)}.topbar-title{font-size:1.15rem;font-weight:600}.topbar-title small{color:var(--muted);margin-left:.5rem;font-size:.8rem;font-weight:400}.dig-btn{font:inherit;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);cursor:pointer;border-radius:999px;margin-left:auto;padding:.28rem .95rem;font-size:.85rem;transition:all .15s}.dig-btn:hover{background:var(--accent);color:#fff}.dig{border-top:1px dashed var(--border);width:100%;margin-top:.6rem;padding-top:.7rem}.dig-layer{margin-bottom:.7rem}.dig-from{color:var(--muted);margin:0 0 .25rem;font-size:.78rem}.dig-deeper{color:#3a352d;margin:0 0 .5rem;line-height:1.7}.related{flex-wrap:wrap;gap:.4rem;display:flex}.related-chip{font:inherit;color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;text-align:left;background:0 0;border-radius:8px;padding:.25rem .6rem;font-size:.82rem;transition:all .15s}.related-chip:hover:not(:disabled){background:var(--accent-soft)}.related-chip:disabled{opacity:.5;cursor:default}.dig-status{color:var(--muted);margin:.3rem 0 0;font-size:.85rem}.dig-status.err{color:var(--accent)}.colophon{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.8rem}