.tool-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:15px}.form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.container{margin:0 auto;padding:20px 16px;max-width:600px;flex:1}.breadcrumb{font-size:14px;color:#666;}.btn{width:100%;padding:14px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:hover{background:#0056b3;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.result-card{background:#f8f9ff;border:1px solid #e3e8ff;border-radius:12px;padding:20px;margin-top:20px;display:none}.result-card.show{display:block;animation:fadeIn .3s ease}.result-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;text-align:center}.result-item{background:#fff;padding:16px;border-radius:8px;margin-bottom:12px;border-left:4px solid #007bff}.result-item:last-child{margin-bottom:0}.result-label{font-size:14px;color:#666;margin-bottom:4px}.result-value{font-size:16px;font-weight:600;color:#333}.tips-card{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-top:20px}.tips-title{font-size:15px;font-weight:600;color:#856404;margin-bottom:8px}.tips-content{font-size:14px;color:#856404;line-height:1.6}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.header{padding:20px 12px}.container{padding:16px 12px}.tool-card{padding:20px 16px}}