/* 产品详情页专用CSS */
.content-wrapper{display:flex;gap:20px;margin-top:20px;}
.main-content{flex:1;min-width:0;}
.sidebar-left{width:280px;flex-shrink:0;}
.product-info-card{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border:1px solid #e0e0e0;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.specs-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.specs-table th,.specs-table td{border:1px solid #e0e0e0;padding:14px 18px;text-align:left;}
.specs-table th{background:linear-gradient(to right,#f8f9fa,#e9ecef);font-weight:600;width:180px;color:#2c3e50;}
.specs-table tr:nth-child(even){background:#fafafa;}
.specs-table tr:hover{background:#f0f8ff;}
.sidebar-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:transform .3s ease,box-shadow .3s ease;}
.sidebar-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.sidebar-title{background:linear-gradient(135deg,#0066cc 0%,#0099ff 100%);color:#fff;padding:14px 18px;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.1);}
.sidebar-content{padding:18px;font-size:13px;}
.sidebar-content a{color:#444;line-height:26px;display:block;text-decoration:none;padding:8px 0;border-bottom:1px dashed #f0f0f0;transition:all .2s ease;position:relative;padding-left:20px;}
.sidebar-content a:before{content:"▶";position:absolute;left:0;color:#0066cc;font-size:10px;transition:transform .2s ease;}
.sidebar-content a:hover{color:#0066cc;background-color:#f8fbff;padding-left:25px;}
.sidebar-content a:hover:before{transform:translateX(3px);}
.sidebar-content a:last-child{border-bottom:none;}
/* 弹窗居中修复 */
.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);}
.popup-content{background:#fff;width:520px;max-width:90%;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2);overflow:hidden;animation:popupIn .3s ease;margin:auto;}
@keyframes popupIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}
.popup-header{background:linear-gradient(135deg,#0066cc 0%,#0099ff 100%);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;}
.popup-close{background:rgba(255,255,255,0.2);border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease;}
.popup-close:hover{background:rgba(255,255,255,0.3);}
.popup-body{padding:24px;max-height:70vh;overflow-y:auto;}
.download-section{margin:25px 0;background:linear-gradient(135deg,#f8fbff 0%,#f0f7ff 100%);border-radius:10px;padding:20px;border:1px solid #e0f0ff;}
.download-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:15px;}
.download-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;}
.download-item:hover{border-color:#0066cc;box-shadow:0 4px 12px rgba(0,102,204,0.1);transform:translateY(-2px);}
.download-info{flex:1;}
.download-name{font-weight:600;color:#2c3e50;margin-bottom:5px;}
.download-size{font-size:12px;color:#7f8c8d;}
.download-btn{background:#0066cc;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:13px;text-decoration:none;transition:background .2s ease;}
.download-btn:hover{background:#0055aa;}
.comment-section{margin-top:40px;padding-top:25px;border-top:2px solid #0066cc;}
.pl{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;}
.pl table{width:100%;border-collapse:collapse;}
.pl td{padding:10px;vertical-align:top;}
.plfont{color:#0066cc;font-weight:bold;}
.pltime{color:#7f8c8d;font-size:12px;}
.pltext{line-height:1.6;color:#333;padding:10px 0;}
.pltext1{background:#f0f7ff;padding:15px;border-radius:6px;margin:10px 0;border-left:3px solid #0066cc;}
.pl1{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;margin-bottom:30px;}
.pl1 table{width:100%;border-collapse:separate;border-spacing:0 12px;}
.pl1 td{padding:5px 0;}
.pl1 input[type="text"],.pl1 textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;transition:border-color .2s ease;}
.pl1 input[type="text"]:focus,.pl1 textarea:focus{border-color:#0066cc;outline:none;box-shadow:0 0 0 2px rgba(0,102,204,0.1);}
.pl1 textarea{min-height:120px;resize:vertical;}
.pl1 .pldes{color:#7f8c8d;font-size:12px;margin-top:5px;}
.pl1 .plbutton{background:linear-gradient(135deg,#0066cc 0%,#0099ff 100%);color:#fff;border:none;padding:12px 30px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;}
.pl1 .plbutton:hover{background:linear-gradient(135deg,#0055aa 0%,#0088ee 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,102,204,0.2);}
@media(max-width:992px){.content-wrapper{flex-direction:column;}.sidebar-left{width:100%;order:2;}.main-content{order:1;}.download-list{grid-template-columns:1fr;}.action-buttons{flex-direction:column;}.action-buttons .btn{width:100%;margin-bottom:10px;}}
.status-tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-right:10px;}
.status-active{background:#d4edda;color:#155724;}
.status-dev{background:#cce5ff;color:#004085;}
.status-stop{background:#e2e3e5;color:#383d41;}
.status-sample{background:#fff3cd;color:#856404;}
.status-out{background:#f8d7da;color:#721c24;}
.action-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;}
.btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;text-align:center;transition:all .2s ease;min-width:140px;}
.btn-primary{background:linear-gradient(135deg,#0066cc 0%,#0099ff 100%);color:#fff;}
.btn-secondary{background:linear-gradient(135deg,#6c757d 0%,#868e96 100%);color:#fff;}
.btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;}
.btn-disabled{background:linear-gradient(135deg,#adb5bd 0%,#ced4da 100%);color:#fff;cursor:not-allowed;}
.btn-primary:hover{background:linear-gradient(135deg,#0055aa 0%,#0088ee 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,0.2);}
.btn-secondary:hover{background:linear-gradient(135deg,#5a6268 0%,#727b84 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,0.2);}
.btn-success:hover{background:linear-gradient(135deg,#218838 0%,#1ba87e 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,0.2);}
.btn-disabled:hover{background:linear-gradient(135deg,#adb5bd 0%,#ced4da 100%);transform:none;box-shadow:none;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#2c3e50;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;transition:all .2s ease;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#0066cc;outline:none;box-shadow:0 0 0 2px rgba(0,102,204,0.1);}
.form-group textarea{min-height:100px;resize:vertical;}
.required::after{content:" *";color:#e74c3c;}
.section-title{color:#2c3e50;border-bottom:2px solid #0066cc;padding-bottom:12px;margin-bottom:20px;font-size:20px;font-weight:600;}
.page{text-align:center;margin-top:30px;}
.page a{display:inline-block;padding:8px 16px;margin:0 4px;border:1px solid #ddd;border-radius:4px;color:#0066cc;text-decoration:none;transition:all .2s ease;}
.page a:hover{background:#0066cc;color:#fff;border-color:#0066cc;}
.page .thisclass{background:#0066cc;color:#fff;border-color:#0066cc;}
.vcode-img{border-radius:4px;border:1px solid #ddd;cursor:pointer;height:38px;}
.vcode-img:hover{opacity:0.8;}