@shlinklab/platform-home 0.1.0

package/README.md

@@ -0,0 +1,169 @@
+# @shlinklab/platform-home
+
+全要素检验结果互认质量管理平台首页组件。面向传统 Vue 2 项目交接，使用 Vue 2 Options API、ES6 JavaScript 和 Sass 实现。
+
+## 安装
+
+```sh
+npm install @shlinklab/platform-home
+```
+
+宿主项目需要提供 Vue 2；Element UI 2.x 为兼容旧项目保留的可选 peer dependency。
+
+## 直接引入组件
+
+```vue
+<template>
+  <PlatformHome :config="platformHomeConfig" />
+</template>
+
+<script>
+import PlatformHome from '@shlinklab/platform-home'
+import '@shlinklab/platform-home/style.css'
+
+export default {
+  components: {
+    PlatformHome,
+  },
+  data() {
+    return {
+      platformHomeConfig: {
+        applications: [
+          {
+            id: 'clinical-project-research',
+            enabled: true,
+            url: '/applications/clinical-project-research',
+          },
+          {
+            id: 'mutual-recognition-evaluation',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'external-quality-assessment',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'internal-quality-control',
+            enabled: true,
+            url: '/applications/internal-quality-control',
+          },
+          {
+            id: 'quality-indicator-management',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'reference-interval-management',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'public-hospital-performance',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'online-education-assessment',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'on-site-inspection',
+            enabled: true,
+            url: '/applications/on-site-inspection',
+          },
+          {
+            id: 'pcr-laboratory-review',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'iso17043-document-management',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'personnel-qualification-management',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'trainee-management',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'meeting-organization-management',
+            enabled: false,
+            url: '',
+          },
+          {
+            id: 'operations-command-screen',
+            enabled: true,
+            url: '/applications/operations-command-screen',
+          },
+          {
+            id: 'one-click-assistance',
+            enabled: false,
+            url: '',
+          },
+        ],
+      },
+    }
+  },
+}
+</script>
+```
+
+## 作为 Vue 2 插件安装
+
+默认导出的组件同时实现了 Vue 2 插件安装接口：
+
+```js
+import Vue from 'vue'
+import PlatformHome from '@shlinklab/platform-home'
+import '@shlinklab/platform-home/style.css'
+
+Vue.use(PlatformHome)
+```
+
+安装后可直接使用全局组件：
+
+```vue
+<PlatformHome :config="platformHomeConfig" />
+```
+
+## 配置接口
+
+组件只需要一个 `config` 属性。上方示例已给出全部 16 个应用的默认配置；不传 `config` 时，组件也会使用这套内置默认值。
+
+单个应用配置结构如下：
+
+```js
+{
+  applications: [
+    {
+      id: '系统稳定 ID',
+      enabled: true,
+      url: '/访问地址',
+    },
+  ],
+}
+```
+
+- 可以直接复制完整默认配置，也可以只传需要修改的应用，`applications` 会按 `id` 局部覆盖内置默认值。
+- 系统名称、说明和排列由组件内置，调用者只配置稳定 `id`、启用状态和访问地址。
+- 只有 `enabled: true` 且 `url` 为 HTTP(S) 或站内地址的入口可点击。
+- 未启用、地址为空或危险协议的入口仍会展示，但不可访问。
+- 配置对象支持 Vue 响应式更新。
+
+需要读取默认配置或在宿主侧预处理配置时，可以使用命名导出：
+
+```js
+import {
+  defaultApplicationSystems,
+  resolveApplicationSystems,
+} from '@shlinklab/platform-home'
+```

package/dist/platform-home.css

