@charset "utf-8";
/* 会员中心方案 07。只覆盖办公配色的视觉表现，保留原模板、权限和业务交互。 */
html[data-theme][data-theme-palette="office"] {
    --member-bg: #fff;
    --member-soft: #f7f7f8;
    --member-ink: #1d1d1f;
    --member-muted: #6e6e73;
    --member-line: #e5e5e7;
    --member-input: #d5d5d8;
    --member-blue: #0067c0;
    --member-hover: #0058a6;
    --member-button: #0067c0;
    --member-button-hover: #0058a6;
    --member-button-ink: #fff;
    --member-tint: #eaf3fc;
    --member-selected: #d6e9fa;
    --member-nav-ink: #0058a6;
}
html[data-theme="dark"][data-theme-palette="office"] {
    --member-bg: #1b1d20;
    --member-soft: #22252a;
    --member-ink: #e5e7eb;
    --member-muted: #a3a8b1;
    --member-line: #373b42;
    --member-input: #4d535e;
    --member-blue: #80bfff;
    --member-hover: #a8d4ff;
    --member-button-ink: #fff;
    --member-tint: #172f46;
    --member-selected: #254b6e;
    --member-nav-ink: #b8dcff;
}
.slsup-member-brand {display: inline-flex; align-items: center; gap: 11px;}
.slsup-member-brand svg {width: 23px; height: 23px; flex: none;}
/* The repeated scope outranks the legacy Bootstrap/theme rules without affecting login or the system admin. */
html[data-theme][data-theme-palette="office"] .slsup-user { color: var(--member-ink) !important; background: var(--member-bg) !important;
    font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}
