/* 业主指南（/guide/）：同首页一样嘅街坊风，淨系文章排版。2026-10-22 SEO 长尾页 */
:root {
  --paper:#fbf4e8; --card:#fffaf1; --ink:#2a211b; --ink-rgb:42,33,27; --mute:#6b5c50; --soft:#4a3d33;
  --tomato:#d9481f; --tomato-soft:#fde3d6; --wa:#1e9157; --ai:#7048c8; --ai-soft:#efe8fb; --butter:#ffd86b; --butter-soft:#fff1c4;
  --r1:22px 30px 24px 34px / 32px 22px 34px 24px; --r3:18px 26px 16px 24px / 24px 16px 26px 18px;
}
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background-color:var(--paper);
       background-image:radial-gradient(rgba(var(--ink-rgb),.07) 1px, transparent 1.3px); background-size:22px 22px;
       font:17px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Segoe UI",Roboto,"Microsoft YaHei",sans-serif;
       font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; }
a { color:var(--tomato); text-underline-offset:3px; }
:focus-visible { outline:3px solid var(--ai); outline-offset:3px; }
.wrap { max-width:760px; margin:0 auto; padding:0 22px; }
nav { border-bottom:2px solid var(--ink); background:rgba(251,244,232,.92); }
nav .wrap { display:flex; align-items:center; gap:18px; height:64px; max-width:1000px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:900; font-size:18px; color:var(--ink); text-decoration:none; }
.logo i { width:30px; height:30px; display:grid; place-items:center; font-style:normal; font-size:15px; color:#fff;
          background:var(--ai); border:2px solid var(--ink); border-radius:10px 13px 9px 12px; transform:rotate(-6deg); box-shadow:2px 2px 0 var(--ink); }
nav .links { margin-left:auto; display:flex; gap:18px; font-size:15px; font-weight:700; }
nav .links a { color:var(--soft); text-decoration:none; }
.crumb { font-size:14px; color:var(--mute); margin:28px 0 8px; }
.crumb a { color:var(--mute); }
h1 { font-size:clamp(30px,7vw,44px); line-height:1.25; margin:0 0 14px; font-weight:900; letter-spacing:-.01em; }
h2 { font-size:24px; line-height:1.35; margin:44px 0 10px; font-weight:900; }
h3 { font-size:19px; margin:26px 0 6px; font-weight:800; }
.meta { font-size:14px; color:var(--mute); margin:0 0 22px; }
.lead { font-size:19px; color:var(--soft); }
.tldr { background:var(--butter-soft); border:2px solid var(--ink); border-radius:var(--r3); padding:16px 22px; box-shadow:3px 4px 0 var(--ink); margin:22px 0; }
.tldr b { display:block; margin-bottom:4px; }
.tldr ul { margin:0; padding-left:1.2em; }
ul.check { list-style:none; padding:0; }
ul.check li { padding-left:1.7em; position:relative; margin:6px 0; }
ul.check li::before { content:"☐"; position:absolute; left:0; color:var(--wa); font-weight:900; }
table { width:100%; border-collapse:collapse; margin:16px 0; font-size:15.5px; background:var(--card); }
th, td { border:1.5px solid rgba(var(--ink-rgb),.35); padding:8px 10px; text-align:left; vertical-align:top; }
th { background:var(--tomato-soft); }
.note { border-left:4px solid var(--ai); background:var(--ai-soft); padding:12px 16px; border-radius:0 12px 12px 0; margin:18px 0; font-size:16px; }
.faq details { background:var(--card); border:2px solid var(--ink); border-radius:var(--r3); padding:0 18px; margin:12px 0; box-shadow:3px 4px 0 var(--ink); }
.faq summary { cursor:pointer; padding:13px 0; font-weight:800; }
.faq p { margin:0 0 14px; color:var(--soft); }
.ask { margin:48px 0 28px; text-align:center; background:var(--ink); color:var(--paper); border-radius:var(--r1); padding:36px 24px; box-shadow:7px 8px 0 var(--tomato); }
.ask h2 { color:#fff; margin:0 0 8px; }
.ask p { color:#e3d6c6; margin:0 auto 20px; max-width:520px; font-size:16px; }
.btn { display:inline-flex; align-items:center; height:52px; padding:0 26px; border-radius:999px; border:2px solid var(--butter);
       background:var(--butter); color:var(--ink); font-weight:800; text-decoration:none; box-shadow:4px 4px 0 var(--tomato); }
.more { list-style:none; padding:0; display:grid; gap:10px; }
.more a { display:block; background:var(--card); border:2px solid var(--ink); border-radius:14px; padding:12px 16px; color:var(--ink); text-decoration:none; font-weight:700; box-shadow:2px 3px 0 var(--ink); }
.src { font-size:14px; color:var(--mute); }
.src li { margin:4px 0; word-break:break-word; }
footer { margin-top:40px; padding:24px 0 44px; color:var(--mute); font-size:13.5px; border-top:2px dashed rgba(var(--ink-rgb),.25); }
@media (max-width:520px) { nav .links a.hide-s { display:none; } body { font-size:16.5px; } }