jianghu-ui 1.0.1

package/dist/jianghu-ui.css

@@ -0,0 +1,2318 @@
+.preview-page .v-application--wrap {
+    min-height: auto!important;
+    padding-bottom: 30px;
+}
+
+    /* 全局 >>>>>> */
+    body {
+        --cPrimaryColor: <$ ctx.app.config.primaryColor $>;
+        --shadow-sm: 0px 1px 2px rgba(25, 39, 52, .05), 0px 0px 4px rgba(25, 39, 52, .1);
+        --gray-900: #1F272E;
+        --gray-800: #333C44;
+        font-size: 13px;
+        background: #F2F2F2 !important;
+    }
+
+    .v-application .text-h7 {
+        font-size: 1.125rem;
+    }
+
+    .flex-none {
+        flex: none;
+    }
+
+    .theme--light.v-application {
+        background: #fff !important;
+    }
+    .theme--light.v-application .login-form-card {
+        border: 1px solid #eee;
+    }
+    .v-application .align-center.text-start {
+        text-align: center !important;
+    }
+
+    body .v-application .title {
+        font-size: 1rem !important;
+    }
+    body .v-application .v-navigation-drawer .title {
+        color: var(--cPrimaryColor);
+        position: relative;
+    }
+    body .v-application .v-navigation-drawer .title::before {
+        content: '';
+        height: 14px;
+        width: 3px;
+        background: var(--cPrimaryColor);
+        position: absolute;
+        top: calc(50% - 7px);
+        left: 0;
+    }
+    
+
+    body .d-flex .v-main__wrap {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mdi-close::before {
+        font-size: 1rem;
+    }
+
+    /* 全局 >>>>>> */
+
+
+    /* 配色 >>>>>> */
+    .v-application .theme--dark.secondary {
+        background-color: #22262e !important;
+        border-color: #22262e !important;
+    }
+
+
+    /* <<<<< 配色 */
+
+
+    /* list >>>>>> */
+    .v-list--dense .v-list-item .v-list-item__subtitle,
+    .v-list--dense .v-list-item .v-list-item__title,
+    .v-list-item--dense .v-list-item__subtitle,
+    .v-list-item--dense .v-list-item__title {
+        font-size: .8125rem !important;
+        font-weight: normal;
+    }
+
+    .v-list-item__title {
+        font-size: 13px !important;
+    }
+
+    /* <<<<< list */
+
+
+    /* 表单 >>>>>> */
+    .v-input--is-readonly .v-input__slot {
+      background: #eeeeee!important;
+    }
+    .v-label,
+    input,
+    .v-input {
+        font-size: 0.875rem !important;
+    }
+
+    body .v-text-field .v-label {
+        color: rgba(0, 0, 0, .3);
+    }
+
+    body .theme--light.v-input,
+    body .theme--light.v-input input,
+    body .theme--light.v-input textarea,
+    body .v-select.v-input--dense .v-select__selection--comma {
+        font-size: 14px !important;
+        font-weight: 500 !important;
+        color: #5E6278;
+    }
+
+    body .v-text-field--filled {
+        border-radius: 4px !important;
+    }
+
+    body .v-text-field>.v-input__control>.v-input__slot:before {
+        border: none;
+    }
+
+    body .v-text-field>.v-input__control>.v-input__slot:after {
+        border: none;
+    }
+
+    body .theme--light.v-input--is-disabled,
+    .theme--light.v-input--is-disabled input,
+    .theme--light.v-input--is-disabled textarea {
+        color: rgba(0, 0, 0, .28) !important;
+    }
+
+    body .theme--light.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot:hover {
+        background: #EEF7ED !important;
+    }
+
+    body span.jh-input-label {
+        color: #3F4254;
+        line-height: 32px;
+        font-weight: 500;
+    }
+
+    body .v-text-field--filled.v-input--dense>.v-input__control>.v-input__slot,
+    body .v-text-field--full-width.v-input--dense>.v-input__control>.v-input__slot {
+        min-height: 40px;
+    }
+
+    body .v-text-field--filled:not(.v-text-field--single-line) input {
+        margin-top: 4px;
+    }
+
+    body .v-text-field--filled.v-input--dense.v-text-field--single-line .v-label,
+    body .v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label {
+        top: 9px;
+    }
+
+    body .v-text-field--filled.v-input--dense .v-label--active,
+    body .v-text-field--full-width.v-input--dense .v-label--active {
+        transform: translateY(-16px) scale(.75);
+        background: #ffffff;
+        padding: 1px 5px;
+        border-radius: 30px;
+    }
+
+    body .v-data-table__checkbox .v-input--selection-controls__input .v-icon.mdi-checkbox-blank-outline::before {
+        content: "" !important;
+        background: #d6dde1;
+        width: 18px;
+        height: 18px;
+        border-radius: 2px;
+    }
+
+    .v-text-field.v-input--is-focused.v-input--dense:not(.v-text-field--outlined) .v-text-field__prefix {
+        color: inherit;
+    }
+
+    .v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__prefix {
+        color: #a5a9ab;
+    }
+
+    .v-text-field--filled.v-input--dense.v-text-field--outlined.v-text-field--filled>.v-input__control>.v-input__slot,
+    .v-text-field--filled.v-input--dense.v-text-field--outlined>.v-input__control>.v-input__slot,
+    .v-text-field--filled.v-input--dense.v-text-field--single-line>.v-input__control>.v-input__slot,
+    .v-text-field--full-width.v-input--dense.v-text-field--outlined.v-text-field--filled>.v-input__control>.v-input__slot,
+    .v-text-field--full-width.v-input--dense.v-text-field--outlined>.v-input__control>.v-input__slot,
+    .v-text-field--full-width.v-input--dense.v-text-field--single-line>.v-input__control>.v-input__slot,
+    .v-text-field--outlined.v-input--dense.v-text-field--outlined.v-text-field--filled>.v-input__control>.v-input__slot,
+    .v-text-field--outlined.v-input--dense.v-text-field--outlined>.v-input__control>.v-input__slot,
+    .v-text-field--outlined.v-input--dense.v-text-field--single-line>.v-input__control>.v-input__slot {
+        min-height: 32px;
+    }
+
+    .v-input .v-label {
+        line-height: 14px;
+        font-size: .8125rem !important;
+    }
+
+    .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-inner,
+    .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-outer,
+    .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-inner,
+    .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-outer,
+    .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-inner,
+    .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-outer,
+    .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-inner,
+    .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-outer {
+        margin-top: 5px;
+    }
+
+    body .theme--light.v-input,
+    body .theme--light.v-input input,
+    body .theme--light.v-input textarea,
+    body .v-select.v-input--dense .v-select__selection--comma {
+        font-size: .8125rem !important;
+        font-weight: normal !important;
+        color: var(--gray-900);
+    }
+
+    body .theme--light.v-text-field--filled>.v-input__control>.v-input__slot {
+        background: #Ffff;
+        border: 1px solid #DFDFDF;
+    }
+
+    body .theme--light.v-text-field--filled.v-input--is-focused>.v-input__control>.v-input__slot {
+        background: #Ffff;
+        border: 1px solid var(--cPrimaryColor) ;
+    }
+
+    body .theme--light.v-text-field--filled.v-input--is-disabled>.v-input__control>.v-input__slot {
+        background: #F2F2F2;
+        border: 1px solid #F2F2F2;
+    }
+
+    .v-select__selection--comma {
+        margin: 7px 4px;
+    }
+
+    /* <<<<< 表单 */
+
+
+    /* table >>>>>> */
+    .theme--light.v-data-table.v-data-table--fixed-header thead th {
+        background: #F6F6F6 !important;
+    }
+
+    .v-data-table__progress {
+        height: 10px !important;
+    }
+
+    .v-data-table__empty-wrapper td {
+        max-width: 80vw;
+        text-align: left;
+    }
+    .v-data-table.v-data-table--mobile>.v-data-table__wrapper>table>tbody>tr>td:first-child,
+    .v-data-table.v-data-table--mobile>.v-data-table__wrapper>table>tfoot>tr>td:first-child,
+    .v-data-table.v-data-table--mobile>.v-data-table__wrapper>table>thead>tr>th:first-child {
+        padding-left: 5px!important;
+    }
+
+    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
+        background: #fbfbfb !important;
+    }
+
+    /* 固定表头最后一个字段 */
+    table>tbody>tr>td.fixed:nth-last-child(1),
+    table>thead>tr>th.fixed:nth-last-child(1) {
+        position: sticky !important;
+        position: -webkit-sticky !important;
+        right: 0;
+        z-index: 10;
+        background: white;
+        border: none;
+        box-shadow: none;
+    }
+
+    table>thead>tr>th.fixed:nth-last-child(1) {
+        top: 0;
+    }
+
+    th {
+        white-space: nowrap;
+    }
+
+    /* table 框线 */
+    td:not(.v-picker td),
+    th:not(.v-picker th) {
+        border-bottom: thin solid rgba(0, 0, 0, .06) !important;
+        border-right: thin solid rgba(0, 0, 0, .06) !important;
+    }
+
+    table>tbody>tr>td:nth-last-child(1),
+    table>thead>tr>th:nth-last-child(1) {
+        border-right: none !important;
+    }
+
+    .theme--light.v-data-table .v-data-footer {
+        border-top: 0;
+    }
+
+    .theme--light.v-data-table.v-data-table--fixed-header thead th {
+        border-bottom: thin solid rgba(0, 0, 0, .06) !important;
+        box-shadow: none;
+    }
+
+    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
+    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,
+    .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
+        padding: 0 8px !important;
+    }
+
+    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td:first-child,
+    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td:first-child,
+    .v-data-table>.v-data-table__wrapper>table>thead>tr>th:first-child {
+        padding-left: 16px !important;
+    }
+    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td.noWarp,
+    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td.noWarp {
+        white-space: nowrap !important;
+    }
+
+    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td .v-icon.v-icon {
+        transform: translateY(-1px);
+    }
+
+    .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
+        color: rgba(181, 181, 195);
+        font-weight: 600;
+        font-size: 13px;
+    }
+
+    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th.fixed {
+        z-index: 12 !important;
+    }
+
+    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th {
+        z-index: 11 !important;
+    }
+
+    .v-data-table.show-select table>tbody>tr>td:nth-child(1),
+    .v-data-table.show-select table>thead>tr>th:nth-child(1) {
+        position: sticky !important;
+        position: -webkit-sticky !important;
+        left: 0;
+        z-index: 10;
+        background: white;
+    }
+
+    /* 固定表头部第一个字段 */
+    .v-data-table.show-select table>tbody>tr>td.fixed:nth-child(2),
+    .v-data-table.show-select table>thead>tr>th.fixed:nth-child(2) {
+        position: sticky !important;
+        position: -webkit-sticky !important;
+        left: 64px;
+        z-index: 10 !important;
+        border-right: 1px solid #EEEEEE;
+    }
+
+    body .theme--light.v-data-table.v-data-table--fixed-header thead th, body .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
+        background-color: #ebecf0 !important;
+    }
+
+
+    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
+    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,
+    .v-data-table>.v-data-table__wrapper>table>thead>tr>td {
+        min-height: 40px;
+        height: 40px;
+        color: #333C44;
+        font-size: .8125rem;
+    }
+
+    .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
+        color: #505A62 !important;
+        font-weight: normal;
+    }
+
+    /* 分组 */
+    .theme--light.v-data-table .v-row-group__header,
+    .theme--light.v-data-table .v-row-group__summary {
+        background: #F2F2F2;
+    }
+
+    .theme--light.v-data-table .v-data-footer {
+        justify-content: end;
+    }
+
+    .v-application--is-ltr .v-data-footer__select {
+        margin-left: 30px;
+    }
+
+    .v-data-table td.fixed, .v-data-table th.fixed {
+      position: unset;
+    }
+
+    /* table 斑马纹 */
+    .v-data-table.zebraLine tr:nth-child(even),
+    .v-data-table.zebraLine tr:nth-child(even) td.fixed,
+    .v-data-table.zebraLine.fixed-first-column tr:nth-child(even) td:nth-child(1) {
+        background-color: #F6F6F6;
+    }
+
+    /* table行hover背景色 */
+    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper),
+    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover td.fixed,
+    .theme--light.v-data-table.fixed-first-column>.v-data-table__wrapper>table>tbody>tr:hover td:nth-child(1) {
+        background: #fff !important;
+    }
+    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:nth-child(even):hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper),
+    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:nth-child(even):hover td.fixed,
+    .theme--light.v-data-table.fixed-first-column>.v-data-table__wrapper>table>tbody>tr:nth-child(even):hover td:nth-child(1) {
+        background: #F6F6F6 !important;
+    }
+
+    /* table行选中背景色 */
+    .theme--light.v-data-table tbody tr.v-data-table__selected{
+        background: #fff !important;
+    }
+    .theme--light.v-data-table tbody tr.v-data-table__selected:nth-child(even){
+        background: #F6F6F6 !important;
+    }
+
+    /* table 定高 */
+    .jh-fixed-table-height {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .v-data-table__wrapper,
+    .fixed-table-wrapper-height .v-data-table__wrapper {
+        flex: auto;
+        border: 1px solid #E6E6E6;
+        border-bottom: none;
+    }
+
+    /* table 页脚 */
+    .v-data-footer {
+        border-top: 1px solid rgba(0, 0, 0, .06) !important;
+        margin-right: 0 !important;
+    }
+
+    /* table 分页紧凑 */
+    .v-application--is-ltr .v-data-footer__pagination {
+        margin: 0 12px 0 4px;
+    }
+
+    .v-application--is-ltr .v-data-footer__select .v-select {
+        margin: 8px 0 8px 14px;
+    }
+
+    .v-application--is-ltr .v-data-footer__select {
+        margin-right: 8px;
+        margin-left: 20px;
+    }
+
+
+
+    /* table 固定第一列 */
+    .fixed-first-column table>tbody>tr>td:nth-child(1),
+    .fixed-first-column table>thead>tr>th:nth-child(1) {
+        position: sticky !important;
+        position: -webkit-sticky !important;
+        left: 0;
+        z-index: 12 !important;
+        background: white;
+        border-right: none;
+    }
+
+    /* table 高度撑满*/
+    .table-height-full {
+        height: 100%;
+    }
+
+    /* <<<<< table */
+
+
+    /* card >>>>>> */
+    body .v-sheet.v-card:not(.v-sheet--outlined) {
+        box-shadow: 0 1px 20px 0 rgb(0 0 0 / 2%);
+    }
+
+    /* <<<<< card */
+
+
+
+    /* 弹窗 >>>>>> */
+    .v-dialog--fullscreen .v-sheet .container {
+        height: 100vh;
+        margin: 15vh 0 0 0;
+        background: #ffffff;
+        padding: 50px 0 0 0;
+        position: relative;
+    }
+
+    .v-dialog--fullscreen .v-sheet {
+        height: 100vh;
+        top: 0;
+        position: fixed;
+    }
+
+    .v-dialog--fullscreen {
+        background: rgba(0, 0, 0, 0.5);
+        top: auto !important;
+        bottom: 0;
+    }
+
+    .v-dialog--fullscreen .v-data-table {
+        overflow-y: auto;
+    }
+
+    /* <<<<< 弹窗 */
+
+
+    /* toolbar >>>>>> */
+    .v-toolbar__title {
+        overflow: visible;
+    }
+
+    .theme--light.v-app-bar.v-toolbar.v-sheet {
+        background: #ffffff !important;
+        box-shadow: 0 1px 20px 0 rgb(0 0 0 / 2%) !important;
+    }
+
+    body .v-toolbar__content {
+        padding: 0 !important;
+    }
+
+    /* <<<<< toolbar */
+
+
+    /* tab >>>>>> */
+    body .v-tab {
+        font-size: 14px !important;
+    }
+
+    .theme--light.v-tabs>.v-tabs-bar .v-tab--disabled,
+    .theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active),
+    .theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn,
+    .theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon {
+        color: var(--gray-900);
+    }
+
+    /* <<<<< tab */
+
+
+    /* 面包屑 >>>>>> */
+    body .v-breadcrumbs li {
+        font-size: 12px !important;
+    }
+
+    body .v-breadcrumbs li:nth-child(2n) {
+        padding: 0 6px;
+    }
+
+    /* <<<<< 面包屑 */
+
+
+    /* 菜单 >>>>>> */
+    .v-menu__content {
+        background: white;
+        box-shadow: 0 3px 14px 2px rgb(0 0 0 / 8%);
+        z-index: 300 !important;
+    }
+
+    .v-menu__content .v-list-item {
+        margin-bottom: 3px;
+        height: 32px;
+        min-height: auto;
+    }
+
+    .v-menu__content .v-list-item--link:before {
+        border-radius: 6px;
+    }
+
+    .v-menu__content .v-select-list {
+        padding: 10px;
+    }
+
+    .v-menu__content .v-icon.mdi-close {
+        font-size: 18px;
+    }
+
+    /* <<<<< 菜单 */
+
+
+    /* 抽屉 >>>>>> */
+    body .v-navigation-drawer--temporary {
+        z-index: 101 !important;
+    }
+
+    .v-navigation-drawer {
+        overflow: revert;
+    }
+
+    /* <<<<< 抽屉 */
+
+
+    /* 树形视图 >>>>>> */
+    .v-treeview--dense .v-treeview-node__root {
+        min-height: 34px;
+        margin-bottom: 3px;
+    }
+
+    .theme--light.v-treeview .v-treeview-node__root:before,
+    .theme--light.v-treeview .v-treeview-node__root:hover:before {
+        border-radius: 6px;
+    }
+
+    .v-treeview-node__label {
+        overflow: inherit;
+    }
+   
+
+    /* <<<<< 树形视图 */
+
+    /* 表单内col >>>>>> */
+    .v-form .col-12 {
+        padding-bottom: 0;
+    }
+    /* 最后一个row加padding-bottom */
+    .v-form>.row:last-child {
+        padding-bottom: 20px;
+    }
+    /* <<<<< 表单内col */
+
+    /* v-btn-toggle */
+    .theme--light.v-btn--active:before, .theme--light.v-btn--active:hover:before {
+        border-color: var(--cPrimaryColor);
+        opacity: 0;
+    }
+    .theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn--active {
+        border-color: var(--cPrimaryColor)!important;
+        color: var(--cPrimaryColor)!important;
+    }
+    .v-application--is-ltr .v-btn-toggle>.v-btn.v-btn:not(:first-child), .v-application--is-rtl .v-btn-toggle>.v-btn.v-btn:not(:last-child) {
+        border-left-width: thin;
+    }
+    
+ 
+    .v-main .v-main {
+        padding: 0!important;
+    }
+
+/* 表单 >>>>>> */
+.jh-input-label {
+  color: var(--gray-800);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 32px;
+}
+.jh-input-label-group {
+  color: var(--cPrimaryColor);
+  padding-left: 10px;
+  font-size: 1rem !important;
+  line-height: 1.75rem;
+  letter-spacing: 0.009375em !important;
+  font-family: Roboto, sans-serif !important;
+  font-weight: 500 !important;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.jh-input-label-group::before {
+  content: "";
+  background-color: var(--cPrimaryColor);
+  position: absolute;
+  height: calc(100% - 12px); /* 高度为父元素高度减去3px */
+  width: 4px;
+  bottom: 6px;
+  left: 0;
+}
+.jh-no-data {
+  text-align: center;
+  max-width: calc(100vw - 64px);
+}
+
+.jh-v-input .v-input__slot {
+  margin: 0 !important;
+}
+.jh-v-input.bg-white .v-input__slot {
+  background-color: #fff !important;
+}
+.jh-v-input .v-messages-outer,
+.jh-v-input .v-text-field__details {
+  position: absolute !important;
+  bottom: -23px !important;
+  left: -10px !important;
+}
+.jh-v-input .v-input__append-outer {
+  margin-top: 0 !important;
+}
+.jh-v-input .v-input__icon--append button {
+  font-size: 18px;
+}
+/* <<<<< 表单 */
+
+/* header 菜单 >>>>>> */
+.jh-page-header {
+  border-bottom: 1px solid #e6e6e6 !important;
+}
+.jh-header-tab {
+  border-radius: 5px;
+  margin: 8px 0;
+  text-transform: none;
+  font-weight: 400;
+}
+.jh-header-tab-active {
+  background: #f6f6f6;
+  font-weight: 500;
+}
+
+.jh-header-tab::before {
+  border-radius: 5px !important;
+}
+
+.jh-header-tab:hover::before {
+  border-radius: 5px !important;
+  opacity: 0.1 !important;
+}
+/* <<<<< header 菜单 */
+
+/* tab >>>>>> */
+.custom-tabs .v-tabs-bar {
+  height: 32px;
+}
+.custom-tabs.v-tabs .v-tab:before,
+.custom-tabs.v-tabs .v-tab--active:before {
+  display: none;
+}
+.custom-tabs .v-tab {
+  min-width: auto;
+  padding: 0px;
+  margin-right: 30px;
+  font-size: 13px !important;
+}
+/* <<<<< tab */
+
+/* 字体 >>>>>> */
+.jh-font-size-10 {
+  font-size: 10px;
+}
+.jh-font-size-12,
+.jh-font-size-2 {
+  font-size: 12px;
+}
+.jh-font-size-13,
+.jh-font-size-3 {
+  font-size: 13px;
+}
+/* <<<<< 字体 */
+
+/* dialog >>>>>> */
+.jh-fixed-dialog-height {
+  min-height: 60%;
+  max-height: 80%;
+  background-color: #fff;
+}
+/* <<<<< dialog */
+
+/* 抽屉关闭按钮 */
+.drawer-close-float-btn {
+  top: 120px !important;
+  left: -40px !important;
+}
+/* 文档 */
+.jh-page-doc-container {
+  height: calc(100vh - 130px);
+}
+/* 帮助icon */
+.mdi-help-circle-outline {
+  transform: translateY(-1.5px) scale(1.1);
+}
+/* 分割线 */
+.jh-divider {
+  border-color: rgba(0, 0, 0, 0.06) !important;
+}
+/* 抽屉 */
+body .v-navigation-drawer.jh-drawer-level-2 {
+  z-index: 102 !important;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+/* 边框 */
+.jh-border {
+  border: 1px solid #eee;
+}
+.jh-border-b {
+  border-bottom: 1px solid #eee;
+}
+.jh-border-t {
+  border-top: 1px solid #eee;
+}
+.jh-border-r {
+  border-right: 1px solid #eee;
+}
+.jh-border-l {
+  border-left: 1px solid #eee;
+}
+
+.jh-page-second-bar span[role="button"] {
+  min-width: 40px;
+}
+
+/* 移动端table、搜索栏 */
+.v-data-table.v-data-table--mobile
+  > .v-data-table__wrapper
+  > table
+  > tbody
+  > tr
+  > td:first-child,
+.v-data-table.v-data-table--mobile
+  > .v-data-table__wrapper
+  > table
+  > tfoot
+  > tr
+  > td:first-child,
+.v-data-table.v-data-table--mobile
+  > .v-data-table__wrapper
+  > table
+  > thead
+  > tr
+  > th:first-child {
+  padding-left: 15px !important;
+}
+@media (max-width: 600px) {
+  .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+  .v-data-table > .v-data-table__wrapper > table > tbody > tr > th,
+  .v-data-table > .v-data-table__wrapper > table > tfoot > tr > td,
+  .v-data-table > .v-data-table__wrapper > table > tfoot > tr > th,
+  .v-data-table > .v-data-table__wrapper > table > thead > tr > td,
+  .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+    padding: 0 15px !important;
+  }
+}
+.v-data-table .v-data-table__mobile-table-row {
+  border-bottom: 5px solid rgb(243 244 246 / var(--tw-bg-opacity));
+}
+.v-data-table .v-data-table__mobile-table-row:last-child {
+  border-bottom: none;
+}
+.v-data-table-header.v-data-table-header-mobile {
+  display: none;
+}
+
+.jh-mobile-search-bar .v-menu__content {
+  background-color: rgba(0, 0, 0, 0.3);
+  height: calc(100vh - 88px);
+  box-shadow: none;
+  border-radius: 0;
+}
+.jh-safe-bottom {
+  padding-bottom: 0;
+  padding-bottom: calc(constant(safe-area-inset-bottom) / 5 * 3);
+  padding-bottom: calc(env(safe-area-inset-bottom) / 5 * 3);
+}
+
+/* 场景搜索 v-btn-toggle >>>>>> */
+.jh-scene-toggle.v-btn-toggle .v-btn.v-btn {
+  background-color: #fff !important;
+}
+.jh-scene-toggle.v-btn-toggle .v-btn.v-btn:not(:last-child) {
+  border-right-color: #fff !important;
+}
+.jh-scene-toggle.v-btn-toggle .v-btn.v-btn.v-btn--active {
+  border-color: var(--cPrimaryColor) !important;
+  color: var(--cPrimaryColor) !important;
+  background-color: #fff !important;
+  border-right-color: var(--cPrimaryColor) !important;
+}
+/* <<<<< 场景搜索 v-btn-toggle */
+
+/* 状态样式 >>>>>> */
+.jh-status-tag-success,
+.jh-status-tag-primary,
+.jh-status-tag-green {
+  background-color: #59cb74 !important;
+  border-color: #59cb74 !important;
+  color: #ffffff !important;
+  caret-color: #ffffff !important;
+}
+.jh-status-tag-error,
+.jh-status-tag-red {
+  background-color: #f4667c !important;
+  border-color: #f4667c !important;
+  color: #ffffff !important;
+  caret-color: #ffffff !important;
+}
+.jh-status-tag-default,
+.jh-status-tag-grey {
+  background-color: #c2c2c2 !important;
+  border-color: #c2c2c2 !important;
+  color: #ffffff !important;
+  caret-color: #ffffff !important;
+}
+.jh-status-tag-info,
+.jh-status-tag-blue {
+  background-color: #4fcccb !important;
+  border-color: #4fcccb !important;
+  color: #ffffff !important;
+  caret-color: #ffffff !important;
+}
+.jh-status-tag-warning,
+.jh-status-tag-orange {
+  background-color: #fbd44b !important;
+  border-color: #fbd44b !important;
+  color: #ffffff !important;
+  caret-color: #ffffff !important;
+}
+.jh-status-tag-indigo {
+  background-color: #c5cae9 !important;
+  border-color: #c5cae9 !important;
+  color: #303f9f !important;
+  caret-color: #303f9f !important;
+}
+.jh-status-tag-teal {
+  background-color: #b2dfdb !important;
+  border-color: #b2dfdb !important;
+  color: #00796b !important;
+  caret-color: #00796b !important;
+}
+.jh-status-tag-brown {
+  background-color: #d7ccc8 !important;
+  border-color: #d7ccc8 !important;
+  color: #5d4037 !important;
+  caret-color: #5d4037 !important;
+}
+.jh-status-tag-pink {
+  background-color: #f8bbd0 !important;
+  border-color: #f8bbd0 !important;
+  color: #c2185b !important;
+  caret-color: #c2185b !important;
+}
+.jh-status-tag-purple {
+  background-color: #e1bee7 !important;
+  border-color: #e1bee7 !important;
+  color: #7b1fa2 !important;
+  caret-color: #7b1fa2 !important;
+}
+
+.jh-safe-bottom-1 {
+  padding-bottom: max(
+    0.25rem,
+    env(safe-area-inset-bottom)
+  ) !important; /* Tailwind pb-1 */
+}
+.jh-safe-bottom-2 {
+  padding-bottom: max(
+    0.5rem,
+    env(safe-area-inset-bottom)
+  ) !important; /* Tailwind pb-2 */
+}
+.jh-safe-bottom-3 {
+  padding-bottom: max(
+    0.75rem,
+    env(safe-area-inset-bottom)
+  ) !important; /* Tailwind pb-3 */
+}
+.jh-safe-bottom-4 {
+  padding-bottom: max(
+    1rem,
+    env(safe-area-inset-bottom)
+  ) !important; /* Tailwind pb-4 */
+}
+.jh-safe-bottom-5 {
+  padding-bottom: max(
+    1.25rem,
+    env(safe-area-inset-bottom)
+  ) !important; /* Tailwind pb-5 */
+}
+.jh-safe-bottom-6 {
+  padding-bottom: max(
+    1.5rem,
+    env(safe-area-inset-bottom)
+  ) !important; /* Tailwind pb-6 */
+}
+/* <<<<< 状态样式 */
+
+.jh-form .v-input--selection-controls {
+  margin-top: 0;
+}
+
+.jh-field-input>.jh-v-input .v-input__slot {
+  border: 1px solid #DFDFDF!important;
+}
+
+/* 侧边栏菜单 */
+.jh-page-nav-bar[data-v-73ddcbb9] .v-list-item,
+.jh-page-nav-bar[data-v-73ddcbb9] .v-list-group__header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
+}
+.jh-page-nav-bar[data-v-73ddcbb9] .v-list-group__header .v-list-item {
+  border-bottom: none;
+}
+@media (max-width: 600px) {
+.jh-page-nav-bar[data-v-73ddcbb9] .v-list-group .v-list-group__header {
+    padding: 0 !important;
+}
+.jh-page-nav-bar[data-v-73ddcbb9] .v-list-item {
+    border-top: none;
+}
+}
+.second-active[data-v-73ddcbb9] .v-list-item__title {
+  color: #4caf50 !important;
+}
+.second-active[data-v-73ddcbb9] {
+  background-color: rgba(76, 175, 80, 0.1) !important;
+}
+.jh-toolbar-title[data-v-73ddcbb9] {
+  height: 51px;
+  line-height: 51px;
+}
+.v-toolbar__title[data-v-73ddcbb9] {
+  min-width: 200px;
+}
+.jh-menu-drawer-close-float-btn[data-v-73ddcbb9] {
+  top: 120px !important;
+  right: -40px;
+  position: fixed;
+  left: auto !important;
+}
+.jh-header-tab.v-tab--active[data-v-73ddcbb9] {
+  color: var(--v-grey-darken4) !important;
+}
+.jh-header-tab.jh-header-tab-active[data-v-73ddcbb9] {
+  color: #4caf50 !important;
+}
+.jh-avatar-menu-btn[data-v-73ddcbb9] {
+  cursor: pointer;
+  transition: all 0.3s;
+  border-radius: 5px;
+}
+.jh-avatar-menu-btn[data-v-73ddcbb9]:hover {
+  opacity: 0.8;
+}
+.jh-right-menu[data-v-73ddcbb9] svg {
+  width: 28px;
+  height: 28px;
+  vertical-align: middle;
+}
+.jh-divider[data-v-73ddcbb9] {
+  border-color: rgba(0, 0, 0, 0.08);
+}
+
+
+.jh-scene[data-v-50ab6d9d] {
+  display: inline-block;
+}
+.scene-manage[data-v-50ab6d9d] .scene-item:not(:last-child) {
+  border-bottom: 1px solid #eeeeee;
+}
+.jh-input-label[data-v-50ab6d9d] {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+  display: block;
+  margin-bottom: 8px;
+}
+
+
+.date-range-picker-container[data-v-f2799a5a] {
+  position: relative;
+}
+.quick-select-list[data-v-f2799a5a] {
+  min-width: 100px;
+  border-right: 1px solid #e0e0e0;
+}
+.quick-select-list[data-v-f2799a5a] .v-item--active {
+  background-color: rgba(25, 118, 210, 0.12);
+}
+
+
+.jh-form-fields[data-v-666784d9] {
+  width: 100%;
+}
+.jh-form-fields--bordered[data-v-666784d9] {
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 4px;
+  padding: 16px;
+}
+.jh-form-fields-header[data-v-666784d9] {
+  margin-bottom: 16px;
+}
+.jh-form-fields-title[data-v-666784d9] {
+  font-size: 16px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+  display: flex;
+  align-items: center;
+}
+.jh-form-fields-description[data-v-666784d9] {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
+  margin-top: 4px;
+  line-height: 1.5;
+}
+.jh-form-fields--horizontal .jh-field-label--horizontal[data-v-666784d9] {
+  padding-top: 0;
+  line-height: 1.5;
+}
+.jh-form-fields--inline .v-input[data-v-666784d9] {
+  margin-bottom: 0 !important;
+}
+.jh-form-fields--readonly .jh-form-readonly-text[data-v-666784d9] {
+  padding: 8px 0;
+  min-height: 40px;
+  color: rgba(0, 0, 0, 0.87);
+}
+.jh-field-label[data-v-666784d9] {
+}
+.jh-field-label--horizontal[data-v-666784d9] {
+  padding-right: 12px;
+}
+.jh-field-label--vertical[data-v-666784d9] {
+  display: block;
+}
+.jh-form-group-title[data-v-666784d9] {
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+.jh-form-group-title h3[data-v-666784d9] {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+}
+.jh-field-wrapper[data-v-666784d9] {
+  width: 100%;
+}
+.jh-field-input[data-v-666784d9] {
+  width: 100%;
+}
+.jh-form-readonly-text[data-v-666784d9] {
+  word-break: break-word;
+}
+.jh-field-extra[data-v-666784d9] {
+  margin-top: -8px;
+  line-height: 1.5;
+}
+.jh-color-preview[data-v-666784d9] {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+
+.jh-query-filter[data-v-3f67f486] {
+  padding: 16px;
+  background: #fff;
+  border-radius: 4px;
+}
+
+/* 按钮容器样式 */
+.jh-query-filter-buttons[data-v-3f67f486] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* 查询按钮样式 */
+.jh-query-filter-search-btn[data-v-3f67f486] {
+  min-width: 80px;
+}
+
+/* 重置按钮样式 */
+.jh-query-filter-reset-btn[data-v-3f67f486] {
+  min-width: 80px;
+}
+
+/* 展开/收起按钮样式 */
+.jh-query-filter-collapse-btn[data-v-3f67f486] {
+  margin-left: 8px;
+}
+
+/* Flex 工具类 */
+.d-flex[data-v-3f67f486] {
+  display: flex;
+}
+.align-center[data-v-3f67f486] {
+  align-items: center;
+}
+.align-end[data-v-3f67f486] {
+  align-items: flex-end;
+}
+.gap-2[data-v-3f67f486] {
+  gap: 8px;
+}
+
+
+/* 表格容器 */
+.jh-pro-table[data-v-5f4cb103] {
+  border-radius: 8px;
+  position: relative;
+}
+
+
+/* 幽灵模式 */
+.jh-pro-table-ghost[data-v-5f4cb103] {
+  background: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+/* 表格标题区 */
+.jh-pro-table-header[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 24px;
+  border-bottom: 1px solid #f0f0f0;
+  min-height: 64px;
+}
+.jh-pro-table-header-left[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex: 1;
+}
+.jh-pro-table-header-right[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.jh-pro-table-title[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+}
+.jh-pro-table-title-text[data-v-5f4cb103] {
+  line-height: 24px;
+}
+.jh-pro-table-header-actions[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* 批量操作提示栏 */
+.jh-pro-table-alert[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 24px;
+  background: #e6f7ff;
+  border: 1px solid #91d5ff;
+  border-radius: 4px;
+  margin: 16px 0 0;
+}
+.jh-pro-table-alert-info[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+}
+.jh-pro-table-alert-actions[data-v-5f4cb103] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* 工具栏 */
+.jh-pro-table-toolbar[data-v-5f4cb103] {
+  padding: 16px 0 !important;
+}
+
+/* 表格额外内容区 */
+.jh-pro-table-extra[data-v-5f4cb103] {
+  padding: 16px 24px;
+  border-top: 1px solid #f0f0f0;
+}
+
+/* 移动端适配 */
+@media (max-width: 600px) {
+.jh-pro-table-header[data-v-5f4cb103] {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 12px 16px;
+    min-height: auto;
+}
+.jh-pro-table-header-left[data-v-5f4cb103] {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+    width: 100%;
+}
+.jh-pro-table-header-right[data-v-5f4cb103] {
+    width: 100%;
+    justify-content: flex-end;
+    margin-top: 8px;
+}
+.jh-pro-table-alert[data-v-5f4cb103] {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+    margin: 12px 16px 0;
+    padding: 8px 12px;
+}
+.jh-pro-table-alert-actions[data-v-5f4cb103] {
+    width: 100%;
+    justify-content: flex-start;
+}
+.jh-pro-table-toolbar[data-v-5f4cb103] {
+    padding: 12px 16px !important;
+}
+.jh-pro-table-extra[data-v-5f4cb103] {
+    padding: 12px 16px;
+}
+}
+
+/* 工具栏搜索框响应式 */
+.jh-toolbar-search[data-v-5f4cb103] {
+  max-width: 200px;
+  min-width: 120px;
+}
+@media (max-width: 600px) {
+.jh-toolbar-search[data-v-5f4cb103] {
+    max-width: 150px;
+    min-width: 100px;
+}
+}
+
+/* 表格密度 */
+.jh-table-default[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+.jh-table-default[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+  height: 48px !important;
+  padding: 0 16px !important;
+}
+.jh-table-medium[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+.jh-table-medium[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+  height: 40px !important;
+  padding: 0 12px !important;
+}
+.jh-table-compact[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+.jh-table-compact[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+  height: 32px !important;
+  padding: 0 8px !important;
+  font-size: 13px !important;
+}
+
+/* 移动端表格密度调整 */
+@media (max-width: 600px) {
+.jh-table-default[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+  .jh-table-default[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+    height: 44px !important;
+    padding: 0 12px !important;
+    font-size: 14px !important;
+}
+.jh-table-medium[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+  .jh-table-medium[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+    height: 40px !important;
+    padding: 0 10px !important;
+    font-size: 13px !important;
+}
+.jh-table-compact[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
+  .jh-table-compact[data-v-5f4cb103] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
+    height: 36px !important;
+    padding: 0 8px !important;
+    font-size: 12px !important;
+}
+}
+
+/* 移动端操作列样式优化 */
+@media (max-width: 600px) {
+  /* 操作列下拉菜单触发器 */
+.jh-pro-table[data-v-5f4cb103] .v-data-table td[data-action-column] {
+    padding: 0 8px !important;
+}
+
+  /* 操作按钮文字在小屏幕隐藏 */
+.jh-pro-table[data-v-5f4cb103] .v-btn--small .v-btn__content > span:not(.v-icon) {
+    font-size: 13px;
+}
+}
+
+/* 全屏样式 */
+.jh-table-fullscreen[data-v-5f4cb103] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 9999;
+  background: white;
+  padding: 16px;
+  overflow: auto;
+}
+@media (max-width: 600px) {
+.jh-table-fullscreen[data-v-5f4cb103] {
+    padding: 8px;
+}
+}
+
+/* 无数据样式 */
+.jh-no-data[data-v-5f4cb103] {
+  text-align: center;
+  padding: 40px 0;
+  color: rgba(0, 0, 0, 0.45);
+}
+.jh-table-schema-cell[data-v-5f4cb103] {
+  min-width: 0;
+}
+.jh-table-json[data-v-5f4cb103] {
+  margin: 0;
+  font-family: 'Fira Code', 'JetBrains Mono', Consolas, monospace;
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.jh-table-code[data-v-5f4cb103] {
+  font-family: 'Fira Code', 'JetBrains Mono', Consolas, monospace;
+  font-size: 12px;
+  background: #f4f5f7;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+@media (max-width: 600px) {
+.jh-no-data[data-v-5f4cb103] {
+    padding: 24px 0;
+}
+.jh-no-data .v-icon[data-v-5f4cb103] {
+    font-size: 48px !important;
+}
+}
+
+/* 游标指针 */
+.cursor-pointer[data-v-5f4cb103] {
+  cursor: pointer;
+}
+
+/* Flex 工具类（如果没有 Tailwind） */
+.flex[data-v-5f4cb103] {
+  display: flex;
+}
+.items-center[data-v-5f4cb103] {
+  align-items: center;
+}
+.justify-end[data-v-5f4cb103] {
+  justify-content: flex-end;
+}
+.flex-wrap[data-v-5f4cb103] {
+  flex-wrap: wrap;
+}
+.gap-1[data-v-5f4cb103] {
+  gap: 4px;
+}
+.gap-2[data-v-5f4cb103] {
+  gap: 8px;
+}
+
+/* 移动端工具栏响应式 */
+@media (max-width: 600px) {
+.jh-pro-table[data-v-5f4cb103] .v-row {
+    margin: 0 !important;
+}
+
+  /* 工具栏按钮间距调整 */
+.flex.gap-2[data-v-5f4cb103] {
+    gap: 4px;
+}
+
+  /* 密度和列设置菜单按钮在移动端可选择隐藏 */
+.jh-pro-table[data-v-5f4cb103] .v-btn--icon.v-size--small {
+    width: 32px;
+    height: 32px;
+}
+}
+
+/* 分页器移动端优化 */
+@media (max-width: 600px) {
+.jh-pro-table[data-v-5f4cb103] .v-data-footer {
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 8px 4px !important;
+}
+.jh-pro-table[data-v-5f4cb103] .v-data-footer__select {
+    margin-left: 8px !important;
+    margin-right: 8px !important;
+}
+.jh-pro-table[data-v-5f4cb103] .v-data-footer__pagination {
+    margin: 4px 8px !important;
+}
+}
+
+
+.border-right[data-v-4421993c] {
+  border-right: 1px solid #e0e0e0;
+}
+.tree-item[data-v-4421993c] {
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+}
+.tree-item[data-v-4421993c]:hover {
+  background-color: #f5f5f5;
+}
+
+/* 滚动条样式 */
+[data-v-4421993c]::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+[data-v-4421993c]::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+[data-v-4421993c]::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+[data-v-4421993c]::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+
+
+.jh-layout-main[data-v-181b7ada] {
+  min-height: 100vh;
+}
+.jh-layout-content[data-v-181b7ada] {
+  min-height: calc(100vh - 52px);
+  transition: background-color 0.3s;
+}
+.jh-layout-settings-btn[data-v-181b7ada] {
+  bottom: 24px !important;
+  z-index: 999;
+}
+.jh-layout-settings-btn[data-v-181b7ada]:hover {
+  transform: rotate(90deg);
+  transition: transform 0.3s;
+}
+
+/* 设置抽屉样式优化 */
+.jh-layout-settings[data-v-181b7ada] .v-list-item {
+  padding: 12px 16px;
+}
+.jh-layout-settings[data-v-181b7ada] .v-list-item__content {
+  padding: 0;
+}
+
+/* 响应式调整 */
+@media (max-width: 600px) {
+.jh-layout-content[data-v-181b7ada] {
+    min-height: calc(100vh - 52px);
+}
+.jh-layout-settings-btn[data-v-181b7ada] {
+    bottom: 16px !important;
+    right: 16px !important;
+}
+}
+
+
+/* 卡片容器 */
+.jh-card[data-v-7e359408] {
+  display: flex;
+  flex-direction: column;
+  background: #ffffff;
+  border-radius: 4px;
+  transition: box-shadow 0.3s;
+  position: relative;
+  width: 100%;
+}
+
+/* 边框 */
+.jh-card--bordered[data-v-7e359408] {
+  border: 1px solid #e8e8e8;
+}
+
+/* 幽灵模式 */
+.jh-card--ghost[data-v-7e359408] {
+  background: transparent;
+  border: none;
+}
+
+/* 悬浮效果 */
+.jh-card--hoverable[data-v-7e359408]:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+  cursor: pointer;
+}
+
+/* 分栏模式 */
+.jh-card--split-vertical[data-v-7e359408],
+.jh-card--split-horizontal[data-v-7e359408] {
+  display: flex;
+}
+.jh-card--split-vertical[data-v-7e359408] {
+  flex-direction: row;
+}
+.jh-card--split-horizontal[data-v-7e359408] {
+  flex-direction: column;
+}
+.jh-card--split-vertical > .jh-card[data-v-7e359408],
+.jh-card--split-horizontal > .jh-card[data-v-7e359408] {
+  border-radius: 0;
+}
+.jh-card--split-vertical > .jh-card[data-v-7e359408]:not(:last-child) {
+  border-right: 1px solid #e8e8e8;
+}
+.jh-card--split-horizontal > .jh-card[data-v-7e359408]:not(:last-child) {
+  border-bottom: 1px solid #e8e8e8;
+}
+
+/* 居中布局 */
+.jh-card--layout-center[data-v-7e359408] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 标题栏 */
+.jh-card-header[data-v-7e359408] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 24px;
+  min-height: 56px;
+}
+.jh-card-header--small[data-v-7e359408] {
+  padding: 12px 16px;
+  min-height: 48px;
+}
+.jh-card-header-left[data-v-7e359408] {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.jh-card-title[data-v-7e359408] {
+  font-size: 16px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 1.5;
+}
+.jh-card-extra[data-v-7e359408] {
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+}
+
+/* 内容区 */
+.jh-card-body[data-v-7e359408] {
+  padding: 24px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.jh-card-body--small[data-v-7e359408] {
+  padding: 16px;
+}
+.jh-card-body--ghost[data-v-7e359408] {
+  padding: 0;
+}
+.jh-card-body--center[data-v-7e359408] {
+  justify-content: center;
+  align-items: center;
+}
+
+/* 加载状态 */
+.jh-card-loading[data-v-7e359408] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100px;
+}
+
+/* 操作区 */
+.jh-card-actions[data-v-7e359408] {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 12px 0;
+  background: #fafafa;
+  border-top: 1px solid #e8e8e8;
+}
+.jh-card-action-item[data-v-7e359408] {
+  display: flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.65);
+  cursor: pointer;
+  transition: color 0.3s;
+}
+.jh-card-action-item[data-v-7e359408]:hover {
+  color: #1890ff;
+}
+
+/* Tabs */
+.jh-card-tabs[data-v-7e359408] {
+  border-bottom: 1px solid #e8e8e8;
+}
+.jh-card-tabs--card .v-tab[data-v-7e359408] {
+  border: 1px solid #e8e8e8;
+  border-bottom: none;
+  background: #fafafa;
+  margin-right: 2px;
+}
+.jh-card-tabs--card .v-tab--active[data-v-7e359408] {
+  background: #ffffff;
+}
+
+/* 小尺寸 */
+.jh-card--small .jh-card-title[data-v-7e359408] {
+  font-size: 14px;
+}
+
+/* Divider */
+.jh-card-divider[data-v-7e359408] {
+  margin: 0;
+}
+
+
+/* 卡片容器 */
+.jh-statistic-card[data-v-39b0e8b7] {
+  background: #ffffff;
+  border-radius: 4px;
+  padding: 24px;
+  position: relative;
+  transition: box-shadow 0.3s;
+}
+.jh-statistic-card--bordered[data-v-39b0e8b7] {
+  border: 1px solid #e8e8e8;
+}
+.jh-statistic-card[data-v-39b0e8b7]:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+}
+
+/* 标题区域 */
+.jh-statistic-card-header[data-v-39b0e8b7] {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.jh-statistic-card-title[data-v-39b0e8b7] {
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  line-height: 22px;
+}
+.jh-statistic-card-tooltip[data-v-39b0e8b7] {
+  margin-left: 4px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+/* 内容区域 */
+.jh-statistic-card-content[data-v-39b0e8b7] {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.jh-statistic-card--vertical .jh-statistic-card-content[data-v-39b0e8b7] {
+  flex-direction: column;
+}
+
+/* 统计数据区域 */
+.jh-statistic-card-statistic[data-v-39b0e8b7] {
+  flex: 1;
+}
+
+/* 数值区域 */
+.jh-statistic-card-value-wrapper[data-v-39b0e8b7] {
+  display: flex;
+  align-items: baseline;
+  margin-bottom: 8px;
+}
+.jh-statistic-card-value[data-v-39b0e8b7] {
+  font-size: 30px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 38px;
+}
+.jh-statistic-card-prefix[data-v-39b0e8b7],
+.jh-statistic-card-suffix[data-v-39b0e8b7] {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.65);
+  margin: 0 4px;
+}
+
+/* 趋势指标 */
+.jh-statistic-card-trend[data-v-39b0e8b7] {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  margin-bottom: 4px;
+}
+.jh-statistic-card-trend-icon[data-v-39b0e8b7] {
+  margin-right: 4px;
+}
+
+/* 描述信息 */
+.jh-statistic-card-description[data-v-39b0e8b7] {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 22px;
+}
+
+/* 图表区域 */
+.jh-statistic-card-chart[data-v-39b0e8b7] {
+  margin-left: 16px;
+  display: flex;
+  align-items: center;
+}
+.jh-statistic-card--vertical .jh-statistic-card-chart[data-v-39b0e8b7] {
+  margin-left: 0;
+  margin-top: 16px;
+  width: 100%;
+}
+
+/* 底部区域 */
+.jh-statistic-card-footer[data-v-39b0e8b7] {
+  margin-top: 16px;
+  padding-top: 12px;
+  border-top: 1px solid #e8e8e8;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+}
+
+/* 加载状态 */
+.jh-statistic-card--loading[data-v-39b0e8b7] {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+
+.jh-watermark[data-v-44935ffe] {
+  position: relative;
+  min-height: 100%;
+}
+.jh-watermark-layer[data-v-44935ffe] {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+}
+
+
+/* 自定义样式可以在这里添加 */
+
+
+.jh-toast__content[data-v-0da7bef5] {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.jh-toast__icon[data-v-0da7bef5] {
+  margin-right: 12px;
+}
+.jh-toast__message[data-v-0da7bef5] {
+  flex: 1;
+  word-break: break-word;
+}
+
+/* 响应式样式 */
+@media screen and (max-width: 600px) {
+.jh-toast__message[data-v-0da7bef5] {
+    max-width: calc(100vw - 200px);
+}
+}
+
+
+.text-pre-line[data-v-4d697b30] {
+  white-space: pre-line;
+}
+
+
+/* 表单布局样式 */
+.jh-form[data-v-0a365969] {
+  width: 100%;
+}
+
+/* 水平布局 */
+.jh-form--horizontal .jh-field-label--horizontal[data-v-0a365969] {
+  padding-top: 0;
+  line-height: 1.5;
+}
+
+/* 行内布局 */
+.jh-form--inline .v-input[data-v-0a365969] {
+  margin-bottom: 0 !important;
+}
+
+/* 只读模式 */
+.jh-form--readonly .jh-form-readonly-text[data-v-0a365969] {
+  padding: 8px 0;
+  min-height: 40px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/* 字段标签 */
+.jh-field-label[data-v-0a365969] {
+}
+.jh-field-label--horizontal[data-v-0a365969] {
+  padding-right: 12px;
+}
+.jh-field-label--vertical[data-v-0a365969] {
+  display: block;
+}
+
+/* 表单分组标题 */
+.jh-form-group-title[data-v-0a365969] {
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+.jh-form-group-title h3[data-v-0a365969] {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+}
+
+/* 字段包装器 */
+.jh-field-wrapper[data-v-0a365969] {
+  width: 100%;
+}
+
+/* 字段输入区域 */
+.jh-field-input[data-v-0a365969] {
+  width: 100%;
+}
+
+/* 只读文本 */
+.jh-form-readonly-text[data-v-0a365969] {
+  word-break: break-word;
+}
+
+/* 额外提示信息 */
+.jh-field-extra[data-v-0a365969] {
+  margin-top: -8px;
+  line-height: 1.5;
+}
+
+
+/* 输入标签 */
+.jh-input-label[data-v-9ad4133c] {
+  display: block;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 4px;
+}
+
+/* 输入框样式 */
+.jh-v-input[data-v-9ad4133c] {
+  margin-top: 0;
+}
+
+
+/* 输入标签 */
+.jh-input-label[data-v-b71c0556] {
+  display: block;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 4px;
+}
+
+/* 输入框样式 */
+.jh-v-input[data-v-b71c0556] {
+  margin-top: 0;
+}
+
+
+.jh-drawer-header[data-v-51648bd1] {
+  border-bottom: 1px solid #e0e0e0;
+}
+.jh-drawer-action-btn-group[data-v-51648bd1] {
+  display: flex;
+  align-items: center;
+}
+.jh-drawer-bottom[data-v-51648bd1] {
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+}
+.drawer-close-float-btn[data-v-51648bd1] {
+  z-index: 1000;
+}
+
+
+.jh-steps-form-container[data-v-7e20b247] {
+  display: flex;
+  width: 100%;
+}
+
+/* 垂直布局样式 */
+.jh-steps-form-stepper[data-v-7e20b247] {
+  width: 250px;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 16px;
+}
+.jh-steps-form-content[data-v-7e20b247] {
+  flex: 1;
+  padding: 16px 24px;
+}
+.vertical-steps[data-v-7e20b247] {
+  display: flex;
+  flex-direction: column;
+}
+.vertical-step-item[data-v-7e20b247] {
+  display: flex;
+  align-items: flex-start;
+  padding: 12px 0;
+  position: relative;
+  cursor: default;
+}
+.vertical-step-item.editable[data-v-7e20b247] {
+  cursor: pointer;
+}
+.vertical-step-item[data-v-7e20b247]:not(:last-child)::after {
+  content: '';
+  position: absolute;
+  left: 15px;
+  top: 40px;
+  width: 1px;
+  height: calc(100% - 16px);
+  background-color: rgba(0, 0, 0, 0.12);
+}
+.vertical-step-item.completed[data-v-7e20b247]:not(:last-child)::after {
+  background-color: #4caf50;
+}
+.step-number[data-v-7e20b247] {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.6);
+  font-size: 14px;
+  font-weight: 500;
+  margin-right: 12px;
+  flex-shrink: 0;
+}
+.vertical-step-item.active .step-number[data-v-7e20b247] {
+  background-color: #1976d2;
+  color: white;
+}
+.vertical-step-item.completed .step-number[data-v-7e20b247] {
+  background-color: #4caf50;
+  color: white;
+}
+.step-info[data-v-7e20b247] {
+  flex: 1;
+}
+.step-title[data-v-7e20b247] {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.2;
+  margin-bottom: 4px;
+}
+.vertical-step-item.active .step-title[data-v-7e20b247] {
+  color: #1976d2;
+}
+.step-subtitle[data-v-7e20b247] {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.6);
+  line-height: 1.2;
+}
+.jh-steps-form[data-v-7e20b247] {
+  width: 100%;
+}
+
+/* 水平布局时隐藏垂直步骤指示器 */
+.jh-steps-form-container:not(.is-vertical) .jh-steps-form-stepper[data-v-7e20b247] {
+  display: none;
+}
+.jh-steps-form-container:not(.is-vertical) .jh-steps-form-content[data-v-7e20b247] {
+  width: 100%;
+  padding: 0;
+}
+.step-content[data-v-7e20b247] {
+  min-height: 200px;
+}
+.step-actions[data-v-7e20b247] {
+  padding-top: 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/* 响应式调整 */
+@media (max-width: 600px) {
+.step-content[data-v-7e20b247] {
+    min-height: 150px;
+}
+}
+
+
+/* 表单列表容器 */
+.jh-form-list[data-v-ce7ba014] {
+  width: 100%;
+}
+
+/* 列表头部 */
+.jh-form-list-header[data-v-ce7ba014] {
+  margin-bottom: 16px;
+}
+
+/* 列表主体 */
+.jh-form-list-body[data-v-ce7ba014] {
+  position: relative;
+}
+.jh-form-list-body--inline[data-v-ce7ba014] {
+  gap: 8px;
+}
+
+/* 列表项 */
+.jh-form-list-item[data-v-ce7ba014] {
+  position: relative;
+}
+.jh-form-list-item--card[data-v-ce7ba014] {
+  transition: box-shadow 0.2s ease;
+}
+.jh-form-list-item--card[data-v-ce7ba014]:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.jh-form-list-item--error[data-v-ce7ba014] {
+  border-color: #f44336 !important;
+}
+
+/* 列表项头部 */
+.jh-form-list-item-header[data-v-ce7ba014] {
+  min-height: 48px;
+}
+.jh-form-list-item-index[data-v-ce7ba014] {
+  font-weight: 500;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/* 列表项操作 */
+.jh-form-list-item-actions[data-v-ce7ba014] {
+  display: flex;
+  gap: 4px;
+}
+
+/* 拖拽把手 */
+.jh-form-list-drag-handle[data-v-ce7ba014] {
+  cursor: move;
+  color: rgba(0, 0, 0, 0.4);
+}
+.jh-form-list-drag-handle[data-v-ce7ba014]:hover {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/* 拖拽状态 */
+.jh-form-list-ghost[data-v-ce7ba014] {
+  opacity: 0.5;
+  background: rgba(0, 0, 0, 0.05);
+}
+.jh-form-list-dragging[data-v-ce7ba014] {
+  cursor: move;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* 列表底部 */
+.jh-form-list-footer[data-v-ce7ba014] {
+  display: flex;
+  justify-content: center;
+}
+
+/* 空列表占位 */
+.jh-form-list-empty[data-v-ce7ba014] {
+  padding: 60px 20px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.4);
+}
+.jh-form-list-empty p[data-v-ce7ba014] {
+  margin: 0;
+  font-size: 14px;
+}
+
+/* 禁用状态 */
+.jh-form-list--disabled[data-v-ce7ba014] {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+/* 只读状态 */
+.jh-form-list--readonly .jh-form-list-item-actions[data-v-ce7ba014],
+.jh-form-list--readonly .jh-form-list-footer[data-v-ce7ba014] {
+  display: none;
+}
+
+/* Table 模式样式优化 */
+.jh-form-list-body--table[data-v-ce7ba014] .v-data-table tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+.jh-form-list-body--table[data-v-ce7ba014] .v-input {
+  margin-top: 0;
+  padding-top: 0;
+}
+
+/* 响应式 */
+@media (max-width: 600px) {
+.jh-form-list-item-header[data-v-ce7ba014] {
+    flex-wrap: wrap;
+}
+.jh-form-list-item-actions[data-v-ce7ba014] {
+    margin-top: 8px;
+}
+}
+
+
+.aspect-square[data-v-a8e9f800] {
+  aspect-ratio: 1 / 1;
+}
+.grid[data-v-a8e9f800] {
+  display: grid;
+}
+
+
+[data-v-0d5540e8] .jsoneditor-menu a.jsoneditor-poweredBy {
+  display: none !important;
+}
+[data-v-0d5540e8] .jsoneditor-menu {
+  background-color: #4caf50 !important;
+  border-bottom: 1px solid #4caf50 !important;
+}
+[data-v-0d5540e8] .jsoneditor {
+  border: thin solid #4caf50 !important;
+}
+[data-v-0d5540e8] .jsoneditor-modal .pico-modal-header {
+  background: #4caf50 !important;
+}
+[data-v-0d5540e8] .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,[data-v-0d5540e8] .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
+  background: #4caf50 !important;
+  border-color: #4caf50 !important;
+}
+
+
+[data-v-024b241e] .editormd,[data-v-024b241e] .CodeMirror-gutters,[data-v-024b241e] .editormd-toolbar,[data-v-024b241e] .editormd .CodeMirror,[data-v-024b241e] .editormd-menu > li.divider,[data-v-024b241e] .editormd-menu > li > a:hover,[data-v-024b241e] .editormd-menu > li > a.active {
+  border-color: #eff2f5 !important;
+}
+[data-v-024b241e] .CodeMirror-gutter {
+  background-color: #fff;
+}
+[data-v-024b241e] .CodeMirror-scroll {
+  overflow-x: hidden !important;
+}
+[data-v-024b241e] .editormd-dialog-close {
+  color: #3F4254 !important;
+}
+[data-v-024b241e] .editormd-preview-container ol.linenums li,[data-v-024b241e] .editormd-html-preview ol.linenums li {
+  list-style-type: none;
+}
+[data-v-024b241e] .editormd-preview-container ol.linenums,[data-v-024b241e] .editormd-html-preview ol.linenums {
+  color: #999;
+  padding-left: 0;
+}
+[data-v-024b241e] .editormd {
+  margin-bottom: 0;
+}
+
+
+.draggable-container[data-v-a384b1a0] {
+  margin: 10px;
+}
+.title[data-v-a384b1a0] {
+  padding: 6px 12px;
+  font-weight: 500;
+  color: #333;
+}
+.draggable-item[data-v-a384b1a0] {
+  padding: 6px 12px;
+  margin: 0px 10px 6px 10px;
+  border: solid 1px #eee;
+  background-color: #f1f1f1;
+  cursor: move;
+  transition: background-color 0.2s;
+}
+.draggable-item[data-v-a384b1a0]:hover {
+  background-color: #fdfdfd;
+}
+[data-v-a384b1a0] .jh-ghost-class {
+  background-color: #e3f2fd !important;
+  opacity: 0.8 !important;
+}
+[data-v-a384b1a0] .jh-chosen-class {
+  background-color: #bbdefb !important;
+  opacity: 1 !important;
+}
+[data-v-a384b1a0] .jh-drag-class {
+  background-color: #90caf9 !important;
+  opacity: 0.9 !important;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+}
+.draggable-placeholder[data-v-a384b1a0] {
+  color: #999;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+
+[data-v-5113d453] .jh-v-input {
+  border: 1px solid #e5e7eb;
+}
+[data-v-5113d453] .jh-v-input .v-input__slot {
+  margin: 0 !important;
+  background-color: #fff !important;
+}
+
+
+.jh-editable-table[data-v-52ef24ea] {
+  width: 100%;
+}
+.jh-editable-cell[data-v-52ef24ea] {
+  min-height: 48px;
+  display: flex;
+  align-items: center;
+}
+.jh-editable-actions[data-v-52ef24ea] {
+  display: flex;
+  gap: 4px;
+  justify-content: center;
+  align-items: center;
+}
+.jh-editable-footer[data-v-52ef24ea] {
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/* 编辑模式下的输入框样式优化 */
+.jh-editable-table[data-v-52ef24ea] .v-text-field.v-text-field--enclosed .v-text-field__details {
+  margin-bottom: 0;
+}
+.jh-editable-table[data-v-52ef24ea] .v-input--dense > .v-input__control > .v-input__slot {
+  margin-bottom: 0;
+}
+