/* ai-paas.html 页面专属首屏视觉；作用域：body.page-ai-paas */
.page-ai-paas .aipaas-semantic-map{isolation:isolate;padding:25px 29px 23px;background:linear-gradient(140deg,rgba(7,35,85,.98),rgba(9,79,155,.95))}
.page-ai-paas .aipaas-semantic-map:before{background:radial-gradient(circle at 50% 50%,rgba(102,226,240,.2),transparent 31%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.page-ai-paas .aipaas-map-header{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid rgba(191,223,255,.22)}
.page-ai-paas .aipaas-map-header span,.page-ai-paas .aipaas-map-footer span{color:#8ee9ef;font-size:8px;font-weight:900;letter-spacing:.14em}
.page-ai-paas .aipaas-map-header b{color:#f4f9ff;font-size:13px;font-weight:800}
.page-ai-paas .aipaas-map-board{position:absolute;inset:75px 31px 51px;z-index:1}
.page-ai-paas .aipaas-map-board:before{content:"";position:absolute;inset:12% 18%;border:1px solid rgba(155,222,248,.18);border-radius:42%;box-shadow:0 0 0 35px rgba(89,206,239,.045),0 0 0 70px rgba(89,206,239,.025)}
.page-ai-paas .aipaas-map-core{position:absolute;top:50%;left:50%;z-index:2;width:190px;min-height:145px;display:grid;place-items:center;align-content:center;gap:8px;padding:16px 14px;border:1px solid rgba(185,235,247,.48);border-radius:12px;color:#fff;background:linear-gradient(150deg,rgba(7,38,92,.94),rgba(17,111,182,.75));box-shadow:0 20px 42px rgba(0,18,65,.3),inset 0 1px rgba(255,255,255,.14);transform:translate(-50%,-50%);text-align:center;backdrop-filter:blur(8px)}
.page-ai-paas .aipaas-map-core:before,.page-ai-paas .aipaas-map-core:after{content:"";position:absolute;width:34px;height:34px;border-color:#7ee9ee;opacity:.85}
.page-ai-paas .aipaas-map-core:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}
.page-ai-paas .aipaas-map-core:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.page-ai-paas .aipaas-core-kicker{position:relative;z-index:1;color:#8ee9ef;font-size:7px;font-weight:900;letter-spacing:.14em}
.page-ai-paas .aipaas-map-core strong{position:relative;z-index:1;color:#fff;font-size:25px;line-height:1.1}
.page-ai-paas .aipaas-map-core small{position:relative;z-index:1;color:#b7d5ee;font-size:8px;line-height:1.4}
.page-ai-paas .aipaas-core-tags{position:relative;z-index:1;display:flex;justify-content:center;gap:5px}
.page-ai-paas .aipaas-core-tags span{padding:3px 6px;border:1px solid rgba(143,234,240,.33);border-radius:999px;color:#dffcff;font-size:8px;line-height:1.1}
.page-ai-paas .aipaas-map-node{position:absolute;z-index:2;width:calc(50% - 118px);min-width:112px;min-height:72px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;padding:13px 11px;border:1px solid rgba(182,223,246,.26);border-radius:8px;color:#f8fbff;background:rgba(5,39,94,.71);box-shadow:0 12px 26px rgba(0,17,60,.16);transition:transform .25s ease,border-color .25s ease,background .25s ease;backdrop-filter:blur(7px)}
.page-ai-paas .aipaas-map-node:after{content:"";position:absolute;z-index:-1;width:72px;height:1px;background:linear-gradient(90deg,rgba(113,234,235,.15),rgba(126,233,238,.92));box-shadow:0 0 10px rgba(111,231,236,.4)}
.page-ai-paas .aipaas-map-node>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(143,234,240,.42);border-radius:50%;color:#8ee9ef;font-family:var(--mono);font-size:8px;font-weight:900}
.page-ai-paas .aipaas-map-node b,.page-ai-paas .aipaas-map-node small{display:block;overflow-wrap:anywhere}
.page-ai-paas .aipaas-map-node b{color:#fff;font-size:11px;line-height:1.45}
.page-ai-paas .aipaas-map-node small{margin-top:4px;color:#b7d5ee;font-size:8px;line-height:1.4}
.page-ai-paas .aipaas-map-node-application{top:1%;left:0}
.page-ai-paas .aipaas-map-node-application:after{right:-61px;bottom:-25px;transform:rotate(30deg);transform-origin:left center}
.page-ai-paas .aipaas-map-node-data{top:1%;right:0}
.page-ai-paas .aipaas-map-node-data:after{bottom:-25px;left:-61px;transform:rotate(-30deg);transform-origin:right center}
.page-ai-paas .aipaas-map-node-knowledge{bottom:1%;left:0}
.page-ai-paas .aipaas-map-node-knowledge:after{top:-25px;right:-61px;transform:rotate(-30deg);transform-origin:left center}
.page-ai-paas .aipaas-map-node-agent{right:0;bottom:1%}
.page-ai-paas .aipaas-map-node-agent:after{top:-25px;left:-61px;transform:rotate(30deg);transform-origin:right center}
@media(hover:hover) and (pointer:fine){.page-ai-paas .aipaas-map-node:hover{border-color:rgba(142,233,239,.72);background:rgba(10,66,139,.9);transform:translateY(-3px)}}
.page-ai-paas .aipaas-map-footer{position:absolute;right:30px;bottom:19px;z-index:2;display:flex;align-items:center;gap:8px}
.page-ai-paas .aipaas-map-footer i{width:19px;height:1px;background:rgba(143,232,239,.52)}
@media(hover:hover) and (pointer:fine){.page-ai-paas .browser-frame{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.page-ai-paas .browser-frame:hover{transform:translateY(-6px) scale(1.008);border-color:#8db9eb;box-shadow:0 26px 52px rgba(20,58,111,.24)}}
.page-ai-paas.lightbox-open{overflow:hidden}.page-ai-paas .gallery-screen-trigger{cursor:zoom-in}.page-ai-paas .gallery-screen-trigger:focus-visible{outline:3px solid #1c78d4;outline-offset:5px}.page-ai-paas .image-lightbox{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:64px 32px 32px;background:rgba(5,19,43,.9);backdrop-filter:blur(8px)}.page-ai-paas .image-lightbox[hidden]{display:none}.page-ai-paas .image-lightbox figure{max-width:min(1280px,100%);max-height:100%;display:flex;align-items:center;flex-direction:column;margin:0}.page-ai-paas .image-lightbox img{max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.42)}.page-ai-paas .image-lightbox figcaption{margin-top:16px;color:#fff;font-size:14px;font-weight:700}.page-ai-paas .image-lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:rgba(255,255,255,.1);font-size:30px;line-height:1;cursor:pointer}.page-ai-paas .image-lightbox-close:hover,.page-ai-paas .image-lightbox-close:focus-visible{background:var(--blue-600);outline:0}

@media(max-width:1080px){
  .page-ai-paas .aipaas-map-board{inset-right:24px;inset-left:24px}
  .page-ai-paas .aipaas-map-node{width:calc(50% - 108px)}
}

.page-ai-paas .aipaas-video-section{padding-top:20px}
.page-ai-paas .aipaas-video-heading{align-items:end;margin-bottom:30px}
.page-ai-paas .aipaas-video-heading>p{max-width:390px;margin:0;color:#60718a;font-size:14px;line-height:1.85}
.page-ai-paas .aipaas-video-frame{position:relative;overflow:hidden;border:1px solid #b9d1ed;border-radius:12px;background:linear-gradient(135deg,#0a2855,#145ba6);box-shadow:0 24px 52px rgba(20,58,111,.16)}
.page-ai-paas .aipaas-video-frame:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgba(5,31,69,.24),transparent 52%,rgba(58,149,239,.18));content:"";pointer-events:none}
.page-ai-paas .aipaas-video-frame video{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16 / 9;background:#0a2855;object-fit:contain}
.page-ai-paas .aipaas-video-frame:focus-within{border-color:#6eaae6;box-shadow:0 26px 56px rgba(20,58,111,.22)}

@media(max-width:720px){
  .page-ai-paas .aipaas-video-section{padding-top:8px}
  .page-ai-paas .aipaas-video-heading{align-items:flex-start;margin-bottom:22px}
  .page-ai-paas .aipaas-video-heading>p{font-size:13px;line-height:1.75}
  .page-ai-paas .aipaas-video-frame{border-radius:8px}
}

@media(max-width:720px){
  .page-ai-paas .image-lightbox{padding:62px 14px 24px}
  .page-ai-paas .image-lightbox img{max-height:calc(100vh - 120px)}
  .page-ai-paas .image-lightbox-close{top:12px;right:14px}
  .page-ai-paas .aipaas-semantic-map{padding:20px 18px}
  .page-ai-paas .aipaas-map-header{padding-bottom:12px}
  .page-ai-paas .aipaas-map-header span{font-size:7px}
  .page-ai-paas .aipaas-map-header b{font-size:11px}
  .page-ai-paas .aipaas-map-board{inset:62px 19px 43px}
  .page-ai-paas .aipaas-map-core{width:155px;min-height:116px;padding:12px 10px;gap:6px}
  .page-ai-paas .aipaas-core-kicker{font-size:6px}
  .page-ai-paas .aipaas-map-core strong{font-size:21px}
  .page-ai-paas .aipaas-map-core small{font-size:6px}
  .page-ai-paas .aipaas-core-tags{gap:3px}
  .page-ai-paas .aipaas-core-tags span{padding:3px 4px;font-size:6px}
  .page-ai-paas .aipaas-map-node{width:calc(50% - 89px);min-width:79px;min-height:59px;grid-template-columns:19px minmax(0,1fr);gap:6px;padding:9px 7px}
  .page-ai-paas .aipaas-map-node>span{width:19px;height:19px;font-size:6px}
  .page-ai-paas .aipaas-map-node b{font-size:8px}
  .page-ai-paas .aipaas-map-node small{display:none}
  .page-ai-paas .aipaas-map-node:after{width:47px}
  .page-ai-paas .aipaas-map-node-application:after{right:-39px;bottom:-20px}
  .page-ai-paas .aipaas-map-node-data:after{bottom:-20px;left:-39px}
  .page-ai-paas .aipaas-map-node-knowledge:after{top:-20px;right:-39px}
  .page-ai-paas .aipaas-map-node-agent:after{top:-20px;left:-39px}
  .page-ai-paas .aipaas-map-footer{right:18px;bottom:13px;gap:6px}
  .page-ai-paas .aipaas-map-footer span{font-size:6px}
  .page-ai-paas .aipaas-map-footer i{width:12px}
}