/* Aviation Calculations 工具页  （自 web/tool/calculation.html 抽出，2026-10-14）
   v3 紧凑化：更窄网格列 + 更小间距/字号 */
/* ===== Aviation Calculations 页面样式 v2（标签上置 + 整行对齐，杜绝换行错位）===== */
		.calc-nav
		{
			background: linear-gradient(150deg, rgba(255,255,255,.76), rgba(255,255,255,.58));
			backdrop-filter: blur(20px) saturate(180%);
			-webkit-backdrop-filter: blur(20px) saturate(180%);
			border: 1px solid rgba(255,255,255,.68);
			box-shadow: 0 2px 10px rgba(31,45,61,.06), inset 0 1px 0 rgba(255,255,255,.85);
			border-radius: 12px;
			box-shadow: 0 2px 12px rgba(37,99,235,.08);
			padding: .75rem 1rem;
			margin-bottom: .85rem;
		}
		.calc-nav-group
		{
			display: flex;
			align-items: baseline;
			gap: .6rem;
			flex-wrap: wrap;
			padding: .22rem 0;
		}
		.calc-nav-group h5
		{
			margin: 0;
			font-size: .75rem;
			font-weight: 700;
			color: #6b7280;
			text-transform: uppercase;
			letter-spacing: .04em;
			min-width: 5.2rem;
		}
		.calc-chip
		{
			display: inline-flex;
			align-items: center;
			gap: .35rem;
			padding: .25rem .65rem;
			border-radius: 999px;
			background: #fff;
			border: 1px solid #e5e7eb;
			color: #1d4ed8;
			font-size: .78rem;
			text-decoration: none;
			transition: all .15s ease;
		}
		.calc-chip i
		{
			font-size: .72rem;
			color: #6366f1;
			transition: color .15s ease;
		}
		.calc-chip:hover
		{
			background: linear-gradient(135deg, #2563eb, #6366f1);
			color: #fff;
			border-color: transparent;
			transform: translateY(-1px);
			box-shadow: 0 4px 10px rgba(37,99,235,.25);
		}
		.calc-chip:hover i
		{
			color: #fff;
		}
		.calc-grid
		{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
			gap: .85rem;
			margin-top: .85rem;
		}
		.calc-card
		{
			background: linear-gradient(150deg, rgba(255,255,255,.76), rgba(255,255,255,.58));
			backdrop-filter: blur(20px) saturate(180%);
			-webkit-backdrop-filter: blur(20px) saturate(180%);
			border: 1px solid rgba(255,255,255,.68);
			box-shadow: 0 2px 10px rgba(31,45,61,.06), inset 0 1px 0 rgba(255,255,255,.85);
			border-radius: 14px;
			box-shadow: 0 2px 12px rgba(37,99,235,.08);
			overflow: hidden;
			transition: transform .15s ease, box-shadow .15s ease;
		}
		.calc-card:hover
		{
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(37,99,235,.15);
		}
		.calc-head
		{
			display: flex;
			align-items: center;
			gap: .55rem;
			padding: .55rem .8rem;
			background: linear-gradient(135deg, #eff6ff, #eef2ff);
			border-bottom: 1px solid #e8eaf6;
		}
		.calc-head .calc-ico
		{
			flex: none;
			width: 1.85rem;
			height: 1.85rem;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 10px;
			background: linear-gradient(135deg, #2563eb, #6366f1);
			color: #fff;
			font-size: .82rem;
		}
		.calc-head h4
		{
			margin: 0;
			font-size: .88rem;
			font-weight: 700;
			color: #111827;
			line-height: 1.2;
		}
		.calc-head .calc-cn
		{
			font-size: .68rem;
			color: #6b7280;
		}
		.calc-card form
		{
			margin: 0;
			padding: 0;
			border: 0;
		}
		.calc-body
		{
			display: grid;
			grid-template-columns: 3fr 1fr;
		}
		/* 结果区多字段（如 Time 的 hr/min）窄列下允许换行 */
		.calc-results .fin
		{
			flex-wrap: wrap;
			row-gap: .25rem;
		}
		.calc-col
		{
			min-width: 0;
			padding: .6rem .8rem;
			display: flex;
			flex-direction: column;
			gap: .45rem;
			justify-content: center;
		}
		.calc-results
		{
			background: #f8faff;
			border-left: 1px dashed #dbe3f4;
		}
		/* 字段：标签在上，输入整行 —— 无换行、列内天然对齐 */
		.fld .flab
		{
			display: block;
			font-size: .72rem;
			font-weight: 600;
			color: #6b7280;
			margin-bottom: .18rem;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.fld .fin
		{
			display: flex;
			align-items: center;
			gap: .4rem;
			min-width: 0;
		}
		.calc-input
		{
			flex: 1 1 3.5rem;
			min-width: 0;
			text-align: right;
			border: 1px solid #d1d5db;
			border-radius: 8px;
			padding: .25rem .45rem;
			font-size: .85rem;
			color: #111827;
			background: #fff;
			outline: none;
			transition: border-color .15s ease, box-shadow .15s ease;
		}
		.calc-input:focus
		{
			border-color: #2563eb;
			box-shadow: 0 0 0 3px rgba(37,99,235,.12);
		}
		.calc-input[readonly]
		{
			background: #eef2ff;
			border-color: #e0e7ff;
			color: #1d4ed8;
			font-weight: 600;
		}
		.calc-input.fixw
		{
			flex: none;
			width: 2.9rem;
		}
		.calc-unit
		{
			flex: none;
			font-size: .7rem;
			color: #6b7280;
			white-space: nowrap;
		}
		.calc-radio
		{
			accent-color: #2563eb;
			margin: 0 .15rem 0 .3rem;
			vertical-align: middle;
		}
		.calc-lab
		{
			font-size: .74rem;
			color: #4b5563;
			white-space: nowrap;
		}
		.calc-select
		{
			flex: none;
			border: 1px solid #d1d5db;
			border-radius: 8px;
			padding: .22rem .28rem;
			font-size: .74rem;
			background: #fff;
			color: #111827;
			outline: none;
		}
		.calc-foot
		{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: .4rem;
			padding: .45rem .8rem;
			border-top: 1px solid #eef1f8;
			background: #fcfdff;
		}
		.calc-btn
		{
			flex: none;
			background: linear-gradient(135deg, #2563eb, #6366f1);
			color: #fff;
			border: none;
			border-radius: 8px;
			padding: .35rem 1.1rem;
			font-size: .8rem;
			cursor: pointer;
			transition: all .15s ease;
		}
		.calc-btn:hover
		{
			opacity: .92;
			transform: translateY(-1px);
			box-shadow: 0 4px 12px rgba(37,99,235,.35);
		}
		@media (max-width: 900px)
		{
			.calc-grid
			{
				grid-template-columns: 1fr;
			}
			.calc-body
			{
				grid-template-columns: 1fr;
			}
			.calc-results
			{
				border-left: none;
				border-top: 1px dashed #dbe3f4;
			}
		}