/* pansurihotel — article page styles (extracted from index.html) */
:root { --bg:#fdfcf9; --surface:#fff; --surface2:#f5f3ef; --border:#e8e4dc; --text:#3d3530; --muted:#a09890; --heading:#1a1512; --accent:#c2410c; --accent2:#ea580c; --accent-bg:#fff7ed; --accent-border:#fed7aa; --teal:#0f766e; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--text); font-family:'Noto Sans TC','PingFang TC',sans-serif; font-size:15px; line-height:1.85; }
a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
a:hover { color:var(--accent2); }
header { background:var(--surface); border-bottom:2px solid var(--accent); padding:14px 0; }
.header-inner { max-width:760px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.logo { font-size:22px; font-weight:900; color:var(--heading); letter-spacing:-.5px; }
.logo em { font-style:normal; color:var(--accent); }
nav a { font-size:13px; color:var(--text); margin-left:18px; }
.container { max-width:760px; margin:0 auto; padding:32px 24px 80px; }
.breadcrumb { font-size:12.5px; color:var(--muted); margin-bottom:14px; }
.breadcrumb a { color:var(--muted); }
.article-tag { display:inline-block; font-size:11px; font-weight:700; padding:3px 9px; border-radius:4px; background:var(--accent-bg); color:var(--accent); border:1px solid var(--accent-border); margin-bottom:10px; }
h1.article-title { font-size:32px; font-weight:900; color:var(--heading); line-height:1.3; letter-spacing:-.5px; margin-bottom:14px; }
.article-meta { font-size:13px; color:var(--muted); margin-bottom:30px; padding-bottom:18px; border-bottom:1px solid var(--border); }
.article-meta b { color:var(--text); }
.article-cover { height:240px; background:linear-gradient(135deg,#fed7aa,#fde68a); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:80px; margin-bottom:28px; }
.article-content h2 { font-size:22px; font-weight:900; color:var(--heading); margin:32px 0 14px; padding-bottom:6px; border-bottom:2px solid var(--accent-border); }
.article-content h3 { font-size:17px; font-weight:700; color:var(--heading); margin:24px 0 10px; }
.article-content p { margin-bottom:14px; color:var(--text); }
.article-content ul,.article-content ol { margin:14px 0 18px 22px; }
.article-content li { margin-bottom:8px; }
.article-content blockquote { border-left:4px solid var(--accent); background:var(--accent-bg); padding:14px 18px; margin:18px 0; color:var(--text); font-style:italic; }
.callout { background:var(--surface2); border:1px solid var(--border); border-left:4px solid var(--teal); padding:14px 18px; border-radius:0 8px 8px 0; margin:18px 0; font-size:14px; }
.author-box { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:20px 24px; margin-top:40px; display:flex; gap:16px; align-items:center; }
.author-avatar { width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,#fed7aa,#fca5a5); display:flex; align-items:center; justify-content:center; font-size:28px; flex-shrink:0; }
.author-info b { display:block; color:var(--heading); font-size:14px; }
.author-info p { font-size:12.5px; color:var(--muted); margin:0; }
footer { background:var(--surface2); border-top:1px solid var(--border); padding:32px 0; text-align:center; font-size:12.5px; color:var(--muted); }