/* =========================================================
   Feiying Admin - iOS 26 Liquid Glass UI
   V1 - Global Design System
   ========================================================= */

:root{
    --ios-bg-1:#eef4ff;
    --ios-bg-2:#f7f9ff;
    --ios-bg-3:#eef8f6;

    --ios-glass:rgba(255,255,255,.46);
    --ios-glass-strong:rgba(255,255,255,.68);
    --ios-glass-soft:rgba(255,255,255,.28);

    --ios-line:rgba(255,255,255,.72);
    --ios-line-soft:rgba(15,23,42,.07);

    --ios-text:#18202b;
    --ios-text-2:#667085;

    --ios-blue:#0a84ff;
    --ios-blue-soft:rgba(10,132,255,.14);

    --ios-radius:22px;
    --ios-radius-small:15px;

    --ios-shadow:
        0 18px 50px rgba(31,45,61,.10),
        0 2px 8px rgba(31,45,61,.05),
        inset 0 1px 0 rgba(255,255,255,.85);

    --ios-shadow-small:
        0 8px 26px rgba(31,45,61,.08),
        inset 0 1px 0 rgba(255,255,255,.75);
}


/* =============================
   整体背景
   ============================= */

html,
body,
#app{
    min-height:100%;
}

html{
    background:#edf3fa !important;
}

body{
    color:var(--ios-text) !important;
    background:
        radial-gradient(circle at 10% 5%,
            rgba(86,163,255,.28) 0,
            rgba(86,163,255,0) 34%),

        radial-gradient(circle at 92% 9%,
            rgba(183,139,255,.22) 0,
            rgba(183,139,255,0) 30%),

        radial-gradient(circle at 78% 88%,
            rgba(103,232,199,.19) 0,
            rgba(103,232,199,0) 32%),

        linear-gradient(
            135deg,
            var(--ios-bg-1),
            var(--ios-bg-2) 46%,
            var(--ios-bg-3)
        ) !important;

    background-attachment:fixed !important;
}

body::before{
    content:"";
    position:fixed;
    width:300px;
    height:300px;
    left:-100px;
    bottom:-80px;
    border-radius:50%;
    background:rgba(80,150,255,.13);
    filter:blur(45px);
    pointer-events:none;
    z-index:-1;
}

body::after{
    content:"";
    position:fixed;
    width:280px;
    height:280px;
    right:-80px;
    top:18%;
    border-radius:50%;
    background:rgba(183,120,255,.11);
    filter:blur(55px);
    pointer-events:none;
    z-index:-1;
}


/* =============================
   Naive UI Layout
   ============================= */

.n-layout{
    background:transparent !important;
}

.n-layout-scroll-container{
    background:transparent !important;
}

.n-layout-header{
    background:rgba(255,255,255,.48) !important;

    -webkit-backdrop-filter:
        blur(28px)
        saturate(165%) !important;

    backdrop-filter:
        blur(28px)
        saturate(165%) !important;

    border-bottom:
        1px solid rgba(255,255,255,.72) !important;

    box-shadow:
        0 8px 35px rgba(31,45,61,.06) !important;
}


/* =============================
   Sidebar
   ============================= */

.n-layout-sider{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.62),
            rgba(255,255,255,.38)
        ) !important;

    -webkit-backdrop-filter:
        blur(32px)
        saturate(175%) !important;

    backdrop-filter:
        blur(32px)
        saturate(175%) !important;

    border-right:
        1px solid rgba(255,255,255,.72) !important;

    box-shadow:
        10px 0 40px rgba(31,45,61,.06) !important;
}


/* =============================
   Menu
   ============================= */

.n-menu{
    background:transparent !important;
}

.n-menu-item{
    margin:5px 8px !important;
    border-radius:14px !important;
    overflow:hidden;
}

.n-menu-item-content{
    border-radius:14px !important;
    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

.n-menu-item-content:hover{
    background:rgba(255,255,255,.50) !important;
    transform:translateY(-1px);
}

.n-menu-item-content--selected{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.80),
            rgba(255,255,255,.48)
        ) !important;

    border:
        1px solid rgba(255,255,255,.82) !important;

    box-shadow:
        0 8px 22px rgba(10,132,255,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.n-menu-item-content--selected::before{
    background:transparent !important;
}


/* =============================
   Card / Containers
   ============================= */

.n-card{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.66),
            rgba(255,255,255,.37)
        ) !important;

    border:
        1px solid rgba(255,255,255,.76) !important;

    border-radius:
        var(--ios-radius) !important;

    box-shadow:
        var(--ios-shadow) !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(170%) !important;

    backdrop-filter:
        blur(30px)
        saturate(170%) !important;

    overflow:hidden;
}

.n-card-header{
    border-bottom:
        1px solid rgba(255,255,255,.45) !important;
}


/* =============================
   Buttons
   ============================= */

.n-button{
    border-radius:
        14px !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}

.n-button:not(.n-button--primary-type){
    background:
        rgba(255,255,255,.48) !important;

    border:
        1px solid rgba(255,255,255,.72) !important;

    box-shadow:
        var(--ios-shadow-small) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(160%) !important;

    backdrop-filter:
        blur(18px)
        saturate(160%) !important;
}

.n-button:hover{
    transform:
        translateY(-1px) !important;
}

.n-button:active{
    transform:
        scale(.97) !important;
}

.n-button--primary-type{
    background:
        linear-gradient(
            135deg,
            #2997ff,
            #0077ed
        ) !important;

    border-color:
        rgba(255,255,255,.42) !important;

    box-shadow:
        0 8px 22px rgba(0,122,255,.22),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}


/* =============================
   Input / Select
   ============================= */

.n-input,
.n-input-wrapper,
.n-base-selection{
    border-radius:
        14px !important;
}

.n-input,
.n-base-selection{
    background:
        rgba(255,255,255,.46) !important;

    border:
        1px solid rgba(255,255,255,.72) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.80),
        0 5px 18px rgba(31,45,61,.04) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(160%) !important;

    backdrop-filter:
        blur(18px)
        saturate(160%) !important;
}

.n-input:hover,
.n-base-selection:hover{
    background:
        rgba(255,255,255,.62) !important;
}

.n-input--focus,
.n-base-selection--active{
    box-shadow:
        0 0 0 3px rgba(10,132,255,.12),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
}


/* =============================
   Select / Dropdown
   ============================= */

