*{box-sizing:border-box}body{margin:0;background:#f5f8f6;color:#263e30;font-family:system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #70bd97;outline-offset:4px}.shell{max-width:1050px;margin:auto;padding:25px 22px 35px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}.brand img{height:44px;width:44px;object-fit:contain}.brand small{font-size:11px;color:#9aa69d;font-weight:400;margin-left:auto}h1{font-size:27px;margin:35px 0 12px}p{font-size:12px;color:#899b8c;line-height:1.8}.intro{margin-bottom:27px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.group{background:#fff;border:1px solid #e1e9e3;border-radius:14px;overflow:hidden}.group-title{padding:17px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2ed;font-size:13px;font-weight:600}.group-title span{font-size:11px;font-weight:400;color:#89a08f;margin-left:auto}.number{height:28px;width:28px;background:#f0f5ee;border-radius:7px;display:grid;place-items:center;color:#7e9278;font-size:11px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px}.image-button{display:block;position:relative;border-radius:15px;transition:transform .15s;max-width:215px;margin:auto}.image-button:hover{transform:translateY(-3px)}.poster{display:block;width:100%;height:auto;border-radius:15px}.method-icon{position:absolute;right:10%;top:9%;width:17%;height:12%;object-fit:contain}.copy{display:block;width:100%;border:1px solid #dce8df;border-radius:7px;background:#f8fbf8;color:#498663;font-size:11px;padding:10px;margin:12px auto 0;max-width:215px}.alipay .copy{color:#4788bf;background:#f7faff;border-color:#e0eaf5}.slots-title{font-size:13px;margin:29px 0 13px;display:flex;justify-content:space-between}.slots-title span{font-size:10px;color:#94a297;font-weight:400}.slots{display:grid;grid-template-columns:repeat(20,1fr);gap:6px}.slot{border:1px dashed #dbe5dc;border-radius:6px;height:34px;display:grid;place-items:center;color:#a4b0a5;font-size:9px}.slot.active{border-style:solid;background:#ecf5ed;color:#689b75}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:27px;font-size:11px;color:#94a198}.footer a{color:#598768}.single{max-width:410px;margin:0 auto;padding:24px 20px}.single .image-button,.single .copy{max-width:none}.single .back{display:block;text-align:center;margin-top:22px;font-size:11px;color:#91a696}.single .image-button:hover{transform:none}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:90vw;padding:12px 20px;background:#305e43;color:white;border-radius:8px;font-size:12px;box-shadow:0 5px 18px #24453220}.copy-fallback{display:block;width:100%;font-size:10px;padding:10px;margin-top:10px;border:1px solid #d6e4d8;border-radius:5px;background:white;color:#56745d}@media(max-width:680px){.shell{padding:19px 16px 30px}.grid{grid-template-columns:1fr;gap:18px}h1{font-size:24px;margin-top:27px}.slots{grid-template-columns:repeat(10,1fr)}.image-button,.copy{max-width:240px}.buttons{gap:15px;padding:15px}.footer{font-size:10px}.brand{font-size:18px}.brand small{font-size:10px}.single{padding-top:17px}}