/* Extension of the approved forest/cream system; shared reading and navigation. */
.content-page {--forest:#20382d;--cream:#f1eddb;--orange:#ff973d;--paper:#e9e8e2;--ink:#26392f;--muted:#656565;margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
.content-page,.content-page * {box-sizing:border-box}
.content-page a {color:inherit;text-underline-offset:4px}
.content-page button {font:inherit}
.content-page .masthead {position:sticky;top:0;z-index:50;min-height:80px;padding:0 48px;background:#000;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff14}
.masthead .brand-group>a {display:flex;align-items:center;text-decoration:none;min-height:44px}
.content-page .brand-lockup-img {display:block;width:177.60152px;height:42px}
html[lang^="zh"] .masthead .brand-lockup-img {width:130.58825917px;height:42px}
.content-page .nav-pill-wrapper {display:flex;align-items:center;gap:4px;padding:4px 6px;background:#111612;border:1px solid #f1eddb1f;border-radius:999px;box-shadow:inset 0 2px 4px #0006}
.masthead .nav-pill-wrapper {margin-left:auto}
.masthead .nav-item {min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 22px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;color:var(--cream)}
.masthead .nav-item.active {background:linear-gradient(180deg,#fff9e9,#e7dfc6);color:#20382d;box-shadow:0 2px 6px #0005}
.masthead .site-language {display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;font-size:14px;font-weight:500;color:var(--cream);text-decoration:none;border-radius:50%}
.masthead .site-language:hover {background:#ffffff14}
.masthead .site-language-picker {position:relative;flex:none;width:44px;height:44px}
.masthead .site-language {list-style:none;cursor:pointer}
.masthead .site-language::-webkit-details-marker {display:none}
.site-language>svg {display:block;flex:none}
.site-language-picker[open] .site-language {background:#ffffff14}
.language-menu {position:absolute;z-index:54;top:calc(100% + 8px);right:0;width:144px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #f1eddb30;border-radius:12px;background:#111612;color:var(--cream);box-shadow:0 12px 28px #0005}
.language-menu a {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border-radius:6px;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:0;text-decoration:none;color:inherit;white-space:nowrap}
.language-menu a:hover,.language-menu a[aria-current="page"] {background:#ffffff14}
.language-menu a:focus-visible {outline:2px solid var(--orange);outline-offset:-2px}
.language-check {display:flex;visibility:hidden}
.language-menu a[aria-current="page"] .language-check {visibility:visible}
@media(min-width:768px) {
  html[lang^="en"] .masthead {gap:12px}
  html[lang^="en"] .masthead .nav-pill-wrapper {gap:6px}
  html[lang^="en"] .masthead .nav-item {padding-inline:18px;font-size:15px}
}
@media(min-width:1280px) and (max-width:1439px) {
  html[lang^="en"] .masthead {padding-right:24px}
  html[lang^="en"] .masthead .nav-item {padding-inline:8px;font-size:14px}
}
@media(min-width:1440px) {
  html[lang^="en"] .masthead .nav-item {padding-inline:clamp(10px,calc(3.333333vw - 38px),22px)}
}
@media(min-width:1800px) {
  html[lang^="en"] .masthead .nav-pill-wrapper {gap:8px}
}
.content-page .nav-item:hover:not(.active) {background:#ffffff14}
.content-page a:focus-visible,.content-page summary:focus-visible,.site-language:focus-visible {outline:2px solid var(--orange);outline-offset:4px}
.content-page .site-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:24px 48px;background:#111412;color:#b6c2b8;font-size:13px}
.content-page .footer-links {display:flex;flex-wrap:wrap;gap:8px 28px}
.content-page .footer-links a {display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}
.content-page .site-footer a:hover {color:var(--cream)}
.content-skip {position:fixed;z-index:100;left:16px;top:-80px;padding:12px 16px;background:var(--cream)}
.content-skip:focus {top:12px}
.reading-shell {width:min(1120px,calc(100% - 96px));margin:auto;padding:40px 0 64px;scroll-margin-top:96px}
.breadcrumbs {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;line-height:1.6;color:var(--muted)}
.breadcrumbs a {display:inline-flex;align-items:center;min-height:44px}
.reading-heading {max-width:800px;margin:30px 0 40px}
.reading-heading h1 {margin:0 0 20px;font-size:42px;line-height:1.25;letter-spacing:-.025em;font-weight:600;text-wrap:pretty}
.reading-heading .split-flap-text {display:inline-flex;font-size:36px;margin-bottom:22px}
.content-page #airport-title .split-flap-text__tile::after {content:none}
html[lang^="en"] .content-page #airport-title [data-char="AIR"] {width:2em}
html[lang^="en"] .content-page #airport-title [data-char="PORT"] {width:2.7em}
html[lang^="en"] .content-page #airport-title [data-char="BOARD"] {width:3.7em}
.page-summary {margin:0;font-size:19px;line-height:1.75;text-wrap:pretty}
.page-byline {margin:20px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
.content-keep,.page-byline time {white-space:nowrap}
.reading-columns {display:grid;grid-template-columns:minmax(0,760px) 200px;gap:64px;align-items:start}
.reading-body {min-width:0;font-size:17px;line-height:1.85;overflow-wrap:break-word}
.reading-body h2 {margin:44px 0 16px;font-size:26px;line-height:1.4;font-weight:600;letter-spacing:-.02em;scroll-margin-top:108px}
.reading-body>h2:first-child {margin-top:0}
.reading-body h3 {margin:28px 0 12px;font-size:20px;line-height:1.5}
.reading-body p {margin:0 0 20px}
.reading-body ul,.reading-body ol {margin:0 0 24px;padding-left:1.5em}
.reading-body li {margin:0 0 16px;padding-left:4px}
.reading-body li strong {font-weight:600}
.reading-body figure {margin:32px 0}
.reading-body img {display:block;max-width:100%;height:auto}
.reading-body figcaption {margin:12px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.guide-figure {max-width:300px}
.product-figures {display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:600px;margin:32px 0}
.product-figures figure {margin:0}
.feature-definitions {margin:0}
.feature-definitions dt {font-size:18px;font-weight:600;margin-top:24px}
.feature-definitions dd {margin:8px 0 24px}
.tutorial-film {width:min(100%,360px)}
.tutorial-film video {display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}
.desktop-toc {position:sticky;top:108px;padding:0 0 0 24px;border-left:1px solid #d6dbd5}
.desktop-toc h2 {margin:0 0 12px;font-size:15px;line-height:1.5;font-weight:600}
.desktop-toc a {display:block;padding:10px 0;font-size:14px;line-height:1.6;color:var(--muted);text-decoration:none}
.desktop-toc a:hover {color:var(--forest);text-decoration:underline}
.mobile-toc {display:none}
.topic-list {border-top:1px solid #c9ccc3}
.topic-link {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;padding:22px 0;border-bottom:1px solid #c9ccc3;text-decoration:none}
.topic-text {display:grid;gap:10px}
.topic-text strong {font-size:20px;line-height:1.5;font-weight:600}
.topic-text>span {font-size:15px;line-height:1.7;color:var(--muted)}
.topic-link>span:last-child {flex:none;align-self:center}
.topic-link:hover strong {text-decoration:underline;text-underline-offset:4px}
.section-text-link,.product-detail-link a {display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.section-text-link {margin-top:16px}
.product-detail-link {margin:0 0 20px}
.coming-inner {gap:32px}
.coming-desc {max-width:42em;margin:0;line-height:1.7}
.coming-desc>span {display:block}
.hero .cta-hint {display:block;max-width:100%;margin:0;color:var(--cream);font-size:calc(13px / .75);line-height:calc(20px / .75);letter-spacing:0}
.hero .cta-button,.content-download-button {gap:.5em;white-space:nowrap}
.cta-platform {display:inline-block;padding-right:.625em;border-right:1px solid currentColor;font-size:.8em;line-height:1;font-weight:600}
.related-content {margin-top:48px;padding-top:28px;border-top:1px solid #d6dbd5}
.related-content h2 {font-size:20px;line-height:1.5;margin:0 0 12px;font-weight:600}
.related-content a {display:inline-flex;align-items:center;min-height:44px;margin-right:28px;font-size:16px}
.support-question {border-bottom:1px solid #d6dbd5}
.support-question summary {cursor:pointer;padding:18px 0;min-height:60px;font-size:17px;font-weight:500}
.support-question p {font-size:16px;color:var(--muted);padding-right:12px}
.content-download {margin:40px 0 8px;padding:28px;background:var(--paper)}
.content-download-button {display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--orange);color:var(--forest);min-width:180px;min-height:48px;font-size:16px;font-weight:600;opacity:1;cursor:default}
.content-download p {margin:12px 0 0;font-size:14px;color:var(--muted)}
@media(max-width:1100px) {
  .reading-columns {grid-template-columns:minmax(0,1fr) 180px;gap:40px}
}
@media(max-width:991px) {
  .content-page .masthead {padding:10px 24px;flex-wrap:wrap;gap:12px}
  .masthead .nav-item {padding:10px 16px}
  .reading-shell {width:calc(100% - 48px)}
  .reading-columns {grid-template-columns:1fr}
  .reading-body {max-width:760px}
  .desktop-toc {display:none}
  .mobile-toc {display:block;border-block:1px solid #d6dbd5;margin:0 0 32px}
  .mobile-toc summary {padding:16px 0;font-size:16px;min-height:56px;cursor:pointer}
  .mobile-toc nav {display:grid;padding-bottom:16px}
  .mobile-toc a {font-size:15px;line-height:1.6;padding:10px 0;min-height:44px}
}
@media(max-width:767px) {
  .hero .cta-button {width:160px}
  .hero .cta-hint {font-size:13px;line-height:20px}
  .masthead .brand-group {order:0}
  .masthead .site-language-picker {order:0;margin-left:auto}
  .masthead .nav-pill-wrapper {order:1;margin-left:0;width:100%}
  .content-page .masthead {padding:8px 16px;gap:6px}
  .content-page .brand-group {display:flex;align-items:center;min-height:65px;padding-inline:2px}
  .content-page .nav-pill-wrapper {justify-content:space-between;gap:0;padding:2px 4px}
  .masthead .nav-item {flex:1;padding:0 4px;font-size:14px;letter-spacing:0}
  .reading-shell {width:calc(100% - 32px);padding:24px 0 48px;scroll-margin-top:156px}
  .breadcrumbs {gap:6px 8px;font-size:13px}
  .reading-heading {margin:24px 0 28px}
  .reading-heading h1 {font-size:30px;line-height:1.35;margin-bottom:16px}
  .reading-heading .split-flap-text {font-size:30px}
  .page-summary {font-size:17px;line-height:1.75}
  .page-byline {font-size:13px;margin-top:16px}
  .reading-body {font-size:16px;line-height:1.85}
  .reading-body h2 {font-size:23px;margin-top:36px;scroll-margin-top:156px}
  .topic-link {gap:16px;padding:20px 0}
  .topic-text strong {font-size:17px}
  .topic-text>span {font-size:15px}
  .guide-figure {max-width:280px}
  .product-figures {gap:16px}
  .reading-body figcaption {font-size:14px;line-height:20px}
  .content-page .site-footer {padding:20px 16px;gap:12px}
  .content-page .footer-links {width:100%;gap:4px 20px}
  .content-download {padding:24px 20px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}

/* Owner's IMG_8161–8167 screenshots: crop black carrier margins without altering image pixels. */
.screenshot-crop {--shot-ratio:1320 / 2682;display:block;position:relative;aspect-ratio:var(--shot-ratio);width:100%;padding:0;border:0;overflow:hidden;background:#000;line-height:0}
.screenshot-crop>img {display:block;position:absolute;max-width:none;width:100%;height:auto;left:0;top:-6.935123%}
.screenshot-crop--board {--shot-ratio:2250 / 950}
.screenshot-crop--board>img {width:127.466667%;left:-13.777778%;top:-7.368421%}
.screenshot-crop--screen {--shot-ratio:1188 / 1620}
.screenshot-crop--screen>img {width:111.111111%;left:-5.555556%;top:-12.592593%}
.screenshot-crop--colors {--shot-ratio:1320 / 1250}
.screenshot-crop--colors>img {top:-14.88%}
.screenshot-crop .editor-expand-icon {position:absolute}
.editor-capture {display:grid;place-items:center;container-type:size}
.editor-capture .screenshot-crop {width:min(100cqw,calc(100cqh * 1320 / 2682));height:auto}
.media-card--editor .screenshot-crop>img {height:auto;object-fit:initial}
.board-figure {max-width:100%}
.board-field-key {display:grid;gap:16px;margin:24px 0 32px}
.board-field-key>div {display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px}
.board-field-key dt {font-size:16px;font-weight:600}
.board-field-key dd {margin:0;font-size:15px;line-height:1.75;color:var(--muted)}
.product-figures>figure:has(.screenshot-crop) {min-width:0}
@media(max-width:767px) {
  .board-field-key>div {grid-template-columns:1fr;gap:4px}
  .product-figures:has(.screenshot-crop--panel) {grid-template-columns:1fr;max-width:280px}
}

/* Keep expansion affordances outside the data on detail and guide images. */
.reading-body .screenshot-crop .editor-expand-icon {display:none}
.reading-body figure:has(.screenshot-crop) figcaption::after {content:" · 点击查看原图 ↗";color:var(--forest);white-space:nowrap}
html[lang^="en"] .reading-body figure:has(.screenshot-crop) figcaption::after {content:" · View original ↗"}

/* Keep full English labels readable in the existing mobile navigation row. */
@media(max-width:767px) {
  html[lang^="en"] .masthead .nav-pill-wrapper {gap:4px;padding:4px 6px}
  html[lang^="en"] .masthead .nav-item {flex:1 1 auto;padding-inline:clamp(6px,calc(8.571429vw - 21.428571px),12px)}
}