:root{--ink:#20262d;--muted:#586573;--accent:#205b94;--line:#d9e0e6;--soft:#f5f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Noto Sans CJK SC",sans-serif;line-height:1.65}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1200px;height:68px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em}.languages{display:flex;align-items:center;gap:5px;color:#c4cbd2}.languages button{border:0;border-radius:3px;background:transparent;padding:7px 9px;color:#586573;font-size:13px;font-weight:700;cursor:pointer}.languages button[aria-pressed=true]{background:#e9f1f8;color:#174f82}.languages button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero{max-width:1200px;margin:auto;padding:58px 32px 50px}.hero-inner{max-width:850px}.eyebrow,.kicker,.toc-title,.article-top,.hero-meta{font-size:12px;font-weight:700;letter-spacing:.045em;color:#5e6b77}.eyebrow{margin:0 0 12px;color:var(--accent)}.hero h1{max-width:850px;font-size:clamp(32px,4vw,46px);line-height:1.17;letter-spacing:-.025em;margin:0 0 18px}.intro{max-width:740px;color:#4c5966;font-size:18px;line-height:1.6;margin:0}.hero-meta{display:flex;align-items:center;gap:10px;margin-top:24px}.meta-dot{color:#8b98a4}.content-layout{max-width:1200px;padding:0 32px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,780px);gap:64px;align-items:start}.toc{position:sticky;top:24px;border-top:2px solid #263849;padding-top:18px;font-size:14px}.toc-title{margin:0 0 16px}.toc a{display:flex;align-items:baseline;gap:10px;color:#244b70;text-decoration:none;margin:16px 0;line-height:1.4}.toc a:hover{text-decoration:underline}.toc a span{color:#48667f;font-size:13px;font-weight:700}.toc a b{font-size:15px}.toc .toc-sub{display:block;margin:10px 0 10px 26px;color:#586b7b;font-size:13px}.toc-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:#71808d;font-size:12px}.article-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 0 16px;color:#687682}.section,.method-heading{scroll-margin-top:24px}.section-heading{display:flex;align-items:flex-start;gap:22px;margin:42px 0 42px}.section-number{flex:none;display:grid;place-items:center;width:62px;height:62px;background:#223e58;color:#fff;font-size:24px;font-weight:700;line-height:1}.kicker{margin:0 0 5px;color:#52697c}.section h2{font-size:clamp(28px,3vw,36px);line-height:1.2;letter-spacing:-.02em;margin:0}.section-lead,.method-intro{color:#52606d;margin:12px 0 0;font-size:16px}.method-heading{display:flex;align-items:center;gap:14px;margin:0 0 20px}.method-heading>span{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #aebbc7;color:#294d6d;font-size:19px;font-weight:700}.method-heading h3{font-size:24px;line-height:1.3;margin:0}.method-heading .kicker{margin-bottom:2px}.notice,.key-tip{border-left:4px solid #5c83a7;background:#f0f5f9;padding:15px 18px;color:#344b5f;font-size:15px}.notice p,.key-tip p{margin:0}.key-tip{margin:20px 0 0 39px;border-color:#ba8123;background:#fff8e8;color:#4d3d20}.key-tip strong{display:block;font-size:16px;color:#3b301c;margin-bottom:4px}.step{padding:32px 0 8px;border-bottom:1px solid #e8edf0}.step:last-child{border:0}.step-head{display:flex;gap:15px;align-items:baseline}.step-num{color:#426785;font-size:14px;font-weight:700;min-width:24px}.step h4{font-size:18px;line-height:1.45;margin:0;font-weight:700}.step>p{font-size:16px;color:#4e5c68;margin:9px 0 0 39px}.figures{margin-left:39px}.figure{margin:22px 0 28px}.figure img{display:block;width:100%;height:auto;border:1px solid #d6dde3;background:#f8fafb}.figure.phone{background:var(--soft);padding:22px 20px 12px}.figure.phone img{width:min(100%,300px);margin:auto}.figure figcaption{font-size:13px;color:#687681;margin-top:8px;line-height:1.45}.figure.phone figcaption{text-align:center}.method-b{border-top:1px solid var(--line);padding-top:48px;margin-top:48px}.method-intro{margin-bottom:4px}.payment-section{border-top:4px solid #263849;margin-top:100px;padding-top:12px}footer{border-top:1px solid var(--line);max-width:1200px;padding:26px 32px 40px;margin:65px auto 0;display:flex;justify-content:flex-end;align-items:center;gap:20px;color:#687681;font-size:13px}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:900px){.content-layout{grid-template-columns:1fr;gap:35px;max-width:850px}.toc{position:static}.toc-note{display:none}.article-top{padding-top:0}.hero{max-width:850px}}@media(max-width:600px){.header-inner{height:62px;padding:0 20px}.brand{font-size:11px}.languages{gap:0}.languages button{padding:7px}.hero{padding:42px 20px}.hero h1{font-size:32px}.intro{font-size:16px}.content-layout{padding:0 20px}.toc .toc-sub{margin-left:24px}.section-heading{gap:15px;margin:35px 0}.section-number{width:48px;height:48px;font-size:19px}.section h2{font-size:27px}.method-heading h3{font-size:21px}.figures{margin-left:0}.step>p{margin-left:0}.key-tip{margin-left:0}.figure.phone img{width:min(100%,260px)}.payment-section{margin-top:75px}.article-top{font-size:11px}footer{padding:24px 20px;align-items:flex-start}}

.header-inner .languages{margin-left:auto}

/* Brand, method selection and theme */
body{background:var(--page,#fff)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('img/logo.jpg');background-repeat:no-repeat;background-position:center;background-size:min(70vw,560px);opacity:.045}
.site-header{background:var(--header,#fff)}
.brand{display:flex;align-items:center;gap:10px;font-size:16px;white-space:nowrap}
.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%}
.header-controls{display:flex;align-items:center;gap:12px;margin-left:auto}
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--control,#fff);color:var(--ink);font-size:20px;cursor:pointer}
button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.method-tabs{display:flex;gap:8px;margin:0 0 24px;padding:5px;background:var(--tabs-bg,#edf2f6);border:1px solid var(--line);border-radius:10px}
.method-tabs button{flex:1;border:1px solid transparent;border-radius:7px;background:transparent;padding:11px 14px;color:var(--muted);font:inherit;font-weight:700;line-height:1.35;text-align:left;cursor:pointer}
.method-tabs button[aria-selected=true]{background:var(--tab-active,#fff);border-color:var(--line);color:var(--accent);box-shadow:0 2px 6px #26384912}
.method-panel[hidden]{display:none}
.method-panel,.method-tabs{scroll-margin-top:24px}
.key-tip .key-send{margin-top:12px;font-weight:700}
html[data-theme=dark]{color-scheme:dark;--page:#101820;--header:#141f29;--ink:#e5edf3;--muted:#acbbc7;--accent:#8fc5f2;--line:#3a4b59;--soft:#1c2b37;--control:#1c2b37;--tabs-bg:#1b2a36;--tab-active:#2b4050}
html[data-theme=dark] body::before{opacity:.055}
html[data-theme=dark] .languages button{color:#b5c4d0}
html[data-theme=dark] .languages button[aria-pressed=true]{background:#2b455a;color:#bde0ff}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .kicker,html[data-theme=dark] .toc-title,html[data-theme=dark] .article-top,html[data-theme=dark] .hero-meta,html[data-theme=dark] .figure figcaption{color:#afc0ce}
html[data-theme=dark] .intro,html[data-theme=dark] .section-lead,html[data-theme=dark] .method-intro,html[data-theme=dark] .step>p{color:#bdcad4}
html[data-theme=dark] .toc{border-color:#7891a5}
html[data-theme=dark] .toc a,html[data-theme=dark] .toc a span,html[data-theme=dark] .toc .toc-sub,html[data-theme=dark] .toc-note{color:#b0c7da}
html[data-theme=dark] .notice{background:#1d3445;border-color:#77a9ce;color:#d5e5ef}
html[data-theme=dark] .key-tip{background:#3a3020;border-color:#d4a34a;color:#f0dfba}
html[data-theme=dark] .key-tip strong{color:#fff1d3}
html[data-theme=dark] .step{border-color:#334552}
html[data-theme=dark] .step-num{color:#9cc9e9}
html[data-theme=dark] .figure img{border-color:#718797;background:#253542}
html[data-theme=dark] .payment-section{border-color:#7891a5}
@media(max-width:600px){.header-inner{gap:8px}.brand{font-size:14px;gap:7px}.brand img{width:36px;height:36px}.header-controls{gap:5px}.theme-toggle{width:32px;height:32px}.languages button{padding:6px}.method-tabs{flex-direction:column}.method-tabs button{padding:10px 12px}}