@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#20342f;background:#f5f7f5;font-synthesis:none;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e0a53c;outline-offset:4px}[hidden]{display:none!important}header{height:88px;border-bottom:1px solid #dfe6df;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fafcf9}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:1px;font-weight:750}.brand-icon{display:grid;place-items:center;background:#285c48;color:white;border-radius:11px;width:37px;height:37px;font-size:23px}.brand small{border-left:1px solid #cdd8cf;padding-left:15px;font-size:13px;font-weight:400;letter-spacing:1px;color:#64756a}.header-link{font-size:13px;color:#567060}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:226px 1fr;min-height:calc(100vh - 88px)}nav{padding:44px 20px;border-right:1px solid #dfe6df}nav>a{display:block;padding:11px 17px;font-size:14px;margin-bottom:8px;border-radius:8px;color:#607167}nav>a:hover{background:#eaf0e9}nav>a[aria-current]{background:#e3ece1;color:#285c48;font-weight:650}.nav-note{margin:60px 17px;font-size:12px;line-height:2;color:#87948a}main{min-width:0;padding:52px 55px 20px}.eyebrow{color:#6c856f;letter-spacing:2px;font-size:11px;font-weight:650}h1{font-size:clamp(30px,3.1vw,46px);line-height:1.3;letter-spacing:-1.5px;margin:15px 0}h2{font-size:20px;margin:0 0 12px;line-height:1.5}h3{font-size:14px;margin:22px 0 6px}.lead{color:#738075;margin:0 0 37px;font-size:15px}.section-label{font-size:13px;font-weight:600;margin-bottom:17px;display:flex;justify-content:space-between}.section-label span{font-size:11px;color:#879287;font-weight:400;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card,.start-card{border:1px solid #dce4da;border-radius:14px;background:#fff;padding:25px;display:flex;flex-direction:column;min-height:244px}.tool-card{transition:transform .18s,border-color .18s}.tool-card:hover{transform:translateY(-4px);border-color:#83a48a}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.icon{font-size:25px;color:#466c50;background:#eef3e9;width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.tag{color:#8b968b;font-size:10px}.tool-card h2{font-size:18px;margin:0 0 9px}.tool-card p,.start-card p{font-size:13px;color:#788278;margin:0 0 22px}.card-link{margin-top:auto;font-size:12px;color:#4b6f50;display:flex;justify-content:space-between}.card-link b{font-size:18px;font-weight:400}.featured{background:#285c48;border-color:#285c48;color:#fff}.featured .icon{background:#42735d;color:#eff3c3}.featured .tag,.featured p{color:#c4d5c6}.featured .card-link{color:#f2f1cb}.start-card{background:#eaf0e3;border-style:dashed;justify-content:center}.start-card h2{margin-top:12px}.start-card a{font-size:12px;font-weight:600;color:#45694e}.notice{padding:20px 24px;margin:26px 0;background:#edf1e8;border-left:3px solid #9cae75;border-radius:0 8px 8px 0;font-size:13px}.notice strong{color:#506846}.notice p{color:#697762;margin:5px 0 0}footer{border-top:1px solid #dce3d9;margin-top:42px;padding:24px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#879285}.back{display:inline-block;color:#71836f;font-size:12px;margin-bottom:24px}.panel{padding:28px;background:#fff;border:1px solid #dce4da;border-radius:13px;margin-bottom:20px}.panel p{color:#68786d;font-size:14px}.panel label,.search-label{display:block;font-size:13px;font-weight:600;margin:16px 0 8px}input{width:100%;padding:13px 15px;border:1px solid #cdd9ce;border-radius:8px;background:#fbfcfa;color:#263e30;min-width:0}.input-row{display:flex;gap:10px}.input-row input{flex:1}.primary,.secondary{padding:11px 20px;border:1px solid #285c48;border-radius:8px;cursor:pointer}.primary{background:#285c48;color:white}.primary:hover{background:#1c4837}.secondary{background:#f6f8f3;color:#426448;border-color:#d4dfce;white-space:nowrap}.hint{font-size:12px!important;color:#82907e!important}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}#message{font-size:13px;color:#416a4b}#result{border-top:1px solid #dce4da;padding-top:12px;margin-top:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pill{display:inline-block;background:#eef3e8;border-radius:5px;color:#60815b;padding:3px 9px;font-size:11px}.text-link{color:#397255;font-size:13px;text-decoration:underline;text-underline-offset:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:440px}th,td{text-align:left;padding:16px;border-bottom:1px solid #e4e9e0}th{background:#f2f5ed;color:#5d7654}.steps{padding-left:28px;margin-bottom:0}.steps li{padding:8px 0 12px 10px;color:#68786d;font-size:14px}.steps li::marker{color:#3c7753;font-weight:bold}.steps a{color:#285c48;text-decoration:underline}.check{display:flex;gap:22px}.check p{margin:0}.number{color:#7c976b;font-size:22px;font-family:monospace}.faq-list details{border:1px solid #dce4da;background:white;border-radius:9px;margin-bottom:12px;padding:19px 23px}.faq-list summary{cursor:pointer;font-size:15px;font-weight:600}.faq-list p{color:#68786d;font-size:14px}.faq-list details[open]{border-color:#9fb595}#faq-search{max-width:600px}@media(min-width:1550px){main{padding-top:64px}.cards{gap:22px}.tool-card,.start-card{min-height:265px}}@media(max-width:1150px){main{padding:36px 30px}.layout{grid-template-columns:196px 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{height:72px;padding:0 20px}.brand small{display:none}.layout{display:block}nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #dfe6df;padding:12px;gap:5px}nav>a{white-space:nowrap;margin:0;padding:8px 12px;font-size:12px}.nav-note{display:none}main{padding:30px 20px 10px}h1{font-size:31px;letter-spacing:-.8px}.lead{font-size:13px;margin-bottom:28px}.cards{gap:12px}.tool-card,.start-card{padding:19px;min-height:236px}.tool-card h2{font-size:16px}.tag{display:none}.two-col{grid-template-columns:1fr;gap:0}.panel{padding:22px}.section-label span{letter-spacing:0;font-size:10px}footer{flex-direction:column;gap:8px}.check{gap:14px}}@media(max-width:380px){.cards{grid-template-columns:1fr}.tool-card,.start-card{min-height:210px}.input-row{flex-wrap:wrap}}

.guide-figure{margin:24px 0;background:#f5f8f1;padding:16px;border-radius:12px}.guide-figure img{display:block;width:100%;max-width:640px;height:auto;margin:auto}.guide-figure figcaption{text-align:center;font-size:12px;color:#74816e;margin-top:12px}.tutorial-nav{margin:24px 0}.panel[id]{scroll-margin-top:20px}.steps strong{color:#2b503a;display:block;margin-bottom:4px}