/* CSS Document — 天眼 i 助理 登入頁（Bootstrap 5 · 白底藍綠主題） */

:root {
	--primary: #235eb7;
	--primary-deep: #1d4ed8;
	--accent-teal: #1f9d8f;
	--accent-teal-deep: #16756a;
	--text-main: #1f2937;
	--text-muted: #6b7280;
	--line: #e5e7eb;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	color: var(--text-main);
	/* 藍綠科技漸層 + 左下角插圖（與系統 hero-banner 一致的色調） */
	background-image: url("../images/iA_login_pic.svg"),
	                  linear-gradient(120deg, #0f2c4d 0%, #15497a 45%, #1f7a8c 100%);
	background-size: 100% auto, cover;
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, center center;
	background-attachment: scroll, fixed;
}

/* 點陣科技紋理 */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
	z-index: 0;
}

/* 衛星軌道環 */
body::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 640px;
	height: 640px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.03), 0 0 0 120px rgba(255, 255, 255, 0.01);
	pointer-events: none;
}

/*------------------ 登入版面 ------------------*/
.login_page {
	position: relative;
	z-index: 1;
	width: 30%;
	max-width: 460px;
	margin: 0 0 0 58%;
	padding: 1.5rem 0;
	flex: 1 1 auto;        /* 撐滿卡片與 footer 之間的空間，footer 不再被擠出畫面 */
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-shadow: none;
}

/* LOGO 區 */
.sys_logo {
	display: block;
	margin: 0 auto 1rem auto;
	padding: 0;
	text-align: center;
	position: relative;
}
.sys_logo span:not(.test_w) { display: none; }
.sys_logo img {
	display: inline-block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}
.sys_logo .test_w {
	display: inline-block;
	margin: 0;
	padding: 3px 10px;
	background: var(--accent-teal);
	color: #fff;
	position: absolute;
	bottom: 2px;
	right: 8px;
	border-radius: 0.5em;
	font-size: 0.8rem;
	font-weight: 600;
}

/* 登入卡片 */
.login-card {
	border: none;
	border-radius: 1rem;
	box-shadow: 0 18px 40px -12px rgba(0,0,0,.45);
	background: #fff;
}
.login-card .card-body { padding: 1.75rem; }

/* 輸入框群組（BS5：input-group-text 直接放在 input-group 內） */
.login-card .input-group-text {
	min-width: 46px;
	justify-content: center;
	background: #f1f5f9;
	border-color: var(--line);
	color: var(--primary);
}

/* teal 副按鈕（會員中心） */
.btn-teal {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--accent-teal);
	--bs-btn-border-color: var(--accent-teal);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--accent-teal-deep);
	--bs-btn-hover-border-color: var(--accent-teal-deep);
	--bs-btn-active-bg: var(--accent-teal-deep);
	--bs-btn-active-border-color: var(--accent-teal-deep);
}

/* App 下載按鈕 */
.app_btn img {
	max-width: 160px;
	width: 80%;
	height: auto;
}

/* 底部版權列 */
.footer_box {
	position: relative;
	z-index: 1;
	background: rgba(8, 24, 40, 0.85) !important;
	backdrop-filter: blur(2px);
}
.footer_box .form-control-plaintext { font-size: 0.82rem; }

/*-----------------≤990px-------------------*/
@media screen and (max-width: 990px) {
	body {
		height: auto;
		background-size: 70% auto, cover;
	}
	.login_page {
		width: 70%;
		max-width: 480px;
		margin: 0 auto;
		padding: 2rem 0;
	}
}

/*-----------------≤768px-------------------*/
@media screen and (max-width: 768px) {
	body { background-size: 0 0, cover; }   /* 小螢幕隱藏左下插圖，純漸層 */
	.login_page { width: 86%; }
	.sys_logo img { width: 78%; }
	/* 手機版：footer 內容置中 */
	.footer_box .row { justify-content: center; }
	.footer_box [class*="col-"] { text-align: center !important; }
	.footer_box .col-md-4 { margin-bottom: 0.4rem; }
}