/* Engine App Shell - business content skin for shop pages */
/* Loaded after site.css + main.css to restyle layui/bootstrap content */

body.engine-app{
    font-family:"Microsoft YaHei","PingFang SC","Source Han Sans SC",sans-serif;
    background:
        radial-gradient(circle at 12% 0%,rgba(212,83,47,.14),transparent 26rem),
        radial-gradient(circle at 88% 8%,rgba(216,179,98,.10),transparent 28rem),
        linear-gradient(180deg,var(--bg),var(--bg-soft) 54%,var(--bg)) !important;
    color:var(--text) !important;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}
body.engine-app a{color:var(--gold-2);text-decoration:none}
body.engine-app a:hover{color:var(--gold)}

/* keep the shared engine header untouched by layui/bootstrap/default template css */
body.engine-app .site-header{
    position:fixed !important;
    inset:0 0 auto !important;
    height:auto !important;
    z-index:1000 !important;
    background:var(--nav) !important;
    border-bottom:1px solid var(--line) !important;
    box-shadow:none !important;
}
body.engine-app .site-header .container.nav-wrap{
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
}
body.engine-app .site-header .brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:max-content !important;
    color:inherit !important;
}
body.engine-app .site-header .brand-logo{
    display:block !important;
    width:auto !important;
    max-width:250px !important;
    max-height:60px !important;
    object-fit:contain !important;
}
body.engine-app .site-header .brand-mark{
    width:40px !important;
    height:40px !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1 !important;
}
body.engine-app .site-header .brand-name{
    display:flex !important;
    flex-direction:column !important;
    line-height:1.1 !important;
}
body.engine-app .site-header .brand-name strong{
    font-size:18px !important;
    font-weight:800 !important;
    letter-spacing:1px !important;
    color:var(--gold-2) !important;
    line-height:1.1 !important;
}
body.engine-app .site-header .brand-name span{
    font-size:11px !important;
    color:var(--muted) !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
    margin-top:4px !important;
}
body.engine-app .site-header .nav-menu{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}
body.engine-app .site-header .nav-menu a{
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 14px !important;
    border-radius:6px !important;
    color:var(--muted) !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:38px !important;
    letter-spacing:.5px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
body.engine-app .site-header .nav-menu a:hover,
body.engine-app .site-header .nav-menu a.active{
    color:var(--text) !important;
    background:rgba(216,179,98,.1) !important;
}
body.engine-app .site-header .nav-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}
body.engine-app .site-header .theme-toggle,
body.engine-app .site-header .mobile-toggle{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    padding:0 !important;
    border:1px solid var(--line) !important;
    border-radius:8px !important;
    background:rgba(255,255,255,.04) !important;
    box-shadow:none !important;
}
body.engine-app .site-header .download-pill{
    height:40px !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 16px !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,var(--red),var(--ember)) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:40px !important;
    box-shadow:0 14px 30px rgba(180,61,35,.24) !important;
}
body.engine-app .site-header .icon{
    width:18px !important;
    height:18px !important;
}
html[data-theme="light"] body.engine-app .site-header{
    background:var(--nav) !important;
}

/* fixed header spacing */
body.engine-app #content{
    margin-top:0 !important;
    padding:104px 0 48px;
    min-height:calc(100vh - 180px);
}
body.engine-app .main{
    margin-top:16px !important;
}
body.engine-app .layui-row{
    margin:0 auto !important;
    width:min(1180px,calc(100% - 40px));
}
body.engine-app .layui-col-md8.layui-col-md-offset2,
body.engine-app .layui-col-md8{
    margin-left:0 !important;
    width:100% !important;
    float:none !important;
}

/* cards / panels */
body.engine-app .main .main-box,
body.engine-app .layui-card,
body.engine-app .card,
body.engine-app .bg-white,
body.engine-app .my-3.p-3.bg-white,
body.engine-app .shadow-sm{
    background:rgba(255,255,255,.045) !important;
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    box-shadow:var(--shadow) !important;
    color:var(--text) !important;
    backdrop-filter:blur(10px);
}
html[data-theme="light"] body.engine-app .main .main-box,
html[data-theme="light"] body.engine-app .layui-card,
html[data-theme="light"] body.engine-app .card,
html[data-theme="light"] body.engine-app .bg-white,
html[data-theme="light"] body.engine-app .my-3.p-3.bg-white{
    background:rgba(255,255,255,.78) !important;
}

body.engine-app .main .title,
body.engine-app .main .title-2,
body.engine-app .pay-title,
body.engine-app .layui-card-header,
body.engine-app .page-title,
body.engine-app .card-title,
body.engine-app h1,body.engine-app h2,body.engine-app h3,body.engine-app h4,body.engine-app h5,body.engine-app h6{
    color:var(--text) !important;
}
body.engine-app .main .title,
body.engine-app .main .title-2,
body.engine-app .pay-title{
    border-bottom:1px solid var(--line);
    padding-bottom:12px;
    margin-bottom:8px;
    font-weight:800;
    letter-spacing:0;
}
body.engine-app .main .title svg path,
body.engine-app .main .title-2 svg path,
body.engine-app .pay-title svg path{
    fill:var(--gold) !important;
}

