@chase-shao/vue-component-lib/dist/index.css

[](https://github.com/your-username/vue-component-lib)

.title[data-v-1022c8cb]{margin-bottom:.571428rem}.err-msg[data-v-1022c8cb]{font-size:.857142rem;color:#fb4b2f;margin-top:.285714rem}.required[data-v-1022c8cb]{color:#fb4b2f;font-size:1.285714rem}.top-bar[data-v-c0457235]{display:flex;align-items:flex-start;justify-content:space-between;padding:16px}.banner-info[data-v-c0457235]{display:flex;flex-direction:column;align-items:flex-start}.page-title[data-v-c0457235]{font-size:24px;font-weight:700;color:#1d2129;padding:12px 0 0}.page-subtitle[data-v-c0457235]{font-size:16px;color:#6b778c;margin-top:4px}.avatar-wrapper[data-v-c0457235]{display:flex;align-items:flex-start}.user-email[data-v-c0457235]{font-size:14px;color:#1d2129;padding:8px 12px}.page-container[data-v-dc029579]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-body[data-v-dc029579]{flex:1;padding:24px 32px;overflow-y:auto}.form-container[data-v-dc029579]{width:100%;margin:0 auto}.form-card[data-v-dc029579]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-fields-vertical[data-v-dc029579]{display:flex;flex-direction:column;gap:24px;padding:32px}@media (max-width: 768px){.form-fields-vertical[data-v-dc029579]{padding:24px 16px;gap:20px}}.form-fields[data-v-dc029579]{padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));column-gap:72px;row-gap:24px}@media (max-width: 768px){.form-fields[data-v-dc029579]{grid-template-columns:1fr;gap:20px}}.form-content[data-v-dc029579]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-dc029579]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-dc029579]{padding:16px}}.action-container[data-v-dc029579]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-dc029579]{display:flex;gap:12px;align-items:center}.action-button[data-v-dc029579]{min-width:88px;height:36px}.action-button[data-v-dc029579]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.form-fields[data-v-dc029579]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-body[data-v-dc029579]{padding:16px}.form-fields-vertical[data-v-dc029579]{padding:20px 16px}.form-fields[data-v-dc029579]{padding:0}.action-container[data-v-dc029579]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-dc029579]{justify-content:center}}.page-container[data-v-84942730]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-body[data-v-84942730]{flex:1;padding:24px 32px;overflow-y:auto}.form-container[data-v-84942730]{width:100%;margin:0 auto}.form-card[data-v-84942730]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-fields-vertical[data-v-84942730]{display:flex;flex-direction:column;gap:24px;padding:32px}@media (max-width: 768px){.form-fields-vertical[data-v-84942730]{padding:24px 16px;gap:20px}}.form-fields[data-v-84942730]{padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));column-gap:72px;row-gap:24px}@media (max-width: 768px){.form-fields[data-v-84942730]{grid-template-columns:1fr;gap:20px}}.form-content[data-v-84942730]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-84942730]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-84942730]{padding:16px}}.action-container[data-v-84942730]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-84942730]{display:flex;gap:12px;align-items:center}.action-button[data-v-84942730]{min-width:88px;height:36px}.action-button[data-v-84942730]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.form-fields[data-v-84942730]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-body[data-v-84942730]{padding:16px}.form-fields-vertical[data-v-84942730]{padding:20px 16px}.form-fields[data-v-84942730]{padding:0}.action-container[data-v-84942730]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-84942730]{justify-content:center}}.page-container[data-v-1727b5f3]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-body[data-v-1727b5f3]{flex:1;padding:24px 32px;overflow-y:auto}.detail-container[data-v-1727b5f3]{width:100%;margin:0 auto}.detail-card[data-v-1727b5f3]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding-top:20px}.form-fields-vertical[data-v-1727b5f3]{display:flex;flex-direction:column;gap:24px;padding:32px}@media (max-width: 768px){.form-fields-vertical[data-v-1727b5f3]{padding:24px 16px;gap:20px}}.detail-fields[data-v-1727b5f3]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.detail-fields[data-v-1727b5f3]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.detail-field-wrapper .detail-field[data-v-1727b5f3]{width:100%}.detail-field-wrapper .detail-field .field-label[data-v-1727b5f3]{font-weight:500;color:#262626;margin-bottom:8px;font-size:14px;line-height:1.4}.detail-field-wrapper .detail-field .field-value[data-v-1727b5f3]{color:#595959;padding:8px 12px;background-color:#fafafa;border-radius:4px;min-height:40px;display:flex;align-items:center;font-size:14px;line-height:1.5;border:1px solid #f0f0f0;word-break:break-word}.detail-content[data-v-1727b5f3]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-1727b5f3]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-1727b5f3]{padding:16px}}.action-container[data-v-1727b5f3]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-1727b5f3]{display:flex;gap:12px;align-items:center}.action-button[data-v-1727b5f3]{min-width:88px;height:36px}.action-button[data-v-1727b5f3]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.detail-fields[data-v-1727b5f3]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-body[data-v-1727b5f3]{padding:16px}.detail-fields[data-v-1727b5f3]{padding:20px 16px}.action-container[data-v-1727b5f3]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-1727b5f3]{justify-content:center}}.list-container[data-v-1fecbf78]{padding:16px}.list-container[data-v-1fecbf78] .arco-table .arco-table-body{overflow-x:auto}.query-title[data-v-1fecbf78]{display:flex;align-items:center;justify-content:space-between}.search-row[data-v-1fecbf78]{margin-top:16px}.field-wrapper[data-v-1fecbf78]{display:flex;flex-direction:column}.field-label[data-v-1fecbf78]{font-weight:500;margin-bottom:8px}.page-container .page-title{font-size:1.285714rem}.action-row .action+.action{margin-inline-start:.571428rem}.arco-spin{min-height:200px}