@charset "utf-8";
/* ========================================
   五行配色 - 土生金主题
   【严格遵循】土 = 米白/暖卡其/浅咖/暖棕
   【严格遵循】金 = 白银/浅香槟金/哑光金
   【严格禁止】红色/橙红/紫色等火色系
   ======================================== */

/* ----------------------------------------
   土生金五行配色系统
   ---------------------------------------- */
:root {
    /* ============ 土元素 ============ */
    --earth-50: #FDFCF8;
    --earth-100: #F8F5EC;
    --earth-200: #EFE8D5;
    --earth-300: #E4D9BC;
    --earth-400: #D3C29A;
    --earth-500: #BFA56A;
    --earth-600: #A0834D;
    --earth-700: #7C633C;
    --earth-800: #57462C;
    --earth-900: #362A1B;

    /* ============ 金元素 ============ */
    --metal-50: #F9FAFB;
    --metal-100: #F3F4F6;
    --metal-200: #E5E7EB;
    --metal-300: #D1D5DB;
    --metal-400: #9CA3AF;
    --metal-500: #6B7280;
    --metal-600: #4B5563;
    --metal-700: #374151;
    --metal-800: #1F2937;
    --metal-900: #111827;

    /* ============ 香槟金 ============ */
    --champagne-50: #FDFBF5;
    --champagne-100: #FAF2E0;
    --champagne-200: #F3E2B0;
    --champagne-300: #E8CB7B;
    --champagne-400: #DDB448;
    --champagne-500: #C79E29;
    --champagne-600: #A37E1C;
    --champagne-700: #7A5E16;
    --champagne-800: #503E0F;
    --champagne-900: #281F08;

    /* ============ 页面配色 ============ */
    --bg-page: var(--earth-50);
    --bg-card: #FFFFFF;
    --bg-hover: var(--earth-100);
    --bg-input: #FFFFFF;
    --text-primary: var(--metal-800);
    --text-secondary: var(--metal-600);
    --text-muted: var(--metal-400);
    --border-color: var(--earth-200);
    --border-light: var(--earth-100);

    /* ============ 主色系统 ============ */
    --primary-color: var(--champagne-500);
    --primary-light: var(--champagne-400);
    --primary-dark: var(--champagne-700);
    --primary-bg: var(--champagne-50);

    /* ============ 功能色 ============ */
    --success-color: #5B8A72;
    --success-bg: #EFF5F2;
    --info-color: #6B7280;
    --info-bg: #F3F4F6;
    --warning-color: #A0834D;
    --warning-bg: #F8F5EC;
    --danger-color: #7C633C;
    --danger-bg: #EFE8D5;

    /* ============ 阴影系统 ============ */
    --shadow-xs: 0 1px 2px 0 rgba(55, 65, 81, 0.08);
    --shadow-sm: 0 1px 3px 0 rgba(55, 65, 81, 0.12), 0 1px 2px -1px rgba(55, 65, 81, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(55, 65, 81, 0.15), 0 2px 4px -2px rgba(55, 65, 81, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(55, 65, 81, 0.15), 0 4px 6px -4px rgba(55, 65, 81, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(55, 65, 81, 0.18), 0 8px 10px -6px rgba(55, 65, 81, 0.12);

    /* ============ 圆角系统 ============ */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    /* ============ 动画 ============ */
    --transition-fast: 0.15s ease-out;
    --transition-base: 0.25s ease-out;
}

/* ----------------------------------------
   页面背景 - 土元素
   ---------------------------------------- */
html,
body {
    background-color: var(--bg-page) !important;
    color: var(--text-primary) !important;
}

/* ----------------------------------------
   按钮系统 - 金元素（香槟金）
   ---------------------------------------- */
.nui-btn {
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-base) !important;
    box-shadow: var(--shadow-xs) !important;
    border: none !important;
    font-weight: 600 !important;
}

.nui-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-md) !important;
}

/* 主按钮 - 香槟金渐变 */
.nui-btn:not(.nui-btn-primary):not(.nui-btn-success):not(.nui-btn-info):not(.nui-btn-warning):not(.nui-btn-danger):not(.disabled) {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    color: #1F2937 !important;
}

.nui-btn:not(.nui-btn-primary):not(.nui-btn-success):not(.nui-btn-info):not(.nui-btn-warning):not(.nui-btn-danger):not(.disabled):hover {
    background: linear-gradient(135deg, var(--champagne-300) 0%, var(--champagne-400) 100%) !important;
    box-shadow: 0 4px 12px rgba(199, 158, 41, 0.35) !important;
}

