/* 有章科技：企业 AI 平台视觉系统。教育产品的绿色仅保留在真实产品截图内。 */
:root{--ink:#101828;--ink2:#182230;--paper:#f6f7f9;--white:#fff;--muted:#667085;--line:#d9dee7;--signal:#155eef;--signal-deep:#004eeb}
body{background:var(--paper)}
.nav{color:var(--ink);background:rgba(255,255,255,.94);border-bottom:1px solid #e4e7ec;backdrop-filter:blur(14px)}
.brand-mark{border-color:#98a2b3}.brand-mark:after{background:var(--signal)}.brand small{color:#667085}.nav-links{color:#475467}.nav-links a:hover{color:var(--signal)}
.nav-cta,.button{border-color:var(--signal);background:var(--signal);color:#fff}.nav-cta:hover,.button:hover{background:#0040c1}.button.ghost{border-color:#98a2b3;color:var(--ink);background:#fff}.button.ghost:hover{border-color:var(--ink);background:#eef2f6}.menu{color:var(--ink)}
.hero{background:#fbfcfe;color:var(--ink)}.hero:before{opacity:1;background-image:linear-gradient(rgba(16,24,40,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.055) 1px,transparent 1px);mask-image:linear-gradient(110deg,black,transparent 88%)}.hero:after{right:-24vw;top:5%;border-color:rgba(21,94,239,.2);box-shadow:0 0 0 72px rgba(21,94,239,.024),0 0 0 144px rgba(21,94,239,.014)}.hero-copy .caps,.hero h1 em,.proof b{color:var(--signal)}.hero p{color:#475467}.proof{border-color:#cbd5e1}.proof span{color:#667085}
.system-stage{height:455px}.system-caption{color:#667085}.arch{display:none}.live-product{position:absolute;left:4%;right:0;bottom:0;height:365px;border:1px solid #c9d1dc;background:#fff;box-shadow:24px 27px 0 rgba(21,94,239,.09);overflow:hidden}.live-product:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.15),transparent 31%)}.live-product-bar{position:relative;z-index:3;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid #e4e7ec;background:#f8fafc}.live-product-bar i{width:6px;height:6px;border-radius:50%;background:#cfd4dc}.live-product-bar span{margin-left:8px;color:#667085;font-size:.6rem;font-weight:800;letter-spacing:.09em}.live-product img{width:100%;height:calc(100% - 32px);object-fit:cover;object-position:top left;display:block}.live-tag{position:absolute;z-index:4;padding:9px 11px;background:#101828;color:#fff;font-size:.67rem;box-shadow:7px 7px 0 rgba(21,94,239,.18)}.live-tag b{display:block;color:#a9c6ff;font-size:.56rem;letter-spacing:.12em}.live-tag span{display:block;margin-top:4px;font-weight:700}.tag-a{left:-25px;top:50px}.tag-b{right:-9px;top:123px}.tag-c{left:20px;bottom:23px}.tag-d{right:27px;bottom:27px}.blue-line{position:absolute;z-index:3;height:1px;background:var(--signal);opacity:.7}.line-a{left:-6px;top:103px;width:76px}.line-b{right:-4px;top:173px;width:75px}.line-c{left:69px;bottom:55px;width:58px}.line-d{right:73px;bottom:58px;width:58px}
.principles{background:#eef1f5;border-bottom-color:#dde3eb}.principle-list span{border-color:#cdd5df;color:#475467}.section-lead .caps,.thesis-points b,.capability b,.scene b,.step b{color:var(--signal)}
.paths{background:#101828}.paths .section-lead .caps,.path-copy small,.node i{color:#9cc2ff}.path-switch button.active{background:var(--signal);color:#fff}.platform{background:#eef2f7}.platform-note{background:#101828}.platform-note .caps,.case .section-lead .caps,.case-flow>span,.case-flow b{color:#9cc2ff}.capability{background:#fff}.case{background:#101828}.case-tags span{border-color:#475467}.contact{background:#f6f7f9}
.case-card{grid-template-columns:.86fr .84fr .7fr}.case-visual{position:relative;min-height:420px;overflow:hidden;border-left:1px solid #43463f;background:#edf1f6}.case-visual img{position:absolute;top:38px;left:-12%;width:128%;max-width:none;border:1px solid #cfd5df;box-shadow:18px 21px 0 rgba(21,94,239,.22)}.case-visual:after{content:"真实产品界面 · 教师工作台";position:absolute;right:16px;bottom:15px;padding:7px 9px;background:#101828;color:#fff;font-size:.63rem;letter-spacing:.07em}.case-flow{border-left:1px solid #43463f}
@media(max-width:900px){.case-card{grid-template-columns:1fr}.case-visual{border-left:0;border-top:1px solid #43463f;min-height:330px}.live-product{left:2%;height:326px}.live-tag{display:none}.system-stage{height:350px}.case-flow{border-left:0;border-top:1px solid #43463f}}
@media(max-width:540px){.hero{min-height:auto}.system-stage{height:270px}.live-product{left:0;height:245px;box-shadow:10px 12px 0 rgba(21,94,239,.1)}.system-caption{font-size:.53rem}.case-visual{min-height:255px}.case-visual img{top:26px}.case-visual:after{font-size:.55rem}}

/* 首屏展示企业定制智能体交付架构；教育产品界面仅保留在“真实案例”区。 */
.agent-canvas{position:absolute;left:4%;right:0;bottom:0;height:365px;overflow:hidden;border:1px solid #c9d1dc;background:#fff;box-shadow:24px 27px 0 rgba(21,94,239,.09)}
.agent-bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid #e4e7ec;background:#f8fafc}.agent-bar i{width:6px;height:6px;border-radius:50%;background:#cfd4dc}.agent-bar span{margin-left:8px;color:#667085;font-size:.6rem;font-weight:800;letter-spacing:.09em}.agent-bar b{margin-left:auto;color:var(--signal);font-size:.58rem;letter-spacing:.12em}
.agent-input,.agent-output{position:absolute;top:98px;width:27%;height:124px;padding:16px;border:1px solid #d0d5dd;background:#fff}.agent-input{left:5%}.agent-output{right:5%}.agent-input small,.agent-output small{display:block;color:#667085;font-size:.57rem;font-weight:800;letter-spacing:.12em}.agent-input b,.agent-output b{display:block;margin-top:12px;color:#182230;font-size:.93rem}.agent-input p,.agent-output p{margin:7px 0 0;color:#667085;font-size:.7rem;line-height:1.6}
.agent-core{position:absolute;top:69px;left:50%;z-index:2;width:34%;min-height:178px;padding:18px;transform:translateX(-50%);border:1px solid #101828;background:#101828;color:#fff;box-shadow:10px 10px 0 rgba(21,94,239,.16)}.agent-core small{display:block;color:#9cc2ff;font-size:.57rem;font-weight:800;letter-spacing:.12em}.agent-core>b{display:block;margin-top:12px;font-size:1.05rem}.agent-core p{margin:8px 0 13px;color:#d0d5dd;font-size:.7rem;line-height:1.7}.agent-core div{display:flex;gap:5px}.agent-core div span{padding:4px 6px;border:1px solid #475467;color:#fff;font-size:.58rem}
.agent-link{position:absolute;top:159px;height:1px;background:var(--signal)}.link-left{left:32%;width:18%}.link-right{right:32%;width:18%}.agent-link:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--signal);border-right:1px solid var(--signal);transform:rotate(45deg)}
.agent-footer{position:absolute;right:5%;bottom:31px;left:5%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4e7ec}.agent-footer span{padding:12px 8px 0;border-right:1px solid #e4e7ec;color:#475467;font-size:.62rem;font-weight:700;text-align:center}.agent-footer span:last-child{border-right:0}
.agent-tag{position:absolute;z-index:4;padding:9px 11px;background:#101828;color:#fff;font-size:.67rem;box-shadow:7px 7px 0 rgba(21,94,239,.18)}.agent-tag b{display:block;color:#a9c6ff;font-size:.56rem;letter-spacing:.12em}.agent-tag span{display:block;margin-top:4px;font-weight:700}.tag-knowledge{left:-25px;top:51px}.tag-tools{right:-10px;top:123px}.tag-govern{right:27px;bottom:27px}
@media(max-width:900px){.agent-canvas{left:2%;height:326px}.agent-tag{display:none}.agent-input,.agent-output{top:83px}.agent-core{top:57px}.agent-footer{bottom:23px}}
@media(max-width:540px){.agent-canvas{left:0;height:245px;box-shadow:10px 12px 0 rgba(21,94,239,.1)}.agent-input,.agent-output,.agent-link{display:none}.agent-core{top:58px;width:63%;min-height:112px;padding:14px}.agent-core>b{margin-top:8px;font-size:.9rem}.agent-core p{margin:6px 0 8px;font-size:.62rem}.agent-footer{right:3%;bottom:14px;left:3%}.agent-footer span{padding:8px 3px 0;font-size:.48rem}.agent-bar span{font-size:.48rem}.agent-bar b{font-size:.48rem}}
