/* zhusu.org.cn 住宿导航站 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:#f5f6f8; color:#222; line-height:1.6; }
a { color:#0a6cd6; text-decoration:none; }
a:hover { color:#083d7a; }
img { max-width:100%; }
.zs-wrap { max-width:420px; margin:0 auto; padding:0 14px; }

/* header */
.zs-header { background:#1f3a5f; color:#fff; padding:10px 0; }
.zs-header .zs-wrap { display:block; }
.zs-logo { color:#fff; font-size:17px; font-weight:800; white-space:nowrap; letter-spacing:.5px; }
.zs-nav { display:flex; align-items:center; gap:5px; margin-top:10px; }
.zs-nav a { color:#cdd9e8; font-size:14px; padding:6px 10px; border-radius:6px; white-space:nowrap; }
.zs-nav a:hover { background:#2c5f8a; color:#fff; }
.zs-nav a.active { background:#2c5f8a; color:#fff; }

/* layout */
.zs-main { min-height:60vh; padding:14px 0 26px; }

/* cards */
.zs-card { background:#fff; border-radius:10px; padding:16px; margin-bottom:14px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.zs-card h2 { font-size:19px; margin-bottom:12px; color:#1f3a5f; }
.zs-card h3 { font-size:16px; margin-bottom:8px; color:#1f3a5f; }
.zs-muted { color:#888; font-size:13px; }
.zs-small { font-size:13px; color:#666; }
.zs-price { color:#e8590c; font-weight:700; font-size:17px; white-space:nowrap; }
.zs-price small { font-size:12px; color:#999; font-weight:400; }

/* hero */
.zs-hero { background:linear-gradient(135deg,#1f3a5f,#2c5f8a); color:#fff; border-radius:10px; padding:22px 16px; margin-bottom:14px; }
.zs-hero h1 { font-size:22px; margin-bottom:8px; }
.zs-hero p { color:#cdd9e8; font-size:14px; }

/* chips */
.zs-chips { display:flex; flex-wrap:wrap; gap:8px; }
.zs-chip { background:#eef2f7; border-radius:20px; padding:6px 14px; font-size:13px; color:#1f3a5f; }
.zs-chip:hover { background:#dfe7f0; }
.zs-chip.price { background:#fdeee4; color:#b3550a; }

/* lodging list */
.zs-lodge { display:flex; gap:14px; align-items:flex-start; }
.zs-lodge .info { flex:1; }
.zs-lodge .name { font-size:16px; font-weight:700; }
.zs-lodge .meta { font-size:13px; color:#666; margin-top:4px; }
.zs-lodge .tags { margin-top:6px; }
.zs-lodge .tag { display:inline-block; background:#eef2f7; color:#1f3a5f; font-size:12px; border-radius:4px; padding:1px 7px; margin:2px 4px 0 0; }
.zs-lodge .rate { margin-top:6px; }
.zs-star { color:#f5a623; }
.zs-count { font-size:12px; color:#999; }

/* buttons */
.zs-btn { display:inline-block; background:#1f3a5f; color:#fff; padding:8px 16px; border-radius:6px; border:none; cursor:pointer; font-size:14px; }
.zs-btn:hover { background:#2c5f8a; color:#fff; }
.zs-btn.orange { background:#e8590c; }
.zs-btn.orange:hover { background:#b3550a; }
.zs-btn.block { display:block; width:100%; text-align:center; }
input[type=text],input[type=number],select,textarea { border:1px solid #ccc; border-radius:6px; padding:8px 10px; font-size:14px; width:100%; margin:4px 0 12px; font-family:inherit; }
label { font-size:13px; color:#555; }
.zs-row { display:flex; gap:10px; }
.zs-row > div { flex:1; }

/* tables */
.zs-table { width:100%; border-collapse:collapse; font-size:14px; }
.zs-table th,.zs-table td { padding:8px 10px; border-bottom:1px solid #eee; text-align:left; }
.zs-table th { background:#f7f8fa; color:#1f3a5f; }

/* forms */
.zs-form .zs-btn { margin-top:6px; }
.zs-err { color:#c0392b; font-size:13px; margin-top:6px; }
.zs-ok { color:#1e8e3e; font-size:13px; margin-top:6px; }

/* platforms */
.zs-platforms a { display:inline-block; background:#f5a623; color:#fff; font-size:12px; border-radius:4px; padding:3px 8px; margin:2px 4px 0 0; }
.zs-platforms a.ctrip{background:#2a6ce6;} .zs-platforms a.meituan{background:#ffb800;color:#333;} .zs-platforms a.qunar{background:#00bcd4;} .zs-platforms a.fliggy{background:#ff6f00;} .zs-platforms a.airbnb{background:#ff5a5f;}

/* articles */
.zs-artlist li { list-style:none; border-bottom:1px solid #eee; padding:10px 0; }
.zs-artlist li:last-child { border-bottom:none; }
.zs-artlist .t { font-size:15px; font-weight:600; color:#1f3a5f; display:block; }
.zs-artlist .s { font-size:13px; color:#777; }
.zs-content { font-size:15px; line-height:1.9; }
.zs-content h3 { margin:16px 0 8px; }

/* footer */
.zs-footer { background:#16273d; color:#9aa9ba; padding:22px 0 30px; font-size:13px; text-align:center; }
.zs-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-bottom:10px; }
.zs-footer-links a { color:#cdd9e8; }
.zs-footer-links a:hover { color:#fff; }
.zs-copyright a { color:#7fa3c9; }

/* admin */
.zs-admin { max-width:900px; margin:0 auto; padding:16px; }
.zs-admin .card { background:#fff; border-radius:10px; padding:16px; margin-bottom:14px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.zs-admin table { width:100%; border-collapse:collapse; font-size:13px; }
.zs-admin th,.zs-admin td { padding:7px 8px; border-bottom:1px solid #eee; text-align:left; }
.zs-nav-admin { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.zs-nav-admin a { background:#1f3a5f; color:#fff; padding:6px 12px; border-radius:5px; font-size:13px; }
.zs-nav-admin a:hover { background:#2c5f8a; color:#fff; }
.zs-nav-admin a.on { background:#e8590c; }


/* 配置速览 */
.zs-fac { display:inline-block; background:#eef2f7; color:#1f3a5f; font-size:13px; border-radius:6px; padding:6px 12px; }

/* 四维口碑条 */
.zs-dim-row { display:flex; align-items:center; gap:12px; padding:7px 0; border-bottom:1px solid #f2f3f5; }
.zs-dim-row:last-child { border-bottom:none; }
.zs-dim-label { width:64px; font-size:13px; color:#555; flex:none; }
.zs-dim-row .zs-star { font-size:13px; width:52px; flex:none; color:#f5a623; }
.zs-dim-bar { flex:1; height:8px; background:#eef2f7; border-radius:4px; overflow:hidden; }
.zs-dim-bar i { display:block; height:100%; background:linear-gradient(90deg,#f5a623,#e8590c); border-radius:4px; }

/* 点评四维打分 */
.zs-dim-form { display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 12px; }
.zs-dim-form label { display:flex; align-items:center; gap:6px; background:#f7f8fa; border:1px solid #e5e7eb; border-radius:6px; padding:6px 10px; font-size:13px; }
.zs-dim-form select { width:auto; margin:0; padding:4px 8px; }

/* 避雷区 */
.zs-tagpick { display:inline-flex; align-items:center; gap:4px; background:#fdf2f0; border:1px solid #f5c6c0; color:#b03a30; font-size:13px; border-radius:16px; padding:5px 12px; cursor:pointer; }
.zs-tagpick input { margin:0; }
.zs-tagpick:has(input:checked) { background:#c0392b; color:#fff; border-color:#c0392b; }
.zs-report-count { background:#fdecea; color:#c0392b; font-size:12px; border-radius:4px; padding:2px 8px; font-weight:400; }
/* 攻略 markdown 样式 */
.zs-md{line-height:1.8;font-size:14.5px;color:#333;}
.zs-md h1{font-size:20px;color:#1f3a5f;margin:18px 0 10px;border-bottom:1px solid #eee;padding-bottom:6px;}
.zs-md h2{font-size:17px;color:#1f3a5f;margin:16px 0 8px;}
.zs-md h3{font-size:15px;color:#334;margin:14px 0 6px;}
.zs-md p{margin:8px 0;}
.zs-md ul,.zs-md ol{margin:8px 0 8px 22px;}
.zs-md li{margin:4px 0;}
.zs-md strong{color:#c0392b;}
.zs-md a{color:#e8590c;text-decoration:underline;}

/* 会员条（注册登录单独一行） */
.zs-userbar{background:#f4f6fa;border-bottom:1px solid #e4e9f0;padding:8px 0;}