@charset "UTF-8";
:root{--ink:#1c2d46;--muted:#6f7e94;--blue:#4e64df;--red:#bf3542;--line:#e3e8f2;color:var(--ink);background:#f5f7fb;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent;font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #96b7f9;outline-offset:4px}img{display:block;max-width:100%}.key{color:var(--red);font-weight:750}.header{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--line)}.header-inner{max-width:1120px;margin:auto;height:72px;display:flex;align-items:center;gap:28px;padding:0 28px}.brand{width:144px;height:auto}.nav-label{color:var(--blue);font-size:14px;font-weight:700}.preview-label{margin-left:auto;font-size:11px;color:#8794a8}.wrap{max-width:1060px;margin:auto;padding:0 28px}.intro{padding:37px 0 29px}.eyebrow{font-size:12px;color:#8794ad}h1{font-size:30px;line-height:1.5;letter-spacing:-.5px;margin:8px 0 12px}.intro>p{font-size:15px;color:#637591;margin:0;line-height:1.9}.intro>p>span{color:#a4b1c9;padding:0 15px}.intro-bottom{margin-top:23px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;line-height:1.8;color:#7f8ba0}.intro-bottom b{font-weight:600;color:#657b77}.intro-bottom a{color:#6074c4;white-space:nowrap}.intro-bottom a:hover{text-decoration:underline}.flow{list-style:none;margin:0;padding:0}.flow-item{position:relative;scroll-margin-top:92px}.step-card{border:1px solid #dde5f0;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 8px 30px #34517805}.step-heading{padding:23px 27px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e9edf5}.step-number{width:35px;height:35px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#edf1fe;color:var(--blue);font-size:19px;font-weight:750}.step-heading h2{font-size:22px;line-height:1.5;margin:0;letter-spacing:-.3px}.step-content{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;padding:24px 27px;align-items:start}.step-copy{padding-top:6px;min-width:0}.step-copy>p{font-size:15px;line-height:2;margin:0 0 18px;color:#52657f}.step-copy>p.small{font-size:12px;color:#8796ac;line-height:1.8}.step-copy .hint{border-left:2px solid #e1e7f5;padding-left:12px;margin-top:20px;font-size:12px;line-height:1.9;color:#8292aa}.step-copy .hint a{color:#5976ca;text-decoration:underline;text-underline-offset:3px}.mini-cloud{display:flex;align-items:center;gap:8px;margin:4px 0 18px;color:#7f8da4;font-size:11px;line-height:1.7}.mini-cloud img{width:146px;height:auto;border:1px solid #dce5f4;border-radius:8px}.screenshot-wrap{min-width:0;background:#f8faff;border-radius:12px;padding:5px 14px 12px;border:1px solid #e9eef7}.zoom-link{display:block;background:transparent;color:#8c9bb1;font-size:11px;margin:7px auto 0;min-height:30px;padding:4px 12px}.zoom-link:hover{color:var(--blue)}.connector{display:flex;align-items:center;justify-content:center;gap:12px;height:71px;font-size:12px;color:#8797ae}.connector:before{content:'↓';font-size:28px;color:#9bafd0;font-weight:400;line-height:1}.done-note{display:flex;gap:12px;justify-content:center;align-items:center;margin:24px 0 27px;padding:18px 20px;color:#588174;background:#edf6f1;border:1px solid #daebe1;border-radius:12px}.done-note>span{width:26px;height:26px;border-radius:50%;background:#d8eade;display:grid;place-items:center;font-weight:700;flex-shrink:0}.done-note p{margin:0;font-size:14px;line-height:1.8}.done-note strong{font-weight:700}.done-note small{display:block;font-size:11px;color:#7d978c}.more-help{border:1px solid #e0e7f2;background:#fff;border-radius:13px;overflow:hidden}.more-help>summary{list-style:none;cursor:pointer;padding:20px 23px;display:flex;gap:20px;align-items:center;position:relative;padding-right:47px}.more-help>summary::-webkit-details-marker,.help-item>summary::-webkit-details-marker{display:none}.more-help>summary:after{content:'+';position:absolute;right:23px;color:#8da0b9;font-size:20px}.more-help[open]>summary:after{content:'−'}.more-help b{font-size:13px}.more-help>summary>span{font-size:11px;color:#8c9ab0;line-height:1.8}.help-list{padding:0 23px 14px;border-top:1px solid var(--line)}.help-item{border-bottom:1px solid #e9edf4}.help-item:last-child{border-bottom:0}.help-item>summary{cursor:pointer;padding:17px 25px 17px 0;list-style:none;font-size:13px;font-weight:650;position:relative;line-height:1.8}.help-item>summary:after{content:'⌄';position:absolute;right:2px;color:#94a4bb}.help-item[open]>summary:after{content:'⌃'}.help-body{padding:0 0 22px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px}.help-body.text-only{display:block}.help-copy{font-size:13px;color:#667991;line-height:2}.help-copy p{margin:0 0 12px}.help-copy ol{padding-left:19px;margin:0}.help-copy li{padding:0 0 9px}.help-note{font-size:12px;color:#8b9ab0;line-height:1.9;margin-top:16px!important}footer{padding:23px 15px 31px;text-align:center;font-size:10px;line-height:1.9;color:#92a0b4}
.annotation-board{position:relative;margin:auto;width:100%;max-width:var(--board-cap,100%);isolation:isolate}.anno-rail{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px 2px;z-index:3}.anno-rail:empty{display:none}.anno-rail.single{justify-content:center}.anno-label{background:#fff;border:1px solid #ecb7be;border-radius:7px;color:#bd3441;padding:7px 9px;display:flex;align-items:center;gap:6px;min-height:34px;line-height:1.5;font-size:12px;font-weight:700;max-width:48%;text-align:left;min-width:0;flex-shrink:1}.anno-label i{font-style:normal;display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#c33b48;color:#fff;font-size:11px;font-weight:750}.anno-frame{position:relative;border:1px solid #dfe6f1;border-radius:8px;overflow:hidden;background:#fff;line-height:0}.anno-frame>img{width:100%;height:auto;cursor:zoom-in}.target-box{position:absolute;border:2px solid #c93e4a;border-radius:4px;pointer-events:none;background:transparent}.arrow-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}.arrow-layer path{stroke:#c33b48;stroke-width:2;fill:none}.arrow-layer polygon{fill:#c33b48}
#zoom-dialog{width:min(1460px,96vw);max-height:94dvh;padding:0;border:1px solid #dbe4f4;border-radius:14px;box-shadow:0 25px 110px #0b19394a;color:var(--ink)}#zoom-dialog::backdrop{background:#112744a3;backdrop-filter:blur(3px)}.zoom-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:13px 16px;border-bottom:1px solid var(--line)}.zoom-head b{font-size:13px;display:block}.zoom-head small{display:block;margin-top:4px;font-size:10px;color:#8ea0b7}.zoom-head>div:last-child{display:flex;align-items:center;gap:7px}.light-button{background:#fff;border:1px solid #dce4f3;color:#657b9a;border-radius:8px;min-height:36px;padding:7px 11px;font-size:12px;white-space:nowrap}.close-button{width:38px;height:38px;flex-shrink:0;background:#f0f4fa;color:#7389a9;border-radius:8px;font-size:24px;line-height:1}.zoom-scroll{max-height:calc(94dvh - 80px);overflow:auto;overscroll-behavior:contain;padding:15px;background:#edf2f9;touch-action:pan-x pan-y}#zoom-board{margin:auto}.zoom-scroll .anno-label{font-size:14px}.zoom-scroll .anno-rail{min-height:64px}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:30;max-width:90vw;background:#203654f2;color:#fff;font-size:13px;line-height:1.8;padding:11px 18px;border-radius:11px;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.wrap{padding-inline:22px}.step-content{grid-template-columns:200px minmax(0,1fr);gap:20px;padding:21px}.step-copy>p{font-size:14px}.step-heading{padding:20px 21px}.step-heading h2{font-size:21px}.screenshot-wrap{padding:4px 10px 9px}.anno-label{font-size:11px;padding:7px;gap:5px}.help-body{grid-template-columns:200px minmax(0,1fr);gap:20px}}
@media(max-width:640px){.header-inner{height:64px;padding-inline:18px;gap:22px}.brand{width:125px}.nav-label{font-size:13px}.preview-label{font-size:10px}.wrap{padding-inline:16px}.intro{padding:26px 0 23px}.eyebrow{font-size:11px}h1{font-size:25px;line-height:1.5;margin:9px 0 12px;max-width:300px;letter-spacing:-.4px}.intro>p{font-size:13px}.intro>p>span{padding:0 7px}.intro-bottom{display:block;margin-top:17px;font-size:11px}.intro-bottom>a{display:block;margin-top:8px}.step-card{border-radius:14px}.step-heading{padding:18px 17px;gap:11px}.step-heading h2{font-size:19px}.step-number{width:30px;height:30px;font-size:16px;border-radius:9px}.step-content{display:flex;flex-direction:column;gap:14px;padding:18px 16px 16px}.step-copy{width:100%;padding:0}.step-copy>p{font-size:14px;line-height:1.9;margin:0 0 10px}.step-copy>p:last-child{margin-bottom:0}.step-copy>p.small{font-size:11px}.step-copy .hint{margin-top:10px;font-size:11px;line-height:1.8}.mini-cloud{margin-bottom:9px}.mini-cloud img{width:132px}.screenshot-wrap{width:100%;padding:3px 8px 7px;border-radius:9px}.anno-rail{min-height:50px;gap:5px;padding:7px 0}.anno-label{font-size:10px;padding:6px;gap:4px;border-radius:6px}.anno-label i{width:17px;height:17px;font-size:9px}.anno-frame{border-radius:6px}.arrow-layer path{stroke-width:1.8}.zoom-link{font-size:10px;margin-top:5px}.connector{height:57px;font-size:11px;gap:9px}.connector:before{font-size:25px}.done-note{margin:20px 0;padding:14px;gap:10px}.done-note p{font-size:12px}.done-note small{font-size:10px}.more-help>summary{display:block;padding:18px 40px 18px 17px}.more-help>summary>b{font-size:12px}.more-help>summary>span{display:block;font-size:10px;margin-top:5px}.more-help>summary:after{right:18px}.help-list{padding:0 17px 8px}.help-body{display:flex;flex-direction:column;gap:14px;padding-bottom:18px}.help-copy{font-size:13px;line-height:1.9}.help-note{font-size:11px}.zoom-head{padding:10px;gap:7px}.zoom-head b{font-size:12px}.zoom-head small{font-size:9px}.zoom-head>div:last-child{gap:5px}.light-button{font-size:10px;padding:6px 7px;min-height:34px}.close-button{width:34px;height:34px}.zoom-scroll{padding:10px}.zoom-scroll .anno-label{font-size:12px}.zoom-scroll .anno-rail{min-height:56px}footer{font-size:9px;padding:20px 4px 26px}}
@media(max-width:350px){.header-inner{padding-inline:14px;gap:17px}.brand{width:112px}.wrap{padding-inline:12px}h1{font-size:23px}.intro>p{font-size:12px}.intro>p>span{padding:0 5px}.step-heading{padding:16px 14px}.step-heading h2{font-size:18px}.step-content{padding:15px 12px}.step-copy>p{font-size:13px}.anno-label{font-size:9px;padding:5px;gap:3px}.anno-label i{width:16px;height:16px;font-size:9px}.screenshot-wrap{padding-inline:6px}.preview-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.return-link{margin-left:auto;color:#657b9a;font-size:12px;min-height:38px;display:inline-flex;align-items:center;border:1px solid #dce4f3;border-radius:9px;padding:6px 11px;white-space:nowrap}.return-link:hover{color:#435dbb;border-color:#a8bbed}@media(max-width:350px){.header-inner{gap:12px}.return-link{font-size:11px;padding:6px 8px}}