*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:#183b40;background:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.85}a{color:#086e79;text-underline-offset:5px}a:hover{color:#123c42}a:focus-visible,summary:focus-visible{outline:3px solid #ec715b;outline-offset:5px}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{line-height:1.3}h2{font-size:30px}p{color:#486066}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:5px}.top{max-width:1260px;padding:22px 36px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;font-weight:900;font-size:25px;letter-spacing:1px;color:#163b41}.brand span{color:#138997;margin-left:5px}.top nav{display:flex;gap:30px;font-size:14px}.top nav a{text-decoration:none;color:#34565b}.hero{position:relative;max-width:1440px;margin:auto;background:#c7dfe1;min-height:500px;overflow:hidden}.hero>img{width:100%;height:570px;display:block;object-fit:cover;object-position:55% 50%}.hero:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#052f3be6);pointer-events:none}.hero-copy{position:absolute;bottom:50px;left:max(36px,calc((100% - 1188px)/2));z-index:1;color:white}.kicker{font-size:12px;letter-spacing:2px;font-weight:700}.hero-copy .kicker,.hero-purpose{color:#e2f4f4}.hero h1{font-size:66px;margin-bottom:12px;letter-spacing:2px}.hero-purpose{font-size:21px;margin-bottom:25px}.button{display:inline-block;background:#fff;color:#123f46;padding:12px 26px;text-decoration:none;border-radius:4px;font-weight:700;font-size:15px}.photo-note{position:absolute;right:22px;bottom:18px;color:#d9ebed;font-size:11px;z-index:1}.intro{max-width:1120px;margin:60px auto;display:grid;grid-template-columns:1fr 1.4fr;gap:85px;padding:0 24px;align-items:center}.intro h2{font-size:36px;margin:0}.intro p{font-size:18px;margin:0}.tasks{max-width:1120px;margin:0 auto 60px;padding:0 24px}.task{display:grid;grid-template-columns:1fr 1.4fr;gap:85px;padding:32px 0;border-top:1px solid #d8e6e7}.task-name{display:flex;gap:25px;align-items:baseline}.task-name span{font-size:15px;color:#078493}.task-name h2{font-size:25px}.task p:last-child{margin-bottom:0}.direct-answer{color:#193e44;font-weight:600}.fine{font-size:13px;color:#6b7c80}.task code{overflow-wrap:anywhere;font-size:15px;background:#eaf4f4;padding:3px 6px}.inline-link{font-weight:700}.notice{max-width:1072px;margin:0 auto 60px;padding:40px 45px;background:#e7f3f3;border-left:6px solid #168795}.notice-label{font-size:12px;color:#a03d29;font-weight:700;letter-spacing:1px;display:block;margin-bottom:18px}.notice h2{font-size:30px}.notice p{max-width:790px}.notice .fine{margin-bottom:0}.faq,.further{max-width:900px;margin:0 auto 60px;padding:0 24px}.faq details{border-bottom:1px solid #dce7e8;padding:20px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:15px 0 0}.guide-entry{display:block;border:1px solid #b5d3d5;padding:28px 32px;border-radius:6px;text-decoration:none;box-shadow:7px 7px 0 #edf5f5;color:#173e45}.guide-entry span{font-size:12px;color:#61818a}.guide-entry h3{margin:12px 0;font-size:24px}.guide-entry p{margin-bottom:12px}.guide-entry b{font-size:14px}.foot{background:#133d44;color:#eff8f8;padding:40px max(30px,calc((100% - 1072px)/2));display:grid;grid-template-columns:1fr auto;gap:20px}.foot strong{font-size:26px}.foot p{font-size:13px;color:#b8d2d7;margin:10px 0}.foot nav{display:flex;gap:25px;align-items:center}.foot a{color:#ecf6f6;font-size:14px}.foot .identity{grid-column:1/-1;font-size:12px;border-top:1px solid #31565d;padding-top:20px}.article-layout,.simple{max-width:850px;padding:38px 28px 75px;margin:auto}.crumb{font-size:13px;margin-bottom:35px;color:#759096}.usage-article header{padding-bottom:22px;border-bottom:2px solid #b9d9dc;margin-bottom:30px}.usage-article h1{font-size:39px}.byline{font-size:13px;color:#788e92}.prose{font-size:17px;line-height:2}.prose h2{font-size:27px;margin:35px 0 18px}.answer{background:#edf6f6;padding:24px;font-weight:600;color:#274d55}.simple h1{font-size:36px}.simple h2{font-size:25px;margin-top:35px}.simple .further{padding:0;margin-top:30px}@media(max-width:700px){.top{padding:18px 20px;gap:15px}.brand{font-size:21px}.top nav{gap:14px;font-size:12px}.top nav a:last-child{display:none}.hero{min-height:450px}.hero>img{height:450px;object-position:51% 50%}.hero:after{inset:15% 0 0}.hero-copy{bottom:35px;left:24px;right:20px}.hero h1{font-size:45px;margin-bottom:14px}.hero-purpose{font-size:18px;margin-bottom:20px}.hero-copy .kicker{margin-bottom:12px}.photo-note{bottom:10px;font-size:9px}.intro{display:block;margin:35px auto;padding:0 24px}.intro h2{font-size:29px;margin-bottom:18px}.intro h2 br{display:none}.intro p{font-size:16px}.tasks{margin-bottom:35px}.task{display:block;padding:26px 0}.task-name{gap:18px}.task-name h2{font-size:23px;margin-bottom:16px}.task p{font-size:15px}.task .fine{font-size:12px}.notice{margin:0 16px 35px;padding:26px 25px}.notice h2{font-size:25px}.notice p{font-size:15px}.notice .fine{font-size:12px}.faq,.further{margin-bottom:38px}.faq h2,.further h2{font-size:25px}.faq summary{font-size:15px}.faq details p{font-size:14px}.guide-entry{padding:23px}.guide-entry h3{font-size:21px}.guide-entry p{font-size:14px}.foot{padding:30px 24px;display:block}.foot nav{margin:20px 0}.article-layout,.simple{padding:28px 22px 45px}.usage-article h1{font-size:30px}.prose{font-size:16px}.prose h2{font-size:24px}.answer{padding:20px}.simple h1{font-size:30px}img{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
