.boxMainBody{background:#F5F5F5}
.boxThreeDOnline{width:1280px; font-size:20px; margin:0 auto; padding:1em 0 2em; display:flex; gap:1em; align-items: flex-start; box-sizing:border-box}
.threeDMain{flex:1; min-width:0}
.threeDSide{width:16em; flex-shrink:0; border-radius:0.4em; overflow:hidden; cursor:pointer}
.threeDSide img{width:100%; display:block}

.uploadSection{background:#fff; border-radius:0.4em .4em 0 0; padding:1.2em 1.4em 1em; border-bottom:1px solid #F0F0F0}
.sectionTitle{display:flex; align-items:center; font-size:0.8em; color:#333; font-weight:600; margin-bottom:0.8em}
.titleBar{display:inline-block; width:4px; height:1em; background:#008C95; border-radius:0.1em; margin-right:0.4em}

.uploadBox{border:1px dashed #B8D4F0; background:#F6F9FF; border-radius:0.4em; padding:1.8em 1em 1.4em; text-align:center; cursor:pointer; transition:border-color .2s}
.uploadBox:hover{border-color:#008C95}
.uploadBox .bnsa{font-size:0.8em; border:2px solid #008C95; padding:0.4em 1.6em}
.uploadIcon{margin-bottom:0.6em}
.iconUpload{display:inline-block; width:2.8em; height:2.8em; line-height:2.8em; font-size:1.4em; color:#008C95; background:linear-gradient(135deg, #E8FCFD 0%, #E1F8FA 45%, #B3E5EC 100%); border-radius:50%; font-family:iconfont_dg; font-style:normal}
.iconUpload:before{content:'\e604'}
.uploadTitle{font-size:0.8em; color:#333; font-weight:600; margin-bottom:0.5em}
.uploadDesc{font-size:0.65em; color:#999; line-height:1.6em; margin:0 auto 1em}

.noticeRow{display:flex; gap:0.8em; margin-top:0.8em; justify-content: space-between}
.noticeBox{flex:auto; background:#FFF6ED; color:#E67E22; font-size:0.7em; line-height:1em; padding:0.7em 0.7em; border-radius:3px}
.noticeBox.b{font-weight: bold}

.actionRow,.techSection{background-color: #F9FAFB; border-bottom:1px solid #F0F0F0}
.actionRow{text-align:right; padding:1em; overflow: hidden}
.actionRow .bnsa{font-size:0.8em; display: block; float: right; padding:0.6em 2em; box-shadow: rgba(4,155,151,.3) 0 .3em 1em;}

.techSection{border-radius:0 0 .4em .4em; padding:2em 1.4em 2em}
.techHeader{margin-bottom:1em; text-align: center; position: relative}
.techTitle{font-size:1.2em; color:#333; font-weight:600; margin-bottom:0.5em}
.techSubtitle{font-size:0.7em; color:#999; line-height:1em}
.learnMoreLink{font-size:0.8em; color:#008C95; white-space:nowrap; padding-top:0.2em; position: absolute; right:0; top:0}
.learnMoreLink:hover{color:#07A698}
.arrowIcon{display:inline-block; font-family:iconfont_dg; font-style:normal; margin-left:0.2em}
.arrowIcon:before{content:'\e63b'}

.techCardList{display:flex; gap:0.8em}
.techCard{flex:1; background:#fff; border-radius:0.4em; box-shadow:0 0.1em 0.6em rgba(0,0,0,.06); padding:0 0 1em; overflow:hidden}
.techCardImg{height:7em; overflow:hidden; background:#f9f9f9}
.techCardImg img{width:100%; height:100%; object-fit:cover; display:block}
.techCardTitle{font-size:.8em; color:#000; font-weight:600; padding:1em 1em 0.8em; border-bottom:1px solid #F0F0F0; margin:0}
.techCardPoints{padding:0.8em .7em 0.4em; margin:0; list-style:none}
.techCardPoints li{font-size:0.65em; color:#333; line-height:1.6em; margin-bottom:0.4em; padding-left:0.8em; position:relative}
.techCardPoints li:before{content:''; position:absolute; left:0; top:0.55em; width:0.3em; height:0.3em; background:#4DB6AC; border-radius:50%}
.techCardFooter{font-size:0.65em; color:#999; padding:0.4em 1em 0; line-height:1.6; margin:0}