.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;
}
}
Om Fresnel Zones
Vad är en Fresnel-zon?Fresnel-zonen är ett elliptiskt område runt den visuella siktlinjen mellan två antenner. Radiovågor sprids ut när de färdas, och denna zon representerar området där dessa vågor kan störa konstruktivt eller destruktivt.
Varför är det viktigt?För optimal RF-länkprestanda bör minst 60 % av den första Fresnelzonen vara fri från hinder (byggnader, träd, terräng). Denna kalkylator hjälper dig att bestämma den nödvändiga frigångsradien i mitten av din trådlösa länk.
Hur man använder:Ange din driftsfrekvens och det totala avståndet mellan antennerna. Kalkylatorn visar radien för Fresnel-zonen på dess bredaste punkt (mitten av länken).