body{background-image: url(../images/main-bg.jpg);}

.list-head{width: 100%;padding-left: 1.5%; padding-right: 1.5%;position: fixed;}

.list-qy{max-width:900px;margin:0 auto;padding:70px 0px 20px 0px;}

.qy-head{display: flex ; flex-direction: column; align-items: center; margin-bottom: 30px;}
.qy-head .tit{display: flex ; align-items: flex-end;margin-bottom: 17px;}
.qy-head .tit img{ height: 50px; margin-right: 10px;}
.qy-head .tit h2{font-size: 24px; color: #333; margin: 0; font-weight: normal; border-bottom: 1px solid #555; padding-bottom: 2px; margin-bottom: 3px; font-weight: 600; }
.qy-head p{font-size: 14px; color: #666; line-height: 1.5;text-align: center;}



.qy-form{width: 100%;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden;padding:30px 30px}

.form-box{margin-bottom:30px;border-bottom:0px solid #e2e8f0;}
.form-box h3{font-size:18px;margin-bottom:25px;padding-bottom:10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e8f0;}
.form-box h3 i{color:#407afe;font-size: 20px;}

.form-row{display:flex;flex-wrap:wrap;margin:0 0px;margin-bottom:15px;}

.form-group{flex:1 0 400px;padding:0 10px;min-width:0;margin-bottom:15px;}
.form-group label{display:block;margin-bottom:10px;color:#2d3748}
.form-group label span{color:#f03e3e}

.form-group .input{width:100%;padding:11px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all 0.3s}
.form-group .input:focus{border-color:#407afe;outline:none}
.form-group .input.error{border-color:#f03e3e}

.form-group .error-message{color:#f03e3e;font-size:14px;margin-top:6px;display:none}
.form-group .error-message::before{content:  "⚠️";margin-right:5px;display:inline-block;width:16px;height:16px;vertical-align:baseline;font-size:14px;}

.form-group .qydm-group{display:flex;gap:10px;}
.form-group .qydm-input{flex:1}
.form-group .qydm-btn{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%);color:white;padding:0 15px;cursor:pointer;font-weight:500;border-radius:8px;}
.form-group .qydm-btn:hover{background:linear-gradient(90deg,#1b88f9 0%,#2c95f7 100%);}

.form-group .sshy-group{display:flex;gap:10px;flex-wrap: wrap;justify-content: space-between;}
.form-group .sshy-group select{width:48%;padding:11px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all 0.3s}
.form-group .sshy-group select:focus{border-color:#407afe;outline:none}

.form-group .sms-group{display:flex;gap:10px;margin-top:8px}
.form-group .sms-input{flex:1}
.form-group .sms-btn{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%);color:white;border:none;border-radius:6px;padding:0 15px;cursor:pointer;font-weight:500}
.form-group .sms-btn:hover{background:linear-gradient(90deg,#1b88f9 0%,#2c95f7 100%);}

.form-group .radio-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.form-group .radio-group .radio-option{display:flex;align-items:center;gap:10px;background:#f7fafc;padding:10px 15px;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:all 0.2s;margin-bottom:0px}
.form-group .radio-group .radio-option:hover{border-color:#407afe}

.zljz-row{display:flex;flex-wrap:wrap;margin:0 0px;margin-bottom:15px;justify-content: space-between;}
.zljz-group{background: #fff;  border: 1px solid #e2e8f0; border-radius: 8px; display: flex ; flex-direction: column;gap: 5px;overflow: hidden;}
.zljz-group h4{font-size: 16px; border-bottom: 1px solid #e2e8f0; padding: 10px; background: #f7fafc;}
.zljz-group .zljz-cont{padding: 10px;}
.zljz-group label{display:block;margin-bottom:10px;color:#2d3748}
.zljz-group label span{color:#f03e3e}
.zljz-group .radio-group{display:flex;flex-wrap:wrap;gap:10px;justify-content: flex-start; margin-bottom: 15px;}
.zljz-group .radio-group .radio-option{display:flex;align-items:center;gap:10px;background:#f7fafc;padding:7px 10px;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:all 0.2s;margin-bottom:0px}
.zljz-group .radio-group .radio-option:hover{border-color:#407afe}

.syxy-row{display:flex;flex-wrap:wrap;justify-content: center;}
.syxy-group{display: flex ; align-items: center;justify-content: center;gap: 10px;margin-bottom: 15px;}


.form-actions{display:flex;justify-content:center;gap:20px;}
.form-actions .btn{padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;border:none}
.form-actions .btn-primary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;}
.form-actions .btn-reset{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}
.form-actions .btn-reset:hover{background:#edf2f7;border-color:#cbd5e0}
.form-actions .enabled{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%) !important;color: #fff;}
.form-actions .enabled:hover{background:linear-gradient(90deg,#1b88f9 0%,#2c95f7 100%);box-shadow:0 6px 15px rgba(43,108,176,0.4);transform:translateY(-2px)}

.form-footer{text-align:center;padding:15px;color:#718096;font-size:14px;background:#f8fafc;border-top:1px solid #e2e8f0}


/*专利选择 请不用动*/
.patent-container{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-top:8px}
.patent-header{background:#f7fafc;padding:10px 15px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.patent-header .patent-option{display:flex;align-items:center;gap:10px;background:#f7fafc;padding:7px 10px;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:all 0.2s;margin-bottom:0px}
.patent-header .patent-option:hover{border-color:#407afe}
.patent-search{position:relative;width:300px}
.patent-search input{width:100%;padding:8px 15px 8px 30px;border:1px solid #e2e8f0;border-radius:6px}
.patent-search i{position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size: 23px;}
.patent-list{max-height:200px;overflow-y:auto;padding:10px}
.patent-item{padding:12px;border-radius:6px;margin-bottom:5px !important;display:flex;align-items:flex-start;gap:10px;background:#f7fafc;border:1px solid #e2e8f0;transition:all 0.2s}
.patent-item:hover{background:#ebf8ff;border-color:#bee3f8}
.patent-item input{margin-top:4px}
.patent-info{flex:1}
.patent-number{font-weight:600;color:#407afe;margin-bottom:3px}
.patent-desc{font-size:14px;color:#4a5568}
.selected-patents{margin-top:15px;padding:15px;background:#f0f9ff;border:1px solid #bee3f8;border-radius:8px;display:none}
.selected-patents h4{margin-bottom:10px;color:#407afe;display:flex;align-items:center;gap:8px}
.selected-patents-list{display:flex;flex-wrap:wrap;gap:10px}
.selected-patent{background:white;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e0;font-size:14px;display:flex;align-items:center;gap:8px}
.remove-patent{color:#e53e3e;cursor:pointer;font-size:16px}
.remove-patent i{font-size:13px;}

/*协议弹窗 请不用动*/
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s}
.modal-overlay.active{opacity:1;visibility:visible}
.modal-content{background:white;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.modal-header{padding:10px 15px;background:#1976d2;color:white;display:flex;justify-content:space-between;align-items:center}
.modal-title{font-size:16px;font-weight:600}
.close-modal{background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;line-height:1}
.iframe-container{height:500px;overflow:hidden}
.iframe-container iframe{width:100%;height:100%;border:none}
.modal-footer{padding:10px 15px;background:#f8f9fa;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eee}
.modal-btn{padding:8px 10px;border-radius:4px;font-size:14;cursor:pointer;transition:all 0.2s;border:none}
.confirm-btn{background:#4caf50;color:white}
.close-btn{background:#f44336;color:white}
.modal-btn:hover{opacity:0.9}


@media (max-width:768px){
    .list-head{background: #fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
    .list-qy{padding:70px 2% 20px 2%;}
    .qy-head{padding: 0px 5%;}
    .qy-form{padding: 20px 20px;}
    .form-row{flex-direction:column}
    .form-group{flex:1 0 100%;padding:0 5px}
    .form-group .sshy-group select{width:99%}
    .zljz-group{flex:1 0 100%;margin-bottom:15px;}
    .form-group .radio-group .radio-option{flex:1 0 40%;justify-content: center; margin-bottom: 10px;}
    .patent-search{width:100%}
}