/* ============================================================
   88WK · 全站主题层（紫白）
   仅覆盖配色 / 圆角 / 阴影，不改动任何布局与逻辑
   ============================================================ */
:root {
    --wk-violet: #7c3aed;
    --wk-violet-2: #a855f7;
    --wk-violet-3: #c084fc;
    --wk-ink: #0b0b12;
    --wk-ink-2: #45415a;
    --wk-muted: #8b85a0;
    --wk-line: rgba(17, 12, 34, .08);
    --wk-line-v: rgba(124, 58, 237, .14);
    --wk-soft: #faf8ff;
}

html {
    background-color: #fdfcff;
}

/* ---------- 通用底部滚动条 ---------- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, .22);
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(124, 58, 237, .38);
}

::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- 链接 ---------- */
a {
    color: var(--wk-violet);
}

/* ============================================================
   iView
   ============================================================ */
.ivu-btn {
    border-radius: 10px;
    transition: background-color .18s ease, border-color .18s ease,
        color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ivu-btn-primary {
    background-color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
    box-shadow: 0 8px 18px -12px rgba(124, 58, 237, .8);
}

.ivu-btn-primary:hover {
    background-color: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
}

.ivu-btn-primary.ivu-btn-ghost {
    color: var(--wk-violet) !important;
    background: transparent !important;
    box-shadow: none;
}

.ivu-btn-text {
    color: var(--wk-ink-2);
}

.ivu-btn-text:hover {
    color: var(--wk-violet);
}

/* 输入 */
.ivu-input,
.ivu-input-number,
.ivu-select-selection,
.ivu-select-dropdown,
.ivu-date-picker {
    border-radius: 10px;
}

.ivu-input:focus,
.ivu-input:hover,
.ivu-select-selection:hover {
    border-color: #c9b6f0;
}

.ivu-input:focus,
.ivu-select-visible .ivu-select-selection {
    border-color: var(--wk-violet-2);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .1);
}

/* 选中态 */
.ivu-switch-checked {
    background-color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
}

.ivu-checkbox-checked .ivu-checkbox-inner {
    background-color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
}

.ivu-radio-checked .ivu-radio-inner {
    border-color: var(--wk-violet) !important;
}

.ivu-radio-checked .ivu-radio-inner:after {
    background-color: var(--wk-violet) !important;
}

.ivu-radio-group-button .ivu-radio-wrapper-checked {
    color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
    box-shadow: -1px 0 0 0 var(--wk-violet);
}

.ivu-radio-group-button .ivu-radio-wrapper:hover {
    color: var(--wk-violet);
}

/* 菜单 / 标签 / 分页 */
.ivu-menu-item-active,
.ivu-menu-item-selected,
.ivu-menu-vertical .ivu-menu-item-active:after {
    color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
}

.ivu-menu-item:hover {
    color: var(--wk-violet) !important;
}

.ivu-tabs-ink-bar {
    background-color: var(--wk-violet) !important;
}

.ivu-tabs-nav .ivu-tabs-tab-active,
.ivu-tabs-nav .ivu-tabs-tab:hover {
    color: var(--wk-violet) !important;
}

.ivu-page-item-active {
    background-color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
}

.ivu-page-item:hover {
    border-color: var(--wk-violet) !important;
}

.ivu-page-item:hover a {
    color: var(--wk-violet) !important;
}

.ivu-tag-primary {
    color: #6d28d9 !important;
    background: rgba(124, 58, 237, .1) !important;
    border-color: rgba(124, 58, 237, .28) !important;
}

.ivu-badge-count,
.ivu-badge-dot {
    background: var(--wk-violet) !important;
}

/* 表格 / 卡片 / 弹窗 */
.ivu-table th {
    background-color: var(--wk-soft) !important;
    color: #6b6480 !important;
    font-weight: 600;
}

.ivu-table-wrapper,
.ivu-card {
    border-radius: 16px;
}

.ivu-card {
    border-color: var(--wk-line-v);
    box-shadow: 0 18px 40px -32px rgba(76, 29, 149, .5);
}

.ivu-card-head {
    border-bottom: 1px solid var(--wk-line);
}

.ivu-modal-content {
    border-radius: 18px;
}

.ivu-modal-header {
    border-bottom: 1px solid var(--wk-line);
}

/* ============================================================
   Element UI
   ============================================================ */
