:root{--primary-hue:221deg;--primary-saturation:83%;--primary-lightness:53%;--navbar-height:72px;--g-ink:#0f172a;--g-text:#334155;--g-muted:#64748b;--g-blue:#2563eb;--g-blue-hover:#1d4ed8;--g-blue-soft:#eef5ff;--g-blue-softer:#f4f8ff;--g-line:#dbe9ff;--g-line-soft:#edf3ff;--g-cyan:#2dd4ff;--g-navy:#0b1730;--g-red:#ea123b;--g-shadow:0 8px 30px rgba(15, 23, 42, .06)}.guide-header{justify-content:flex-start;gap:20px;padding:0 32px}.guide-menu-btn{display:none;background:0 0;border:0;padding:8px;margin-left:-8px;color:var(--g-ink);cursor:pointer}.guide-menu-btn svg{display:block}.guide-badge{flex-shrink:0;padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#eef5ff 0%,#dfeeff 100%);border:1px solid #cfe1ff;color:#36f;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.guide-search{flex:auto;max-width:440px;margin-left:auto}.guide-search .hextra-search-wrapper{width:100%}.guide-search .hextra-search-input{height:42px;padding-left:16px;border-radius:12px;border:1px solid var(--g-line);background:var(--g-blue-softer);font-size:15px}.guide-search .hextra-search-input:focus{background:#fff;border-color:var(--g-blue);outline:none;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.guide-search .hextra-search-wrapper kbd{top:50%;margin:0;transform:translateY(-50%);right:10px}.site-header.guide-header .guide-nav{display:flex;gap:28px;flex-shrink:0}@media(max-width:1100px){.site-header.guide-header .guide-nav a:not(.header-login-btn){display:none}}@media(max-width:767px){.guide-header{padding:0 16px;gap:12px}.guide-menu-btn{display:block}.guide-search,.site-header.guide-header .guide-nav{display:none}.guide-badge{font-size:11px;padding:6px 10px}}.hextra-search-results{border-color:var(--g-line-soft)!important;border-radius:16px!important;box-shadow:0 20px 45px rgba(37,99,235,.14)!important}.hextra-search-results .active a,.hextra-search-results a:focus{background:var(--g-blue-soft)!important}@media(min-width:768px){.hextra-sidebar-container{top:var(--navbar-height);border-right:1px solid var(--g-line-soft)}}.hextra-toc>div{top:var(--navbar-height)}.hextra-sidebar-container a{font-size:15px;border-radius:10px}.hextra-sidebar-container li.active>a,.hextra-sidebar-container a.sidebar-active-item{background:var(--g-blue-soft);color:var(--g-blue)!important;font-weight:600}.hextra-toc a{color:var(--g-muted)}.hextra-toc a:hover{color:var(--g-blue)}.hextra-sidebar-container~article .content{color:var(--g-text);font-size:17px;line-height:1.75}.hextra-sidebar-container~article .content :where(h1,h2,h3,h4){color:var(--g-ink);letter-spacing:-.01em}.hextra-sidebar-container~article .content h1{font-size:40px;line-height:1.15;font-weight:700}.hextra-sidebar-container~article .content h2{margin-top:56px;padding-bottom:10px;font-size:28px;font-weight:700;border-bottom:1px solid var(--g-line-soft)}.hextra-sidebar-container~article .content h3{margin-top:36px;font-size:21px;font-weight:700}.hextra-sidebar-container~article .content a:not(.hextra-card){color:var(--g-blue);text-decoration:none;border-bottom:1px solid rgba(37,99,235,.25)}.hextra-sidebar-container~article .content a:not(.hextra-card):hover{border-bottom-color:var(--g-blue)}.hextra-sidebar-container~article .content :where(ul,ol) li::marker{color:var(--g-blue)}.hextra-sidebar-container~article .content .lead{font-size:20px;line-height:1.7;color:var(--g-muted)}.hextra-sidebar-container~article .content .ui{display:inline-block;padding:0 8px;border-radius:6px;background:var(--g-blue-soft);border:1px solid var(--g-line);color:var(--g-ink);font-size:.92em;font-weight:500;line-height:1.6;white-space:nowrap}.hextra-sidebar-container~article .content table{display:table;width:100%;margin:28px 0;border-collapse:separate;border-spacing:0;border:1px solid var(--g-line);border-radius:16px;overflow:hidden;font-size:15px;line-height:1.55}.hextra-sidebar-container~article .content :where(th,td){padding:12px 16px;border:0;border-bottom:1px solid var(--g-line-soft);text-align:left;vertical-align:top}.hextra-sidebar-container~article .content th{background:var(--g-blue-softer);color:var(--g-ink);font-weight:700}.hextra-sidebar-container~article .content tr:last-child td{border-bottom:0}.hextra-sidebar-container~article .content tr:nth-child(even) td{background:#fbfdff}@media(max-width:767px){.hextra-sidebar-container~article .content table{display:block;overflow-x:auto;font-size:14px}.hextra-sidebar-container~article .content :where(th,td){padding:10px 12px}}.hextra-sidebar-container~article .content img{border:1px solid var(--g-line-soft);border-radius:14px;box-shadow:var(--g-shadow)}.guide-shot{margin:28px 0}.guide-shot figcaption,.guide-diagram figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--g-muted);text-align:center}.guide-callout{display:flex;gap:14px;margin:28px 0;padding:18px 22px;border-radius:18px;border:1px solid #cfe1ff;background:linear-gradient(180deg,#f4f8ff,#eaf2ff);color:var(--g-text);font-size:16px;line-height:1.65}.guide-callout-icon{flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid #d7e8ff;color:var(--g-blue)}.guide-callout-icon svg{width:18px;height:18px}.guide-callout-body>:first-child{margin-top:4px}.guide-callout-body>:last-child{margin-bottom:0}.guide-callout-title{display:block;margin-bottom:2px;color:var(--g-ink);font-weight:700}.guide-callout--warning{border-color:#ffe0a3;background:linear-gradient(180deg,#fffaf0,#fff4df)}.guide-callout--warning .guide-callout-icon{border-color:#ffe0a3;color:#c27803}.guide-callout--error{border-color:#ffc2cd;background:linear-gradient(180deg,#fff6f8,#ffecef)}.guide-callout--error .guide-callout-icon{border-color:#ffc2cd;color:var(--g-red)}.hextra-steps{border-left:2px solid var(--g-line)!important}.hextra-steps :where(h2,h3,h4):not(.no-step-marker){border-bottom:0!important}.hextra-steps :where(h2,h3,h4):not(.no-step-marker)::before{background:var(--g-blue-soft)!important;border:2px solid var(--g-line)!important;color:var(--g-blue)!important;font-weight:700!important;font-size:15px!important;line-height:29px;box-shadow:0 0 0 4px #fff}.guide-diagram{margin:32px 0;padding:28px;border-radius:24px;border:1px solid var(--g-line-soft);background:#fff;box-shadow:var(--g-shadow)}.guide-diagram-canvas{overflow-x:auto}.guide-diagram-canvas.is-scrollable{--fade-l:#000;--fade-r:#000;-webkit-mask-image:linear-gradient(90deg,var(--fade-l),#000 48px,#000 calc(100% - 48px),var(--fade-r));mask-image:linear-gradient(90deg,var(--fade-l),#000 48px,#000 calc(100% - 48px),var(--fade-r))}.guide-diagram-canvas.is-scrollable:not(.at-start){--fade-l:transparent}.guide-diagram-canvas.is-scrollable:not(.at-end){--fade-r:transparent}.guide-diagram-hint{display:none;margin-top:8px;color:var(--g-muted);font-size:13px;text-align:center}.guide-diagram-canvas.is-scrollable+.guide-diagram-hint{display:block}@media(min-width:1280px){.guide-diagram{margin-left:-40px;margin-right:-40px;padding:24px}}.guide-diagram svg{display:block;width:100%;height:auto;min-width:var(--dg-min-width,0);font-family:var(--hx-font-sans)}@media(max-width:767px){.guide-diagram{padding:16px;border-radius:18px}}.dg-box{fill:#fff;stroke:#cfe1ff;stroke-width:1.5}.dg-box-soft{fill:var(--g-blue-softer);stroke:var(--g-line);stroke-width:1.5}.dg-box-accent{fill:var(--g-blue);stroke:var(--g-blue);stroke-width:1.5}.dg-box-dark{fill:var(--g-navy);stroke:var(--g-navy);stroke-width:1.5}.dg-box-warn{fill:#fff6f8;stroke:#ffc2cd;stroke-width:1.5}.dg-group{fill:none;stroke:var(--g-line);stroke-width:1.5;stroke-dasharray:6 6}.dg-title{fill:var(--g-ink);font-size:17px;font-weight:700}.dg-text{fill:var(--g-muted);font-size:15px}.dg-on-accent{fill:#fff}.dg-on-dark{fill:#fff}.dg-cyan{fill:var(--g-cyan)}.dg-warn-text{fill:#b3002a}.dg-group-label{fill:#36f;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dg-edge{fill:none;stroke:#8fb1f7;stroke-width:1.75}.dg-edge-accent{fill:none;stroke:var(--g-blue);stroke-width:2}.dg-edge-dashed{stroke-dasharray:5 5}.dg-arrow{fill:#8fb1f7}.dg-arrow-accent{fill:var(--g-blue)}.dg-num-circle{fill:var(--g-blue-soft);stroke:var(--g-line);stroke-width:2}.dg-num{fill:var(--g-blue);font-size:14px;font-weight:700}.dg-num-lg{font-size:18px}.dg-pill{fill:#fff;stroke:var(--g-line);stroke-width:1}.dg-pill-text{fill:#36f;font-size:12px;font-weight:700;letter-spacing:.08em}.guide-footer{border-top:1px solid var(--g-line-soft);background:#fff}.guide-footer-inner{max-width:var(--hextra-max-page-width);margin:0 auto;padding:24px 32px;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:var(--g-muted)}.guide-footer-inner a{color:var(--g-muted);text-decoration:none}.guide-footer-inner a:hover{color:var(--g-blue)}@page{size:A4;margin:16mm 14mm}@media print{.site-header,.guide-footer,.guide-diagram-hint,.hextra-toc,.hextra-sidebar-container{display:none!important}body{padding-top:0!important}.hextra-sidebar-container~article .content :is(h2,h3){break-inside:avoid}.hextra-sidebar-container~article .content :is(h2,h3)::after{content:"";display:block;height:160px;margin-bottom:-160px}.guide-diagram,.guide-screen-frame,.guide-shot,.guide-card,.guide-callout,.guide-rules li,tr{break-inside:avoid}.guide-diagram,.guide-card,.guide-screen-frame,.hextra-sidebar-container~article .content img{box-shadow:none!important}.guide-diagram svg{min-width:0!important}.guide-diagram-canvas{overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.hextra-sidebar-container~article .content table{display:table!important;overflow:visible!important}.guide-cards--2,.guide-cards--3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hextra-sidebar-container~article .content a[href^=http]::after{content:none}}.dg-abbr{fill:var(--g-blue);font-size:20px;font-weight:700}.dg-icon{fill:var(--g-blue)}:root{--hextra-max-content-width:52rem}.hextra-sidebar-container~article .content>p,.hextra-sidebar-container~article .content>ul,.hextra-sidebar-container~article .content>ol{margin-top:16px}.hextra-sidebar-container~article .content :where(ul,ol){padding-left:22px}.hextra-sidebar-container~article .content li{margin-top:8px}.hextra-sidebar-container~article .content strong{color:var(--g-ink);font-weight:700}.hextra-sidebar-container~article .content h2+p,.hextra-sidebar-container~article .content h3+p{margin-top:12px}.hextra-sidebar-container~article .content hr{margin:48px 0;border-color:var(--g-line-soft)}.hextra-sidebar-container~article .content .lead{margin-top:8px;margin-bottom:8px}.guide-stage{display:inline-flex;margin:8px 0 14px;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#eef5ff 0%,#dfeeff 100%);border:1px solid #cfe1ff;color:#36f;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hextra-sidebar-container~article nav[aria-label=breadcrumb],.hextra-sidebar-container~article main>div:first-child{font-size:14px}.guide-callout-body p{margin:0}.guide-callout-body p+p,.guide-callout-body ul,.guide-callout-body ol{margin-top:8px}.guide-callout-title+p{margin-top:2px}.hextra-sidebar-container~article .content sup a,.hextra-sidebar-container~article .content a.footnote-ref{border:0!important;padding:0 2px;font-size:12px;font-weight:700}.hextra-sidebar-container~article .content .footnotes{margin-top:56px;padding-top:20px;border-top:1px solid var(--g-line-soft);font-size:14px;line-height:1.6;color:var(--g-muted)}.hextra-sidebar-container~article .content .footnotes hr{display:none}.hextra-sidebar-container~article .content .footnotes li{margin-top:6px}.hextra-sidebar-container~article .content .footnotes li::marker{color:var(--g-muted)}.hextra-sidebar-container~article .content a.footnote-backref{border:0!important}.guide-screen{margin:32px 0}.guide-screen-frame{position:relative;width:100%;max-width:var(--screen-width,100%);margin:0 auto}.guide-screen-frame img{display:block;width:100%;height:auto;margin:0!important}.guide-pin{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--g-blue);color:#fff;font-size:13px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.guide-screen-frame .guide-pin{position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff,0 6px 16px rgba(37,99,235,.35)}@media(max-width:767px){.guide-screen-frame .guide-pin{width:20px;height:20px;font-size:11px;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(37,99,235,.3)}}.guide-screen-notes{list-style:none;margin:20px auto 0!important;padding:0!important;max-width:100%;display:grid;gap:12px}.guide-screen-notes li{display:flex;gap:12px;align-items:flex-start;margin:0!important;font-size:16px;line-height:1.6}.guide-screen-notes li .guide-pin{flex:0 0 26px;margin-top:1px}.guide-screen-notes li.no-pin{padding-left:38px;color:var(--g-muted);font-size:15px}.guide-screen-notes li>div>p{margin:0}.guide-screen-notes li>div{min-width:0}.hextra-sidebar-container~article .content :is(.guide-screen-notes,.guide-card,.guide-rules,td) .ui{display:inline;padding:1px 6px;white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media(min-width:1024px){.guide-screen--side{display:grid;grid-template-columns:minmax(0,var(--screen-width,55%))minmax(240px,1fr);gap:32px;align-items:start}.guide-screen--side .guide-screen-frame{margin:0}.guide-screen--side .guide-screen-notes{margin-top:0!important}.guide-screen--side figcaption{grid-column:1/-1}}.guide-rules ol{list-style:none;counter-reset:rule;margin:28px 0!important;padding:0!important;display:grid;gap:12px}.guide-rules ol>li{counter-increment:rule;position:relative;margin:0!important;padding:20px 24px 20px 88px;border-radius:18px;border:1px solid var(--g-line-soft);background:#fff;box-shadow:var(--g-shadow);font-size:16px;line-height:1.65}.guide-rules ol>li::before{content:counter(rule,decimal-leading-zero);position:absolute;left:24px;top:16px;color:var(--g-blue);font-size:30px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.guide-rules ol>li::marker{content:none}.guide-rules li>p:first-child{margin-top:0}@media(max-width:640px){.guide-rules ol>li{padding:56px 18px 18px}.guide-rules ol>li::before{left:18px;top:14px;font-size:24px}}.guide-cards{display:grid;gap:16px;margin:28px 0}.guide-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:767px){.guide-cards--2,.guide-cards--3{grid-template-columns:1fr}}.guide-card{padding:24px;border-radius:20px;border:1px solid var(--g-line-soft);background:#fff;box-shadow:var(--g-shadow);font-size:15px;line-height:1.6}.guide-card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:16px;background:linear-gradient(180deg,#f4f8ff,#e7f0ff);border:1px solid #d7e8ff}.guide-card-icon img{width:24px!important;height:24px;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}.guide-card-tag{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:var(--g-blue-soft);color:#36f;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hextra-sidebar-container~article .content .guide-card-title{margin:0 0 8px;color:var(--g-ink);font-size:18px;font-weight:700;line-height:1.35}.hextra-sidebar-container~article .content .guide-card-body img{display:block;width:180px;max-width:100%;margin:4px 0 12px;border-radius:12px;box-shadow:none}.hextra-sidebar-container~article .content a.guide-card{display:block;color:var(--g-text);border:1px solid var(--g-line-soft);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.hextra-sidebar-container~article .content a.guide-card:hover{border-color:#b9d3ff;box-shadow:0 16px 40px rgba(37,99,235,.12);transform:translateY(-2px)}.hextra-sidebar-container~article .content a.guide-card:hover .guide-card-title{color:var(--g-blue)}.hextra-sidebar-container~article .content a.guide-card .guide-card-title{margin-bottom:0;font-size:17px}.hextra-sidebar-container~article .content a.guide-card .guide-card-body{margin-top:8px;color:var(--g-muted)}.guide-card-body>:first-child{margin-top:0}.guide-card-body>:last-child{margin-bottom:0}.guide-card-body p{margin-top:8px}.guide-card code,.guide-screen-notes code,.guide-rules code{word-break:break-all}.hextra-sidebar-container~article .content ol.guide-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0 8px;padding:0;list-style:none}.hextra-sidebar-container~article .content ol.guide-toc>li{margin:0;padding:0}.hextra-sidebar-container~article .content a.guide-toc-item{display:flex;align-items:flex-start;gap:20px;height:100%;padding:20px 8px 20px 0;border-bottom:1px solid var(--g-line);color:var(--g-ink);text-decoration:none;transition:color .15s ease}.guide-toc-num{flex:0 0 56px;color:var(--g-ink);font-size:40px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .15s ease}.guide-toc-body{display:flex;flex-direction:column;gap:6px;padding-top:3px}.guide-toc-title{font-size:17px;font-weight:600;line-height:1.35}.guide-toc-stage{align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--g-blue-soft);color:#36f;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hextra-sidebar-container~article .content a.guide-toc-item:hover,.hextra-sidebar-container~article .content a.guide-toc-item:hover .guide-toc-num{color:var(--g-blue)}@media(max-width:767px){.hextra-sidebar-container~article .content ol.guide-toc{grid-template-columns:1fr}.guide-toc-num{flex-basis:48px;font-size:32px}}