@voplus/morpho-csp 11.2.6 → 11.2.7

package/es/modules/self-registration/clda-form/components/MemberInfo/index.js

@@ -1,149 +1,12 @@
-import React, { useState } from "react";
-import { Alert, Button, Col, Divider, Form, Row, Input, InputNumber } from "antd";
-import { UserOutlined } from "@ant-design/icons";
-import { observe } from "@voplus/morpho-ui";
-import { useValidates, useLayout } from "@voplus/morpho-data";
-import { faAddressCardRegular, faEnvelopeRegular, faMapMarkerAltRegular, faPhoneRegular, faTrashAltRegular, faPenToSquareRegular, faMoneyBillRegular, faBadgeDollarRegular, faLockRegular, FontAwesomeIcon, } from "@voplus/morpho-ui/es/faIcons";
-import { cloneDeep } from "lodash-es";
-import { useCLDAForm, useCLDAFormStore, } from "../../../../../data/clda-form";
-import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
-import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
-import IdentityChange from "../../../../corporate/company/identity/components/IdentityChange";
-import { CapitalizeFirstLetter } from "../../../../../data/clda-form/conversion";
-import { useIncorporationFormContext } from "../../incorporation/context";
-import Address from "@voplus/morpho-ui/es/controls/Address";
-import classnames from "classnames";
-import "./index.css";
-const MemberInfo = (props) => {
-    const { formId, memberId, shareholders, contacts, isOnlyInternalUse } = props;
-    const [editable, setEditable] = useState(false);
-    const [newShares, setNewShares] = useState(shareholders?.shares);
-    const [capital, setCapital] = useState(shareholders?.capital);
-    const layout = useLayout();
-    const store = useCLDAFormStore();
-    const context = useIncorporationFormContext();
-    const incorporation = useCLDAForm(props.formId);
-    const validates = useValidates((c) => checkError(c), [incorporation.content?.contacts]);
-    return observe(() => (React.createElement("div", { className: "clda-form-member-info" },
-        React.createElement("div", { className: classnames({ "member-info-mobile": layout.ui.mobile }) },
-            React.createElement("div", { className: "member-title" },
-                React.createElement("div", { className: "member-title-info" }, editable ? (React.createElement(Input, { prefix: React.createElement(UserOutlined, null), defaultValue: contacts?.name, value: contacts?.name, onChange: (e) => (contacts.name = e.target.value) })) : (React.createElement("span", { className: "member-name" }, contacts && React.createElement(UnitNameNoteAlert, { id: contacts.id, name: contacts.name ?? "" })))),
-                (context ? context.editable : true) && (React.createElement("div", { className: "action-button" },
-                    React.createElement("span", { className: "edit-icon", onClick: () => setEditable(!editable) },
-                        React.createElement(FontAwesomeIcon, { icon: faPenToSquareRegular })),
-                    React.createElement("span", { className: "delete-icon", onClick: props.onDeleteClick },
-                        React.createElement(FontAwesomeIcon, { icon: faTrashAltRegular }))))),
-            shareholders && (React.createElement("div", { className: "basic-info" },
-                React.createElement("div", { className: "shares-input" },
-                    React.createElement(InputNumber, { prefix: React.createElement(FontAwesomeIcon, { icon: faMoneyBillRegular }), disabled: !editable, bordered: editable, value: newShares, placeholder: "Please enter the shares", onChange: (value) => setNewShares(value) })),
-                React.createElement("div", { className: "shares-input" },
-                    React.createElement(InputNumber, { prefix: React.createElement(FontAwesomeIcon, { icon: faBadgeDollarRegular }), disabled: !editable, bordered: editable, value: capital, placeholder: "Please enter the capital", onChange: (value) => setCapital(value) })))),
-            React.createElement("div", { className: "basic-info" },
-                React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts?.email, placeholder: "Please enter the email", prefix: React.createElement(FontAwesomeIcon, { icon: faEnvelopeRegular }), onChange: (e) => (contacts.email = e.target.value) }),
-                React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts?.phone, placeholder: "Please enter the phone", prefix: React.createElement(FontAwesomeIcon, { icon: faPhoneRegular }), onChange: (e) => (contacts.phone = e.target.value) })),
-            React.createElement("div", { className: "member-info-content" },
-                React.createElement("div", { className: "member-info-item" },
-                    React.createElement("div", { className: "member-item-name" },
-                        React.createElement(FontAwesomeIcon, { icon: faMapMarkerAltRegular }),
-                        "Address:"),
-                    editable ? (React.createElement(Form, { layout: "horizontal" },
-                        React.createElement(Address, { value: contacts.address, required: ["line1", "city", "postalCode", "country"], onChange: (v) => (contacts.address = v) }))) : (React.createElement(React.Fragment, null,
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contacts?.address?.line1)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contacts?.address?.line2)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, `${contacts?.address?.city ? contacts.address?.city : ""} ${contacts?.address?.state} ${contacts?.address?.country} ${contacts?.address?.postalCode}`.trim()))))),
-                React.createElement("div", { className: "member-info-item" },
-                    React.createElement("div", { className: "member-item-name" },
-                        React.createElement(FontAwesomeIcon, { icon: faAddressCardRegular }),
-                        "Identify Info:"),
-                    editable ? (React.createElement(IdentityChange, { value: contacts?.identity, onChange: (v) => (contacts.identity = v) })) : (React.createElement(React.Fragment, null,
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contacts?.identity?.country)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contacts?.identity?.type)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contacts?.identity?.number)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Expiry: ",
-                                React.createElement(UTCShortDate, { value: contacts?.identity?.expiryDate })))))),
-                isOnlyInternalUse && (React.createElement("div", { className: "member-info-item" },
-                    React.createElement("div", { className: "member-item-name" },
-                        React.createElement(FontAwesomeIcon, { icon: faLockRegular }),
-                        "Internal Use Only:"),
-                    editable ? (React.createElement(Form, { labelAlign: "left", layout: "horizontal" },
-                        React.createElement(Form.Item, { label: "Representative", name: "representative" },
-                            React.createElement(Input, { defaultValue: contacts.representative, value: contacts.representative, onChange: (e) => (contacts.representative = e.target.value) })),
-                        React.createElement(Form.Item, { label: "Representative Passport", name: "representativePassport" },
-                            React.createElement(Input, { defaultValue: contacts.representativePassport, value: contacts.representativePassport, onChange: (e) => (contacts.representativePassport = e.target.value) })),
-                        React.createElement(Form.Item, { label: "Foreign Director 1", name: "foreignDirector1" },
-                            React.createElement(Input, { defaultValue: contacts.foreignDirector1, value: contacts.foreignDirector1, onChange: (e) => (contacts.foreignDirector1 = e.target.value) })),
-                        React.createElement(Form.Item, { label: "Foreign Director 2", name: "foreignDirector2" },
-                            React.createElement(Input, { defaultValue: contacts.foreignDirector2, value: contacts.foreignDirector2, onChange: (e) => (contacts.foreignDirector2 = e.target.value) })))) : (React.createElement(React.Fragment, null,
-                        contacts?.representative && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Representative: ",
-                                contacts?.representative))),
-                        contacts?.representativePassport && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Representative Passport: ",
-                                contacts?.representativePassport))),
-                        contacts?.foreignDirector1 && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Foreign Director 1: ",
-                                contacts?.foreignDirector1))),
-                        contacts?.foreignDirector2 && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Foreign Director 2: ",
-                                contacts?.foreignDirector2)))))))),
-            editable && (React.createElement(Row, { justify: "end", style: { paddingRight: "3em" } },
-                React.createElement(Button, { onClick: () => setEditable(false) }, "Cancel"),
-                React.createElement(Button, { type: "primary", style: { marginLeft: "1rem" }, onClick: onSave }, "Save"))),
-            validates.hasError && (React.createElement(Alert, { message: React.createElement(React.Fragment, null, errorTip(validates.errors)), showIcon: true, type: "warning" }))),
-        props.memberLength > 1 && React.createElement(Divider, { className: "halvingline" }))));
-    function checkError(c) {
-        c.validate(() => contacts?.address?.line1 && contacts?.address.city && contacts.address.country, "Please input address.");
-        // c.validate(() => unit.type !== "Organization" && unit.nationality, "Please input nationality.");
-        c.validate(() => contacts?.email, "Please input email.");
-        c.validate(() => contacts?.phone, "Please input phone.");
-        c.validate(() => contacts?.identity?.number && contacts?.identity?.type && contacts.identity?.country, "Please input identity details.");
-        // if (isShareholder) {
-        // 	c.validate(() => props.contacts.shares! > 0, "Please input number of shares.");
-        // 	c.validate(() => props.contacts.capital! > 0, "Please input subscription amount (capital).");
-        // }
-        return c;
-    }
-    async function onSave() {
-        const officers = cloneDeep(incorporation.content?.contacts) ?? [];
-        const index = officers.findIndex((i) => i.id === memberId);
-        officers[index] = contacts;
-        if (shareholders && newShares && capital) {
-            const shareholder = cloneDeep(incorporation.content?.shareholders) ?? [];
-            const i = shareholder?.findIndex((i) => i.id === memberId);
-            shareholder[i] = { id: memberId, shares: newShares, capital: capital };
-            await store.edit(formId, {
-                data: {
-                    Contacts: CapitalizeFirstLetter(officers),
-                    Shareholders: CapitalizeFirstLetter(shareholder),
-                },
-                error: "message",
-            });
-        }
-        else {
-            await store.edit(formId, {
-                data: { Contacts: CapitalizeFirstLetter(officers) },
-                error: "message",
-            });
-        }
-        setEditable(false);
-    }
-    function errorTip(errors) {
-        return (React.createElement("div", null, errors.map((item, index) => {
-            return (React.createElement("span", { key: index, style: { marginRight: "10px" } }, item));
-        })));
-    }
-};
+import React from "react";
+import CLDAContactList from "../CLDAContactList";
+/**
+ * 首席执行官 / 秘书等人员行。
+ *
+ * 与股东、董事行共用同一套扁平布局（{@link CLDAContactList}），视觉与交互因此保持一致；
+ * 数据写入（`Contacts` / `Shareholders` 载荷）、编辑开关、删除二次确认与校验规则全部沿用原实现，
+ * 这里只做语义命名与入参透传。
+ */
+const MemberInfo = (props) => React.createElement(CLDAContactList, { ...props });
 export default MemberInfo;
 //# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/MemberInfo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/MemberInfo/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/MemberInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAmBjD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AAE9E,eAAe,UAAU,CAAC"}

