.guide{max-width:1500px;margin:0 auto;color:#263b35}.guide-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 24px}.guide-head h1{font-size:30px;margin:10px 0}.guide-head p{color:#677e72}.guide-head a{color:#245b49;font-weight:600;white-space:nowrap}.guide-role{display:flex;gap:8px}.guide-role button{padding:13px 24px;font-size:15px}.guide-role button[aria-pressed=true]{background:#245b49;color:white}.guide-note{color:#65776d;line-height:1.9;font-size:12px;margin:20px 0 26px}.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}.guide-toc{position:sticky;top:20px;background:white;border:1px solid #dfe7df;border-radius:12px;padding:18px}.guide-toc label{font-size:13px;display:block;margin-bottom:8px}.guide-toc input{max-width:100%}.guide-progress{color:#567364;font-size:12px}.guide-toc nav{display:grid;gap:5px}.guide-toc nav button{text-align:left;line-height:1.6;font-size:13px;border:0;padding:10px;background:transparent}.guide-toc nav button.selected{background:#eaf1e7;color:#245b49;font-weight:700}.guide-title{scroll-margin-top:20px;background:#e9f0e4;border-radius:12px;padding:27px 30px;margin-bottom:20px}.guide-title>span{font-size:12px;color:#5d7865}.guide-title h2{font-size:24px;margin:10px 0}.guide-title p{line-height:1.9;margin:0}.guide-step{background:white;padding:28px 32px;border:1px solid #e0e7df;border-radius:12px;margin-bottom:20px;line-height:1.95;font-size:15px}.guide-step h3{font-size:19px;line-height:1.5;display:flex;gap:12px;align-items:center;margin:0 0 20px}.guide-step h3 b{display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#245b49;color:white;width:34px;height:34px;font-size:15px}.guide-step ol{padding-left:24px}.guide-step li{padding-left:7px;margin-bottom:12px}.guide-step figure{margin:24px 0}.guide-shot{display:block;border:1px solid #d9e2d7;padding:0;width:100%;overflow:hidden;border-radius:8px;background:#f1f5ee;cursor:zoom-in}.guide-shot img{display:block;width:100%;height:auto}.guide-step figcaption{font-size:12px;color:#687a6d;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.guide-step figcaption button{padding:5px 10px;font-size:12px;white-space:nowrap}.guide-done{border-left:4px solid #528464;background:#f0f5ed;padding:16px 20px}.guide-done strong{font-size:12px;color:#39644d}.guide-done p{margin:4px 0 0}.guide-tip{font-size:13px;color:#695a3f;background:#faf7ed;border-radius:6px;padding:13px 17px;margin:16px 0 0}.guide-bottom{background:white;padding:22px;border:1px solid #dfe7df;border-radius:12px}.guide-bottom>label{display:flex;align-items:center;gap:10px;font-size:14px}.guide-bottom input{width:18px;height:18px}.guide-bottom>div{display:flex;justify-content:space-between;margin:20px 0}.guide-bottom small{color:#778679}.guide-standalone{margin:0!important;padding:30px!important}.guide-standalone .guide{max-width:1400px}#guideLightbox{width:96vw;max-width:1900px;max-height:94vh;padding:20px;border:0;border-radius:12px}#guideLightbox::backdrop{background:#0b241ad9}#guideLightbox>div{overflow:auto;max-height:76vh}#guideLightbox img{display:block;width:auto;max-width:none;height:auto}#guideLightbox>button{float:right}#guideLightbox p{color:#65776d;font-size:13px}
@media(max-width:1000px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-step{padding:22px}.guide-head h1{font-size:25px}}@media(max-width:600px){.guide-head{align-items:start;flex-direction:column}.guide-role button{flex:1;padding:12px 10px;font-size:13px}.guide-toc{padding:14px}.guide-step{padding:18px 15px;font-size:14px}.guide-title{padding:20px}.guide-title h2{font-size:21px}.guide-step h3{font-size:17px}.guide-step figcaption{align-items:start}.guide-standalone{padding:16px!important}.guide-toc nav button{font-size:12px}}