.n-base-select-menu,
.n-dropdown-menu,
.n-popover{
    background:
        rgba(248,250,255,.78) !important;

    border:
        1px solid rgba(255,255,255,.84) !important;

    border-radius:
        18px !important;

    box-shadow:
        0 22px 60px rgba(31,45,61,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    -webkit-backdrop-filter:
        blur(35px)
        saturate(180%) !important;

    backdrop-filter:
        blur(35px)
        saturate(180%) !important;
}


/* =============================
   Data Table
   ============================= */

.n-data-table{
    background:
        rgba(255,255,255,.34) !important;

    border-radius:
        18px !important;

    overflow:hidden !important;

    border:
        1px solid rgba(255,255,255,.62) !important;
}

.n-data-table-wrapper,
.n-data-table-base-table,
.n-data-table-table{
    background:
        transparent !important;
}

.n-data-table-th{
    background:
        rgba(255,255,255,.48) !important;

    color:
        #475467 !important;

    font-weight:
        600 !important;
}

.n-data-table-td{
    background:
        rgba(255,255,255,.18) !important;

    border-bottom:
        1px solid rgba(15,23,42,.045) !important;

    transition:
        background .18s ease !important;
}

.n-data-table-tr:hover .n-data-table-td{
    background:
        rgba(255,255,255,.54) !important;
}


/* =============================
   Tabs
   ============================= */

.n-tabs-nav{
    background:
        rgba(255,255,255,.34) !important;

    border-radius:
        16px !important;

    padding:
        4px !important;

    -webkit-backdrop-filter:
        blur(18px) !important;

    backdrop-filter:
        blur(18px) !important;
}

.n-tabs-tab{
    border-radius:
        12px !important;
}

.n-tabs-tab--active{
    background:
        rgba(255,255,255,.70) !important;

    box-shadow:
        0 5px 18px rgba(31,45,61,.07),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}


/* =============================
   Pagination
   ============================= */

.n-pagination-item,
.n-pagination-prev,
.n-pagination-next{
    border-radius:
        11px !important;

    background:
        rgba(255,255,255,.46) !important;

    border:
        1px solid rgba(255,255,255,.68) !important;

    box-shadow:
        0 4px 12px rgba(31,45,61,.04) !important;
}

.n-pagination-item--active{
    background:
        rgba(10,132,255,.92) !important;

    color:
        white !important;

    box-shadow:
        0 6px 16px rgba(10,132,255,.22) !important;
}


/* =============================
   Switch
   ============================= */

.n-switch{
    border-radius:
        999px !important;
}

.n-switch__rail{
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.08),
        inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.n-switch__button{
    box-shadow:
        0 2px 7px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* =============================
   Modal / Dialog
   ============================= */

.n-modal,
.n-dialog,
.n-card.n-modal{
    background:
        rgba(249,251,255,.76) !important;

    border:
        1px solid rgba(255,255,255,.88) !important;

    border-radius:
        24px !important;

    box-shadow:
        0 30px 90px rgba(17,24,39,.22),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    -webkit-backdrop-filter:
        blur(38px)
        saturate(185%) !important;

    backdrop-filter:
        blur(38px)
        saturate(185%) !important;
}

.n-modal-mask{
    background:
        rgba(27,34,48,.20) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;

    backdrop-filter:
        blur(8px) !important;
}


/* =============================
   Drawer
   ============================= */

.n-drawer{
    background:
        rgba(248,250,255,.79) !important;

    border:
        1px solid rgba(255,255,255,.85) !important;

    box-shadow:
        -20px 0 70px rgba(31,45,61,.16) !important;

    -webkit-backdrop-filter:
        blur(38px)
        saturate(180%) !important;

    backdrop-filter:
        blur(38px)
        saturate(180%) !important;
}


/* =============================
   Toast / Message
   ============================= */

.n-message{
    background:
        rgba(250,252,255,.78) !important;

    border:
        1px solid rgba(255,255,255,.88) !important;

    border-radius:
        17px !important;

    box-shadow:
        0 18px 50px rgba(31,45,61,.15),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    -webkit-backdrop-filter:
        blur(28px)
        saturate(180%) !important;

    backdrop-filter:
        blur(28px)
        saturate(180%) !important;
}

.n-notification{
    background:
        rgba(250,252,255,.80) !important;

    border:
        1px solid rgba(255,255,255,.90) !important;

    border-radius:
        20px !important;

    box-shadow:
        0 22px 65px rgba(31,45,61,.16) !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(180%) !important;

    backdrop-filter:
        blur(30px)
        saturate(180%) !important;
}


/* =============================
   Breadcrumb
   ============================= */

.n-breadcrumb{
    opacity:.86;
}


/* =============================
   Scrollbar
   ============================= */

::-webkit-scrollbar{
    width:7px;
    height:7px;
}

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

::-webkit-scrollbar-thumb{
    background:
        rgba(90,105,125,.24);
    border-radius:999px;
}

::-webkit-scrollbar-thumb:hover{
    background:
        rgba(90,105,125,.38);
}


/* =============================
   System 页面列表
   ============================= */

.thing-cell{
    border-radius:
        14px !important;

    transition:
        background .18s ease,
        transform .18s ease !important;
}

.thing-cell:hover{
    background:
        rgba(255,255,255,.46) !important;

    transform:
        translateX(2px);
}

.thing-cell-on{
    background:
        rgba(10,132,255,.11) !important;

    color:
        var(--ios-blue) !important;
}


/* =============================
   Info 页
   ============================= */

.log-viewer{
    background:
        rgba(255,255,255,.32) !important;

    border:
        1px solid rgba(255,255,255,.65) !important;

    border-radius:
        18px !important;
}

.log-line,
.file-item{
    background:
        rgba(255,255,255,.53) !important;

    border:
        1px solid rgba(255,255,255,.70) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 5px 15px rgba(31,45,61,.04) !important;
}


/* =============================
   Mobile
   ============================= */

@media (max-width:768px){

    :root{
        --ios-radius:18px;
    }

    .n-layout-header{
        background:
            rgba(255,255,255,.56) !important;

        -webkit-backdrop-filter:
            blur(24px)
            saturate(170%) !important;

        backdrop-filter:
            blur(24px)
            saturate(170%) !important;
    }

    .n-card{
        border-radius:
            18px !important;

        box-shadow:
            0 10px 32px rgba(31,45,61,.09),
            inset 0 1px 0 rgba(255,255,255,.80) !important;
    }

    .n-modal,
    .n-dialog{
        border-radius:
            22px !important;
    }

}


/* =============================
   Reduced motion
   ============================= */

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        transition:none !important;
        animation:none !important;
    }

}


/* =========================================================
   iOS 26 Liquid Glass
   V2 - REAL ADMIN LAYOUT
   ========================================================= */


/* ---------- 整个后台 ---------- */

.layout{
    min-height:100vh !important;
    background:transparent !important;
}

.layout-default-background{
    background:transparent !important;
}


/* =========================================================
   左侧导航栏
   ========================================================= */

.layout .layout-sider,
.layout-side-drawer .layout-sider{

    background:
        linear-gradient(
            165deg,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.46) 45%,
            rgba(238,245,255,.40) 100%
        ) !important;

    border-right:
        1px solid rgba(255,255,255,.78) !important;

    box-shadow:
        10px 0 45px rgba(31,45,61,.07),
        inset -1px 0 0 rgba(255,255,255,.52) !important;

    -webkit-backdrop-filter:
        blur(34px)
        saturate(180%) !important;

    backdrop-filter:
        blur(34px)
        saturate(180%) !important;
}


/* 左侧顶部 Logo */

.layout-sider .logo{
    height:64px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.54),
            rgba(255,255,255,.18)
        ) !important;

    border-bottom:
        1px solid rgba(255,255,255,.58) !important;
}

.layout-sider .logo img{
    filter:
        drop-shadow(
            0 4px 8px rgba(31,45,61,.10)
        );
}

.layout-sider .logo .title{
    font-weight:650 !important;
    letter-spacing:-.2px !important;
}


/* =========================================================
   左侧菜单项目
   ========================================================= */

.layout-sider .n-menu{
    padding:
        10px 8px !important;
}

.layout-sider .n-menu-item{
    margin:
        5px 0 !important;
}

.layout-sider .n-menu-item-content{
    min-height:
        44px !important;

    padding:
        0 13px !important;

    border-radius:
        15px !important;

    transition:
        background .22s ease,
        transform .22s ease,
        box-shadow .22s ease !important;
}

.layout-sider
.n-menu-item-content:hover{

    background:
        rgba(255,255,255,.55) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 5px 16px rgba(31,45,61,.05) !important;

    transform:
        translateX(2px);
}


.layout-sider
.n-menu-item-content--selected{

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.92),
            rgba(235,245,255,.67)
        ) !important;

    border:
        1px solid rgba(255,255,255,.94) !important;

    box-shadow:
        0 8px 25px rgba(10,132,255,.12),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* 选中菜单蓝色光条 */

