*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"PingFang SC",sans-serif;background:#f4f6f4;color:#222}
.top{background:#2E7D32;color:#fff;padding:14px 16px;font-weight:600;font-size:17px}
.wrap{max-width:560px;margin:0 auto;padding:14px 14px 90px}
h2{font-size:19px;margin:12px 0 4px}.muted{color:#888;font-size:13px}.small{font-size:12px}
.card{display:block;background:#fff;border-radius:12px;padding:14px;margin:10px 0;text-decoration:none;color:#222;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.card-t{font-weight:600;font-size:16px}.go{color:#2E7D32;margin-top:6px;font-size:14px}
.banner,.sharebox{background:#FFF3CD;border-radius:10px;padding:10px;margin:10px 0;font-size:14px}
.cat{margin:16px 0 6px;font-weight:600;color:#2E7D32;border-left:3px solid #2E7D32;padding-left:8px}
.row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:10px 12px;margin:8px 0}
.info b{font-size:15px}.price{color:#2E7D32;font-size:13px;margin-top:2px}
.stepper{display:flex;align-items:center;gap:8px}
.stepper button{width:32px;height:32px;border:1px solid #2E7D32;background:#fff;color:#2E7D32;border-radius:50%;font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.stepper input{width:46px;text-align:center;border:1px solid #ddd;border-radius:6px;height:30px;font-size:15px}
.ti{display:block;width:100%;border:1px solid #ddd;border-radius:8px;padding:11px;margin:8px 0;font-size:15px}
.barbox{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;max-width:560px;margin:0 auto}
#sum{font-weight:600}
.submit{background:#2E7D32;color:#fff;border:0;border-radius:24px;padding:11px 26px;font-size:16px;text-decoration:none;display:inline-block}
.okbox{text-align:center;padding-top:50px}.okmark{width:64px;height:64px;border-radius:50%;background:#2E7D32;color:#fff;font-size:36px;line-height:64px;margin:0 auto 14px}
.adminnav{display:flex;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid #eee;margin-bottom:8px}
.adminnav a{color:#2E7D32;text-decoration:none;font-size:14px}
.tb{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden}
.tb th,.tb td{border-bottom:1px solid #eee;padding:7px 6px;text-align:left}
.tb th{background:#2E7D32;color:#fff;font-weight:500}
.tag{background:#eee;border-radius:4px;padding:1px 6px;font-size:12px}.tag.g{background:#C8E6C9;color:#2E7D32}
.ohead td{background:#f0f7f0}.oitem td{padding-left:6px}
button{cursor:pointer;border:1px solid #2E7D32;background:#2E7D32;color:#fff;border-radius:6px;padding:5px 10px;font-size:13px}
button.del{background:#fff;color:#c00;border-color:#e0aaaa}button.unpaid{background:#fff;color:#c0392b;border-color:#e0aaaa}
button.paid{background:#C8E6C9;color:#2E7D32;border-color:#2E7D32}
.btn{display:inline-block;background:#2E7D32;color:#fff;border-radius:6px;padding:6px 12px;text-decoration:none;font-size:13px}
.actions{display:flex;gap:10px;align-items:center;margin:10px 0}
.pform{display:flex;flex-wrap:wrap;gap:6px;background:#fff;padding:12px;border-radius:8px;margin:8px 0}
.pform.col{flex-direction:column}.pform input,.pform select{border:1px solid #ddd;border-radius:6px;padding:8px}
.pform label{display:block}.add summary{cursor:pointer;color:#2E7D32;padding:8px 0}
.erow{display:contents}.erow input,.erow select{border:1px solid #ddd;border-radius:5px;padding:4px;width:100%}
.ck{display:block;background:#fff;padding:8px 10px;border-radius:8px;margin:5px 0;font-size:14px}
.wxuser{background:#E8F5E9;border-radius:8px;padding:11px;margin:8px 0;font-size:14px}
#switch{float:right;color:#2E7D32;font-size:13px;text-decoration:underline}
.weightag{display:inline-block;background:#FFF3CD;color:#8a6d3b;border-radius:4px;padding:0 5px;font-size:11px;margin-left:4px}
.wbox{display:flex;align-items:center;gap:4px;margin-top:3px}
.wbox input{width:60px;border:1px solid #2E7D32;border-radius:5px;padding:3px;text-align:center}
.wbox button{padding:3px 8px;font-size:12px}
.suphead{background:#2E7D32;color:#fff;padding:6px 8px;border-radius:6px 6px 0 0;font-weight:600;margin-top:14px;display:flex;justify-content:space-between}
.paysum{background:#FFF3CD;padding:6px 8px;font-weight:600;border-radius:0 0 6px 6px}
.supbtns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.supbtns button{background:#fff;color:#2E7D32;border:1px solid #fff;border-radius:5px;padding:3px 8px;font-size:12px}
.hidcopy{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.back{display:inline-block;color:#2E7D32;text-decoration:none;margin:8px 0;font-size:14px}
.ocard{background:#fff;border:1px solid #e3ece4;border-radius:10px;padding:12px;margin:12px 0}
.ohd{font-size:16px;margin-bottom:6px}
.lock{background:#FFF3CD;color:#8a6d3b;border-radius:6px;padding:6px 8px;font-size:13px;margin-bottom:8px}
.mtb{width:100%;border-collapse:collapse}
.mtb td{border-bottom:1px solid #f0f0f0;padding:7px 4px;font-size:15px;vertical-align:middle}
.mtb .mn{font-weight:500}
.mtb .mq{white-space:nowrap;text-align:center}
.mtb .mq button{width:30px;height:30px;border:1px solid #2E7D32;background:#fff;color:#2E7D32;border-radius:50%;font-size:18px;font-weight:700}
.mtb .mq input{width:44px;text-align:center;border:1px solid #ccc;border-radius:5px;height:30px;margin:0 3px}
.mtb .ma{text-align:right;color:#555;width:70px}
.wtag{display:inline-block;background:#FFF3CD;color:#8a6d3b;border-radius:4px;padding:0 5px;font-size:11px;margin-left:4px}
.otot{text-align:right;font-weight:700;margin-top:8px;color:#c0392b}
.obtns{display:flex;gap:10px;margin-top:10px}
.obtns .cancel{flex:0 0 110px;background:#fff;border:1px solid #e0aaaa;color:#c0392b;border-radius:8px;padding:11px;font-size:15px}
.obtns .save{flex:1;background:#2E7D32;color:#fff;border:0;border-radius:8px;padding:11px;font-size:16px;font-weight:600}