:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#252a2c;background:#f5f5f2;font-synthesis:none;--line:#dedfda;--muted:#737b7b;--ink:#252a2c;--green:#315b49}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #719986;outline-offset:4px}a{color:inherit;text-decoration:none}.site-header{max-width:1500px;margin:auto;padding:25px 5.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:15px;letter-spacing:.07em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:12px;width:43px;height:43px;font-size:30px;font-weight:650;letter-spacing:-.08em;padding-right:4px;padding-bottom:5px}.brand b{font-weight:650}.brand small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:5px}.header-meta{font-size:12px;color:#596460;display:flex;align-items:center;gap:9px}.header-meta i{width:6px;height:6px;border-radius:50%;background:#64866e}.divider{color:#c2c6c0;margin:0 7px}main{max-width:1350px;margin:auto;padding:0 36px}.introduction{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:47px 0 34px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#738379;margin:0 0 12px;font-weight:650}h1{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.05em;font-weight:600;line-height:1.2;margin:0 0 13px}.intro-copy{font-size:14px;color:#6b7471;margin:0;letter-spacing:.02em}.model-spec{padding-bottom:2px;min-width:250px}.model-spec strong{font-weight:600;font-size:14px}.model-spec p{font-size:11px;color:#69716c;line-height:1.8;margin:5px 0}.model-spec p span{padding:0 8px}.model-spec .status-note{font-size:10px;color:#8a8e87;margin-top:11px;line-height:1.65}.photo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.main-panel{min-width:0;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.photo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:10px}.current-view{display:flex;align-items:center;gap:15px}.current-view>span{font-size:10px;letter-spacing:.09em;color:#859188;font-variant-numeric:tabular-nums}.current-view h2{font-size:17px;letter-spacing:.02em;font-weight:600;margin:0}.mode-tabs{display:flex;border:1px solid #e3e7df;padding:3px;border-radius:8px;background:#f8f9f6}.mode-tabs button{border:0;background:transparent;border-radius:5px;padding:6px 10px;font-size:10px;color:#707870;white-space:nowrap}.mode-tabs button.active{background:white;color:#315b49;box-shadow:0 1px 3px #21322217}.mode-tabs button:disabled{color:#b9bcb6}.photo-stage{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.22;background:#ebeee8;display:flex;align-items:center;justify-content:center}.photo-stage>img{position:absolute;height:100%;width:auto;max-width:none;top:0;left:50%;transform:translateX(-46%);display:block;user-select:none}.photo-stage.full-frame>img,.photo-stage.clean-frame>img{position:static;width:100%;height:100%;object-fit:contain;transform:none;max-width:100%}.photo-stage.clean-frame{background:#f0f1ed}.stage-label{position:absolute;left:16px;top:15px;z-index:1;background:#ffffffd9;backdrop-filter:blur(12px);padding:6px 8px;border-radius:5px;font-size:9px;color:#45544a}.stage-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:1px solid #fff8;background:#fff9;backdrop-filter:blur(8px);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:16px;box-shadow:0 2px 12px #10151012;transition:background .15s,box-shadow .15s}.stage-arrow:hover{background:#fff;box-shadow:0 2px 14px #10151030}.previous{left:15px}.next{right:15px}.height-note{position:absolute;right:16px;bottom:17px;color:#394c41;display:flex;align-items:center;gap:8px;font-size:10px;background:#ffffffd4;padding:5px 7px;border-radius:4px}.height-note i{width:12px;height:22px;border-left:1px solid #708377;position:relative}.height-note i:before,.height-note i:after{content:"";position:absolute;width:5px;border-top:1px solid #708377;left:-3px}.height-note i:before{top:0}.height-note i:after{bottom:0}.photo-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 21px 8px}.photo-actions p{margin:0;font-size:10px;font-variant-numeric:tabular-nums;color:#859087}.photo-actions>div{display:flex;gap:9px;align-items:center}.photo-actions button{padding:6px 8px;border:0;background:transparent;font-size:10px;color:#536c5d}.photo-actions button:hover{background:#f0f3ed;border-radius:5px}.photo-actions .zoom-button{color:#283f32;font-weight:600}.zoom-button span{padding-left:3px}.mode-note{margin:0;padding:0 21px 15px;font-size:10px;color:#92988f;line-height:1.65}.views-panel{background:#eeeee8;border:1px solid #dedfd8;border-radius:18px;padding:20px 15px 15px}.views-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 16px}.views-heading h2{font-size:13px;font-weight:600;margin:0}.views-heading>span{font-size:8px;letter-spacing:.14em;color:#959c90}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.view-card{padding:0;border:1px solid transparent;background:#fafbf8;border-radius:9px;overflow:hidden;text-align:left;transition:border-color .16s,box-shadow .16s;position:relative}.view-card:hover{border-color:#bdcabb}.view-card.active{border-color:#406b53;box-shadow:0 0 0 1px #406b53}.thumb-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1.18;background:#e3e6dc}.thumb-frame img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-46%);display:block;user-select:none}.view-card-caption{display:flex;justify-content:space-between;gap:6px;padding:8px 9px 9px;align-items:center}.view-card-caption strong{font-size:10px;font-weight:550}.view-card-caption span{font-size:8px;color:#9aa391}.view-card.active .view-card-caption strong{color:#2b563c}.view-card.active .view-card-caption span{color:#547b60}.angle-note{font-size:9px;color:#959d91;line-height:1.8;margin:13px 4px 0}.observation{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px 25px;margin:33px 0 43px;padding:25px 0 0;border-top:1px solid var(--line)}.observation h2{font-size:16px;font-weight:550;line-height:1.65;margin:0;letter-spacing:-.02em}.observation .eyebrow{margin-bottom:8px}.observation dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:0}.observation dl>div{border-left:1px solid #d9ded5;padding-left:14px}.observation dt{font-size:10px;color:#66816b;margin:0 0 7px}.observation dd{font-size:10px;line-height:1.8;color:#7d877c;margin:0}.occlusion-note{grid-column:2;margin:0;font-size:9px;color:#a1a79d;line-height:1.7}footer{max-width:1350px;margin:auto;padding:20px 36px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.04em;color:#9da396}dialog{width:min(1400px,96vw);max-width:none;max-height:94vh;padding:0;border:1px solid #dfe3dc;border-radius:13px;background:#f6f7f2;box-shadow:0 30px 100px #101a1460;color:var(--ink)}dialog::backdrop{background:#17221bbb;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 19px}.dialog-toolbar h2{margin:0;font-size:14px;font-weight:550}.dialog-toolbar p{margin:5px 0 0;font-size:10px;color:#899382}.dialog-toolbar>button{border:0;background:#e6eae2;border-radius:50%;width:30px;height:30px;font-size:21px;line-height:1}.dialog-image-wrap{display:flex;align-items:center;justify-content:center;background:#e7eae3;overflow:auto;max-height:calc(94vh - 112px);padding:0}.dialog-image-wrap img{display:block;max-width:100%;max-height:calc(94vh - 112px);width:auto;height:auto;object-fit:contain}.dialog-hint{margin:0;padding:10px 20px;font-size:10px;color:#8b9684}.load-error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#433b31;color:white;padding:12px 20px;border-radius:9px;font-size:12px;z-index:10}[hidden]{display:none!important}
@media(min-width:1350px){.photo-stage{aspect-ratio:1.3}}
@media(max-width:1000px){main{padding:0 25px}.photo-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.photo-toolbar{padding:16px}.mode-tabs button{padding:6px}.current-view{gap:8px}.views-panel{padding:17px 12px 13px}.view-grid{gap:9px}.photo-stage{aspect-ratio:.9}.thumb-frame{aspect-ratio:1.04}.observation{grid-template-columns:180px minmax(0,1fr)}.observation dl{gap:12px}.photo-actions{padding:11px 12px 5px}.photo-actions>div{gap:2px}.mode-note{padding:0 14px 13px}.model-spec{min-width:220px}}
@media(max-width:720px){.site-header{padding:19px 22px}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:26px}.brand{font-size:12px;gap:10px}.brand small{font-size:8px}.header-meta{font-size:10px;gap:6px}.divider{margin:0 2px}main{padding:0 18px}.introduction{padding:29px 3px 22px;gap:21px;display:block}h1{font-size:36px;margin-bottom:11px}.intro-copy{font-size:12px}.model-spec{margin-top:19px;border-left:2px solid #ced9ca;padding-left:12px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:start}.model-spec strong{font-size:11px}.model-spec p{font-size:9px;margin:0}.model-spec .status-note{grid-column:2;grid-row:1/3;font-size:8px;margin:0;max-width:165px}.model-spec .status-note br{display:none}.eyebrow{font-size:8px;margin-bottom:9px}.photo-workspace{display:flex;flex-direction:column;gap:17px}.main-panel,.views-panel{width:100%;border-radius:14px}.photo-toolbar{padding:14px 15px}.current-view{gap:11px}.current-view h2{font-size:15px}.current-view>span{font-size:8px}.mode-tabs button{padding:5px 7px;font-size:9px}.photo-stage{aspect-ratio:.91;max-height:580px}.stage-label{font-size:8px;top:11px;left:12px}.stage-arrow{width:30px;height:30px}.previous{left:11px}.next{right:11px}.height-note{right:12px;bottom:12px;font-size:8px}.photo-actions{padding:12px 13px 7px}.photo-actions p,.photo-actions button{font-size:9px}.mode-note{font-size:9px;padding:0 14px 13px}.views-panel{padding:17px 12px 13px}.views-heading{margin-bottom:12px}.views-heading h2{font-size:12px}.view-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.thumb-frame{aspect-ratio:.83}.view-card-caption{display:block;padding:6px}.view-card-caption strong{font-size:9px;display:block}.view-card-caption span{font-size:7px;display:block;margin-top:3px}.angle-note{font-size:8px;margin-top:11px}.angle-note br{display:none}.observation{display:block;margin:26px 0 30px;padding-top:21px}.observation h2{font-size:16px}.observation dl{margin:20px 0 16px;gap:13px;grid-template-columns:1fr}.observation dl>div{padding-left:12px}.observation dt{font-size:10px;margin-bottom:3px}.observation dd{font-size:10px}.occlusion-note{font-size:9px}footer{padding:18px;display:block;font-size:8px;line-height:1.9}footer span{display:block}.dialog-toolbar{padding:12px}.dialog-toolbar h2{font-size:12px}.dialog-hint{padding:10px 12px;font-size:9px}}
.download-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:-10px 0 26px}.download-row a{border:1px solid #d0d9ce;border-radius:7px;padding:10px 13px;background:#fff;font-size:11px;color:#355940}.download-row a:hover{background:#eaf0e7}.download-row span{font-size:10px;color:#90998c;margin-left:auto}.photo-stage.clean-frame>img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain}.photo-stage.clean-frame{background:#f0f1ed}@media(max-width:720px){.download-row{gap:8px;margin:-4px 0 19px}.download-row a{font-size:10px;padding:9px}.download-row span{width:100%;margin-left:0;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