/* category chips */
body.engine-app .main .cate .cate-box{
    background:rgba(0,0,0,.18) !important;
    border:1px solid var(--line);
    border-radius:10px !important;
    transition:border-color .2s ease, transform .2s ease, background .2s ease;
}
body.engine-app .main .cate .cate-box p{color:var(--text) !important;font-weight:700}
body.engine-app .main .cate .cate-box div{color:var(--muted) !important}
body.engine-app .main .cate .cate-box:hover{
    border-color:var(--line-strong);
    transform:translateY(-1px);
}
body.engine-app .main .cate .cate-box-select{
    background:linear-gradient(135deg,rgba(143,33,30,.92),rgba(212,85,47,.88) 55%,rgba(216,179,98,.75)) !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px rgba(180,61,35,.22);
}
body.engine-app .main .cate .cate-box-select p,
body.engine-app .main .cate .cate-box-select div{color:#fff !important}

/* goods cards */
body.engine-app .main .goods{color:var(--text) !important}
body.engine-app .main .goods .goods-box{
    background:rgba(0,0,0,.16) !important;
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    box-shadow:none !important;
    transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.engine-app .main .goods .goods-box:hover{
    border-color:var(--line-strong) !important;
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(0,0,0,.22);
}
body.engine-app .main .goods .goods-name,
body.engine-app .main-box .goods-msg .goods-name{
    color:var(--text) !important;
    border-bottom-color:var(--line) !important;
}
body.engine-app .main .goods .goods-price,
body.engine-app .main .goods .goods-price span,
body.engine-app .price .price-sign,
body.engine-app .price .price-num{
    color:var(--ember) !important;
}
body.engine-app .main .goods .goods-price div,
body.engine-app .price .price-c,
body.engine-app .l-msg,
body.engine-app .intro,
body.engine-app .loading,
body.engine-app .text-muted,
body.engine-app .form-control-label,
body.engine-app label{
    color:var(--muted) !important;
}
body.engine-app .intro{font-weight:500 !important;line-height:1.8 !important}
body.engine-app .intro img{border-radius:8px;border:1px solid var(--line)}

/* search */
body.engine-app .shosu{
    background:rgba(0,0,0,.18) !important;
    border:1px solid var(--line) !important;
}
body.engine-app .shosu input{
    background:transparent !important;
    color:var(--text) !important;
}

/* forms */
body.engine-app .layui-input,
body.engine-app .layui-textarea,
body.engine-app .layui-select,
body.engine-app input.layui-input,
body.engine-app .form-control,
body.engine-app select.form-control,
body.engine-app textarea.form-control{
    background:rgba(0,0,0,.18) !important;
    border:1px solid var(--line) !important;
    color:var(--text) !important;
    border-radius:8px !important;
    box-shadow:none !important;
}
body.engine-app .layui-input:focus,
body.engine-app .layui-textarea:focus,
body.engine-app .form-control:focus{
    border-color:var(--line-strong) !important;
    box-shadow:0 0 0 3px rgba(216,179,98,.12) !important;
}
body.engine-app .layui-form-label,
body.engine-app .layui-form-mid{color:var(--muted) !important}
body.engine-app .input-group-text{
    background:rgba(0,0,0,.22) !important;
    border:1px solid var(--line) !important;
    color:var(--muted) !important;
}
body.engine-app ::placeholder{color:var(--faint) !important}

/* buttons */
body.engine-app .buy button,
body.engine-app .layui-btn,
body.engine-app .btn-primary,
body.engine-app .btn-new-ticket,
body.engine-app .btn-search,
body.engine-app .btn-detail,
body.engine-app button.btn-primary,
body.engine-app #login-btn,
body.engine-app #register-btn{
    background:linear-gradient(135deg,var(--red),var(--ember)) !important;
    border:none !important;
    color:#fff !important;
    border-radius:8px !important;
    font-weight:700 !important;
    box-shadow:0 12px 28px rgba(180,61,35,.22);
    transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
body.engine-app .buy button:hover,
body.engine-app .layui-btn:hover,
body.engine-app .btn-primary:hover,
body.engine-app .btn-new-ticket:hover,
body.engine-app .btn-search:hover,
body.engine-app .btn-detail:hover{
    filter:brightness(1.05);
    transform:translateY(-1px);
    background:linear-gradient(135deg,var(--ember),var(--gold)) !important;
}
body.engine-app .layui-btn-primary,
body.engine-app .btn-secondary,
body.engine-app .btn-outline-secondary,
body.engine-app .btn-white{
    background:rgba(255,255,255,.04) !important;
    border:1px solid var(--line) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
body.engine-app .layui-btn-danger,
body.engine-app .del-btn{background:linear-gradient(135deg,#8b1e1a,#c0392b) !important;color:#fff !important}
body.engine-app .layui-btn-normal,
body.engine-app .qfk-btn,
body.engine-app .goods-btn,
body.engine-app .sh-btn{background:linear-gradient(135deg,var(--ember),var(--gold)) !important;color:#fff !important}

/* tabs */
body.engine-app .layui-tab-title{
    border-bottom:1px solid var(--line) !important;
}
body.engine-app .layui-tab-title li{
    color:var(--muted) !important;
}
body.engine-app .layui-tab-title li a{color:inherit !important}
body.engine-app .layui-tab-title .layui-this{
    color:var(--text) !important;
    background:transparent !important;
}
body.engine-app .layui-tab-title .layui-this:after{
    border:none !important;
    height:2px !important;
    background:linear-gradient(90deg,var(--ember),var(--gold)) !important;
    border-radius:2px !important;
}
body.engine-app .layui-tab-content{color:var(--text)}

/* product detail */
body.engine-app .product-detail-panel{
    position:relative;
    overflow:hidden;
    padding:28px 40px 34px !important;
    min-height:430px;
}
body.engine-app .product-detail-panel::before{
    content:"";
    position:absolute;
    inset:76px 34px 28px 46%;
    pointer-events:none;
    opacity:.16;
    background-image:
        linear-gradient(rgba(216,179,98,.22) 1px,transparent 1px),
        linear-gradient(90deg,rgba(216,179,98,.16) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg,transparent,#000 18%,#000 80%,transparent);
}
html[data-theme="light"] body.engine-app .product-detail-panel::before{
    opacity:.18;
    background-image:
        linear-gradient(rgba(142,92,37,.20) 1px,transparent 1px),
        linear-gradient(90deg,rgba(142,92,37,.14) 1px,transparent 1px);
}
body.engine-app .product-detail-panel > .title,
body.engine-app .product-intro-panel > .title{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 26px !important;
    padding:0 0 16px !important;
    border-bottom:1px solid var(--line) !important;
    color:var(--text) !important;
    font-size:18px;
}
body.engine-app .product-detail-panel > .title::after,
body.engine-app .product-intro-panel > .title::after{
    content:"";
    height:1px;
    flex:1;
    background:rgba(169,116,62,.18);
    margin-left:8px;
}
body.engine-app .product-detail-panel > .title .svg,
body.engine-app .product-intro-panel > .title .svg{
    width:22px;
    height:22px;
}
body.engine-app .product-detail-panel .layui-col-md4{
    position:relative;
    z-index:1;
    width:34% !important;
    float:left !important;
}
body.engine-app .product-detail-panel .product-buy-panel{
    position:relative;
    z-index:1;
}
body.engine-app .product-detail-panel .product-buy-panel > .layui-col-md8{
    width:66% !important;
    float:left !important;
    padding-left:28px;
}
body.engine-app .product-detail-panel .goods-img{
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding-bottom:0 !important;
    aspect-ratio:1 / 1;
    border:1px solid rgba(216,179,98,.20);
    border-radius:8px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 38%,rgba(216,179,98,.10),transparent 42%),
        rgba(255,255,255,.035);
    box-shadow:0 22px 52px rgba(0,0,0,.18);
}
html[data-theme="light"] body.engine-app .product-detail-panel .goods-img{
    background:
        radial-gradient(circle at 50% 38%,rgba(184,56,42,.08),transparent 42%),
        #fffaf3;
    border-color:rgba(142,92,37,.18);
    box-shadow:0 22px 48px rgba(96,62,23,.10);
}
body.engine-app .product-detail-panel .goods-img img{
    position:static !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    object-fit:cover;
}
body.engine-app .product-detail-panel .goods-msg{
    margin:0 !important;
    max-width:680px;
}
body.engine-app .product-detail-panel .goods-name{
    min-height:0;
    margin:0 0 18px !important;
    padding:0 0 16px !important;
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid var(--line) !important;
    color:var(--text) !important;
    font-size:22px !important;
    line-height:1.35;
}
body.engine-app .product-detail-panel .goods-name .svg{
    width:24px;
    height:24px;
    flex:0 0 24px;
}
body.engine-app .product-detail-panel .goods-name > span{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
body.engine-app .product-detail-panel .small-tips{
    margin-left:0;
    padding:4px 8px;
    border-radius:6px;
    font-size:12px;
    font-weight:800;
}
body.engine-app .product-detail-panel .tips-blue{
    color:#2b2119;
    background:linear-gradient(135deg,rgba(216,179,98,.92),rgba(241,208,132,.80));
}
body.engine-app .product-detail-panel .price{
    margin:0 0 24px;
    display:flex;
    align-items:flex-end;
    gap:4px;
}
body.engine-app .product-detail-panel .price-sign{
    color:var(--ember) !important;
    font-size:18px !important;
    line-height:1.2;
}
body.engine-app .product-detail-panel .price-num{
    color:var(--ember) !important;
    font-size:34px !important;
    line-height:1;
    font-weight:900;
}
body.engine-app .product-detail-panel .notSelection{
    display:flex !important;
    align-items:center;
    justify-content:flex-start !important;
    margin:0 0 24px;
}
body.engine-app .product-detail-panel .order-number-box{
    height:46px;
    display:inline-grid;
    grid-template-columns:46px 64px 46px;
    align-items:center;
    overflow:hidden;
    border:1px solid rgba(216,179,98,.26);
    border-radius:8px;
    background:rgba(7,10,15,.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="light"] body.engine-app .product-detail-panel .order-number-box{
    background:rgba(255,250,243,.70);
    border-color:rgba(142,92,37,.24);
}
body.engine-app .product-detail-panel .input-group-prepend,
body.engine-app .product-detail-panel .input-group-append{
    float:none;
    display:block;
    font-size:18px;
}
body.engine-app .product-detail-panel .order-number{
    width:64px !important;
    height:46px !important;
    float:none;
    padding:0 !important;
    border:0 !important;
    border-left:1px solid rgba(216,179,98,.20) !important;
    border-right:1px solid rgba(216,179,98,.20) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.03) !important;
    color:var(--text) !important;
    font-size:16px;
    font-weight:800;
}
html[data-theme="light"] body.engine-app .product-detail-panel .order-number{
    background:rgba(255,255,255,.72) !important;
    color:#251b13 !important;
}
body.engine-app .product-detail-panel .btn.btn-outline-secondary{
    width:46px;
    height:46px;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    display:grid;
    place-items:center;
    background:transparent !important;
    color:var(--text) !important;
    box-shadow:none !important;
    font-size:22px;
    line-height:1;
}
body.engine-app .product-detail-panel .btn.btn-outline-secondary:hover{
    background:rgba(216,179,98,.12) !important;
    transform:none;
}
html[data-theme="light"] body.engine-app .product-detail-panel .btn.btn-outline-secondary{
    color:#251b13 !important;
}
body.engine-app .product-detail-panel .buy.btn{
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    float:none !important;
    border:0;
    line-height:1;
}
body.engine-app .product-detail-panel .buy button{
    height:48px;
    min-width:168px;
    margin:0 !important;
    padding:0 28px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px !important;
    background:linear-gradient(135deg,#9d2a22,#d4552f 58%,#d8a34e) !important;
    box-shadow:0 20px 38px rgba(184,56,42,.30);
}
body.engine-app .product-detail-panel .buy span:not(button span){
    display:inline-flex;
    min-height:44px;
    align-items:center;
    padding:0 18px;
    border-radius:8px;
    color:var(--muted);
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
}
body.engine-app .product-detail-panel::after{
    content:"";
    display:block;
    clear:both;
}
body.engine-app .product-intro-panel{
    padding:28px 40px 34px !important;
    min-height:190px;
}
body.engine-app .product-intro-panel .intro{
    position:relative;
    margin:0;
    padding:24px 28px !important;
    min-height:92px;
    border:1px solid rgba(216,179,98,.16);
    border-radius:8px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),
        repeating-linear-gradient(135deg,rgba(216,179,98,.03) 0 1px,transparent 1px 12px);
    color:var(--muted) !important;
    font-size:15px !important;
    line-height:1.9 !important;
}
html[data-theme="light"] body.engine-app .product-intro-panel .intro{
    background:
        linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,250,243,.54)),
        repeating-linear-gradient(135deg,rgba(142,92,37,.035) 0 1px,transparent 1px 12px);
    border-color:rgba(142,92,37,.16);
    color:#5b493b !important;
}

/* tables */
body.engine-app .layui-table,
body.engine-app table{
    background:transparent !important;
    color:var(--text) !important;
}
body.engine-app .layui-table thead tr,
body.engine-app .layui-table th{
    background:rgba(216,179,98,.08) !important;
    color:var(--gold-2) !important;
    border-color:var(--line) !important;
}
body.engine-app .layui-table td,
body.engine-app .layui-table th,
body.engine-app table td,
body.engine-app table th{
    border-color:var(--line) !important;
    color:var(--text) !important;
}
body.engine-app .layui-table tbody tr:hover{background:rgba(216,179,98,.05) !important}
body.engine-app .layui-table[lay-even] tr:nth-child(even){background:rgba(255,255,255,.02) !important}

/* order cards / list */
body.engine-app .order-no,
body.engine-app .goods-name,
body.engine-app .goods-price{color:var(--text)}
body.engine-app .layui-card .layui-card-header span{color:var(--muted)}

/* tips badges */
body.engine-app .tips-pink{background:rgba(251,99,107,.15);color:#ff8e94}
body.engine-app .tips-green{background:rgba(84,214,138,.15);color:var(--green)}
body.engine-app .tips-yellow{background:rgba(216,179,98,.16);color:var(--gold-2)}
body.engine-app .tips-blue{background:rgba(60,140,231,.14);color:#7eb6ff}
body.engine-app .tips-red{background:rgba(250,1,109,.12);color:#ff6aa8}

/* pay type */
body.engine-app .pay{border-top-color:var(--line) !important}
body.engine-app .pay-type{
    border:1px solid var(--line);
    background:rgba(0,0,0,.14);
    color:var(--text);
}
body.engine-app .pay-select{
    border:1px solid var(--line-strong) !important;
    background:rgba(216,179,98,.12) !important;
    color:var(--gold-2) !important;
}

/* bootstrap overrides used by ticket */
body.engine-app .rounded,
body.engine-app .rounded-sm{border-radius:10px !important}
body.engine-app .shadow,
body.engine-app .shadow-sm{box-shadow:var(--shadow) !important}
body.engine-app .text-dark,
body.engine-app .text-body{color:var(--text) !important}
body.engine-app .border,
body.engine-app .border-top,
body.engine-app .border-bottom{border-color:var(--line) !important}
body.engine-app .custom-control-label,
body.engine-app .custom-control-label::before{color:var(--muted)}
body.engine-app .type-grid label{
    border:1px solid var(--line) !important;
    color:var(--muted) !important;
    background:rgba(0,0,0,.12);
    border-radius:8px !important;
}
body.engine-app .type-grid label:hover{
    border-color:var(--line-strong) !important;
    color:var(--text) !important;
}
body.engine-app .type-grid label.active{
    background:linear-gradient(135deg,var(--red),var(--ember)) !important;
    border-color:transparent !important;
    color:#fff !important;
}
body.engine-app .ticket-card,
body.engine-app .ticket-list .ticket-card{
    background:rgba(0,0,0,.14) !important;
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    color:var(--text) !important;
}
body.engine-app .ticket-card .title-text,
body.engine-app .card-title-area .title-text{color:var(--text) !important}
body.engine-app .card-meta-row,
body.engine-app .meta-item,
body.engine-app .empty-text,
body.engine-app .empty-sub,
body.engine-app .list-footer{color:var(--muted) !important}
body.engine-app .ticket-type-badge{
    background:rgba(216,179,98,.12) !important;
    color:var(--gold-2) !important;
    border:1px solid var(--line);
}
body.engine-app .status-badge{border:1px solid var(--line)}
body.engine-app .page-header{
    border-bottom:1px solid var(--line);
    padding-bottom:14px;
    margin-bottom:16px;
}
body.engine-app .search-form .form-control{
    min-width:180px;
}
body.engine-app .upload-btn{
    border:1px dashed var(--line-strong) !important;
    color:var(--muted);
    background:rgba(0,0,0,.1);
}
body.engine-app .upload-item img{border-color:var(--line) !important}

/* layer popup */
body.engine-app .layui-layer,
body.engine-app .layui-layer-rim{
    background:var(--surface) !important;
    border:1px solid var(--line) !important;
    color:var(--text) !important;
    border-radius:10px !important;
}
body.engine-app .layui-layer-title{
    background:rgba(216,179,98,.08) !important;
    border-bottom:1px solid var(--line) !important;
    color:var(--text) !important;
}
body.engine-app .layui-layer-content{color:var(--text) !important}
body.engine-app .home-tips .layui-layer-title{
    background:linear-gradient(135deg,var(--red),var(--ember) 55%,var(--gold)) !important;
    color:#fff !important;
}
body.engine-app .home-tips .layui-layer-content{color:var(--text) !important}

/* footer inside default shell */
body.engine-app .site-footer{margin-top:0}
body.engine-app .site-footer .footer-meta{
    margin-top:14px;
    font-size:12px;
    color:var(--faint);
}
body.engine-app .site-footer .footer-meta a{color:var(--muted)}

/* notice box */
body.engine-app #notice{
    border-left:3px solid var(--ember);
    color:var(--muted) !important;
}

/* pagination */
body.engine-app .layui-laypage a,
body.engine-app .layui-laypage span{
    background:rgba(0,0,0,.14) !important;
    border:1px solid var(--line) !important;
    color:var(--muted) !important;
}
body.engine-app .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background:linear-gradient(135deg,var(--red),var(--ember)) !important;
}
body.engine-app .layui-laypage .layui-laypage-curr em{color:#fff !important}

/* auth pages */
body.engine-app.auth-page #content{padding:0;min-height:0}
body.engine-app .auth-wrap{
    min-height:calc(100vh - 180px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:120px 20px 60px;
}
body.engine-app .auth-card{
    width:min(460px,100%);
    border:1px solid var(--line);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    box-shadow:var(--shadow);
    padding:36px 34px 30px;
    backdrop-filter:blur(12px);
}
html[data-theme="light"] body.engine-app .auth-card{background:rgba(255,255,255,.82)}
body.engine-app .auth-card .auth-brand{
    display:flex;align-items:center;gap:12px;margin-bottom:22px;
}
body.engine-app .auth-card .auth-brand .mark{
    width:40px;height:40px;border-radius:8px;display:grid;place-items:center;
    background:linear-gradient(145deg,var(--red),var(--ember) 54%,var(--gold));
    color:#fff;font-weight:900;border:1px solid var(--line-strong);
}
body.engine-app .auth-card h1{
    font-size:22px;margin:0 0 6px;color:var(--text);
}
body.engine-app .auth-card .auth-desc{
    color:var(--muted);font-size:13px;margin-bottom:22px;
}
body.engine-app .auth-card .form-group{margin-bottom:16px}
body.engine-app .auth-card .auth-links{
    margin-top:18px;text-align:center;color:var(--muted);font-size:13px;
}
body.engine-app .auth-card .auth-links a{color:var(--gold-2);font-weight:700}
body.engine-app .authentication-bg,
body.engine-app.authentication-bg{
    background:transparent !important;
}
body.engine-app .account-pages .card.login,
body.engine-app .account-pages .card.register{
    background:rgba(255,255,255,.045) !important;
    border:1px solid var(--line) !important;
    border-radius:12px !important;
    box-shadow:var(--shadow) !important;
    color:var(--text);
}
html[data-theme="light"] body.engine-app .account-pages .card.login,
html[data-theme="light"] body.engine-app .account-pages .card.register{
    background:rgba(255,255,255,.84) !important;
}
body.engine-app .account-pages .text-logo,
body.engine-app .account-pages h3,
body.engine-app .account-pages .form-control-label,
body.engine-app .account-pages .custom-control-label{
    color:var(--text) !important;
}
body.engine-app .account-pages .text-muted{color:var(--muted) !important}
body.engine-app .account-pages{
    padding-top:110px !important;
    padding-bottom:40px;
}

/* hide old footer if leftover */
body.engine-app .laypro_footer{display:none !important}

/* mobile */
@media (max-width:768px){
    body.engine-app #content{padding:92px 0 36px}
    body.engine-app .layui-row{width:min(100%,calc(100% - 20px))}
    body.engine-app .main .cate .cate-box{min-width:104px}
    body.engine-app .auth-card{padding:28px 20px}
}


/* ticket hard-coded whites override */
body.engine-app .ticket-card,
body.engine-app .ticket-list .ticket-card{
    background: rgba(0,0,0,.14) !important;
}
html[data-theme="light"] body.engine-app .ticket-card{
    background: rgba(255,255,255,.55) !important;
}
body.engine-app .status-badge.status-0{ background: rgba(148,163,184,.12) !important; color: var(--muted) !important; }
body.engine-app .status-badge.status-1{ background: rgba(59,130,246,.14) !important; color: #7eb6ff !important; }
body.engine-app .status-badge.status-2{ background: rgba(216,179,98,.16) !important; color: var(--gold-2) !important; }
body.engine-app .status-badge.status-3{ background: rgba(84,214,138,.14) !important; color: var(--green) !important; }
body.engine-app .status-badge.status-4{ background: rgba(148,163,184,.12) !important; color: var(--faint) !important; }
body.engine-app .main .main-box{ padding: 18px 20px 20px; }
body.engine-app .layui-form-item{ margin-bottom: 16px; }

/* refined business pages */
html[data-theme="light"] body.engine-app{
    background:
        linear-gradient(180deg,rgba(255,251,244,.92),rgba(246,240,231,.96) 48%,rgba(242,235,225,.98)),
        url("/assets/shop/images/cjkz2329.jpg") center top/cover fixed no-repeat !important;
    color:#2b2119 !important;
}
html[data-theme="light"] body.engine-app::before{
    opacity:.08;
}
html[data-theme="light"] body.engine-app::after{
    opacity:.05;
}
body.engine-app #content{
    padding-bottom:72px;
}
body.engine-app .main .main-box{
    padding:24px 28px 28px !important;
    border-radius:8px !important;
    overflow:hidden;
}
html[data-theme="light"] body.engine-app .main .main-box,
html[data-theme="light"] body.engine-app .layui-card,
html[data-theme="light"] body.engine-app .card,
html[data-theme="light"] body.engine-app .bg-white,
html[data-theme="light"] body.engine-app .my-3.p-3.bg-white{
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(169,116,62,.20) !important;
    box-shadow:0 18px 48px rgba(95,66,35,.10) !important;
}
html[data-theme="light"] body.engine-app .main .title,
html[data-theme="light"] body.engine-app .main .title-2,
html[data-theme="light"] body.engine-app .pay-title,
html[data-theme="light"] body.engine-app .layui-card-header,
html[data-theme="light"] body.engine-app .page-title,
html[data-theme="light"] body.engine-app h1,
html[data-theme="light"] body.engine-app h2,
html[data-theme="light"] body.engine-app h3,
html[data-theme="light"] body.engine-app h4,
html[data-theme="light"] body.engine-app h5,
html[data-theme="light"] body.engine-app h6{
    color:#251a12 !important;
}
body.engine-app .main .title,
body.engine-app .main .title-2,
body.engine-app .pay-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 12px 18px !important;
    padding:0 0 14px !important;
    font-size:15px;
}
body.engine-app .main .cate,
body.engine-app .main .goods{
    margin:0 12px !important;
}
html[data-theme="light"] body.engine-app .main .title,
html[data-theme="light"] body.engine-app .main .title-2,
html[data-theme="light"] body.engine-app .pay-title{
    border-bottom-color:rgba(169,116,62,.22);
}
body.engine-app .main .cate{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    padding-top:8px !important;
}
body.engine-app .main .cate .cate-box{
    height:auto !important;
    min-width:128px;
    margin:0 !important;
    padding:14px 16px !important;
    border-radius:8px !important;
}
html[data-theme="light"] body.engine-app .main .cate .cate-box{
    background:#fffaf3 !important;
    border-color:rgba(169,116,62,.26) !important;
}
html[data-theme="light"] body.engine-app .main .cate .cate-box:hover{
    background:#fff4e6 !important;
}
html[data-theme="light"] body.engine-app .main .cate .cate-box p{
    color:#2a2018 !important;
}
html[data-theme="light"] body.engine-app .main .cate .cate-box div{
    color:#746254 !important;
}
body.engine-app .main .cate .cate-box-select{
    background:linear-gradient(135deg,#b8382a,#d66137 58%,#d9aa55) !important;
    box-shadow:0 14px 26px rgba(184,56,42,.20);
}
body.engine-app #notice{
    padding:24px 28px !important;
    border-left:0 !important;
}
html[data-theme="light"] body.engine-app #notice{
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,251,246,.90)) !important;
}
body.engine-app #category .title::after,
body.engine-app #goods .title-2::after,
body.engine-app #order-list .pay-title::after{
    content:"";
    height:1px;
    flex:1;
    background:rgba(169,116,62,.18);
    margin-left:8px;
}
body.engine-app #category .cate{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:12px;
}
body.engine-app #category .cate .cate-box{
    min-width:132px;
    min-height:72px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
body.engine-app #category .cate .cate-box p{
    margin:0 0 8px !important;
    font-size:14px !important;
}
body.engine-app #category .cate .cate-box div{
    margin:0 !important;
}
body.engine-app #goods .goods-list{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
body.engine-app #goods .goods-list[style*="display: none"]{
    display:none !important;
}
body.engine-app #goods .goods .goods-box{
    display:block;
    min-width:0;
    width:100% !important;
    margin:0 !important;
    padding:16px 18px !important;
    border-width:1px !important;
}
html[data-theme="light"] body.engine-app #goods .goods .goods-box{
    background:#fffaf3 !important;
    border-color:rgba(169,116,62,.22) !important;
}
body.engine-app #goods .goodsItem{
    display:block !important;
}
body.engine-app #goods .goodDesc{
    width:100% !important;
}
body.engine-app #goods .goods-name{
    margin:0 0 10px !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.45;
    min-height:40px;
    white-space:normal !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
body.engine-app #goods .goods-price{
    display:block !important;
    margin-bottom:10px;
    font-size:18px !important;
}
body.engine-app #goods .goods-num{
    display:flex;
    align-items:center;
    gap:10px;
}
body.engine-app #goods .goods-num div{
    flex:1;
    width:auto !important;
}
body.engine-app #goods .goods-num span{
    float:none !important;
    margin:0 !important;
    white-space:nowrap;
}
body.engine-app .shosu{
    width:300px;
    height:40px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-left:18px;
    padding:0 12px;
    border-radius:8px !important;
    overflow:hidden;
    flex:0 0 auto;
}
body.engine-app .shosu img{
    width:14px;
    height:14px;
    margin:0 !important;
    position:static !important;
    opacity:.55;
}
body.engine-app .shosu input{
    width:100% !important;
    min-width:0;
    height:38px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app .shosu,
html[data-theme="light"] body.engine-app .layui-input,
html[data-theme="light"] body.engine-app .layui-textarea,
html[data-theme="light"] body.engine-app .layui-select,
html[data-theme="light"] body.engine-app input.layui-input,
html[data-theme="light"] body.engine-app .form-control,
html[data-theme="light"] body.engine-app select.form-control,
html[data-theme="light"] body.engine-app textarea.form-control,
html[data-theme="light"] body.engine-app .input input,
html[data-theme="light"] body.engine-app .input textarea{
    background:#fffaf3 !important;
    border-color:rgba(169,116,62,.30) !important;
    color:#2b2119 !important;
}
html[data-theme="light"] body.engine-app .shosu{
    background:#fffaf3 !important;
    border-color:rgba(169,116,62,.34) !important;
    box-shadow:0 8px 22px rgba(95,66,35,.06);
}
body.engine-app #goods .title-2{
    min-height:44px;
}
body.engine-app #goods .title-2::after{
    margin-left:16px;
}
body.engine-app #goods{
    min-height:clamp(360px,42vh,520px);
}
body.engine-app #goods .goods{
    min-height:calc(clamp(360px,42vh,520px) - 70px);
}
html[data-theme="light"] body.engine-app .layui-input:focus,
html[data-theme="light"] body.engine-app .layui-textarea:focus,
html[data-theme="light"] body.engine-app .form-control:focus,
html[data-theme="light"] body.engine-app .input input:focus,
html[data-theme="light"] body.engine-app .input textarea:focus{
    background:#fff !important;
    border-color:#c24d30 !important;
    box-shadow:0 0 0 3px rgba(194,77,48,.10) !important;
}
html[data-theme="light"] body.engine-app ::placeholder{
    color:#9b8878 !important;
}
html[data-theme="light"] body.engine-app label,
html[data-theme="light"] body.engine-app .text-muted,
html[data-theme="light"] body.engine-app .l-msg,
html[data-theme="light"] body.engine-app .form-control-label,
html[data-theme="light"] body.engine-app .layui-form-label{
    color:#665649 !important;
}
body.engine-app .layui-tab-title{
    height:42px;
}
body.engine-app .layui-tab-title li{
    min-width:auto;
    padding:0 16px;
    line-height:40px;
}
html[data-theme="light"] body.engine-app .layui-tab-title{
    border-bottom-color:rgba(169,116,62,.20) !important;
}
html[data-theme="light"] body.engine-app .layui-tab-title li{
    color:#6e5b4a !important;
}
html[data-theme="light"] body.engine-app .layui-tab-title .layui-this{
    color:#251a12 !important;
}
body.engine-app #order-list .layui-card-body{
    padding:6px 12px 0 !important;
}
body.engine-app #order-list .layui-tab-content{
    min-height:120px;
    padding:24px 0 0;
}
body.engine-app #order-list{
    min-height:560px;
}
body.engine-app #order-list .browser-box{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
body.engine-app #order-list .layui-tab{
    margin:0;
}
body.engine-app #order-list .layui-tab-title{
    display:inline-flex;
    height:44px;
    padding:4px;
    border:1px solid var(--line) !important;
    border-radius:8px;
    background:rgba(255,255,255,.055);
}
body.engine-app #order-list{
    background:
        linear-gradient(135deg,rgba(17,30,48,.92),rgba(8,16,28,.96) 54%,rgba(8,24,34,.88)),
        radial-gradient(circle at 80% 20%,rgba(47,183,197,.12),transparent 28rem) !important;
}
body.engine-app #order-list::before{
    opacity:.13 !important;
    background-image:
        linear-gradient(rgba(47,183,197,.18) 1px,transparent 1px),
        linear-gradient(90deg,rgba(47,183,197,.14) 1px,transparent 1px) !important;
}
body.engine-app #order-list::after{
    background:radial-gradient(circle,rgba(47,183,197,.18),rgba(8,107,120,.08) 42%,transparent 70%) !important;
}
html[data-theme="light"] body.engine-app #order-list{
    background:
        linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,249,251,.94) 52%,rgba(231,242,245,.88)),
        radial-gradient(circle at 80% 16%,rgba(8,127,144,.08),transparent 26rem) !important;
}
html[data-theme="light"] body.engine-app #order-list::before{
    background-image:
        linear-gradient(rgba(8,127,144,.16) 1px,transparent 1px),
        linear-gradient(90deg,rgba(8,127,144,.11) 1px,transparent 1px) !important;
}
html[data-theme="light"] body.engine-app #order-list::after{
    background:radial-gradient(circle,rgba(8,127,144,.11),rgba(8,127,144,.05) 42%,transparent 70%) !important;
}
body.engine-app #order-list .layui-tab-title li{
    height:34px;
    line-height:34px;
    border-radius:6px;
    color:var(--muted) !important;
}
body.engine-app #order-list .layui-tab-title li a{
    color:inherit !important;
}
body.engine-app #order-list .layui-tab-title li:hover,
body.engine-app #order-list .layui-tab-title li:hover a{
    color:var(--gold-2) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this{
    background:linear-gradient(135deg,rgba(216,179,98,.18),rgba(212,83,47,.10)) !important;
    color:var(--gold-2) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}