html[data-theme][data-theme-palette="office"] .slsup-user .app {background: var(--member-bg) !important; isolation: isolate; padding-top: 64px;}
html[data-theme][data-theme-palette="office"] .slsup-user .app:before {background: var(--member-soft) !important; border-right: 1px solid var(--member-line); width: 204px;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-header {min-height: 64px; border: 0 !important; border-bottom: 1px solid var(--member-line) !important; box-shadow: none !important; background: var(--member-bg) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-header {width: 204px; background: var(--member-bg) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-brand {height: 63px; padding: 0 24px !important; line-height: 63px; font-size: 17px !important; font-weight: 600 !important; letter-spacing: 1px; color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-brand span { color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-brand svg { color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-collapse {margin-left: 204px; background: var(--member-bg) !important; box-shadow: none !important; border: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-nav > li > a {min-height: 63px; padding-top: 21px; padding-bottom: 21px; font-size: 12px !important; color: var(--member-muted) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-nav > li > a:hover,
html[data-theme][data-theme-palette="office"] .slsup-user .navbar-nav > .open > a { color: var(--member-blue) !important; background: var(--member-tint) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .slsup-zcenter-theme-menu {padding-top: 15px;}
html[data-theme][data-theme-palette="office"] .slsup-user .slsup-zcenter-theme-menu button {width: 34px; height: 34px; line-height: 32px; border-radius: 7px !important; border-color: var(--member-line) !important; background: var(--member-bg); color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside {width: 204px; min-height: calc(100vh - 64px); padding: 22px 12px !important; background: var(--member-soft) !important; color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li { border: 0 !important; margin: 2px 0;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li > a { padding: 10px 12px !important; border: 0 !important; border-radius: 7px !important; font-size: 13px !important; line-height: 20px; color: var(--member-muted) !important; background: transparent !important; position: relative;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li > a > i {float: none; display: inline-block; width: 18px; margin: 0 8px 0 0; line-height: 20px; color: var(--member-blue) !important; font-size: 15px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li > a:hover {background: var(--member-tint) !important; color: var(--member-nav-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li.active > a {background: var(--member-selected) !important; color: var(--member-nav-ink) !important; font-weight: 600 !important; box-shadow: none !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li.active > a:before {content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 3px; border-radius: 2px !important; background: var(--member-blue);}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .nav-sub {background: transparent !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi .nav-sub > li > a {padding-left: 39px; font-size: 12px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-menu-separator {border-top: 1px solid var(--member-line) !important; margin: 16px 0 !important; background: transparent !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-menu-count { color: var(--member-blue) !important; font-size: 11px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content {margin-left: 204px; color: var(--member-ink) !important; background: var(--member-bg) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content-body {padding-bottom: 24px; background: var(--member-bg) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content .wrapper-md { padding: 24px 32px !important; background: var(--member-bg) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content-body > .bg-light.wrapper-md {padding-top: 30px; padding-bottom: 0; border: 0 !important; min-height: 66px;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content h1.h3 { font-size: 26px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -.5px; color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content h1.h3 a,
html[data-theme][data-theme-palette="office"] .slsup-user .app-content h1.h3 font { font-size: 13px !important; letter-spacing: 0; font-weight: 400 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content a { color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content a:hover { color: var(--member-hover) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .text-muted { color: var(--member-muted) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-footer {margin-left: 204px; background: var(--member-bg) !important; color: var(--member-muted) !important; font-size: 11px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-footer .wrapper {margin: 0 32px; padding: 15px 0 !important; background: var(--member-bg) !important; border-color: var(--member-line) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .dropdown-menu {background: var(--member-bg) !important; border: 1px solid var(--member-line) !important; border-radius: 7px !important; padding: 5px !important; box-shadow: 0 6px 20px #00000012 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .dropdown-menu > li > a { padding: 9px 12px !important; color: var(--member-ink) !important; border-radius: 4px !important; font-size: 13px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .dropdown-menu > li > a:hover {background: var(--member-tint); color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .panel,
html[data-theme][data-theme-palette="office"] .slsup-user .panel-default { border: 1px solid var(--member-line) !important; background: var(--member-bg) !important; border-radius: 7px !important; box-shadow: none !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .panel > .panel-heading,
html[data-theme][data-theme-palette="office"] .slsup-user .panel > .panel-footer,
html[data-theme][data-theme-palette="office"] .slsup-user .panel-body { padding: 20px 24px !important; background: var(--member-bg) !important; border-color: var(--member-line) !important; color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .panel-heading { font-size: 14px !important; font-weight: 500 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .table-responsive {background: var(--member-bg) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow-x: auto !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .table,
html[data-theme][data-theme-palette="office"] .slsup-user .worklist { border: 0 !important; background: var(--member-bg) !important; font-size: 13px !important; color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .table > thead > tr > th { padding: 11px 12px !important; border: 0 !important; border-bottom: 1px solid var(--member-line) !important; background: var(--member-soft) !important; color: var(--member-muted) !important; font-size: 11px !important; font-weight: 500 !important; white-space: nowrap;}
html[data-theme][data-theme-palette="office"] .slsup-user .table > tbody > tr > td,
html[data-theme][data-theme-palette="office"] .slsup-user .table > tbody > tr > th { padding: 14px 12px !important; border: 0 !important; border-bottom: 1px solid var(--member-line) !important; background: var(--member-bg) !important; color: var(--member-ink) !important; vertical-align: middle; line-height: 1.65;}
html[data-theme][data-theme-palette="office"] .slsup-user .table-hover > tbody > tr:hover,
html[data-theme][data-theme-palette="office"] .slsup-user .table-hover > tbody > tr:hover > td {background: var(--member-soft) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-worklist-panel { padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist {table-layout: auto; min-width: 1120px;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist th {width: auto !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td {width: auto !important; font-size: 12px !important; height: 64px;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(3) {white-space: normal !important; min-width: 220px; max-width: 300px; overflow-wrap: anywhere;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(3) a { font-size: 14px !important; color: var(--member-ink) !important; font-weight: 500 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(4) {white-space: normal !important; min-width: 130px; max-width: 200px;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(7) {white-space: normal !important; max-width: 180px; overflow-wrap: anywhere;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:first-child,
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(8),
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(9) { font-size: 11px !important; font-variant-numeric: tabular-nums; color: var(--member-muted) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(8) span,
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(9) span { color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td i { font-size: 14px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td a.button {display: inline-flex; min-width: 28px; min-height: 28px; align-items: center; justify-content: center; border-radius: 5px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td a.button:hover {background: var(--member-tint);}
html[data-theme][data-theme-palette="office"] .slsup-user .pagination > li > a,
html[data-theme][data-theme-palette="office"] .slsup-user .pagination > li > span { border: 1px solid var(--member-line) !important; border-radius: 5px !important; padding: 6px 10px !important; margin-right: 5px; background: var(--member-bg); color: var(--member-muted) !important; font-size: 12px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .pagination > li.active > a,
html[data-theme][data-theme-palette="office"] .slsup-user .pagination > li > a:hover {background: var(--member-tint); color: var(--member-blue) !important; border-color: var(--member-line) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .form-control,
html[data-theme][data-theme-palette="office"] .slsup-user input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme][data-theme-palette="office"] .slsup-user select,
html[data-theme][data-theme-palette="office"] .slsup-user textarea { border: 1px solid var(--member-input) !important; border-radius: 7px !important; color: var(--member-ink) !important; background: var(--member-bg) !important; box-shadow: none !important; font-family: inherit; font-size: 13px !important; padding: 9px 11px !important; max-width: 100%; height: auto; min-height: 39px;}
html[data-theme][data-theme-palette="office"] .slsup-user textarea {line-height: 1.85; resize: vertical;}
html[data-theme][data-theme-palette="office"] .slsup-user input:focus,
html[data-theme][data-theme-palette="office"] .slsup-user select:focus,
html[data-theme][data-theme-palette="office"] .slsup-user textarea:focus { border-color: var(--member-blue) !important; outline: 2px solid var(--member-tint); outline-offset: 1px;}
html[data-theme][data-theme-palette="office"] .slsup-user :is(button, a, summary):focus-visible {outline: 2px solid var(--member-blue); outline-offset: 3px;}
html[data-theme][data-theme-palette="office"] .slsup-user label { font-size: 12px !important; font-weight: 500 !important; margin-bottom: 8px;}
html[data-theme][data-theme-palette="office"] .slsup-user .form-group {margin-bottom: 22px;}
html[data-theme][data-theme-palette="office"] .slsup-user .form-inline .form-group {margin-bottom: 0;}
html[data-theme][data-theme-palette="office"] .slsup-user .btn { padding: 8px 13px !important; font-size: 13px !important; line-height: 1.55; border-radius: 7px !important; font-weight: 400 !important; box-shadow: none !important; white-space: normal;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content .btn-primary,
html[data-theme][data-theme-palette="office"] .slsup-user .app-content .btn-info {background: var(--member-button) !important; border-color: var(--member-button) !important; color: var(--member-button-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-content .btn-primary:hover,
html[data-theme][data-theme-palette="office"] .slsup-user .app-content .btn-info:hover {background: var(--member-button-hover) !important; border-color: var(--member-button-hover) !important; color: var(--member-button-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .btn-default {background: var(--member-bg) !important; border-color: var(--member-line) !important; color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .btn-default:hover {background: var(--member-tint) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-new-workorder-form {max-width: 820px;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-new-workorder-form .form-control,
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-new-workorder-attachments {max-width: none;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-attachments { padding: 16px !important; background: var(--member-bg) !important; border: 1px dashed var(--member-input) !important; border-radius: 7px !important; margin: 20px 0; min-height: 0;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-attachments label { font-size: 12px !important; color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-attachments input[type="file"] { border: 0 !important; padding: 0 !important; min-height: 0; font-size: 12px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-attachments p {white-space: normal; font-size: 11px !important; color: var(--member-muted) !important; margin-top: 8px;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-author span {background: transparent; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 10px !important; color: var(--member-ink) !important; font-size: 12px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-author em { color: var(--member-muted) !important; font-size: 11px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-author i { color: var(--member-blue) !important;}
/* Option 09: 600px BBS floors, left-aligned replies and horizontal separators. */
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-software {margin-left: 12px; font-size: 12px; font-weight: 400;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .zcenter-workorder-chat {width: 100%; max-width: 600px; border: 0 !important; border-top: 1px solid var(--member-line) !important; border-bottom: 1px solid var(--member-line) !important; border-radius: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-heading { padding: 15px 22px !important; border-bottom: 1px solid var(--member-line) !important; background: var(--member-bg) !important; border-radius: 0 !important; font-size: 13px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body { padding: 0 !important; counter-reset: workorder-floor;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer { padding: 18px 22px 20px !important; border-top: 1px solid var(--member-line); border-radius: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body > .m-b {display: flex; align-items: flex-start; gap: 12px; padding: 20px 22px !important; border: 0 !important; border-bottom: 1px solid var(--member-line) !important; margin: 0; counter-increment: workorder-floor;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body > .m-b:last-child {border-bottom: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body > .zcenter-workorder-message {flex-direction: row;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body .avatar {float: none !important; width: 36px; flex: 0 0 36px; margin: 0;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body .avatar img {width: 36px; height: 36px; object-fit: contain; border-radius: 6px; border: 1px solid var(--member-line);}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-l-xxl,
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-r-xxl {display: flex; flex-direction: column; align-items: stretch; flex: 1; min-width: 0; max-width: calc(100% - 48px); margin: 0;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-r-xxl {align-items: stretch;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-name {display: flex; align-items: center; gap: 8px; font-size: 12px !important; color: var(--member-ink); margin-bottom: 9px; overflow-wrap: anywhere;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-name::after {content: counter(workorder-floor) " 楼"; margin-left: auto; flex-shrink: 0; color: var(--member-muted); font-size: 10px; font-weight: 400;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-name span {margin-left: 8px; color: var(--member-blue); font-size: 11px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-chat .zcenter-workorder-author {max-width: 100%; margin: 0 0 8px;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-chat .zcenter-workorder-author span {padding: 0 !important; background: transparent !important; overflow-wrap: anywhere;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-l-xxl .wrapper,
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-r-xxl .wrapper {max-width: 100%; padding: 4px 0 10px !important; margin-bottom: 0 !important; border: 0 !important; background: transparent !important; color: var(--member-ink) !important; border-radius: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body small.text-muted {font-size: 11px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .arrow {display: none;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-content { font-size: 14px !important; line-height: 1.9;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer .input-group {display: block;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer .input-group-btn {display: flex; flex-wrap: wrap; gap: 8px; width: auto; font-size: 13px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer .input-group-btn > .btn {margin: 0; border-radius: 7px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer button[type="submit"] {background: var(--member-button) !important; border-color: var(--member-button) !important; color: var(--member-button-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .huifu {width: 100% !important; min-height: 140px;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="home"] .row-sm > div { padding: 0 16px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="home"] a.panel { padding: 22px 0 !important; text-align: left; border: 0 !important; border-bottom: 1px solid var(--member-line) !important; border-radius: 0 !important; background: var(--member-bg) !important; min-height: 145px;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="home"] .panel .h1 { font-size: 20px !important; font-weight: 500 !important; color: var(--member-blue) !important; margin-bottom: 12px;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="home"] .panel .text-xs { font-size: 12px !important; line-height: 1.9; color: var(--member-muted) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="member_edit"] .app-content form {max-width: 760px;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="member_edit"] textarea {width: 100% !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="charge_new"] #charge-form,
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="charge_juanzhu"] #charge-form {max-width: 760px; padding: 24px !important; border: 1px solid var(--member-line) !important; border-radius: 7px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user #charge_money { font-size: 24px !important; font-variant-numeric: tabular-nums;}
/* Remove legacy card framing and vertical table borders. */
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi-wrap {padding: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi > .nav {background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li > a {border-radius: 7px !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .table-responsive.zcenter-worklist-panel {border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow-x: auto !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist {box-shadow: none !important; border-radius: 0 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist > thead > tr > th {padding: 11px 12px !important; border: 0 !important; border-bottom: 1px solid var(--member-line) !important; font-size: 11px !important; font-weight: 500 !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist > tbody > tr > td {padding: 14px 12px !important; border: 0 !important; border-bottom: 1px solid var(--member-line) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist td:nth-child(3) a {color: var(--member-ink) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .worklist a {color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .pagination > li > a {background: var(--member-bg) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .pagination > li.active > a {background: var(--member-tint) !important; color: var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user .zcenter-workorder-attachments input[type="file"] {border: 0 !important; padding: 0 !important;}

@media (max-width: 767px) {
    html[data-theme][data-theme-palette="office"] .slsup-user .app {padding-top: 58px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app:before {display: none;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-header {min-height: 58px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .navbar-header {width: auto;}
    html[data-theme][data-theme-palette="office"] .slsup-user .navbar-brand {height: 57px; line-height: 57px; padding: 0 16px !important; text-align: left; font-size: 16px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user .navbar-header > button {min-width: 44px; height: 57px; padding: 0 12px !important; color: var(--member-blue) !important; background: var(--member-bg) !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user .navbar-collapse {margin-left: 0; border-bottom: 1px solid var(--member-line) !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user .navbar-nav > li > a {min-height: 44px; padding-top: 12px; padding-bottom: 12px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .slsup-zcenter-theme-menu {display: inline-block; padding: 6px 8px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user .slsup-zcenter-theme-menu button {width: 44px; height: 44px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-aside.off-screen {top: 58px; width: 100%; bottom: 0; padding: 16px !important; border-right: 0;}
    html[data-theme][data-theme-palette="office"] .slsup-user .off-screen ~ .app-content {position: static; transform: none; padding-top: 0; visibility: hidden;}
    html[data-theme][data-theme-palette="office"] .slsup-user .off-screen ~ .app-footer {visibility: hidden;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-content,
    html[data-theme][data-theme-palette="office"] .slsup-user .app-footer {margin-left: 0;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-content .wrapper-md { padding: 22px 16px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-content-body > .bg-light.wrapper-md {padding-top: 22px; padding-bottom: 0;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-content h1.h3 { font-size: 23px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-content-body > .wrapper-md > .pull-right {float: none !important; display: inline-block; margin: 0 0 12px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .form-inline .pull-right {float: none !important; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .form-inline .pull-right .form-group {flex: 1 1 140px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .form-inline .form-control {width: 100%;}
    html[data-theme][data-theme-palette="office"] .slsup-user .btn,
    html[data-theme][data-theme-palette="office"] .slsup-user .form-control,
    html[data-theme][data-theme-palette="office"] .slsup-user .app-aside .navi ul.nav > li > a {min-height: 44px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .panel > .panel-body,
    html[data-theme][data-theme-palette="office"] .slsup-user .panel > .panel-footer {padding-left: 0; padding-right: 0;}
    html[data-theme][data-theme-palette="office"] .slsup-user .app-footer .wrapper {margin: 0 16px;}
    html[data-theme][data-theme-palette="office"] .slsup-user .worklist td a.button {min-width: 44px; min-height: 44px;}
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body {padding: 0 !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-heading {padding: 12px 14px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer {padding: 15px 12px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-body > .m-b {gap: 9px; padding: 18px 12px !important;}
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-l-xxl,
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-r-xxl {max-width: calc(100% - 45px);}
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-l-xxl .wrapper,
    html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .m-r-xxl .wrapper {padding: 4px 0 10px !important;}
}
@media (prefers-reduced-motion: reduce) {
    html[data-theme][data-theme-palette="office"] .slsup-user .app-content {transition: none;}
}

/* 回复状态沿用链接色，保持与成功、错误状态的区分。 */
html[data-theme][data-theme-palette="office"] .slsup-user .worklist .fa-reply {color:var(--member-blue) !important;}
html[data-theme][data-theme-palette="office"] .slsup-user[data-user-page="workorder_detail"] .panel-footer button[type="submit"]:hover {background:var(--member-button-hover) !important; border-color:var(--member-button-hover) !important; color:var(--member-button-ink) !important;}