.layout-sider
.n-menu-item-content--selected::after{

    content:"";

    position:absolute;

    left:4px;
    top:50%;

    width:4px;
    height:20px;

    transform:
        translateY(-50%);

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            #51a8ff,
            #007aff
        );

    box-shadow:
        0 0 12px rgba(10,132,255,.40);
}


/* =========================================================
   顶部 Header
   ========================================================= */

.layout-header{

    height:
        64px !important;

    background:
        rgba(250,252,255,.58) !important;

    border-bottom:
        1px solid rgba(255,255,255,.78) !important;

    box-shadow:
        0 10px 38px rgba(31,45,61,.065),
        inset 0 1px 0 rgba(255,255,255,.92) !important;

    -webkit-backdrop-filter:
        blur(32px)
        saturate(180%) !important;

    backdrop-filter:
        blur(32px)
        saturate(180%) !important;
}


/* 顶栏左右区域 */

.layout-header-left{
    height:64px !important;
}

.layout-header-right{
    height:64px !important;
    margin-right:14px !important;

    display:flex !important;
    align-items:center !important;

    gap:4px !important;
}


/* =========================================================
   顶栏按钮
   ========================================================= */

.layout-header-trigger{

    width:
        44px !important;

    height:
        44px !important;

    margin:
        10px 4px !important;

    border-radius:
        14px !important;

    background:
        rgba(255,255,255,.35);

    transition:
        all .20s cubic-bezier(.2,.8,.2,1) !important;
}


.layout-header-trigger .n-icon{

    height:
        44px !important;

    line-height:
        44px !important;

    justify-content:
        center !important;
}


.layout-header-trigger:hover{

    background:
        rgba(255,255,255,.72) !important;

    box-shadow:
        0 7px 20px rgba(31,45,61,.08),
        inset 0 1px 0 rgba(255,255,255,.95);

    transform:
        translateY(-1px);
}


.layout-header-trigger:active{

    transform:
        scale(.94);
}


/* =========================================================
   顶栏头像
   ========================================================= */

.layout-header-right .avatar{

    height:
        44px !important;

    margin:
        10px 2px !important;

    padding:
        0 8px !important;

    border-radius:
        15px !important;

    background:
        rgba(255,255,255,.36);

    border:
        1px solid rgba(255,255,255,.55);

    transition:
        all .20s ease;
}


.layout-header-right .avatar:hover{

    background:
        rgba(255,255,255,.72);

    box-shadow:
        0 7px 20px rgba(31,45,61,.08);

    transform:
        translateY(-1px);
}


/* =========================================================
   Breadcrumb
   ========================================================= */

.layout-header-left .n-breadcrumb{

    padding:
        7px 12px !important;

    margin-left:
        4px;

    border-radius:
        12px;

    background:
        rgba(255,255,255,.26);

    border:
        1px solid rgba(255,255,255,.38);
}


/* =========================================================
   标签栏
   ========================================================= */

.tabs-view{

    padding:
        7px 10px !important;

    background:
        rgba(255,255,255,.28) !important;

    border-bottom:
        1px solid rgba(255,255,255,.48);

    -webkit-backdrop-filter:
        blur(20px)
        saturate(160%);

    backdrop-filter:
        blur(20px)
        saturate(160%);
}


.tabs-view-main{

    height:
        36px !important;

    align-items:
        center;
}


.tabs-view-main
.tabs-card-scroll-item{

    height:
        32px !important;

    line-height:
        20px !important;

    padding:
        6px 14px !important;

    margin-right:
        7px !important;

    border-radius:
        12px !important;

    background:
        rgba(255,255,255,.32) !important;

    border:
        1px solid rgba(255,255,255,.42);

    transition:
        all .20s ease !important;
}


.tabs-view-main
.tabs-card-scroll-item:hover{

    background:
        rgba(255,255,255,.70) !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 5px 15px rgba(31,45,61,.07);
}


.tabs-view-main
.tabs-card-scroll
.active-item{

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.94),
            rgba(232,244,255,.75)
        ) !important;

    color:
        #007aff !important;

    border:
        1px solid rgba(255,255,255,.95);

    box-shadow:
        0 7px 20px rgba(10,132,255,.12),
        inset 0 1px 0 rgba(255,255,255,.98);
}


/* 标签左右箭头 */

.tabs-card-prev,
.tabs-card-next{

    border-radius:
        10px;

    background:
        rgba(255,255,255,.28);

    transition:
        background .18s ease;
}


.tabs-card-prev:hover,
.tabs-card-next:hover{

    background:
        rgba(255,255,255,.70);
}


/* =========================================================
   主内容区域
   ========================================================= */

.layout-content-main{

    margin:
        14px 14px 16px !important;

    border-radius:
        24px;

    position:
        relative;

}


/* 给后台主区域增加一点空气感 */

.layout-content-main > div{

    position:
        relative;
}


/* =========================================================
   右侧整体内容
   ========================================================= */

.layout-right-fix{

    background:
        transparent !important;
}


/* =========================================================
   Drawer 手机菜单
   ========================================================= */

.layout-side-drawer{

    background:
        rgba(240,246,255,.72) !important;

    -webkit-backdrop-filter:
        blur(34px)
        saturate(180%) !important;

    backdrop-filter:
        blur(34px)
        saturate(180%) !important;
}


/* =========================================================
   手机
   ========================================================= */

@media (max-width:768px){

    .layout-header{

        background:
            rgba(248,251,255,.66) !important;

        -webkit-backdrop-filter:
            blur(26px)
            saturate(180%) !important;

        backdrop-filter:
            blur(26px)
            saturate(180%) !important;
    }


    .layout-header-right{

        margin-right:
            5px !important;
    }


    .layout-header-trigger{

        width:
            40px !important;

        height:
            40px !important;

        margin:
            12px 2px !important;

        border-radius:
            13px !important;
    }


    .layout-header-trigger .n-icon{

        height:
            40px !important;
    }


    .layout-content-main{

        margin:
            9px 8px 12px !important;

        border-radius:
            19px;
    }


    .tabs-view{

        padding:
            6px 7px !important;
    }


    .tabs-view-main
    .tabs-card-scroll-item{

        padding:
            6px 11px !important;

        margin-right:
            5px !important;
    }

}



/* =========================================================
   iOS26 V2.1
   修复：表格固定列重影 + 手机侧栏文字过浅
   ========================================================= */


/* =========================================================
   1. DataTable 固定列重影修复
   ========================================================= */

/*
   Naive UI 的 fixed / sticky 单元格不能完全透明，
   否则下面滚动层的文字会透出来，看起来像两个字叠在一起。
*/

.n-data-table-th--fixed-left,
.n-data-table-th--fixed-right,
.n-data-table-th[style*="position: sticky"],
.n-data-table-th[style*="position:sticky"]{
    background:
        rgba(248,251,255,.96) !important;

    -webkit-backdrop-filter:
        blur(24px)
        saturate(160%) !important;

    backdrop-filter:
        blur(24px)
        saturate(160%) !important;

    z-index:
        5 !important;

    opacity:
        1 !important;
}


.n-data-table-td--fixed-left,
.n-data-table-td--fixed-right,
.n-data-table-td[style*="position: sticky"],
.n-data-table-td[style*="position:sticky"]{
    background:
        rgba(247,250,255,.94) !important;

    -webkit-backdrop-filter:
        blur(22px)
        saturate(155%) !important;

    backdrop-filter:
        blur(22px)
        saturate(155%) !important;

    z-index:
        4 !important;

    opacity:
        1 !important;
}


