:root{--hf-green:#1f6251;--hf-dark:#173e35;--hf-line:#e5ece7;--hf-muted:#74847b}
body.hf-shell{padding:72px 0 0 226px!important;box-sizing:border-box!important;min-height:100vh;background:#f6f8f5!important;color:#263b32;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}
body.hf-shell>header:not(.hf-top){display:none}
.hf-side,.hf-top{box-sizing:border-box;font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;z-index:90}
.hf-side{position:fixed;inset:0 auto 0 0;width:226px;padding:24px 16px;background:#fff;border-right:1px solid var(--hf-line);overflow:auto}
.hf-brand{display:block;color:var(--hf-dark);font-size:20px;font-weight:800;letter-spacing:.08em;text-decoration:none;margin:0 10px 26px}.hf-brand small{display:block;font-size:10px;color:#89998e;letter-spacing:.15em}
.hf-group{font-size:11px;color:#9aa99e;letter-spacing:.1em;font-weight:700;margin:20px 12px 7px}.hf-nav{display:block;border-radius:9px;padding:10px 12px;color:#718078;text-decoration:none;white-space:nowrap}.hf-nav:hover,.hf-nav.active{background:#e9f3ed;color:var(--hf-green);font-weight:700}
.hf-top{position:fixed;top:0;left:226px;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:white;border-bottom:1px solid var(--hf-line);color:var(--hf-dark)}.hf-user{display:flex;gap:12px;align-items:center;font-size:13px}.hf-user button{border:1px solid #cddfd3;color:var(--hf-green);background:white;border-radius:8px;padding:7px 12px;cursor:pointer}
.hf-content{max-width:1100px;margin:auto;padding:34px}.hf-content h1{font-size:27px;margin:0 0 5px}.hf-sub{color:var(--hf-muted);margin:0 0 25px}.hf-hero{background:var(--hf-dark);color:white;border-radius:16px;padding:30px;margin-bottom:24px}.hf-hero h2{margin:0 0 8px}.hf-hero p{color:#bfd4c5;margin:0}.hf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hf-card{display:block;border:1px solid var(--hf-line);background:white;border-radius:14px;padding:22px;color:#263b32;text-decoration:none}.hf-card:hover{border-color:#8eb8a0}.hf-card strong{display:block;margin-bottom:7px}.hf-card span{color:var(--hf-muted);font-size:13px}
.hf-work{max-width:1100px;margin:auto;padding:32px 20px}.hf-work h1{margin:0 0 8px;font-size:27px}.hf-work p{color:var(--hf-muted)}.hf-work main{padding:0!important}.hf-leads #root>h2{display:none}.hf-work #root{background:white;border:1px solid var(--hf-line);border-radius:14px;padding:22px}.hf-work #root button,.hf-work #root select,.hf-work #root input,.hf-work #root textarea{font:inherit;border:1px solid #d5e2d8;border-radius:8px;padding:10px;margin:4px;background:white;color:#26473a}.hf-work #root button{cursor:pointer}.hf-work #root button:hover{border-color:#1f6251}.hf-work #root textarea{display:block;width:min(100%,600px);min-height:100px;box-sizing:border-box}.hf-work #root section{border-top:1px solid var(--hf-line);margin-top:18px;padding-top:15px}.hf-work #root form{background:#fff;border:1px solid var(--hf-line);border-radius:12px;padding:20px;margin-top:16px}.hf-work #root label{display:block;margin:10px 0}.hf-work #root label input,.hf-work #root label textarea{display:block;max-width:100%;box-sizing:border-box}.hf-work #root [role=status]{min-height:1.5em}
@media(max-width:800px){body.hf-shell{padding:128px 0 0!important}.hf-side{inset:0 0 auto;width:100%;height:58px;padding:8px 10px;display:flex;gap:4px;overflow-x:auto;border:0;border-bottom:1px solid var(--hf-line)}.hf-brand{font-size:15px;margin:7px 10px 0 4px;min-width:75px}.hf-brand small,.hf-group{display:none}.hf-nav{padding:9px 10px;flex:none}.hf-top{left:0;top:58px;height:60px;padding:0 16px}.hf-content{padding:24px 16px}.hf-grid{grid-template-columns:1fr}.hf-work{padding:24px 16px}.hf-user span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
