:root{--primary:#1a3a5f;--accent:#d32f2f;--bg:#f0f2f5}body{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",sans-serif;background-color:var(--bg);padding:20px;color:#333}.container{max-width:950px;margin:0 auto;background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}h1{text-align:center;color:var(--primary);margin-bottom:30px;font-size:1.8rem;border-bottom:3px solid var(--primary);padding-bottom:15px}.form-section-title{font-weight:700;color:var(--primary);border-left:5px solid var(--primary);padding-left:10px;margin:25px 0 15px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px 25px}.form-group{display:flex;flex-direction:column;margin-bottom:10px}label{font-weight:700;margin-bottom:5px;font-size:.85rem;color:#444}input,select{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border .3s}input:focus{border-color:var(--primary);outline:none}.calc-btn{width:100%;padding:20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:30px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.calc-btn:hover{background:#122a45;transform:translateY(-1px)}.result-box{margin-top:40px;display:none;border:1px solid #ddd;border-radius:12px;overflow:hidden}.result-header{background:var(--primary);color:#fff;padding:15px;text-align:center;font-size:1.2rem;font-weight:700}.result-content{padding:25px;background:#fff}.result-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.result-total{display:flex;justify-content:space-between;padding:20px 0;border-top:2px solid #333;margin-top:10px;font-weight:700;font-size:1.5rem;color:var(--accent)}.note{font-size:.8rem;color:#666;margin-top:20px;background:#f9f9f9;padding:15px;border-radius:8px}@media screen and (max-width:600px){.container{padding:20px 15px}h1{font-size:1.4rem}.form-grid{grid-template-columns:1fr}.calc-btn{font-size:1rem;padding:15px}.result-total{font-size:1.2rem;flex-direction:column;text-align:center}.result-total span:last-child{margin-top:10px}}input:focus,select:focus{border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.3)}