/* 次要按钮 - 白银描边 */
.nui-btn-primary {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.nui-btn-primary:hover {
    background: var(--primary-bg) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-dark) !important;
}

/* 成功按钮 - 土绿色 */
.nui-btn-success {
    background: linear-gradient(135deg, #6B9A7F 0%, #5B8A72 100%) !important;
    color: white !important;
}

.nui-btn-success:hover {
    background: linear-gradient(135deg, #7BAA8F 0%, #6B9A7F 100%) !important;
    box-shadow: 0 4px 12px rgba(91, 138, 114, 0.35) !important;
}

/* 信息按钮 - 金属灰 */
.nui-btn-info {
    background: linear-gradient(135deg, #7B8290 0%, #6B7280 100%) !important;
    color: white !important;
}

.nui-btn-info:hover {
    background: linear-gradient(135deg, #8B92A0 0%, #7B8290 100%) !important;
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.35) !important;
}

/* 警告按钮 - 暖棕色 */
.nui-btn-warning {
    background: linear-gradient(135deg, var(--earth-500) 0%, var(--earth-600) 100%) !important;
    color: white !important;
}

.nui-btn-warning:hover {
    background: linear-gradient(135deg, var(--earth-400) 0%, var(--earth-500) 100%) !important;
    box-shadow: 0 4px 12px rgba(191, 165, 106, 0.35) !important;
}

/* 危险按钮 - 深棕色 */
.nui-btn-danger {
    background: linear-gradient(135deg, var(--earth-600) 0%, var(--earth-700) 100%) !important;
    color: white !important;
}

.nui-btn-danger:hover {
    background: linear-gradient(135deg, var(--earth-500) 0%, var(--earth-600) 100%) !important;
    box-shadow: 0 4px 12px rgba(160, 131, 77, 0.35) !important;
}

/* 商家中心按钮 */
a.ncsc-btn,
a.ncsc-btn-mini {
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-base) !important;
    border: none !important;
    font-weight: 600 !important;
    box-shadow: var(--shadow-xs) !important;
}

a.ncsc-btn:hover,
a.ncsc-btn-mini:hover {
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-md) !important;
}

a.ncsc-btn-blue,
.nscs-table-handle a:hover.btn-blue {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    color: #1F2937 !important;
}

a.ncsc-btn-green,
.nscs-table-handle a:hover.btn-green {
    background: linear-gradient(135deg, #6B9A7F 0%, #5B8A72 100%) !important;
    color: white !important;
}

a.ncsc-btn-orange,
.nscs-table-handle a:hover.btn-orange,
.nscs-table-handle a.btn-orange-current {
    background: linear-gradient(135deg, var(--earth-500) 0%, var(--earth-600) 100%) !important;
    color: white !important;
}

a.ncsc-btn-red,
.nscs-table-handle a:hover.btn-red {
    background: linear-gradient(135deg, var(--earth-600) 0%, var(--earth-700) 100%) !important;
    color: white !important;
}

/* ----------------------------------------
   表单系统 - 土生金
   ---------------------------------------- */
.nui-input,
.nui-select,
.nui-textarea,
input[type="text"],
input[type="password"],
input.text,
input.password,
textarea,
.textarea,
select {
    border-radius: var(--radius-md) !important;
    border: 2px solid var(--border-color) !important;
    background: var(--bg-input) !important;
    transition: all var(--transition-base) !important;
    padding: 10px 14px !important;
    color: var(--text-primary) !important;
}

.nui-input:focus,
.nui-select:focus,
.nui-textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input.text:focus,
input.password:focus,
textarea:focus,
.textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 4px rgba(199, 158, 41, 0.15) !important;
    outline: none !important;
}

/* 错误状态 - 土色警告 */
input[type="text"].error,
input[type="password"].error,
textarea.error {
    border-color: var(--danger-color) !important;
    box-shadow: 0 0 0 4px rgba(124, 99, 60, 0.15) !important;
    background: var(--danger-bg) !important;
}

/* ----------------------------------------
   表格系统 - 土金配色
   ---------------------------------------- */
.nui-table,
.ncsc-default-table {
    border-radius: var(--radius-lg) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-sm) !important;
    background: var(--bg-card) !important;
}

.nui-table thead tr,
.ncsc-default-table thead tr {
    background: linear-gradient(180deg, var(--earth-50) 0%, var(--earth-100) 100%) !important;
}

.nui-table th,
.ncsc-default-table th {
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    padding: 16px !important;
    border-bottom: 2px solid var(--border-color) !important;
}

