/* Reference-aligned presentation for the local ZZHhub homepage. */
:root{--bg:#fafbfc;--text:#0c0d10;--muted:#5e5f66;--line:rgba(12,13,16,.07);--soft:rgba(12,13,16,.04);--accent:#0c0d10}
:root[data-theme=dark]{--bg:#000;--text:#f2f2f3;--muted:#9a9a9e;--line:rgba(255,255,255,.1);--soft:rgba(255,255,255,.06);--accent:#f2f2f3}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
header{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px)}
nav{max-width:804px;min-height:64px;padding:0 22px}.brand{font-size:15.5px;font-weight:700;letter-spacing:0}.brand span{font-weight:700}.brand i{display:none}
.links{gap:2px;font-size:14px}.links a{padding:8px 12px;border-radius:8px;white-space:nowrap}.links a:hover{background:var(--soft)}#theme{width:32px;height:32px;border:0;margin-left:6px;font-size:20px}
main{max-width:760px;padding:64px 22px 96px}.hero{padding:0}h1{font-size:40px;line-height:1.28;font-weight:700;letter-spacing:-.01em;margin:0 0 26px}p{margin:0 0 18px}.meta{color:var(--muted)}
.actions{gap:12px;flex-wrap:wrap;margin:30px 0 8px}.button{border-radius:999px;font-size:14px;padding:10px 20px;gap:8px;font-weight:600}
section:not(.hero){margin-top:76px}.section-head{display:block;margin-bottom:24px}h2{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.28}.section-intro{margin:0 0 18px}.muted{font-size:17px;line-height:1.75}
.explore-row{display:block;padding:20px 0;border-bottom:1px solid var(--line)}.explore-row h3,.rowitem h3{font-size:17px;font-weight:700;margin:0 0 4px;line-height:1.4}.explore-row p,.rowitem p{font-size:15.5px;color:var(--muted);line-height:1.75;max-width:none;margin:0}.explore-row p+p{margin-top:8px}.number,.glyph{display:none}
.rowitem{padding:20px 0;border-bottom:1px solid var(--line)}.rowitem:last-of-type{border-bottom:0}.career{margin-top:14px}.career summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}.career summary::-webkit-details-marker{display:none}.career[open] summary{margin-bottom:14px}.career summary:focus-visible{outline:2px solid var(--text);outline-offset:4px}
.tool-layout{border:0;border-radius:0;overflow:visible}.tool-tabs{border:0;background:none;gap:6px;margin-bottom:20px}.tool-tabs button{border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}.tool-tabs button[aria-selected=true]{box-shadow:none;background:var(--text);color:var(--bg)}.tool-tabs span{display:none}.tool-panel{padding:0}.tool-panel label{font-size:14px}.stats{margin-top:14px}textarea{border-radius:8px}
.text-link{font-size:15px;font-weight:400;margin-top:0;text-decoration:underline;text-underline-offset:3px;border:0}
footer{display:block;margin-top:88px;padding:0;border:0;font-size:14px;color:var(--muted);line-height:1.65}
@media(max-width:640px){body{font-size:16.5px}nav{padding:0 14px;min-height:64px;gap:8px}.links a{padding:8px 8px;font-size:13px}.links{gap:0}#theme{margin-left:2px}main{padding:48px 22px 80px}.hero{padding:0}h1{font-size:30px;letter-spacing:-.01em}h2{font-size:21px}section:not(.hero){margin-top:60px}.section-head{margin-bottom:24px}.muted{font-size:16.5px}.tool-panel{padding:0}footer{margin-top:88px}}
@media(max-width:360px){nav{padding:0 10px}.links a{padding:8px 5px;font-size:12px}.brand{font-size:14px}}