.el-button {
    border-radius: 10px;
}

.el-button--primary {
    background-color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
    box-shadow: 0 8px 18px -12px rgba(124, 58, 237, .8);
}

.el-button--primary:hover,
.el-button--primary:focus {
    background-color: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
}

.el-button--text {
    color: var(--wk-violet) !important;
}

.el-input__inner:focus,
.el-textarea__inner:focus {
    border-color: var(--wk-violet-2) !important;
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-switch.is-checked .el-switch__core {
    background-color: var(--wk-violet) !important;
    border-color: var(--wk-violet) !important;
}

.el-radio__input.is-checked+.el-radio__label,
.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--wk-violet) !important;
}

.el-tabs__item.is-active,
.el-tabs__item:hover,
.el-menu-item.is-active {
    color: var(--wk-violet) !important;
}

.el-tabs__active-bar {
    background-color: var(--wk-violet) !important;
}

.el-menu-item.is-active {
    background: rgba(124, 58, 237, .07) !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--wk-violet) !important;
}

.el-table th {
    background-color: var(--wk-soft) !important;
    color: #6b6480 !important;
    font-weight: 600;
}

.el-card {
    border-radius: 16px;
    border-color: var(--wk-line-v);
}

.el-dialog__header {
    border-bottom: 1px solid var(--wk-line);
}

.el-tag--primary,
.el-tag {
    border-radius: 8px;
}

/* 用户中心侧边栏（若存在） */
.modern-sidebar {
    border-radius: 0 16px 16px 0 !important;
}

.modern-sidebar .menu-item:hover,
.modern-sidebar .menu-item.active {
    color: var(--wk-violet) !important;
    background: rgba(124, 58, 237, .07) !important;
}

/* ---------- 订单查询页：桌面端加宽居中，避免窄条 + 大面积留白 ---------- */
@media (min-width: 900px) {
    .page-container {
        max-width: 680px !important;
        margin: 64px auto 40px !important;
        padding-bottom: 60px !important;
    }

    .search-box {
        padding: 30px !important;
        border-radius: 20px !important;
    }
}

/* ==================== 客服微信入口（全站） ==================== */
.wk-kf-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding: 11px 14px;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(124, 58, 237, .07), rgba(192, 132, 252, .11));
    border: 1px solid rgba(124, 58, 237, .16);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.wk-kf-bar:hover {
    transform: translateY(-1px);
    border-color: rgba(124, 58, 237, .3);
    box-shadow: 0 12px 28px -18px rgba(124, 58, 237, .75);
}
.wk-kf-bar:active { transform: translateY(0) scale(.995); }
.wk-kf-ic {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    box-shadow: 0 8px 16px -10px rgba(124, 58, 237, .95);
}
.wk-kf-txt {
    font-size: 13px;
    color: #4b4458;
    letter-spacing: .01em;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wk-kf-txt b {
    font-weight: 600;
    color: #6d28d9;
    letter-spacing: .02em;
}
.wk-kf-go {
    margin-left: auto;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    color: #7c3aed;
    opacity: .92;
}
.wk-kf-go i { font-size: 12px; }

@media (max-width: 480px) {
    .wk-kf-bar { padding: 10px 12px; gap: 9px; border-radius: 14px; }
    .wk-kf-ic { width: 28px; height: 28px; border-radius: 9px; }
    .wk-kf-txt { font-size: 12.5px; }
    .wk-kf-go { font-size: 11.5px; }
}

/* 兜底：旧的右下角悬浮导航不再展示 */
.floating-nav-wrapper { display: none !important; }

/* ---------- 返回首页继续下单 ---------- */
.wk-back-home {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    padding: 11px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .01em;
    color: #6d28d9 !important;
    text-decoration: none !important;
    background: #fff;
    border: 1px dashed rgba(124, 58, 237, .3);
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.wk-back-home:hover {
    background: rgba(124, 58, 237, .055);
    border-color: rgba(124, 58, 237, .5);
    border-style: solid;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px -20px rgba(124, 58, 237, .8);
    color: #6d28d9 !important;
}
.wk-back-home:active { transform: translateY(0); }
.wk-back-home i { font-size: 12px; }

@media (max-width: 480px) {
    .wk-back-home { padding: 10px 12px; font-size: 12.5px; border-radius: 13px; }
}