:root{font-family:Inter,"Microsoft YaHei",sans-serif;background:#f8f3ed;color:#2c2926;--green:#20342e;--gold:#c79a56;--line:#e6ddd4}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}header{height:70px;background:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line)}header a{text-decoration:none;color:#332f2c}header>a b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#282421;color:#fff;margin-right:8px}header nav{margin-left:auto;display:flex;align-items:center;gap:18px}header nav a.active{color:#8d3034;font-weight:700}header select{padding:8px;border:1px solid var(--line);border-radius:7px}main{max-width:1100px;margin:auto;padding:30px 20px}.hero{background:linear-gradient(120deg,#223831,#657c72);color:#fff;padding:36px;border-radius:18px;display:flex;justify-content:space-between;align-items:center}.hero h1{font-size:35px;margin:7px 0}.hero p{color:#dbe4e0}.hero>div:last-child{display:grid;text-align:right}.hero strong{font-size:44px;color:#efd39d}.hero span{color:#cedbd6}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.rules article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;display:grid}.rules b{font-size:22px;color:#8c5b20}.rules span{color:#7d746d;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.section-head small{color:#9b6b49;letter-spacing:2px}.section-head h2{margin:4px 0}.section-head>span{color:#817870}.task{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin-top:12px}.reward{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#faedd9;color:#925f1a;font-weight:700}.task h3{margin:4px 0}.task p,.task span,.task small{color:#7c746e;font-size:13px}.task button{border:0;border-radius:7px;background:#8d3034;color:#fff;padding:9px 13px}.task button:disabled{background:#cac4bf}.task.done{opacity:.72}.history{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.history article{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.history article div{display:grid}.history small{color:#887f78}.history strong{color:#21824c}.empty{color:#8b827b}#toast{position:fixed;right:24px;bottom:24px;background:var(--green);color:#fff;padding:12px 18px;border-radius:8px;opacity:0}#toast.show{opacity:1}#toast.bad{background:#913d3d}@media(max-width:760px){header nav a{display:none}.rules{grid-template-columns:repeat(2,1fr)}.task{grid-template-columns:55px 1fr}.task button{grid-column:2}.history{grid-template-columns:1fr}.hero{align-items:flex-start}.hero>div:last-child{text-align:left}}