*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px;min-width:320px}.loan-type-tabs{max-width:1200px;margin:10px auto 0;display:flex;background:white;border-radius:15px 15px 0 0;box-shadow:0 4px 12px rgba(0,0,0,0.08);overflow:hidden;border-bottom:1px solid #eaeaea}.loan-type-tabs .tab{flex:1;padding:16px 0;text-align:center;text-decoration:none;font-weight:bold;color:#555;transition:all 0.3s ease;position:relative}.loan-type-tabs .tab.active{color:#667eea;background-color:#f0f4ff}.loan-type-tabs .tab:hover{background-color:#f9f9f9}.loan-type-tabs .tab.active::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px}@media (max-width:768px){.loan-type-tabs{margin-top:10px;border-radius:12px 12px 0 0}.loan-type-tabs .tab{padding:14px 0;font-size:0.95em}}.calculator-container{max-width:1200px;margin:0 auto;background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:25px;text-align:center}.header .h{margin:0 auto;width:200px;text-align:center;display:flex;justify-content:space-evenly;align-items:center}.header span{font-size:28px}.header .h h1{font-size:1.8em;margin-bottom:5px}.header p{opacity:0.9;font-size:0.9em}.content{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:bold;color:#333}.input-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input-item{flex:1;min-width:200px}input[type="number"],select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color 0.3s}input[type="number"]:focus,select:focus{outline:none;border-color:#667eea}.radio-group{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:5px}.calculate-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform 0.2s;margin-right:10px}.reset-btn{width:100%;padding:15px;background:linear-gradient(135deg,#6c757d 0%,#5a6268 100%);color:white;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform 0.2s}.btn-row{display:flex;gap:10px;margin-bottom:20px}.calculate-btn:hover,.reset-btn:hover{transform:translateY(-2px)}.results-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.result-card{padding:25px;border-radius:10px;border-left:5px solid #667eea}.benjin-card{background:#f8f9fa;border-left-color:#28a745}.benxi-card{background:#f8f9fa;border-left-color:#007bff}.result-title{font-size:1.2em;font-weight:bold;margin-bottom:15px;color:#333}.result-item{display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #eee}.result-item:last-child{border-bottom:none}.result-label{font-weight:bold;color:#333}.result-value{color:#667eea;font-weight:bold;font-size:1.1em}.chart-container{margin:15px 0;height:100px;position:relative;background:#e9ecef;border-radius:5px;overflow:hidden}.chart-bar{height:100%;display:flex;align-items:center}.chart-loan{background:linear-gradient(to right,#28a745,#20c997);height:100%}.chart-interest{background:linear-gradient(to right,#dc3545,#fd7e14);height:100%}.chart-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.action-buttons{display:flex;gap:10px;margin-top:15px}.action-btn{flex:1;padding:8px;border:none;border-radius:5px;cursor:pointer;font-size:0.9em}.view-detail{background:#007bff;color:white}.copy-result{background:#ffc107;color:#212529}.info-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.info-table h2,.info-table h3{font-size:18px;margin:0;padding:5px 10px}.info-table{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden}.info-table table{width:100%}.info-table th{background:#f8f9fa;padding:12px;text-align:center}.info-table td{padding:10px;text-align:center;border-bottom:1px solid #eee}.info-table tr:last-child td{border-bottom:none}.lpr-info{margin-top:20px;padding:15px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.modal-content{background-color:white;margin:2% auto;padding:20px;border-radius:10px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover{color:black}.modal-title{font-size:1.5em;margin-bottom:20px;color:#333}.detail-table{width:100%;border-collapse:collapse;margin-bottom:20px}.detail-table th,.detail-table td{border:1px solid #ddd;padding:10px;text-align:center}.detail-table th{background-color:#f8f9fa;font-weight:bold}.detail-table tr:nth-child(even){background-color:#f9f9f9}.stats-table{width:100%;border-collapse:collapse;margin-top:20px}.stats-table th,.stats-table td{border:1px solid #ddd;padding:10px;text-align:center}.stats-table th{background-color:#f8f9fa;font-weight:bold}@media (max-width:768px){.content{padding:20px}.input-row{flex-direction:column;align-items:stretch}.input-item{min-width:100%}.radio-group{flex-direction:column;gap:10px}.results-section{grid-template-columns:1fr}.header{padding:20px 15px}.info-tables{grid-template-columns:1fr}.btn-row{flex-direction:column}.modal-content{width:95%}}.calculator-container.type2 .header{background:linear-gradient(135deg,#28a745 0%,#20c997 100%)}.calculator-container.type2 .calculate-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%)}.calculator-container.type2 input[type="number"]:focus,.calculator-container.type2 select:focus{border-color:#28a745}.calculator-container.type2 .result-value{color:#28a745}.calculator-container.type2 .lpr-info{background:#d4edda;border-left:4px solid #28a745}.calculator-container.type3 .header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.calculator-container.type3 .calculate-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.calculator-container.type3 input[type="number"]:focus,.calculator-container.type3 select:focus{border-color:#667eea}.calculator-container.type3 .result-value{color:#667eea}.calculator-container.type3 .lpr-info{background:#fff3cd;border-left:4px solid #ffc107}#displayRate{padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color 0.3s;cursor:default}.footer{margin-top:10px;padding:10px 0;border-top:1px solid #ccc;text-align:center}