:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#183e3b;background:#f2f7f5;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#12695e;text-decoration:none}button,input{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;font-weight:600;cursor:pointer;border:1px solid #c5dcd5}button:disabled{opacity:.45;cursor:default}.primary{background:#086c5c;color:white;border-color:#086c5c}.secondary{background:white;color:#23675e}.wrap{max-width:1080px;margin:auto;padding:28px}nav,.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}nav{margin-bottom:28px}.brand{font-weight:750;font-size:18px}.brand span{font-weight:400}.hero{border-radius:24px;background:radial-gradient(ellipse at 95% 0,#387e68,transparent 60%),#103e35;padding:48px;color:white;margin-bottom:24px}.eyebrow{color:#a5dcca;font-size:13px;letter-spacing:3px}h1{font-size:44px;line-height:1.28;letter-spacing:-1px;margin:18px 0}h2{font-size:21px;margin:0 0 10px}h3{font-size:17px}p{line-height:1.8}.hero strong{color:#cced8e;font-size:26px}.hero .hint{color:#c1d7cb}.example{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:#ffffff0e;padding:18px 22px;border:1px solid #ffffff24;border-radius:12px;max-width:610px}.example b{color:#d6f2a8;font-size:25px}.panel{background:white;border:1px solid #dce8e2;border-radius:20px;padding:28px;margin-bottom:20px}.hint,.foot{font-size:13px;color:#698179}label{display:block;font-size:13px;margin:20px 0 8px;color:#617c72}.copyrow{display:flex;gap:12px}.copyrow input{min-width:0;flex:1;padding:13px;border:1px solid #d1e2da;background:#f8fbf9;border-radius:10px;color:#295649}.code{font:600 20px monospace;padding:18px;background:#f1f7f3;border-radius:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.steps article{padding:20px}.steps b{color:#2c8e77;font-size:24px}.steps p{font-size:14px;color:#6a8077}.foot{text-align:center;margin:28px 0}.record{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #edf2ee;align-items:center}.record small{display:block;margin-top:5px;color:#7d9086}.record b{color:#157860}.pager{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:20px}[role=status]{color:#526e63}.error{color:#b7473b!important}[hidden]{display:none!important}@media(max-width:650px){.wrap{padding:16px}nav{font-size:12px}.brand{font-size:14px}.brand span{display:none}.hero{padding:30px 24px}h1{font-size:32px}.panel{padding:22px 18px}.copyrow{flex-wrap:wrap}.copyrow input{flex-basis:100%;width:100%}.steps{grid-template-columns:1fr;gap:0}.steps article{padding:10px 12px}.record{grid-template-columns:1.2fr 1fr;font-size:13px}.record>b{grid-column:2}.heading{flex-wrap:wrap}.example{padding:14px}.example b{font-size:22px}}

textarea{font:inherit;width:100%;resize:vertical;min-height:160px;padding:18px;border:1px solid #d1e2da;background:#f8fbf9;border-radius:12px;color:#295649;line-height:1.85}.share-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.link-field{width:100%;margin-top:16px;border:0;background:transparent;color:#698179;font-size:12px;padding:8px 0}.rules{font-size:14px;color:#617c72}.rules summary{cursor:pointer;font-weight:600;color:#295649}.hero p{color:#c1d7cb;margin-bottom:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #85c5b4;outline-offset:3px}@media(max-width:650px){h1{font-size:28px}textarea{min-height:220px}}

.reward-total{font-size:22px;font-weight:700;color:#12695e}.record-head{font-size:12px;color:#698179}#recordsPanel{scroll-margin-top:20px}