:root{color-scheme:dark;--bg:#111619;--ink:#111619;--lime:#caff39;--muted:#9da6aa;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page{max-width:1060px;margin:auto;padding:30px 40px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.04em}.mark{display:grid;place-items:center;width:35px;height:35px;background:var(--lime);border-radius:9px;color:var(--ink);font-size:27px;transform:rotate(-8deg);font-weight:900}.edition{color:var(--muted);font-size:14px}main{max-width:740px;margin:62px auto 0}.eyebrow{color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.16em}h1{font-size:clamp(32px,5vw,44px);letter-spacing:-.04em;line-height:1.2;margin:13px 0 26px}.controls{display:flex;gap:20px;align-items:center;margin-bottom:22px}button{border:0;background:var(--lime);color:var(--ink);padding:17px 27px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;font:800 19px/1.2 inherit;font-family:inherit;font-size:19px;font-weight:800;cursor:pointer;min-height:60px;box-shadow:0 5px 0 #789c17;transition:transform .15s,box-shadow .15s}button:hover{background:#d6ff65;transform:translateY(-1px)}button:active{transform:translateY(4px);box-shadow:0 1px 0 #789c17}button:disabled{cursor:wait;opacity:.7}button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}button circle{fill:currentColor;stroke:none}button:focus-visible,a:focus-visible{outline:3px solid #68b7ff;outline-offset:5px}#progress{color:var(--muted);font-size:14px;line-height:1.6}.post{background:#fff;color:var(--ink);border-radius:22px;padding:30px 34px 24px;box-shadow:0 18px 48px #0003;overflow:hidden;position:relative}.post:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--lime)}.post-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e7ebec;padding-bottom:22px}.author{font-size:17px;font-weight:800;line-height:1.5}.author-note{font-size:14px;font-weight:500}.handle{color:#677177;font-size:14px;margin-top:4px}.post-stamp{font-weight:900;line-height:.93;font-size:23px;letter-spacing:-.05em;color:#879099;transform:rotate(-8deg);opacity:.75}.post-text{font-size:clamp(19px,3vw,25px);line-height:1.75;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0 26px}.post-text.long{font-size:18px;line-height:1.85}.post-text a{color:#44600a;text-decoration-thickness:1px;text-underline-offset:4px}.images{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:25px}.images:empty{display:none}.images.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.images img{width:100%;display:block;object-fit:contain;max-height:600px;border-radius:12px;background:#f1f3f4}.images.multiple img{height:100%;max-height:360px}.image-error{font-size:14px;color:#687078}.post-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;color:#69747b;border-top:1px solid #e7ebec;padding-top:18px}.post-bottom a{color:#222c31;text-underline-offset:5px;font-weight:600}footer{max-width:740px;margin:24px auto 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#899399;font-size:12px;line-height:1.6}.notice{font-size:16px}.post.refresh{animation:refresh .25s ease-out}@keyframes refresh{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.page{padding:22px 18px 28px}.brand{font-size:18px}.edition{font-size:12px}main{margin-top:40px}.controls{gap:16px;align-items:center}button{padding:16px 22px;flex-shrink:0}.post{padding:25px 23px 22px;border-radius:19px}.post-text{margin:21px 0 24px}.post-top{padding-bottom:19px}.author{font-size:16px}.author-note{display:block}.post-stamp{font-size:22px}footer{margin-top:20px;font-size:12px}.images.multiple{gap:8px}.post-text.long{font-size:17px}#progress{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
.intro h1{font-size:clamp(25px,4.5vw,36px);line-height:1.5;font-weight:500;letter-spacing:-.025em}.intro h1 strong{font-weight:900;color:var(--lime)}
