*{box-sizing:border-box}body{margin:0;background:#f4f3ec;color:#173c3a;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}header{background:#123e3d;color:#fff;padding:16px max(18px,calc((100vw - 850px)/2));display:flex;justify-content:space-between}header a{color:#d2e1d8;text-decoration:none}main{max-width:850px;margin:auto;padding:18px}.hero{background:linear-gradient(125deg,#123e3d,#367269);color:#fff;border-radius:18px;padding:28px;margin-bottom:14px}.hero small,.title small{letter-spacing:2px;color:#d1b47c}.hero h1{margin:8px 0}.hero p{margin:0;color:#d6e3dc}.card{background:#fff;border:1px solid #e1e6dc;border-radius:15px;padding:18px;margin:12px 0}.card h2{font-size:18px;margin:0 0 12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:13px}input:not([type=checkbox]),select{display:block;width:100%;padding:10px;border:1px solid #d8e0d8;border-radius:8px;margin-top:5px;background:#fff;color:#183c3a}.day{border-top:1px solid #e8ece4;margin-top:18px;padding-top:12px}.day h3{font-size:16px;margin:0}.hint{color:#936c35;font-size:13px}.group{margin:12px 0}.group h4{margin:0;color:#27605a}.items{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.item{display:flex;align-items:center;gap:8px;padding:8px;background:#f7f8f3;border-radius:8px}.item input{accent-color:#176e66}.item span{flex:1}.item b{font-size:12px;white-space:nowrap}.item select{display:inline-block;width:75px;padding:3px;margin:0;font-size:11px}.subtotal{text-align:right;border-top:1px solid #e8ece4;padding-top:10px;color:#9a7035;font-weight:700}.link{float:right;border:0;background:none;color:#9a5b4e}.secondary,.submit{width:100%;padding:12px;border-radius:10px;font:inherit;margin:4px 0}.secondary{border:1px dashed #7c9a91;color:#286056;background:transparent}.submit{border:0;background:#d09c50;color:#fff;font-weight:700}.message{background:#15413d;color:#fff;padding:12px;border-radius:8px}.public{margin-top:28px}.title{display:flex;align-items:center;justify-content:space-between}.title h2{margin:2px 0}.title button{background:#164642;border:0;color:#fff;border-radius:8px;padding:9px 12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#f1f3eb;text-align:center;padding:12px;border-radius:10px}.stats b{display:block;font-size:21px}.stats span{font-size:12px;color:#657970}.public h3{font-size:15px;margin:18px 0 6px}.public details{border-bottom:1px solid #e8ece4;padding:9px 2px}.public summary{cursor:pointer;font-weight:600}.public summary small{font-weight:400;color:#63756c}.publicperson{font-size:12px;border-top:1px solid #edf0e9;padding:8px;margin-top:7px}.publicperson div{color:#60766e;padding:3px}.count{display:flex;justify-content:space-between;font-size:13px;padding:5px;border-bottom:1px solid #eef0eb}footer{text-align:center;color:#84918a;padding:22px;font-size:12px}@media(max-width:600px){main{padding:12px}.grid,.items{grid-template-columns:1fr}.card{padding:14px}.hero{padding:22px}.hero h1{font-size:22px}}