.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.notice{background:var(--paper);color:var(--ink);padding:22px 22px 18px;position:relative}
.notice::before,.notice::after,.pin-br::before,.pin-br::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--copper);border:2px solid #7a4a1a}
.notice::before{top:8px;left:8px}
.notice::after{top:8px;right:8px}
.pin-br{position:relative}
.pin-br::before{bottom:8px;left:8px;top:auto}
.pin-br::after{bottom:8px;right:8px;top:auto}
.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:6px 0;font-weight:700}
.hero .sub{font-size:17px;font-weight:700;color:#7a4a1a;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.hero-desc{color:#5a3e28}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hero-tags span{padding:4px 10px;border:1px solid #d4c0a4;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.hero-shot{width:180px;height:110px;object-fit:cover;border:1px solid var(--copper)}
.desk{background:#fffdf8;border:1px solid #d4c0a4;color:#2a1c12}
.desk-top{display:flex;justify-content:space-between;padding:10px 12px;background:#2a1c12;color:var(--paper);font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.chans{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid #ead8c0}
.chans b{padding:3px 8px;border:1px solid #d4c0a4;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.desk table{width:100%;border-collapse:collapse;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.desk th,.desk td{padding:8px 10px;text-align:left;border-bottom:1px solid #ead8c0}
.desk th{color:#8a6e58;font-size:11px}
.plates{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}
.plates span{background:#4a3020;border:1px solid var(--copper);padding:12px 6px;text-align:center;font-size:12px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.board{background:#4a3020;border:8px solid #2a1c12;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pin{background:var(--paper);color:var(--ink);padding:14px 12px 12px;position:relative}
.pin::before{content:"";position:absolute;top:6px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--copper);border:2px solid #7a4a1a}
.pin:nth-child(odd){transform:rotate(-1.2deg)}
.pin:nth-child(even){transform:rotate(1deg)}
.pin .no{display:block;margin-top:8px;font-size:11px;color:var(--copper);letter-spacing:.1em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.pin h3{font-size:14px;margin:6px 0 4px}
.pin p{font-size:12px;color:#5a3e28}
.kpi{display:block;margin-top:6px;font-size:12px;font-weight:800;color:#7a4a1a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.shot{width:100%;max-height:220px;object-fit:cover;margin-top:16px;border:1px solid var(--copper)}
.memos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.memo{background:var(--paper);color:var(--ink);padding:18px;position:relative}
.memo::before{content:"";position:absolute;top:8px;left:8px;width:10px;height:10px;border-radius:50%;background:var(--copper)}
.bubble{margin-top:10px;font-size:15px}
.tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.tips span{padding:6px 10px;border:1px solid var(--line);color:#c4a888}
.pain{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ps{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink);border:1px solid var(--copper)}
.ps .bad,.ps .good{padding:14px;font-size:14px}
.ps .good{border-left:1px dashed var(--copper)}
.ps h3{font-size:11px;letter-spacing:.1em;color:var(--copper);margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stats div{background:#4a3020;border:1px solid var(--copper);padding:16px}
.stats strong{display:block;font-size:28px;color:var(--copper)}
.stats span{font-size:12px;color:#c4a888;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.review{background:var(--paper);color:var(--ink);padding:20px;display:grid;grid-template-columns:1fr 160px;gap:16px}
.quote p{font-size:18px}
.quote small{display:block;margin-top:10px;color:#8a6e58;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.avatars{display:flex;flex-direction:column;gap:6px}
.avatars button{min-height:38px;border:1px solid var(--copper);background:transparent;color:#7a4a1a;cursor:pointer;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.avatars button.is-on{background:var(--copper);color:#2a1c12}
.dues{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.due{background:var(--paper);color:var(--ink);padding:16px;position:relative}
.due::before{content:"";position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--copper)}
.due .fee{font-size:24px;font-weight:800;margin:6px 0;color:#7a4a1a}
.due ul{list-style:none;font-size:13px;color:#5a3e28;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.cta-band{background:var(--paper);color:var(--ink)}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta-band .btn{color:var(--ink);border-color:var(--ink)}
.cta-band .btn-fill{background:var(--copper);border-color:var(--copper);color:#2a1c12}
@media(max-width:980px){.hero-grid,.memos,.review,.pain,.stats,.dues,.plates,.board,.ps{grid-template-columns:1fr}.pin{transform:none}.avatars{flex-direction:row;flex-wrap:wrap}}
@media(max-width:720px){.plates{grid-template-columns:1fr 1fr}}