body.engine-app #order-list .layui-tab-title .layui-this a{
    color:var(--gold-2) !important;
    font-weight:700;
}
body.engine-app #order-list .layui-tab-title .layui-this:after{
    display:none;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title{
    border-color:rgba(169,116,62,.18) !important;
    background:rgba(255,250,243,.74);
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li a{
    color:#6e5b4a !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--text) !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this{
    background:#fff !important;
    color:#251a12 !important;
    box-shadow:0 8px 22px rgba(95,66,35,.08);
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a{
    color:#251a12 !important;
}
body.engine-app #order-list .order-search-panel{
    width:min(520px,100%);
    margin:10px 0 0;
    padding:22px 24px 24px;
    border:1px solid rgba(216,179,98,.14);
    border-radius:10px;
    background:rgba(255,255,255,.026);
    box-sizing:border-box;
}
body.engine-app #order-list .order-search-form{
    width:100%;
}
body.engine-app .entry{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
body.engine-app #order-list .entry{
    justify-content:flex-start;
    margin-top:0;
}
body.engine-app #order-list .entry + .entry{
    margin-top:14px;
}
body.engine-app #order-list .l-msg{
    width:78px;
    flex:0 0 78px;
    color:var(--muted);
    text-align:right;
}
body.engine-app #order-list .entry .input{
    flex:1 1 auto;
    min-width:0;
}
body.engine-app .entry .input input{
    width:min(360px,62vw);
    height:40px;
    padding:0 14px;
    border-radius:8px;
    border:1px solid var(--line);
}
body.engine-app #order-list .entry .input input{
    width:100%;
    box-sizing:border-box;
}
body.engine-app .btn button,
body.engine-app #order-empty .btn a{
    height:42px;
    min-width:132px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:8px;
    background:linear-gradient(135deg,var(--red),var(--ember)) !important;
    color:#fff !important;
    font-weight:700;
    box-shadow:0 12px 24px rgba(184,56,42,.20);
}
body.engine-app #order-list .btn{
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0;
    margin:18px 0 0 88px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
body.engine-app #order-list .btn button,
body.engine-app #order-empty .btn a{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
}
body.engine-app #order-list .btn button::after,
body.engine-app #order-empty .btn a::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
    pointer-events:none;
}
body.engine-app #order-list .btn button:hover,
body.engine-app #order-empty .btn a:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(184,56,42,.24);
}
body.engine-app #order-empty{
    width:min(520px,calc(100% - 24px));
    margin:24px 0 0 12px;
    padding:18px 20px 20px !important;
    transform:none;
    border:1px dashed var(--line);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    box-sizing:border-box;
}
body.engine-app #order-empty .empty-icon{
    width:44px;
    height:44px;
    margin:0 auto 10px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:rgba(216,179,98,.08);
    border:1px solid rgba(216,179,98,.18);
    color:var(--ember);
}
body.engine-app #order-empty .empty-icon svg{
    width:22px;
    height:22px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.7;
}
body.engine-app #order-empty .err_title{
    color:var(--muted);
    font-size:15px;
    font-weight:700;
    margin:0;
}
html[data-theme="light"] body.engine-app #order-empty{
    background:rgba(255,250,243,.62);
    border-color:rgba(169,116,62,.20);
}
html[data-theme="light"] body.engine-app #order-list .order-search-panel{
    background:rgba(255,250,243,.62);
    border-color:rgba(169,116,62,.18);
}
html[data-theme="light"] body.engine-app #order-empty .err_title{
    color:#665649;
}
body.engine-app #order-empty .err_content{
    color:var(--muted);
    font-size:14px;
    margin-bottom:24px;
}
body.engine-app #order-empty .err_content a{
    color:var(--ember) !important;
    text-decoration:none !important;
    font-weight:700;
}

/* order console redesign */
body.engine-app #order-list{
    position:relative;
    min-height:0;
    padding:30px 40px 34px !important;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(135deg,rgba(20,28,40,.96),rgba(12,16,23,.92) 45%,rgba(31,23,18,.88)),
        radial-gradient(circle at 80% 20%,rgba(216,179,98,.18),transparent 28rem) !important;
}
body.engine-app #order-list::before{
    content:"";
    position:absolute;
    inset:72px 32px 28px 50%;
    pointer-events:none;
    opacity:.16;
    background-image:
        linear-gradient(rgba(216,179,98,.22) 1px,transparent 1px),
        linear-gradient(90deg,rgba(216,179,98,.18) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg,transparent,#000 18%,#000 70%,transparent);
    z-index:-1;
}
body.engine-app #order-list::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-170px;
    bottom:-210px;
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(circle,rgba(216,179,98,.26),rgba(212,83,47,.10) 42%,transparent 70%);
    filter:blur(4px);
    z-index:-1;
}
html[data-theme="light"] body.engine-app #order-list{
    background:
        linear-gradient(135deg,rgba(255,255,255,.96),rgba(249,244,236,.94) 52%,rgba(232,223,211,.88)),
        radial-gradient(circle at 80% 16%,rgba(184,56,42,.11),transparent 26rem) !important;
}
html[data-theme="light"] body.engine-app #order-list::before{
    opacity:.22;
    background-image:
        linear-gradient(rgba(142,92,37,.26) 1px,transparent 1px),
        linear-gradient(90deg,rgba(142,92,37,.18) 1px,transparent 1px);
}
html[data-theme="light"] body.engine-app #order-list::after{
    background:radial-gradient(circle,rgba(184,56,42,.15),rgba(216,179,98,.12) 42%,transparent 70%);
}
body.engine-app #order-list .pay-title{
    position:relative;
    z-index:1;
    min-height:44px;
    margin:0 0 26px !important;
    padding:0 0 16px !important;
    font-size:18px;
    border-bottom:1px solid rgba(216,179,98,.22);
}
body.engine-app #order-list .pay-title svg{
    width:24px;
    height:24px;
    padding:4px;
    border:1px solid rgba(216,179,98,.24);
    border-radius:6px;
    background:rgba(216,179,98,.08);
}
body.engine-app #order-list .layui-card-body{
    position:relative;
    z-index:1;
    padding:0 !important;
}
body.engine-app #order-list .order-console-grid{
    display:block;
    width:100%;
    min-height:0;
}
body.engine-app #order-list .order-query-deck{
    position:relative;
    min-width:0;
}
body.engine-app #order-list .layui-tab{
    margin:0;
}
body.engine-app #order-list .layui-tab-title{
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:6px;
    height:48px;
    padding:5px;
    border:1px solid rgba(216,179,98,.24) !important;
    border-radius:8px;
    background:rgba(7,10,15,.46);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.18);
}
body.engine-app #order-list .layui-tab-title li{
    height:36px;
    line-height:36px;
    padding:0 16px;
    border-radius:6px;
    color:rgba(238,243,247,.68) !important;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
body.engine-app #order-list .layui-tab-title li a{
    color:inherit !important;
}
body.engine-app #order-list .layui-tab-title .layui-this{
    background:linear-gradient(135deg,#d8b362,#d4552f) !important;
    color:#15100c !important;
    box-shadow:0 12px 26px rgba(212,83,47,.24),inset 0 1px 0 rgba(255,255,255,.36);
}
body.engine-app #order-list .layui-tab-title .layui-this a{
    color:inherit !important;
    font-weight:800;
}
body.engine-app #order-list .layui-tab-title .layui-this:after{
    display:none;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title{
    background:rgba(37,27,19,.05);
    border-color:rgba(142,92,37,.24) !important;
    box-shadow:0 16px 34px rgba(96,62,23,.08);
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li a{
    color:#6b5847 !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a{
    color:#251b13 !important;
}
body.engine-app #order-list .layui-tab-content{
    min-height:0;
    padding:28px 0 0 !important;
}
body.engine-app #order-list .browser-box{
    display:flex;
    flex-direction:column;
    align-items:stretch;
}
body.engine-app #order-list .order-search-panel{
    position:relative;
    width:100%;
    margin:0;
    min-height:174px;
    padding:26px 30px 28px;
    border:1px solid rgba(216,179,98,.26);
    border-radius:8px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
        radial-gradient(circle at 20% 0%,rgba(216,179,98,.13),transparent 16rem);
    box-shadow:0 26px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
    box-sizing:border-box;
}
body.engine-app #order-list .order-search-panel::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:2px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,transparent,var(--gold),var(--ember),transparent);
}
html[data-theme="light"] body.engine-app #order-list .order-search-panel{
    background:
        linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,250,243,.62)),
        radial-gradient(circle at 20% 0%,rgba(184,56,42,.08),transparent 16rem);
    border-color:rgba(142,92,37,.22);
    box-shadow:0 28px 56px rgba(96,62,23,.10),inset 0 1px 0 rgba(255,255,255,.8);
}
body.engine-app #order-list .order-search-form{
    width:100%;
    max-width:900px;
    display:grid;
    grid-template-columns:minmax(0,720px) 150px;
    gap:16px 18px;
    align-items:center;
}
body.engine-app #order-list .entry{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    align-items:center;
    gap:14px;
    margin-top:0;
}
body.engine-app #order-list .entry + .entry{
    margin-top:0;
}
body.engine-app #order-list .l-msg{
    width:auto;
    flex:none;
    text-align:right;
    color:rgba(238,243,247,.78) !important;
    font-weight:700;
}
html[data-theme="light"] body.engine-app #order-list .l-msg{
    color:#4d3c2e !important;
}
body.engine-app #order-list .entry .input{
    position:relative;
    min-width:0;
}
body.engine-app #order-list .entry .input input{
    width:100%;
    height:46px;
    padding:0 16px;
    border-radius:7px;
    border:1px solid rgba(216,179,98,.28) !important;
    background:rgba(7,10,15,.42) !important;
    color:var(--text) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.engine-app #order-list .entry .input input:focus{
    border-color:rgba(216,179,98,.72) !important;
    box-shadow:0 0 0 3px rgba(216,179,98,.13),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-theme="light"] body.engine-app #order-list .entry .input input{
    background:rgba(255,255,255,.78) !important;
    border-color:rgba(142,92,37,.26) !important;
    color:#251b13 !important;
}
body.engine-app #order-list .btn{
    height:46px;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
body.engine-app #order-list .btn button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:46px;
    width:150px;
    min-width:150px;
    margin:0 !important;
    padding:0 26px;
    line-height:1;
    border:1px solid rgba(255,255,255,.2);
    border-radius:7px;
    overflow:hidden;
    background:linear-gradient(135deg,#9d2a22,#d4552f 58%,#d8a34e) !important;
    color:#fff !important;
    font-size:16px;
    letter-spacing:0;
    font-weight:800;
    box-shadow:0 18px 34px rgba(184,56,42,.30);
}
body.engine-app #order-list .btn button:hover{
    transform:translateY(-2px);
    box-shadow:0 24px 42px rgba(184,56,42,.36);
}
body.engine-app #order-empty{
    width:100%;
    min-height:128px;
    margin:26px 0 0;
    padding:22px 24px !important;
    display:none;
    border:1px dashed rgba(216,179,98,.30);
    border-radius:8px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
        repeating-linear-gradient(135deg,rgba(216,179,98,.04) 0 1px,transparent 1px 12px);
    box-sizing:border-box;
}
body.engine-app #order-empty .empty-icon{
    width:48px;
    height:48px;
    margin:0 auto 10px;
    border-radius:7px;
    background:rgba(216,179,98,.11);
    border:1px solid rgba(216,179,98,.22);
    color:var(--ember);
}
body.engine-app #order-empty .err_title{
    color:rgba(238,243,247,.76) !important;
    font-size:15px;
}
html[data-theme="light"] body.engine-app #order-empty{
    background:
        linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,250,243,.52)),
        repeating-linear-gradient(135deg,rgba(142,92,37,.045) 0 1px,transparent 1px 12px);
    border-color:rgba(142,92,37,.22);
}
html[data-theme="light"] body.engine-app #order-empty .err_title{
    color:#5b493b !important;
}
body.engine-app #order-list #list{
    width:100%;
    display:grid;
    gap:18px;
    margin-top:0;
}
body.engine-app #order-list #list .layui-card{
    position:relative;
    overflow:hidden;
    margin:0 !important;
    padding:0;
    border-radius:8px !important;
    border:1px solid rgba(216,179,98,.24) !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.026)),
        radial-gradient(circle at 86% 20%,rgba(216,179,98,.13),transparent 16rem) !important;
    box-shadow:0 22px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08) !important;
    transform:translateZ(0);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.engine-app #order-list #list .layui-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg,var(--gold-2),var(--ember));
    opacity:.86;
}
body.engine-app #order-list #list .layui-card::after{
    content:"";
    position:absolute;
    right:18px;
    top:18px;
    width:86px;
    height:86px;
    border:1px solid rgba(216,179,98,.12);
    border-radius:50%;
    background:radial-gradient(circle,rgba(216,179,98,.08),transparent 64%);
    pointer-events:none;
}
body.engine-app #order-list #list .layui-card:hover{
    transform:translateY(-2px);
    border-color:rgba(216,179,98,.42) !important;
    box-shadow:0 28px 62px rgba(0,0,0,.28),0 0 0 4px rgba(216,179,98,.06) !important;
}
html[data-theme="light"] body.engine-app #order-list #list .layui-card{
    border-color:rgba(169,116,62,.22) !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,250,243,.66)),
        radial-gradient(circle at 86% 18%,rgba(184,56,42,.08),transparent 16rem) !important;
    box-shadow:0 18px 40px rgba(96,62,23,.10),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.engine-app #order-list #list .layui-card-header,
body.engine-app #order-list #list .order-card-head{
    position:relative;
    z-index:1;
    min-height:0;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px 20px 0 24px !important;
    border:0 !important;
    background:transparent !important;
}
body.engine-app #order-list .order-card-time{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:var(--text);
    font-size:15px;
    line-height:1.35;
    font-weight:900;
    letter-spacing:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.engine-app #order-list .order-card-time::before{
    content:"";
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:var(--gold-2);
    box-shadow:0 0 0 5px rgba(216,179,98,.13),0 0 18px rgba(216,179,98,.34);
}
html[data-theme="light"] body.engine-app #order-list .order-card-time{
    color:#251b13;
}
body.engine-app #order-list #list .layui-card-header .order-status,
body.engine-app #order-list .order-status{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border:1px solid rgba(84,214,138,.22);
    border-radius:999px;
    background:rgba(84,214,138,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    font-size:13px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}
