*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
body{background-color:#f8fafc;color:#333;line-height:1.6}

/* 头部 */
header{background-color:#1E40AF;color:white;padding:16px 0;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.header-box{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center}
.logo{text-decoration:none;color:white;font-size:22px;font-weight:600}
.nav-btn{display:none;background:none;border:none;color:white;font-size:26px;cursor:pointer}
nav ul{display:flex;list-style:none;gap:20px}
nav a{color:white;text-decoration:none;font-weight:500;transition:opacity 0.2s;padding:8px 0;position:relative}
nav a:hover{opacity:0.9}
nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width 0.3s}
nav a:hover::after{width:100%}

main{max-width:1200px;margin:20px auto;padding:0 16px;}

/* 位置*/
.weizhi{font-size:14px;color:#666;margin-bottom:20px}
.weizhi a{color:#1E40AF;text-decoration:none}
.weizhi a:hover{text-decoration:underline}

/* 计算器介绍*/
.jsq-js{background-color:#fff;border-radius:8px;padding:2%;margin-bottom:25px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.jsq-js h3{color:#1E40AF;margin-bottom:20px;font-size:20px;border-bottom:1px solid #e2e8f0;padding-bottom:10px;font-weight:500}
.jsq-js p{margin-bottom:15px;line-height:1.7}

/* 计算器列表 */
.jsq-fl{background-color:#fff;border-radius:8px;padding:2%;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.jsq-fl-title{color:#1E40AF;margin-bottom:20px;font-size:20px;border-bottom:1px solid #e2e8f0;padding-bottom:10px;font-weight:500}
.jsq-fl-list{padding:0px 10px}
.jsq-fl-list a{padding:10px 15px;border-radius:4px;text-decoration:none;color:#333;font-size:14px;transition:all 0.2s;display:inline-block;margin:5px 5px 5px 0}
.jsq-fl-list a:hover{background-color:#EFF6FF;color:#1E40AF}

/* 计算器样式 */

.calc-card{width:100%;background:#ffffff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.08);border:1px solid #f0f0f0;overflow:hidden;margin-bottom: 25px;}

.calc-header{padding:20px 25px;background-color:#F8FAFC;border-bottom:1px solid #e5e7eb}
.calc-header h1{color:#1E40AF;font-size:22px;margin-bottom:10px;font-weight:600}
.calc-header p{color:#666;font-size:14px}

.calc-form{padding:25px;}
.calc-row{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.input-label{font-size:16px;color:#333;font-weight:500;width:150px;white-space:nowrap}
.input-field{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;width:220px}
.input-field:focus{outline:none;border-color:#1E40AF;box-shadow:0 0 0 2px rgba(30,64,175,0.1)}
.input-field[readonly]{background-color:#f9fafb;cursor:not-allowed}
.textarea-field{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;width:220px;height: 60px;}
.textarea-field:focus{outline:none;border-color:#1E40AF;box-shadow:0 0 0 2px rgba(30,64,175,0.1)}

.calc-form h2{font-size: 20px;margin-bottom: 15px;}
.calc-form hr{margin:20px 0px;}

.calc-btn{padding:12px 36px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;background:#1E40AF;color:#fff}
.calc-btn.reset-btn{background:#f5f5f5;color:#666;}
.calc-btn:hover:not(.reset-btn){background-color:#17368b}
.calc-btn.reset-btn:hover{background-color:#e0e0e0}

.unit{color:#666;font-size:16px;white-space:nowrap}
.equals{margin:0 8px;color:#666}

.calc-info{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;font-size:14px;color:#666}
.calc-info p{margin-bottom:12px}


/* 页脚 */
footer{background-color:#1E40AF;color:white;padding:10px 0px;}
.copyright{max-width:1200px;margin:0 auto;padding:0 25px;text-align:center;font-size:14px;color:rgba(255,255,255,1)}
.copyright a{color: white;}

/*自定义*/
.dhljsq .input-label{width: 200px;}
.eyhtjsq .input-label{width: 180px;}
.eyhtjsq .input-field{width: 270px;}
.fcjsq .input-label{width: 180px;}
.fcjsq .input-field{width: 270px;}
.hffjsq .input-label{width: 180px;}
.jxqdjsq .input-label{width: 200px;}
.jxqdjsq .input-field{width: 270px;}
.jzxjsq .input-label{width: 180px;}
.ljzsjsq .input-label{width: 195px;}
.ljzsjsq .input-field{width: 270px;}
.njzsjsq .input-label{width: 210px;}
.njzsjsq .input-field{width: 270px;}
.tqjsq .input-label{width: 210px;}
.tqjsq .input-field{width: 270px;}
.yjsq .input-label{width: 210px;}




@media (max-width:768px){
    .header-box{flex-direction:column;gap:15px;padding:0px}
    nav{display: none;}
    nav ul{flex-wrap:wrap;justify-content:center}
    .nav-btn{display:block;position:absolute;right:15px}
    .calc-btn{width:100%}
    .input-field{width: 90% !important;}

    /*自定义*/


}