/* 凌世支付 · 商户后台统一视觉主题 v1
 * 纯展示层：不覆盖业务请求、不隐藏功能、不修改任何交互事件。
 * 以现有 Arco Design Vue 组件及已存在的工作台结构为基础。
 */
:root{--ls-blue:#0866ff;--ls-ink:#152342;--ls-muted:#65769b;--ls-border:#e2e9fa;--ls-radius:19px;--ls-shadow:0 9px 26px rgba(64,96,177,.09)}
body:has(#app .arco-layout-sider){background:#f0f4ff;color:var(--ls-ink)}
#app .arco-layout{background:transparent}
#app .arco-layout-content{background:radial-gradient(ellipse 55% 36% at 69% 0%,rgba(169,175,255,.25),transparent 75%),radial-gradient(ellipse 40% 48% at 100% 20%,rgba(139,190,255,.21),transparent 80%),#f2f5ff!important;min-width:0}
#app .arco-layout-sider{background:linear-gradient(180deg,#fff 0%,#f9fbff 48%,#eaf0ff 100%)!important;border-right:1px solid #dce5f7!important}
#app .arco-layout-sider .arco-menu{background:transparent!important;padding-inline:12px!important}
#app .arco-layout-sider .arco-menu-item,#app .arco-layout-sider .arco-menu-inline-header{border-radius:12px!important;transition:background .18s ease,color .18s ease!important}
#app .arco-layout-sider .arco-menu-selected{color:#0866ff!important;background:linear-gradient(100deg,#d8e5ff,#e8edff)!important;box-shadow:none!important}
#app .arco-layout-sider .arco-menu-item:hover,#app .arco-layout-sider .arco-menu-inline-header:hover{background:#edf3ff!important}
#app header.arco-layout-header{background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(218,227,255,.86) 60%,rgba(176,202,255,.85))!important;border-bottom:1px solid rgba(255,255,255,.75)!important;backdrop-filter:blur(12px)}
#app .arco-card,#app .ls47-workbench .arco-card{background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:var(--ls-radius)!important;box-shadow:var(--ls-shadow)!important;transition:box-shadow .2s ease,transform .2s ease}
#app .arco-card:hover{box-shadow:0 12px 30px rgba(64,96,177,.13)!important}
#app .arco-card-header{border-bottom-color:#edf1fb!important}
#app .arco-card-header-title{color:var(--ls-ink);font-weight:750}
#app .arco-btn-primary{background:#0866ff!important;border-color:#0866ff!important;box-shadow:0 3px 10px rgba(8,102,255,.17);border-radius:10px!important}
#app .arco-btn-primary:hover{background:#267cff!important}
#app .arco-btn-secondary,#app .arco-btn-outline{border-radius:10px!important}
#app .arco-input-wrapper,#app .arco-select-view-single,#app .arco-picker{border-radius:10px!important;background:#f8faff}
#app .arco-input-wrapper:focus-within,#app .arco-select-view-focus{border-color:#4c91ff!important}
#app .arco-table-container{border-radius:12px;overflow:auto}
#app .arco-table-th{background:#f0f4ff!important;color:#425477!important;font-weight:700}
#app .arco-table-tr:hover .arco-table-td{background:#f7faff!important}
#app .arco-table-td{border-bottom-color:#edf1f9!important}
#app .arco-tag{border-radius:999px!important;font-weight:600}
#app .arco-tabs-nav-type-line .arco-tabs-tab-active{color:#0866ff!important}
#app .arco-tabs-nav-ink{background:#0866ff!important}
#app .arco-pagination-item-active{background:#0866ff!important;color:white!important;border-radius:8px}
#app .arco-modal,#app .arco-drawer{border-radius:18px!important}
#app .arco-breadcrumb{color:#7180a0}
#app .ls524-profile{background:rgba(255,255,255,.48)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 4px 14px rgba(62,93,161,.06)!important}
#app .ls524-bell{background:rgba(255,255,255,.58)!important}
#app .ls528-chart{color:#20345b}
#app .ls528-legend{color:#64769a}
#app .ls47-workbench .ls25-shortcuts>a,#app .ls47-workbench .ls25-shortcuts>button{border-radius:14px!important;transition:transform .18s ease,box-shadow .18s ease!important}
#app .ls47-workbench .ls25-shortcuts>a:hover,#app .ls47-workbench .ls25-shortcuts>button:hover{transform:translateY(-2px);box-shadow:0 7px 17px rgba(48,91,183,.13)!important}
@media(max-width:1100px){#app .arco-card{border-radius:15px!important}#app .arco-layout-content{background:#f2f5ff!important}}
@media(max-width:760px){#app .arco-layout-content{min-width:0!important}#app .arco-card{border-radius:13px!important}#app .arco-card-body{padding:14px!important}#app .arco-table{min-width:620px}#app .ls524-profile{min-width:0!important}}
@media(prefers-reduced-motion:reduce){#app .arco-card,#app .arco-btn,#app .arco-layout-sider .arco-menu-item{transition:none!important}}