html[data-theme="light"] body.engine-app #order-list .order-status{
    background:#f0fbf1;
    border-color:#cceccf;
}
body.engine-app #order-list #list .layui-card-body,
body.engine-app #order-list #list .order-card-body{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(112px,auto);
    align-items:stretch;
    gap:18px;
    padding:14px 20px 18px 24px !important;
}
body.engine-app #order-list .order-card-info{
    display:grid;
    grid-template-columns:minmax(210px,1.1fr) minmax(180px,1fr) minmax(120px,.68fr);
    gap:12px;
    min-width:0;
}
body.engine-app #order-list .order-field{
    position:relative;
    min-width:0;
    min-height:58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    margin:0;
    padding:12px 14px;
    border:1px solid rgba(216,179,98,.16);
    border-radius:8px;
    background:rgba(7,10,15,.24);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="light"] body.engine-app #order-list .order-field{
    background:rgba(255,255,255,.58);
    border-color:rgba(169,116,62,.14);
}
body.engine-app #order-list .order-field-label{
    display:block;
    color:var(--faint);
    font-size:12px;
    line-height:1.15;
    font-weight:900;
}
body.engine-app #order-list .order-field-value{
    min-width:0;
    color:var(--text);
    font-size:14px;
    line-height:1.35;
    font-weight:800;
    word-break:break-word;
}
html[data-theme="light"] body.engine-app #order-list .order-field-value{
    color:#344252;
}
body.engine-app #order-list .order-field-value.strong{
    color:var(--gold-2);
    font-family:Consolas,"Courier New",monospace;
    font-weight:900;
    letter-spacing:0;
}
html[data-theme="light"] body.engine-app #order-list .order-field-value.strong{
    color:#7f684d;
}
body.engine-app #order-list .order-card-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:9px;
    min-width:112px;
}
body.engine-app #order-list .order-card-actions .layui-btn{
    width:100%;
    min-width:0;
    height:34px;
    line-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:0 12px;
    border-radius:7px;
    font-size:13px;
    font-weight:900;
    letter-spacing:0;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.engine-app #order-list .order-card-actions .layui-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.03);
}
body.engine-app #order-list .look-details{
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(135deg,var(--red),var(--ember)) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(184,56,42,.22);
}
body.engine-app #order-list .qfk-btn,
body.engine-app #order-list .goods-btn{
    border:1px solid rgba(216,179,98,.28) !important;
    background:rgba(216,179,98,.10) !important;
    color:var(--gold-2) !important;
}
body.engine-app #order-list .sh-btn{
    border:1px solid rgba(84,214,138,.28) !important;
    background:rgba(84,214,138,.10) !important;
    color:var(--green) !important;
}
body.engine-app #order-list .del-btn{
    border:1px solid rgba(212,83,47,.28) !important;
    background:rgba(212,83,47,.10) !important;
    color:#ff8a6d !important;
}
html[data-theme="light"] body.engine-app #order-list .qfk-btn,
html[data-theme="light"] body.engine-app #order-list .goods-btn{
    background:#fff7e8 !important;
    color:#9b6425 !important;
}
html[data-theme="light"] body.engine-app #order-list .sh-btn{
    background:#eefaf1 !important;
    color:#168044 !important;
}
html[data-theme="light"] body.engine-app #order-list .del-btn{
    background:#fff1ec !important;
    color:#c94e29 !important;
}
body.engine-app #order-list .loading{
    width:100%;
    margin:18px 0 0;
    padding:10px 12px;
    border-radius:7px;
    background:rgba(216,179,98,.06);
    color:var(--muted) !important;
}
body.engine-app #order-list .order-engine-panel{
    position:relative;
    min-height:390px;
    overflow:hidden;
    border-radius:8px;
    border:1px solid rgba(216,179,98,.22);
    background:
        linear-gradient(145deg,rgba(8,11,16,.88),rgba(20,28,40,.70)),
        radial-gradient(circle at 50% 34%,rgba(216,179,98,.18),transparent 20rem);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 60px rgba(0,0,0,.20);
}
body.engine-app #order-list .order-engine-panel::before{
    content:"";
    position:absolute;
    inset:16px;
    border:1px solid rgba(216,179,98,.16);
    border-radius:6px;
}
body.engine-app #order-list .order-engine-panel::after{
    content:"";
    position:absolute;
    inset:auto -18% -26% -18%;
    height:46%;
    background:linear-gradient(0deg,rgba(212,83,47,.24),transparent);
}
body.engine-app #order-list .order-engine-mark{
    position:absolute;
    left:28px;
    top:28px;
    width:54px;
    height:54px;
    border-radius:8px;
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:900;
    background:linear-gradient(145deg,var(--red),var(--ember) 58%,var(--gold));
    box-shadow:0 20px 38px rgba(212,83,47,.28),inset 0 1px 0 rgba(255,255,255,.25);
}
body.engine-app #order-list .order-engine-core{
    position:absolute;
    left:50%;
    top:49%;
    width:220px;
    height:220px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(216,179,98,.22);
    background:
        radial-gradient(circle,rgba(216,179,98,.22) 0 18%,transparent 19%),
        radial-gradient(circle,rgba(212,83,47,.14),transparent 55%);
}
body.engine-app #order-list .order-engine-core i{
    position:absolute;
    inset:22px;
    border:1px solid rgba(216,179,98,.20);
    border-radius:50%;
}
body.engine-app #order-list .order-engine-core i:nth-child(2){
    inset:48px;
    border-color:rgba(212,83,47,.28);
}
body.engine-app #order-list .order-engine-core i:nth-child(3){
    inset:76px;
    border-style:dashed;
}
body.engine-app #order-list .order-engine-core b{
    position:absolute;
    left:50%;
    top:50%;
    width:74px;
    height:74px;
    transform:translate(-50%,-50%) rotate(45deg);
    border-radius:8px;
    border:1px solid rgba(216,179,98,.34);
    background:rgba(8,11,16,.72);
    box-shadow:0 0 42px rgba(216,179,98,.20);
}
body.engine-app #order-list .order-engine-lines{
    position:absolute;
    left:28px;
    right:28px;
    bottom:34px;
    display:grid;
    gap:9px;
}
body.engine-app #order-list .order-engine-lines span{
    height:6px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(216,179,98,.58),rgba(212,83,47,.24),transparent);
}
body.engine-app #order-list .order-engine-lines span:nth-child(2){width:82%}
body.engine-app #order-list .order-engine-lines span:nth-child(3){width:64%}
body.engine-app #order-list .order-engine-lines span:nth-child(4){width:44%}
body.engine-app #order-list .order-engine-meta{
    position:absolute;
    right:28px;
    top:30px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    line-height:1.1;
}
body.engine-app #order-list .order-engine-meta span{
    color:var(--faint);
    font-size:11px;
    letter-spacing:2px;
}
body.engine-app #order-list .order-engine-meta strong{
    color:var(--gold-2);
    font-size:21px;
    margin-top:6px;
    letter-spacing:1px;
}
html[data-theme="light"] body.engine-app #order-list .order-engine-panel{
    background:
        linear-gradient(145deg,rgba(37,27,19,.92),rgba(72,48,34,.82)),
        radial-gradient(circle at 50% 34%,rgba(216,179,98,.18),transparent 20rem);
    box-shadow:0 30px 60px rgba(96,62,23,.18);
}
body.engine-app .ticket-form .form-group{
    margin-bottom:18px !important;
    align-items:center;
}
body.engine-app .main-box > .d-flex.justify-content-between{
    margin:-4px 0 22px !important;
    padding:0 0 16px !important;
    border-bottom:1px solid rgba(169,116,62,.20) !important;
}
body.engine-app .main-box > .d-flex.justify-content-between h6{
    font-size:17px !important;
    font-weight:800;
    color:var(--text) !important;
}
html[data-theme="light"] body.engine-app .main-box > .d-flex.justify-content-between h6{
    color:#251a12 !important;
}
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary{
    min-height:34px;
    padding:0 14px;
    border-radius:7px !important;
    border-color:rgba(169,116,62,.26) !important;
    background:#fffaf3 !important;
    color:var(--ember) !important;
    box-shadow:none !important;
}
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:hover{
    background:rgba(184,56,42,.08) !important;
    color:var(--ember) !important;
}
body.engine-app .ticket-form .col-form-label{
    font-weight:700;
    color:var(--text) !important;
    font-size:14px;
}
html[data-theme="light"] body.engine-app .ticket-form .col-form-label{
    color:#3a2a1e !important;
}
body.engine-app .ticket-form .form-control{
    min-height:44px;
    padding:10px 14px;
}
body.engine-app .ticket-form textarea.form-control{
    min-height:146px !important;
}
body.engine-app .type-grid{
    gap:10px;
}
body.engine-app .type-grid label{
    min-width:86px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px !important;
}
html[data-theme="light"] body.engine-app .type-grid label{
    background:#fffaf3 !important;
    border-color:rgba(169,116,62,.30) !important;
    color:#5f5146 !important;
}
body.engine-app .upload-btn{
    width:82px !important;
    height:82px !important;
    border-radius:8px !important;
    font-size:0 !important;
}
body.engine-app .upload-btn::before,
body.engine-app .upload-btn::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:24px;
    height:2px;
    background:currentColor;
    transform:translate(-50%,-50%);
}
body.engine-app .upload-btn::after{
    transform:translate(-50%,-50%) rotate(90deg);
}
html[data-theme="light"] body.engine-app .upload-btn{
    background:#fffaf3 !important;
    border-color:rgba(169,116,62,.35) !important;
    color:#8a6b4b !important;
}
body.engine-app .upload-tip{
    color:var(--muted) !important;
}
body.engine-app #submit-btn{
    height:48px;
    font-size:15px;
}
body.engine-app .ticket-form p[style*="brown"]{
    margin:2px 0 0 !important;
    padding:10px 12px;
    border-radius:8px;
    background:rgba(184,56,42,.08);
    color:var(--ember) !important;
}
@media (max-width:768px){
    body.engine-app .site-header .download-pill{
        width:40px !important;
        min-width:40px !important;
        padding:0 !important;
        justify-content:center !important;
        font-size:0 !important;
        overflow:hidden !important;
    }
    body.engine-app .site-header .download-pill .icon{
        margin:0 !important;
    }
    body.engine-app .main .main-box{
        padding:18px 14px 20px !important;
    }
    body.engine-app #order-list{
        min-height:0;
        padding:20px 16px 22px !important;
    }
    body.engine-app #order-list .pay-title{
        margin-bottom:18px !important;
        font-size:16px;
    }
    body.engine-app #order-list .order-console-grid{
        grid-template-columns:1fr;
        gap:18px;
        min-height:0;
    }
    body.engine-app #order-list .layui-tab-title{
        width:100%;
        overflow-x:auto;
        justify-content:space-between;
    }
    body.engine-app #order-list .layui-tab-title li{
        flex:1 0 auto;
        padding:0 12px;
        text-align:center;
    }
    body.engine-app #order-list .layui-tab-content{
        padding-top:18px !important;
    }
    body.engine-app .shosu{
        width:100%;
        margin:12px 0 0;
    }
    body.engine-app .main .title-2{
        align-items:flex-start;
        flex-wrap:wrap;
    }
    body.engine-app .entry{
        display:block;
        text-align:left;
    }
    body.engine-app #order-list .order-search-panel{
        width:100%;
        margin-top:0;
        padding:20px 16px 22px;
    }
    body.engine-app #order-list .order-search-form{
        display:block;
        max-width:none;
    }
    body.engine-app #order-list .entry{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }
    body.engine-app #order-list .entry + .entry{
        margin-top:14px;
    }
    body.engine-app #order-list .l-msg{
        width:auto;
        display:block;
        text-align:left;
    }
    body.engine-app .entry .input input{
        width:100%;
        margin-top:8px;
    }
    body.engine-app #order-list .btn{
        margin:16px 0 0;
    }
    body.engine-app #order-list .btn button{
        width:100%;
    }
    body.engine-app #order-list #list{
        gap:14px;
    }
    body.engine-app #order-list #list .layui-card::after{
        display:none;
    }
    body.engine-app #order-list #list .layui-card-header,
    body.engine-app #order-list #list .order-card-head{
        align-items:flex-start;
        gap:10px;
        padding:16px 16px 0 20px !important;
    }
    body.engine-app #order-list .order-card-time{
        white-space:normal;
    }
    body.engine-app #order-list #list .layui-card-body,
    body.engine-app #order-list #list .order-card-body{
        grid-template-columns:1fr;
        gap:13px;
        padding:12px 16px 16px 20px !important;
    }
    body.engine-app #order-list .order-card-info{
        grid-template-columns:1fr;
        gap:9px;
    }
    body.engine-app #order-list .order-field{
        min-height:0;
        padding:11px 12px;
    }
    body.engine-app #order-list .order-card-actions{
        min-width:0;
        flex-direction:row;
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    body.engine-app #order-list .order-card-actions .layui-btn{
        width:auto;
        min-width:92px;
    }
    body.engine-app #order-empty{
        transform:none;
        margin-top:18px;
        margin-left:0;
        width:100%;
        padding-top:16px !important;
    }
    body.engine-app #order-list .order-engine-panel{
        min-height:220px;
    }
    body.engine-app #order-list .order-engine-core{
        width:150px;
        height:150px;
        top:54%;
    }
    body.engine-app #order-list .order-engine-lines{
        display:none;
    }
    body.engine-app #order-list .order-engine-meta strong{
        font-size:16px;
    }
    body.engine-app #goods .goods-list{
        grid-template-columns:1fr;
    }
}

/* 查询订单控件最终层：覆盖前述历史商城规则。 */
body.engine-app #order-list{
    --order-control-accent:#2fb7c5;
    --order-control-accent-deep:#086b78;
    --order-control-accent-soft:#8ce3e7;
    --order-placeholder:#6f8197;
}
html[data-theme="light"] body.engine-app #order-list{
    --order-control-accent:#1597a6;
    --order-control-accent-deep:#075f6b;
    --order-control-accent-soft:#087786;
    --order-placeholder:#7a899b;
}
body.engine-app #order-list .layui-tab-title li,
body.engine-app #order-list .layui-tab-title li a,
body.engine-app #order-list .btn button{
    cursor:pointer !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this),
body.engine-app #order-list .layui-tab-title li:not(.layui-this) a{
    color:var(--muted) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover{
    border-color:rgba(var(--accent-rgb),.22) !important;
    background:rgba(var(--accent-rgb),.065) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--text) !important;
    background:transparent !important;
}
body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this:hover,
body.engine-app #order-list .layui-tab-title .layui-this:focus-within,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:hover,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:focus-within{
    border-color:rgba(var(--accent-rgb),.38) !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.24) !important;
    filter:none !important;
    transform:none !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a,
body.engine-app #order-list .layui-tab-title .layui-this:hover a,
body.engine-app #order-list .layui-tab-title .layui-this a:hover,
body.engine-app #order-list .layui-tab-title .layui-this a:focus,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:hover a{
    color:#fff !important;
    background:transparent !important;
}
body.engine-app #order-list .entry .input input::placeholder,
body.engine-app #order-list .entry .input input::-webkit-input-placeholder,
body.engine-app #order-list .entry .input input::-moz-placeholder{
    color:var(--order-placeholder) !important;
    opacity:1 !important;
}
body.engine-app #order-list .btn button:hover{
    cursor:pointer !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    border-color:rgba(var(--accent-rgb),.38) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 14px 30px rgba(var(--accent-rgb),.32) !important;
}

body.engine-app #order-list .btn button{
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    border-color:rgba(var(--accent-rgb),.38) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.24) !important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important;
}

/* 查询订单控件最终状态：独立于旧商城 gold 变量，避免主题覆盖导致黄字或白底白字。 */
body.engine-app #order-list{
    --order-control-accent:#2fb7c5;
    --order-control-accent-deep:#086b78;
    --order-control-accent-soft:#8ce3e7;
    --order-placeholder:#6f8197;
}
html[data-theme="light"] body.engine-app #order-list{
    --order-control-accent:#1597a6;
    --order-control-accent-deep:#075f6b;
    --order-control-accent-soft:#087786;
    --order-placeholder:#7a899b;
}

body.engine-app #order-list .layui-tab-title li,
body.engine-app #order-list .layui-tab-title li a,
body.engine-app #order-list .btn button{
    cursor:pointer !important;
}

body.engine-app #order-list .layui-tab-title li:not(.layui-this),
body.engine-app #order-list .layui-tab-title li:not(.layui-this) a{
    color:var(--muted) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover{
    border-color:rgba(var(--accent-rgb),.22) !important;
    background:rgba(var(--accent-rgb),.065) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--text) !important;
    background:transparent !important;
}

body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this:hover,
body.engine-app #order-list .layui-tab-title .layui-this:focus-within,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:hover,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:focus-within{
    border-color:rgba(47,183,197,.52) !important;
    background:linear-gradient(135deg,var(--order-control-accent-deep),var(--order-control-accent)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(8,107,120,.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a,
body.engine-app #order-list .layui-tab-title .layui-this:hover a,
body.engine-app #order-list .layui-tab-title .layui-this a:hover,
body.engine-app #order-list .layui-tab-title .layui-this a:focus,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:hover a{
    color:#fff !important;
    background:transparent !important;
}

body.engine-app #order-list .entry .input input::placeholder{
    color:var(--order-placeholder) !important;
    opacity:1 !important;
}
body.engine-app #order-list .entry .input input::-webkit-input-placeholder{
    color:var(--order-placeholder) !important;
    opacity:1 !important;
}
body.engine-app #order-list .entry .input input::-moz-placeholder{
    color:var(--order-placeholder) !important;
    opacity:1 !important;
}

body.engine-app #order-list .btn button:hover{
    cursor:pointer !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    border-color:rgba(var(--primary-action-rgb),.68) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 20px 38px rgba(var(--primary-action-rgb),.32) !important;
}

/* 功能页公共头部与首页保持完全一致。 */
body.engine-app .site-header .download-pill{
    height:42px !important;
    min-height:42px !important;
    padding:0 17px !important;
    border:1px solid rgba(var(--accent-rgb),.38) !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.24) !important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important;
}
body.engine-app .site-header .download-pill:hover{
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 14px 30px rgba(var(--accent-rgb),.32) !important;
}
body.engine-app .hero-contact-card{
    border-color:transparent !important;
    background:rgba(13,23,39,.9) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}
html[data-theme="light"] body.engine-app .hero-contact-card{
    border-color:rgba(var(--accent-rgb),.3) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 18px 42px rgba(33,57,96,.13) !important;
}
body.engine-app .hero-contact-card:hover,
html[data-theme="light"] body.engine-app .hero-contact-card:hover{
    border-color:var(--line-strong) !important;
    transform:translateY(-5px) !important;
    box-shadow:0 24px 58px rgba(0,0,0,.30),0 0 0 4px rgba(var(--accent-rgb),.10) !important;
}

