.hr-root{--hr-ink:#28344a;--hr-muted:#64758c;--hr-line:#ccd7ea;--hr-soft:#edf3fc;--hr-card:#fff;--hr-accent:#596ab0;background:linear-gradient(135deg,#f2f5fd,#fafbfd);border:1px solid var(--hr-line);border-radius:21px;padding:21px;margin:22px 0;color:var(--hr-ink)}
.hr-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.hr-head>div:first-child{flex:1;min-width:0}
.hr-head h2{font-size:clamp(21px,2.7vw,29px);margin:8px 0;color:var(--hr-ink)}.hr-kicker{font-size:10px;letter-spacing:.1em;font-weight:850;color:var(--hr-accent)}
.hr-head p,.hr-disclaimer{font-size:11px;line-height:1.8;color:var(--hr-muted)}
.hr-count{min-width:145px;text-align:center;background:#e2eaf9;border:1px solid #bfceed;border-radius:13px;padding:16px;display:grid;gap:5px}
.hr-count strong{font-size:28px;color:#566ca5}.hr-count span{font-size:10px;line-height:1.65;color:#657e9d}
.hr-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;background:var(--hr-soft);padding:12px 14px;margin:16px 0;border-radius:12px}
.hr-summary span{font-size:11px;color:var(--hr-ink)}.hr-summary button{margin-left:auto;font-size:11px}
.hr-card,.hr-empty{border:1px solid var(--hr-line);border-radius:16px;background:var(--hr-card);padding:18px}
.hr-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.hr-meta>span:last-child{font-size:10px;font-weight:800;color:var(--hr-muted)}
.hr-task{font-size:12px;line-height:1.75;color:var(--hr-muted);margin:14px 0}
.hr-sentence{font:700 clamp(22px,3.5vw,32px)/1.85 "Microsoft YaHei",sans-serif;color:var(--hr-ink);padding:16px;background:var(--hr-soft);border-radius:12px;overflow-wrap:anywhere;text-align:center;letter-spacing:.07em}
.hr-label{display:block;font-weight:800;font-size:12px;margin:15px 0 7px;color:var(--hr-ink)}
#hr-input{display:block;box-sizing:border-box;width:100%;border:1px solid #b7c8e5;border-radius:10px;background:var(--hr-card);color:var(--hr-ink);padding:12px 14px;font:500 21px/1.6 "Microsoft YaHei",sans-serif}
.hr-buttons,.hr-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}
.hr-buttons button,.hr-bottom button{font-size:11px}
.hr-bottom span,.hr-history,.hr-disclaimer,.hr-notice{font-size:11px;line-height:1.8;color:var(--hr-muted)}
.hr-feedback{border:1px solid var(--hr-line);background:var(--hr-soft);border-radius:11px;padding:15px;margin:15px 0}
.hr-feedback strong{font-size:13px;color:var(--hr-accent)}
.hr-feedback p{font-size:12px;color:var(--hr-ink);line-height:1.75}
.hr-feedback p.hr-original{font:600 clamp(18px,2.8vw,24px)/1.9 "Microsoft YaHei",sans-serif}
.hr-feedback small{font-size:11px;line-height:1.8;color:var(--hr-muted)}
.hr-empty strong{font-size:14px}.hr-empty p{font-size:12px;line-height:1.8;color:var(--hr-muted)}
.hr-notice{min-height:14px;color:var(--hr-accent)}
.hr-root :is(button,input):focus-visible{outline:3px solid #7389d4;outline-offset:3px}
body.dark .hr-root{--hr-ink:#edf2ff;--hr-muted:#c0cbe4;--hr-line:#54617b;--hr-soft:#343d55;--hr-card:#293449;--hr-accent:#b3bbff;background:linear-gradient(130deg,#2f3952,#2a324b)}
body.dark .hr-count{background:#3d4a6a;border-color:#65769b}
body.dark .hr-count strong,body.dark .hr-count span{color:#dde7ff}
@media(max-width:680px){.hr-root{padding:14px}.hr-head{flex-direction:column;align-items:stretch}.hr-count{min-width:0}.hr-summary button{width:100%;margin-left:0}.hr-buttons button{flex:1}.hr-bottom button{width:100%}.hr-card{padding:13px}}