:root{--bg:#0a0b0d;--paper:#f1f0ea;--acid:#d8ff3e;--orange:#ff6338;--steel:#a9adb2;--line:#303337;--panel:#151719}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.nav{position:fixed;z-index:20;top:0;width:100%;height:80px;border-bottom:1px solid #ffffff18;background:#0a0b0dcc;backdrop-filter:blur(16px)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900;letter-spacing:-1px}.logo i{color:var(--acid);font-style:normal}.links{display:flex;gap:25px;align-items:center;color:#afb2b3;font-size:13px}.links a:hover{color:var(--acid)}.call{color:var(--bg)!important;background:var(--acid);padding:10px 17px;border-radius:3px;font-weight:800}.hero{padding:185px 0 100px;min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(105deg,#0a0b0d 0 52%,#101316 52%)}.hero:after{content:"";position:absolute;right:6%;top:150px;width:370px;height:370px;border:1px solid #d8ff3e55;transform:rotate(45deg);box-shadow:0 0 0 32px #d8ff3e0c,0 0 0 64px #d8ff3e07}.kicker{color:var(--acid);font:800 11px/1.2 Arial;letter-spacing:3px}.hero h1{font-size:clamp(46px,8vw,98px);line-height:.98;letter-spacing:-6px;max-width:820px;margin:22px 0 30px;position:relative;z-index:1}.hero h1 span{color:var(--acid)}.hero p{max-width:610px;color:#a8abad;font-size:20px;position:relative;z-index:1}.hero .btn{margin-top:24px}.btn{display:inline-block;border:1px solid #ffffff40;padding:13px 21px;border-radius:2px;font-weight:800}.btn.primary{background:var(--acid);border-color:var(--acid);color:var(--bg)}.section{padding:120px 0;border-bottom:1px solid var(--line)}.section.alt{background:var(--paper);color:var(--bg)}.title{font-size:clamp(35px,5vw,64px);line-height:1.05;letter-spacing:-4px;margin:17px 0 18px}.desc{color:#858a8f;font-size:18px;max-width:640px}.alt .desc{color:#5c6164}.pain-grid,.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.pain,.service{padding:26px 23px 33px;min-height:240px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1012}.pain:hover,.service:hover{background:#171a1d}.pain .num,.service .num{color:var(--orange);font:800 11px Arial;letter-spacing:2px}.pain h3,.service h3{font-size:21px;letter-spacing:-1px;margin:42px 0 12px}.pain p,.service p{color:#84898c;font-size:14px}.pain strong{color:var(--acid)}.service-grid{grid-template-columns:repeat(3,1fr)}.service{background:#e6e5df;min-height:260px}.service:hover{background:#fff}.service h3{margin:25px 0 10px}.service p{color:#5c6164}.service .num{color:#c04b2d}.flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:56px;border-top:1px solid #73777a}.flow div{padding:23px 15px 0;border-right:1px solid #73777a;min-height:130px}.flow b{display:block;color:var(--orange);font-size:12px;margin-bottom:25px}.flow span{font-size:15px}.quote{padding:100px 0;background:var(--acid);color:var(--bg)}blockquote{font-size:clamp(30px,5vw,64px);font-weight:900;line-height:1.08;letter-spacing:-4px;max-width:900px;margin:0}.contact{display:flex;align-items:end;justify-content:space-between;gap:35px}.phone{display:block;color:var(--acid);font-size:clamp(30px,4vw,54px);font-weight:900;letter-spacing:-2px;margin-bottom:20px}.footer{padding:30px 0;color:#686d71;font-size:12px}@media(max-width:800px){.wrap{width:calc(100% - 34px)}.links a:not(.call){display:none}.hero{padding-top:145px;background:#0a0b0d}.hero:after{right:-160px;top:290px;opacity:.4}.hero h1{letter-spacing:-3px}.pain-grid,.service-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.section{padding:82px 0}.contact{display:block}}@media(max-width:480px){.pain-grid,.service-grid{grid-template-columns:1fr}.hero p{font-size:17px}}
:root{--bg:#0a0b0d;--paper:#f1f0ea;--acid:#d8ff3e;--orange:#ff6338;--steel:#a9adb2;--line:#303337;--panel:#151719}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.nav{position:fixed;z-index:20;top:0;width:100%;height:80px;border-bottom:1px solid #ffffff18;background:#0a0b0dcc;backdrop-filter:blur(16px)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900;letter-spacing:-1px}.logo i{color:var(--acid);font-style:normal}.links{display:flex;gap:25px;align-items:center;color:#afb2b3;font-size:13px}.links a:hover{color:var(--acid)}.call{color:var(--bg)!important;background:var(--acid);padding:10px 17px;border-radius:3px;font-weight:800}.hero{padding:185px 0 100px;min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(10,11,13,.98) 0%,rgba(10,11,13,.90) 38%,rgba(10,11,13,.45) 70%,rgba(10,11,13,.20) 100%),url('assets/hero-trade-signals.png') center/cover no-repeat}
:root{--logo-image:url('assets/haiboss-logo.png')}.logo{display:inline-flex;align-items:center;gap:9px}.logo:before{content:"";display:inline-block;width:30px;height:30px;background:var(--logo-image) center/contain no-repeat}.logo i{display:none}
:root{--logo-lockup:url('assets/haiboss-logo-dark.png')}.logo{width:154px;height:42px;font-size:0;background:var(--logo-lockup) left center/contain no-repeat}.logo:before{display:none}.flow-art{display:block;width:min(100%,980px);margin:0 auto 35px;filter:drop-shadow(0 12px 28px #d8ff3e18)}
:root{--logo-lockup:url('assets/haiboss-logo-dark.png')}.page-art-wrap{padding-top:40px}.page-art{display:block;width:100%;max-height:280px;object-fit:cover;object-position:center;opacity:.9;border:1px solid var(--line);background:#111;padding:18px}.grid .card{transition:transform .25s,border-color .25s}.grid .card:hover{transform:translateY(-6px);border-color:var(--acid)}
:root{--logo-lockup:url('assets/haiboss-logo-dark.png')}.links a[href="pain-points.html"]{font-size:0}.links a[href="pain-points.html"]:after{content:"痛点";font-size:13px}.links a[href="ai-growth.html"]{font-size:0}.links a[href="ai-growth.html"]:after{content:"AI 增效";font-size:13px}.links a[href="solutions.html"]{font-size:0}.links a[href="solutions.html"]:after{content:"服务场景";font-size:13px}.links a.active{color:var(--acid)}
.hero .wrap,.card,.page-art-wrap{animation:rise .75s ease both}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.page-art-wrap{overflow:hidden}.page-art{transition:transform .7s ease,opacity .7s ease}.page-art:hover{transform:scale(1.025);opacity:1}.links a.active{color:var(--acid)}
:root{--logo-lockup:url('assets/haiboss-logo-dark.png')}.links a[href="pain-points.html"],.links a[href="ai-growth.html"],.links a[href="solutions.html"]{font-size:13px}.links a[href="pain-points.html"]:after,.links a[href="ai-growth.html"]:after,.links a[href="solutions.html"]:after{content:none}
.grid{gap:18px;padding-top:48px}.grid .card{background:linear-gradient(145deg,#171b1f,#0e1012);border:1px solid #3b4147;border-radius:14px;padding:30px;min-height:220px;box-shadow:0 18px 45px #0008;position:relative;overflow:hidden}.grid .card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border:1px solid #d8ff3e33;border-radius:50%}.grid .card:hover{border-color:var(--acid);box-shadow:0 22px 60px #000c;transform:translateY(-8px)}.grid .card h2{font-size:24px;line-height:1.25;margin:28px 0 14px}.grid .card p{font-size:15px;line-height:1.8;color:#a1a7aa}.page-art-wrap{padding-top:36px;padding-bottom:8px}.page-art{max-height:330px;border-radius:14px;object-fit:cover}
.hero h1{color:var(--paper);text-shadow:0 2px 18px #000b}.hero p{color:#d4d8d8;text-shadow:0 2px 12px #000b}.hero .wrap{opacity:1}
body[data-page="pain"] .hero{background:linear-gradient(100deg,rgba(10,11,13,.96),rgba(10,11,13,.54)),url('assets/pain-fragmented-signals.png') center/cover no-repeat}
body[data-page="solution"] .hero{background:linear-gradient(100deg,rgba(10,11,13,.96),rgba(10,11,13,.48)),url('assets/solution-branches.png') center/cover no-repeat}
.about-signature{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:30px 34px;border:1px solid #3b4147;border-radius:14px;background:linear-gradient(110deg,#171b1f,#0d0f11);box-shadow:0 18px 45px #0008}.about-signature b{color:var(--acid);font-size:12px;letter-spacing:2px}.about-signature p{margin:12px 0 0;font-size:22px;font-weight:800}.about-signature img{width:190px;height:auto}
.section.alt .kicker{color:#536b00;text-shadow:none}.section.alt .title{color:#111417}.section.alt .desc{color:#4f5759}.section.alt .service h3{color:#111417}.section.alt .service p{color:#4f5759}.section.alt .service{border-color:#b9bbb5;box-shadow:0 12px 28px #1112}.section.alt .service:hover{box-shadow:0 16px 36px #1113}
@media(max-width:600px){.about-signature{display:block}.about-signature img{margin-top:24px;width:160px}}