.hai-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%)}
.hai-section::before{content:"";position:absolute;right:-180px;top:-190px;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(69,129,255,.12),transparent 68%);pointer-events:none}
.hai-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:24px}
.hai-heading>div:first-child>span{display:block;margin-bottom:12px;color:#16858c;font-size:9px;font-weight:650;letter-spacing:1.3px}
.hai-heading>div:first-child>span i{color:#109da5;font-size:15px}
.hai-heading h2{margin:0;color:#17313c;font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1.2}
.hai-heading h2 em{color:#3167ee;font-style:normal}
.hai-heading>div:last-child{max-width:350px}
.hai-heading p{margin:0 0 12px;color:#6c7a85;font-size:13px;line-height:1.7}
.hai-heading a{display:inline-flex;align-items:center;gap:11px;color:#2053d3;font-size:13px;font-weight:800;text-decoration:none}
.hai-heading a:hover i{transform:translateX(4px)}
.hai-heading a i{transition:transform .2s ease}
.hai-studio{position:relative;overflow:hidden;max-width:1060px;margin-inline:auto;border:1px solid #d9e4f2;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(29,67,134,.09)}
.hai-studio-bar{display:flex;align-items:center;gap:10px;min-height:53px;padding:0 24px;border-bottom:1px solid #e8edf4;background:#fff}
.hai-studio-bar>span{display:flex;align-items:center;gap:6px;color:#263961;font-size:13px;font-weight:800}
.hai-studio-bar>span i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(145deg,#11a7bf,#315cf5);color:#fff;font-size:11px}
.hai-studio-bar>span b{font-weight:700}
.hai-studio-bar>small{margin-left:auto;color:#8b9ab2;font-size:9px;font-weight:800;letter-spacing:.1em}
.hai-studio-bar>i{margin-left:14px;color:#9aabc1}
.hai-studio-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
.hai-tool-panel{min-width:0;padding:22px;border-right:1px solid #e7edf5}
.hai-panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.hai-panel-title strong{color:#1c2d51;font-size:16px}
.hai-panel-title span{color:#8796ab;font-size:11px}
.hai-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hai-tool{position:relative;display:flex;align-items:flex-start;gap:11px;min-width:0;min-height:68px;padding:10px;border:1px solid #e0e7ef;border-radius:11px;background:#fff;color:#243557;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hai-tool:hover{transform:translateY(-2px);border-color:#b3d9e1;box-shadow:0 9px 23px rgba(25,83,147,.08)}
.hai-tool.is-selected{border-color:#18a7b4;background:#f0fbfc;box-shadow:inset 0 0 0 1px rgba(24,167,180,.15)}
.hai-tool>i:first-child{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:8px;background:#e5f5f7;color:#119ba8;font-size:13px}
.hai-tool>span{display:block;min-width:0}
.hai-tool b{display:block;padding-right:10px;color:#26365c;font-size:12px;font-weight:750;line-height:1.25}
.hai-tool small{display:block;margin-top:5px;color:#7888a1;font-size:10px;line-height:1.4}
.hai-tool .hai-tool-check{position:absolute;top:13px;right:12px;display:none;color:#0b9fae;font-size:10px}
.hai-tool.is-selected .hai-tool-check{display:block}
.hai-workspace{min-width:0;padding:22px;background:linear-gradient(155deg,#fbfdff 0%,#f5faff 100%)}
.hai-workspace-head>span,.hai-prompt>small,.hai-result>div>small{color:#178eab;font-size:9px;font-weight:800;letter-spacing:.12em}
.hai-workspace-head .hai-workspace-icon{display:grid;place-items:center;width:33px;height:33px;margin:9px 0 7px;border-radius:9px;background:#e2f4f6;color:#0c9ea8;font-size:14px}
.hai-workspace-head h3{margin:0 0 5px;color:#142a52;font-size:20px;font-weight:750}
.hai-workspace-head p{margin:0;color:#718199;font-size:11px;line-height:1.5}
.hai-prompt{position:relative;margin-top:13px;padding:12px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(36,74,125,.04)}
.hai-prompt p{min-height:0;margin:7px 0 9px;color:#33476a;font-size:12px;line-height:1.55}
.hai-prompt>span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;background:#f0f5fa;color:#69809c;font-size:9px}
.hai-flow{display:flex;align-items:center;justify-content:center;gap:11px;height:27px;color:#33b4c3;font-size:12px}
.hai-flow span{width:38px;height:1px;background:#c7dbe9}
.hai-result{min-height:142px;padding:13px;border:1px solid #d5e8eb;border-radius:11px;background:#fff}
.hai-result>div:first-child{display:flex;align-items:center;justify-content:space-between}
.hai-result>div:first-child>i{color:#15ad9f;font-size:13px}
.hai-result h4{margin:8px 0 6px;color:#1d315b;font-size:14px;font-weight:750}
.hai-result>p{min-height:0;margin:0;color:#566a86;font-size:11px;line-height:1.55;white-space:pre-line}
.hai-result footer{margin-top:10px;padding-top:8px;border-top:1px solid #eaf0f5;color:#8494aa;font-size:9px}
.hai-result footer i{margin-right:5px;color:#0fa5a6}
.hai-result-visual{position:relative;display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:98px;overflow:hidden;border:1px dashed #b7d9ed;border-radius:8px;background:radial-gradient(circle at 50% 40%,#d3edff,#e7f1ff 55%,#f4f9ff)}
.hai-result-visual .hai-visual-orbit{position:absolute;width:160px;height:160px;border:1px solid rgba(66,131,236,.2);border-radius:50%}
.hai-result-visual>i{position:relative;color:#377de2;font-size:21px}
.hai-result-visual>b{position:relative;color:#4f76ae;font-size:10px}
.hai-result[data-kind=visual] .hai-result-visual{display:flex}
.hai-result[data-kind=visual]>p{min-height:0;margin-top:7px;font-size:10px}
@media(max-width:1100px){.hai-tool-panel,.hai-workspace{padding:20px}.hai-tools{gap:8px}.hai-tool{padding:9px;min-height:66px}.hai-tool small{font-size:9px}}
@media(max-width:800px){.hai-heading{align-items:start;gap:20px}.hai-heading h2{font-size:28px}.hai-studio-layout{grid-template-columns:1fr}.hai-tool-panel{border-right:0;border-bottom:1px solid #e7edf5}.hai-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.hai-workspace-head{grid-column:1/-1}.hai-prompt{margin-top:0}.hai-flow{display:none}.hai-result{min-height:0}}
@media(max-width:600px){.hai-section{padding-block:35px}.hai-heading{display:block;margin-bottom:18px}.hai-heading h2{font-size:23px}.hai-heading>div:last-child{max-width:none;margin-top:12px}.hai-heading p{font-size:12px}.hai-heading a{font-size:12px}.hai-studio{border-radius:14px}.hai-studio-bar{min-height:47px;padding:0 13px}.hai-studio-bar>span{font-size:11px}.hai-studio-bar>small{font-size:8px}.hai-studio-bar>i{display:none}.hai-tool-panel,.hai-workspace{padding:15px}.hai-panel-title strong{font-size:13px}.hai-panel-title span{font-size:9px}.hai-tool{gap:7px;min-height:61px;padding:9px}.hai-tool>i:first-child{flex-basis:25px;width:25px;height:25px;font-size:11px}.hai-tool b{font-size:10px}.hai-tool small{display:none}.hai-workspace{display:block}.hai-workspace-head h3{font-size:17px}.hai-prompt{margin-top:16px}.hai-flow{display:flex;height:29px}.hai-result{min-height:0}}
@media(prefers-reduced-motion:reduce){.hai-tool,.hai-heading a i{transition:none}}