@media(max-width:768px){
.contract-detail-page{width:100%!important;min-width:0!important;overflow:hidden!important}
.contract-detail-page>.el-row{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;margin:0!important;width:100%!important}
.contract-detail-page>.el-row>.el-col{float:none!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;margin:0!important;min-width:0!important}
.contract-detail-page .page-card{width:100%!important;box-sizing:border-box!important;margin-bottom:12px!important;border-radius:12px!important;overflow:hidden!important}
.contract-detail-page .page-card>.el-card__header{padding:14px!important}
.contract-detail-page .page-card>.el-card__body{padding:14px!important;min-width:0!important}
.contract-detail-page .page-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;line-height:1.4!important}
.contract-detail-page .page-header>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.contract-detail-page .page-header .el-button{margin:0!important;min-height:36px!important;flex:1 1 auto!important}
.contract-detail-page .detail-desc{width:100%!important;margin-bottom:14px!important}
.contract-detail-page .detail-desc.mobile-detail-ready .el-descriptions__body{display:none!important}
.contract-detail-page .mobile-detail-fields{border:1px solid #e9edf4;border-radius:10px;overflow:hidden;background:#fff}
.contract-detail-page .mobile-detail-field{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 13px;border-bottom:1px solid #f0f2f6;font-size:14px;line-height:1.6}
.contract-detail-page .mobile-detail-field:last-child{border-bottom:0}
.contract-detail-page .mobile-detail-label{flex:0 0 88px;color:#8792a2;font-size:13px}
.contract-detail-page .mobile-detail-value{flex:1;min-width:0;text-align:right;color:#303744;font-weight:500;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
.contract-detail-page .section-card{width:100%!important;min-width:0!important;margin-top:14px!important}
.contract-detail-page .section-card .el-card__body{padding:12px!important}
.contract-detail-page .section-header{gap:10px!important;flex-wrap:wrap!important}
.contract-detail-page .mobile-file-list{display:flex;flex-direction:column;gap:10px}
.contract-detail-page .mobile-file-card{padding:13px;background:#f8fafc;border:1px solid #e8edf4;border-radius:10px;min-width:0}
.contract-detail-page .mobile-file-name{font-size:14px;font-weight:600;color:#303744;overflow-wrap:anywhere;line-height:1.6}
.contract-detail-page .mobile-file-meta{color:#9099a6;font-size:12px;margin-top:6px;overflow-wrap:anywhere}
.contract-detail-page .mobile-file-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.contract-detail-page .mobile-file-actions button{min-height:38px;padding:0 16px;border:1px solid #409eff;border-radius:7px;background:#409eff;color:white;font-size:14px;cursor:pointer}
.contract-detail-page .mobile-file-actions button.mobile-file-delete{background:white;border-color:#f56c6c;color:#f56c6c}
.contract-detail-page .mobile-file-list-ready>.el-table{display:none!important}
.contract-detail-page .el-timeline{padding-left:6px!important}
.contract-detail-page .el-timeline-item__wrapper{padding-left:20px!important;min-width:0!important;overflow-wrap:anywhere}
.contract-detail-page .timeline-content,.contract-detail-page .timeline-title,.contract-detail-page .timeline-desc{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.search-page .mobile-search-open{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}
.search-page .mobile-search-open button{border:0;border-radius:7px;background:#409eff;color:#fff;min-height:38px;padding:0 16px;font-size:14px}
.search-page .mobile-search-open span{font-size:12px;color:#909399;align-self:center}
}