.time-field{margin:18px 0;padding:14px;background:#f1eee6;border-radius:15px}.time-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.time-head label{font-size:13px;font-weight:700}.time-head b{font-size:13px;color:var(--green)}.time-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.time-quick button,.time-quick>label{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 3px;text-align:center;font-size:12px;color:var(--ink)}.time-quick button.active{background:var(--green);color:white;border-color:var(--green)}.time-quick>label{position:relative;overflow:hidden}.time-quick input{position:absolute;inset:0;opacity:0;width:100%;height:100%}@media(max-width:360px){.time-quick{grid-template-columns:repeat(2,1fr)}}