.hc4-shell{background:#f3f6f7;color:#253d4b;font-family:Arial,"Microsoft YaHei",sans-serif}.hc4-shell *{box-sizing:border-box}.hc4-shell button,.hc4-shell input,.hc4-shell select{font:inherit}.hc4-shell button,.hc4-shell a{touch-action:manipulation}.hc4-shell a{text-decoration:none;color:inherit}.hc4-shell button{cursor:pointer}.hc4-shell [hidden]{display:none!important}.hc4-shell :focus-visible{outline:3px solid #e4a54b;outline-offset:3px}.hc4-header{display:flex;align-items:center;gap:28px;padding:14px max(24px,calc((100vw - 1536px)/2));background:white;border-bottom:1px solid #dae4e7;position:relative;z-index:30;min-height:78px}.hc4-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;white-space:nowrap}.hc4-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#174f5a;color:white;font-size:24px}.hc4-brand small{display:block;font-size:11px;font-weight:400;color:#7b8b94;margin-top:4px;letter-spacing:1px}.hc4-header-nav{display:flex;gap:24px;margin:auto;font-size:14px}.hc4-header-nav a:hover,.hc4-header-nav a[aria-current]{color:#087e79}.hc4-header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:13px}.hc4-tools-menu{position:relative}.hc4-tools-menu summary{cursor:pointer}.hc4-tools-menu>div{position:absolute;right:0;top:30px;width:210px;background:white;padding:12px;box-shadow:0 12px 40px #12323b26;border:1px solid #dce7e9;border-radius:12px;display:grid;gap:4px}.hc4-tools-menu a{padding:10px;border-radius:7px}.hc4-tools-menu a:hover{background:#edf5f5}.hc4-account{padding:8px 14px;border:1px solid #dce5e8;border-radius:7px}.hc4-skip{position:absolute;top:-100px;left:10px;z-index:100;background:white;padding:12px}.hc4-skip:focus{top:8px}.hc4-workbench{max-width:1536px;margin:24px auto 36px;padding:0 24px}.hc4-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.hc4-eyebrow{font-size:11px;letter-spacing:1.5px;color:#6f8790;font-weight:600}.hc4-heading h1{font-size:25px;line-height:1.4;margin:5px 0 0;font-weight:700}.hc4-search{display:flex;background:white;border:1px solid #d5e2e5;border-radius:9px;overflow:hidden;width:min(460px,45%)}.hc4-search input{border:0;background:transparent;min-width:0;flex:1;padding:12px 15px;font-size:13px;color:#253d4b}.hc4-search button{border:0;background:#1b626b;color:white;padding:12px 18px;font-size:13px}.hc4-modes{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.hc4-modes>span{font-size:12px;color:#75858f;margin-right:8px}.hc4-modes button{background:white;border:1px solid #d9e4e7;border-radius:7px;padding:9px 20px;font-size:13px;color:#536873;min-height:40px}.hc4-modes button[aria-pressed=true]{background:#1a515c;border-color:#1a515c;color:white}.hc4-modes>a{margin-left:auto;font-size:12px;color:#56747e}.hc4-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(325px,34%);gap:18px;align-items:stretch}.hc4-canvas{border:1px solid #d4e2e4;background:#e9f0f1;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.hc4-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px;background:#ffffffb8;border-bottom:1px solid #d6e3e5}.hc4-breadcrumb{font-size:12px;color:#5e7782}.hc4-breadcrumb button{border:0;background:transparent;color:#254e5d;padding:6px 0;font-size:12px}.hc4-view-switch{display:flex;padding:3px;background:#e6edef;border-radius:7px}.hc4-view-switch button{border:0;background:transparent;padding:6px 12px;font-size:12px;border-radius:5px;color:#67808a}.hc4-view-switch button[aria-pressed=true]{background:white;box-shadow:0 2px 6px #17384212;color:#244b59}.hc4-visual{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:400px}.hc4-overview{padding:0}.hc4-photo{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden}.hc4-photo img{width:100%;height:100%;display:block;object-fit:fill}.hc4-scene-hint{position:absolute;top:16px;left:16px;padding:7px 10px;background:#173d4bd4;color:white;border-radius:6px;font-size:11px}.hc4-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:#153e4ce8;color:white;border:1px solid #ffffffad;box-shadow:0 4px 15px #142c4c40;border-radius:30px;padding:7px 11px;display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;min-height:35px}.hc4-hotspot i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px white}.hc4-hotspot[aria-pressed=true]{background:#fff;color:#124b58;border-color:#fff;box-shadow:0 0 0 3px #2e8f8d7a}.hc4-map-note{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px;color:#66818b;gap:8px}.hc4-drill{color:#1a646d;background:#fff;border:1px solid #cbdfe1;border-radius:6px;padding:9px 13px;font-size:12px}.hc4-area-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:12px 14px;background:#ffffff9c;border-top:1px solid #d6e3e5}.hc4-area-strip button{border:1px solid transparent;border-radius:6px;background:transparent;padding:9px 0;font-size:12px;color:#56717d}.hc4-area-strip button[aria-pressed=true]{background:#1b626b;color:white}.hc4-selection-hint{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;font-size:11px;color:#71858d;gap:12px;min-height:40px}.hc4-selection-hint button{background:none;color:#14666f;border:0;font-size:11px}.hc4-bridge-scene{padding:22px 20px 0}.hc4-diagram-title h3{font-size:21px;margin:7px 0}.hc4-diagram-title p{font-size:12px;color:#718690;margin:0}.hc4-bridge-media{position:relative;max-width:850px;margin:10px auto 0}.hc4-bridge-media svg{width:100%;height:auto;display:block;overflow:visible}.hc4-bridge-media [data-hc4-part]{transition:filter .2s,opacity .2s}.hc4-bridge-media.has-selection [data-hc4-part]:not(.is-active){opacity:.32}.hc4-bridge-media [data-hc4-part].is-active{filter:drop-shadow(0 0 7px #ebac42)}.hc4-part-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #a9c4cb;border-radius:6px;color:#345b68;background:#fffffff2;padding:6px 10px;box-shadow:0 2px 8px #25455315;font-size:12px;white-space:nowrap;min-height:32px}.hc4-part-pin span{color:#167e80;margin-left:5px}.hc4-part-pin[aria-pressed=true]{background:#17636b;color:white;border-color:#17636b}.hc4-part-pin[aria-pressed=true] span{color:white}.hc4-list-map{padding:22px;flex:1}.hc4-list-map h2{font-size:17px;margin:0 0 16px}.hc4-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hc4-area-grid button{background:#ffffffbf;text-align:left;padding:18px 12px;border:1px solid #d4e2e6;border-radius:9px;color:#345563}.hc4-area-grid strong{display:block;font-size:14px}.hc4-area-grid small{display:block;font-size:10px;color:#7c939e;margin-top:9px}.hc4-area-grid button[aria-pressed=true]{background:#174f5a;border-color:#174f5a;color:white}.hc4-area-grid button[aria-pressed=true] small{color:#b6d7da}.hc4-list-components{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:22px}.hc4-list-components>span{width:100%;font-size:12px;margin-bottom:2px;color:#6e858f}.hc4-list-components button{padding:9px 15px;background:white;border:1px solid #c7dcdf;border-radius:6px;color:#345b68;font-size:12px}.hc4-list-components button[aria-pressed=true]{background:#1b626b;color:white}.hc4-panel{background:white;border:1px solid #d8e3e7;border-radius:15px;padding:21px;display:flex;flex-direction:column;min-width:0;height:640px}.hc4-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.hc4-panel h2{font-size:23px;margin:5px 0 0}.hc4-mode-label{background:#eaf5f2;color:#1d7b70;border-radius:5px;padding:6px 9px;font-size:11px;white-space:nowrap}.hc4-panel-description{font-size:12px;color:#798b94;line-height:1.7;margin:10px 0 16px;min-height:40px}.hc4-panel-search{display:block;color:#728994;font-size:11px}.hc4-panel-search input{display:block;width:100%;padding:10px 12px;background:#f5f8f9;border:1px solid #dce7e9;border-radius:7px;margin-top:7px;font-size:12px;color:#254653}.hc4-result-line{font-size:11px;color:#718995;margin:14px 0 8px}.hc4-panel-content{flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding-right:5px}.hc4-result-card{display:block;padding:13px 0;border-bottom:1px solid #edf1f3}.hc4-result-card strong{display:block;font-size:14px;line-height:1.65;font-weight:500;color:#294b5a}.hc4-result-card:hover strong{color:#008779}.hc4-result-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;color:#8a9ba3;margin-top:7px}.hc4-file-badge{font-size:10px;background:#e7f4eb;color:#2b8054;padding:3px 6px;border-radius:3px}.hc4-parent-results h3,.hc4-downloads h3{font-size:12px;margin:18px 0 3px;color:#64818c}.hc4-parent-results .hc4-result-card strong{font-size:12px}.hc4-download-link{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#edf6f4;border:1px solid #d4e9e3;padding:12px;border-radius:8px;color:#24685d!important;font-size:12px;margin-top:10px}.hc4-empty{padding:25px 5px;color:#83949b;font-size:12px;line-height:1.8}.hc4-empty strong{display:block;color:#476371;margin-bottom:8px}.hc4-empty button{display:block;margin-top:12px;border:1px solid #bfd5d9;background:#fff;border-radius:5px;padding:9px;color:#25646c}.hc4-panel-all{display:block;text-align:center;background:#1c5e68;color:white!important;border-radius:7px;padding:12px;margin-top:14px;font-size:12px}.hc4-panel-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:10px;color:#7b909b;margin-top:13px}.hc4-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.hc4-discover>section{padding:20px;background:white;border:1px solid #e0e8eb;border-radius:12px;min-width:0}.hc4-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hc4-section-title h2{font-size:16px;margin:0}.hc4-section-title>a{font-size:11px;color:#7b929d}.hc4-discover-card{display:block;border-bottom:1px solid #eff2f4;padding:13px 0}.hc4-discover-card:last-child{border:0;padding-bottom:0}.hc4-discover-card strong{font-size:12px;line-height:1.8;font-weight:500;display:block}.hc4-discover-card span{font-size:10px;color:#8c9ca4;display:block;margin-top:6px}.hc4-footer{max-width:1536px;margin:0 auto;padding:20px 24px 30px;display:flex;justify-content:space-between;font-size:12px;color:#8b9ba3}.hc4-shell .hc3d-library{margin:26px auto;max-width:1460px}.hc4-shell .hc3d-library-filters{flex-wrap:wrap}.hc4-shell .hc3d-library-filters label{min-width:120px}.hc4-shell .git-home{padding:0 20px}.hc4-shell .hc3d-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.hc4-shell{margin:0;font-size:14px;line-height:1.5;background:#f3f6f7!important}.hc4-shell .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hc4-panel{height:auto;min-height:640px}.hc4-panel-content{flex:1 1 0}.hc4-heading p{margin:6px 0 0;color:#78909a;font-size:12px}.hc4-downloads h3{margin-top:8px}.hc4-shell .hc3d-library a{color:inherit;text-decoration:none}
@media(min-width:1600px){.hc4-panel{min-height:700px}.hc4-visual{min-height:460px}}
@media(max-width:1150px){.hc4-header{gap:16px;padding:12px 24px}.hc4-header-nav{gap:16px}.hc4-header-actions{gap:12px}.hc4-brand{font-size:18px}.hc4-brand-mark{width:38px;height:38px}.hc4-header-nav{font-size:12px}.hc4-tools-menu summary{font-size:12px}.hc4-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:14px}.hc4-panel{padding:17px;height:600px}.hc4-visual{min-height:350px}.hc4-hotspot{font-size:11px;padding:6px 9px}.hc4-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc4-part-pin{font-size:11px;padding:5px 8px}.hc4-diagram-title h3{font-size:19px}}
@media(max-width:900px){.hc4-header-nav{gap:14px}.hc4-header-actions .hc4-account{display:none}.hc4-workspace{grid-template-columns:minmax(0,1fr)}.hc4-panel{height:auto;min-height:400px}.hc4-panel-content{overflow:visible}.hc4-visual{min-height:0}.hc4-area-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hc4-discover{gap:12px}.hc4-header{gap:16px}.hc4-panel-description{min-height:0}.hc4-panel-content{max-height:none}.hc4-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.hc4-part-pin{font-size:12px}}
@media(max-width:600px){.hc4-header{padding:12px 16px;flex-wrap:wrap;gap:12px;min-height:0}.hc4-header-nav{width:100%;order:3;justify-content:space-between;gap:8px;margin:0;padding-top:6px}.hc4-header-actions{margin-left:auto}.hc4-brand{font-size:18px}.hc4-brand small{font-size:10px;letter-spacing:0}.hc4-workbench{padding:0 12px;margin:18px auto 24px}.hc4-heading{display:block;margin-bottom:14px}.hc4-heading h1{font-size:22px}.hc4-search{width:100%;margin-top:13px}.hc4-search input{font-size:12px}.hc4-modes{gap:5px}.hc4-modes>span{display:none}.hc4-modes button{padding:10px 12px;font-size:12px;flex:1;white-space:nowrap}.hc4-modes>a{display:none}.hc4-canvas-toolbar{padding:10px 12px}.hc4-breadcrumb{font-size:11px}.hc4-breadcrumb button{font-size:11px}.hc4-list-map{padding:16px}.hc4-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc4-area-grid button{padding:13px}.hc4-area-grid strong{font-size:13px}.hc4-list-components{margin-top:16px;gap:7px}.hc4-list-components button{min-height:42px;padding:10px 14px}.hc4-area-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px}.hc4-area-strip button{min-height:40px;font-size:12px}.hc4-selection-hint{padding:10px 12px;align-items:flex-start;line-height:1.7}.hc4-selection-hint button{white-space:nowrap;padding:0;line-height:1.7}.hc4-panel{padding:18px 16px}.hc4-panel-search input{min-height:44px}.hc4-results{display:block}.hc4-discover{grid-template-columns:1fr;margin-top:18px}.hc4-discover>section{padding:18px}.hc4-hotspot{font-size:10px;padding:4px 7px;gap:5px;min-height:30px}.hc4-hotspot i{width:6px;height:6px;box-shadow:0 0 0 2px white}.hc4-scene-hint{font-size:9px;padding:5px 7px;top:9px;left:9px}.hc4-map-note{padding:10px 12px;font-size:10px}.hc4-drill{font-size:11px;padding:10px}.hc4-bridge-scene{padding:18px 10px 0}.hc4-diagram-title{padding:0 8px}.hc4-diagram-title h3{font-size:18px}.hc4-diagram-title p{font-size:11px}.hc4-part-pin{font-size:10px;padding:4px 7px;min-height:29px}.hc4-part-pin span{margin-left:2px}.hc4-footer{padding:15px 16px 25px;font-size:11px}.hc4-shell .hc3d-library-grid{grid-template-columns:1fr}.hc4-shell .git-home{padding:0 12px}.hc4-shell .hc3d-library{padding:16px}.hc4-shell .hc3d-library-filters{display:flex}.hc4-shell .hc3d-library-filters label{width:100%}}
.hc4-mobile-results{display:none}.hc4-bridge-media [data-hc4-part]{cursor:pointer}.hc4-bridge-media [data-hc4-part]:focus-visible{outline:none;filter:drop-shadow(0 0 6px #d89f36)}
@media(max-width:600px){.hc4-selection-hint{flex-wrap:wrap}.hc4-selection-hint .hc4-mobile-results{display:inline-block;margin-left:auto;padding:5px 8px;min-height:36px;border:1px solid #bdd4d9;border-radius:5px;background:#ffffffb3}}
@media(max-width:1150px){.hc4-panel{height:auto;min-height:600px}}
@media(max-width:900px){.hc4-panel{min-height:400px}.hc4-panel-content{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.hc4-bridge-media [data-hc4-part]{transition:none}}