/* 查询方式切换器最终状态：必须置于功能页公共覆盖之后。 */
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover{
    border-color:rgba(var(--accent-rgb),.24) !important;
    background:rgba(var(--accent-rgb),.085) !important;
    color:var(--gold-2) !important;
    box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.04) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--gold-2) !important;
    background:transparent !important;
}
body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this:hover,
body.engine-app #order-list .layui-tab-title .layui-this:focus-within{
    border-color:rgba(109,220,227,.46) !important;
    background:linear-gradient(135deg,var(--nav-action-end),var(--nav-action-start)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a,
body.engine-app #order-list .layui-tab-title .layui-this:hover a,
body.engine-app #order-list .layui-tab-title .layui-this a:hover,
body.engine-app #order-list .layui-tab-title .layui-this a:focus{
    color:#fff !important;
    background:transparent !important;
    text-shadow:0 1px 1px rgba(0,0,0,.16);
}

/* --------------------------------------------------------------------------
   商城任务页：查询订单 / 工单中心 / 自助取卡 / 商品详情
   只调整布局与视觉，不改变模板字段、显示内容和业务交互。
   -------------------------------------------------------------------------- */

/* 查询订单：清晰区分页头、查询方式、结果区和空状态。 */
body.engine-app #order-list{
    padding:32px 40px 38px !important;
    border-radius:16px !important;
}
body.engine-app #order-list .pay-title{
    min-height:48px !important;
    margin:0 0 26px !important;
    padding:0 0 18px !important;
    font-size:20px !important;
    letter-spacing:.01em;
}
body.engine-app #order-list .pay-title svg{
    width:28px !important;
    height:28px !important;
    padding:5px !important;
    border:1px solid var(--line) !important;
    border-radius:8px !important;
    background:rgba(47,183,197,.08) !important;
}
body.engine-app #order-list > .layui-card-body{
    padding:0 !important;
}
body.engine-app #order-list .order-query-deck{
    position:relative;
    z-index:1;
}
body.engine-app #order-list .layui-tab-title{
    display:inline-grid !important;
    grid-template-columns:repeat(3,minmax(104px,1fr));
    height:auto !important;
    padding:5px !important;
    border-radius:10px !important;
}
body.engine-app #order-list .layui-tab-title li{
    height:38px !important;
    padding:0 16px !important;
    line-height:38px !important;
    border-radius:7px !important;
    text-align:center;
}
body.engine-app #order-list .layui-tab-content{
    min-height:160px !important;
    padding-top:28px !important;
}
body.engine-app #order-empty{
    min-height:150px !important;
    margin:0 !important;
    padding:24px !important;
    border:1px dashed rgba(var(--accent-rgb),.3) !important;
    border-radius:12px !important;
    background:
        linear-gradient(145deg,rgba(47,183,197,.035),rgba(255,255,255,.012)),
        repeating-linear-gradient(135deg,rgba(47,183,197,.025) 0 1px,transparent 1px 14px) !important;
}
body.engine-app #order-empty .empty-icon{
    border-color:var(--line-strong) !important;
    background:rgba(47,183,197,.08) !important;
    color:var(--gold-2) !important;
    box-shadow:none !important;
}
body.engine-app #order-list #list{
    gap:16px !important;
    margin-top:0 !important;
}
body.engine-app #order-list #list .layui-card,
body.engine-app #order-list #list .order-card{
    border-radius:12px !important;
    box-shadow:none !important;
}
body.engine-app #order-list #list .layui-card:hover,
body.engine-app #order-list #list .order-card:hover{
    border-color:var(--line-strong) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
    transform:translateY(-2px);
}

/* 工单中心：表单成为有节奏的任务面板。 */
body.engine-app .ticket-container{
    max-width:1200px !important;
}
body.engine-app .ticket-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:28px;
}
body.engine-app .ticket-form .form-group.row{
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr);
    align-items:start !important;
    margin:0 !important;
    padding:18px 0 !important;
    border-bottom:1px solid rgba(var(--accent-rgb),.11);
}
body.engine-app .ticket-form .form-group.row:nth-of-type(1),
body.engine-app .ticket-form .form-group.row:nth-of-type(6),
body.engine-app .ticket-form .form-group.row:nth-of-type(7),
body.engine-app .ticket-form .form-group.row:nth-of-type(8),
body.engine-app .ticket-form .form-group.row:nth-of-type(9){
    grid-column:1 / -1;
}
body.engine-app .ticket-form .form-group.row > [class*="col-sm-"]{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
}
body.engine-app .ticket-form .form-group.row > .offset-sm-2{
    grid-column:2;
    margin-left:0 !important;
}
body.engine-app .ticket-form .col-form-label{
    width:auto !important;
    max-width:none !important;
    padding:11px 20px 0 0 !important;
    line-height:1.45;
}
body.engine-app .ticket-form .form-control{
    min-height:46px;
    border-radius:9px !important;
}
body.engine-app .ticket-form textarea.form-control{
    min-height:166px !important;
    resize:vertical;
}
body.engine-app .type-grid{
    gap:10px !important;
}
body.engine-app .type-grid label{
    min-width:92px;
    height:40px;
    border-radius:8px !important;
}
body.engine-app .type-grid label.active{
    border-color:var(--line-strong) !important;
    background:linear-gradient(135deg,rgba(8,107,120,.94),rgba(47,183,197,.76)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(8,107,120,.16);
}
body.engine-app .upload-area{
    gap:12px !important;
}
body.engine-app .upload-btn,
body.engine-app .upload-item{
    width:88px !important;
    height:88px !important;
    border-radius:10px !important;
}
body.engine-app #submit-btn{
    max-width:320px;
    height:50px !important;
    border-radius:9px !important;
}

/* 自助取卡：公告、分类和商品内容形成明确的三段式商城结构。 */
body.engine-app #notice{
    position:relative;
    padding:24px 28px !important;
    overflow:hidden;
    border-left:3px solid var(--ember) !important;
    background:
        linear-gradient(100deg,rgba(47,183,197,.075),transparent 62%),
        linear-gradient(145deg,rgba(17,30,48,.86),rgba(9,17,29,.94)) !important;
    line-height:1.9;
}
body.engine-app #category,
body.engine-app #goods{
    padding:28px 40px 34px !important;
    border-radius:16px !important;
}
body.engine-app #category .title,
body.engine-app #goods .title-2{
    min-height:46px;
    margin:0 0 24px !important;
    padding:0 0 16px !important;
    font-size:18px !important;
}
body.engine-app #category .cate{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px !important;
    overflow:visible !important;
}
body.engine-app #category .cate .cate-box{
    min-width:0 !important;
    min-height:76px;
    margin:0 !important;
    padding:15px 16px !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
body.engine-app #category .cate .cate-box p{
    margin-bottom:4px !important;
    font-size:15px;
}
body.engine-app #goods .title-2{
    display:grid !important;
    grid-template-columns:auto minmax(260px,1fr);
    align-items:center;
    gap:22px;
}
body.engine-app #goods .title-2::after{
    display:none;
}
body.engine-app #goods .shosu{
    justify-self:end;
    width:min(360px,100%);
    height:42px;
    border-radius:9px !important;
}
body.engine-app #goods .goods-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
}
body.engine-app #goods .goods .goods-box{
    min-height:156px;
    padding:18px !important;
    border-radius:12px !important;
}
body.engine-app #goods .goodsItem{
    gap:16px !important;
}
body.engine-app #goods .imgBox{
    width:108px !important;
    height:108px !important;
    flex:0 0 108px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    /* background:rgba(255,255,255,.025); */
}
body.engine-app #goods .imgBox img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}
body.engine-app #goods .goods-name{
    min-height:44px;
    font-size:15px !important;
    line-height:1.45;
}

/* goods 商品详情：左侧商品视觉，右侧购买决策，介绍独立成阅读面板。 */
body.engine-app .product-detail-panel{
    display:grid;
    grid-template-columns:38% minmax(0,1fr);
    column-gap:42px;
    min-height:500px !important;
    padding:30px 40px 40px !important;
    border-radius:16px !important;
}
body.engine-app .product-detail-panel > .title{
    grid-column:1 / -1;
}
body.engine-app .product-detail-panel::before{
    inset:84px 36px 30px 44% !important;
    opacity:.11 !important;
    background-image:
        linear-gradient(rgba(47,183,197,.16) 1px,transparent 1px),
        linear-gradient(90deg,rgba(47,183,197,.11) 1px,transparent 1px) !important;
}
body.engine-app .product-detail-panel .layui-col-md4{
    width:100% !important;
    padding-right:0 !important;
    float:none !important;
}
body.engine-app .product-detail-panel .product-buy-panel{
    width:100% !important;
    padding-left:0 !important;
}
body.engine-app .product-detail-panel .product-buy-panel > .layui-col-md8{
    width:100% !important;
}
body.engine-app .product-detail-panel .goods-img{
    aspect-ratio:1;
    min-height:0 !important;
    padding:20px !important;
    border-color:var(--line) !important;
    border-radius:14px !important;
    background:
        radial-gradient(circle at 50% 42%,rgba(47,183,197,.1),transparent 54%),
        rgba(255,255,255,.025) !important;
}
body.engine-app .product-detail-panel .goods-name{
    margin-top:12px;
    padding-bottom:22px;
    border-bottom:1px solid var(--line);
    font-size:22px !important;
}
body.engine-app .product-detail-panel .price{
    margin:28px 0 !important;
}
body.engine-app .product-detail-panel .price-num{
    font-size:42px !important;
    letter-spacing:-.03em;
}
body.engine-app .product-detail-panel .order-number-box{
    width:190px !important;
    height:46px !important;
    border-color:var(--line) !important;
    border-radius:9px !important;
}
body.engine-app .product-detail-panel .buy.btn{
    width:min(360px,100%) !important;
    margin-top:28px !important;
}
body.engine-app .product-detail-panel .buy button{
    width:100%;
    height:52px !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    box-shadow:0 14px 30px rgba(var(--accent-rgb),.22) !important;
}
body.engine-app .product-intro-panel{
    padding:30px 40px 40px !important;
    border-radius:16px !important;
}
body.engine-app .product-intro-panel .intro{
    min-height:180px;
    padding:24px 0 0 !important;
    background:transparent !important;
    border:0 !important;
    line-height:1.9 !important;
}

@media (max-width:980px){
    body.engine-app .ticket-form{
        grid-template-columns:1fr;
    }
    body.engine-app .ticket-form .form-group.row{
        grid-column:1 !important;
    }
    body.engine-app #category .cate{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    body.engine-app #goods .goods-list{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    body.engine-app .product-detail-panel .layui-col-md4,
    body.engine-app .product-detail-panel .product-buy-panel{
        width:100% !important;
        padding:0 !important;
    }
    body.engine-app .product-detail-panel{
        grid-template-columns:1fr;
    }
    body.engine-app .product-detail-panel > .title{
        grid-column:1;
    }
    body.engine-app .product-detail-panel .goods-img{
        width:min(420px,100%);
        margin:0 auto 28px;
    }
}

@media (max-width:640px){
    body.engine-app #order-list,
    body.engine-app #category,
    body.engine-app #goods,
    body.engine-app .product-detail-panel,
    body.engine-app .product-intro-panel{
        padding:22px 16px 26px !important;
        border-radius:12px !important;
    }
    body.engine-app #order-list .layui-tab-title{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100%;
    }
    body.engine-app .ticket-form .form-group.row{
        grid-template-columns:1fr !important;
        gap:9px;
        padding:15px 0 !important;
    }
    body.engine-app .ticket-form .form-group.row > .offset-sm-2{
        grid-column:1;
    }
    body.engine-app .ticket-form .col-form-label{
        padding:0 !important;
    }
    body.engine-app #category .cate,
    body.engine-app #goods .goods-list{
        grid-template-columns:1fr !important;
    }
    body.engine-app #goods .title-2{
        grid-template-columns:1fr;
    }
    body.engine-app #goods .shosu{
        justify-self:stretch;
        width:100%;
    }
    body.engine-app #goods .goods .goods-box{
        min-height:138px;
    }
    body.engine-app #goods .imgBox{
        width:92px !important;
        height:92px !important;
        flex-basis:92px;
    }
    body.engine-app .product-detail-panel .price-num{
        font-size:36px !important;
    }
}

/* --------------------------------------------------------------------------
   查询订单最终视觉收敛
   清除旧商城金棕/橙红控制台样式，完整使用首页冷青令牌与克制的任务页层级。
   -------------------------------------------------------------------------- */
body.engine-app #order-list{
    background:linear-gradient(145deg,rgba(15,26,43,.96),rgba(8,15,27,.98)) !important;
    border:1px solid var(--line) !important;
    box-shadow:0 24px 64px rgba(0,0,0,.24) !important;
}
body.engine-app #order-list::before{
    inset:0 !important;
    opacity:1 !important;
    background:
        radial-gradient(circle at 86% 12%,rgba(var(--accent-rgb),.10),transparent 28rem),
        linear-gradient(90deg,rgba(var(--accent-rgb),.025),transparent 36%) !important;
    mask-image:none !important;
}
body.engine-app #order-list::after{
    display:none !important;
}
html[data-theme="light"] body.engine-app #order-list{
    background:rgba(255,255,255,.94) !important;
    border-color:var(--line) !important;
    box-shadow:0 22px 58px rgba(33,57,96,.10) !important;
}
html[data-theme="light"] body.engine-app #order-list::before{
    background:
        radial-gradient(circle at 86% 12%,rgba(var(--accent-rgb),.07),transparent 28rem),
        linear-gradient(90deg,rgba(var(--accent-rgb),.018),transparent 36%) !important;
}

body.engine-app #order-list .pay-title{
    color:var(--text) !important;
    border-bottom:1px solid var(--line) !important;
}
body.engine-app #order-list .pay-title::after{
    background:linear-gradient(90deg,var(--line-strong),transparent) !important;
}
body.engine-app #order-list .pay-title svg{
    border-color:var(--line) !important;
    background:rgba(var(--accent-rgb),.08) !important;
}
body.engine-app #order-list .pay-title svg path{
    fill:var(--gold-2) !important;
}

body.engine-app #order-list .layui-tab-title{
    border:1px solid var(--line) !important;
    background:rgba(3,9,17,.42) !important;
    box-shadow:none !important;
}
body.engine-app #order-list .layui-tab-title li,
body.engine-app #order-list .layui-tab-title li a{
    color:var(--muted) !important;
}
body.engine-app #order-list .layui-tab-title li:hover,
body.engine-app #order-list .layui-tab-title li:hover a{
    color:var(--text) !important;
    background:rgba(var(--accent-rgb),.055) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this a{
    color:#eaffff !important;
    background:rgba(var(--accent-rgb),.15) !important;
    box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22) !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title{
    background:rgba(var(--accent-rgb),.035) !important;
    border-color:var(--line) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li a{
    color:var(--muted) !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a{
    color:var(--gold-2) !important;
    background:#fff !important;
    box-shadow:inset 0 0 0 1px var(--line-strong) !important;
}

body.engine-app #order-list .order-search-panel{
    border:1px solid var(--line) !important;
    border-radius:12px !important;
    background:rgba(4,11,20,.42) !important;
    box-shadow:none !important;
}
body.engine-app #order-list .order-search-panel::before{
    display:none !important;
}
html[data-theme="light"] body.engine-app #order-list .order-search-panel{
    background:rgba(var(--accent-rgb),.025) !important;
    border-color:var(--line) !important;
    box-shadow:none !important;
}
body.engine-app #order-list .l-msg,
html[data-theme="light"] body.engine-app #order-list .l-msg{
    color:var(--muted) !important;
}
body.engine-app #order-list .entry .input input,
html[data-theme="light"] body.engine-app #order-list .entry .input input{
    background:rgba(3,9,17,.58) !important;
    border:1px solid var(--line) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #order-list .entry .input input{
    background:#fff !important;
}
body.engine-app #order-list .entry .input input:focus{
    border-color:var(--line-strong) !important;
    box-shadow:0 0 0 3px rgba(var(--accent-rgb),.10) !important;
}
body.engine-app #order-list .btn button{
    border:1px solid rgba(var(--accent-rgb),.4) !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    color:#fff !important;
    box-shadow:0 12px 28px rgba(var(--accent-rgb),.20) !important;
}
body.engine-app #order-list .btn button:hover{
    box-shadow:0 16px 34px rgba(var(--accent-rgb),.28) !important;
}

body.engine-app #order-empty{
    border:1px dashed rgba(var(--accent-rgb),.28) !important;
    background:rgba(var(--accent-rgb),.025) !important;
}
html[data-theme="light"] body.engine-app #order-empty{
    background:rgba(var(--accent-rgb),.025) !important;
    border-color:rgba(var(--accent-rgb),.22) !important;
}
body.engine-app #order-empty .empty-icon{
    border:1px solid rgba(var(--accent-rgb),.30) !important;
    background:rgba(var(--accent-rgb),.08) !important;
    color:var(--gold-2) !important;
    box-shadow:none !important;
}
body.engine-app #order-empty .err_title,
html[data-theme="light"] body.engine-app #order-empty .err_title{
    color:var(--text) !important;
}
body.engine-app #order-empty .err_content{
    color:var(--muted) !important;
}