@@ -0,0 +1 @@
+.system-entry[data-v-9da31278]{--arc-offset: 0px;display:grid;color:#173348;gap:.22rem;text-decoration:none;transform:translate(var(--arc-offset))}.system-entry__title[data-v-9da31278]{position:relative;display:grid;width:min(48%,230px);min-width:225px;place-items:center;color:#3975a5;font-size:clamp(.9rem,.92vw,.98rem);line-height:1.15;text-align:center}.system-entry__title img[data-v-9da31278]{display:block;width:100%;height:auto;grid-area:1/1}.system-entry__title>span[data-v-9da31278]{position:relative;z-index:1;padding:.35rem .25rem;grid-area:1/1;white-space:nowrap}.system-entry__description[data-v-9da31278]{font-size:clamp(.59rem,.61vw,.66rem);line-height:1.5}.system-entry--enabled[data-v-9da31278]{cursor:pointer;transition:filter .16s ease,transform .16s ease}.system-entry--enabled[data-v-9da31278]:hover,.system-entry--enabled[data-v-9da31278]:focus-visible{filter:saturate(1.2) drop-shadow(0 8px 9px rgba(38,123,155,.24));outline:none;transform:translate(var(--arc-offset))}.system-entry--enabled:focus-visible .system-entry__title[data-v-9da31278]{outline:3px solid #f47a26;outline-offset:3px}.system-entry--disabled[data-v-9da31278]{filter:grayscale(.78);opacity:.66}.system-entry--left .system-entry__title[data-v-9da31278]{margin-left:auto}.system-entry--left .system-entry__description[data-v-9da31278]{text-align:right}.system-entry--right .system-entry__title[data-v-9da31278]{margin-right:auto}.system-entry--right .system-entry__description[data-v-9da31278]{text-align:left}.system-entry--left[data-v-9da31278]:nth-child(2),.system-entry--left[data-v-9da31278]:nth-child(7){--arc-offset: clamp(-3.5rem, -2.9vw, -2.7rem)}.system-entry--left[data-v-9da31278]:nth-child(3),.system-entry--left[data-v-9da31278]:nth-child(6){--arc-offset: clamp(-6rem, -5vw, -4.7rem)}.system-entry--left[data-v-9da31278]:nth-child(4),.system-entry--left[data-v-9da31278]:nth-child(5){--arc-offset: clamp(-7.6rem, -6.4vw, -6rem)}.system-entry--right[data-v-9da31278]:nth-child(2),.system-entry--right[data-v-9da31278]:nth-child(7){--arc-offset: clamp(2.35rem, 2.5vw, 3rem)}.system-entry--right[data-v-9da31278]:nth-child(3),.system-entry--right[data-v-9da31278]:nth-child(6){--arc-offset: clamp(4.1rem, 4.4vw, 5.3rem)}.system-entry--right[data-v-9da31278]:nth-child(4),.system-entry--right[data-v-9da31278]:nth-child(5){--arc-offset: clamp(5.5rem, 5.8vw, 6.9rem)}@media(max-width:1280px){.system-entry[data-v-9da31278]{--arc-offset: 0px}}@media(max-width:760px){.system-entry__title[data-v-9da31278]{width:100%;min-width:0}.system-entry__title>span[data-v-9da31278]{white-space:normal}}.section-heading__titles[data-v-9591a350]{display:flex;align-items:baseline;gap:.8rem}.section-heading__titles h1[data-v-9591a350],.section-heading__titles h2[data-v-9591a350]{flex:none;margin:0;color:#101b22;font-weight:650;white-space:nowrap}.section-heading__titles span[data-v-9591a350]{color:#f47a26;letter-spacing:.025em;white-space:nowrap}.section-heading__rule[data-v-9591a350]{position:relative;height:4px;margin-top:.55rem;background:#356ea4}.section-heading__rule[data-v-9591a350]:before{position:absolute;inset:0 auto 0 0;width:var(--heading-accent-width);background:#f47a26;content:""}.section-heading--large[data-v-9591a350]{--heading-accent-width: 28%}.section-heading--large h1[data-v-9591a350],.section-heading--large h2[data-v-9591a350]{font-size:clamp(1.7rem,2vw,2.05rem);letter-spacing:.04em}.section-heading--large span[data-v-9591a350]{font-size:.8rem}.section-heading--compact[data-v-9591a350]{--heading-accent-width: 15%}.section-heading--compact .section-heading__titles[data-v-9591a350]{gap:.7rem}.section-heading--compact h1[data-v-9591a350],.section-heading--compact h2[data-v-9591a350]{font-size:clamp(1.58rem,1.85vw,1.9rem);letter-spacing:.02em}.section-heading--compact span[data-v-9591a350]{font-size:.68rem}@media(max-width:760px){.section-heading__titles[data-v-9591a350]{flex-wrap:wrap;gap:.2rem .65rem}.section-heading__titles h1[data-v-9591a350],.section-heading__titles h2[data-v-9591a350]{width:100%;min-width:0;flex:1 1 100%;white-space:normal}}.application-overview[data-v-cdea73d1]{position:relative;z-index:1;max-width:1720px;margin:-5.3rem auto 0}.application-overview__heading[data-v-cdea73d1]{width:min(440px,100%);margin-bottom:2.4rem}.application-map[data-v-cdea73d1]{position:relative;display:grid;grid-template-columns:minmax(255px,1fr) minmax(560px,.98fr) minmax(255px,1fr);align-items:center;gap:0}.system-column[data-v-cdea73d1]{position:relative;z-index:3;display:grid;align-content:center;gap:1.05rem}.system-column--left[data-v-cdea73d1]{text-align:right;transform:translate(3.6rem)}.system-column--right[data-v-cdea73d1]{text-align:left;transform:translate(-4.1rem)}.application-connectors[data-v-cdea73d1]{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.application-connectors__path[data-v-cdea73d1]{fill:none;stroke:#43b9ca;stroke-linejoin:miter;stroke-width:1;vector-effect:non-scaling-stroke}.application-connectors__path--active[data-v-cdea73d1]{animation:application-connector-flow-cdea73d1 .8s linear infinite;filter:drop-shadow(0 0 3px rgba(32,168,207,.72));stroke:#168fc5;stroke-dasharray:10 7;stroke-width:2}.application-connectors__path--disabled[data-v-cdea73d1]{stroke:#9dafb7;opacity:.62}.application-connectors__node[data-v-cdea73d1]{fill:#397cae;stroke:#9ed5e8;stroke-width:2;vector-effect:non-scaling-stroke}.application-connectors__node--active[data-v-cdea73d1]{animation:application-connector-node-pulse-cdea73d1 .8s ease-in-out infinite alternate;fill:#0a90cf;transform-box:fill-box;transform-origin:center}.application-connectors__node--disabled[data-v-cdea73d1]{fill:#8297a0;stroke:#c4d0d5;opacity:.72}@keyframes application-connector-flow-cdea73d1{to{stroke-dashoffset:-34}}@keyframes application-connector-node-pulse-cdea73d1{to{transform:scale(1.35)}}@media(prefers-reduced-motion:reduce){.application-connectors__path--active[data-v-cdea73d1],.application-connectors__node--active[data-v-cdea73d1]{animation:none}}.application-hub[data-v-cdea73d1]{position:relative;z-index:1;display:grid;aspect-ratio:1;place-items:center;transform:translateY(.85rem)}.application-hub__artwork[data-v-cdea73d1]{display:block;width:100%;height:auto;overflow:visible}@media(max-width:1280px){.application-overview[data-v-cdea73d1]{margin-top:3rem}.application-map[data-v-cdea73d1]{grid-template-columns:1fr}.system-column[data-v-cdea73d1]{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left;transform:none}.system-slot[data-v-cdea73d1]:after{display:none}.application-hub[data-v-cdea73d1]{width:min(440px,86vw);margin:1.5rem auto}}@media(max-width:760px){.system-column[data-v-cdea73d1]{grid-template-columns:1fr}.application-hub[data-v-cdea73d1]{width:min(330px,90vw)}}.introduction[data-v-9ad92afe]{min-width:0}.introduction__heading[data-v-9ad92afe]{width:min(290px,100%);margin-bottom:1.5rem}.introduction__panel[data-v-9ad92afe]{--quote-border-gap: .85rem;position:relative;min-height:300px;padding:1.15rem 1.5rem 1.35rem 1.8rem;background-color:#e3f6fc57;background-image:linear-gradient(#3f91c4,#3f91c4),linear-gradient(#3f91c4,#3f91c4),linear-gradient(#3f91c4,#3f91c4),linear-gradient(#3f91c4,#3f91c4);background-position:left var(--quote-border-gap) top,left top var(--quote-border-gap),right top,left bottom;background-repeat:no-repeat;background-size:calc(100% - var(--quote-border-gap)) 1px,1px calc(100% - var(--quote-border-gap)),1px calc(100% - var(--quote-border-gap)),calc(100% - var(--quote-border-gap)) 1px}.introduction__copy[data-v-9ad92afe]{position:relative;z-index:1;padding-right:0}.introduction__copy p[data-v-9ad92afe]{margin:0;font-size:clamp(.88rem,.92vw,1rem);line-height:1.9;text-align:justify;text-indent:2em}.introduction__copy p[data-v-9ad92afe]:first-child{padding-right:41%}.introduction__copy p+p[data-v-9ad92afe]{margin-top:1rem}.introduction__quote[data-v-9ad92afe]{position:absolute;z-index:2;color:#2877b1;font-family:Georgia,serif;font-size:2.5rem;font-weight:700;line-height:1}.introduction__quote--opening[data-v-9ad92afe]{top:-.5rem;left:-.35rem}.introduction__quote--closing[data-v-9ad92afe]{right:-.38rem;bottom:-1.28rem}.laptop[data-v-9ad92afe]{position:absolute;top:2.2rem;right:2.3rem;width:30%;min-width:210px;object-fit:contain}@media(max-width:760px){.introduction__panel[data-v-9ad92afe]{padding:1.3rem 1.25rem}.introduction__copy[data-v-9ad92afe],.introduction__copy p[data-v-9ad92afe]:first-child{padding-right:0}.introduction__copy p+p[data-v-9ad92afe]{margin-top:.65rem}.laptop[data-v-9ad92afe]{position:relative;top:auto;right:auto;width:min(74%,310px);margin:1.25rem auto 0}}.hierarchy[data-v-6bb4522b]{min-width:0}.visually-hidden[data-v-6bb4522b]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hierarchy__heading[data-v-6bb4522b]{margin-bottom:.55rem}.hierarchy__slogan[data-v-6bb4522b]{margin:.25rem 0;color:#367ca3;font-size:clamp(1.05rem,1.35vw,1.4rem);font-weight:700;text-align:center}.hierarchy__lead[data-v-6bb4522b]{margin:0 auto .3rem;font-size:clamp(.75rem,.78vw,.84rem);line-height:1.65;text-indent:2em}.hierarchy__diagram[data-v-6bb4522b]{position:relative}.hierarchy__upper[data-v-6bb4522b]{position:relative;display:grid;grid-template-columns:86px minmax(360px,1fr) minmax(150px,.82fr);align-items:end;gap:clamp(.7rem,1vw,1rem)}.branches-area[data-v-6bb4522b]{position:relative;display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));grid-template-rows:auto 32px auto;align-items:end;gap:clamp(.7rem,1vw,1rem);padding-top:.45rem}.management-branch[data-v-6bb4522b]{display:contents}.management-branch:nth-of-type(1)>*[data-v-6bb4522b]{grid-column:1}.management-branch:nth-of-type(2)>*[data-v-6bb4522b]{grid-column:2}.management-branch:nth-of-type(3)>*[data-v-6bb4522b]{grid-column:3}.branch-flow-spacer[data-v-6bb4522b]{height:32px;grid-row:2}.branches-summary-flow[data-v-6bb4522b]{z-index:1;display:block;width:100%;height:32px;overflow:visible;grid-column:1/-1;grid-row:2}.branches-summary-flow__line[data-v-6bb4522b]{fill:none;marker-end:url(#management-flow-arrow);stroke:#4d8db7;stroke-dasharray:4 4;stroke-linecap:round;stroke-width:1.2;vector-effect:non-scaling-stroke}.branches-summary-flow path[data-v-6bb4522b]:not(.branches-summary-flow__line){fill:#397bac}.branches-return-flow[data-v-6bb4522b]{position:absolute;right:0;bottom:-40px;z-index:1;display:block;width:100%;height:40px;overflow:visible}.branches-return-flow__line[data-v-6bb4522b]{fill:none;stroke:#4d8db7;stroke-dasharray:4 4;stroke-linecap:round;stroke-width:1.2;vector-effect:non-scaling-stroke}.branches-return-flow path[data-v-6bb4522b]:not(.branches-return-flow__line){fill:#397bac}.terminal-visual[data-v-6bb4522b],.cloud-visual[data-v-6bb4522b]{justify-items:center}.terminal-visual[data-v-6bb4522b],.cloud-visual[data-v-6bb4522b],.laboratory-warehouse[data-v-6bb4522b],.laboratory-terminal[data-v-6bb4522b]{position:relative;display:grid;place-items:center}.terminal-visual img[data-v-6bb4522b],.cloud-visual img[data-v-6bb4522b],.laboratory-warehouse img[data-v-6bb4522b],.laboratory-terminal img[data-v-6bb4522b]{display:block;width:100%;height:auto}.terminal-visual[data-v-6bb4522b]{width:min(100%,94px);grid-row:1;justify-self:center}.terminal-visual img[data-v-6bb4522b]{filter:saturate(.62) brightness(1.08);opacity:.88}.terminal-visual span[data-v-6bb4522b]{position:absolute;top:14%;right:12%;left:12%;color:#3976ae;font-size:clamp(.52rem,.56vw,.61rem);line-height:1.35;text-align:center}.cloud-visual[data-v-6bb4522b]{width:min(100%,116px);grid-row:3;justify-self:center}.cloud-visual img[data-v-6bb4522b]{filter:saturate(.62) brightness(.92)}.cloud-visual span[data-v-6bb4522b]{position:absolute;top:30%;right:11%;left:11%;color:#fff;font-size:clamp(.48rem,.52vw,.57rem);line-height:1.3;text-align:center}.ai-agent[data-v-6bb4522b]{position:relative;display:grid;align-self:end;justify-items:center;padding-bottom:.5rem;color:#183445}.ai-agent img[data-v-6bb4522b]{width:96px;height:auto;filter:saturate(.5) brightness(1.04);object-fit:contain;opacity:.84;transform:translate(-10px,3px)}.ai-agent__label[data-v-6bb4522b]{position:absolute;bottom:.2rem;left:50%;color:#3a687e;font-size:clamp(.45rem,.46vw,.5rem);line-height:1;text-align:center;white-space:nowrap;transform:translate(calc(-50% - 10px))}.ai-cloud-flow[data-v-6bb4522b]{position:absolute;top:61%;left:100%;width:16px;height:14px;overflow:visible}.ai-cloud-flow__line[data-v-6bb4522b],.ai-cloud-flow__arrow[data-v-6bb4522b]{fill:none;stroke:#4d8db7;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.15;vector-effect:non-scaling-stroke}.hierarchy__callout[data-v-6bb4522b]{--callout-tail-top: 50%;position:relative;padding:.42rem .5rem;border:1px solid #ed9a66;border-radius:4px;background:#ffffffad;color:#344956;font-size:clamp(.47rem,.48vw,.53rem);line-height:1.5}.hierarchy__callout[data-v-6bb4522b]:before,.hierarchy__callout[data-v-6bb4522b]:after{position:absolute;top:var(--callout-tail-top);width:0;height:0;border-style:solid;content:"";transform:translateY(-50%)}.hierarchy__callout[data-v-6bb4522b]:before{left:-14px;border-width:8px 14px 8px 0;border-color:transparent #ed9a66 transparent transparent}.hierarchy__callout[data-v-6bb4522b]:after{left:-12px;border-width:7px 13px 7px 0;border-color:transparent rgba(255,255,255,.9) transparent transparent}.hierarchy__callout--governance[data-v-6bb4522b]{--callout-tail-top: 62%;width:190px;margin-left:.8rem;margin-bottom:1.5rem;justify-self:start}.warehouse-flow-spacer[data-v-6bb4522b]{height:38px}.hierarchy__lower[data-v-6bb4522b]{display:grid;grid-template-columns:minmax(330px,1.3fr) minmax(210px,1fr);align-items:center;gap:.65rem}.laboratory-visuals[data-v-6bb4522b]{display:flex;align-items:flex-end;justify-content:flex-end}.laboratory-warehouse[data-v-6bb4522b],.horizontal-flow[data-v-6bb4522b],.laboratory-terminal[data-v-6bb4522b]{flex:0 0 auto}.laboratory-warehouse[data-v-6bb4522b]{width:var(--laboratory-warehouse-width, 155px);aspect-ratio:220/194}.laboratory-warehouse__base[data-v-6bb4522b],.laboratory-warehouse__artwork[data-v-6bb4522b]{position:absolute;left:50%;height:auto;transform:translate(-50%)}.laboratory-warehouse__base[data-v-6bb4522b]{top:7%;z-index:1;width:100%;filter:saturate(.45) brightness(1.25);opacity:.34}.laboratory-warehouse__artwork[data-v-6bb4522b]{top:0;z-index:2;width:91%;filter:saturate(.65) brightness(1.02);opacity:.88}.laboratory-warehouse span[data-v-6bb4522b]{position:absolute;top:58%;z-index:3;color:#477f9f;font-size:.58rem;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(255,255,255,.9)}.laboratory-warehouse img.laboratory-warehouse__artwork[data-v-6bb4522b]{width:91%}.horizontal-flow[data-v-6bb4522b]{position:relative;width:34px;margin-bottom:calc(var(--laboratory-terminal-half-height, 18px) - .5px);margin-left:12px;border-top:1px solid #4d8db7}.horizontal-flow__arrow[data-v-6bb4522b]{position:absolute;top:-4px;left:0;width:6px;height:6px;border-bottom:1px solid #397bac;border-left:1px solid #397bac;transform:rotate(45deg)}.laboratory-terminal[data-v-6bb4522b]{width:var(--laboratory-warehouse-width, 155px)}.laboratory-terminal img[data-v-6bb4522b]{filter:saturate(.55) brightness(1.08);opacity:.82}.laboratory-terminal span[data-v-6bb4522b]{position:absolute;top:23%;color:#283e62;font-size:.58rem;white-space:nowrap}@media(min-width:1321px){.hierarchy__lower[data-v-6bb4522b]{--laboratory-terminal-half-height: clamp(23.8px, 1.285vw, 26.55px);--laboratory-warehouse-half-width: clamp(69.5px, 3.75vw, 77.5px);--laboratory-warehouse-width: clamp(139px, 7.5vw, 155px);position:relative;display:grid;grid-template-columns:86px minmax(360px,1fr) minmax(150px,.82fr);gap:clamp(.7rem,1vw,1rem);min-height:132px}.laboratory-visuals[data-v-6bb4522b]{padding-left:calc(50% - var(--laboratory-warehouse-half-width));grid-column:2;justify-content:flex-start}.hierarchy__callout--laboratory[data-v-6bb4522b]{--callout-tail-top: 48%;position:absolute;top:-.7rem;right:1rem;width:min(42%,290px)}}@media(max-width:1320px){.hierarchy__upper[data-v-6bb4522b]{grid-template-columns:76px minmax(280px,1fr)}.branches-area[data-v-6bb4522b]{margin-bottom:40px}.warehouse-flow-spacer[data-v-6bb4522b]{height:0}.hierarchy__callout--governance[data-v-6bb4522b]{width:auto;margin-bottom:0;grid-column:1/-1;margin-top:.35rem;justify-self:stretch}.hierarchy__callout[data-v-6bb4522b]:before,.hierarchy__callout[data-v-6bb4522b]:after{display:none}.hierarchy__lower[data-v-6bb4522b]{grid-template-columns:1fr}.laboratory-visuals[data-v-6bb4522b]{justify-content:center}}@media(max-width:760px){.hierarchy__upper[data-v-6bb4522b]{grid-template-columns:1fr}.branches-area[data-v-6bb4522b]{grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr))}.ai-agent[data-v-6bb4522b]{grid-row:2;margin-top:.6rem}.ai-cloud-flow[data-v-6bb4522b]{display:none}.hierarchy__callout--governance[data-v-6bb4522b]{grid-row:3}.terminal-visual[data-v-6bb4522b]{width:min(100%,105px)}.cloud-visual[data-v-6bb4522b]{width:min(100%,122px)}.laboratory-warehouse[data-v-6bb4522b]{width:150px}.laboratory-terminal[data-v-6bb4522b]{width:105px}}.platform-home,.platform-home *,.platform-home *:before,.platform-home *:after{box-sizing:border-box}.platform-home{color:#142736;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}.platform-home[data-v-cacddddd]{position:relative;overflow:hidden;min-width:320px;min-height:100vh;margin:0;padding:clamp(3rem,6vw,7.2rem) clamp(1.25rem,5vw,6.5rem) clamp(3rem,4vw,5rem);background-color:#eaf5f9;background-position:center top;background-repeat:no-repeat;background-size:cover}.platform-home__top[data-v-cacddddd]{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1720px;margin:0 auto;gap:clamp(3rem,9vw,11rem)}@media(min-width:1121px){.platform-home[data-v-cacddddd]{min-height:max(100vh,71.13vw)}}@media(max-width:1120px){.platform-home__top[data-v-cacddddd]{grid-template-columns:1fr}}