:root { color-scheme: light; --ink:#1e2924; --muted:#6b756f; --paper:#f4f1e9; --card:#fffdf7; --line:#d9d4c7; --green:#245c45; --red:#a33a2c; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:15px/1.55 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif; }
header { display:flex; justify-content:space-between; align-items:end; gap:24px; padding:42px max(24px,calc((100vw - 1320px)/2)); color:#f8f4e9; background:var(--green); }
h1 { margin:0; font-family:Georgia,"Noto Serif TC",serif; font-size:clamp(34px,6vw,64px); font-weight:500; letter-spacing:-.04em; }
.eyebrow { margin:0 0 4px; font-size:11px; letter-spacing:.22em; opacity:.75; }
header p:last-child { margin:4px 0 0; opacity:.8; }
button { border:1px solid currentColor; border-radius:999px; padding:9px 16px; color:inherit; background:transparent; cursor:pointer; }
.header-actions { display:flex; align-items:center; gap:9px; }
.icon-button { display:grid; width:42px; height:42px; padding:9px; place-items:center; }
.icon-button svg { width:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
main { max-width:1368px; margin:auto; padding:24px; }
.range-summary { margin:0 0 14px; color:var(--muted); font-size:13px; }
dialog { width:min(680px,calc(100% - 28px)); padding:0; border:0; border-radius:18px; color:var(--ink); background:transparent; box-shadow:0 24px 80px #14231d52; }
dialog::backdrop { background:#14231d8c; backdrop-filter:blur(3px); }
.monitor-settings { padding:24px; color:var(--ink); background:#eef3ef; border:1px solid #c7d6ce; border-radius:18px; }
.settings-heading { display:flex; justify-content:space-between; align-items:start; gap:16px; }
.monitor-settings h2 { margin:0; font:600 22px/1.3 Georgia,"Noto Serif TC",serif; }
.monitor-settings p { margin:8px 0 18px; color:var(--muted); }
.monitor-settings .eyebrow { color:var(--green); }
.monitor-settings form { display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:12px; align-items:end; }
.monitor-settings label small { max-width:180px; line-height:1.35; }
.monitor-settings button { min-height:40px; color:white; background:var(--green); border-color:var(--green); }
.monitor-settings .close-button { width:38px; min-height:38px; padding:0; color:var(--ink); border-color:transparent; background:transparent; font-size:27px; line-height:1; }
.monitor-settings #save-settings { grid-column:1/-1; justify-self:end; min-width:128px; }
.monitor-settings .pending { color:#8b5a16; }
.monitor-settings .error-text { color:var(--red); }
.filters { display:grid; grid-template-columns:2fr repeat(6,1fr); gap:12px; align-items:end; padding:18px; background:var(--card); border:1px solid var(--line); border-radius:16px; }
label { display:grid; gap:5px; color:var(--muted); font-size:12px; }
input,select { width:100%; min-height:40px; border:1px solid var(--line); border-radius:8px; padding:8px 10px; color:var(--ink); background:white; font:inherit; }
.toggle { display:flex; grid-column:1/-1; flex-direction:row; align-items:center; }
.toggle input { width:auto; min-height:auto; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:18px; margin-top:20px; }
.card { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--card); box-shadow:0 8px 30px #25382d0a; }
.photo { position:relative; aspect-ratio:4/3; background:#dad7cf; }
.photo img { width:100%; height:100%; object-fit:cover; }
.no-photo { display:grid; height:100%; place-items:center; color:var(--muted); }
.photo button { position:absolute; top:50%; width:38px; height:38px; padding:0; border:0; color:white; background:#14231db8; font-size:26px; transform:translateY(-50%); }
.prev { left:10px; }.next { right:10px; }.counter { position:absolute; right:10px; bottom:9px; padding:3px 8px; border-radius:99px; color:white; background:#14231db8; font-size:11px; }
.body { padding:18px; }.body h2 { min-height:2.8em; margin:9px 0 3px; font:600 19px/1.4 Georgia,"Noto Serif TC",serif; }
.listing-time { margin:3px 0 8px; color:var(--muted); font-size:12px; }
.tags { display:flex; flex-wrap:wrap; gap:6px; }.tag { padding:3px 8px; border-radius:99px; background:#e5eee8; color:var(--green); font-size:11px; }.reject { color:white; background:var(--red); }.tag.pending { color:#754c10; background:#f5e4ba; }
.price { margin:6px 0; color:var(--red); font:600 23px/1.2 Georgia,serif; }.price small { color:var(--muted); font:12px sans-serif; }
dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:15px 0; } dl div { padding:8px; border-radius:8px; background:#f0ede5; } dt { color:var(--muted); font-size:11px; } dd { margin:2px 0 0; }
details { margin:12px 0; color:var(--muted); } summary { cursor:pointer; color:var(--ink); }.risk { color:var(--red); }
.open { display:block; padding:10px; border-radius:9px; color:white; background:var(--green); text-align:center; text-decoration:none; }
#error,.empty { grid-column:1/-1; padding:30px; color:var(--red); text-align:center; }
@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}}
@media(max-width:560px){header{align-items:start;padding:28px 18px}.header-actions{flex-direction:column-reverse;align-items:end}main{padding:14px}.monitor-settings form,.filters{grid-template-columns:1fr}.monitor-settings #save-settings{width:100%}.search,.toggle{grid-column:auto}.grid{grid-template-columns:1fr}}