.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:6px 0;font-weight:500}
.hero .sub{font-size:17px;font-weight:600;color:var(--wood);margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.hero-desc{color:#5a564e}
.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 var(--line);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(--wood)}
.win{background:#c8b8a8;padding:10px 10px 0}
.citybar{height:52px;background:var(--dusk);display:grid;grid-template-columns:1fr 8px 1fr}
.citybar i{background:#c8b8a8}
.desk{background:#fff;color:var(--ink)}
.desk-top{display:flex;justify-content:space-between;padding:10px 12px;background:var(--dusk);color:#e8eef4;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 var(--line)}
.chans b{padding:3px 8px;border:1px solid var(--line);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 var(--line)}
.desk th{color:var(--muted);font-size:11px}
.sill{height:12px;background:#c8b8a8}
.sky{display:flex;align-items:flex-end;gap:6px;height:88px;margin-top:16px;padding:0 4px;border-bottom:8px solid var(--wood);background:#d8e0e8}
.sky span{flex:1;background:var(--dusk);color:#e8eef4;font-size:10px;font-weight:700;text-align:center;padding:8px 2px 6px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;display:flex;align-items:flex-end;justify-content:center}
.sky span:nth-child(odd){height:72%}
.sky span:nth-child(even){height:100%}
.sky span:nth-child(3n){height:84%}
.table{background:#c8b8a8;padding:14px 12px 18px;margin-top:16px}
.albums{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.album{background:#fff;padding:14px 12px 12px;min-height:132px}
.album .pg{font-size:11px;letter-spacing:.12em;color:var(--wood);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.album h3{font-size:14px;font-weight:500;margin:6px 0 4px}
.album p{font-size:12px;color:var(--muted)}
.kpi{display:block;margin-top:6px;font-size:12px;font-weight:700;color:var(--dusk);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(--line)}
.open{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);background:#fff}
.leaf{padding:20px;border-right:1px solid var(--line)}
.leaf:last-child{border-right:0}
.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:var(--muted)}
.pain{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ps{background:#fff;border:1px solid var(--line);padding:16px}
.ps h3{font-size:11px;letter-spacing:.12em;color:var(--wood);margin:8px 0 4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stats div{background:#fff;border:1px solid var(--line);padding:16px}
.stats strong{display:block;font-size:28px;font-weight:500;color:var(--dusk)}
.stats span{font-size:12px;color:var(--muted);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.review{display:grid;grid-template-columns:1fr 200px;gap:20px;background:#fff;padding:20px;border:1px solid var(--line)}
.quote p{font-size:20px;font-weight:400}
.quote small{display:block;margin-top:10px;color:var(--muted);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.avatars{display:flex;flex-direction:column;gap:8px}
.avatars button{min-height:40px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-size:13px;font-family:Georgia,"Times New Roman",serif}
.avatars button.is-on{color:var(--wood);border-bottom-color:var(--wood)}
.books{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}
.book{background:#fff;border:1px solid var(--line);padding:16px 14px;min-height:200px;display:flex;flex-direction:column}
.book:nth-child(2){min-height:220px}
.book:nth-child(3){min-height:240px}
.book .fee{font-size:24px;font-weight:600;margin:6px 0;color:var(--wood)}
.book ul{list-style:none;font-size:13px;color:var(--muted);margin-bottom:10px;flex:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.cta-band{background:var(--wood);color:var(--ivory)}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta-band .btn{color:var(--ivory);border-color:var(--ivory)}
.cta-band .btn-fill{background:var(--ivory);color:var(--wood);border-color:var(--ivory)}
@media(max-width:980px){.hero-grid,.open,.review,.pain,.stats,.books,.albums{grid-template-columns:1fr}.avatars{flex-direction:row;flex-wrap:wrap}.book,.book:nth-child(2),.book:nth-child(3){min-height:0}.sky{height:64px;flex-wrap:wrap}}
@media(max-width:720px){.sky{flex-wrap:wrap;height:auto;gap:4px}.sky span{height:48px!important;min-width:30%}}