:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#193044;background:#f5f9fc;line-height:1.42;font-size:14px}
*{box-sizing:border-box}body{margin:0}a{color:#11678b;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:auto;padding:0 26px}header{background:white;border-bottom:1px solid #e0eaf1}
.bar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;font-weight:800;color:#647b8b;letter-spacing:1.5px}.logo{display:block;width:115px;max-height:50px;object-fit:contain}
.intro{padding:24px 0 18px}.intro small,.tag{font-size:10px;font-weight:800;color:#1685a1;letter-spacing:1.1px}
h1{font-size:clamp(28px,3.1vw,39px);line-height:1.15;margin:8px 0;letter-spacing:-.65px;color:#203851}h1 em{font-style:normal;color:#1489a4}.intro p{font-size:14px;color:#60788a;margin:8px 0 0}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:white;border:1px solid #dbe8ef;border-radius:13px;padding:19px 22px;box-shadow:0 5px 16px #30506a0a;min-width:0}
.card h2{font-size:21px;line-height:1.25;margin:7px 0}.card p{font-size:13px;color:#587389;min-height:38px;margin:7px 0 0}
.button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#117c9e;color:white;font-weight:800;padding:10px 14px;border-radius:8px;margin:13px 0 7px;font-size:13px}
.button:hover{text-decoration:none;background:#096b8d}.button.light{background:#e5f3f8;color:#196a8a}.card small{display:block;color:#8194a1;font-size:11px}
.help{padding:20px 0 13px}.help h2{font-size:17px;margin:0 0 10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.steps>div{display:flex;gap:12px;align-items:center;background:white;border:1px solid #e1ebf0;border-radius:9px;padding:10px 13px}.steps b{color:#168da9;font-size:20px}.steps strong,.steps small{display:block}.steps strong{font-size:12px}.steps small{font-size:11px;color:#647c8d}
.more{font-size:12px;color:#496b7e;margin:5px 0 10px}.more summary{cursor:pointer;color:#11678b;font-weight:650}.more>div{padding:10px 13px;margin-top:6px;background:#eaf4f8;border-radius:7px}.more code{overflow-wrap:anywhere;word-break:break-word}.more p{margin:5px 0 0}
aside{background:#e8f4f8;border-left:3px solid #219db4;border-radius:5px;padding:10px 14px;margin:12px 0 17px;color:#46657b;font-size:12px}
footer{border-top:1px solid #dce7ed;padding-top:12px;padding-bottom:17px;color:#708899;font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.operator{max-width:830px;padding-top:35px;padding-bottom:38px}.operator>.card{margin:17px 0}.operator .card p{min-height:0}.operator code{display:inline-block;background:#e8f4fa;border-radius:4px;padding:4px;overflow-wrap:anywhere;max-width:100%;font-size:13px}.operator dt{font-size:12px;color:#587389;font-weight:700;margin-top:12px}.operator dd{margin:0}
@media(min-width:780px) and (max-height:750px){.bar{height:55px}.intro{padding:14px 0 10px}h1{font-size:30px}.card{padding:15px 18px}.help{padding:13px 0 9px}.steps>div{padding:8px 10px}aside{padding:7px 12px;margin:9px 0 12px}footer{padding-top:9px;padding-bottom:10px}}
@media(max-width:720px){.wrap{padding:0 18px}.cards,.steps{grid-template-columns:1fr}.bar{height:60px;letter-spacing:.6px}.intro{padding:24px 0 18px}.card p{min-height:0}.help{padding:23px 0 13px}.steps{gap:9px}.steps>div{padding:9px 12px}aside{margin-bottom:22px}.operator{padding-top:28px}.operator .card{padding:16px}}
.form-label{display:block;font-weight:700;font-size:12px;color:#587389;margin:10px 0 5px}.id-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.id-row input{flex:1;min-width:160px;padding:11px;border:1px solid #cbdde8;border-radius:8px;font-size:16px}.id-row .button{margin:0;white-space:normal;text-align:center;cursor:pointer;border:0;min-height:42px}.form-hint{color:#547589;font-size:12px;margin-top:11px}.operator-caution{background:#e8f4f8;border-left:3px solid #219db4;border-radius:5px;padding:13px;color:#46657b;font-size:12px}.operator .card{margin:18px 0}.operator .card h2{font-size:20px}.operator .card p{min-height:0}.operator .card small{font-size:11px;margin-top:8px}.operator #server-key{overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:210px}@media(max-width:620px){.id-row{display:grid;grid-template-columns:1fr}.id-row input,.id-row .button{width:100%}}