.model-content{color-scheme:light;--navy:#192d66;--ink:#13233f;--muted:#5b6980;--line:#dce3eb;--surface:#fff;--accent:#ff591c;font-family:Arial,"Microsoft YaHei",Tahoma,sans-serif;color:var(--ink);background:var(--surface)}
.model-content *{box-sizing:border-box}
.model-content button,.model-content select,.model-content input{font:inherit}
.model-content button,.model-content select{min-height:40px}
.model-content button,.model-content a,.model-content select,.model-content input{-webkit-tap-highlight-color:transparent}
.model-content button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:10px 13px;font-size:14px;line-height:1.35;transition:background .15s,color .15s}
.model-content button:hover:not(:disabled){border-color:var(--navy);background:#eef2f8}
.model-content button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.model-content button:disabled,.model-content input:disabled{cursor:wait;opacity:.55}
.model-content button:focus-visible,.model-content a:focus-visible,.model-content select:focus-visible,.model-content input:focus-visible,.model-content canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.model-content [hidden]{display:none!important}
.model-content{max-width:none;margin:0;padding:0}
.model-content .page-heading{margin:0 auto}
.model-content .page-heading h1{margin:0;font-size:clamp(24px,2.3vw,34px);font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.model-content .viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 12px 35px #14284b06}
.model-content .model-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
.model-content .view-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.model-content .button-group{display:flex;gap:6px;flex-wrap:wrap}
.model-content .stage{position:relative;flex:1;min-height:480px;height:clamp(480px,66vh,760px);background:#eef2f5;overflow:hidden;isolation:isolate}
/* Drawing-buffer dimensions must never become a flex/grid intrinsic size. */
.model-content .stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;direction:ltr}
.model-content .interaction-hint{margin:0;padding:13px 18px;background:#fff;color:var(--muted);font-size:12px;line-height:1.6;text-align:center;border-top:1px solid var(--line)}
.model-content .control-panel{padding:24px 22px;border-inline-start:1px solid var(--line);background:#fff}
.model-content .control-section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.model-content .control-section h2{font-size:15px;margin:0 0 14px;line-height:1.4;display:flex;justify-content:space-between;gap:8px}
.model-content .control-section small{color:var(--muted);font-size:12px;font-weight:400}
.model-content .mode-buttons{display:grid;gap:8px}
.model-content .mode-buttons button{text-align:start}
.model-content .switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;font-size:14px;line-height:1.5;cursor:pointer}
.model-content .switch-row input{width:18px;height:18px;accent-color:var(--navy);flex:none;cursor:pointer}
.model-content dl{margin:0}
.model-content dl>div{display:flex;justify-content:space-between;gap:12px;margin:13px 0;font-size:13px;line-height:1.5}
.model-content dt{color:var(--muted)}
.model-content dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}
.model-content .reset-button{width:100%;border-color:var(--navy);color:var(--navy)}
.model-content #labels{position:absolute;inset:0;pointer-events:none;z-index:2;direction:ltr}
.model-content .dimension-label{position:absolute;transform:translate(-50%,-50%);background:#fffffff0;color:#24465a;font-size:11px;line-height:1.4;padding:4px 7px;border:1px solid #cbd9e1;border-radius:3px;white-space:nowrap;font-variant-numeric:tabular-nums}
.model-content .load-state{position:absolute;inset:0;z-index:4;background:#eef2f5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:32px;text-align:center;color:var(--muted);line-height:1.6}
.model-content .no-script{position:absolute;inset:0;z-index:5;background:#eef2f5;padding:80px 24px;text-align:center}
.model-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.model-content .viewer-layout:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}
.model-content .viewer-layout:fullscreen .stage{height:auto;min-height:0}
.model-content .viewer-layout:fullscreen .control-panel{overflow:auto}
@media(max-width:1000px){.model-content .model-workspace{padding:24px 20px}
.model-content .viewer-layout{grid-template-columns:minmax(0,1fr) 252px}
.model-content .control-panel{padding:20px 16px}
.model-content .view-toolbar{padding:12px}
.model-content .stage{min-height:420px}
}
@media(max-width:720px){.model-content .model-workspace{padding:24px 14px}
.model-content .viewer-layout{grid-template-columns:minmax(0,1fr)}
.model-content .control-panel{border-inline-start:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px}
.model-content .control-section{margin:0;padding-bottom:14px}
.model-content .control-section:nth-child(3){grid-column:1/-1}
.model-content dl{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.model-content .reset-button{grid-column:1/-1}
.model-content .stage{height:55vh;min-height:340px;flex:auto}
.model-content .view-toolbar button{font-size:12px;padding:9px}
.model-content .viewer-layout:fullscreen{overflow:auto;display:flex;flex-direction:column}
.model-content .viewer-layout:fullscreen .model-panel{flex:1;min-height:70vh}
.model-content .viewer-layout:fullscreen .stage{flex:1;min-height:300px}
.model-content .viewer-layout:fullscreen .control-panel{flex:none;overflow:visible}
}
@media(max-width:400px){.model-content .control-panel{grid-template-columns:1fr}
.model-content .control-section:nth-child(3),.model-content .reset-button{grid-column:auto}
.model-content dl{display:block}
.model-content .view-toolbar{gap:8px}
}
@media(prefers-reduced-motion:reduce){.model-content button{transition:none}
}


.model-content{width:100%;line-height:1.5;text-align:start;margin:0;padding:0;}

.model-content .page-heading{position:relative;width:100%;max-width:1504px;min-height:270px;padding:0 32px;}
.model-content .model-workspace{width:100%;max-width:1504px;margin:0 auto;padding:32px 32px 56px;}
.model-content .page-heading h1{display:flex;align-items:center;min-height:270px;padding:75px 0 90px;color:#fff;font-family:inherit;font-size:clamp(32px,3.8vw,64px);line-height:1.15;text-shadow:0 2px 3px rgba(0,0,0,.55),0 5px 14px rgba(0,0,0,.4);}
.model-content .model-banner-actions{position:absolute;inset-inline:32px;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.model-content .model-parent-link{display:inline-flex;flex:0 0 auto;align-self:stretch;align-items:center;gap:8px;min-height:44px;margin-bottom:0;color:#ffac87;font-size:15px;font-weight:600;line-height:24px;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.6);}
.model-content .model-parent-link:hover{color:#ffac87;text-decoration:none;}
.model-content .model-parent-link:hover>span:last-child{text-decoration:underline;text-underline-offset:4px;}
.model-content .model-parent-link>span[aria-hidden]{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;font-size:0;line-height:0;}
.model-content .model-parent-link>span[aria-hidden]::before{content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;border-radius:1px;background:currentColor;transform:translateY(-50%);}
.model-content .model-parent-link>span[aria-hidden]::after{content:"";position:absolute;left:3px;top:50%;width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-50%) rotate(45deg);}
.model-content .model-parent-link[dir="rtl"]>span[aria-hidden]{transform:rotate(180deg);}
.model-content .model-navigation{display:flex;flex:0 1 auto;align-items:stretch;gap:8px;min-width:0;max-width:100%;margin:0;}
.model-content .model-navigation a{display:flex;align-items:center;justify-content:center;min-width:110px;min-height:72px;padding:20px 26px;border:1px solid #e9edf3;border-bottom:0;border-radius:10px 10px 0 0;color:#34445f;background:#f4f7fb;font-size:18px;font-weight:500;line-height:1.45;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background .15s,color .15s;}
.model-content .model-navigation a[aria-current="page"]{background:#fff;border-color:#fff;color:#0c0d24;font-weight:700;}
.model-content .model-navigation a:hover{background:#fafcff;color:#0c0d24;}
.model-content .model-navigation a[aria-current="page"]:hover{background:#fff;color:#0c0d24;}
.model-content button,.model-content input,.model-content label,.model-content dt,.model-content dd{font-family:inherit;}
.model-content .control-section h2{color:var(--ink);font-weight:700;font-family:inherit;}
@media(max-width:1000px){.model-content .page-heading{padding-inline:20px;}.model-content .model-banner-actions{inset-inline:20px;gap:16px;}.model-content .model-workspace{padding-inline:20px;}}
@media(max-width:720px){.model-content .page-heading{min-height:260px;padding:0 14px;}.model-content .page-heading h1{min-height:260px;padding:48px 0 140px;font-size:32px;}.model-content .model-workspace{padding:24px 14px 40px;}.model-content .model-banner-actions{inset-inline:14px;flex-direction:column;align-items:stretch;gap:8px;}.model-content .model-parent-link{align-self:flex-start;margin-bottom:0;}.model-content .model-navigation{width:100%;gap:6px;}.model-content .model-navigation a{flex:1;min-width:0;min-height:62px;padding:14px 12px;font-size:14px;}}
@media(prefers-reduced-motion:reduce){.model-content .model-navigation a{transition:none;}}

/* Keep each model group in the requested left-to-right order; labels retain their own language direction. */
.model-content .model-navigation.model-navigation--grouped{direction:ltr;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;}
.model-content .model-navigation.model-navigation--grouped a{flex:0 0 auto;white-space:nowrap;}