:root { color-scheme: light; --ink:#17221d; --muted:#65716a; --paper:#f3f0e8; --card:#fffdf8; --line:#ddd7ca; --green:#174f3c; --lime:#d9f36a; --warm:#f2a95c; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 90% 5%,rgba(217,243,106,.38),transparent 28rem),linear-gradient(135deg,#f8f5ed,var(--paper)); font-family:"Microsoft JhengHei UI","Noto Sans TC",sans-serif; }
.shell { width:min(980px,calc(100% - 36px)); margin:0 auto; padding:72px 0 80px; }
.eyebrow { color:var(--green); font-size:12px; font-weight:800; letter-spacing:.16em; }
h1 { margin:10px 0 8px; font-size:clamp(38px,7vw,72px); line-height:1; letter-spacing:-.05em; }
header p { margin:0; color:var(--muted); font-size:17px; }
.search-card { margin-top:38px; padding:24px; border:1px solid var(--line); border-radius:20px; background:rgba(255,253,248,.92); box-shadow:0 20px 60px rgba(41,49,44,.08); }
label { display:block; margin-bottom:10px; font-weight:800; }
.search-row { display:grid; grid-template-columns:1fr auto; gap:10px; }
input { width:100%; padding:15px 16px; border:1px solid #c8c1b4; border-radius:12px; background:white; color:var(--ink); font:inherit; font-size:16px; outline:none; }
input:focus { border-color:var(--green); box-shadow:0 0 0 4px rgba(23,79,60,.1); }
button { border:0; border-radius:12px; font:inherit; font-weight:800; cursor:pointer; }
.search-row button { padding:0 22px; color:white; background:var(--green); }
.search-row button:hover { background:#0d3d2d; }
.examples { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; color:var(--muted); font-size:13px; }
.examples button { padding:7px 10px; color:var(--green); background:#edf2e8; }
.status { min-height:28px; margin:28px 2px 12px; color:var(--muted); }
.status.error { color:#9b2f24; }
.results { display:grid; gap:14px; }
.case { position:relative; overflow:hidden; padding:22px 24px; border:1px solid var(--line); border-radius:16px; background:var(--card); animation:rise .28s ease both; }
.case::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--warm); }
.case-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.ticket { font-family:Consolas,monospace; font-weight:800; color:var(--green); }
.meta { color:var(--muted); font-size:13px; }
.tags { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.tag { padding:4px 8px; border-radius:999px; background:#edf2e8; color:#315544; font-size:12px; }
.question { margin:8px 0; font-weight:800; line-height:1.7; }
.answer { margin:8px 0 0; padding-top:14px; border-top:1px dashed var(--line); line-height:1.8; white-space:pre-wrap; }
.answer::before { content:"歷史處理方式"; display:block; margin-bottom:5px; color:var(--muted); font-size:12px; font-weight:800; }
@keyframes rise { from { opacity:0; transform:translateY(8px); } }
@media (max-width:650px) { .shell{padding-top:42px}.search-row{grid-template-columns:1fr}.search-row button{padding:14px} }