.tool-card{background:#fff;border-radius:8px;padding:24px 20px;margin:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,.1)}.container{max-width:480px;margin:0 auto;padding:20px 16px;flex:1}.breadcrumb{font-size:14px;color:#666}.btn{width:100%;padding:14px;background:#0056b3;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:hover{background:#004494;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.result-card{background:#f8f9ff;border:1px solid #e3e8ff;border-radius:8px;padding:20px;margin-top:20px;display:none}.result-item{margin-bottom:12px;padding:12px;background:#fff;border-radius:6px;border-left:4px solid #0056b3}.result-item:last-child{margin-bottom:0}.result-label{font-size:13px;color:#666;font-weight:500}.result-value{font-size:15px;color:#333;font-weight:600;margin-top:4px}.tips{background:#fff9e6;border:1px solid #ffeaa7;border-radius:6px;padding:16px;margin-bottom:20px}.tips-title{font-size:14px;font-weight:600;color:#d63031;margin-bottom:8px}.tips-text{font-size:13px;color:#666;line-height:1.6}@media (max-width:480px){.container{padding:16px 12px}.tool-card{padding:20px 16px}.header{padding:20px 16px}}