body.engine-app #order-list #list .layui-card,
body.engine-app #order-list #list .order-card{
    border:1px solid var(--line) !important;
    background:rgba(255,255,255,.026) !important;
    box-shadow:none !important;
}
body.engine-app #order-list #list .layui-card::before{
    width:2px !important;
    background:var(--ember) !important;
}
body.engine-app #order-list #list .layui-card::after{
    display:none !important;
}
body.engine-app #order-list #list .layui-card:hover,
body.engine-app #order-list #list .order-card:hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.035) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.16) !important;
}
html[data-theme="light"] body.engine-app #order-list #list .layui-card,
html[data-theme="light"] body.engine-app #order-list #list .order-card{
    border-color:var(--line) !important;
    background:#fff !important;
    box-shadow:none !important;
}
body.engine-app #order-list .order-card-time,
html[data-theme="light"] body.engine-app #order-list .order-card-time{
    color:var(--text) !important;
}
body.engine-app #order-list .order-card-time::before{
    background:var(--ember) !important;
    box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12) !important;
}
body.engine-app #order-list .order-status,
body.engine-app #order-list #list .layui-card-header .order-status{
    border-color:rgba(69,214,161,.24) !important;
    background:rgba(69,214,161,.09) !important;
    color:#7ee3ba !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #order-list .order-status{
    border-color:rgba(23,143,104,.22) !important;
    background:rgba(23,143,104,.08) !important;
    color:#137b59 !important;
}
body.engine-app #order-list .order-field{
    border:1px solid rgba(var(--accent-rgb),.12) !important;
    background:rgba(3,9,17,.28) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #order-list .order-field{
    border-color:var(--line) !important;
    background:rgba(var(--accent-rgb),.025) !important;
}
body.engine-app #order-list .order-field-label{
    color:var(--faint) !important;
}
body.engine-app #order-list .order-field-value,
html[data-theme="light"] body.engine-app #order-list .order-field-value{
    color:var(--text) !important;
}
body.engine-app #order-list .order-field-value.strong,
html[data-theme="light"] body.engine-app #order-list .order-field-value.strong{
    color:var(--gold-2) !important;
    font-family:inherit !important;
}

body.engine-app #order-list .order-card-actions .layui-btn{
    border-radius:7px !important;
    box-shadow:none !important;
}
body.engine-app #order-list .look-details{
    border:1px solid rgba(var(--accent-rgb),.38) !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    box-shadow:0 10px 22px rgba(var(--accent-rgb),.17) !important;
}
body.engine-app #order-list .qfk-btn,
body.engine-app #order-list .goods-btn,
html[data-theme="light"] body.engine-app #order-list .qfk-btn,
html[data-theme="light"] body.engine-app #order-list .goods-btn{
    border:1px solid rgba(var(--accent-rgb),.24) !important;
    background:rgba(var(--accent-rgb),.08) !important;
    color:var(--gold-2) !important;
}
body.engine-app #order-list .sh-btn,
html[data-theme="light"] body.engine-app #order-list .sh-btn{
    border:1px solid rgba(69,214,161,.24) !important;
    background:rgba(69,214,161,.08) !important;
    color:var(--green) !important;
}
body.engine-app #order-list .del-btn,
html[data-theme="light"] body.engine-app #order-list .del-btn{
    border:1px solid rgba(235,105,105,.24) !important;
    background:rgba(235,105,105,.08) !important;
    color:#ef8989 !important;
}
html[data-theme="light"] body.engine-app #order-list .del-btn{
    color:#b63f46 !important;
}
body.engine-app #order-list .loading{
    background:rgba(var(--accent-rgb),.05) !important;
    color:var(--muted) !important;
}

body.engine-app #order-list .order-engine-panel,
html[data-theme="light"] body.engine-app #order-list .order-engine-panel{
    border:1px solid var(--line) !important;
    background:
        radial-gradient(circle at 50% 34%,rgba(var(--accent-rgb),.13),transparent 20rem),
        linear-gradient(145deg,#07111d,#0b1d2a) !important;
    box-shadow:0 28px 60px rgba(0,0,0,.20) !important;
}
body.engine-app #order-list .order-engine-panel::before{
    border-color:rgba(var(--accent-rgb),.14) !important;
}
body.engine-app #order-list .order-engine-panel::after{
    background:linear-gradient(0deg,rgba(var(--accent-rgb),.15),transparent) !important;
}
body.engine-app #order-list .order-engine-mark{
    background:linear-gradient(145deg,var(--nav-action-start),var(--nav-action-end)) !important;
    box-shadow:0 18px 34px rgba(var(--accent-rgb),.20) !important;
}
body.engine-app #order-list .order-engine-core,
body.engine-app #order-list .order-engine-core i,
body.engine-app #order-list .order-engine-core b{
    border-color:rgba(var(--accent-rgb),.24) !important;
}
body.engine-app #order-list .order-engine-core{
    background:
        radial-gradient(circle,rgba(var(--accent-rgb),.18) 0 18%,transparent 19%),
        radial-gradient(circle,rgba(var(--accent-rgb),.09),transparent 55%) !important;
}
body.engine-app #order-list .order-engine-core b{
    background:rgba(3,10,18,.72) !important;
    box-shadow:0 0 42px rgba(var(--accent-rgb),.14) !important;
}
body.engine-app #order-list .order-engine-lines span{
    background:linear-gradient(90deg,rgba(var(--accent-rgb),.54),rgba(var(--accent-rgb),.16),transparent) !important;
}
body.engine-app #order-list .order-engine-meta strong{
    color:var(--gold-2) !important;
}

body.engine-app #order-list .status-badge.status-0{
    background:rgba(148,163,184,.10) !important;
    color:var(--muted) !important;
}
body.engine-app #order-list .status-badge.status-1,
body.engine-app #order-list .status-badge.status-2{
    background:rgba(var(--accent-rgb),.10) !important;
    color:var(--gold-2) !important;
}
body.engine-app #order-list .status-badge.status-3{
    background:rgba(69,214,161,.10) !important;
    color:var(--green) !important;
}
body.engine-app #order-list .status-badge.status-4{
    background:rgba(148,163,184,.10) !important;
    color:var(--faint) !important;
}

/* 查询订单交互与内容布局修正 */
body.engine-app #order-list{
    min-height:0 !important;
    padding:30px 40px 34px !important;
}
body.engine-app #order-list .pay-title{
    margin-bottom:24px !important;
}
body.engine-app #order-list .order-query-deck{
    display:flex;
    flex-direction:column;
    gap:0;
}

/* 单层分段切换器：选中状态只落在 li，不再与内部链接叠两层背景。 */
body.engine-app #order-list .layui-tab-title{
    width:min(480px,100%) !important;
    max-width:none !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
    height:52px !important;
    padding:5px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.025) !important;
}
body.engine-app #order-list .layui-tab-title li{
    position:relative;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    padding:0 !important;
    overflow:hidden;
    border:1px solid transparent !important;
    border-radius:7px !important;
    line-height:40px !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease !important;
}
body.engine-app #order-list .layui-tab-title li a,
body.engine-app #order-list .layui-tab-title .layui-this a{
    width:100%;
    height:100%;
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:0 12px !important;
    border:0 !important;
    border-radius:inherit;
    background:transparent !important;
    box-shadow:none !important;
    color:inherit !important;
}
body.engine-app #order-list .layui-tab-title li:hover{
    border-color:rgba(var(--accent-rgb),.14) !important;
    background:rgba(var(--accent-rgb),.06) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this{
    border-color:rgba(109,220,227,.46) !important;
    background:linear-gradient(135deg,var(--nav-action-end),var(--nav-action-start)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this::after{
    display:none !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a{
    color:#fff !important;
}

/* 分段按钮状态互斥：hover 仅作用于未选中项，选中项始终保持白字。 */
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover{
    border-color:rgba(var(--accent-rgb),.24) !important;
    background:rgba(var(--accent-rgb),.085) !important;
    color:var(--gold-2) !important;
    box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.04) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--gold-2) !important;
    background:transparent !important;
}
body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this:hover,
body.engine-app #order-list .layui-tab-title .layui-this:focus-within{
    border-color:rgba(109,220,227,.46) !important;
    background:linear-gradient(135deg,var(--nav-action-end),var(--nav-action-start)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a,
body.engine-app #order-list .layui-tab-title .layui-this:hover a,
body.engine-app #order-list .layui-tab-title .layui-this a:hover,
body.engine-app #order-list .layui-tab-title .layui-this a:focus{
    color:#fff !important;
    background:transparent !important;
    text-shadow:0 1px 1px rgba(0,0,0,.16);
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title{
    background:rgba(var(--accent-rgb),.035) !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this{
    border-color:rgba(var(--accent-rgb),.34) !important;
    background:linear-gradient(135deg,#087f90,#1597a6) !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(var(--accent-rgb),.16) !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a{
    color:#fff !important;
}

/* 内容紧跟切换器，取消旧版依靠最小高度撑开的空白。 */
body.engine-app #order-list .layui-tab-content{
    min-height:0 !important;
    padding:22px 0 0 !important;
}
body.engine-app #order-list .browser-box{
    min-height:0 !important;
}
body.engine-app #order-empty{
    min-height:146px !important;
    margin:22px 0 0 !important;
    padding:24px !important;
}

/* 查询表单是一条完整任务栏，标签、输入与主按钮共享同一节奏。 */
body.engine-app #order-list .order-search-panel{
    width:100% !important;
    min-height:0 !important;
    padding:24px 26px !important;
}
body.engine-app #order-list .order-search-form{
    width:100% !important;
    max-width:none !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
}
body.engine-app #order-list .entry{
    min-width:0;
    flex:1 1 320px;
    grid-template-columns:88px minmax(180px,1fr) !important;
    gap:14px !important;
    margin:0 !important;
}
body.engine-app #order-list .l-msg{
    width:auto !important;
    min-width:max-content;
    padding-left:0;
    text-align:left !important;
    font-size:13px;
    font-weight:700 !important;
    letter-spacing:.01em;
}
body.engine-app #order-list .entry .input input{
    height:48px !important;
    border-radius:8px !important;
    padding:0 16px !important;
}
body.engine-app #order-list .btn{
    width:152px !important;
    height:48px !important;
    flex:0 0 152px;
}
body.engine-app #order-list .btn button{
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    border-radius:8px !important;
    font-size:15px !important;
    letter-spacing:.02em;
}

@media (max-width:768px){
    body.engine-app #order-list{
        padding:22px 16px 26px !important;
    }
    body.engine-app #order-list .pay-title{
        margin-bottom:20px !important;
    }
    body.engine-app #order-list .layui-tab-title{
        width:100% !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        height:50px !important;
    }
    body.engine-app #order-list .layui-tab-title li{
        height:38px !important;
        line-height:38px !important;
        font-size:12px !important;
    }
    body.engine-app #order-list .layui-tab-title li a{
        padding:0 5px !important;
        white-space:nowrap;
    }
    body.engine-app #order-list .layui-tab-content{
        padding-top:18px !important;
    }
    body.engine-app #order-list .order-search-panel{
        padding:18px 16px !important;
    }
    body.engine-app #order-list .order-search-form{
        flex-direction:column;
        align-items:stretch !important;
        gap:12px !important;
    }
    body.engine-app #order-list .entry{
        width:100%;
        flex:0 0 auto;
        grid-template-columns:1fr !important;
        gap:7px !important;
    }
    body.engine-app #order-list .btn{
        width:100% !important;
        flex-basis:48px;
    }
    body.engine-app #order-empty{
        min-height:136px !important;
        margin-top:18px !important;
    }
}

@media (min-width:769px) and (max-width:1100px){
    body.engine-app #goods .goods-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* keep the shared footer identical across engine/default/auth shells */
body.engine-app #content{
    flex:1 0 auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
}
body.engine-app .site-footer{
    flex:0 0 68px !important;
    height:68px !important;
    min-height:68px !important;
    padding:0 !important;
    margin-top:0 !important;
    display:flex !important;
    align-items:center !important;
}
body.engine-app .site-footer .container,
body.engine-app .site-footer .footer-copyright{
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:none !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 auto !important;
    padding:0 !important;
}
body.engine-app .footer-copyright{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
body.engine-app .footer-copyright p{
    margin:0 !important;
    line-height:1.4 !important;
}

/* --------------------------------------------------------------------------
   功能内页视觉系统
   延续官网冷青品牌色，但降低装饰密度，突出购买、订单与工单等任务操作。
   -------------------------------------------------------------------------- */
body.engine-app{
    background:
        radial-gradient(circle at 84% -8%,rgba(47,183,197,.11),transparent 30rem),
        radial-gradient(circle at 8% 16%,rgba(8,107,120,.08),transparent 26rem),
        linear-gradient(180deg,var(--bg),var(--bg-soft) 56%,var(--bg)) !important;
}
html[data-theme="light"] body.engine-app{
    background:
        radial-gradient(circle at 84% -8%,rgba(8,127,144,.08),transparent 30rem),
        linear-gradient(180deg,var(--bg),var(--bg-soft) 56%,var(--bg)) !important;
}

body.engine-app::before{
    opacity:.22 !important;
    background-image:
        linear-gradient(rgba(99,180,190,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(99,180,190,.06) 1px,transparent 1px) !important;
    background-size:64px 64px !important;
    mask-image:linear-gradient(180deg,#000,transparent 72%) !important;
}

/* 公共导航与入口按钮 */
body.engine-app .site-header{
    background:var(--nav) !important;
    border-bottom-color:var(--line) !important;
    backdrop-filter:blur(18px) saturate(135%) !important;
}
body.engine-app .site-header .brand-logo{
    max-width:196px !important;
    max-height:48px !important;
}
body.engine-app .site-header .nav-menu{
    gap:2px !important;
}
body.engine-app .site-header .nav-menu a{
    position:relative !important;
    height:72px !important;
    padding:0 11px !important;
    border-radius:0 !important;
    line-height:72px !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
}
body.engine-app .site-header .nav-menu a::after{
    content:"";
    position:absolute;
    right:11px;
    bottom:0;
    left:11px;
    height:3px;
    background:linear-gradient(90deg,#2fb7c5,#6ddce3);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .2s ease;
}
body.engine-app .site-header .container.nav-wrap{
    width:min(1200px,calc(100% - 48px)) !important;
}
body.engine-app .site-header .nav-menu a:hover,
body.engine-app .site-header .nav-menu a.active{
    color:var(--text) !important;
    background:transparent !important;
}
body.engine-app .site-header .nav-menu a:hover::after,
body.engine-app .site-header .nav-menu a.active::after{
    transform:scaleX(1);
}
body.engine-app .site-header .download-pill,
body.engine-app .buy button,
body.engine-app .btn-primary,
body.engine-app .btn-new-ticket,
body.engine-app .btn-search,
body.engine-app .btn-detail,
body.engine-app .btn-send-reply,
body.engine-app .pay-btn,
body.engine-app button.btn-primary,
body.engine-app #login-btn,
body.engine-app #register-btn{
    border-color:rgba(var(--primary-action-rgb),.34) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    box-shadow:0 16px 30px rgba(var(--primary-action-rgb),.24) !important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease !important;
    cursor:pointer !important;
}
body.engine-app .site-header .download-pill{
    height:42px !important;
    min-height:42px !important;
    padding:0 17px !important;
    border:1px solid rgba(var(--primary-action-rgb),.34) !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    box-shadow:0 16px 30px rgba(var(--primary-action-rgb),.24) !important;
}
body.engine-app .site-header .download-pill:hover,
body.engine-app .buy button:hover,
body.engine-app .btn-primary:hover,
body.engine-app .btn-new-ticket:hover,
body.engine-app .btn-search:hover,
body.engine-app .btn-detail:hover,
body.engine-app .btn-send-reply:hover,
body.engine-app .pay-btn:hover,
body.engine-app button.btn-primary:hover,
body.engine-app #login-btn:hover,
body.engine-app #register-btn:hover{
    border-color:rgba(var(--primary-action-rgb),.68) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 20px 38px rgba(var(--primary-action-rgb),.32) !important;
}

/* 内容框架：统一卡片层级、留白与信息标题 */
body.engine-app #content{
    padding-top:108px !important;
}
body.engine-app .main .main-box,
body.engine-app .layui-card,
body.engine-app .card,
body.engine-app .bg-white,
body.engine-app .my-3.p-3.bg-white,
body.engine-app .shadow-sm{
    background:linear-gradient(145deg,rgba(17,30,48,.84),rgba(9,17,29,.92)) !important;
    border-color:var(--line) !important;
    border-radius:14px !important;
    box-shadow:var(--shadow) !important;
    backdrop-filter:none !important;
}
html[data-theme="light"] body.engine-app .main .main-box,
html[data-theme="light"] body.engine-app .layui-card,
html[data-theme="light"] body.engine-app .card,
html[data-theme="light"] body.engine-app .bg-white,
html[data-theme="light"] body.engine-app .my-3.p-3.bg-white{
    background:rgba(255,255,255,.92) !important;
}
body.engine-app .main .title,
body.engine-app .main .title-2,
body.engine-app .pay-title,
body.engine-app .layui-card-header{
    border-bottom-color:var(--line) !important;
}
body.engine-app .main .title::after,
body.engine-app .main .title-2::after,
body.engine-app .pay-title::after,
body.engine-app .product-detail-panel > .title::after,
body.engine-app .product-intro-panel > .title::after{
    background:linear-gradient(90deg,var(--line-strong),transparent) !important;
}

/* 商品与分类 */
body.engine-app .main .cate .cate-box{
    background:rgba(255,255,255,.025) !important;
    border-color:var(--line) !important;
    border-radius:12px !important;
}
body.engine-app .main .cate .cate-box:hover{
    border-color:var(--line-strong) !important;
    background:rgba(47,183,197,.07) !important;
}
body.engine-app .main .cate .cate-box-select{
    border-color:var(--line-strong) !important;
    background:linear-gradient(135deg,rgba(8,107,120,.92),rgba(47,183,197,.72)) !important;
    box-shadow:0 14px 30px rgba(8,107,120,.16) !important;
}
body.engine-app .main .goods .goods-box{
    background:rgba(255,255,255,.026) !important;
    border-color:var(--line) !important;
    border-radius:12px !important;
}
body.engine-app .main .goods .goods-box:hover{
    border-color:var(--line-strong) !important;
    background:rgba(47,183,197,.055) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}
body.engine-app .main .goods .goods-price,
body.engine-app .main .goods .goods-price span,
body.engine-app .price .price-sign,
body.engine-app .price .price-num{
    color:var(--gold-2) !important;
}

/* 表单、选项与任务反馈 */
body.engine-app .layui-input,
body.engine-app .layui-textarea,
body.engine-app .layui-select,
body.engine-app input.layui-input,
body.engine-app .form-control,
body.engine-app select.form-control,
body.engine-app textarea.form-control,
body.engine-app .input input,
body.engine-app .input textarea,
body.engine-app .shosu{
    background:rgba(4,10,18,.62) !important;
    border-color:var(--line) !important;
    color:var(--text) !important;
}
body.engine-app .layui-input:focus,
body.engine-app .layui-textarea:focus,
body.engine-app .form-control:focus,
body.engine-app .input input:focus,
body.engine-app .input textarea:focus{
    border-color:var(--line-strong) !important;
    box-shadow:0 0 0 3px rgba(47,183,197,.10) !important;
}
html[data-theme="light"] body.engine-app .layui-input,
html[data-theme="light"] body.engine-app .layui-textarea,
html[data-theme="light"] body.engine-app .layui-select,
html[data-theme="light"] body.engine-app input.layui-input,
html[data-theme="light"] body.engine-app .form-control,
html[data-theme="light"] body.engine-app select.form-control,
html[data-theme="light"] body.engine-app textarea.form-control,
html[data-theme="light"] body.engine-app .input input,
html[data-theme="light"] body.engine-app .input textarea,
html[data-theme="light"] body.engine-app .shosu{
    background:#fff !important;
    border-color:var(--line) !important;
    color:var(--text) !important;
}
body.engine-app .type-grid label,
body.engine-app .upload-btn,
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary{
    background:rgba(47,183,197,.045) !important;
    border-color:var(--line) !important;
    color:var(--muted) !important;
}
body.engine-app .type-grid label:hover,
body.engine-app .upload-btn:hover,
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:hover{
    background:rgba(47,183,197,.10) !important;
    border-color:var(--line-strong) !important;
    color:var(--gold-2) !important;
}
body.engine-app .main-box > .d-flex.justify-content-between{
    border-bottom-color:var(--line) !important;
}
body.engine-app .ticket-form p[style*="brown"]{
    background:rgba(47,183,197,.07) !important;
    color:var(--gold-2) !important;
}

/* 订单工作台 */
body.engine-app #order-list .layui-tab-title{
    border-color:var(--line) !important;
    background:rgba(255,255,255,.035) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover,
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--gold-2) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover{
    border-color:rgba(var(--accent-rgb),.24) !important;
    background:rgba(var(--accent-rgb),.085) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this:hover,
body.engine-app #order-list .layui-tab-title .layui-this:focus-within{
    border-color:rgba(109,220,227,.46) !important;
    background:linear-gradient(135deg,var(--nav-action-end),var(--nav-action-start)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a,
body.engine-app #order-list .layui-tab-title .layui-this:hover a,
body.engine-app #order-list .layui-tab-title .layui-this a:hover,
body.engine-app #order-list .layui-tab-title .layui-this a:focus{
    color:#fff !important;
    background:transparent !important;
}
body.engine-app #order-list .order-search-panel,
body.engine-app #order-list .order-card,
body.engine-app #order-list .order-field{
    border-color:var(--line) !important;
    background:rgba(255,255,255,.025) !important;
}
body.engine-app #order-list .order-search-panel,
body.engine-app #order-list .order-search-form,
body.engine-app #order-list #list .layui-card{
    border-color:var(--line) !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
        radial-gradient(circle at 86% 18%,rgba(47,183,197,.08),transparent 16rem) !important;
}
body.engine-app #order-list .order-engine-panel{
    background:
        radial-gradient(circle at 52% 48%,rgba(47,183,197,.13),transparent 18rem),
        linear-gradient(145deg,rgba(6,16,27,.96),rgba(11,29,42,.90)) !important;
    border-color:var(--line) !important;
    box-shadow:0 28px 60px rgba(0,0,0,.25) !important;
}
body.engine-app #order-list .order-engine-core{
    border-color:var(--line-strong) !important;
    box-shadow:0 0 50px rgba(47,183,197,.16),inset 0 0 36px rgba(47,183,197,.08) !important;
}
body.engine-app #order-list .order-engine-meta strong{
    color:var(--gold-2) !important;
}

