.feedback-screen{background:#f4f6f4;padding-bottom:76px}
.feedback-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-bottom:1px solid var(--line)}
.feedback-tabs button{position:relative;min-height:44px;border:0;background:#fff;color:var(--sub);font-size:11px}
.feedback-tabs button.active{color:var(--green);font-weight:700}
.feedback-tabs button.active:after{content:"";position:absolute;bottom:0;left:calc(50% - 14px);width:28px;height:2px;background:var(--green)}
.feedback-section{margin-top:9px;padding:15px 14px;background:#fff}
.feedback-section h2{margin:0 0 13px;font-size:13px}
.feedback-type{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.feedback-type button{min-height:37px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--sub);font-size:11px}
.feedback-type button.active{border-color:var(--green);background:var(--mint);color:var(--green);font-weight:600}
.feedback-field{display:block;margin-top:13px}
.feedback-field>span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px}
.feedback-field em{color:var(--sub);font-size:9px;font-style:normal}
.feedback-field select,.feedback-field input,.feedback-field textarea{width:100%;min-width:0;min-height:39px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:9px 10px;color:var(--ink);font-size:11px;outline-color:var(--green)}
.feedback-field textarea{min-height:110px;resize:vertical;line-height:1.6}
.feedback-upload{position:relative;display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;min-height:50px;margin-top:12px;padding:9px 11px;border:1px dashed #b8cfc0;border-radius:4px;color:var(--green);font-size:10px;overflow:hidden}
.feedback-upload svg{flex:none;width:18px}
.feedback-upload strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.feedback-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.feedback-demo-note{margin:13px 14px 22px;color:var(--sub);font-size:9px;line-height:1.6}
.feedback-submit{position:absolute;bottom:0;left:0;right:0;z-index:9;padding:9px 12px;background:#fff;border-top:1px solid var(--line)}
.feedback-submit .btn{min-height:40px;font-size:12px}
.feedback-records{padding:10px}
.feedback-record{display:block;width:100%;margin-bottom:9px;padding:14px;border:0;border-radius:5px;background:#fff;color:var(--ink);text-align:left}
.feedback-record header,.feedback-record footer{display:flex;justify-content:space-between;align-items:center;gap:8px}
.feedback-record header span{font-size:12px;font-weight:600}
.feedback-record em{color:var(--green);font-size:10px;font-style:normal}
.feedback-record p{margin:12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sub);font-size:11px}
.feedback-record footer{padding-top:9px;border-top:1px solid var(--line);color:var(--sub);font-size:9px}
.feedback-record svg{width:15px}
.feedback-status{display:flex;gap:10px;margin-top:9px;padding:19px 14px;background:var(--mint)}
.feedback-status>svg{width:24px;color:var(--green)}
.feedback-status h2{margin:0;font-size:17px}
.feedback-status p{margin:5px 0 0;color:var(--sub);font-size:10px}
.feedback-info{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6}
.feedback-info:last-child{border-bottom:0}
.feedback-info span{color:var(--sub)}
.feedback-info strong{font-weight:500;overflow-wrap:anywhere}