package/es/modules/self-registration/clda-form/components/OfficerList/index.d.ts

@@ -1,4 +1,7 @@
 import React from "react";
+/**
+ * 董事列表：扁平行 + 固定在行内的动作区，Add 按钮位于同一张 Section 卡片内。
+ */
 declare const OfficerList: (props: {
     id: any;
     isShowDetails?: boolean;

package/es/modules/self-registration/clda-form/components/OfficerList/index.js

@@ -3,7 +3,7 @@ import { Button, Modal, Spin } from "antd";
 import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
 import { State } from "./state";
 import { cloneDeep } from "lodash-es";
-import { faUserTagSolid, FontAwesomeIcon } from "@voplus/morpho-ui/es/faIcons";
+import { faPlusRegular, faUserTagSolid, FontAwesomeIcon } from "@voplus/morpho-ui/es/faIcons";
 import { observe } from "@voplus/morpho-ui";
 import { useDocumentStore } from "@voplus/morpho-document-core";
 import { useIncorporationFormContext } from "../../incorporation/context";
@@ -12,9 +12,11 @@ import { DirectorTip } from "../../../controls/Tips";
 import CLDAContactList from "../CLDAContactList";
 import NewDirectorDialog from "../NewDirectorDialog";
 import Section from "../../../controls/Section";
-import Card from "../../../components/Card";
+/**
+ * 董事列表：扁平行 + 固定在行内的动作区，Add 按钮位于同一张 Section 卡片内。
+ */
 const OfficerList = (props) => {
-    const { id, isShowDetails } = props;
+    const { id } = props;
     const [showDialog, setShowDialog] = useState(false);
     const [state] = useState(new State());
     const store = useCLDAFormStore();
@@ -27,26 +29,44 @@ const OfficerList = (props) => {
         hasDirector: c.validate(() => state.incorporationForm.content.officerIds &&
             state.incorporationForm.content.officerIds.length > 0, "Need at least one director"),
     }), [state.incorporationForm.content?.officerIds]);
-    return observe(() => (React.createElement("div", { className: "officer-list" },
-        React.createElement(Section, { title: React.createElement("div", { className: "clda-interpretation-card-title" },
-                React.createElement("div", null,
-                    React.createElement(FontAwesomeIcon, { className: "margin-right-10", icon: faUserTagSolid }),
-                    "Director(s)"),
-                React.createElement(DirectorTip, { version: "info" })) },
-            React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
-                React.createElement(Card, { isAdd: false, layout: isShowDetails ? "vertical" : "horizontal" },
-                    state.incorporationForm.content?.officerIds &&
-                        state.incorporationForm.content?.officerIds.map((m, i) => (React.createElement(CLDAContactList, { formId: id, memberId: m, contacts: state.incorporationForm.content.contacts?.filter((item) => item.id === m)[0], key: i, memberIndex: i, memberLength: state.incorporationForm.content.officerIds?.length, onDeleteClick: () => remove(i) }))),
-                    (context ? context.editable : true) && (React.createElement(Button, { type: "text", className: "add-director-btn", onClick: setAdd }, "+ Add Director"))),
-                checks.hasDirector.error && (React.createElement("div", { className: "non-empty-check-prompt" },
-                    React.createElement("span", null, "* "),
-                    checks.hasDirector.message)))),
-        showDialog && (React.createElement(NewDirectorDialog, { id: id, visible: true, onCancel: () => setShowDialog(false) })))));
+    /** 已选董事的联系人记录；与 officerIds 靠 id 关联，缺失时由 CLDAContactList 兜底展示。 */
+    const contactsOf = (officerId) => state.incorporationForm.content.contacts?.filter((item) => item.id === officerId)[0];
+    // 注意：董事数量必须在 observe 的回调内部读取。
+    // useCLDAForm 内部的 useCountedMapItemOrNull 只做 map.get，不订阅 observable，
+    // 因此组件体不会因表单内容变化而重跑；写在回调外的话，
+    // 增删董事后标题计数会一直是旧值。
+    return observe(() => {
+        /** 董事数量，用于标题右侧的计数展示。 */
+        const directorCount = state.incorporationForm.content?.officerIds?.length ?? 0;
+        return (React.createElement("div", { className: "officer-list" },
+            React.createElement(Section, { title: React.createElement("div", { className: "clda-interpretation-card-title" },
+                    React.createElement("div", null,
+                        React.createElement(FontAwesomeIcon, { icon: faUserTagSolid }),
+                        "Director(s) ",
+                        React.createElement("span", { className: "required-fields" }, "*"),
+                        React.createElement(DirectorTip, { version: "info" })),
+                    React.createElement("div", { className: "title-actions" }, directorCount > 0 && (React.createElement("span", { className: "clda-count" },
+                        directorCount,
+                        " ",
+                        directorCount === 1 ? "director" : "directors")))) },
+                React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
+                    React.createElement("div", { className: "clda-list" }, state.incorporationForm.content?.officerIds &&
+                        state.incorporationForm.content?.officerIds.map((m, i) => (React.createElement(CLDAContactList, { formId: id, memberId: m, contacts: contactsOf(m), key: i, memberIndex: i, memberLength: state.incorporationForm.content.officerIds?.length, onDeleteClick: () => remove(i) })))),
+                    (context ? context.editable : true) && (React.createElement(Button, { type: "text", className: "add-director-btn", onClick: setAdd },
+                        React.createElement(FontAwesomeIcon, { icon: faPlusRegular }),
+                        "Add Director")),
+                    checks.hasDirector.error && (React.createElement("div", { className: "non-empty-check-prompt" },
+                        React.createElement("span", null, "* "),
+                        checks.hasDirector.message)))),
+            showDialog && (React.createElement(NewDirectorDialog, { id: id, visible: true, onCancel: () => setShowDialog(false) }))));
+    });
+    /** 打开新增董事弹窗。 */
     function setAdd() {
         state.index = -1;
         setShowDialog(true);
     }
     // spec:2075 — CSP: Confirm before deleting a director / shareholder / managing director / secretary
