.batchimg{padding:1rem 2rem}.batchimg .banner{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);border-radius:20px;box-shadow:0 12px 30px #6366f133;color:var(--dh-white);display:flex;height:180px;overflow:hidden;padding:24px 32px;position:relative;transition:transform .3s ease}.batchimg .banner:before{background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.15) 0,transparent 50%),radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 40%);content:"";inset:0;position:absolute;z-index:1}.batchimg .banner:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='3' cy='3' r='1' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;opacity:.5;position:absolute;z-index:1}.batchimg .banner .banner-content{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:2}.batchimg .banner .banner-title{font-family:var(--dh-font-family-medium);font-size:2.25rem;font-weight:600;letter-spacing:.025em;line-height:1;margin-bottom:.75rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.batchimg .banner .banner-desc{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:450px;opacity:.9}.batchimg .banner .banner-action{align-items:center;display:flex;gap:1rem}.batchimg .banner .balance-tag{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;font-size:.875rem;padding:.5rem 1rem;transition:background .3s ease}.batchimg .banner .balance-tag:hover{background:#ffffff2e}.batchimg .banner .balance-tag strong{color:#fff;font-size:1.1rem;font-weight:600;margin:0 .25rem}.batchimg .banner .recharge-btn{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #ffffff1a;color:#1e293b;font-weight:600;height:40px;padding:0 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.batchimg .banner .recharge-btn:hover{background:#f8fafc;box-shadow:0 6px 20px #0000004d;color:#000;transform:translateY(-2px)}.batchimg .banner .recharge-btn:active{transform:translateY(0)}.batchimg .banner .recharge-btn .nuxt-icon{font-size:1.1rem}.batchimg .banner .banner-decoration{align-items:center;display:flex;height:140px;justify-content:center;margin-right:-20px;opacity:.6;position:relative;width:220px}.batchimg .banner .banner-decoration .deco-icon{color:#ffffff1a;filter:drop-shadow(0 0 15px rgba(255,255,255,.05));position:absolute}.batchimg .banner .banner-decoration .icon-1{font-size:130px;right:-10px;top:-20px;transform:rotate(15deg)}.batchimg .banner .banner-decoration .icon-2{bottom:-10px;font-size:80px;left:0;transform:rotate(-10deg)}.batchimg .banner .banner-decoration .icon-3{animation:dh-float 4s ease-in-out infinite;bottom:20px;font-size:50px;right:40px}@keyframes dh-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}.batchimg .ch-master{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.5rem 0 3rem;width:100%}.batchimg .ch-master .ch-item{background-color:var(--bg-3);border:1px solid var(--dh-border-color);border-radius:20px;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column;overflow:hidden;padding:14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.batchimg .ch-master .ch-item .img-wrap{aspect-ratio:1.5;border-radius:12px;margin-bottom:12px;overflow:hidden;width:100%}.batchimg .ch-master .ch-item .img-wrap img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);width:100%}.batchimg .ch-master .ch-item .item-footer{padding:4px 6px}.batchimg .ch-master .ch-item .item-footer .item-name{color:var(--dh-text-1);font-family:var(--dh-font-family-medium);font-size:1.1rem;font-weight:600}.batchimg .ch-master .ch-item .item-footer .use-btn{background:var(--dh-positive-alpha-1);border:1px solid transparent;border-radius:12px;color:var(--dh-positive-600);font-size:.875rem;font-weight:500;padding:6px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.batchimg .ch-master .ch-item .item-footer .use-btn .nuxt-icon{transition:transform .3s ease}.batchimg .ch-master .ch-item .item-footer .use-btn:hover{background:var(--dh-positive-500);border-color:var(--dh-positive-500);color:#fff}.batchimg .ch-master .ch-item .item-footer .use-btn:hover .nuxt-icon{transform:translate(3px)}.batchimg .ch-master .ch-item:hover{background-color:var(--bg-1);border-color:var(--dh-positive-alpha-3);box-shadow:0 12px 30px #00000014;cursor:pointer;transform:translateY(-8px)}.batchimg .ch-master .ch-item:hover .img-wrap img{transform:scale(1.1)}.batchimg .ch-master .ch-item:hover .use-btn{background:var(--dh-positive-500);color:#fff;transform:translate(4px)}.batchimg .nodata{margin-top:2rem;text-align:center;width:100%}.batchimg .balances{min-width:160px;padding-right:15px}.ch-item-layer{width:100%}.batchimg-index-h{height:calc(100vh - var(--el-tabs-header-height) - var(--dh-header-nav-height) - 270px)}.batchimg-h{height:calc(100vh - var(--dh-header-nav-height))}.batchimg-item-h{height:calc(100vh - var(--el-tabs-header-height) - var(--dh-header-nav-height) - 10px)}.text-success{color:var(--dh-positive-500)}.batch-tabs .el-tabs__item{font-size:18px}.batchimg-recharge{padding:10px 5px}.batchimg-recharge h4{color:var(--dh-text-1);font-size:1.5rem;font-weight:600;margin-bottom:2rem;position:relative}.batchimg-recharge h4:after{background:var(--dh-positive-500);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:40px}.batchimg-recharge .info-bar{color:var(--dh-text-2);font-size:.95rem;margin-bottom:1rem}.batchimg-recharge .info-bar .balance-display{background:var(--dh-positive-alpha-1);border-radius:20px;color:var(--dh-positive-600);font-weight:500;padding:4px 12px}.batchimg-recharge .item{background:var(--bg-2);border:1px solid var(--dh-border-color);border-radius:16px;box-shadow:0 4px 12px #00000005;color:var(--dh-text-1);cursor:pointer;display:flex;flex-direction:column;font-size:22px;justify-content:center;min-height:150px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:24%}.batchimg-recharge .item .tips{background:linear-gradient(135deg,#f89406,#ff5959);border:0;border-radius:0 15px;box-shadow:-2px 2px 8px #f8940633;color:#fff;font-size:12px;font-weight:600;height:22px;line-height:22px;min-width:50px;padding:0 8px;position:absolute;right:-1px;top:-1px}.batchimg-recharge .item .fw-bold{background:linear-gradient(180deg,var(--dh-text-1) 0,var(--dh-text-3) 100%);-webkit-background-clip:text;font-size:1.8rem;-webkit-text-fill-color:transparent;margin:5px 0}.batchimg-recharge .item:hover{background:var(--bg-1);border-color:var(--dh-positive-500);box-shadow:0 12px 24px #00000014;transform:translateY(-5px)}.batchimg-recharge .item:hover .btn_do_order{transform:scale(1.05)}.batchimg-recharge .btn_do_order{background:linear-gradient(135deg,#10b981,#059669)!important;border:0;border-radius:10px;box-shadow:0 4px 10px #10b98133;color:#fff;font-weight:600;padding:10px 20px;transition:all .3s ease;width:85%}.batchimg-recharge .btn_do_order:hover{box-shadow:0 6px 15px #10b9814d}.batchimg-recharge .rules-section{background:var(--bg-3);border:1px dashed var(--dh-border-color);border-radius:12px;color:var(--dh-text-3);line-height:1.8;padding:16px}.batchimg-recharge .rules-section .text-success{color:var(--dh-positive-500);cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:4px;transition:all .3s ease}.batchimg-recharge .rules-section .text-success:hover{background:var(--dh-positive-alpha-1);color:var(--dh-positive-600)}