.rubbish-summary{display:flex;gap:25px;flex-wrap:wrap;padding:24px 28px;background:var(--sage);color:var(--green)}.rubbish-summary span{font-size:14px;font-weight:700}.rubbish-summary i{display:inline-block;width:10px;height:10px;margin-right:9px;background:#466e9b}.rubbish-summary span:nth-child(2) i{background:#f7f5ef;border:1px solid #9ba58e}.rubbish-summary span:nth-child(3) i{background:#d1b941}.rubbish-steps section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:140px}.rubbish-step-heading{display:flex;align-items:baseline;gap:15px;margin-bottom:14px}.rubbish-step-heading>span{font-size:14px;color:#52614e;font-weight:700}.rubbish-step-heading h2{font-size:25px;font-weight:700;color:var(--green);line-height:1.6}.rubbish-steps p{font-size:15px;line-height:2;color:#52614e;margin-bottom:22px}.rubbish-photo{display:block;width:100%;padding:0;border:0;background:var(--sage);cursor:zoom-in;position:relative}.rubbish-photo img{width:100%;height:auto;max-height:590px;object-fit:contain}.rubbish-photo span{position:absolute;right:12px;bottom:12px;background:var(--paper);color:var(--green);font-size:11px;padding:6px 12px}.rubbish-closing{background:var(--sage);padding:25px}.rubbish-closing p{margin:0}#rubbish-dialog{max-width:min(1100px,94vw);width:1100px;padding:18px;border:1px solid #aab4a4;max-height:94vh}#rubbish-dialog .rubbish-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}#rubbish-dialog h2{font-size:20px;font-weight:700;margin:0}#rubbish-dialog button{background:transparent;border:1px solid #aab4a4;color:var(--green);padding:8px 13px;font-size:12px}#rubbish-dialog img{height:65vh;width:100%;object-fit:contain;background:var(--sage)}#rubbish-dialog .rubbish-dialog-controls{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:14px}#rubbish-dialog .rubbish-dialog-controls p{margin:0;color:var(--green);font-size:12px}
@media(max-width:600px){.rubbish-summary{gap:10px 20px;padding:20px}.rubbish-summary span{font-size:12px}.rubbish-step-heading h2{font-size:22px}.rubbish-steps p{font-size:15px}.rubbish-step-heading{gap:10px}.rubbish-steps section{scroll-margin-top:106px}.rubbish-closing{padding:20px}#rubbish-dialog h2{font-size:16px}#rubbish-dialog{padding:12px}#rubbish-dialog img{height:55vh}}
.rubbish-step-heading h2{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
