@font-face {
    font-family: "antui-icon";
    src: url('https://gw.alipayobjects.com/os/basement_prod/0496620c-35f3-4a7e-b606-7c38c202321e.ttf?v=20200115') format('truetype');
}
.am-icon {
    font-family: "antui-icon" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
}
.am-icon-qr:before { content: "\e602"; }
.am-icon-share:before { content: "\e604"; }
.am-icon-picture:before { content: "\e605"; }
.am-icon-add-square:before { content: "\e606"; }
.am-icon-file:before { content: "\e607"; }
.am-icon-text:before { content: "\e608"; }
.am-icon-minus-square:before { content: "\e609"; }
.am-icon-barcode:before { content: "\e60a"; }
.am-icon-wallet:before { content: "\e60b"; }
.am-icon-scan-code:before { content: "\e60c"; }
.am-icon-receipt:before { content: "\e60d"; }
.am-icon-down-circle:before { content: "\e60e"; }
.am-icon-bill-note:before { content: "\e60f"; }
.am-icon-trash:before { content: "\e610"; }
.am-icon-bill:before { content: "\e611"; }
.am-icon-scan:before { content: "\e614"; }
.am-icon-content:before { content: "\e615"; }
.am-icon-circle:before { content: "\e617"; }
.am-icon-play:before { content: "\e618"; }
.am-icon-limit:before { content: "\e619"; }
.am-icon-money:before { content: "\e61a"; }
.am-icon-link:before { content: "\e61b"; }
.am-icon-zoom-in:before { content: "\e61c"; }
.am-icon-koubei:before { content: "\e61d"; }
.am-icon-location:before { content: "\e61e"; }
.am-icon-capslock:before { content: "\e61f"; }
.am-icon-time-5:before { content: "\e620"; }
.am-icon-warn:before { content: "\e622"; }
.am-icon-help:before { content: "\e624"; }
.am-icon-close-circle:before { content: "\e625"; }
.am-icon-selected:before { content: "\e626"; }
.am-icon-search:before { content: "\e627"; }
.am-icon-net:before { content: "\e628"; }
.am-icon-chat:before { content: "\e629"; }
.am-icon-contacts:before { content: "\e62a"; }
.am-icon-appx:before { content: "\e62b"; }
.am-icon-question:before { content: "\e62d"; }
.am-icon-person-setting:before { content: "\e62f"; }
.am-icon-setting:before { content: "\e630"; }
.am-icon-like:before { content: "\e631"; }
.am-icon-ant:before { content: "\e632"; }
.am-icon-add:before { content: "\e634"; }
.am-icon-more:before { content: "\e636"; }
.am-icon-zoom-out:before { content: "\e637"; }
.am-icon-money-circle:before { content: "\e638"; }
.am-icon-collect:before { content: "\e639"; }
.am-icon-voice:before { content: "\e63a"; }
.am-icon-good:before { content: "\e63b"; }
.am-icon-voice-limit:before { content: "\e63c"; }
.am-icon-people:before { content: "\e63d"; }
.am-icon-person-add:before { content: "\e63e"; }
.am-icon-download:before { content: "\e63f"; }
.am-icon-sad:before { content: "\e640"; }
.am-icon-left:before { content: "\e642"; }
.am-icon-right:before { content: "\e643"; }
.am-icon-eye-close:before { content: "\e645"; }
.am-icon-eye:before { content: "\e644"; }
.am-icon-koubei_:before { content: "\e646"; }
.am-icon-star_:before { content: "\e647"; }
.am-icon-check:before { content: "\e648"; }
.am-icon-chat_:before { content: "\e649"; }
.am-icon-help_:before { content: "\e64a"; }
.am-icon-key_:before { content: "\e64b"; }
.am-icon-lock_:before { content: "\e64e"; }
.am-icon-people_:before { content: "\e64f"; }
.am-icon-voice-limit_:before { content: "\e651"; }
.am-icon-location_:before { content: "\e652"; }
.am-icon-phone_:before { content: "\e654"; }
.am-icon-logo-alipay_:before { content: "\e655"; }
.am-icon-person-delete_:before { content: "\e656"; }
.am-icon-wait_:before { content: "\e657"; }
.am-icon-down_:before { content: "\e658"; }
.am-icon-up_:before { content: "\e659"; }
.am-icon-apps_:before { content: "\e65a"; }
.am-icon-microphone_:before { content: "\e65b"; }
.am-icon-pen_:before { content: "\e65d"; }
.am-icon-close_:before { content: "\e65e"; }
.am-icon-question_:before { content: "\e65f"; }
.am-icon-down_:before { content: "\e661"; }
.am-icon-certified-check_:before { content: "\e662"; }
.am-icon-certified-warn_:before { content: "\e663"; }
.am-icon-sad_:before { content: "\e664"; }
.am-icon-ant_:before { content: "\e665"; }
.am-icon-time-5_:before { content: "\e666"; }
.am-icon-warn_:before { content: "\e667"; }
.am-icon-person-circle_:before { content: "\e669"; }
.am-icon-time-3_:before { content: "\e66b"; }
.am-icon-check_:before { content: "\e66c"; }
.am-icon-logo-alipays:before { content: "\e668"; }
.am-icon-like_:before { content: "\e66d"; }
.am-icon-home:before { content: "\e66e"; }
.am-icon-eye_:before { content: "\e66f"; }
.am-icon-edit_:before { content: "\e670"; }
.am-icon-mail_:before { content: "\e671"; }
.am-icon-forbid_:before { content: "\e672"; }
.am-icon-eye-limit_:before { content: "\e673"; }
.am-icon-delete-person_:before { content: "\e674"; }
.am-icon-close:before { content: "\e675"; }
.am-icon-address-book_:before { content: "\e676"; }
.am-icon-person:before { content: "\e677"; }
.am-icon-gift:before { content: "\e678"; }
.am-icon-add-message:before { content: "\e679"; }
.am-icon-alipay:before { content: "\e67a"; }
.am-icon-phone-book_:before { content: "\e67b"; }
.am-icon-more-1:before { content: "\e650"; }
.am-icon-delete_:before { content: "\e653"; }
.am-icon-down:before { content: "\e658"; }
.am-icon-up:before { content: "\e659"; }

