/* 总体医疗工艺流程：可展开菜单式交互图 */
.pov{--pov-bg1:#0d2229;--pov-bg2:#123540;--pov-ink:#e9f4f3;--pov-mut:#9dbcbd;--pov-line:rgba(160,220,215,.16);
  --pov-p:#5fb2ff;--pov-c:#3ee0b0;--pov-d:#ff9a5c;
  --c-opd:#6aa9ff;--c-ed:#ff8a6a;--c-mt:#4fd2c4;--c-or:#b79bff;--c-wd:#7fd38b;--c-log:#f2c063;
  position:relative;margin:0 0 26px;padding:22px 22px 14px;border-radius:18px;color:var(--pov-ink);overflow:hidden;
  background:radial-gradient(1200px 500px at 15% -10%,rgba(79,210,196,.18),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(183,155,255,.16),transparent 60%),linear-gradient(160deg,var(--pov-bg1),var(--pov-bg2));
  box-shadow:0 24px 60px rgba(8,24,28,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.pov::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--pov-line) 1px,transparent 1px),linear-gradient(90deg,var(--pov-line) 1px,transparent 1px);background-size:36px 36px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.pov-head{position:relative;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-end;justify-content:space-between;margin-bottom:16px}
#processOverview .pov-head h3{margin:0;font-size:22px;letter-spacing:.06em;color:#fff;background:none;-webkit-text-fill-color:#fff}
#processOverview .pov-head p{margin:4px 0 0;font-size:13px;color:var(--pov-mut)}
.pov-legend{display:flex;flex-wrap:wrap;gap:8px}
.pov-lg{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--pov-ink);font:inherit;font-size:12.5px;cursor:pointer;transition:.2s;opacity:.45}
.pov-lg.on{opacity:1;background:rgba(255,255,255,.09)}
.pov-lg i{width:26px;height:0;border-top:3px solid;border-radius:2px}
.pov-lg-p i{border-color:var(--pov-p)}.pov-lg-c i{border-top-style:dashed;border-color:var(--pov-c)}.pov-lg-d i{border-top-style:dotted;border-color:var(--pov-d)}
.pov-lg span{display:flex;flex-direction:column;line-height:1.25;text-align:left}.pov-lg small{font-size:10.5px;color:var(--pov-mut)}
.pov-stage{position:relative}
.pov-links{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible}
.pov-grid{position:relative;z-index:2;display:grid;gap:34px 46px;grid-template-columns:1fr 1.25fr 1fr;
  grid-template-areas:"opd mt wd" "ed or wd" "log log log";align-items:start}
