*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#171717;background:#cdf4fb;min-width:320px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.page-bg{position:fixed;z-index:-1;opacity:.4}
.bg-one{width:70vw;height:70vw;border-radius:50%;background:#badcff;right:-20vw;top:-25vw}
.bg-two{width:50vw;height:70vw;background:#b9e3ff;clip-path:polygon(60% 0,100% 100%,0 100%);right:-5vw;bottom:-40vw}
.mini-header{width:min(1140px,calc(100% - 32px));height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.tiny-logo{width:46px;height:46px;display:block;transform:rotate(-10deg)}
.tiny-logo img{display:block;width:100%;height:100%;object-fit:contain}
.mini-header button{border:0;border-radius:18px;background:#20acf0;color:#fff;padding:8px 16px;font-size:13px;box-shadow:0 3px 8px #1497c952}
.container{width:min(1140px,calc(100% - 32px));margin:auto}
.notice-panel,.shop-panel{background:#fff;border-radius:6px;box-shadow:0 7px 22px #2684a021}
.notice-panel{padding:16px 20px 24px}
.notice-title{border-bottom:1px solid #eee;padding-bottom:10px;font-size:18px;font-weight:700}
.service{text-align:center;display:flex;flex-direction:column;gap:12px;padding:14px 0 9px;font-size:16px}
.service b{color:#075fce;font-size:20px}.service strong{color:#055dd4}.service em{font-style:normal}
.notice-copy{line-height:1.45;font-size:15px;white-space:normal}
.notice-copy h3{font-size:18px;color:#0861cc;margin:17px 0 5px}
.notice-copy p{margin:6px 0}.red{color:red}.purple{color:#c500d7}
.shop-panel{margin-top:20px;padding:16px 20px 24px}
.panel-title,.product-title{padding:0 1px 12px;color:#464646;font-size:16px;font-weight:700}
.panel-title>span,.product-title>span{color:#00a7e9}
.panel-title label{float:right;color:#777;font-size:13px;font-weight:400}
.panel-title input,.product-title input{border:1px solid #ddd;border-radius:4px;padding:6px 9px;margin-left:5px;outline:none;width:190px}
.group-tabs{display:flex;gap:18px;border-bottom:1px solid #eee;padding:6px 0 18px;overflow:auto}
.group-tabs button{border:0;background:#f1f1f1;border-radius:8px;min-width:174px;text-align:left;padding:15px 20px;color:#777}
.group-tabs button.active{background:linear-gradient(135deg,#269eea,#12c4ec);color:#fff;box-shadow:0 6px 14px #10b7dc45}
.group-tabs b,.group-tabs small{display:block}.group-tabs small{font-size:12px;margin-top:8px}
.product-title{margin-top:12px;display:flex;align-items:center;gap:4px}.product-title input{margin-left:auto;font-weight:400}
.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}
.compact-card{min-height:118px;background:#fff;border:1px solid #e1e8ef;border-radius:8px;box-shadow:0 4px 11px #1f5d7917;text-align:left;padding:18px;overflow:hidden;transition:.15s}
.compact-card:hover{border-color:#1aadec;transform:translateY(-1px)}
.compact-card>span{display:block;min-height:39px;overflow:hidden;color:#555;font-size:13px;line-height:1.5}
.compact-card div{display:flex;align-items:center;gap:5px;white-space:normal;margin-top:5px}
.compact-card b{color:#168bf0;font-size:15px}.compact-card em{color:#ff5a5a;background:#fff0f0;font-size:11px;font-style:normal}
.compact-card .tier-tag{display:inline-block;margin-top:5px}
.compact-card small{display:block;text-align:center;color:#00aa58;font-size:12px;margin-top:8px}
.empty{text-align:center;color:#999;padding:20px}footer{text-align:center;color:#75969e;padding:26px 0;font-size:12px}
.overlay{position:fixed;inset:0;background:#0008;z-index:20;display:grid;place-items:center;padding:15px}
.overlay[hidden]{display:none}
.order-modal{width:430px;max-width:100%;background:#fff;border-radius:6px;padding:24px;position:relative;box-shadow:0 15px 50px #0004}
.close{position:absolute;right:12px;top:9px;border:0;background:none;color:#999;font-size:22px}
.order-modal h2{font-size:18px;margin:0 0 15px}.chosen{background:#f3f9fd;padding:12px;color:#555}
.row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:12px 0}.row b{color:#f05e38}
.order-modal label{display:block;margin-top:14px}.order-modal label input{width:100%;margin-top:7px;padding:10px;border:1px solid #ddd;border-radius:3px}
.submit{width:100%;border:0;border-radius:3px;background:#168de2;color:#fff;padding:11px;margin-top:16px}
.modal-tip{font-size:12px;color:#999;text-align:center}
.checkout-modal{width:480px;border-radius:12px;padding:0;overflow:hidden}
.checkout-modal .close{right:14px;top:12px}
.checkout-head{padding:22px 24px 18px;background:linear-gradient(135deg,#f4fbff,#eef7ff);border-bottom:1px solid #e8f0f7}
.checkout-head small{color:#168de2;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px}.checkout-head h2{margin:5px 0 7px;font-size:22px}.checkout-head p{margin:0;color:#708090;font-size:13px}
.checkout-product{margin:18px 24px 12px;padding:14px 16px;border:1px solid #e7eef6;border-radius:10px;background:#fbfdff}
.checkout-product span{display:block;color:#8b98a8;font-size:12px;margin-bottom:6px}.checkout-product b{display:block;color:#26384d;font-size:15px;line-height:1.5}
.checkout-lines{margin:0 24px;border:1px solid #edf1f5;border-radius:10px;overflow:hidden}.checkout-lines .row{border-bottom:1px solid #edf1f5;padding:13px 15px;background:#fff}.checkout-lines .row:last-child{border-bottom:0;background:#fffaf7}.checkout-lines .row b{color:#f05e38}
.field-grid{display:grid;grid-template-columns:120px 1fr;gap:12px;margin:16px 24px 0}.field-grid label{margin-top:0;color:#4b5563;font-size:14px}.field-grid input{border-radius:8px!important;border-color:#dce4ee!important}
.pay-method{display:flex;align-items:center;gap:12px;margin:16px 24px 0;padding:13px 14px;border:1px solid #bde7d4;background:#f3fff9;border-radius:10px}
.pay-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#22b07d;color:#fff;font-weight:800;font-size:22px}.pay-method div{flex:1}.pay-method b{display:block;color:#1f3d31}.pay-method small{display:block;color:#6c7a74;margin-top:3px;font-size:12px}.pay-method em{font-style:normal;color:#16a064;background:#dff7eb;border-radius:999px;padding:4px 8px;font-size:12px}
.checkout-modal .submit{width:calc(100% - 48px);margin:18px 24px 0;border-radius:9px;background:linear-gradient(135deg,#168de2,#16b8ee);font-weight:700;padding:13px;box-shadow:0 8px 18px #168de233}.checkout-modal .modal-tip{margin:12px 24px 20px}
.ym-checkout{width:620px;max-width:96vw;padding:34px 50px 38px;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 24px 80px #19384f45;border:1px solid #dcebf5;overflow:visible}
.ym-checkout .close{right:14px;top:12px;width:34px;height:34px;border-radius:50%;background:#eef3f7;color:#687585;font-size:22px;line-height:1;box-shadow:none;border:1px solid #d7e2eb;z-index:5}
.ym-checkout h2{margin:10px auto 16px;text-align:center;color:#6a7078;font-size:25px;line-height:1.25;font-weight:800;max-width:520px}
.ym-dash{border-top:1px dashed #d5e2ec;margin:16px 0 18px}.ym-share{margin:0 0 10px;color:#8d96d8;font-weight:700;font-size:14px}.ym-orange{margin:0 0 14px;color:#d9822b;font-size:20px;font-weight:800}
.ym-form{display:flex;flex-direction:column;gap:13px}.ym-line{display:flex;align-items:center;min-height:34px;color:#606b78;font-size:15px}.ym-line>span{width:82px;flex-shrink:0;font-weight:700;color:#6a7078}.ym-line b,.ym-line strong{color:#1881d8;font-size:16px}.ym-line em{font-style:normal;background:#edf5fb;color:#4e7896;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:700}
.ym-line input{width:240px;max-width:100%;border:1px solid #dce5ee;border-radius:5px;background:#f9fcff;padding:8px 10px;outline:none}.ym-line input:focus{border-color:#8fc8ea;box-shadow:0 0 0 3px #1aa8e51a}.ym-buy input{width:82px}.ym-buy small{margin-left:12px;color:#1881a8;font-weight:700}
.ym-pay-title{color:#7a828c;font-weight:800;margin:0 0 10px}.ym-pay-method{display:inline-flex;align-items:center;gap:9px;border:1px solid #bcd6e8;background:#f2f8fc;color:#2c5d7c;border-radius:9px;padding:9px 14px;box-shadow:0 4px 12px #1b7db622;position:relative;min-width:176px;justify-content:center}.ym-pay-method .pay-icon{width:26px;height:26px;font-size:16px;background:#5b93b8}.ym-pay-method b{font-size:14px}.ym-pay-method small{color:#6f8190}.ym-pay-method.loading{color:transparent;pointer-events:none}.ym-pay-method.loading *{visibility:hidden}.ym-pay-method.loading::after{content:"";position:absolute;width:19px;height:19px;border:2px solid #bcd6e8;border-top-color:#2f83bb;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.payment-modal{width:875px;max-width:100%;background:#fff;border-radius:5px;box-shadow:0 20px 55px #0005;overflow:hidden}
.payment-modal>header{height:52px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:15px}
.payment-modal>header button{border:0;background:none;color:#999;font-size:22px}
.payment-body{text-align:center;min-height:555px;padding-top:5px}
.usdt-logo{width:66px;height:60px;display:grid;place-items:center;margin:auto;background:#4fb39b;color:#fff;font-size:40px;font-weight:700;clip-path:polygon(20% 0,80% 0,100% 50%,50% 100%,0 50%)}
.gray{color:#aaa;margin:7px 0 16px;font-size:13px}.alert{color:red;font-size:13px}
.copy-tip{border:0;background:none;color:red}.pay-countdown{color:red;font-size:16px;font-weight:700;margin:14px 0 0}.order-no{color:#777;font-size:14px}.order-no button,.amount button{border:0;background:none;font-weight:700}
.amount{font-size:15px;margin-top:8px}.amount button{font-size:21px}
.wallet{display:block;border:0;background:none;color:#999;margin:4px auto 10px}
.qr{display:block;width:220px;height:220px;border:1px solid #eee;padding:10px;background:#fff;margin:0 auto}
.query-result{margin-top:14px}.result-card{background:#f7fbff;border-left:3px solid #168de2;padding:12px}.result-card pre{white-space:pre-wrap;word-break:break-all;background:#fff;padding:10px;border:1px solid #e4edf5}
@media(max-width:1000px){.compact-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){html{font-size:14px}.container,.mini-header{width:calc(100% - 16px)}.mini-header{height:52px}.tiny-logo{width:36px;height:36px}.service{text-align:left}.compact-grid{grid-template-columns:repeat(2,1fr);gap:8px}.compact-card{padding:12px;min-height:105px}.panel-title label{display:none}.group-tabs button{min-width:145px}.product-title input{width:120px}.overlay{align-items:flex-start;justify-items:center;padding:4vh 3vw;overflow:auto}.order-modal{width:94vw;max-height:92vh;overflow:auto;padding:44px 4vw 18px}.ym-checkout{padding:28px 6vw 26px}.ym-checkout .close{right:2.5vw;top:1vh;background:#eef3f7;color:#687585}.ym-checkout h2{font-size:20px}.ym-orange{font-size:17px}.ym-line{align-items:flex-start;flex-direction:column;gap:7px}.ym-line>span{width:auto}.ym-line input{width:100%}.ym-buy{flex-direction:row;align-items:center}.ym-buy>span{width:82px}.ym-buy input{width:82px}.close{position:absolute;right:2.5vw;top:1vh;width:9vw;max-width:38px;height:9vw;max-height:38px;line-height:1;background:#fff;border-radius:50%;z-index:3}.payment-modal{width:94vw;max-height:92vh;overflow:auto}.payment-body{min-height:auto;padding-bottom:4vh}.qr{width:58vw;height:58vw;max-width:220px;max-height:220px}}