*{margin:0;padding:0;box-sizing:border-box;font-family:微软雅黑}
body{background:#121721;color:#fff;padding:20px}
.container{max-width:1000px;margin:0 auto}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.header h1{font-size:24px}
.tag{background:#f59e0b;color:#000;padding:2px 6px;border-radius:4px;font-size:14px}
.notice{color:#ffcc00}
.search-btn{background:#2563eb;color:#fff;border:none;padding:8px 12px;border-radius:6px}
.goods-title{font-size:18px;margin-bottom:15px}
.goods-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:25px}
.goods-item{background:#1e2638;padding:15px;border-radius:10px;text-align:center;cursor:pointer}
.goods-item.active{border:2px solid #f59e0b}
.icon{font-size:24px;margin-bottom:8px}
.name{font-weight:bold;margin-bottom:5px}
.price{color:#ef4444;font-weight:bold}
.desc{font-size:12px;color:#aaa;margin-top:5px}
.buy-form{background:#1e2638;padding:20px;border-radius:10px}
.form-item{margin-bottom:15px}
.form-item label{display:block;margin-bottom:6px}
.red{color:red}
input{width:100%;padding:10px;background:#0f1419;border:1px solid #333;color:#fff;border-radius:6px}
.num-box{display:flex;gap:10px;align-items:center}
.num-box button{width:36px;height:36px;background:#2a3447;color:#fff;border:none;border-radius:6px}
.pay-type{display:flex;gap:15px;flex-wrap:wrap}
.tip{font-size:12px;color:#ffcc00;margin-top:4px}
.submit-btn{width:100%;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:16px;margin-top:10px}