.nui-table td,
.ncsc-default-table td {
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--border-light) !important;
    transition: background-color var(--transition-base) !important;
    color: var(--text-secondary) !important;
}

.nui-table tbody tr:hover,
.ncsc-default-table tbody tr:hover {
    background: var(--primary-bg) !important;
}

.ncsc-default-table tbody tr:nth-child(even) {
    background-color: var(--earth-50) !important;
}

.ncsc-default-table tbody tr:nth-child(even):hover {
    background: var(--primary-bg) !important;
}

/* ----------------------------------------
   头部导航 - 土金配色
   ---------------------------------------- */
.ncsc-head-layout {
    background: linear-gradient(135deg, var(--metal-800) 0%, var(--metal-900) 100%) !important;
    box-shadow: var(--shadow-lg) !important;
}

.ncsc-head-layout .index-sitemap {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-md) !important;
}

.ncsc-head-layout .search-bar {
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.ncsc-head-layout .search-input-text::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.ncsc-head-layout .ncsc-nav dl dt a {
    color: rgba(255, 255, 255, 0.88) !important;
    font-weight: 500 !important;
    transition: all var(--transition-base) !important;
    padding: 8px 16px !important;
    border-radius: var(--radius-md) !important;
}

.ncsc-head-layout .ncsc-nav dl.hover dt {
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: var(--radius-md) !important;
}

.ncsc-head-layout .ncsc-nav dl dd {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-xl) !important;
    overflow: hidden !important;
    border: 1px solid var(--border-color) !important;
    background: var(--bg-card) !important;
}

.ncsc-head-layout .ncsc-nav dl dd ul li a {
    transition: all var(--transition-base) !important;
    padding: 12px 20px !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
}

.ncsc-head-layout .ncsc-nav dl dd ul li a:hover {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    color: var(--text-primary) !important;
    padding-left: 28px !important;
}

.ncsc-head-layout .ncsc-admin {
    background: linear-gradient(135deg, var(--earth-500) 0%, var(--earth-600) 100%) !important;
}

/* ----------------------------------------
   侧边栏 - 土金配色
   ---------------------------------------- */
.ncsc-layout {
    background: var(--bg-page) !important;
}

.ncsc-layout-left .sidebar .column-menu li a {
    border-radius: var(--radius-md) !important;
    margin: 6px 12px !important;
    padding: 12px 18px !important;
    transition: all var(--transition-base) !important;
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
}

.ncsc-layout-left .sidebar .column-menu li a:hover {
    background: var(--bg-hover) !important;
    color: var(--primary-dark) !important;
    transform: translateX(4px) !important;
}

.ncsc-layout-left .sidebar .column-menu li.current a {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 4px 12px rgba(199, 158, 41, 0.35) !important;
    border: none !important;
}

.ncsc-layout-left .sidebar .column-title {
    border-radius: var(--radius-xl) !important;
    box-shadow: var(--shadow-md) !important;
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

/* ----------------------------------------
   内容区域 - 土金配色
   ---------------------------------------- */
.ncsc-layout-right {
    border-radius: var(--radius-xl) 0 0 0 !important;
    box-shadow: -4px 0 24px -8px rgba(55, 65, 81, 0.12) !important;
    background: var(--bg-card) !important;
}

.ncsc-path {
    border-bottom: 1px solid var(--border-color) !important;
    background: linear-gradient(180deg, #FFFFFF 0%, var(--earth-50) 100%) !important;
    padding: 18px 24px !important;
}

/* ----------------------------------------
   卡片容器 - 土金配色
   ---------------------------------------- */
.nui-block,
.ncsc-index .container {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-color) !important;
    background: var(--bg-card) !important;
    transition: all var(--transition-base) !important;
}

.ncsc-index .container:hover {
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px) !important;
    border-color: var(--primary-color) !important;
}

.ncsc-index .container .hd h3 {
    border-left: 4px solid var(--primary-color) !important;
    padding-left: 14px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
}

.header {
    border-bottom: 2px solid var(--border-color) !important;
    padding-bottom: 14px !important;
}

.header.blue {
    border-bottom-color: var(--primary-color) !important;
}

.header.green {
    border-bottom-color: var(--success-color) !important;
}

.header.red {
    border-bottom-color: var(--danger-color) !important;
}

.header.orange {
    border-bottom-color: var(--warning-color) !important;
}

/* ----------------------------------------
   分页器 - 土金配色
   ---------------------------------------- */
.pagination li span,
.pagination li a span {
    border-radius: var(--radius-md) !important;
    border: 2px solid var(--border-color) !important;
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    min-width: 38px !important;
    text-align: center !important;
    transition: all var(--transition-base) !important;
    margin: 0 4px !important;
}