/* 固定列右边缘轻微分隔，不再糊成一片 */

.n-data-table-th--last-fixed-left,
.n-data-table-td--last-fixed-left{
    box-shadow:
        8px 0 18px rgba(31,45,61,.055) !important;
}


.n-data-table-th--first-fixed-right,
.n-data-table-td--first-fixed-right{
    box-shadow:
        -8px 0 18px rgba(31,45,61,.055) !important;
}


/* 表格文字全部只渲染一层 */

.n-data-table-th,
.n-data-table-td,
.n-data-table-th *,
.n-data-table-td *{
    text-shadow:
        none !important;

    opacity:
        1;
}


/* 表头文字加强一点 */

.n-data-table-th{
    color:
        #344054 !important;

    font-weight:
        650 !important;
}


/* 普通内容文字 */

.n-data-table-td{
    color:
        #475467 !important;
}


/* =========================================================
   2. 手机侧边 Drawer 菜单可读性
   ========================================================= */

.layout-side-drawer,
.layout-side-drawer .layout-sider{
    color:
        #344054 !important;
}


/* 普通菜单文字 */

.layout-side-drawer .n-menu-item-content,
.layout-side-drawer .n-menu-item-content-header,
.layout-side-drawer .n-menu-item-content-header a,
.layout-side-drawer .n-menu-item-content__icon,
.layout-side-drawer .n-menu-item-content__arrow{

    color:
        #475467 !important;

    opacity:
        1 !important;

    text-shadow:
        none !important;
}


/* 菜单图标 */

.layout-side-drawer .n-menu-item-content__icon{
    color:
        #667085 !important;
}


/* 普通菜单 hover */

.layout-side-drawer .n-menu-item-content:hover,
.layout-side-drawer .n-menu-item-content:hover
.n-menu-item-content-header,
.layout-side-drawer .n-menu-item-content:hover
.n-menu-item-content__icon{

    color:
        #182230 !important;
}


/* 当前选中的菜单 */

.layout-side-drawer
.n-menu-item-content--selected,

.layout-side-drawer
.n-menu-item-content--selected
.n-menu-item-content-header,

.layout-side-drawer
.n-menu-item-content--selected
.n-menu-item-content-header a,

.layout-side-drawer
.n-menu-item-content--selected
.n-menu-item-content__icon{

    color:
        #007aff !important;

    opacity:
        1 !important;
}


/* 手机抽屉稍微压暗玻璃底，保证字更清晰 */

.layout-side-drawer .layout-sider{

    background:
        linear-gradient(
            160deg,
            rgba(250,252,255,.94),
            rgba(238,246,255,.88)
        ) !important;

    border-right:
        1px solid rgba(255,255,255,.95) !important;

    box-shadow:
        18px 0 55px rgba(25,35,50,.13) !important;
}


/* =========================================================
   3. 顶部导航文字也统一提高清晰度
   ========================================================= */

.layout-header,
.layout-header a,
.layout-header .n-breadcrumb,
.layout-header .n-breadcrumb *,
.tabs-view,
.tabs-view *{
    text-shadow:
        none !important;
}


.layout-header .n-breadcrumb{
    color:
        #667085 !important;
}

.layout-header .n-breadcrumb-item:last-child{
    color:
        #344054 !important;
}


/* =========================================================
   手机专项
   ========================================================= */

@media (max-width:768px){

    /*
       手机横向表格使用固定列时，
       透明度再降低一点，彻底防止重影。
    */

    .n-data-table-th--fixed-left,
    .n-data-table-th--fixed-right,
    .n-data-table-th[style*="position: sticky"],
    .n-data-table-th[style*="position:sticky"]{

        background:
            rgba(250,252,255,.985) !important;
    }


    .n-data-table-td--fixed-left,
    .n-data-table-td--fixed-right,
    .n-data-table-td[style*="position: sticky"],
    .n-data-table-td[style*="position:sticky"]{

        background:
            rgba(248,251,255,.975) !important;
    }


    .layout-side-drawer
    .n-menu-item-content-header{

        font-weight:
            520 !important;

        color:
            #344054 !important;
    }

}



/* =========================================================
   iOS 26 Liquid Glass
   V3 - 基础列表页面完整视觉重做
   ========================================================= */


/* =========================================================
   查询区域
   ========================================================= */

.index-root .n-form{
    padding:22px 20px 12px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(247,251,255,.45)
        ) !important;

    border:
        1px solid rgba(255,255,255,.88) !important;

    border-radius:
        24px !important;

    box-shadow:
        0 16px 42px rgba(31,45,61,.08),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(175%) !important;

    backdrop-filter:
        blur(30px)
        saturate(175%) !important;
}


.index-root .n-form-item{
    margin-bottom:
        14px !important;
}


.index-root .n-form-item-label{
    color:
        #475467 !important;

    font-weight:
        560 !important;
}


/* =========================================================
   查询按钮区
   ========================================================= */

.index-root .n-form .n-button{
    min-height:
        40px !important;

    padding:
        0 19px !important;

    border-radius:
        14px !important;

    font-size:
        14px !important;
}


/* 查询 */

.index-root
.n-form
.n-button--primary-type{

    background:
        linear-gradient(
            145deg,
            #35a4ff,
            #087cf0
        ) !important;

    box-shadow:
        0 8px 22px rgba(0,122,255,.22),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}


/* 重置 */

.index-root
.n-form
.n-button--default-type{

    background:
        rgba(255,255,255,.62) !important;

    color:
        #344054 !important;
}


/* 展开 / 收起 */

.index-root
.n-form
.n-button--text-type{

    background:
        rgba(10,132,255,.10) !important;

    color:
        #087cf0 !important;

    padding:
        0 14px !important;
}


/* =========================================================
   主表格区域
   ========================================================= */

.index-root .s-table{

    margin-top:
        16px !important;

    padding:
        20px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.70),
            rgba(245,250,255,.43)
        ) !important;

    border:
        1px solid rgba(255,255,255,.88) !important;

    border-radius:
        26px !important;

    box-shadow:
        0 20px 50px rgba(31,45,61,.085),
        inset 0 1px 0 rgba(255,255,255,.98) !important;

    -webkit-backdrop-filter:
        blur(32px)
        saturate(175%) !important;

    backdrop-filter:
        blur(32px)
        saturate(175%) !important;
}


/* =========================================================
   表格工具栏
   ========================================================= */

.index-root .table-toolbar{

    min-height:
        48px;

    padding:
        0 4px 16px !important;

    align-items:
        center !important;
}


.index-root .table-toolbar-left-title{

    color:
        #1d2939 !important;

    font-size:
        16px !important;

    font-weight:
        650 !important;
}


/* 右上角 刷新/密度/列设置 */

.index-root .table-toolbar-right{

    align-items:
        center !important;

    gap:
        7px !important;
}


.index-root .table-toolbar-right-icon{

    width:
        38px !important;

    height:
        38px !important;

    margin-left:
        0 !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border-radius:
        13px !important;

    color:
        #344054 !important;

    background:
        rgba(255,255,255,.52) !important;

    border:
        1px solid rgba(255,255,255,.76) !important;

    box-shadow:
        0 6px 16px rgba(31,45,61,.055),
        inset 0 1px 0 rgba(255,255,255,.9) !important;

    transition:
        all .18s ease !important;
}


.index-root
.table-toolbar-right-icon:hover{

    color:
        #087cf0 !important;

    background:
        rgba(255,255,255,.82) !important;

    transform:
        translateY(-1px);
}


.index-root
.table-toolbar-right-icon:active{

    transform:
        scale(.94);
}


