:root{--ink:#183446;--green:#00746b;--muted:#657a84;--line:#dce8e4;--paper:#f6f9f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}main{max-width:800px;margin:auto;padding:28px 24px 36px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:23px;font-weight:750;color:var(--green)}.tag,.hint,footer{font-size:13px;color:var(--muted)}.hero{padding:44px 0 26px}.eyebrow{color:var(--green);font-size:13px;letter-spacing:2px}h1{font-size:42px;line-height:1.15;margin:10px 0 20px}h2{font-size:21px;margin:0 0 22px}.hero>p:last-child{max-width:550px;color:var(--muted)}.panel{max-width:520px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}label{display:block;font-size:14px;margin:14px 0 8px}input:not([type=checkbox]){width:100%;height:52px;font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 14px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00746b15}.code-row{display:flex;gap:10px}.code-row input{min-width:0}.code-row button{min-width:120px}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.6;margin-top:20px}.check input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin:3px 0}.optional{color:var(--muted);font-size:13px}a{color:var(--green)}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#eff6f3;color:var(--green);padding:10px 15px}button:disabled{opacity:.6;cursor:wait}.primary{width:100%;margin-top:22px;background:var(--green);color:#fff;border-color:var(--green);min-height:52px;font-weight:650}.library-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-head h2{margin:0}.quiet{background:transparent;font-size:13px;padding:8px 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.subject{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.subject h3{font-size:18px;margin:0 0 3px}.subject p{color:var(--muted);font-size:12px;margin:0 0 15px}.subject button{display:block;width:100%;margin-top:8px;text-align:left;font-size:14px}#status{max-width:680px;overflow-wrap:anywhere;font-size:14px;color:var(--green)}#status.error{color:#a52929}footer{margin-top:38px;line-height:2}body[data-page=privacy] .panel{max-width:100%}body[data-page=privacy] h2{margin-top:24px}body[data-page=privacy] p{font-size:15px}@media(max-width:480px){main{padding:22px 18px}.hero{padding-top:28px}h1{font-size:36px}.panel{padding:22px}.tag{font-size:11px}.grid{gap:10px}.subject{padding:16px}.subject h3{font-size:17px}.code-row button{min-width:110px;font-size:14px}}
.reader{max-width:1040px}.reader h2{margin:28px 0 12px}.reader-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:sticky;top:0;background:#f6f9f7;padding:12px 0;z-index:2}.reader-controls button{font-size:14px}.canvas-scroll{overflow:auto;max-width:100%;background:#e8eeeb;border:1px solid #dce8e4;min-height:120px}canvas{display:block;background:white}.error{color:#a52929}