:root{--bg: #f7f3ec;--bg-glow: #fdfbf7;--ink: #1d1d1f;--ink-2: #6f6a60;--ink-3: #a49e91;--card: #fffdf9;--line: #eae4d8;--gray-card: #f4f2ee;--gray-block: #eceae4;--gray-ink: #55524b;--blue: #2f6fbf;--blue-deep: #245a9e;--blue-card: #eef4fb;--blue-block: #ffffff;--blue-line: #d8e4f3;--tag-bg: #dcebf9;--tag-ink: #2f6fbf;--warn-bg: #fdf3e3;--warn-ink: #9a6b1f;--ok-bg: #e7f3ea;--ok-ink: #3d7a4e;--radius: 14px;--radius-s: 8px;--shadow: 0 4px 14px rgba(60, 50, 30, .05);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:radial-gradient(1100px 480px at 50% -160px,var(--bg-glow) 0%,var(--bg) 68%),var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:none}button{cursor:pointer;border:none;background:none;color:inherit}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .55s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d, 0s)}.page{max-width:1080px;margin:0 auto;padding:44px 28px 72px}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.header-title h1{font-size:30px;font-weight:700;letter-spacing:.5px;line-height:1.3}.header-title p{margin-top:6px;font-size:14px;color:var(--ink-2)}.logo-mark{display:inline-flex;align-items:center;gap:6px;margin-right:12px;vertical-align:-4px}.header-tools{display:flex;align-items:center;gap:10px}.demo-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:10px;transition:color .18s,border-color .18s}.demo-btn:hover{color:var(--ink);border-color:var(--ink-3)}.demo-btn svg{flex:none}.gear-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);transition:color .18s,border-color .18s}.gear-btn:hover{color:var(--ink);border-color:var(--ink-3)}.gear-btn.configured{color:var(--blue);border-color:var(--blue-line)}.input-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:26px}.field{display:flex;flex-direction:column;gap:8px}.field-jd-ref{margin-top:16px}.field-label{font-size:13px;font-weight:600;color:var(--gray-ink);display:flex;align-items:center;gap:6px}.field-label .dot{width:7px;height:7px;border-radius:50%}.dot-gray{background:var(--ink-3)}.dot-blue{background:var(--blue)}textarea{width:100%;min-height:150px;resize:vertical;font-size:14px;line-height:1.75;color:var(--ink);background:var(--gray-card);border:1px solid transparent;border-radius:10px;padding:14px 16px;transition:background .18s,border-color .18s}textarea.field-jd{background:var(--blue-card)}textarea::placeholder{color:var(--ink-3)}textarea:hover{border-color:var(--line)}textarea.field-jd:hover{border-color:var(--blue-line)}.input-actions{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.role-input{width:260px;height:44px;font-size:14px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 14px;transition:border-color .18s}.role-input:hover{border-color:var(--ink-3)}.role-input::placeholder{color:var(--ink-3)}.main-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 26px;font-size:15px;font-weight:600;color:#fffdf9;background:var(--blue);border-radius:10px;transition:background .18s,transform .12s}.main-btn:hover{background:var(--blue-deep)}.main-btn:active{transform:scale(.985)}.main-btn:disabled{opacity:.55;cursor:default}.mode-switch{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px;flex:none}.mode-switch button{font-size:12.5px;color:var(--ink-2);padding:6px 13px;border-radius:7px;white-space:nowrap;transition:background .18s,color .18s}.mode-switch button:hover{color:var(--ink)}.mode-switch button.on{background:var(--ink);color:#fffdf9}.mode-switch button.on:hover{color:#fffdf9}.mode-hint{font-size:12.5px;color:var(--ink-3)}.mode-hint.is-tip{color:#c2452d}.field-req{font-size:11px;font-weight:500;color:#c2452d;background:#faece8;padding:1px 7px;border-radius:999px}textarea.has-error{border-color:#d98a7a;background:#fdf4f1}textarea.has-error:hover{border-color:#d98a7a}.field-error{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#c2452d;animation:rise .3s cubic-bezier(.22,.61,.36,1) both}.field-error svg{flex:none}.result-wrap{margin-bottom:26px}.mode-banner{display:flex;align-items:center;gap:8px;font-size:13px;border-radius:10px;padding:9px 14px;margin-bottom:14px}.mode-banner.fallback{background:var(--warn-bg);color:var(--warn-ink)}.mode-banner.ai{background:var(--ok-bg);color:var(--ok-ink)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.pane{border-radius:var(--radius);border:1px solid var(--line);padding:18px}.pane-left{background:var(--gray-card)}.pane-right{background:var(--blue-card);border-color:var(--blue-line)}.pane-title{font-size:13px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:7px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}.pane-right .pane-title{color:var(--blue-deep);border-bottom-color:var(--blue-line)}.pane-left .pane-title{color:var(--gray-ink)}.sents{display:flex;flex-direction:column;gap:10px}.sent{border-radius:var(--radius-s);padding:11px 14px;font-size:14px;line-height:1.8}.pane-left .sent{background:var(--gray-block);color:var(--gray-ink)}.pane-right .sent{background:var(--blue-block);border:1px solid var(--blue-line);color:var(--ink)}.ph{color:var(--blue);font-weight:600;padding:0 2px;border-bottom:2px dashed var(--blue)}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge{font-size:11.5px;line-height:1;color:var(--tag-ink);background:var(--tag-bg);border-radius:99px;padding:4px 10px;display:inline-flex;align-items:center;gap:4px}.sent{position:relative}.sent-edit{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--ink-3);opacity:0;transition:opacity .15s,color .15s,background .15s}.sent:hover .sent-edit{opacity:1}.sent-edit:hover{color:var(--blue);background:var(--tag-bg)}.sent-editor{display:flex;flex-direction:column;gap:8px}.sent-editor textarea{min-height:76px;background:#fff;border:1px solid var(--blue-line);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.7;resize:vertical}.editor-ops{display:flex;gap:8px;justify-content:flex-end}.editor-ops button{font-size:12.5px;padding:5px 14px;border-radius:7px;border:1px solid var(--line);color:var(--ink-2);transition:color .15s,border-color .15s,background .15s}.editor-ops button:hover{color:var(--ink);border-color:var(--ink-3)}.editor-ops .ok{background:var(--blue);border-color:var(--blue);color:#fffdf9}.editor-ops .ok:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:#fffdf9}.empty{text-align:center;color:var(--ink-3);font-size:14px;padding:56px 0;border:1px dashed var(--line);border-radius:var(--radius)}.keyword-cloud{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:26px}.keyword-cloud h3,.fold-panel h3,.action-bar-title{font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:7px}.kw-list{display:flex;flex-wrap:wrap;gap:8px}.kw{font-size:13px;border-radius:99px;padding:5px 13px;display:inline-flex;align-items:center;gap:6px}.kw-hit{background:var(--blue);color:#fffdf9}.kw-miss{background:transparent;color:var(--ink-3);border:1px solid var(--line)}.kw-miss i{font-style:normal;font-size:11px;opacity:.75}.kw-note{margin-top:10px;font-size:12.5px;color:var(--ink-3)}.action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.op-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13.5px;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:10px;transition:color .18s,border-color .18s,background .18s}.op-btn:hover{color:var(--ink);border-color:var(--ink-3)}.op-btn.danger:hover{color:#b0402f;border-color:#e3c4bc}.op-btn.done{color:var(--ok-ink);border-color:#cfe4d5;background:var(--ok-bg)}.fold-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-top:22px}.fold-head{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--ink)}.fold-head .fold-left{display:flex;align-items:center;gap:7px}.fold-head .count{font-size:11.5px;font-weight:600;color:var(--warn-ink);background:var(--warn-bg);border-radius:99px;padding:2px 9px}.fold-head svg{transition:transform .22s;color:var(--ink-3)}.fold-head.open svg{transform:rotate(180deg)}.fold-body{margin-top:14px;display:flex;flex-direction:column;gap:10px}.pend-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-2);background:var(--gray-card);border-radius:var(--radius-s);padding:10px 14px}.pend-type{flex:none;font-size:11.5px;line-height:1.5;font-weight:600;color:var(--blue);background:var(--tag-bg);border-radius:6px;padding:2px 9px}.pend-none{font-size:13.5px;color:var(--ok-ink)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#28221652;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fade .2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:460px;max-width:100%;background:var(--card);border-radius:18px;padding:26px;animation:rise .3s cubic-bezier(.22,.61,.36,1) both}.modal h3{font-size:17px;font-weight:700;margin-bottom:4px}.modal .modal-sub{font-size:13px;color:var(--ink-2);margin-bottom:18px}.modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.modal-field label{font-size:13px;font-weight:600;color:var(--ink-2)}.modal-field input{height:40px;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:0 12px;background:var(--gray-card);transition:border-color .18s}.modal-field input:hover{border-color:var(--ink-3)}.modal-field .tip{font-size:12px;color:var(--ink-3)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ghost-btn{height:38px;padding:0 18px;font-size:13.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:10px;transition:color .18s,border-color .18s}.ghost-btn:hover{color:var(--ink);border-color:var(--ink-3)}.modal-ref{width:680px;max-width:100%;max-height:min(82vh,720px);display:flex;flex-direction:column}.ref-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ref-head h3{font-size:17px;font-weight:700}.ref-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--ink-3);transition:color .18s,background .18s}.ref-close:hover{color:var(--ink);background:var(--gray-card)}.modal-ref .modal-sub{margin-bottom:14px}.ref-list{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:2px}.ref-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--gray-card)}.ref-card.on{border-color:var(--blue-line);background:var(--blue-card)}.ref-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ref-tag{font-size:12.5px;font-weight:600;color:var(--tag-ink);background:var(--tag-bg);padding:3px 10px;border-radius:999px}.ref-role{font-size:12.5px;color:var(--ink-2);flex:1}.mini-btn{height:30px;padding:0 14px;font-size:12.5px;color:#fffdf9;background:var(--blue);border-radius:8px;transition:background .18s}.mini-btn:hover{background:var(--blue-deep)}.ref-quote{font-size:13px;color:var(--gray-ink);line-height:1.75}@media (max-width: 640px){.modal{padding:20px 16px}.modal-ref{max-height:86vh}.ref-card-head{flex-wrap:wrap}.ref-role{flex-basis:100%;order:3}}.footer{margin-top:44px;text-align:center;font-size:12.5px;color:var(--ink-3)}@media (max-width: 900px){.page{padding:30px 16px 56px}.header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}.header-title h1{font-size:24px}.compare{grid-template-columns:1fr}.input-actions{gap:10px}.role-input{width:100%}.main-btn{width:100%;justify-content:center}.mode-switch{flex:1}.mode-switch button{flex:1;text-align:center}.mode-hint{flex-basis:100%}}