/* =========================================================
   表格主体
   ========================================================= */

.index-root .n-data-table{

    border-radius:
        20px !important;

    overflow:
        hidden !important;

    background:
        rgba(255,255,255,.40) !important;

    border:
        1px solid rgba(255,255,255,.76) !important;
}


/* 表头 */

.index-root .n-data-table-th{

    height:
        52px !important;

    background:
        rgba(249,251,255,.96) !important;

    color:
        #344054 !important;

    font-weight:
        650 !important;

    font-size:
        14px !important;

    border-bottom:
        1px solid rgba(15,23,42,.065) !important;
}


/* 数据行 */

.index-root .n-data-table-td{

    min-height:
        52px !important;

    color:
        #475467 !important;

    background:
        rgba(255,255,255,.52) !important;

    border-bottom:
        1px solid rgba(15,23,42,.045) !important;
}


.index-root
.n-data-table-tr:hover
.n-data-table-td{

    background:
        rgba(238,247,255,.88) !important;
}


/* =========================================================
   固定列彻底隔离
   ========================================================= */

.index-root .n-data-table-th--fixed-left,
.index-root .n-data-table-th--fixed-right,
.index-root .n-data-table-th[style*="position: sticky"],
.index-root .n-data-table-th[style*="position:sticky"]{

    background:
        rgb(249,251,255) !important;

    opacity:
        1 !important;

    z-index:
        12 !important;

    backdrop-filter:
        none !important;
}


.index-root .n-data-table-td--fixed-left,
.index-root .n-data-table-td--fixed-right,
.index-root .n-data-table-td[style*="position: sticky"],
.index-root .n-data-table-td[style*="position:sticky"]{

    background:
        rgb(248,251,255) !important;

    opacity:
        1 !important;

    z-index:
        11 !important;

    backdrop-filter:
        none !important;
}


/* 操作列文字/按钮 */

.index-root .editable-cell-action{

    gap:
        6px !important;

    white-space:
        nowrap !important;
}


.index-root
.editable-cell-action
.n-button{

    min-width:
        34px !important;

    min-height:
        32px !important;

    padding:
        0 10px !important;

    border-radius:
        11px !important;
}


/* =========================================================
   空数据
   ========================================================= */

.index-root .n-empty{

    padding:
        46px 20px !important;

    color:
        #98a2b3 !important;
}


.index-root .n-empty__icon{

    opacity:
        .55 !important;
}


.index-root .n-empty__description{

    margin-top:
        10px !important;

    color:
        #98a2b3 !important;

    font-size:
        15px !important;
}


/* =========================================================
   Pagination
   ========================================================= */

.index-root .n-data-table__pagination{

    padding:
        18px 4px 2px !important;

    margin:
        0 !important;
}


.index-root .n-pagination{

    gap:
        6px !important;

    align-items:
        center !important;
}


.index-root .n-pagination-item,
.index-root .n-pagination-prev,
.index-root .n-pagination-next{

    min-width:
        40px !important;

    height:
        40px !important;

    border-radius:
        13px !important;
}


.index-root .n-pagination-item--active{

    background:
        linear-gradient(
            145deg,
            #36a4ff,
            #087cf0
        ) !important;

    color:
        #fff !important;

    border:
        0 !important;

    box-shadow:
        0 7px 18px rgba(0,122,255,.25) !important;
}


/* 每页数量选择器 */

.index-root
.n-pagination
.n-base-selection{

    min-height:
        40px !important;

    border-radius:
        13px !important;

    background:
        rgba(255,255,255,.68) !important;
}


/* 跳页输入框 */

.index-root
.n-pagination
.n-input{

    min-height:
        40px !important;

    border-radius:
        13px !important;

    background:
        rgba(255,255,255,.68) !important;
}


/* =========================================================
   列设置 Popover
   ========================================================= */

.toolbar-popover.n-popover{

    padding:
        0 !important;

    border-radius:
        20px !important;

    overflow:
        hidden !important;

    background:
        rgba(248,251,255,.94) !important;

    border:
        1px solid rgba(255,255,255,.92) !important;

    box-shadow:
        0 22px 60px rgba(31,45,61,.18),
        inset 0 1px 0 rgba(255,255,255,.96) !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(175%) !important;

    backdrop-filter:
        blur(30px)
        saturate(175%) !important;
}


.table-toolbar-inner-popover-title{

    padding:
        12px 14px !important;

    background:
        rgba(255,255,255,.48) !important;

    border-bottom:
        1px solid rgba(15,23,42,.05) !important;
}


.table-toolbar-inner-checkbox{

    padding:
        11px 14px !important;

    transition:
        background .15s ease !important;
}


.table-toolbar-inner-checkbox:hover{

    background:
        rgba(10,132,255,.075) !important;
}


/* =========================================================
   编辑单元格
   ========================================================= */

.index-root .editable-cell{

    border-radius:
        10px !important;
}


.index-root .editable-cell-content{

    color:
        #475467 !important;
}


.index-root .editable-cell .edit-icon{

    color:
        #087cf0 !important;

    opacity:
        .72;
}


/* =========================================================
   业务弹窗 modal-content
   ========================================================= */

.index-root .modal-content,
.modal-content{

    width:
        min(430px, calc(100vw - 30px)) !important;

    padding:
        22px !important;

    gap:
        16px !important;

    background:
        rgba(248,251,255,.92) !important;

    border:
        1px solid rgba(255,255,255,.94) !important;

    border-radius:
        24px !important;

    box-shadow:
        0 30px 80px rgba(31,45,61,.22),
        inset 0 1px 0 rgba(255,255,255,.98) !important;

    -webkit-backdrop-filter:
        blur(34px)
        saturate(180%) !important;

    backdrop-filter:
        blur(34px)
        saturate(180%) !important;
}


.modal-content .input-field{

    min-height:
        44px !important;

    border-radius:
        14px !important;

    border:
        1px solid rgba(15,23,42,.09) !important;

    background:
        rgba(255,255,255,.78) !important;

    color:
        #344054 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}


.modal-content .input-field:focus{

    border-color:
        rgba(10,132,255,.50) !important;

    box-shadow:
        0 0 0 3px rgba(10,132,255,.11) !important;
}


/* 底部按钮 */

.modal-content .button-wrapper{

    gap:
        9px !important;

    margin-top:
        4px !important;
}


/* =========================================================
   手机端基础列表
   ========================================================= */

@media (max-width:768px){

    .index-root .n-form{

        padding:
            18px 14px 9px !important;

        border-radius:
            21px !important;
    }


    .index-root .s-table{

        padding:
            14px 10px 16px !important;

        border-radius:
            22px !important;

        margin-top:
            12px !important;
    }


    .index-root .table-toolbar{

        padding:
            0 2px 12px !important;
    }


    .index-root .table-toolbar-right{

        gap:
            5px !important;
    }


    .index-root .table-toolbar-right-icon{

        width:
            36px !important;

        height:
            36px !important;

        border-radius:
            12px !important;
    }


    .index-root .n-data-table{

        border-radius:
            17px !important;
    }


    .index-root .n-data-table-th{

        height:
            48px !important;
    }


    .index-root .n-data-table-td{

        min-height:
            48px !important;
    }


    /*
      手机表格固定列必须用实底，
      不然横向滚动时依旧可能发生重影。
    */

    .index-root .n-data-table-th--fixed-left,
    .index-root .n-data-table-th--fixed-right,
    .index-root .n-data-table-th[style*="position: sticky"],
    .index-root .n-data-table-th[style*="position:sticky"]{

        background:
            #f9fbff !important;
    }


    .index-root .n-data-table-td--fixed-left,
    .index-root .n-data-table-td--fixed-right,
    .index-root .n-data-table-td[style*="position: sticky"],
    .index-root .n-data-table-td[style*="position:sticky"]{

        background:
            #f8fbff !important;
    }


    /* 分页允许自然换行，防止全部挤成一坨 */

    .index-root .n-data-table__pagination{

        overflow:
            visible !important;
    }


    .index-root .n-pagination{

        flex-wrap:
            wrap !important;

        row-gap:
            10px !important;

        justify-content:
            flex-start !important;
    }


    .index-root .n-pagination-item,
    .index-root .n-pagination-prev,
    .index-root .n-pagination-next{

        min-width:
            38px !important;

        height:
            38px !important;
    }

}



/* =========================================================
   iOS 26 Liquid Glass
   V4 - Global Shell Polish
   ========================================================= */


/* ---------------------------------------------------------
   APP 更新时间
   原来的红色硬块 → 状态玻璃胶囊
   --------------------------------------------------------- */

.ios26-update-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:32px !important;
    padding:0 11px !important;

    margin-right:4px !important;

    border-radius:999px !important;

    white-space:nowrap !important;

    color:#1570ef !important;

    font-size:12px !important;
    font-weight:650 !important;
    letter-spacing:.1px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.84),
            rgba(225,241,255,.58)
        ) !important;

    border:
        1px solid rgba(255,255,255,.94) !important;

    box-shadow:
        0 7px 20px rgba(10,132,255,.11),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    -webkit-backdrop-filter:
        blur(22px)
        saturate(175%) !important;

    backdrop-filter:
        blur(22px)
        saturate(175%) !important;
}