.pagination li a:hover span {
    background: var(--primary-bg) !important;
    color: var(--primary-dark) !important;
    border-color: var(--primary-color) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-sm) !important;
}

.pagination li span.currentpage {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    color: var(--text-primary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 4px 12px rgba(199, 158, 41, 0.35) !important;
}

/* ----------------------------------------
   警告提示 - 土金配色
   ---------------------------------------- */
.alert {
    border-radius: var(--radius-lg) !important;
    border: none !important;
    padding: 16px 20px !important;
    box-shadow: var(--shadow-sm) !important;
    display: flex !important;
    align-items: center !important;
}

.alert-success {
    background: linear-gradient(135deg, #EFF5F2 0%, #E5EFE7 100%) !important;
    color: #4B7A5E !important;
    border-left: 4px solid var(--success-color) !important;
}

.alert-info {
    background: linear-gradient(135deg, var(--metal-100) 0%, var(--metal-200) 100%) !important;
    color: var(--metal-700) !important;
    border-left: 4px solid var(--info-color) !important;
}

.alert-error {
    background: linear-gradient(135deg, var(--earth-100) 0%, var(--earth-200) 100%) !important;
    color: var(--earth-700) !important;
    border-left: 4px solid var(--danger-color) !important;
}

.alert i {
    margin-right: 12px !important;
    font-size: 20px !important;
}

/* ----------------------------------------
   标签页 - 土金配色
   ---------------------------------------- */
.tabmenu .tab {
    border-bottom: 2px solid var(--border-color) !important;
}

.tabmenu .tab li a {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    background: transparent !important;
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    margin-right: 4px !important;
    transition: all var(--transition-base) !important;
}

.tabmenu .tab li a:hover {
    background: var(--bg-hover) !important;
    color: var(--primary-dark) !important;
}

.tabmenu .tab .ui-tabs-selected a,
.tabmenu .tab .active a {
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 4px 12px rgba(199, 158, 41, 0.35) !important;
}

/* ----------------------------------------
   弹窗 - 土金配色
   ---------------------------------------- */
.dialog_wrapper,
.eject_con {
    border-radius: var(--radius-xl) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-xl) !important;
    border: 1px solid var(--border-color) !important;
    background: var(--bg-card) !important;
}

.eject_con h2 {
    background: linear-gradient(135deg, var(--primary-bg) 0%, var(--earth-100) 100%) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    color: var(--primary-dark) !important;
    padding: 12px 20px !important;
    font-weight: 700 !important;
}

.eject_con .bottom {
    background: linear-gradient(180deg, var(--earth-50) 0%, var(--earth-100) 100%) !important;
    border-top: 1px solid var(--border-color) !important;
    padding: 20px !important;
}

/* ----------------------------------------
   表单默认 - 土金配色
   ---------------------------------------- */
.ncsc-form-default h3 {
    background: linear-gradient(135deg, var(--earth-50) 0%, var(--earth-100) 100%) !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
}

.ncsc-form-default dl {
    border-bottom: 1px solid var(--border-light) !important;
    transition: background-color var(--transition-base) !important;
}

.ncsc-form-default dl:hover {
    background-color: rgba(199, 158, 41, 0.04) !important;
}

.ncsc-form-default dl dt {
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.ncsc-form-default .ncsc-upload-thumb {
    border-radius: var(--radius-lg) !important;
    border: 2px dashed var(--border-color) !important;
    transition: all var(--transition-base) !important;
}

.ncsc-form-default .ncsc-upload-thumb:hover {
    border-color: var(--primary-color) !important;
    background: var(--primary-bg) !important;
}

/* ----------------------------------------
   搜索表单 - 土金配色
   ---------------------------------------- */
.search-form {
    background: var(--bg-card) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border-color) !important;
    padding: 20px !important;
    box-shadow: var(--shadow-sm) !important;
}

.search-form .submit-border {
    border-radius: var(--radius-md) !important;
    border: none !important;
    background: linear-gradient(135deg, var(--champagne-400) 0%, var(--champagne-500) 100%) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-sm) !important;
}

.search-form input[type="submit"],
.search-form input.submit,
.search-form a.submit {
    background: transparent !important;
    color: var(--text-primary) !important;
    font-weight: 700 !important;
    border: none !important;
}

.search-form input[type="submit"]:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* ----------------------------------------
   统计卡片 - 土金配色
   ---------------------------------------- */
