.header-links{display:flex;gap:18px;align-items:center}
.shop-link{font-size:12px;color:#fff;background:var(--green);padding:7px 14px;border-radius:99px;white-space:nowrap}
.shop-link:hover{background:#4d653a}
.guide{max-width:960px;margin:auto;padding:0 22px}
.guide .intro p code{font-size:12px}
.what{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.what>div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.what b{font-size:14px}.what p{margin:6px 0 0;font-size:13px;color:#6f7b62}
.what .not{background:#fff6ef;border-color:#f2dcc7}.what .not b{color:#a2541c}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.toc a{font-size:12px;padding:6px 12px;border-radius:99px;background:var(--soft);color:var(--green)}
.guide{counter-reset:s}.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.guide-steps>li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 26px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:start;scroll-margin-top:16px;box-shadow:0 10px 30px #616c480c}
.guide-steps>li.key-step{border-color:#c9d8b4;box-shadow:0 0 0 3px #e3ecd5}
.step-text h2{font-size:18px;margin:0 0 10px;font-weight:600;line-height:1.45;display:flex;gap:10px;align-items:flex-start}
.step-text h2:before{content:counter(s);flex:0 0 28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:13px;margin-top:1px}
.step-text p{font-size:13.5px;margin:0 0 10px;color:#4d5a42}
.step-text a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.step-text .example{display:block;margin-top:6px;padding:8px 10px;font-size:12px;word-break:break-all}
.tip{font-size:12px!important;color:var(--muted)!important}
.guide figure{margin:0;display:grid;gap:12px}
.guide figure img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:#fff}
.guide figcaption{font-size:11px;color:var(--muted)}
.totp{background:var(--soft);border-radius:12px;padding:14px 16px;margin:10px 0 14px}
.totp label{margin-bottom:6px}
.totp input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
.totp-out{display:flex;align-items:center;gap:22px;margin-top:12px;flex-wrap:wrap}
.totp-out span{display:block;font-size:11px;color:#7d8870}
.totp-out b{font-size:28px;letter-spacing:4px;font-variant-numeric:tabular-nums;color:var(--green);font-weight:600}
.totp-out small{font-size:12px;margin-left:2px;color:#7d8870}
.totp-out b.expiring{color:#b4561e}
.totp .tip{margin:8px 0 0}
.faq{margin:30px 0 0;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 26px}
.faq h2{font-size:18px;margin:0 0 8px}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:500;font-size:14px}
.faq p{font-size:13px;color:#5f6b53;margin:8px 0 0}
.guide-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:28px 0 10px}
.guide-cta a{font-size:13px;padding:12px 22px}
@media(max-width:760px){.guide{padding:0 16px}.what{grid-template-columns:1fr}.guide-steps>li{grid-template-columns:1fr;padding:18px 16px;gap:16px}.header-links .help-link{display:none}.site-header{padding:20px 16px}}
.part{font-size:20px;margin:30px 0 14px;font-weight:600;letter-spacing:-.3px}
.check-first{background:#eef4e6;border:1px solid #d3e0c2;border-radius:14px;padding:14px 18px;margin:0 0 20px;font-size:13px}.check-first p{margin:6px 0 0;color:#4d5a42}.check-first a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.step-text a.go-btn{display:inline-block;color:#fff;text-decoration:none;font-size:13px;padding:10px 18px;border-radius:8px}
.guide-steps.text-only>li{grid-template-columns:1fr}
.mock-row{display:flex;align-items:center;gap:12px;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-top:6px}.mock-row b{flex:1;font-size:14px}.mock-icon{width:26px;height:26px;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#ea4335 0 50%,#fbbc04 0 75%,#34a853 0);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.mock-bin{font-size:18px;outline:2px solid #e2533c;outline-offset:4px;border-radius:6px}
/* 可读性 */
.toc a{font-size:14px}.step-text h2{font-size:19px}.step-text p{font-size:15px}.tip{font-size:13px!important;color:#6f7a63!important}
.what b{font-size:15px}.what p{font-size:14px}.check-first{font-size:14px}.faq summary{font-size:15px}.faq p{font-size:14px}
.guide figcaption{font-size:12px}.guide-cta a{font-size:15px}.step-text a.go-btn{font-size:14px}
/* 突出的教程/购买按钮 */
.inline-link{display:inline-flex;align-items:center;gap:4px;margin:6px 0 0 0;padding:5px 12px;border-radius:99px;background:#e6efd9;border:1px solid #c7d8b0;color:#3f5a28!important;font-weight:600;font-size:13px;text-decoration:none!important;white-space:nowrap;line-height:1.5}
.inline-link:hover{background:#d8e7c4}
.field-hint .inline-link,.pay-reminder .inline-link{margin-left:6px}
.pay-reminder .inline-link{background:#fbe3d9;border-color:#efc2ae;color:#8c3f2a!important}
.buy-box{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#f1f6ea;border:1px solid #d3e0c2;border-radius:12px;padding:14px 16px;margin:16px 0 8px}
.buy-box b{display:block;font-size:15px;color:#3f5a28}.buy-box span{font-size:13px;color:#66745a}
.buy-btn{display:inline-block;background:var(--green);color:#fff!important;font-weight:600;font-size:15px;padding:10px 20px;border-radius:9px;white-space:nowrap;text-decoration:none!important;box-shadow:0 3px 8px #5c744833}
.buy-btn:hover{background:#4d653a}
.buy-tip{margin-top:6px}
/* 手机端教程导航（电脑端顶部已有链接） */
.mobile-nav{display:none}
@media(max-width:760px){
.mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px;margin-top:-6px}
.mobile-nav span{display:none}
.mobile-nav a:first-of-type{grid-column:1/-1}
.mobile-nav a{font-size:14px;font-weight:600;padding:10px 8px;border-radius:10px;background:#fff;border:1px solid #c7d8b0;color:#3f5a28;text-align:center;white-space:nowrap}
.mobile-nav a[aria-current="page"]{background:var(--green);border-color:var(--green);color:#fff}
.buy-btn{width:100%;text-align:center}
}
.renew-tip{display:block;margin:12px 0 4px;padding:10px 14px;border-radius:10px;background:#fff1e8;border:1px solid #f0c9b3;color:#9a3f22;font-size:14px;font-weight:600;text-decoration:none}.renew-tip:hover{background:#ffe6d6}
.guide-steps>li.wide-fig{grid-template-columns:1fr}
.guide-steps>li.no-fig{grid-template-columns:1fr}
.link-box{background:#eef4e6}.fork{display:grid;gap:10px;margin-top:6px}.fork>div{border-radius:10px;padding:10px 12px;font-size:14px}.fork>div>b{display:block;font-size:15px;margin-bottom:2px}.fork p b{display:inline}.fork p{margin:0!important;font-size:14px!important}.fork-ok{background:#e9f4e5;border:1px solid #c6dfbb;color:#2f5a25}.fork-todo{background:#fff4ec;border:1px solid #f1cdb9;color:#7c3b22}.fork a{color:inherit;text-decoration:underline}
.check-first a.go-btn,.link-box a.go-btn{color:#fff!important;text-decoration:none!important;display:inline-block}
.region-support{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px 26px;margin:0 0 22px}.region-support h2{font-size:18px;margin:0 0 8px}.region-support p{font-size:14px;margin:0 0 8px;color:#4d5a42}.region-support summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--green);padding:6px 0}.region-list{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px 14px;font-size:13px;color:#4d5a42}.region-list li{padding:3px 0;border-bottom:1px dashed var(--line)}