/* 怪物、物品、地圖、NPC、任務靜態頁（scripts/build-entity-pages.mjs 產生）的樣式，配色與網站相同 */
:root{--bg:#17120e;--panel:#211c18;--line:#3a332d;--lime:#ffad55;--muted:#a49e99}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#f2eee9;font-family:'Space Grotesk','Noto Sans TC',sans-serif;font-size:15px;line-height:1.7}
a{color:#ffc27a;text-underline-offset:3px}
a:hover{color:var(--lime)}
.site-header{display:flex;align-items:center;gap:24px;padding:10px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.site-header .brand img{display:block;height:70px;width:auto}
.site-title{display:flex;flex-direction:column;gap:4px}
.site-title strong{font-family:'Noto Serif TC','Noto Sans TC',serif;font-weight:900;font-size:20px;letter-spacing:2px;background:linear-gradient(180deg,#ffd08a 0%,#ff9f43 55%,#e0742a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-title small{font-family:'Cinzel','Space Grotesk',serif;font-weight:600;font-size:11px;letter-spacing:1.6px;color:#cdbfae}
.site-header nav{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.site-header nav a{color:#e4d6c8;text-decoration:none;border:1px solid #5d4934;border-radius:6px;padding:9px 14px;font-size:13px;background:#2a2119}
.site-header nav a:hover{color:var(--lime);background:#352a1f}
main{max-width:960px;margin:0 auto;padding:28px 24px 40px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:20px}
.crumbs a{color:#cdbfae}
.entity-head{display:flex;gap:22px;align-items:center;margin-bottom:22px}
.entity-image{width:110px;height:110px;object-fit:contain;image-rendering:pixelated;background:radial-gradient(ellipse at center,#38332f,#211c18);border:1px solid var(--line);border-radius:10px;padding:8px;flex-shrink:0}
.eyebrow{color:var(--lime);font-size:12px;letter-spacing:2px;margin:0 0 6px}
h1{font-size:30px;margin:0 0 8px}
.lead{color:#cdc6bf;margin:0}
h2{font-size:17px;color:var(--lime);margin:28px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}
th,td{padding:9px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
tr:first-child th,tr:first-child td{border-top:0}
th{width:9em;color:var(--muted);font-weight:500}
ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px}
li{padding:4px 0;border-bottom:1px dashed #2f2924}
.muted{color:var(--muted);font-size:13px}
.cta{margin-top:32px}
.cta a{display:inline-block;padding:11px 18px;border:1px solid #5d4934;border-radius:8px;background:#352a1f;text-decoration:none}
footer{max-width:960px;margin:0 auto;padding:18px 24px 40px;color:#827d79;font-size:12px;border-top:1px solid var(--line)}
@media(max-width:720px){.site-header{padding:8px 14px;gap:10px}.site-header .brand img{height:48px}.site-title strong{font-size:16px;letter-spacing:1px}.site-header nav{margin-left:0;width:100%}.site-header nav a{flex:1;text-align:center;padding:8px 6px}main{padding:20px 16px 32px}.entity-head{align-items:flex-start}.entity-image{width:80px;height:80px}h1{font-size:24px}ul{grid-template-columns:1fr}}
.mini-icon{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:6px;image-rendering:pixelated}
.tag{display:inline-block;font-size:11px;color:#d1b498;border:1px solid #5d4934;border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:middle}
h3{font-size:14px;color:#d1b498;margin:16px 0 6px}