/* AVNO1 圖床品牌樣式(由 nginx sub_filter 注入，不改 Chevereto 檔案)2026-10-22 */
:root {
	--a1: #3cc1b4; --a1-dark: #17796f; --a1-darker: #0f5f58;
	--a1-pink: #fad8d5; --a1-coral: #f9a098;
	--a1-text: #1f2a2e; --a1-muted: #5b6b70; --a1-border: #d5e0e2;
}

/* ---------- 登入／忘記密碼 ---------- */
body.avno1-auth { font-family: Roboto, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif; }
body.avno1-auth .background-cover {
	background:
		radial-gradient(900px 520px at 8% -8%, rgba(250,216,213,.55), transparent 62%),
		radial-gradient(760px 480px at 108% 108%, rgba(249,160,152,.42), transparent 60%),
		linear-gradient(160deg, #3cc1b4 0%, #22a196 52%, #0f5f58 100%) !important;
	filter: none !important;
}
body.avno1-auth .background-cover::before, body.avno1-auth .background-cover::after,
body.avno1-auth .content-box::before, body.avno1-auth .content-box::after,
body.avno1-auth .fancy-box::before, body.avno1-auth .fancy-box::after { display: none !important; }
body.avno1-auth .content-box.card-box {
	width: 400px; max-width: calc(100vw - 32px); padding: 0 !important; margin: 24px auto;
	background: #fff; border-radius: 18px; overflow: hidden; color: var(--a1-text);
	box-shadow: 0 24px 64px rgba(6,46,42,.38), 0 2px 6px rgba(6,46,42,.18);
}
.avno1-band { background: linear-gradient(160deg, #3cc1b4, #2aa89c); padding: 30px 24px 24px; text-align: center; line-height: 0; }
.avno1-band a { display: inline-block; border-radius: 6px; }
.avno1-band a:focus-visible { outline: 3px solid #fff; outline-offset: 6px; }
.avno1-band img { width: 230px; max-width: 70%; height: auto; }
body.avno1-auth .fancy-box { padding: 22px 28px 26px !important; text-align: center; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
body.avno1-auth .fancy-box-heading { margin: 0 !important; font-size: 21px !important; font-weight: 700; letter-spacing: .04em; color: var(--a1-text); }
body.avno1-auth .fancy-box-heading i { display: none; }
.avno1-sub { margin: 6px 0 4px; font-size: 13px; line-height: 1.6; color: var(--a1-muted); }
body.avno1-auth .fancy-box > .content-section:not(form) { font-size: 14px; color: var(--a1-muted); margin: 10px 0 0; }
body.avno1-auth form { margin-top: 10px; text-align: left; }
body.avno1-auth .fancy-fieldset { border: 0; padding: 0; margin: 0; }
.avno1-label { display: block; margin: 14px 0 6px; font-size: 14px; font-weight: 500; color: var(--a1-text); text-align: left; }
body.avno1-auth .input {
	width: 100%; box-sizing: border-box; min-height: 46px; padding: 8px 12px !important; font-size: 16px;
	border: 1px solid var(--a1-border) !important; border-radius: 10px !important; background: #fbfdfd !important; color: var(--a1-text) !important;
	box-shadow: none;
}
body.avno1-auth .input::placeholder { color: #9aa7ab !important; }
body.avno1-auth .input:focus { border-color: var(--a1-dark) !important; box-shadow: 0 0 0 3px rgba(60,193,180,.28) !important; outline: 2px solid transparent; }
body.avno1-auth .input-with-button { position: relative; display: block; }
body.avno1-auth .icon--input-submit, body.avno1-auth .fancy-box form .content-section > .btn { display: none !important; }
.avno1-eye {
	position: absolute; right: 3px; top: 3px;
	width: 40px; height: 40px; padding: 0; border: 0; background: transparent !important; color: var(--a1-dark) !important;
	cursor: pointer; border-radius: 8px; font-size: 17px !important; line-height: 40px; text-align: center;
}
.avno1-eye:hover { color: var(--a1-darker) !important; }
/* 蓋過 Chevereto 的 .input-with-button button(置中定位) */
body.avno1-auth .input-with-button .avno1-eye { top: 3px; bottom: auto; right: 3px; inset-inline-end: 3px; transform: none; }
.avno1-eye:focus-visible { outline: 2px solid var(--a1-dark); }
body.avno1-auth .input[type=password], body.avno1-auth .input.avno1-has-eye { padding-right: 48px !important; }
.avno1-btn {
	display: block; width: 100%; height: 48px; margin-top: 20px; border: 0; border-radius: 10px; cursor: pointer;
	background: var(--a1-dark); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: .2em;
	box-shadow: 0 6px 16px rgba(23,121,111,.28); transition: background .15s;
}
.avno1-btn:hover { background: var(--a1-darker); }
.avno1-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--a1-dark); }
body.avno1-auth .input-label-below { text-align: center !important; margin-top: 16px !important; }
body.avno1-auth .fancy-box a { color: var(--a1-dark); }
body.avno1-auth .fancy-box a:hover { color: var(--a1-darker); }
body.avno1-auth .fancy-box a i { display: none; }
body.avno1-auth .red-warning { color: #b32d2e; font-size: 13px; margin-top: 4px; }
body.avno1-auth #top-left .top-button-icon { color: #fff; }
@media (prefers-reduced-motion: reduce) { .avno1-btn { transition: none; } }
@media (max-width: 480px) {
	.avno1-band { padding: 24px 18px 18px; }
	body.avno1-auth .fancy-box { padding: 20px 20px 22px !important; }
}