.recognition-home{margin:0 0 24px;border:1px solid #d3d9cc;border-radius:13px;background:linear-gradient(108deg,#f4f2e8,#eef2e7);color:#3f5548;overflow:hidden}
.recognition-feature{display:flex;gap:23px;align-items:center;padding:22px 26px;min-height:132px}
.recognition-portrait{width:86px;height:100px;border-radius:9px;overflow:hidden;flex-shrink:0;background:#e3e7dc;border:1px solid #cbd2c2}
.recognition-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.recognition-copy{min-width:0;flex:1}
.recognition-kicker{display:flex;align-items:center;gap:14px;margin-bottom:7px}
.recognition-kicker>span{font-size:11px;font-weight:600;color:#887a48;letter-spacing:1.8px}
.recognition-kicker>small{font-size:11px;color:#879078;letter-spacing:.4px}
.recognition-home h2{font-size:23px;font-weight:600;line-height:1.5;margin:0 0 5px;color:#344d40;letter-spacing:.5px}
.recognition-home h2>span{display:inline-block;font-size:12px;font-weight:400;letter-spacing:0;margin-left:15px;padding-left:15px;border-left:1px solid #cbd2c1;color:#77866d;vertical-align:middle}
.recognition-copy>p{font-size:13px;line-height:1.8;color:#708067;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.recognition-feature-end{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex-shrink:0;min-width:76px;gap:8px}
.recognition-star{font-size:34px;line-height:1;color:#c1ad68;font-weight:400}
.recognition-home button{font-size:12px;color:#6d7d64;background:#f6f8ef;border-color:#ccd6c2;padding:7px 11px;white-space:nowrap}
.recognition-home button:hover{background:#e7eedc;border-color:#b9c8ac}
.recognition-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:#e5ebde}
.recognition-empty>div{display:flex;align-items:center;gap:13px}
.recognition-empty>div>span{font-size:23px;color:#a69a62}
.recognition-empty p{margin:0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.recognition-empty p b{font-size:13px;font-weight:500;letter-spacing:.5px;color:#63765a}
.recognition-empty p small{font-size:12px;color:#809275}
.recognition-editor-intro{display:flex;align-items:center;gap:12px;background:#e7eddf;border:1px solid #d3ddc7;border-radius:9px;padding:13px 16px;margin-bottom:20px}
.recognition-editor-intro>span{font-size:26px;color:#aa9b5b}
.recognition-editor-intro p{margin:0;font-size:13px;color:#708365;line-height:1.8}
.recognition-photo-editor{display:flex;gap:20px;align-items:center;margin:4px 0 14px}
.recognition-photo-preview{width:87px;height:106px;flex-shrink:0;background:#e4eadb;border:1px dashed #b9c8aa;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.recognition-photo-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.recognition-photo-preview>span{color:#8a9c7c;font-size:12px}
.recognition-photo-editor>.field{flex:1;margin:0;min-width:0}
.recognition-photo-editor .field small{display:block;font-size:11px;line-height:1.8;margin-top:8px;color:#819675}
.recognition-photo-editor input{width:100%;font-size:12px;padding:8px}
.recognition-editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d6e0cb;padding-top:13px;margin-top:4px}
.recognition-editor-bottom>p{font-size:12px;line-height:1.8;color:#849579;margin:0}
.recognition-withdraw{font-size:12px;flex-shrink:0;color:#a56856;border-color:#dbc9bd;background:#f4ece4}
.recognition-manual[hidden],.recognition-withdraw[hidden]{display:none}
@media(max-width:800px){.recognition-feature{padding:19px 20px;gap:17px;align-items:flex-start}.recognition-portrait{width:70px;height:88px}.recognition-home h2{font-size:21px}.recognition-kicker{flex-wrap:wrap;gap:4px 12px}.recognition-home h2>span{font-size:11px;margin-left:10px;padding-left:10px}.recognition-copy>p{font-size:12px;line-height:1.8}.recognition-star{font-size:26px}.recognition-feature-end{min-width:0}.recognition-feature-end button{font-size:11px;padding:6px 8px}.recognition-empty p{gap:4px;align-items:flex-start;flex-direction:column}.recognition-empty p small{font-size:11px;line-height:1.7}.recognition-empty{padding:15px 17px}.recognition-empty button{font-size:11px;padding:7px 9px}}
@media(max-width:520px){.recognition-feature{position:relative;flex-wrap:wrap;gap:12px;padding:18px}.recognition-portrait{width:61px;height:78px}.recognition-copy{flex-basis:calc(100% - 80px)}.recognition-kicker{margin-bottom:3px;display:block}.recognition-kicker>span{display:block;line-height:1.6;font-size:10px}.recognition-kicker>small{font-size:10px}.recognition-home h2{font-size:19px;margin-bottom:7px;line-height:1.6}.recognition-home h2>span{font-size:10px;display:block;border:0;margin:0;padding:0;line-height:1.5}.recognition-copy>p{font-size:12px}.recognition-feature-end{width:100%;align-items:flex-end;align-self:auto;flex-direction:row;justify-content:flex-end}.recognition-feature-end .recognition-star{display:none}.recognition-photo-editor{gap:13px}.recognition-photo-preview{width:70px;height:88px}.recognition-empty>div{gap:9px}.recognition-empty>div>span{display:none}}
@media print{.recognition-home{display:none}}

.form-grid>.recognition-editor-intro,.form-grid>.recognition-photo-editor,.form-grid>.recognition-editor-bottom{grid-column:1/-1}