.cpts-account{margin-top:16px}.cpts-account .blockcon{padding:20px;background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.05);box-shadow:0 4px 16px rgba(0,0,0,.05);margin-right:20px;min-width:400px}.cpts-account .blockcon .block-hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.cpts-account .blockcon .block-hd .title{font-weight:600;font-size:20px;color:#333;position:relative}.cpts-account .blockcon .block-hd .vip-badge{margin-left:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:12px;font-weight:600;padding:2px 10px;border-radius:14px;-webkit-box-shadow:0 2px 6px rgba(29,78,216,.2);box-shadow:0 2px 6px rgba(29,78,216,.2)}.cpts-account .cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.cpts-account .card{position:relative;width:280px;height:180px;border-radius:12px;padding:16px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.06);box-shadow:0 4px 12px rgba(0,0,0,.06);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%2394a3b8' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(145deg,#f3f4f6,#e5e7eb);color:#4b5563}.cpts-account .card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(0,0,0,.08);box-shadow:0 6px 16px rgba(0,0,0,.08)}.cpts-account .card .card-shine{position:absolute;top:0;left:-80px;width:120px;height:240px;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0) 50%);-webkit-transform:translateX(-280px) translateY(-80px);transform:translateX(-280px) translateY(-80px);-webkit-transition:all .6s ease;transition:all .6s ease;pointer-events:none;opacity:.5}.cpts-account .card:before{top:0}.cpts-account .card:after,.cpts-account .card:before{content:"";position:absolute;left:16px;right:16px;height:1px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 12px)}.cpts-account .card:after{bottom:0}.cpts-account .card-current{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%233b82f6' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(145deg,var(--blueLight),var(--blue))!important;color:#fff!important;-webkit-box-shadow:0 0 0 2px var(--blueLight),0 4px 12px rgba(59,130,246,.15);box-shadow:0 0 0 2px var(--blueLight),0 4px 12px rgba(59,130,246,.15);-webkit-transform:scale(1.02);transform:scale(1.02);z-index:10}.cpts-account .card-current:hover{-webkit-box-shadow:0 0 0 2px var(--blueLight),0 6px 16px rgba(59,130,246,.2);box-shadow:0 0 0 2px var(--blueLight),0 6px 16px rgba(59,130,246,.2);-webkit-transform:scale(1.02) translateY(-2px);transform:scale(1.02) translateY(-2px)}.cpts-account .card-current .current-mark{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cpts-account .card-current .current-mark i{margin-right:4px;font-size:14px}.cpts-account .card-current:after,.cpts-account .card-current:before{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 8px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 12px)}.cpts-account .card-active{-webkit-box-shadow:0 0 0 1px rgba(59,130,246,.2),0 4px 12px rgba(0,0,0,.06);box-shadow:0 0 0 1px rgba(59,130,246,.2),0 4px 12px rgba(0,0,0,.06);background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%233b82f6' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(145deg,#f8fafc,#f1f5f9)}.cpts-account .card-active:hover{-webkit-box-shadow:0 0 0 1px rgba(59,130,246,.2),0 6px 16px rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(59,130,246,.2),0 6px 16px rgba(0,0,0,.08)}.cpts-account .card-active:after,.cpts-account .card-active:before{background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(59,130,246,.08) 0,rgba(59,130,246,.08) 12px)}.cpts-account .card-pending{opacity:.9}.cpts-account .card-expired{opacity:.8}.cpts-account .card-expired .watermark span{opacity:.5}.cpts-account .card-disabled{opacity:.7}.cpts-account .card-disabled .watermark span{opacity:.5}.cpts-account .card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2;margin-bottom:8px}.cpts-account .card-header .membership-level{font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;color:#333}.card-current .cpts-account .card-header .membership-level{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-active .cpts-account .card-header .membership-level{background:-webkit-gradient(linear,left top,right top,from(#1e40af),to(#3b82f6));background:linear-gradient(90deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.cpts-account .card-body{position:relative;z-index:1}.cpts-account .card-body:before{content:"";position:absolute;left:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.card-current .cpts-account .card-body:before{background:#1d4ed8;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.cpts-account .card-body:after{content:"";position:absolute;right:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.card-current .cpts-account .card-body:after{background:#1d4ed8;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.cpts-account .card-body .card-details{margin-top:12px}.cpts-account .card-body .card-details .detail-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.cpts-account .card-body .card-details .detail-item .detail-label{width:64px;font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px}.card-current .cpts-account .card-body .card-details .detail-item .detail-label{color:hsla(0,0%,100%,.8)}.card-active .cpts-account .card-body .card-details .detail-item .detail-label{color:#1d4ed8;font-weight:800}.cpts-account .card-body .card-details .detail-item .detail-value{font-size:14px;font-weight:600;letter-spacing:.3px;color:#333}.card-current .cpts-account .card-body .card-details .detail-item .detail-value{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1)}.card-active .cpts-account .card-body .card-details .detail-item .detail-value{color:#1e3a8a;font-weight:700}.cpts-account .card-body .card-details .detail-item:nth-child(2) .detail-value{font-family:Monaco,monospace;letter-spacing:.5px}.card-active .cpts-account .card-body .card-details .detail-item:nth-child(2) .detail-value{background-color:rgba(37,99,235,.1);color:var(--blue);padding:2px 4px;border-radius:3px;font-size:12px}.cpts-account .card-body .card-details .detail-item:nth-child(3) .detail-value{font-size:18px;font-weight:800;color:#222}.card-current .cpts-account .card-body .card-details .detail-item:nth-child(3) .detail-value{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.card-active .cpts-account .card-body .card-details .detail-item:nth-child(3) .detail-value{color:#1e3a8a;font-weight:900;font-size:20px}.cpts-account .card-body .card-details .detail-item:nth-child(4) .detail-value{font-size:12px;opacity:.8;font-family:Monaco,monospace}.card-active .cpts-account .card-body .card-details .detail-item:nth-child(4) .detail-value{opacity:1;color:#3b82f6}.card-current .cpts-account .card-body .card-chip{position:absolute;top:-10px;right:-10px;width:50px;height:50px;background:linear-gradient(45deg,var(--blue),#3b82f6);border-radius:50%;border:2px solid hsla(0,0%,100%,.3);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-current .cpts-account .card-body .card-chip:before{content:"VIP";color:#fff;font-weight:800;font-size:14px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.card-active .cpts-account .card-body .card-chip{position:absolute;top:-5px;right:-5px;width:40px;height:40px;background:linear-gradient(45deg,#93c5fd,#60a5fa);border-radius:50%;border:2px solid hsla(0,0%,100%,.8);-webkit-box-shadow:0 2px 8px rgba(37,99,235,.2);box-shadow:0 2px 8px rgba(37,99,235,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:.9}.card-active .cpts-account .card-body .card-chip:before{content:"可用";color:#fff;font-weight:700;font-size:12px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.cpts-account .card-footer{position:absolute;bottom:16px;left:16px;right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cpts-account .card-footer .validity{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.8px;opacity:.7}.card-current .cpts-account .card-footer .validity{opacity:1;color:hsla(0,0%,100%,.9)}.cpts-account .card-footer .activate-btn{position:absolute;right:0;bottom:-6px;font-size:12px;padding:6px 14px;border-radius:16px;background:#3b82f6;border:none;color:#fff;font-weight:600;-webkit-box-shadow:0 2px 8px rgba(37,99,235,.25);box-shadow:0 2px 8px rgba(37,99,235,.25);-webkit-transition:all .2s ease;transition:all .2s ease}.cpts-account .card-footer .activate-btn:hover{background:var(--blue);-webkit-box-shadow:0 3px 12px rgba(37,99,235,.35);box-shadow:0 3px 12px rgba(37,99,235,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cpts-account .card-footer .activate-btn:active,.cpts-account .card-footer .activate-btn:focus{background:#1d4ed8;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transform:translateY(1px);transform:translateY(1px)}.cpts-account .watermark{position:absolute;bottom:40px;right:15px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);opacity:.7}.cpts-account .watermark span{font-size:16px;font-weight:800;color:rgba(220,38,38,.8);text-transform:uppercase;letter-spacing:1px;border:2px solid rgba(220,38,38,.8);padding:2px 8px;border-radius:4px}