.ncsc-index .type-d .content dl {
    border-radius: var(--radius-lg) !important;
    transition: all var(--transition-base) !important;
    overflow: hidden !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-sm) !important;
    background: var(--bg-card) !important;
}

.ncsc-index .type-d .content dl:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--shadow-lg) !important;
    border-color: var(--primary-color) !important;
}

.ncsc-index .type-d dl .p-name a {
    font-weight: 700 !important;
    color: var(--text-primary) !important;
}

.ncsc-index .type-d dl .p-hint {
    color: var(--text-secondary) !important;
}

/* ----------------------------------------
   其他组件 - 土金配色
   ---------------------------------------- */

.groupbuy-gallery {
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-sm) !important;
    background: var(--bg-card) !important;
}

.groupbuy-gallery .nav {
    background: linear-gradient(135deg, var(--earth-50) 0%, var(--earth-100) 100%) !important;
}

.groupbuy-gallery .list li a {
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-base) !important;
}

.groupbuy-gallery .list li a:hover {
    border-color: var(--primary-color) !important;
    box-shadow: var(--shadow-md) !important;
    transform: scale(1.02) !important;
}

.store-closed {
    background: linear-gradient(135deg, rgba(124, 99, 60, 0.08) 0%, rgba(124, 99, 60, 0.04) 100%) !important;
    border-radius: var(--radius-lg) !important;
    border: 2px solid var(--danger-color) !important;
    padding: 24px !important;
}

.warning-option {
    background: linear-gradient(135deg, var(--primary-bg) 0%, var(--earth-100) 100%) !important;
    border-radius: var(--radius-xl) !important;
    padding: 40px !important;
    margin: 40px auto !important;
    border: 1px solid var(--primary-color) !important;
}

.ncsc-upload-btn p {
    border-radius: var(--radius-md) !important;
    border: 2px solid var(--border-color) !important;
    background: var(--earth-100) !important;
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    transition: all var(--transition-base) !important;
}

.ncsc-upload-btn a:hover p {
    background: var(--primary-bg) !important;
    color: var(--primary-dark) !important;
    border-color: var(--primary-color) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-sm) !important;
}

.show-album {
    border-radius: var(--radius-md) !important;
    border: 2px solid var(--border-color) !important;
    background: var(--earth-100) !important;
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    transition: all var(--transition-base) !important;
}

.show-album:hover {
    background: var(--primary-bg) !important;
    color: var(--primary-dark) !important;
    border-color: var(--primary-color) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-sm) !important;
}

.submit-border {
    border-radius: var(--radius-md) !important;
    border: none !important;
    background: linear-gradient(135deg, var(--success-color) 0%, #4B7A5E 100%) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-sm) !important;
}

.submit-border:hover {
    box-shadow: var(--shadow-md) !important;
}

input[type="submit"],
input.submit,
a.submit {
    font-weight: 700 !important;
}

.ncsc-default-table td .pic-thumb {
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
    border: 2px solid var(--border-color) !important;
    transition: all var(--transition-base) !important;
}

.ncsc-default-table td .pic-thumb:hover {
    border-color: var(--primary-color) !important;
    transform: scale(1.05) !important;
    box-shadow: var(--shadow-md) !important;
}

.ncsc-default-table td .goods-name dt span {
    border-radius: var(--radius-sm) !important;
    padding: 4px 10px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

.ncsc-default-table td .goods-name dt span.type-virtual {
    background: linear-gradient(135deg, var(--metal-500) 0%, var(--metal-600) 100%) !important;
    color: white !important;
}

.ncsc-default-table td .goods-name dt span.type-fcode {
    background: linear-gradient(135deg, var(--earth-500) 0%, var(--earth-600) 100%) !important;
    color: white !important;
}

.ncsc-default-table td .goods-name dt span.type-presell {
    background: linear-gradient(135deg, var(--success-color) 0%, #4B7A5E 100%) !important;
    color: white !important;
}

.ncsc-goods-gift li a {
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-base) !important;
}

.ncsc-goods-gift li a:hover {
    transform: scale(1.08) !important;
    box-shadow: var(--shadow-md) !important;
}

/* ----------------------------------------
   全局过渡
   ---------------------------------------- */
* {
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out;
}

::selection {
    background-color: var(--primary-color) !important;
    color: var(--text-primary) !important;
}

::-moz-selection {
    background-color: var(--primary-color) !important;
    color: var(--text-primary) !important;
}

::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

::-webkit-scrollbar-track {
    background: var(--earth-100) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--border-color) !important;
    border-radius: 5px !important;
    border: 2px solid var(--earth-100) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color) !important;
}

/* ========================================
   土生金五行配色结束
   ======================================== */