.calc-header {
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
color: white;
}
.calc-header h2 {
margin-top: 0;
color: white;
font-size: 28px;
margin-bottom: 10px;
}
.calc-header p {
margin: 10px 0;
opacity: 0.95;
font-size: 15px;
}
.input-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 20px;
}
.input-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.input-group label {
font-weight: bold;
font-size: 14px;
color: rgba(255,255,255,0.95);
}
.input-row {
display: flex;
gap: 10px;
}
.input-group input,
.input-group select {
padding: 12px;
font-size: 16px;
border: 2px solid rgba(255,255,255,0.3);
border-radius: 6px;
background: rgba(255,255,255,0.95);
transition: all 0.3s ease;
font-family: 'Courier New', monospace;
}
.input-group input {
flex: 1;
}
.input-group select {
min-width: 150px;
}
.input-group input:focus,
.input-group select:focus {
outline: none;
border-color: #4CAF50;
background: white;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.calc-button {
margin-top: 20px;
padding: 14px 35px;
font-size: 16px;
background: #4CAF50;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
width: 100%;
}
.calc-button:hover {
background: #45a049;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.calc-button:active {
background: #3d8b40;
transform: translateY(0);
}
.result-section {
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
margin-top: 30px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
display: none;
}
.result-section.show {
display: block;
}
.section-header {
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
padding: 15px 20px;
font-size: 18px;
font-weight: bold;
}
.section-content {
padding: 20px;
background: #fafafa;
}
.data-row {
display: flex;
margin: 12px 0;
padding: 10px;
background: white;
border-radius: 4px;
border-left: 3px solid #4CAF50;
}
.data-label {
font-weight: bold;
color: #555;
min-width: 220px;
flex-shrink: 0;
}
.data-value {
color: #333;
font-family: 'Courier New', monospace;
word-break: break-word;
}
.data-value.highlight {
color: #4CAF50;
font-weight: bold;
font-size: 18px;
}
.info-box {
margin-top: 30px;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
border-top: 3px solid #4CAF50;
}
.info-box h3 {
margin-top: 0;
color: #4CAF50;
font-size: 20px;
}
.info-box p {
line-height: 1.6;
color: #555;
margin: 10px 0;
}
/* Responsive design */
@media (max-width: 768px) {
.input-grid {
grid-template-columns: 1fr;
}
.input-row {
flex-direction: column;
}
.input-group select {
width: 100%;
}
.data-row {
flex-direction: column;
}
.data-label {
margin-bottom: 5px;
min-width: auto;
}
}
Giới thiệu về vùng Fresnel
Vùng Fresnel là gì?Vùng Fresnel là một vùng hình elip xung quanh đường ngắm trực quan giữa hai ăng-ten. Sóng vô tuyến lan truyền khi chúng di chuyển và vùng này đại diện cho khu vực mà các sóng đó có thể gây nhiễu mang tính xây dựng hoặc phá hủy.
Tại sao nó quan trọng?Để có hiệu suất liên kết RF tối ưu, ít nhất 60% Vùng Fresnel đầu tiên phải không có vật cản (tòa nhà, cây cối, địa hình). Máy tính này giúp bạn xác định bán kính khoảng trống cần thiết tại điểm giữa của liên kết không dây.
Cách sử dụng:Nhập tần số hoạt động của bạn và tổng khoảng cách giữa các ăng-ten. Máy tính sẽ hiển thị cho bạn bán kính của Vùng Fresnel tại điểm rộng nhất của nó (trung tâm của liên kết).