body .tier-dialog{background:#eef7fc!important;border:2px solid #fff!important;border-radius:20px!important;padding:18px!important;box-shadow:0 5px 0 #185579,0 20px 55px #143a5845!important}
body .tier-dialog .el-dialog__header{margin-bottom:14px!important;padding:0 30px 12px 0!important;border-bottom:2px solid #ffd34b!important;background-image:none!important;min-height:0!important}
body .tier-dialog .el-dialog__header:after{display:none!important}
body .tier-dialog .el-dialog__title{font-size:22px!important;font-weight:900!important;color:#164c77!important}
.tier-common{position:relative;background:linear-gradient(125deg,#095a9e,#168ecc);border:2px solid #fff;border-radius:14px;padding:13px;margin-bottom:16px;color:white;box-shadow:0 4px 0 #105375;overflow:hidden}
.tier-common:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 70px,#ffffff07 70px 95px)}
.tier-common h3{position:relative;display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:20px;font-weight:900;line-height:1.3;color:white}
.tier-common h3>.v1-icon{width:26px;height:26px;padding:4px;border-radius:7px;color:#164d70;background:#ffdb63;box-sizing:content-box}
.tier-common-list{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:8px;font-size:14px;font-weight:750;line-height:1.4}
.tier-common-list>span{display:flex;align-items:center;gap:7px;min-width:0;background:#fff;border-radius:8px;padding:9px 10px;color:#14486e}
.tier-common-list .v1-icon{width:19px;height:19px;flex-shrink:0;color:#127ab5}
.tier-common-list b{font-size:18px;color:#99580a;margin:0 -3px}
.tier-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0 0 5px}
.tier-card{--tier:#1487bd;--tier-soft:#e4f5fc;position:relative;min-width:0;display:grid;grid-template-columns:174px minmax(0,1fr);gap:0 12px;text-align:left;padding:12px 14px;background:#fffef9;border:2px solid #d2e3ed;border-radius:14px;box-shadow:0 3px 0 #b7d3e3;color:#193f5a;font:inherit;cursor:pointer;transition:transform .2s cubic-bezier(.22,1.4,.36,1),border-color .2s,box-shadow .2s}
.tier-card[data-tier=manager]{--tier:#139477;--tier-soft:#e6f7f0}
.tier-card[data-tier=system]{--tier:#c38a15;--tier-soft:#fff0c5}
.tier-card[data-tier=author]{--tier:#8656c3;--tier-soft:#eee6fa}
.tier-card:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:4px;background:var(--tier);border-radius:0 4px 4px 0}
.tier-card:hover{border-color:var(--tier);transform:translateY(-2px);box-shadow:0 4px 0 var(--tier),0 8px 18px #154d7214}
.tier-card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tier)}
.tier-card:focus-visible{outline:3px solid #ffd04d;outline-offset:3px;border-color:var(--tier)}
.tier-row-head{display:grid;grid-template-columns:61px minmax(0,1fr);align-items:center;gap:3px 7px;min-width:0}
.tier-name{display:contents}
.tier-runner{grid-column:1;grid-row:1/3;width:61px;height:62px;object-fit:contain;flex-shrink:0}
.tier-card h3{grid-column:2;grid-row:1;font-size:17px;font-weight:900;color:#1b496a;line-height:1.25;margin:0;white-space:nowrap}
.tier-price{grid-column:2;grid-row:2;display:flex;align-items:baseline;gap:3px;line-height:1;color:#9b5a0c}
.tier-price strong{font-size:36px;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-1px!important}
.tier-currency{font-size:16px;font-weight:800}
.tier-row-metrics{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:8px;align-items:center;min-width:0}
.tier-gift,.tier-value{min-width:0;text-align:center;padding:5px 0}
.tier-gift>span,.tier-value>span:first-child{display:block;font-size:11px;font-weight:650;color:#617989;line-height:1.4;white-space:nowrap}
.tier-gift>strong,.tier-value>strong{display:block;white-space:nowrap;font-size:30px;font-weight:900;line-height:1.2;margin-top:3px;color:#15496d;font-variant-numeric:tabular-nums}
.tier-value>strong{font-size:27px}.tier-gift strong span,.tier-value strong span{font-size:12px;font-weight:650;margin-left:2px}
.tier-unavailable{display:block;font-size:13px;line-height:35px;color:#8194a1;font-weight:650;white-space:nowrap}
.tier-row-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px dashed #d5e3eb;color:#587184;font-size:11px;line-height:1.4}
.tier-row-foot>span:first-child{min-width:0}
.tier-choose{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;font-weight:850;color:#174f71;background:var(--tier-soft);padding:4px 9px;border-radius:6px;flex-shrink:0}
.tier-choose .v1-icon{width:14px;height:14px}
@media(max-width:600px){body .tier-dialog{max-width:calc(100vw - 20px)!important;padding:13px!important;border-radius:17px!important}body .tier-dialog .el-dialog__title{font-size:20px!important}body .tier-dialog .el-dialog__header{margin-bottom:11px!important;padding-bottom:10px!important}.tier-common{padding:10px;margin-bottom:14px}.tier-common h3{font-size:18px;margin-bottom:9px}.tier-common h3>.v1-icon{width:21px;height:21px;padding:3px}.tier-common-list{font-size:11px;gap:6px;grid-template-columns:1fr 1.2fr}.tier-common-list>span{padding:8px 6px;gap:5px}.tier-common-list .v1-icon{width:15px;height:15px}.tier-common-list b{font-size:15px}.tier-grid{gap:10px}.tier-card{grid-template-columns:minmax(0,1fr);padding:10px 12px}.tier-row-head{display:flex;justify-content:space-between;gap:8px}.tier-name{display:flex;align-items:center;gap:8px;min-width:0}.tier-runner{width:45px;height:37px}.tier-card h3{font-size:17px}.tier-price strong{font-size:33px}.tier-currency{font-size:14px}.tier-row-metrics{margin-top:6px;gap:6px}.tier-gift,.tier-value{padding:1px 0}.tier-gift>strong{font-size:28px}.tier-value>strong{font-size:25px}.tier-row-foot{margin-top:7px;padding-top:6px;font-size:10px;gap:6px}.tier-choose{font-size:11px;padding:3px 7px}.tier-unavailable{line-height:31px}}
@media(max-width:350px){.tier-common-list{font-size:10px}.tier-common-list>span{gap:4px;padding:7px 5px}.tier-common-list .v1-icon{width:13px;height:13px}.tier-card{padding:9px 10px}.tier-card h3{font-size:16px}.tier-runner{width:38px;height:32px}.tier-price strong{font-size:31px}.tier-gift>strong{font-size:25px}.tier-value>strong{font-size:23px}.tier-gift>span,.tier-value>span:first-child{font-size:10px}.tier-row-foot{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tier-card{transition:none}.tier-card:hover,.tier-card:active{transform:none}}

.child-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.child-card{position:relative;background:#fff;border:1px solid #d8e7ee;border-radius:18px;padding:18px}.child-card h3{margin:0;font-size:18px;overflow-wrap:anywhere}.child-card .zw-buttons{margin-top:16px}.child-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:#526a7b;font-size:12px}.child-pay{background:#eef8ff;border-radius:16px;padding:18px;margin-top:16px}.child-pay strong{font-size:32px;display:block;color:#197db4;margin-bottom:12px}.child-select{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.child-select button.active{background:#dff2ff;border-color:#197db4;color:#14567c}.child-empty{padding:32px;text-align:center;color:#678;grid-column:1/-1}.child-empty img{width:90px;display:block;margin:auto auto 12px}



@media(max-width:850px){.child-grid{grid-template-columns:1fr}}

/* Administrator-configured names and quantities must fit without losing digits. */
.tier-card h3{white-space:normal;overflow-wrap:anywhere}
.tier-price-long{grid-column:1/-1;grid-row:3;justify-content:center;margin-top:5px}
.tier-price-long strong{font-size:24px!important;letter-spacing:-.5px!important}
.tier-gift,.tier-value{container-type:inline-size}
.tier-gift>strong.tier-number-long,.tier-value>strong.tier-number-long{font-size:12px!important;letter-spacing:-.3px!important}
.tier-number-long>span{display:block;margin-left:0!important}
@supports(font-size:1cqi){.tier-gift>strong.tier-number-long,.tier-value>strong.tier-number-long{font-size:clamp(12px,calc(100cqi / (var(--tier-digits,10) * .7)),24px)!important}}
@media(max-width:600px){.tier-row-head{flex-wrap:wrap}.tier-name{flex:1 1 130px}.tier-price-long{flex:0 0 100%;justify-content:flex-start;padding-left:53px;margin-top:0}.tier-price-long strong{font-size:26px!important}.tier-name h3{min-width:0}}