.board-photo-explorer{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:clip;scroll-margin-top:78px}
.board-photo-head{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px;border-bottom:1px solid var(--line)}
.board-photo-head h2{font-size:23px}.board-photo-head>p{max-width:570px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.board-photo-tabs{display:flex;gap:6px;padding:12px 20px;background:#f3f7fa;overflow-x:auto;scrollbar-width:thin}.board-photo-tabs button{white-space:nowrap;min-height:44px;padding:10px 16px;flex:1;font-size:14px}
.board-photo-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:24px;align-items:start;max-width:1280px;margin-inline:auto}.board-photo-grid>*{min-width:0}
.board-photo-main h3{font-size:19px;margin:0}.board-photo-main>p{font-size:14px;color:#15758d;margin:5px 0 12px;overflow-wrap:anywhere}
.board-photo-scope{display:block;margin-bottom:14px;padding:8px 11px;background:#edf4fa;color:#49687e;border-radius:5px;font-size:13px;line-height:1.65}
.board-photo-stage{position:relative;width:100%;max-width:680px;margin-inline:auto;border:1px solid #c9d9e6;border-radius:8px;overflow:hidden;background:#edf2f6;isolation:isolate}
.board-photo-stage img{display:block;width:100%;height:100%;object-fit:fill}.board-base{transition:filter .16s,opacity .16s}
.board-photo-stage .board-base.is-dimmed{filter:blur(2px) grayscale(.25) brightness(.76);opacity:.85}.board-sharp{position:absolute;inset:0}
.board-region{position:absolute!important;padding:0!important;min-height:0!important;min-width:0!important;border:1px solid #38aed19e;border-radius:3px;background:transparent;box-shadow:none;z-index:2;cursor:pointer;transition:none}
.board-region:hover,.board-region.hover,.board-region:focus-visible{border:2px solid #009aca;box-shadow:0 0 0 1px #fff;outline:0;background:transparent}.board-region.active,.board-region[aria-pressed=true]{border:2px solid #ffc14a;box-shadow:0 0 0 1px #fff;background:transparent}
.board-parts{display:grid;grid-template-columns:1fr;gap:6px}.board-parts button{display:flex;gap:10px;align-items:center;text-align:left;padding:11px 12px;min-height:60px;border-color:#d9e4ee}
.board-parts b{display:block;flex:none;width:3px;height:30px;background:#1885bf;border-radius:2px}.board-parts span{font-size:15px;font-weight:650;line-height:1.4;flex:1}.board-parts small{display:block;font-size:13px;font-weight:400;color:#61788b;margin-top:3px}.board-parts i{font-size:15px;font-style:normal;opacity:.55}
.board-parts button[aria-pressed=true] small{color:#c9dfef}.board-parts button[aria-pressed=true] b{background:#ffc14a}
.board-part-info{margin-top:12px;padding:15px;background:#f0f6fb;border-radius:7px;font-size:14px;line-height:1.65}.board-part-info h3{font-size:17px;margin:0}.board-part-info p{margin:5px 0}.board-part-info span{color:var(--muted)}.board-part-info .board-selection-label{font-size:12px;letter-spacing:.04em;color:#526e85;margin:0 0 5px}.board-part-info .selected-pinyin{color:#16758c;font-size:14px}.board-part-info button{margin-top:7px;width:100%;min-height:44px}
.board-level3{grid-column:1/-1;margin-top:4px;border:1px solid #b7cddf;background:#f7fafc;border-radius:10px;overflow:hidden;scroll-margin-top:80px}
.board-level3-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #d4e1ec;background:#edf4f9}.board-level3-head p{margin:0;color:#176bab;font-size:13px;font-weight:750}.board-level3-head h3{margin:4px 0;font-size:22px}.board-level3-head span{font-size:13px;color:#536f84}.board-level3-head button{flex:none;min-height:40px}
.representative-notice{padding:11px 22px;color:#42647f;font-size:14px;border-bottom:1px solid #e0e9f0;background:#fff}
.board-level3-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;padding:22px}.component-gallery{min-width:0}
.component-gallery-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.component-gallery-tabs button{min-height:40px;font-size:14px;padding:8px 12px}
.component-photo{margin:0;border:1px solid #dbe5ed;border-radius:8px;overflow:hidden;background:#fff}.component-photo img{display:block;width:100%;height:clamp(250px,27vw,410px);object-fit:scale-down;padding:20px;background:white}
.component-photo figcaption{padding:14px 16px;border-top:1px solid #e2eaf1;background:#fff}.component-photo figcaption strong{display:block;font-size:15px;overflow-wrap:anywhere}.component-photo figcaption span{display:block;margin-top:5px;font-size:13px;color:#647d8f;line-height:1.65}
.component-photo-source{display:flex;gap:8px 16px;flex-wrap:wrap;padding:12px 2px 0;font-size:13px}.component-photo-source a{font-size:13px}.component-photo-source>span{flex-basis:100%;color:#62788b;font-size:12px;overflow-wrap:anywhere}
.board-level3-copy{padding-top:3px}.board-level3-lang{margin:0 0 12px;color:#14768d;font-size:15px}.board-level3-lang span{display:block;font-size:14px;margin-top:3px}.board-level3-copy h4{font-size:22px;line-height:1.4;margin:0 0 20px}
.board-level3-copy dl{display:block;margin:0}.board-level3-copy dt{font-size:14px;font-weight:750;color:#355d7a;margin:16px 0 5px}.board-level3-copy dd{margin:0;font-size:16px;line-height:1.8}
.component-context{border-left:3px solid #7ca5c3;padding:1px 0 1px 15px;margin-top:24px}.component-context strong{font-size:14px;color:#3e6684}.component-context p{font-size:15px;line-height:1.75;margin:6px 0 0}
.board-level3-caution{margin:19px 0 0;padding-top:12px;border-top:1px solid #d1dee8;color:#637c90;font-size:13px;line-height:1.75}
.board-photo-foot{padding:0 24px 22px;font-size:13px;color:#5d7588}.board-photo-foot p{margin:0 0 6px;line-height:1.75}.board-photo-foot a{font-size:13px}
@media(min-width:1550px){.board-photo-grid{grid-template-columns:minmax(0,1fr) 390px}.board-parts{grid-template-columns:1fr 1fr}.board-parts button{min-height:80px}}
@media(max-width:1100px){.board-photo-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px;padding:18px}.board-parts button{padding:10px;min-height:57px}.board-parts span{font-size:14px}.board-level3-grid{gap:20px;padding:18px}}
@media(max-width:900px){.board-photo-grid{grid-template-columns:minmax(0,1fr)}.board-photo-head{align-items:flex-start;flex-direction:column;gap:10px}.board-photo-head>p{max-width:none}.board-level3-grid{grid-template-columns:minmax(0,1fr)}.board-parts{grid-template-columns:1fr 1fr}.board-part-info{min-height:0}.component-photo img{height:350px}.board-level3-copy dl{display:grid;grid-template-columns:140px 1fr;gap:12px}.board-level3-copy dt{margin:0}.component-context{margin-top:20px}}
@media(max-width:560px){.board-photo-explorer{margin-top:18px;border-radius:10px}.board-photo-head{padding:18px 15px}.board-photo-head h2{font-size:21px}.board-photo-head>p{font-size:14px}.board-photo-tabs{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:visible}.board-photo-tabs button{white-space:normal;padding:9px 7px;min-height:46px}.board-photo-grid{padding:12px;gap:14px}.board-photo-main h3{font-size:18px}.board-photo-main>p{font-size:13px}.board-photo-scope{font-size:13px;padding:9px 10px}.board-parts{gap:6px}.board-parts button{min-height:76px;padding:10px 8px;gap:7px}.board-parts span{font-size:14px}.board-parts small{font-size:12px}.board-parts i{display:none}.board-part-info{padding:13px}.board-level3-head{padding:14px 12px;align-items:flex-start;gap:8px}.board-level3-head h3{font-size:19px}.board-level3-head button{font-size:13px;padding:7px}.board-level3-head span{font-size:12px}.representative-notice{padding:10px 12px;font-size:13px}.board-level3-grid{padding:12px;gap:18px}.component-photo img{height:280px;padding:14px}.component-photo figcaption{padding:12px}.component-photo figcaption strong{font-size:14px}.component-gallery-tabs button{min-height:44px}.board-level3-copy dl{grid-template-columns:1fr;gap:5px}.board-level3-copy dd{margin-bottom:14px;font-size:16px}.board-level3-copy h4{font-size:21px;margin-bottom:15px}.board-photo-foot{padding:0 14px 18px}.board-level3-lang{font-size:14px}}
@media(prefers-reduced-motion:reduce){.board-base{transition:none}}

/* Photo annotations use one color per part and a selected leader to the exact region. */
.board-region{border:2px solid var(--region-color,#00c9ff)!important;box-shadow:0 0 0 1px #102839,0 0 0 2px #ffffff78!important;background:#06141d0a!important;opacity:.88}
.board-region:hover,.board-region.hover,.board-region:focus-visible{border-color:var(--region-color,#00c9ff)!important;box-shadow:0 0 0 2px #fff,0 0 13px var(--region-color,#00c9ff)!important;opacity:1}
.board-region.active,.board-region[aria-pressed=true]{border:3px solid var(--region-color,#ffca52)!important;box-shadow:0 0 0 2px #fff,0 0 18px var(--region-color,#ffca52)!important;opacity:1}
.board-parts b{background:var(--region-color,#1885bf)!important;box-shadow:0 0 0 1px #17364b26}
.board-parts button[aria-pressed=true]{border-color:var(--region-color,#1885bf)!important;box-shadow:inset 4px 0 var(--region-color,#1885bf)}
.photo-callout-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.photo-callout-lines path{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.photo-callout-lines .photo-callout-halo{stroke:#0b1e2b;stroke-width:5;opacity:.88}.photo-callout-lines circle{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.photo-callout-card{position:absolute;z-index:4;transform:translate(-50%,-50%);max-width:190px;padding:5px 9px;border:1px solid var(--region-color);border-left:5px solid var(--region-color);border-radius:4px;background:#0d2739f2;color:#fff;box-shadow:0 3px 12px #0818247a;font-size:12px;font-weight:750;line-height:1.25;text-align:left;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.photo-callout-card{max-width:145px;padding:4px 6px;border-left-width:4px;font-size:12px}.photo-callout-lines path{stroke-width:1.5}.photo-callout-lines .photo-callout-halo{stroke-width:4}}