import { _ as _sfc_main$2 } from "./AppIcon--JRwwp2l.js";
import { defineComponent, mergeProps, useSSRContext } from "vue";
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrRenderAttr } from "vue/server-renderer";
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "CapabilityCard",
  __ssrInlineRender: true,
  props: {
    icon: {},
    title: {},
    desc: {}
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_AppIcon = _sfc_main$2;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-white rounded-2xl p-6 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300 border border-gray-50 group" }, _attrs))}><div class="w-12 h-12 rounded-xl bg-primary-50 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white transition-colors">`);
      _push(ssrRenderComponent(_component_AppIcon, {
        name: __props.icon,
        class: "w-6 h-6"
      }, null, _parent));
      _push(`</div><h3 class="font-bold text-lg mb-2">${ssrInterpolate(__props.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(__props.desc)}</p></div>`);
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CapabilityCard.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "TriEndDisplay",
  __ssrInlineRender: true,
  setup(__props) {
    const ends = [
      { title: "服务对象/家属端", desc: "申请服务、查看方案、签署确认、验收评价、支付结算", color: "border-primary", bg: "bg-primary-50", img: "people" },
      { title: "服务人员 Delivery 端", desc: "接单确认、GPS签到、项目级执行、异常上报、证据上传", color: "border-accent", bg: "bg-accent-50", img: "technology" },
      { title: "机构管理/监管端", desc: "受理派单、调度台、数据看板、质量监管、结算审核、合规审计", color: "border-cta", bg: "bg-orange-50", img: "office" }
    ];
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "grid md:grid-cols-3 gap-8" }, _attrs))}><!--[-->`);
      ssrRenderList(ends, (e, i) => {
        _push(`<div class="${ssrRenderClass([[e.color, e.bg], "rounded-2xl border-2 p-8 text-center transition-all duration-300 hover:shadow-lg"])}"><img${ssrRenderAttr("src", `https://loremflickr.com/240/160/${e.img}`)}${ssrRenderAttr("alt", e.title + "（示意素材，待替换）")} class="w-full h-40 object-cover rounded-xl mb-6" width="240" height="160" loading="lazy"><h3 class="font-bold text-xl mb-3">${ssrInterpolate(e.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(e.desc)}</p></div>`);
      });
      _push(`<!--]--></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/TriEndDisplay.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main$1 as _,
  _sfc_main as a
};
//# sourceMappingURL=TriEndDisplay-B5fVYJfo.js.map