.ios26-update-badge::before{
    content:"";

    width:7px;
    height:7px;

    margin-right:6px;

    border-radius:50%;

    background:#30d158;

    box-shadow:
        0 0 0 3px rgba(48,209,88,.12),
        0 0 9px rgba(48,209,88,.38);
}


/* ---------------------------------------------------------
   顶部栏进一步收紧
   --------------------------------------------------------- */

.layout-header{
    padding:
        0 8px !important;
}


.layout-header-left{
    min-width:
        0 !important;
}


.layout-header-left .n-breadcrumb{
    max-width:
        min(45vw, 520px);

    overflow:
        hidden;

    white-space:
        nowrap;
}


.layout-header-right{
    flex-shrink:
        0 !important;

    gap:
        5px !important;
}


/* 顶栏所有图标统一成玻璃小按钮 */

.layout-header-right
.layout-header-trigger{

    width:
        38px !important;

    height:
        38px !important;

    margin:
        0 !important;

    border-radius:
        13px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        rgba(255,255,255,.38) !important;

    border:
        1px solid rgba(255,255,255,.54) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82) !important;
}


.layout-header-right
.layout-header-trigger:hover{

    background:
        rgba(255,255,255,.75) !important;

    box-shadow:
        0 7px 20px rgba(31,45,61,.08),
        inset 0 1px 0 rgba(255,255,255,.96) !important;
}


.layout-header-right
.layout-header-trigger
.n-icon{

    height:
        38px !important;

    line-height:
        38px !important;
}


/* ---------------------------------------------------------
   面包屑：减少“传统后台感”
   --------------------------------------------------------- */

.layout-header-left .n-breadcrumb{

    background:
        rgba(255,255,255,.28) !important;

    border:
        1px solid rgba(255,255,255,.48) !important;

    border-radius:
        14px !important;

    padding:
        7px 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.70) !important;
}


.layout-header-left
.n-breadcrumb-item__link{

    color:
        #667085 !important;

    font-weight:
        500 !important;
}


.layout-header-left
.n-breadcrumb-item:last-child
.n-breadcrumb-item__link{

    color:
        #344054 !important;

    font-weight:
        620 !important;
}


/* ---------------------------------------------------------
   标签区域真正悬浮起来
   --------------------------------------------------------- */

.tabs-view{

    background:
        rgba(245,249,255,.38) !important;

    border-bottom:
        1px solid rgba(255,255,255,.58) !important;

    box-shadow:
        0 7px 24px rgba(31,45,61,.035) !important;
}


.tabs-card-scroll-item{

    color:
        #667085 !important;

    border:
        1px solid rgba(255,255,255,.54) !important;
}


.tabs-card-scroll
.active-item{

    color:
        #087cf0 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(232,244,255,.78)
        ) !important;

    border:
        1px solid rgba(255,255,255,.98) !important;

    box-shadow:
        0 7px 20px rgba(10,132,255,.11),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ---------------------------------------------------------
   手机端顶栏
   --------------------------------------------------------- */

@media (max-width:768px){

    .layout-header{
        padding:
            0 5px !important;
    }


    .layout-header-left .n-breadcrumb{

        max-width:
            46vw !important;

        padding:
            6px 9px !important;

        border-radius:
            12px !important;
    }


    .layout-header-right{

        margin-right:
            2px !important;

        gap:
            3px !important;
    }


    /*
       手机上更新时间只显示简洁状态
       避免像原来红色块一样挤爆 Header
    */

    .ios26-update-badge{

        width:
            68px !important;

        min-width:
            68px !important;

        padding:
            0 7px !important;

        font-size:
            0 !important;
    }


    .ios26-update-badge::before{

        width:
            6px;

        height:
            6px;

        margin-right:
            5px;
    }


    .ios26-update-badge::after{

        content:"02:17";

        font-size:
            11px;

        font-weight:
            650;

        color:
            #1570ef;
    }


    .layout-header-right
    .layout-header-trigger{

        width:
            34px !important;

        height:
            34px !important;

        border-radius:
            11px !important;
    }


    .layout-header-right
    .layout-header-trigger
    .n-icon{

        height:
            34px !important;

        line-height:
            34px !important;
    }

}



/* =========================================================
   iOS 26 Liquid Glass
   Keyboard Floating Dock
   ========================================================= */

#ios26-keyboard-dock{

    position:fixed !important;

    right:18px !important;
    bottom:18px !important;

    z-index:9999 !important;

    display:flex !important;
    align-items:center !important;

    gap:4px !important;

    padding:6px !important;

    border-radius:20px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.80),
            rgba(232,241,255,.58)
        ) !important;

    border:
        1px solid rgba(255,255,255,.92) !important;

    box-shadow:
        0 18px 48px rgba(31,45,61,.16),
        0 3px 10px rgba(31,45,61,.07),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(185%) !important;

    backdrop-filter:
        blur(30px)
        saturate(185%) !important;

}


/* 左边“键盘”标识 */

#ios26-keyboard-dock::before{

    content:"键盘";

    display:flex;
    align-items:center;
    justify-content:center;

    height:34px;

    padding:0 9px;

    margin-right:1px;

    color:#667085;

    font-size:11px;
    font-weight:650;

    letter-spacing:.3px;

    border-right:
        1px solid rgba(15,23,42,.08);
}


/* 两个模式按钮 */

#ios26-keyboard-dock
.ios26-keyboard-option{

    position:relative !important;

    inset:auto !important;

    width:auto !important;
    min-width:48px !important;

    height:36px !important;

    padding:0 12px !important;

    margin:0 !important;

    color:#344054 !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Text",
        "PingFang SC",
        sans-serif !important;

    font-size:12px !important;
    font-weight:600 !important;

    cursor:pointer !important;

    border:
        1px solid rgba(255,255,255,.72) !important;

    border-radius:13px !important;

    outline:none !important;

    background:
        rgba(255,255,255,.42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90) !important;

    transition:
        transform .18s cubic-bezier(.2,.8,.2,1),
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}