.pov-card{--c:var(--c-mt);position:relative;border-radius:14px;padding:12px 12px 10px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s,opacity .25s,box-shadow .25s,border-color .25s}
.pov-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--c);box-shadow:0 0 14px var(--c)}
.pov-opd{--c:var(--c-opd)}.pov-ed{--c:var(--c-ed)}.pov-mt{--c:var(--c-mt)}.pov-or{--c:var(--c-or)}.pov-wd{--c:var(--c-wd)}.pov-log{--c:var(--c-log)}
.pov-card:hover,.pov-card.is-focus{border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent),0 14px 40px rgba(0,0,0,.35),0 0 32px color-mix(in srgb,var(--c) 28%,transparent);transform:translateY(-2px)}
.pov-card.is-dim{opacity:.38}
.pov-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:2px 4px 10px 8px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.pov-name{font-size:17px;font-weight:700;color:#fff;letter-spacing:.04em}
.pov-tag{font-size:11.5px;color:var(--c);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}
.pov-caret{margin-left:auto;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:relative;transition:.25s}
.pov-caret::before,.pov-caret::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:1.6px;background:#fff;transition:.25s}
.pov-caret::after{transform:rotate(90deg)}
.pov-card.open .pov-caret{background:var(--c);border-color:var(--c)}.pov-card.open .pov-caret::after{transform:rotate(0)}
.pov-steps{display:flex;flex-wrap:wrap;gap:8px;padding-left:8px}
.pov-step{position:relative;display:flex;flex-direction:column;min-width:86px;padding:7px 12px 6px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(6,20,24,.45);color:#fff;font:inherit;cursor:pointer;text-align:center;transition:.2s}
.pov-step b{font-size:13.5px;font-weight:600}.pov-step small{font-size:11px;color:var(--pov-mut)}
.pov-step:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,rgba(6,20,24,.5));transform:translateY(-1px)}
.pov-step+.pov-step::before{content:"";position:absolute;left:-8px;top:50%;width:8px;height:1.5px;background:color-mix(in srgb,var(--c) 70%,transparent)}
.pov-log .pov-steps{display:grid;grid-template-columns:repeat(7,1fr)}
.pov-log .pov-step+.pov-step::before{display:none}
.pov-detail{margin:12px 0 2px 8px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.16);animation:povIn .35s ease}
@keyframes povIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pov-detail ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pov-log .pov-detail ol{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.pov-detail li{display:flex;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid transparent;transition:.25s}
.pov-detail li.hit{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--c) 20%,transparent)}
.pov-no{font:600 12px/1 ui-monospace,Consolas,monospace;color:var(--c);padding-top:3px}
.pov-detail b{display:block;font-size:14px;color:#fff}.pov-detail em{font-style:normal;font-size:11.5px;color:var(--pov-mut);margin-left:8px;font-weight:400}
.pov-detail p{margin:3px 0 0;font-size:12.5px;line-height:1.65;color:#cfe3e1}
.pov-mods{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.pov-mod,.pov-jump{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;text-decoration:none;color:#fff;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 16%,transparent);cursor:pointer;font-family:inherit;transition:.2s}
.pov-mod i{font-style:normal;font-size:9.5px;font-weight:700;padding:1px 4px;border-radius:4px;background:var(--c);color:#0d2229}
.pov-mod:hover,.pov-jump:hover{background:var(--c);color:#0d2229}
.pov-jump{border-style:dashed;background:transparent}
.pov-lv{display:inline-block;margin-top:9px;font-size:12px;color:var(--c);text-decoration:none}.pov-lv:hover{text-decoration:underline}
.pov-foot{position:relative;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:flex-end;margin-top:14px;font-size:12px;color:var(--pov-mut)}
.pov-foot span{margin-right:auto}
.pov-foot a{color:#bfe8e3;text-decoration:none}.pov-foot a:hover{text-decoration:underline}
.pov-all{padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:12px;cursor:pointer}
.pov-all:hover{background:rgba(255,255,255,.16)}
/* 连线 */
.pov-l path{fill:none;transition:opacity .3s,stroke-width .3s}
.pov-line{stroke-width:1.8;opacity:.75}
.pov-glow{stroke-width:7;opacity:.10;filter:blur(2px)}
.pov-l-p path{stroke:var(--pov-p)}.pov-l-c path{stroke:var(--pov-c)}.pov-l-d path{stroke:var(--pov-d)}
.pov-l-c .pov-line{stroke-dasharray:7 6;animation:povDash 1.2s linear infinite}
.pov-l-d .pov-line{stroke-dasharray:2 6;stroke-linecap:round;animation:povDash 1.6s linear infinite}
@keyframes povDash{to{stroke-dashoffset:-26}}
.pov-ar-p{fill:var(--pov-p)}.pov-ar-c{fill:var(--pov-c)}.pov-ar-d{fill:var(--pov-d)}
.pov-dot{filter:drop-shadow(0 0 4px currentColor)}
.pov-l-p .pov-dot{fill:#d6ecff;color:var(--pov-p)}.pov-l-c .pov-dot{fill:#d4fff1;color:var(--pov-c)}.pov-l-d .pov-dot{fill:#ffe1cf;color:var(--pov-d)}
.pov-l.is-off{display:none}
.pov-l.is-dim{opacity:.12}
.pov-l.is-hot .pov-line{stroke-width:2.6;opacity:1}.pov-l.is-hot .pov-glow{opacity:.35}
@media (prefers-reduced-motion:reduce){.pov-line{animation:none!important}.pov-dot{display:none}}
@media (max-width:900px){
  .pov{padding:16px 12px 12px}
  .pov-grid{grid-template-columns:1fr;grid-template-areas:"opd" "ed" "mt" "or" "wd" "log";gap:12px}
  .pov-links{display:none}
  .pov-log .pov-steps{grid-template-columns:repeat(2,1fr)}
  .pov-step+.pov-step::before{display:none}
  .pov-head h3{font-size:19px}
}