/* 公共悬浮客服：所有页面共用同一尺寸和反馈 */
body.engine-app .hero-contact-card{
    width:var(--contact-width) !important;
    min-height:var(--contact-height) !important;
    right:var(--contact-right) !important;
    bottom:var(--contact-bottom) !important;
    padding:var(--contact-padding) !important;
    border-color:rgba(var(--accent-rgb),.34) !important;
    border-radius:15px !important;
    background:
        linear-gradient(145deg,rgba(10,20,34,.96),rgba(13,32,45,.92)) padding-box,
        linear-gradient(135deg,rgba(140,227,231,.72),rgba(47,183,197,.22) 48%,rgba(140,227,231,.5)) border-box !important;
    box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(18px) saturate(1.18) !important;
}
html[data-theme="light"] body.engine-app .hero-contact-card{
    border-color:transparent !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,248,250,.94)) padding-box,
        linear-gradient(135deg,rgba(8,127,144,.55),rgba(8,127,144,.15) 48%,rgba(8,127,144,.42)) border-box !important;
    box-shadow:0 18px 42px rgba(33,57,96,.14),inset 0 1px 0 #fff !important;
}
body.engine-app .hero-contact-card:hover{
    border-color:var(--line-strong) !important;
    transform:translateY(-3px) !important;
}

@media (max-width:768px){
    body.engine-app .site-header .nav-menu{
        gap:0 !important;
    }
    body.engine-app .site-header .nav-menu a{
        height:46px !important;
        padding:0 16px !important;
        line-height:46px !important;
    }
    body.engine-app #content{
        padding-top:94px !important;
    }
    body.engine-app .hero-contact-card{
        width:var(--contact-width) !important;
        min-height:var(--contact-height) !important;
        right:var(--contact-right) !important;
        bottom:var(--contact-bottom) !important;
        padding:var(--contact-padding) !important;
    }
}

/* 查询订单控件最终层（文件末尾）：覆盖历史商城状态。 */
body.engine-app #order-list{
    --order-control-accent:#2fb7c5;
    --order-control-accent-deep:#086b78;
    --order-control-accent-soft:#8ce3e7;
    --order-placeholder:#6f8197;
}
html[data-theme="light"] body.engine-app #order-list{
    --order-control-accent:#1597a6;
    --order-control-accent-deep:#075f6b;
    --order-control-accent-soft:#087786;
    --order-placeholder:#7a899b;
}
body.engine-app #order-list .layui-tab-title li,
body.engine-app #order-list .layui-tab-title li a,
body.engine-app #order-list .btn button{
    cursor:pointer !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this),
body.engine-app #order-list .layui-tab-title li:not(.layui-this) a{
    color:var(--muted) !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover{
    border-color:rgba(47,183,197,.28) !important;
    background:rgba(47,183,197,.09) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--text) !important;
    background:transparent !important;
}
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title li:not(.layui-this):hover a{
    color:var(--text) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this,
body.engine-app #order-list .layui-tab-title .layui-this:hover,
body.engine-app #order-list .layui-tab-title .layui-this:focus-within,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:hover,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:focus-within{
    border-color:rgba(47,183,197,.52) !important;
    background:linear-gradient(135deg,var(--order-control-accent-deep),var(--order-control-accent)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(8,107,120,.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.engine-app #order-list .layui-tab-title .layui-this a,
body.engine-app #order-list .layui-tab-title .layui-this:hover a,
body.engine-app #order-list .layui-tab-title .layui-this a:hover,
body.engine-app #order-list .layui-tab-title .layui-this a:focus,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this a,
html[data-theme="light"] body.engine-app #order-list .layui-tab-title .layui-this:hover a{
    color:#fff !important;
    background:transparent !important;
}
body.engine-app #order-list .entry .input input::placeholder,
body.engine-app #order-list .entry .input input::-webkit-input-placeholder,
body.engine-app #order-list .entry .input input::-moz-placeholder{
    color:var(--order-placeholder) !important;
    opacity:1 !important;
}
body.engine-app #order-list .btn button:hover{
    cursor:pointer !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    border-color:rgba(var(--primary-action-rgb),.68) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 20px 38px rgba(var(--primary-action-rgb),.32) !important;
}

/* 主操作最终层：统一首页 Hero、导航及功能页按钮，避免页面内历史样式覆盖。 */
body.engine-app .site-header .download-pill,
body.engine-app #order-list .btn button,
body.engine-app #submit-btn,
body.engine-app .btn-new-ticket,
body.engine-app .btn-search,
body.engine-app .btn-detail,
body.engine-app .btn-send-reply,
body.engine-app .product-detail-panel .buy button,
body.engine-app .pay-btn,
body.engine-app button.btn-primary,
body.engine-app #login-btn,
body.engine-app #register-btn{
    border:1px solid rgba(var(--primary-action-rgb),.34) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    box-shadow:0 16px 30px rgba(var(--primary-action-rgb),.24) !important;
    filter:none !important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease !important;
    cursor:pointer !important;
}
body.engine-app .site-header .download-pill:hover,
body.engine-app #order-list .btn button:hover,
body.engine-app #submit-btn:hover,
body.engine-app .btn-new-ticket:hover,
body.engine-app .btn-search:hover,
body.engine-app .btn-detail:hover,
body.engine-app .btn-send-reply:hover,
body.engine-app .product-detail-panel .buy button:hover,
body.engine-app .pay-btn:hover,
body.engine-app button.btn-primary:hover,
body.engine-app #login-btn:hover,
body.engine-app #register-btn:hover{
    border-color:rgba(var(--primary-action-rgb),.68) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 20px 38px rgba(var(--primary-action-rgb),.32) !important;
}
body.engine-app .site-header .download-pill:active,
body.engine-app #order-list .btn button:active,
body.engine-app #submit-btn:active,
body.engine-app .btn-new-ticket:active,
body.engine-app .btn-search:active,
body.engine-app .btn-detail:active,
body.engine-app .btn-send-reply:active,
body.engine-app .product-detail-panel .buy button:active,
body.engine-app .pay-btn:active,
body.engine-app button.btn-primary:active,
body.engine-app #login-btn:active,
body.engine-app #register-btn:active{
    transform:scale(.98) !important;
}

/* 工单中心最终视觉层：统一冷青品牌语言，保留工单状态的语义色。 */
body.engine-app .ticket-form,
body.engine-app #ticket-list-page{
    --ticket-surface:rgba(255,255,255,.026);
    --ticket-surface-hover:rgba(var(--accent-rgb),.065);
}
html[data-theme="light"] body.engine-app .ticket-form,
html[data-theme="light"] body.engine-app #ticket-list-page{
    --ticket-surface:rgba(var(--accent-rgb),.035);
    --ticket-surface-hover:rgba(var(--accent-rgb),.075);
}
body.engine-app .ticket-form .form-group.row{
    border-bottom-color:rgba(var(--accent-rgb),.11) !important;
}
body.engine-app .ticket-form .col-form-label,
html[data-theme="light"] body.engine-app .ticket-form .col-form-label{
    color:var(--text) !important;
}
body.engine-app .ticket-form .form-label-required{
    color:#ef8989 !important;
}
body.engine-app .ticket-form .form-control,
body.engine-app #ticket-list-page .form-control,
body.engine-app .reply-box .form-control{
    border:1px solid var(--line) !important;
    background:rgba(4,10,18,.62) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
body.engine-app .ticket-form .form-control::placeholder,
body.engine-app #ticket-list-page .form-control::placeholder,
body.engine-app .reply-box .form-control::placeholder{
    color:#8393a7 !important;
    opacity:1 !important;
}
html[data-theme="light"] body.engine-app .ticket-form .form-control,
html[data-theme="light"] body.engine-app #ticket-list-page .form-control,
html[data-theme="light"] body.engine-app .reply-box .form-control{
    background:#fff !important;
}
html[data-theme="light"] body.engine-app .ticket-form .form-control::placeholder,
html[data-theme="light"] body.engine-app #ticket-list-page .form-control::placeholder,
html[data-theme="light"] body.engine-app .reply-box .form-control::placeholder{
    color:#69798c !important;
}
body.engine-app .ticket-form .form-control:focus,
body.engine-app #ticket-list-page .form-control:focus,
body.engine-app .reply-box .form-control:focus{
    outline:none !important;
    border-color:rgba(var(--primary-action-rgb),.72) !important;
    box-shadow:0 0 0 3px rgba(var(--primary-action-rgb),.14) !important;
}
body.engine-app .type-grid label,
html[data-theme="light"] body.engine-app .type-grid label{
    border:1px solid var(--line) !important;
    background:var(--ticket-surface) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease !important;
}
body.engine-app .type-grid label:hover,
html[data-theme="light"] body.engine-app .type-grid label:hover{
    border-color:var(--line-strong) !important;
    background:var(--ticket-surface-hover) !important;
    color:var(--text) !important;
    transform:translateY(-1px);
}
body.engine-app .type-grid label.active,
html[data-theme="light"] body.engine-app .type-grid label.active{
    border-color:rgba(var(--primary-action-rgb),.52) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--primary-action-rgb),.20) !important;
}
body.engine-app .upload-btn,
html[data-theme="light"] body.engine-app .upload-btn{
    position:relative;
    border:1px dashed rgba(var(--accent-rgb),.38) !important;
    background:rgba(var(--accent-rgb),.045) !important;
    color:var(--gold-2) !important;
    box-shadow:none !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
}
body.engine-app .upload-btn:hover,
html[data-theme="light"] body.engine-app .upload-btn:hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.09) !important;
    color:var(--gold-2) !important;
    transform:translateY(-1px);
}
body.engine-app .upload-tip,
body.engine-app .reply-tip{
    color:var(--faint) !important;
}
body.engine-app .ticket-form p[style*="brown"]{
    border:1px solid rgba(var(--accent-rgb),.14);
    background:rgba(var(--accent-rgb),.055) !important;
    color:var(--muted) !important;
}
body.engine-app .main-box > .d-flex.justify-content-between{
    border-bottom-color:var(--line) !important;
}
body.engine-app .main-box > .d-flex.justify-content-between h6,
html[data-theme="light"] body.engine-app .main-box > .d-flex.justify-content-between h6{
    color:var(--text) !important;
}
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary,
html[data-theme="light"] body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary{
    border-color:var(--line) !important;
    background:rgba(var(--accent-rgb),.045) !important;
    color:var(--muted) !important;
}
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:hover,
html[data-theme="light"] body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.09) !important;
    color:var(--text) !important;
}

body.engine-app #ticket-list-page > .bg-white{
    margin:0 !important;
    padding:26px 28px !important;
    border:1px solid var(--line) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,rgba(17,30,48,.84),rgba(9,17,29,.92)) !important;
    box-shadow:var(--shadow) !important;
}
html[data-theme="light"] body.engine-app #ticket-list-page > .bg-white{
    background:rgba(255,255,255,.92) !important;
}
body.engine-app #ticket-list-page .page-header{
    border-bottom:1px solid var(--line) !important;
}
body.engine-app #ticket-list-page .page-title,
body.engine-app #ticket-list-page .page-title i{
    color:var(--text) !important;
}
body.engine-app #ticket-list-page .search-form .form-control{
    width:220px !important;
    min-height:42px;
    border-right:0 !important;
    border-radius:9px 0 0 9px !important;
}
body.engine-app #ticket-list-page .search-form .btn-search{
    min-height:42px;
    border-radius:0 9px 9px 0 !important;
}
body.engine-app #ticket-list-page .ticket-card,
html[data-theme="light"] body.engine-app #ticket-list-page .ticket-card{
    border:1px solid var(--line) !important;
    border-radius:12px !important;
    background:var(--ticket-surface) !important;
    box-shadow:none !important;
}
body.engine-app #ticket-list-page .ticket-card:hover{
    border-color:var(--line-strong) !important;
    background:var(--ticket-surface-hover) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}
body.engine-app #ticket-list-page .ticket-card::before{
    width:2px !important;
}
body.engine-app #ticket-list-page .title-text,
body.engine-app #ticket-list-page .empty-text{
    color:var(--text) !important;
}
body.engine-app #ticket-list-page .meta-item,
body.engine-app #ticket-list-page .empty-sub,
body.engine-app #ticket-list-page .list-footer{
    color:var(--muted) !important;
}
body.engine-app #ticket-list-page .ticket-type-badge{
    border:1px solid rgba(var(--accent-rgb),.22) !important;
    background:rgba(var(--accent-rgb),.08) !important;
    color:var(--gold-2) !important;
}
body.engine-app #ticket-list-page .empty-state{
    min-height:220px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px dashed rgba(var(--accent-rgb),.24);
    border-radius:12px;
    background:rgba(var(--accent-rgb),.025);
}
body.engine-app #ticket-list-page .empty-icon{
    color:var(--gold-2) !important;
    border:1px solid rgba(var(--accent-rgb),.22) !important;
    background:rgba(var(--accent-rgb),.075) !important;
    box-shadow:none !important;
}
body.engine-app #ticket-list-page .empty-icon i{
    color:var(--gold-2) !important;
}

body.engine-app .chat-container,
body.engine-app .reply-box{
    border:1px solid var(--line) !important;
    background:rgba(4,10,18,.38) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app .chat-container,
html[data-theme="light"] body.engine-app .reply-box{
    background:rgba(var(--accent-rgb),.035) !important;
}
body.engine-app .chat-msg-user .chat-bubble{
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
}
body.engine-app .chat-msg-admin .chat-bubble{
    border:1px solid var(--line) !important;
    background:rgba(255,255,255,.045) !important;
    color:var(--text) !important;
}
html[data-theme="light"] body.engine-app .chat-msg-admin .chat-bubble{
    background:#fff !important;
}
body.engine-app .ticket-info-meta,
body.engine-app .chat-meta{
    color:var(--muted) !important;
}
body.engine-app .chat-msg-user .chat-label,
body.engine-app .chat-msg-admin .chat-label{
    color:var(--gold-2) !important;
}
body.engine-app .chat-attach,
body.engine-app .btn-upload-img{
    border-color:var(--line) !important;
    background:rgba(var(--accent-rgb),.045) !important;
    color:var(--muted) !important;
}
body.engine-app .chat-attach:hover,
body.engine-app .btn-upload-img:hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.09) !important;
    color:var(--text) !important;
}