+    /** 删除指定董事（需二次确认）。 */
     function remove(index) {
         return Modal.confirm({
             title: "Do you want to delete this item?",

package/es/modules/self-registration/clda-form/components/OfficerList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/OfficerList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/OfficerList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/SecretaryList/index.js

@@ -1,4 +1,5 @@
 import { Button, Modal, Divider } from "antd";
+import { faPlusRegular, FontAwesomeIcon } from "@voplus/morpho-ui/es/faIcons";
 import React, { useState } from "react";
 import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
 import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
@@ -22,7 +23,9 @@ const SecretaryList = (props) => {
         React.createElement("div", { className: "sub-title" }, "Secretary(s)"),
         React.createElement(Divider, { style: { margin: "10px 0" } }),
         React.createElement(MentionList, { canEdit: false, contacts: state.list }),
-        (context ? context.editable : true) && (React.createElement(Button, { style: { marginTop: "20px" }, onClick: setAdd }, "Add Secretary")),
+        (context ? context.editable : true) && (React.createElement(Button, { type: "text", className: "add-secretary-btn", onClick: setAdd },
+            React.createElement(FontAwesomeIcon, { icon: faPlusRegular }),
+            "Add Secretary")),
         showDialog && (React.createElement(UnitsSelectDialog, { type: "click", multiSelect: true, defaultSelected: state.list, onSelect: onSave, onCancel: () => setShowDialog(false) })))));
     function setAdd() {
         state.index = -1;
@@ -43,7 +46,7 @@ const SecretaryList = (props) => {
     }
     // spec:2079
     async function onSave(unit) {
-        let secretaryList = [];
+        const secretaryList = [];
         unit?.map((i) => secretaryList.push({ Key: i.id, Value: i.name }));
         await store
             .edit(id, { data: { Secretarys: secretaryList }, error: "message" })

package/es/modules/self-registration/clda-form/components/SecretaryList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/SecretaryList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/SecretaryList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/ShareCapital/index.css

@@ -1,32 +1,146 @@
+/**
+ * Capital and Financial Year：三列指标（宽）/ 单列（窄），用竖线或横线分隔，
+ * 不做成三张卡片；编辑态输入控件与人员行保持同一套尺寸与圆角。
+ */
 .share-capital {
+	container-type: inline-size;
+	container-name: cldacapital;
+
+	.cap-grid {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		margin: 0 -18px;
+	}
+
+	.cap-cell {
+		padding: 16px 18px 18px;
+		border-left: 1px solid var(--border-color-split, #f0f0f0);
+
+		&:first-child {
+			border-left: 0;
+		}
+	}
+
+	/* 指标名：与人员行的组标题同层级 */
 	.capital-title {
 		display: flex;
-		color: #5d5d5d;
 		align-items: center;
-		justify-content: space-between;
-		font: normal normal normal 14px/17px Font Awesome 6 Free;
+		gap: 7px;
+		font-size: 11.5px;
+		font-weight: 700;
+		letter-spacing: 0.04em;
+		text-transform: uppercase;
+		color: #3d4352;
+
+		> div {
+			display: inline-flex;
+			align-items: center;
+			gap: 7px;
+		}
 	}
 
 	.capital-content {
-		padding: 10px 0;
+		padding-top: 9px;
 
 		.capital-content-value {
 			color: var(--purple-primary-color);
-			font-weight: bold;
-			font-size: 20px;
-			line-height: 27px;
+			font-weight: 700;
+			font-size: 19px;
+			line-height: 26px;
+			letter-spacing: -0.01em;
+			font-variant-numeric: tabular-nums;
+			overflow-wrap: anywhere;
+		}
+
+		.placeholder {
+			font-size: 13px;
+			font-weight: 500;
+			color: #94a3b8;
+			border-bottom: 1px dotted #94a3b8;
 		}
 
 		.capital-edit-content-space {
+			display: flex;
+			gap: 8px;
 			margin-bottom: 10px;
 
 			.ant-space-item {
-				width: 50%;
+				min-width: 0;
+
+				&:first-child {
+					flex: 0 0 84px;
+				}
 			}
 		}
 
 		.capital-edit-content-btn {
-			border-radius: var(--border-radius);
+			display: flex;
+			gap: 7px;
+
+			.ant-btn {
+				height: 27px;
+				padding: 0 11px;
+				font-size: 12px;
+			}
+		}
+
+		.ant-select,
+		.ant-input-number,
+		.ant-picker {
+			height: 32px;
+			border-radius: var(--border-radius, 5px);
+			font-size: 13px;
+		}
+	}
+}
+
+/* 窄容器：指标单列，分隔线由竖线变横线 */
+@container cldacapital (max-width: 679px) {
+	.share-capital {
+		.cap-grid {
+			grid-template-columns: minmax(0, 1fr);
+		}
+
+		.cap-cell {
+			border-left: 0;
+			border-top: 1px solid var(--border-color-split, #f0f0f0);
+			padding: 14px 18px 15px;
+
+			&:first-child {
+				border-top: 0;
+			}
+		}
+	}
+}
+
+@container cldacapital (max-width: 459px) {
+	.share-capital {
+		.cap-cell {
+			padding: 13px 14px 14px;
+		}
+
+		.capital-content .capital-content-value {
+			font-size: 17px;
+			line-height: 24px;
+		}
+	}
+}
+
+/* 兜底：不支持容器查询的浏览器 */
+@media (max-width: 720px) {
+	.share-capital {
+		.cap-grid {
+			grid-template-columns: minmax(0, 1fr);
+		}
+
+		.cap-cell {
+			border-left: 0;
+			border-top: 1px solid var(--border-color-split, #f0f0f0);
+			padding: 14px 18px 15px;
+
+			&:first-child {
+				border-top: 0;
+			}
 		}
 	}
 }