:root{color-scheme:light;--ink:#53452e;--muted:#81745e;--gold:#efb34e;--cream:#fff9eb;--teal:#527d76}*{box-sizing:border-box}body{margin:0;background:#f7f1e2;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,#bca27206 6px)}main{max-width:900px;margin:auto;padding:32px 28px 24px}header{display:flex;align-items:center;gap:12px}header b{display:block;font-size:26px;letter-spacing:2px;color:var(--teal)}header span{display:block;font-size:11px;letter-spacing:2px;margin-top:3px}header small{margin-left:auto;border:1px solid #cbbf9f;border-radius:24px;padding:7px 14px;color:var(--muted)}.intro{padding:62px 12px 32px;position:relative}.eyebrow,.section-label{font-size:12px;letter-spacing:2px;color:var(--muted)}h1{font-family:"STKaiti","KaiTi",serif;font-size:64px;line-height:1.18;letter-spacing:3px;margin:18px 0 23px;font-weight:700}h1 em{font-style:normal;color:var(--teal)}.intro>p{font-size:16px;line-height:1.9;color:#7f7058}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:12px;border:1px solid #e3d5b7;padding:7px 11px;border-radius:8px;background:#fffcf5}.book{position:relative;background:var(--cream);border:2px solid #fff;border-radius:9px 28px 28px 9px;padding:32px 38px 24px;box-shadow:0 5px 0 #dcc79c,0 10px 0 #eddfc0,0 15px 0 #c5ad82,0 24px 32px #68513012;margin:12px 0 46px}.book:before{content:"";position:absolute;left:12px;top:18px;bottom:18px;border-left:1px solid #e5d8b9}.bookmark{position:absolute;right:32px;top:-9px;background:var(--teal);color:#fff2c7;padding:15px 14px 24px;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);font-size:24px}.book h2,.desktop h2{font-size:26px;margin:10px 0 22px}.book h2{padding-right:55px}#status{line-height:1.7;margin:0 0 16px;min-height:27px}progress{width:100%;height:14px;appearance:none;border:0;border-radius:12px;background:#ece2cb;overflow:hidden}progress::-webkit-progress-bar{background:#ece2cb}progress::-webkit-progress-value{background:var(--teal);border-radius:12px}progress::-moz-progress-bar{background:var(--teal);border-radius:12px}.progress-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:10px 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap}button,.primary{font:inherit;font-weight:700;background:var(--gold);color:#584322;border:1px solid #d39731;box-shadow:0 4px 0 #c39443;border-radius:15px;padding:14px 22px;min-height:50px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:24px}button:hover,.primary:hover{filter:brightness(1.03)}button:active,.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #c39443}button:disabled{opacity:.55;cursor:default}.secondary{background:#fff;border-color:#d9d0b9;box-shadow:0 3px 0 #d9d0b9;color:var(--teal);font-size:14px}.hint{font-size:12px;line-height:1.85;color:var(--muted);margin:22px 0 0}.hint+.hint{margin-top:9px}.note{background:#eef4ed;border-left:3px solid var(--teal);padding:16px 18px;border-radius:8px;margin-bottom:24px;font-size:13px;line-height:1.9}.note ol{padding-left:20px;margin:8px 0}.note p{margin:8px 0 0;font-size:12px}.desktop{padding:22px 12px;display:flex;align-items:center;gap:30px;border-top:1px solid #ded2b7}.desktop h2{font-size:21px;margin:8px 0}.desktop p{font-size:13px;line-height:1.8;color:var(--muted);max-width:490px}.desktop a{flex-shrink:0;color:var(--teal);font-weight:700;text-decoration:none;border-bottom:1px solid #9caf9d;padding:10px 0}.desktop a span{margin-left:16px}footer{text-align:center;line-height:2.2;font-size:13px;color:var(--muted);padding:30px 0 10px}footer span{font-size:11px;color:#9e927d}[hidden]{display:none!important}:focus-visible{outline:3px solid #467a96;outline-offset:4px}@media(max-width:600px){main{padding:22px 18px}.intro{padding:40px 4px 22px}h1{font-size:48px}.intro>p{font-size:14px}.book{padding:28px 25px 24px}.book h2{font-size:23px}.bookmark{right:21px}.desktop{display:block;padding:22px 4px}.desktop a{display:inline-block}.actions>*{width:100%}}

.install-steps{list-style:none;padding:0;display:flex;gap:12px;margin:0 0 22px}.install-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6}.install-steps b{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;color:white;background:var(--teal)}.install-area{padding:18px 0 22px;border-bottom:1px solid #e3d5b7;margin-bottom:22px}.install-area .hint{margin-top:12px}.install-area>button{width:100%}#install-guide:focus{outline:3px solid #527d76;outline-offset:4px}#check-result{padding:12px;background:#eef4ed;border-radius:8px}@media(max-width:420px){.install-steps{gap:5px}.install-steps li{flex-direction:column;align-items:flex-start;font-size:11px}}