:root{color-scheme:light;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#17263d;background:#fff;--blue:#0864f7;--navy:#071b42;--muted:#56647a;--line:#dce7f4;--ice:#f4f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased;text-size-adjust:100%}a{color:inherit;text-decoration:none;touch-action:manipulation}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #0864f7;outline-offset:4px}h1,h2,h3{color:var(--navy);text-wrap:balance}p,li{overflow-wrap:break-word}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-160%);padding:12px;background:var(--navy);color:#fff}.skip-link:focus{transform:none}
.guide-header{position:sticky;top:0;z-index:20;min-height:76px;padding:12px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fffffff5;border-bottom:1px solid var(--line)}.guide-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px}.guide-brand img{width:40px;height:40px;object-fit:contain}.guide-brand span{display:grid;gap:2px}.guide-brand strong{font-size:17px}.guide-brand small{font-size:12px;color:var(--muted)}.guide-header nav{display:flex;align-items:center;gap:22px;font-size:14px}.guide-header nav>a{display:flex;align-items:center;min-height:44px}.guide-downloads{display:flex;align-items:start;gap:10px}.guide-downloads a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:650;white-space:nowrap;color:white;background:var(--blue)}.guide-downloads .guide-ios{background:#131d2e}.guide-android{display:grid;gap:6px}.guide-android button{min-height:44px;padding:6px 10px;border:1px solid #bbd2f2;border-radius:6px;background:#fff;color:#0755be;font-size:12px}.guide-shell{width:min(100% - 48px,1120px);margin:auto}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:48px;font-size:13px;color:var(--muted)}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;color:#0755be}
.article-hero{max-width:860px;padding:20px 0 24px}.article-kicker{margin:0 0 12px;color:#0755be;font-size:13px;font-weight:650;line-height:1.6}.article-hero h1,.guide-index h1{margin:0;font-size:40px;line-height:1.35;letter-spacing:-.02em}.article-summary{margin:20px 0 0;padding:0 0 0 16px;border-left:3px solid var(--blue);font-size:17px;line-height:1.8;color:#26364d}.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;color:var(--muted);font-size:12px;line-height:1.6}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding:28px 0 48px;border-top:1px solid var(--line);align-items:start}.article-copy{max-width:720px}.article-copy section{margin-top:32px}.article-copy .steps-section{margin-top:0}.article-copy h2,.related-guides h2{margin:0;font-size:25px;line-height:1.4}.article-copy section>p{margin:14px 0 0;font-size:16px;line-height:1.85;color:var(--muted)}.primary-list{margin:16px 0 0;padding:0;list-style:none;counter-reset:item}.primary-list li{position:relative;counter-increment:item;padding:14px 16px 14px 50px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8}.primary-list li::before{content:counter(item,decimal-leading-zero);position:absolute;left:12px;top:16px;font-size:13px;font-weight:750;color:var(--blue)}.guide-start{margin-top:24px;padding:20px;background:var(--ice);border-radius:10px}.guide-start>strong{display:block;margin-bottom:14px;font-size:16px}.guide-start p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.usage-note{margin-top:32px;padding:20px;background:#f8fafc;border-left:3px solid #c9d8ec}.usage-note p{font-size:14px;line-height:1.8;margin:10px 0 0;color:var(--muted)}.tool-source,.index-source{font-size:14px;line-height:1.7;color:var(--muted)}.tool-source a,.index-source a{color:#0755be;text-decoration:underline;text-underline-offset:4px}
.article-figure{position:sticky;top:104px;margin:0;padding:20px;background:var(--ice);border:1px solid var(--line);border-radius:12px;text-align:center}.article-figure>span{display:block;margin-bottom:14px;font-size:13px;color:var(--muted)}.article-figure img{width:246px;height:auto;object-fit:contain;border-radius:14px;background:#000;margin:auto}.article-figure a{display:block}.article-figure a>span{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:14px;color:#0755be}.article-figure figcaption{margin-top:8px;font-size:13px;line-height:1.7;color:var(--muted)}.related-guides{padding:32px 0 48px;border-top:1px solid var(--line)}.related-guides>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.related-guides a{padding:18px;background:var(--ice);border-radius:8px;line-height:1.6}.related-guides span{display:block;color:#0755be;font-size:12px;margin-bottom:8px}.related-guides strong{font-size:16px}
.guide-index{padding:40px 0 64px;background:var(--ice)}.guide-index header{max-width:820px}.guide-index header p{font-size:16px;line-height:1.8;color:var(--muted)}.guide-index header>div{font-size:13px;color:var(--muted)}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.guide-card-grid article{display:flex;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px}.guide-card-grid article>span{font-size:12px;color:#0755be}.guide-card-grid h2{font-size:20px;line-height:1.5;margin:12px 0}.guide-card-grid p{font-size:15px;line-height:1.8;color:var(--muted)}.card-link{display:flex;align-items:center;min-height:44px;color:#0755be;font-size:14px}.index-source{margin-top:32px}footer{background:#071b42;color:#c3cfe1}footer>div{width:min(100% - 48px,1120px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;font-size:13px;line-height:1.7}footer a{display:inline-flex;align-items:center;min-height:44px}
#guide-image-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--navy);background:white}#guide-image-dialog::backdrop{background:#071b42c9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog-heading button,#guide-download-feedback button{min-height:44px;padding:8px 14px;background:var(--ice);border:1px solid var(--line);border-radius:6px;color:var(--navy)}#guide-image-dialog img{width:auto;height:auto;max-height:calc(100dvh - 180px);margin:auto;object-fit:contain}#guide-image-dialog p{font-size:13px;line-height:1.6;color:var(--muted)}body:has(dialog[open]){overflow:hidden}#guide-download-feedback{position:fixed;z-index:100;bottom:16px;left:50%;transform:translateX(-50%);width:min(480px,calc(100vw - 24px));padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 12px 40px #0003;font-size:14px;line-height:1.7}#guide-download-feedback button{float:right;margin-left:10px}#guide-download-feedback span{display:block;overflow-wrap:anywhere;color:#0755be}
@media(max-width:900px){.guide-header{padding-inline:18px}.guide-header nav{gap:12px}.all-guides-link{display:none!important}.guide-shell{width:min(100% - 36px,680px)}.article-layout{grid-template-columns:1fr;gap:28px}.article-figure{position:static;grid-row:auto;width:min(100%,320px);margin:auto}.article-figure img{width:230px}.article-hero h1,.guide-index h1{font-size:32px}.guide-card-grid{grid-template-columns:repeat(2,1fr)}.related-guides>div{grid-template-columns:1fr}}
@media(max-width:600px){html{scroll-padding-top:88px}.guide-header{padding:8px 12px;min-height:68px;gap:8px}.guide-brand{gap:6px}.guide-brand img{width:32px;height:32px}.guide-brand strong{font-size:14px}.guide-brand small{font-size:11px}.guide-header .home-link,.guide-header .download-word{display:none}.guide-header .guide-downloads{gap:6px}.guide-header .guide-downloads a{min-height:44px;padding:9px 12px;font-size:13px}.guide-header nav{gap:0}.guide-header .guide-android button{max-width:80px;font-size:11px}.article-hero{padding:12px 0 20px}.article-hero h1,.guide-index h1{font-size:28px}.article-summary{margin-top:16px;font-size:16px;line-height:1.8;padding-left:12px}.article-meta{gap:4px 12px;margin-top:14px}.article-meta>span:first-child{flex-basis:100%}.article-layout{padding-top:22px}.article-copy h2,.related-guides h2{font-size:23px}.article-copy section>p,.primary-list li{font-size:15px}.primary-list li{padding:12px 4px 12px 38px}.primary-list li::before{left:4px;top:15px}.guide-start{padding:16px}.guide-start .guide-downloads a{padding-inline:16px}.breadcrumbs{font-size:12px;gap:6px}.guide-card-grid{grid-template-columns:1fr}.guide-card-grid article{padding:0}.guide-index{padding-top:28px}footer>div{width:calc(100% - 36px);padding-block:18px;flex-direction:column;align-items:flex-start;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared legal identity stays readable on desktop and narrow screens. */
footer>div{flex-wrap:wrap;padding-block:16px}
.footer-legal{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.site-registration{font-size:14px;white-space:nowrap;min-height:44px}

#guide-download-feedback{max-height:calc(100dvh - 120px);overflow-y:auto;bottom:calc(16px + env(safe-area-inset-bottom))}#guide-download-feedback [data-copy-feedback]{float:none;margin:12px 0 0}#guide-download-feedback span{user-select:text}
html[data-embedded-webview="true"]{scroll-padding-top:140px}

/* Three common tasks first, other answers grouped by need. */
.guide-help{margin-block:48px}.guide-help>h2{font-size:26px;margin:0}.guide-help>p{color:var(--muted);font-size:16px;line-height:1.8}
.guide-help-group{border-bottom:1px solid var(--line)}.guide-help-group:first-of-type{border-top:1px solid var(--line)}
.guide-help-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;cursor:pointer;font-size:18px;font-weight:650;list-style:none}
.guide-help-group summary::-webkit-details-marker{display:none}.guide-help-group summary span{color:#0755be;font-size:14px;font-weight:400}.guide-help-group summary span::after{content:' ＋'}.guide-help-group[open] summary span::after{content:' −'}
.guide-help-group ul{margin:0;padding:0 0 20px;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}
.guide-help-group li a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:15px;line-height:1.7;padding:8px 0;color:#0755be}
.usage-note summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.usage-note summary::after{content:' ＋';margin-left:auto}.usage-note[open] summary::after{content:' −'}
@media(max-width:600px){.guide-help-group ul{grid-template-columns:1fr}.guide-help{margin-block:32px}.guide-help-group summary{font-size:17px}.guide-help>p{font-size:15px}}

html.preview-open { overflow: hidden; }
#guide-image-dialog { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overscroll-behavior: contain; }
.preview-status:empty { display: none; }
.preview-original { display: flex; align-items: center; justify-content: center; min-height: 44px; font-size: 14px; color: #0755be; text-decoration: underline; }

/* One complete task link per card; shared summaries keep the directory scannable. */
::selection { background: #cfe2ff; color: var(--navy); }
.guide-card-grid .guide-card { display: flex; flex-direction: column; align-items: stretch; width: 100%; padding: 22px; border-radius: inherit; white-space: normal; transition: background-color 160ms ease; }
.guide-card:hover { background: #eaf2ff; }
.guide-card-grid .guide-card__category { color: #0755be; font-size: 13px; line-height: 1.5; }
.guide-card-grid h2 { margin: 8px 0; }
.guide-card-grid p { margin: 0 0 14px; font-size: 15px; line-height: 1.7; }
.guide-card__read { display: flex; align-items: center; gap: 8px; margin-top: auto; min-height: 28px; color: #0755be; }
.guide-card:hover .guide-card__read { text-decoration: underline; text-underline-offset: 4px; }
.guide-help-group summary:hover, .guide-help-group li a:hover, .related-guides a:hover { color: #0755be; background: #eaf2ff; }
.breadcrumbs a:hover, footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) {
  .guide-index { padding-top: 20px; }
  .guide-index header > p:first-child { margin: 0 0 8px; }
  .guide-index header > p:last-child { margin-bottom: 0; }
  .guide-card-grid { margin-top: 22px; gap: 12px; }
  .guide-card-grid .guide-card { padding: 16px 18px; }
  .guide-card-grid h2 { font-size: 18px; line-height: 1.5; margin: 6px 0; }
  .guide-card-grid p { margin-bottom: 8px; }
  .guide-card__read { min-height: 24px; }
}
@media (prefers-reduced-motion: reduce) { .guide-card-grid .guide-card { transition: none; } }