:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#10336f;background:#f4faff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:linear-gradient(135deg,#eef7ff 0%,#f8fcff 52%,#eff7ff 100%)}
main{max-width:920px;min-height:100dvh;margin:0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
button,a{-webkit-tap-highlight-color:transparent}
button{background:#fff;border:1px solid #d4e3fc;border-radius:11px;padding:10px 16px;color:inherit;font:inherit;cursor:pointer}
button:disabled{color:#9bafd5;cursor:default}
button:focus-visible,a:focus-visible{outline:3px solid #1678ff;outline-offset:3px}
.feedback-heading{height:56px;padding:10px 15px;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;background:#e5f1ff}
.feedback-heading h1{margin:0;font-size:18px;font-weight:800;line-height:1.5;text-align:center;color:#082454}
.feedback-heading>a,.feedback-heading>button{display:grid;place-items:center;width:32px;height:32px;padding:4px;border:0;border-radius:8px;background:none}
.feedback-heading img{width:22px;height:22px;filter:brightness(.65) sepia(.8) saturate(4) hue-rotate(174deg)}
.feedback-heading button:disabled{opacity:.45}
.feedback-content{padding:18px 22px 40px}
.feedback-intro{margin:0 0 18px;color:#7c91ba;line-height:1.7;font-size:14px}
.feedback-empty[hidden]{display:none}
.feedback-empty{text-align:center;padding-top:clamp(64px,11.5vh,120px)}
.feedback-illustration{display:block;width:min(100%,246px);height:174px;object-fit:contain;margin:0 auto 24px}
.feedback-empty h2{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.4;letter-spacing:-.5px}
.feedback-empty p{margin:0 auto;max-width:315px;color:#8194bb;font-size:14px;line-height:1.65}
body.is-empty .feedback-intro{display:none}
#notice{color:#6c82ab;font-size:14px;line-height:1.7;text-align:center;overflow-wrap:anywhere;margin:16px 0}
#notice:empty{display:none}
.toolbar{display:flex;justify-content:center;margin:18px 0 38px}
.feedback-refresh{display:flex;align-items:center;justify-content:center;gap:12px;width:156px;min-height:44px;border:0;border-radius:15px;background:linear-gradient(110deg,#43a9ff,#2765ff);box-shadow:0 12px 24px #408dff20;color:#fff;font-size:16px}
.feedback-refresh img{width:23px;height:23px;filter:brightness(0) invert(1)}
.feedback-refresh:disabled{opacity:.6;color:#fff}
footer{display:flex;align-items:center;justify-content:center;gap:18px;color:#2672d9;font-size:14px}
footer button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 11px;font-size:14px;background:#ffffffb8;box-shadow:0 5px 12px #5b9dff09}
footer img{width:17px;height:17px}
footer button:disabled img{opacity:.4}
footer span{white-space:nowrap}
article{background:#ffffffde;border:1px solid #d7e4f5;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 8px 24px #3480cb06}
article h2{font-size:17px;line-height:1.5;margin:0 0 12px}
article p{overflow-wrap:anywhere;line-height:1.7}
time{color:#788eaf;font-size:13px}
.message{border-left:3px solid #4089e3;padding:10px 14px;margin:16px 0;background:#f0f7ff;border-radius:0 9px 9px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.badge{font-size:12px;color:#1160bb}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 0}
.actions button{font-size:14px;color:#176ade}
@media(min-width:650px){.feedback-heading{border-radius:0 0 16px 16px}.feedback-content{max-width:760px;margin:auto}}
@media(max-width:350px){.feedback-content{padding-left:15px;padding-right:15px}.feedback-empty{padding-top:58px}.feedback-illustration{height:168px;margin-bottom:26px}.feedback-empty h2{font-size:22px}.feedback-empty p{font-size:14px}footer{gap:12px}footer button{padding-left:9px;padding-right:9px}}