#ios26-keyboard-dock
.ios26-keyboard-option:hover{

    background:
        rgba(255,255,255,.84) !important;

    color:
        #087cf0 !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        0 6px 16px rgba(31,45,61,.08),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


#ios26-keyboard-dock
.ios26-keyboard-option:active{

    transform:
        scale(.95) !important;
}


/* 键盘已经打开 */

#ios26-keyboard-dock
.ios26-keyboard-option.is-open{

    color:
        #fff !important;

    background:
        linear-gradient(
            145deg,
            #ff6b6b,
            #ff453a
        ) !important;

    border-color:
        rgba(255,255,255,.65) !important;

    box-shadow:
        0 7px 18px rgba(255,69,58,.22),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}


/* 手机进一步缩小 */

@media (max-width:768px){

    #ios26-keyboard-dock{

        right:10px !important;
        bottom:12px !important;

        padding:5px !important;

        border-radius:18px !important;
    }


    #ios26-keyboard-dock::before{

        height:32px;

        padding:
            0 7px;

        font-size:
            10px;
    }


    #ios26-keyboard-dock
    .ios26-keyboard-option{

        min-width:
            44px !important;

        height:
            34px !important;

        padding:
            0 10px !important;

        border-radius:
            12px !important;

        font-size:
            11px !important;
    }

}



/* =========================================================
   iOS 26 Liquid Glass
   V5 - Virtual Payment Keyboard
   ========================================================= */


/* ---------------------------------------------------------
   整个数字键盘面板
   --------------------------------------------------------- */

#wechat-pay-keyboard{

    background:
        linear-gradient(
            165deg,
            rgba(247,250,255,.88),
            rgba(226,236,249,.78)
        ) !important;

    border:
        1px solid rgba(255,255,255,.90) !important;

    border-bottom:
        none !important;

    border-radius:
        26px 26px 0 0 !important;

    padding:
        14px 14px 12px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 -20px 60px rgba(30,45,65,.18),
        0 -3px 12px rgba(30,45,65,.07),
        inset 0 1px 0 rgba(255,255,255,.98) !important;

    -webkit-backdrop-filter:
        blur(36px)
        saturate(185%) !important;

    backdrop-filter:
        blur(36px)
        saturate(185%) !important;

    overflow:
        hidden !important;
}


/* 顶部玻璃高光 */

#wechat-pay-keyboard::before{

    content:"";

    position:absolute;

    left:18px;
    right:18px;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.95),
            transparent
        );

    pointer-events:none;
}


/* ---------------------------------------------------------
   所有数字按键
   --------------------------------------------------------- */

#wechat-pay-keyboard .key-display{

    min-height:
        52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:
        0 !important;

    border:
        1px solid rgba(255,255,255,.92) !important;

    border-radius:
        17px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(240,245,252,.72)
        ) !important;

    color:
        #182230 !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        "PingFang SC",
        sans-serif !important;

    font-size:
        22px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    text-align:
        center !important;

    text-shadow:
        none !important;

    box-shadow:
        0 7px 18px rgba(31,45,61,.08),
        0 2px 5px rgba(31,45,61,.045),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(160%) !important;

    backdrop-filter:
        blur(18px)
        saturate(160%) !important;

    transition:
        transform .12s cubic-bezier(.2,.8,.2,1),
        background .12s ease,
        box-shadow .12s ease !important;
}


/* ---------------------------------------------------------
   最后一个 × 功能键
   --------------------------------------------------------- */

#wechat-pay-keyboard .key-display:last-of-type{

    color:
        #475467 !important;

    background:
        linear-gradient(
            145deg,
            rgba(228,234,244,.94),
            rgba(214,223,235,.78)
        ) !important;

    font-size:
        20px !important;

    font-weight:
        600 !important;

    box-shadow:
        0 6px 15px rgba(31,45,61,.07),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}


/* ---------------------------------------------------------
   原 HTML 底部白条区域统一玻璃化
   --------------------------------------------------------- */

#wechat-pay-keyboard > div:last-child{

    background:
        transparent !important;

    margin:
        10px -4px -6px !important;

    height:
        18px !important;

    border-radius:
        0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}


/* Home Indicator */

#wechat-pay-keyboard > div:last-child > div{

    width:
        54px !important;

    height:
        5px !important;

    border:
        none !important;

    border-radius:
        999px !important;

    background:
        rgba(29,41,57,.34) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}


/* ---------------------------------------------------------
   遮罩
   --------------------------------------------------------- */

#keyboard-overlay{

    background:
        rgba(20,30,45,.10) !important;

    -webkit-backdrop-filter:
        blur(3px) !important;

    backdrop-filter:
        blur(3px) !important;
}


/* ---------------------------------------------------------
   手机尺寸
   --------------------------------------------------------- */

@media (max-width:768px){

    #wechat-pay-keyboard{

        border-radius:
            24px 24px 0 0 !important;

        padding:
            12px 11px 9px !important;

        box-shadow:
            0 -16px 45px rgba(30,45,65,.17),
            inset 0 1px 0 rgba(255,255,255,.96) !important;
    }


    #wechat-pay-keyboard .key-display{

        min-height:
            48px !important;

        border-radius:
            15px !important;

        font-size:
            20px !important;
    }


    #wechat-pay-keyboard .key-display:last-of-type{

        font-size:
            18px !important;
    }

}


/* ---------------------------------------------------------
   大屏 / 模拟手机画布
   --------------------------------------------------------- */

@media (min-width:769px){

    #wechat-pay-keyboard .key-display{

        min-height:
            58px !important;

        font-size:
            24px !important;
    }

}



/* =========================================================
   iOS 26 Liquid Glass
   V5.1 - Micro Interaction System
   ========================================================= */

:root{
    --ios-motion-fast:160ms;
    --ios-motion-normal:190ms;
    --ios-motion-card:210ms;
    --ios-motion-modal:220ms;
    --ios-motion-drawer:240ms;

    --ios-ease:
        cubic-bezier(.2,.8,.2,1);

    --ios-spring:
        cubic-bezier(.22,1,.36,1);
}


/* =========================================================
   1. 按钮：按下反馈
   ========================================================= */

.n-button,
.layout-header-trigger,
.table-toolbar-right-icon,
.ios26-keyboard-option{

    transition:
        transform var(--ios-motion-fast) var(--ios-ease),
        background var(--ios-motion-fast) ease,
        border-color var(--ios-motion-fast) ease,
        box-shadow var(--ios-motion-fast) ease,
        color var(--ios-motion-fast) ease,
        opacity var(--ios-motion-fast) ease !important;

    will-change:
        transform;
}


.n-button:hover,
.layout-header-trigger:hover,
.table-toolbar-right-icon:hover{

    transform:
        translateY(-1px) !important;
}


.n-button:active,
.layout-header-trigger:active,
.table-toolbar-right-icon:active,
.ios26-keyboard-option:active{

    transform:
        scale(.965) !important;

    transition-duration:
        90ms !important;
}


/* 主按钮稍微有一点“浮起”感 */

.n-button--primary-type:hover{

    box-shadow:
        0 11px 25px rgba(0,122,255,.26),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}


/* =========================================================
   2. 卡片：轻微悬浮
   ========================================================= */

.n-card,
.s-table,
.index-root .n-form{

    transition:
        transform var(--ios-motion-card) var(--ios-spring),
        box-shadow var(--ios-motion-card) ease,
        border-color var(--ios-motion-card) ease,
        background var(--ios-motion-card) ease !important;
}


