/* ORF 扫描与翻译 — 六框扫描结果渲染 */
:root{--bg:#f8fafc;--cyan:#2563eb;--purple:#8B5CF6;--t1:#F3F4F6;--t2:#6B7280;--card:rgba(7,20,40,.78);--bdr:rgba(37,99,235,.1)}
*{box-sizing:border-box}
.fg label{display:block;font-size:.88rem;color:var(--t2);margin-bottom:6px;font-weight:500}
.fg .req{color:#f87171}
.fg textarea{padding:12px 14px;background:rgba(10,14,23,.8);border:1px solid rgba(48,54,61,.5);border-radius:10px;color:var(--t1);font-size:.82rem;font-family:'SF Mono',Consolas,monospace;width:100%;resize:vertical;min-height:140px;line-height:1.5}
.fg textarea:focus,.fg input[type=text]:focus,.fg input[type=number]:focus{outline:none;border-color:rgba(37,99,235,.45)}
.fg input[type=text],.fg input[type=number]{font-size:.9rem;color:var(--t1);background:rgba(10,14,23,.8);border:1px solid rgba(48,54,61,.5);border-radius:8px;padding:8px 10px;width:100%}
.ts{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--cyan);color:var(--bg);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}
.ts:hover{box-shadow:0 0 24px rgba(37,99,235,.25)}
.ts:disabled{opacity:.5;cursor:wait}
.tr{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(255,255,255,.05);color:var(--t2);border:1px solid rgba(255,255,255,.14);border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s}
.tr:hover{color:var(--t1);border-color:rgba(37,99,235,.4)}
.example-seq{display:inline-block;color:var(--cyan);cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin:0 4px;font-size:.78rem}
.example-seq:hover{color:#5eead4}
/* ORF 结果 */
table{width:100%;border-collapse:collapse;font-size:.8rem}
th{color:var(--t2);text-align:left;padding:8px;border-bottom:1px solid rgba(48,54,61,.5);font-weight:500;white-space:nowrap}
td{padding:8px;border-bottom:1px solid rgba(48,54,61,.22);color:#D1D5DB}
tr:hover td{background:rgba(37,99,235,.03)}
.orf-scroll{overflow-x:auto;background:rgba(10,14,23,.85);border:1px solid rgba(48,54,61,.4);border-radius:10px;padding:6px}
.frm-p{color:#2563eb;font-family:'SF Mono',Consolas,monospace;font-weight:600}
.frm-m{color:#F472B6;font-family:'SF Mono',Consolas,monospace;font-weight:600}
.pos{font-family:'SF Mono',Consolas,monospace;font-size:.76rem;color:#D1D5DB}
.len{font-family:'SF Mono',Consolas,monospace;font-size:.76rem;color:#D1D5DB}
.pro{font-family:'SF Mono',Consolas,monospace;font-size:.78rem;color:#8B5CF6;word-break:break-all;line-height:1.5}
.badge-c{display:inline-block;background:rgba(37,99,235,.12);color:#2563eb;border:1px solid rgba(37,99,235,.35);padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:600}
.badge-p{display:inline-block;background:rgba(245,158,11,.12);color:#F59E0B;border:1px solid rgba(245,158,11,.35);padding:2px 8px;border-radius:12px;font-size:.72rem}
.frf{background:rgba(10,14,23,.85);border:1px solid rgba(48,54,61,.4);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:.76rem;line-height:1.6;word-break:break-all}
.frf-head{font-weight:600;margin-bottom:4px}
.frf-t{font-family:'SF Mono',Consolas,monospace;color:#D1D5DB}
.star{color:#F87171;font-weight:700}
.copy-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;background:rgba(37,99,235,.08);color:var(--cyan);border:1px solid rgba(37,99,235,.3);border-radius:8px;font-size:.8rem;cursor:pointer}
.copy-btn:hover{background:rgba(37,99,235,.16)}