/* 自助取卡最终视觉层：公告、分类、搜索与商品卡片统一为官网冷青体系。 */
body.engine-app #notice{
    border:1px solid var(--line) !important;
    border-left:1px solid var(--line) !important;
    border-radius:14px !important;
    background:
        radial-gradient(circle at 100% 0,rgba(var(--accent-rgb),.09),transparent 24rem),
        linear-gradient(145deg,rgba(17,30,48,.84),rgba(9,17,29,.92)) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #notice{
    background:rgba(255,255,255,.92) !important;
}
body.engine-app #notice,
body.engine-app #notice span,
body.engine-app #notice strong{
    color:var(--muted) !important;
}
body.engine-app #notice > p:first-child strong{
    color:var(--text) !important;
}
body.engine-app #notice a,
body.engine-app #notice a span{
    color:var(--gold-2) !important;
    text-decoration-color:rgba(var(--accent-rgb),.34);
    text-underline-offset:3px;
}
body.engine-app #category,
body.engine-app #goods{
    border:1px solid var(--line) !important;
    background:linear-gradient(145deg,rgba(17,30,48,.84),rgba(9,17,29,.92)) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #category,
html[data-theme="light"] body.engine-app #goods{
    background:rgba(255,255,255,.92) !important;
}
body.engine-app #category .title,
body.engine-app #goods .title-2{
    border-bottom:1px solid var(--line) !important;
    color:var(--text) !important;
}
body.engine-app #goods .title-2{
    grid-template-columns:auto auto minmax(260px,1fr) !important;
}
body.engine-app #goods .title-2 > span:not(.shosu){
    justify-self:start;
}
body.engine-app #category .title::after{
    display:none !important;
}
body.engine-app #category .cate .cate-box,
html[data-theme="light"] body.engine-app #category .cate .cate-box{
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.025) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
body.engine-app #category .cate .cate-box:not(.cate-box-select):hover,
html[data-theme="light"] body.engine-app #category .cate .cate-box:not(.cate-box-select):hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.065) !important;
    color:var(--text) !important;
    transform:translateY(-2px);
}
body.engine-app #category .cate .cate-box-select,
html[data-theme="light"] body.engine-app #category .cate .cate-box-select{
    border-color:rgba(var(--primary-action-rgb),.5) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    box-shadow:0 14px 30px rgba(var(--primary-action-rgb),.20) !important;
}
body.engine-app #category .cate .cate-box-select p,
body.engine-app #category .cate .cate-box-select div{
    color:#fff !important;
}
body.engine-app #category .cate .cate-box-select:hover,
html[data-theme="light"] body.engine-app #category .cate .cate-box-select:hover{
    border-color:rgba(var(--primary-action-rgb),.62) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    box-shadow:0 16px 34px rgba(var(--primary-action-rgb),.24) !important;
    transform:translateY(-2px);
}
body.engine-app #category .cate .cate-box-select:hover p,
body.engine-app #category .cate .cate-box-select:hover div{
    color:#fff !important;
}
body.engine-app #goods{
    min-height:360px !important;
}
body.engine-app #goods .goods{
    min-height:260px !important;
}
body.engine-app #goods .shosu{
    border:1px solid var(--line) !important;
    background:rgba(4,10,18,.62) !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.engine-app #goods .shosu{
    background:#fff !important;
}
body.engine-app #goods .shosu:focus-within{
    border-color:var(--line-strong) !important;
    box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1) !important;
}
body.engine-app #goods .goods .goods-box,
html[data-theme="light"] body.engine-app #goods .goods .goods-box{
    border:1px solid var(--line) !important;
    background:rgba(255,255,255,.025) !important;
    color:var(--text) !important;
    box-shadow:none !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
body.engine-app #goods .goods .goods-box:hover,
html[data-theme="light"] body.engine-app #goods .goods .goods-box:hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.055) !important;
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}
body.engine-app #goods .goods-name{
    color:var(--text) !important;
}
body.engine-app #goods .goods-price,
body.engine-app #goods .goods-price span{
    color:var(--gold-2) !important;
}
body.engine-app #goods .goods-num,
body.engine-app #goods .goods-num *{
    color:var(--muted) !important;
}

/* 商品数量步进器：容器内容宽度与三列精确闭合，消除“+”按钮右侧余量。 */
body.engine-app .product-detail-panel .order-number-box{
    width:158px !important;
    min-width:158px !important;
    height:48px !important;
    display:inline-grid !important;
    grid-template-columns:46px 64px 46px !important;
    align-items:stretch !important;
    overflow:hidden !important;
    border:1px solid var(--line) !important;
    border-radius:9px !important;
    background:rgba(4,10,18,.5) !important;
    box-sizing:border-box !important;
}
html[data-theme="light"] body.engine-app .product-detail-panel .order-number-box{
    background:#fff !important;
}
body.engine-app .product-detail-panel .order-number-box .input-group-prepend,
body.engine-app .product-detail-panel .order-number-box .input-group-append,
body.engine-app .product-detail-panel .order-number-box .btn,
body.engine-app .product-detail-panel .order-number-box .order-number{
    width:100% !important;
    height:46px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    box-sizing:border-box !important;
}
body.engine-app .product-detail-panel .order-number-box .btn{
    display:grid !important;
    place-items:center;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--text) !important;
    box-shadow:none !important;
    cursor:pointer;
    transition:background .18s ease,color .18s ease !important;
}
body.engine-app .product-detail-panel .order-number-box .btn:hover{
    background:rgba(var(--accent-rgb),.1) !important;
    color:var(--gold-2) !important;
    transform:none !important;
}
body.engine-app .product-detail-panel .order-number-box .order-number{
    border-width:0 1px !important;
    border-style:solid !important;
    border-color:var(--line) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.025) !important;
    color:var(--text) !important;
    box-shadow:none !important;
    text-align:center;
}

@media (max-width:640px){
    body.engine-app #ticket-list-page > .bg-white{
        padding:20px 16px !important;
    }
    body.engine-app #ticket-list-page .page-header,
    body.engine-app #ticket-list-page .header-actions{
        align-items:stretch;
    }
    body.engine-app #ticket-list-page .search-form{
        width:100%;
    }
    body.engine-app #ticket-list-page .search-form .form-control{
        width:100% !important;
        min-width:0;
    }
    body.engine-app #ticket-list-page .btn-new-ticket{
        justify-content:center;
    }
    body.engine-app #notice{
        padding:20px 18px !important;
    }
    body.engine-app #goods .title-2{
        grid-template-columns:auto minmax(0,1fr) !important;
    }
    body.engine-app #goods .title-2 .shosu{
        grid-column:1 / -1;
    }
}

/* 工单页交互状态最终层：隔离 Bootstrap 与历史主题的按钮、校验样式。 */
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary{
    min-height:36px !important;
    padding:0 15px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(var(--accent-rgb),.28) !important;
    border-radius:8px !important;
    background:rgba(var(--accent-rgb),.06) !important;
    color:var(--gold-2) !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
}
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:hover,
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:focus,
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:focus-visible{
    border-color:rgba(var(--accent-rgb),.5) !important;
    background:rgba(var(--accent-rgb),.12) !important;
    color:var(--text) !important;
    box-shadow:0 8px 20px rgba(var(--accent-rgb),.12) !important;
    filter:none !important;
    outline:none !important;
    transform:none !important;
}
body.engine-app .main-box > .d-flex.justify-content-between .btn-outline-primary:active{
    background:rgba(var(--accent-rgb),.16) !important;
    box-shadow:none !important;
    transform:none !important;
}

body.engine-app .ticket-form .form-control:focus,
body.engine-app .ticket-form .form-control:focus-visible,
body.engine-app .ticket-form .form-control.is-valid:focus,
body.engine-app .ticket-form .form-control.is-invalid:focus,
body.engine-app .ticket-form .form-control:valid:focus,
body.engine-app .ticket-form .form-control:invalid:focus,
body.engine-app #ticket-list-page .form-control:focus,
body.engine-app #ticket-list-page .form-control:focus-visible,
body.engine-app .reply-box .form-control:focus,
body.engine-app .reply-box .form-control:focus-visible{
    outline:0 !important;
    border-color:rgba(var(--primary-action-rgb),.72) !important;
    box-shadow:0 0 0 3px rgba(var(--primary-action-rgb),.14) !important;
}

/* 确认订单：统一输入、数量步进、支付方式和主操作按钮。 */
body.engine-app .confirm-order .layui-input{
    width:min(100%,360px) !important;
    max-width:360px !important;
    height:44px !important;
    padding:0 14px !important;
    border:1px solid var(--line) !important;
    border-radius:8px !important;
    background:rgba(4,10,18,.62) !important;
    color:var(--text) !important;
    box-shadow:none !important;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease !important;
}
html[data-theme="light"] body.engine-app .confirm-order .layui-input{
    background:#fff !important;
}
body.engine-app .confirm-order .layui-input::placeholder{
    color:#8393a7 !important;
    opacity:1 !important;
}
html[data-theme="light"] body.engine-app .confirm-order .layui-input::placeholder{
    color:#69798c !important;
}
body.engine-app .confirm-order .layui-input:focus,
body.engine-app .confirm-order .layui-input:focus-visible,
body.engine-app .confirm-order .layui-input:valid:focus,
body.engine-app .confirm-order .layui-input:invalid:focus{
    outline:0 !important;
    border-color:rgba(var(--primary-action-rgb),.72) !important;
    box-shadow:0 0 0 3px rgba(var(--primary-action-rgb),.14) !important;
}
body.engine-app .confirm-order .order-number-box{
    position:static !important;
    width:150px !important;
    height:42px !important;
    display:grid !important;
    grid-template-columns:42px 64px 42px !important;
    align-items:stretch !important;
    overflow:hidden !important;
    border:1px solid var(--line) !important;
    border-radius:8px !important;
    background:rgba(4,10,18,.54) !important;
    box-sizing:border-box !important;
}
html[data-theme="light"] body.engine-app .confirm-order .order-number-box{
    background:#fff !important;
}
body.engine-app .confirm-order .order-number-box .input-group-prepend,
body.engine-app .confirm-order .order-number-box .input-group-append{
    width:42px !important;
    height:40px !important;
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
    color:var(--muted) !important;
    cursor:pointer !important;
    transition:background-color .18s ease,color .18s ease !important;
}
body.engine-app .confirm-order .order-number-box .input-group-prepend:hover,
body.engine-app .confirm-order .order-number-box .input-group-append:hover{
    background:rgba(var(--accent-rgb),.1) !important;
    color:var(--gold-2) !important;
}
body.engine-app .confirm-order #orderNumber{
    width:64px !important;
    height:40px !important;
    padding:0 !important;
    border-width:0 1px !important;
    border-style:solid !important;
    border-color:var(--line) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--text) !important;
    box-shadow:none !important;
    text-align:center !important;
}
body.engine-app .confirm-order .icon-jian,
body.engine-app .confirm-order .icon-jia{
    color:inherit !important;
}
body.engine-app .confirm-order .pay-type-btn{
    min-height:42px !important;
    margin:0 10px 10px 0 !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    border:1px solid var(--line) !important;
    border-radius:8px !important;
    background:rgba(255,255,255,.035) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
}
html[data-theme="light"] body.engine-app .confirm-order .pay-type-btn{
    background:rgba(var(--accent-rgb),.035) !important;
}
body.engine-app .confirm-order .pay-type-btn:hover{
    border-color:var(--line-strong) !important;
    background:rgba(var(--accent-rgb),.08) !important;
    color:var(--text) !important;
}
body.engine-app .confirm-order .pay-type-btn.active,
body.engine-app .confirm-order .pay-type-btn.active:hover,
html[data-theme="light"] body.engine-app .confirm-order .pay-type-btn.active,
html[data-theme="light"] body.engine-app .confirm-order .pay-type-btn.active:hover{
    border-color:rgba(var(--primary-action-rgb),.55) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(var(--primary-action-rgb),.2) !important;
}
body.engine-app .confirm-order .pay-type-btn.active:hover,
html[data-theme="light"] body.engine-app .confirm-order .pay-type-btn.active:hover{
    border-color:rgba(var(--primary-action-rgb),.72) !important;
    filter:brightness(1.08) !important;
    box-shadow:0 14px 28px rgba(var(--primary-action-rgb),.28) !important;
}
body.engine-app .confirm-order .layui-input-block.btn{
    width:auto !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
body.engine-app .confirm-order .pay-btn{
    min-width:160px !important;
    height:46px !important;
    padding:0 26px !important;
    border:1px solid rgba(var(--primary-action-rgb),.34) !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    font-weight:700 !important;
    box-shadow:0 16px 30px rgba(var(--primary-action-rgb),.24) !important;
    filter:none !important;
    cursor:pointer !important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease !important;
}
body.engine-app .confirm-order .pay-btn:hover,
body.engine-app .confirm-order .pay-btn:focus-visible{
    border-color:rgba(var(--primary-action-rgb),.68) !important;
    background:linear-gradient(135deg,var(--primary-action-start),var(--primary-action-end)) !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 20px 38px rgba(var(--primary-action-rgb),.32) !important;
    outline:none !important;
}
body.engine-app .confirm-order .pay-btn:active{
    filter:none !important;
    transform:scale(.98) !important;
}

/* 商城页脚位于内容容器内部，移除容器在页脚之后遗留的底部空白。 */
body.engine-app #content:has(> .site-footer){
    padding-bottom:0 !important;
}
body.engine-app #content > .site-footer{
    margin-top:24px !important;
}

/* 商城文字最终层：清除旧主题遗留的棕金色固定值。 */
body.engine-app #notice a,
body.engine-app #notice a span,
html[data-theme="light"] body.engine-app #notice a,
html[data-theme="light"] body.engine-app #notice a span{
    color:var(--ember) !important;
}
body.engine-app #category .cate .cate-box:not(.cate-box-select) p,
html[data-theme="light"] body.engine-app #category .cate .cate-box:not(.cate-box-select) p{
    color:var(--text) !important;
}
body.engine-app #category .cate .cate-box:not(.cate-box-select) div,
html[data-theme="light"] body.engine-app #category .cate .cate-box:not(.cate-box-select) div{
    color:var(--muted) !important;
}
body.engine-app #goods .goods-price,
body.engine-app #goods .goods-price span,
html[data-theme="light"] body.engine-app #goods .goods-price,
html[data-theme="light"] body.engine-app #goods .goods-price span{
    color:var(--ember) !important;
}

/* 商城搜索框：外层负责聚焦反馈，内部输入框不再重复绘制阴影。 */
body.engine-app #goods .shosu input,
html[data-theme="light"] body.engine-app #goods .shosu input{
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
body.engine-app #goods .shosu input::placeholder{
    color:#8393a7 !important;
    opacity:1 !important;
}
html[data-theme="light"] body.engine-app #goods .shosu input::placeholder{
    color:#69798c !important;
}
body.engine-app #goods .shosu input:focus,
body.engine-app #goods .shosu input:focus-visible,
body.engine-app #goods .shosu input:valid:focus,
body.engine-app #goods .shosu input:invalid:focus,
html[data-theme="light"] body.engine-app #goods .shosu input:focus,
html[data-theme="light"] body.engine-app #goods .shosu input:focus-visible{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}
body.engine-app #goods .shosu:focus-within,
html[data-theme="light"] body.engine-app #goods .shosu:focus-within{
    border-color:rgba(var(--primary-action-rgb),.64) !important;
    box-shadow:0 0 0 2px rgba(var(--primary-action-rgb),.11) !important;
}

/* 功能页 Navbar 与官网公共导航保持同一套背景、阴影、尺寸和交互动效。 */
body.engine-app .site-header,
body.engine-app .site-header.scrolled{
    height:72px !important;
    background:var(--nav) !important;
    border-bottom:1px solid rgba(var(--accent-rgb),.18) !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
    backdrop-filter:blur(20px) saturate(1.2) !important;
    -webkit-backdrop-filter:blur(20px) saturate(1.2) !important;
}
body.engine-app .site-header .brand-logo{
    width:auto !important;
    max-width:196px !important;
    max-height:48px !important;
    object-fit:contain !important;
}
body.engine-app .site-header .nav-menu a{
    transition:color .32s ease !important;
}
body.engine-app .site-header .nav-menu a::after{
    border-radius:3px 3px 0 0;
    transform-origin:center bottom;
    transition:transform .32s cubic-bezier(.16,1,.3,1) !important;
}
body.engine-app .site-header .theme-toggle,
body.engine-app .site-header .mobile-toggle{
    border-radius:9px !important;
    background:rgba(var(--accent-rgb),.06) !important;
}
body.engine-app .site-header .download-pill{
    border-color:rgba(var(--accent-rgb),.38) !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    box-shadow:0 10px 24px rgba(var(--accent-rgb),.24) !important;
    transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,filter .32s ease !important;
}
body.engine-app .site-header .download-pill:hover,
body.engine-app .site-header .download-pill:focus-visible{
    border-color:rgba(var(--accent-rgb),.5) !important;
    background:linear-gradient(135deg,var(--nav-action-start),var(--nav-action-end)) !important;
    box-shadow:0 14px 30px rgba(var(--accent-rgb),.32) !important;
}
@media (max-width:980px){
    body.engine-app .site-header .nav-menu a{
        height:44px !important;
        padding:0 14px !important;
        border-radius:7px !important;
        line-height:44px !important;
    }
    body.engine-app .site-header .nav-menu a::after{
        display:none;
    }
    body.engine-app .site-header .nav-menu a:hover,
    body.engine-app .site-header .nav-menu a.active{
        background:rgba(var(--accent-rgb),.1) !important;
    }
}
@media (max-width:640px){
    body.engine-app .site-header .brand-logo{
        max-width:164px !important;
    }
}