.n-card:hover{

    transform:
        translateY(-1px);

    box-shadow:
        0 20px 55px rgba(31,45,61,.11),
        0 3px 9px rgba(31,45,61,.05),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
}


/*
   表单和大表格区域不整体乱晃，
   只稍微加强边缘高光。
*/

.s-table:hover,
.index-root .n-form:hover{

    border-color:
        rgba(255,255,255,.98) !important;
}


/* =========================================================
   3. 左侧菜单
   ========================================================= */

.n-menu-item-content{

    transition:
        transform var(--ios-motion-normal) var(--ios-spring),
        background var(--ios-motion-normal) ease,
        color var(--ios-motion-normal) ease,
        box-shadow var(--ios-motion-normal) ease !important;
}


.n-menu-item-content:hover{

    transform:
        translateX(2px);
}


.n-menu-item-content:active{

    transform:
        translateX(1px)
        scale(.985);
}


/* 菜单图标同步微动 */

.n-menu-item-content__icon{

    transition:
        transform var(--ios-motion-normal) var(--ios-spring),
        color var(--ios-motion-normal) ease !important;
}


.n-menu-item-content:hover
.n-menu-item-content__icon{

    transform:
        scale(1.06);
}


/* =========================================================
   4. Tab 标签
   ========================================================= */

.tabs-card-scroll-item,
.n-tabs-tab{

    transition:
        transform var(--ios-motion-normal) var(--ios-spring),
        background var(--ios-motion-normal) ease,
        color var(--ios-motion-normal) ease,
        box-shadow var(--ios-motion-normal) ease,
        border-color var(--ios-motion-normal) ease !important;
}


.tabs-card-scroll-item:hover,
.n-tabs-tab:hover{

    transform:
        translateY(-1px);
}


.tabs-card-scroll-item:active,
.n-tabs-tab:active{

    transform:
        scale(.97);
}


/* =========================================================
   5. 输入框 / Select
   ========================================================= */

.n-input,
.n-base-selection{

    transition:
        background var(--ios-motion-normal) ease,
        border-color var(--ios-motion-normal) ease,
        box-shadow var(--ios-motion-normal) ease,
        transform var(--ios-motion-normal) var(--ios-ease) !important;
}


.n-input:hover,
.n-base-selection:hover{

    transform:
        translateY(-.5px);
}


.n-input--focus,
.n-base-selection--active{

    transform:
        translateY(-1px);

    box-shadow:
        0 0 0 3px rgba(10,132,255,.11),
        0 7px 20px rgba(10,132,255,.07),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* =========================================================
   6. Switch
   ========================================================= */

.n-switch{

    transition:
        transform var(--ios-motion-fast) var(--ios-spring),
        filter var(--ios-motion-fast) ease !important;
}


.n-switch:hover{

    transform:
        scale(1.025);
}


.n-switch:active{

    transform:
        scale(.96);
}


.n-switch__button{

    transition:
        transform var(--ios-motion-normal) var(--ios-spring),
        box-shadow var(--ios-motion-normal) ease !important;
}


/* =========================================================
   7. 表格
   ========================================================= */

.n-data-table-td{

    transition:
        background var(--ios-motion-normal) ease,
        color var(--ios-motion-normal) ease !important;
}


.n-data-table-tr:hover
.n-data-table-td{

    background:
        rgba(238,247,255,.88) !important;
}


/*
   固定列只变颜色，不做透明/位移，
   防止之前出现文字重影。
*/

.n-data-table-td--fixed-left,
.n-data-table-td--fixed-right,
.n-data-table-th--fixed-left,
.n-data-table-th--fixed-right{

    transform:
        none !important;
}


/* =========================================================
   8. 分页
   ========================================================= */

.n-pagination-item,
.n-pagination-prev,
.n-pagination-next{

    transition:
        transform var(--ios-motion-fast) var(--ios-spring),
        background var(--ios-motion-fast) ease,
        color var(--ios-motion-fast) ease,
        box-shadow var(--ios-motion-fast) ease !important;
}


.n-pagination-item:hover,
.n-pagination-prev:hover,
.n-pagination-next:hover{

    transform:
        translateY(-1px);
}


.n-pagination-item:active,
.n-pagination-prev:active,
.n-pagination-next:active{

    transform:
        scale(.93);
}


/* =========================================================
   9. Dropdown / Popover
   ========================================================= */

.n-base-select-menu,
.n-dropdown-menu,
.n-popover{

    transform-origin:
        top center;

    animation:
        ios26-popover-in
        180ms
        var(--ios-spring);
}


@keyframes ios26-popover-in{

    from{
        opacity:0;
        transform:
            translateY(-4px)
            scale(.975);
    }

    to{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }

}


/* =========================================================
   10. Modal / Dialog
   ========================================================= */

.n-modal,
.n-dialog{

    transform-origin:
        center center;

    animation:
        ios26-modal-in
        var(--ios-motion-modal)
        var(--ios-spring);
}


@keyframes ios26-modal-in{

    0%{
        opacity:0;
        transform:
            scale(.965)
            translateY(7px);
    }

    100%{
        opacity:1;
        transform:
            scale(1)
            translateY(0);
    }

}


/* =========================================================
   11. Drawer
   ========================================================= */

.n-drawer{

    animation:
        ios26-drawer-in
        var(--ios-motion-drawer)
        var(--ios-spring);
}


@keyframes ios26-drawer-in{

    from{
        opacity:.3;
        transform:
            translateX(-12px);
    }

    to{
        opacity:1;
        transform:
            translateX(0);
    }

}


/* =========================================================
   12. Toast / Notification
   ========================================================= */

.n-message,
.n-notification{

    animation:
        ios26-toast-in
        210ms
        var(--ios-spring);
}


@keyframes ios26-toast-in{

    from{
        opacity:0;
        transform:
            translateY(-8px)
            scale(.975);
    }

    to{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }

}


/* =========================================================
   13. Keyboard Dock
   ========================================================= */

#ios26-keyboard-dock{

    animation:
        ios26-dock-enter
        260ms
        var(--ios-spring);

    transition:
        box-shadow var(--ios-motion-card) ease,
        transform var(--ios-motion-card) var(--ios-spring),
        background var(--ios-motion-card) ease !important;
}


#ios26-keyboard-dock:hover{

    transform:
        translateY(-2px);

    box-shadow:
        0 22px 55px rgba(31,45,61,.18),
        0 4px 11px rgba(31,45,61,.08),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


@keyframes ios26-dock-enter{

    from{
        opacity:0;
        transform:
            translateY(12px)
            scale(.94);
    }

    to{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }

}


/* =========================================================
   14. Toolbar Icons
   ========================================================= */

.table-toolbar-right-icon .n-icon,
.layout-header-trigger .n-icon{

    transition:
        transform var(--ios-motion-normal) var(--ios-spring),
        color var(--ios-motion-normal) ease !important;
}


.table-toolbar-right-icon:hover .n-icon,
.layout-header-trigger:hover .n-icon{

    transform:
        scale(1.08);
}


/* 刷新图标点击时轻微旋转 */

.table-toolbar-right-icon:active .n-icon{

    transform:
        rotate(12deg)
        scale(.95);
}


/* =========================================================
   15. Logo
   ========================================================= */

.layout-sider .logo img{

    transition:
        transform 220ms var(--ios-spring),
        filter 220ms ease !important;
}


.layout-sider .logo:hover img{

    transform:
        scale(1.035);

    filter:
        drop-shadow(
            0 6px 12px rgba(31,45,61,.13)
        );
}


/* =========================================================
   16. Accessibility
   用户系统开启“减少动态效果”时自动关闭动画
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{

        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;

        scroll-behavior:
            auto !important;
    }

}