/**
 * 段二餘件①：拍賣專區樣式（staging 源碼交審零部署）。
 * 照 v0.2 §五風格統一條款：茶褐金色系照站內既有色板（茶褐棕基底＋金 accent 深淺兩階，
 * 唔另起新色盤）；徽章共用線 2 svip-display 語言；字體/間距照 theme token（唔引入新字體）。
 * 流動端半屏面板照 bid-ui-component-spec-v1 驗收⑥。
 *
 * 色板 token（茶褐金色系——值候 TM 審核對齊站內 CSS 變數後收編）：
 * --zta-brown:  #5b4636（茶褐棕基底）
 * --zta-brown-d:#3f2f24（深階：頁頭/按鈕主）
 * --zta-gold:   #b8925a（金 accent）
 * --zta-cream:  #f6f1e7（米白底）
 */

:root {
	--zta-brown: #5b4636;
	--zta-brown-d: #3f2f24;
	--zta-gold: #b8925a;
	--zta-gold-l: #d8b98a;
	--zta-cream: #f6f1e7;
	--zta-line: #e3d9c8;
	--zta-ink: #271f19;
	--zta-green: #49684f;
}

/* ── 頁樹殼 ── */
.zta-auction-shell { max-width: 1080px; margin: 0 auto; padding: 1.5rem; }
.zta-showcase-window {
	position: relative;
	margin: 0 0 1.5rem;
	padding: 2.35rem 1.5rem 1.5rem;
	border: 4px solid var(--zta-brown-d);
	border-radius: 8px;
	box-shadow: 0 0 0 2px var(--zta-gold-l) inset, 0 0 0 5px rgba(184,146,90,.3), 0 9px 18px rgba(63,47,36,.12);
	background: #fffdf9;
}
.zta-showcase-window::before {
	position: absolute;
	top: -4px;
	left: 1rem;
	padding: .28rem .7rem;
	border: 4px solid var(--zta-brown-d);
	border-top: 0;
	border-radius: 0 0 5px 5px;
	background: var(--zta-brown-d);
	color: #fff;
	content: "SVIP AUCTION WINDOW";
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.2;
}
.zta-kicker { margin: 0 0 .4rem; color: var(--zta-green); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.zta-primary-cta { display: inline-block; padding: .55rem 1.2rem; border-radius: 6px; background: var(--zta-brown-d); color: #fff; font-weight: 700; text-decoration: none; }
.zta-primary-cta:hover { color: #fff; background: var(--zta-ink); }
.zta-window-header {
	margin: 0 0 1.1rem;
	padding: 1rem 0 .85rem;
	border-bottom: 1px solid var(--zta-line);
}
.zta-window-header h1 {
	margin: 0 0 .35rem;
	color: var(--zta-ink);
	font-size: 2rem;
	line-height: 1.2;
}
.zta-window-header p:last-child {
	max-width: 46rem;
	margin: 0;
	color: var(--zta-brown);
}
.zta-auction-hero, .zta-upgrade-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(220px, .9fr);
	gap: 1.2rem;
	align-items: center;
	margin: 0 0 1.25rem;
	padding: 1.1rem;
	border: 1px solid var(--zta-line);
	border-radius: 8px;
	background: #fbf7ef;
}
.zta-auction-hero h1, .zta-upgrade-intro h1 { margin: 0 0 .45rem; color: var(--zta-ink); }
.zta-auction-hero img, .zta-upgrade-intro img, .zta-lot-hero img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border: 1px solid rgba(91,70,54,.2);
	border-radius: 8px;
	background: #fff;
}
.svipev-entry {
	margin: 0 0 1rem;
	padding: .6rem .9rem;
	border: 1px solid rgba(73,104,79,.28);
	border-radius: 8px;
	background: #f4f7f1;
}
.svipev-entry a { color: #2f5237; font-weight: 700; text-decoration: none; }
.zta-enterprise-entry {
	display: flex;
	justify-content: space-between;
	gap: .8rem;
	align-items: center;
}
.zta-enterprise-entry span {
	color: #526454;
	font-size: .9rem;
}

/* ── 拍品卡格柵（列表頁） ── */
.zta-lot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } /* d5 定案：12格橫3直4＝3欄 */ @media (max-width: 780px) { .zta-lot-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .zta-lot-grid { grid-template-columns: 1fr; } }
.zta-lot-card { overflow: hidden; border: 1px solid #b99a6b; border-radius: 8px; box-shadow: 0 1px 0 rgba(255,255,255,.85) inset, 0 3px 8px rgba(63,47,36,.08); background: #fffdf9; }
.zta-lot-image { display: block; color: inherit; text-decoration: none; }
.zta-lot-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--zta-cream); }
.zta-lot-card-body { padding: .8rem; }
.zta-lot-card h3 { min-height: 2.6em; margin: .35rem 0 .55rem; color: var(--zta-brown-d); font-size: 1rem; line-height: 1.3; }
.zta-lot-card span { display: block; font-size: .9rem; color: var(--zta-brown); }
.zta-lot-card .zta-badge { display: inline-block; margin-bottom: .15rem; color: #fff; }
.zta-lot-price { font-weight: 700; }
.zta-lot-bids { margin-top: .2rem; color: #6b6259; }

/* ── 狀態徽章（競投中/預展/已成交/流拍——照企業查核徽章語言：繁體原值＋三色） ── */
.zta-badge, .bp-status { display: inline-block; padding: .15rem .6rem; border-radius: 999px; font-size: .85rem; }
.zta-status-live   { background: #2e7d32; color: #fff; }   /* 競投中＝綠 */
.zta-status-preview{ background: var(--zta-gold); color: #fff; } /* 預展＝金 */
.zta-status-sold   { background: var(--zta-brown-d); color: #fff; } /* 已成交＝深棕 */
.zta-status-unsold, .zta-status-draft { background: #9e9e9e; color: #fff; } /* 流拍/草稿＝灰 */

/* ── 拍品詳情頁 ── */
.zta-lot h1 { color: var(--zta-brown-d); border-bottom: 2px solid var(--zta-gold); padding-bottom: .4rem; }
.zta-lot-lede { margin: -.15rem 0 .8rem; color: var(--zta-brown); }
.zta-lot-hero { margin: .7rem 0 1rem; }
.zta-lot-trust-strip {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .6rem;
	margin: .6rem 0 1rem;
}
.zta-lot-trust-strip span {
	padding: .55rem .65rem;
	border: 1px solid var(--zta-line);
	border-radius: 8px;
	background: #fffdf9;
	color: var(--zta-brown-d);
	font-size: .9rem;
	font-weight: 700;
	text-align: center;
}
.zta-provenance { background: var(--zta-cream); border-left: 4px solid var(--zta-gold); padding: .75rem 1rem; margin: .75rem 0; }
.zta-disclosure { font-size: .9rem; color: var(--zta-brown); margin-top: .35rem; }
.zta-unguaranteed { color: #b71c1c; font-weight: 600; }
.zta-status span { margin-right: 1rem; }
.zta-cash-notice { font-weight: 600; color: var(--zta-brown-d); background: var(--zta-gold-l); display: inline-block; padding: .25rem .6rem; border-radius: 4px; }

/* ── 出價面板（三態按鈕：主/次/禁用） ── */
.zta-bid-panel-slot { margin: 1rem 0; }
#zta-bid-root button, .bp-actions button {
	background: var(--zta-brown-d); color: #fff; border: 0; border-radius: 6px;
	padding: .6rem 1.4rem; font-size: 1rem; cursor: pointer;
}
.bp-actions button:disabled { background: #bdbdbd; cursor: not-allowed; }
.bp-toast { display: none; margin-top: .5rem; padding: .5rem .8rem; border-radius: 4px; background: var(--zta-brown); color: #fff; }
.bp-extension-flash { display: none; color: #e65100; font-weight: 700; }
.bp-history, .zta-bidhistory, .zta-deposits, .zta-won { list-style: none; padding-left: 0; }
.bp-history li, .zta-bidhistory li, .zta-deposits li, .zta-won li { border-bottom: 1px dashed var(--zta-line); padding: .3rem 0; font-size: .92rem; }

/* ── 試算器 ── */
.zta-calculator-slot { background: var(--zta-cream); padding: .75rem 1rem; border-radius: 6px; margin: .75rem 0; }
.zta-calc-result { margin-top: .4rem; font-weight: 700; color: var(--zta-brown-d); }

/* ── 升級頁 ── */
.zta-upgrade-hook { background: var(--zta-cream); border: 1px solid var(--zta-gold); border-radius: 8px; padding: 1rem; }
.zta-upgrade-steps, .zta-window-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .8rem;
	margin: 1rem 0;
}
.zta-upgrade-steps div, .zta-window-card-grid article {
	border: 1px solid var(--zta-line);
	border-radius: 8px;
	background: #fffdf9;
	padding: .85rem;
}
.zta-upgrade-steps strong {
	display: inline-grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	margin-right: .45rem;
	border-radius: 999px;
	background: var(--zta-brown-d);
	color: #fff;
}
.zta-upgrade-steps span { color: var(--zta-brown-d); font-weight: 700; }
.zta-window-card-grid h2 { margin: 0 0 .35rem; color: var(--zta-brown-d); font-size: 1.05rem; }
.zta-window-card-grid p { margin: 0; color: var(--zta-brown); }

/* ── 流動端：出價面板半屏（bid-ui spec 驗收⑥） ── */
@media (max-width: 640px) {
	.zta-showcase-window { padding: 2.25rem 1rem 1rem; }
	.zta-showcase-window::before { left: .75rem; font-size: .67rem; }
	.zta-auction-hero, .zta-upgrade-intro { grid-template-columns: 1fr; }
	.zta-window-header h1 { font-size: 1.55rem; }
	.zta-enterprise-entry { align-items: flex-start; flex-direction: column; }
	.zta-lot-trust-strip, .zta-upgrade-steps, .zta-window-card-grid { grid-template-columns: 1fr; }
	#zta-bid-root {
		position: fixed; left: 0; right: 0; bottom: 0;
		background: #fff; border-top: 2px solid var(--zta-gold);
		padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
		box-shadow: 0 -4px 16px rgba(0,0,0,.15); z-index: 99;
	}
	.zta-auction-shell { padding-bottom: 7rem; } /* 半屏面板不遮內容 */
}