:root { color:#161616; background:#f5f5f4; font-family:"Inter","Helvetica Neue","Microsoft YaHei","Noto Sans SC",sans-serif; font-variant-numeric:tabular-nums; }
* { box-sizing:border-box; } body { margin:0; min-width:320px; } button,input,textarea,select { font:inherit; } button { cursor:pointer; }
.intro-active { overflow:hidden; }.intro-active .shell { opacity:.35; filter:blur(10px); transform:scale(.985); }.intro-revealing .shell { opacity:1; filter:none; transform:none; transition:opacity 1.8s ease,filter 1.8s ease,transform 2.2s cubic-bezier(.2,.8,.2,1); }.intro-gate { position:fixed; inset:0; z-index:1000; display:grid; grid-template-rows:1fr auto; width:100%; height:100%; padding:clamp(24px,6vw,96px); place-items:center; overflow:hidden; border:0; border-radius:0; background:#080808; color:#f2f2ef; }.intro-gate[hidden] { display:none; }.intro-title { align-self:end; display:flex; align-items:baseline; justify-content:center; gap:.22em; max-width:100%; font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif; font-size:clamp(48px,9vw,154px); font-style:italic; font-weight:400; line-height:.9; white-space:nowrap; }.intro-word { display:inline-flex; }.intro-letter { display:inline-block; min-width:.1em; transform:translate3d(0,0,0); opacity:1; filter:blur(0); transition:transform 2.15s cubic-bezier(.18,.68,.2,1),opacity 1.7s ease,filter 1.9s ease; transition-delay:calc(var(--i) * 14ms); will-change:transform,opacity,filter; }.intro-credit { align-self:start; display:grid; gap:5px; margin-top:clamp(34px,5vh,64px); color:#b8b8b3; text-align:center; opacity:1; transform:translateY(0); transition:opacity 1.35s ease .18s,transform 1.7s ease .18s,letter-spacing 1.7s ease .18s; }.intro-credit span:first-child { font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif; font-size:clamp(15px,1.35vw,22px); font-style:italic; letter-spacing:.04em; }.intro-credit span:nth-child(2) { color:#999995; font-family:"Microsoft YaHei","Noto Sans SC",sans-serif; font-size:clamp(9px,.72vw,12px); letter-spacing:.12em; }.intro-credit span:last-child { color:#777773; font-size:clamp(8px,.65vw,11px); font-weight:600; letter-spacing:.16em; text-transform:uppercase; }.intro-gate.is-leaving { pointer-events:none; background:transparent; transition:background 1.7s ease .58s; }.intro-gate.is-leaving .intro-letter { transform:translate3d(var(--x),var(--y),0) rotate(var(--r)) scale(.28); opacity:0; filter:blur(14px); }.intro-gate.is-leaving .intro-credit { opacity:0; transform:translateY(22px); letter-spacing:.28em; }.intro-gate:focus-visible .intro-title { text-shadow:0 0 24px rgba(255,255,255,.3); }
.shell { max-width:1480px; margin:0 auto; padding:0 42px 82px; }.topbar { min-height:78px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ccccca; }.brand { display:flex; align-items:center; gap:12px; color:#151515; text-decoration:none; font-size:10px; line-height:1.25; letter-spacing:.08em; }.brand strong { font-size:11px; letter-spacing:.12em; }.brand-mark { display:grid; min-width:62px; height:32px; padding:0 10px; place-items:center; color:#f7f7f7; background:#1a1a1a; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.08em; }.status { display:inline-flex; align-items:center; gap:8px; color:#5f5f5f; font-size:11px; letter-spacing:.04em; }.status span { width:6px; height:6px; border-radius:50%; background:#1f1f1f; }.status.offline { color:#606060; }.status.offline span { background:#666666; }
.launch-grid { display:grid; grid-template-columns:1fr; min-height:calc(100vh - 96px); padding:34px 0 48px; align-items:stretch; }.launch-upload { display:flex; flex-direction:column; justify-content:space-between; padding:38px; border:1px solid #dddddc; border-radius:8px; background:linear-gradient(180deg,#ffffff 0%,#f2f2f1 100%); box-shadow:0 28px 80px rgba(22,23,22,.06); }.upload-heading { max-width:860px; }.upload-heading h1 { margin:0; color:#161616; font-family:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif; font-size:clamp(64px,6.2vw,104px); font-weight:400; font-style:italic; line-height:.88; overflow-wrap:anywhere; }.upload-heading p:last-child { max-width:none; margin:20px 0 24px; color:#5d5d5d; font-size:14px; line-height:1.75; white-space:nowrap; }
.intro { max-width:1040px; padding:76px 0 50px; }.eyebrow,.section-kicker { margin:0 0 16px; color:#707070; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.intro h1,h2 { margin:0; color:#151515; letter-spacing:0; }.intro h1 { font-family:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif; font-size:clamp(42px,5.2vw,78px); line-height:1.02; font-weight:400; }.intro h1 em { color:#1f1f1f; font-style:italic; }.intro>p:last-child { max-width:740px; margin:25px 0 0; color:#5c5c5c; font-size:16px; line-height:1.8; } h2 { font-size:18px; font-weight:650; }
.method-ledger { display:grid; grid-template-columns:.58fr 1.42fr; gap:38px; padding:68px 0 44px; border-top:1px solid #d8d8d6; }.method-copy h2 { font-family:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif; font-size:42px; font-weight:400; line-height:1.08; }.method-copy p:not(.section-kicker) { max-width:560px; margin:22px 0 0; color:#5d5d5d; font-size:14px; line-height:1.85; }.method-copy p + p { margin-top:16px; }.method-interactive { display:grid; grid-template-columns:minmax(250px,.48fr) minmax(0,1fr); gap:28px; }.method-steps { display:grid; align-content:start; gap:10px; }.method-step { display:grid; grid-template-columns:42px 1fr; align-items:center; min-height:76px; padding:0 18px; border:0; border-radius:8px; background:transparent; color:#606060; text-align:left; }.method-step span { color:#606060; font-family:"Iowan Old Style",Georgia,serif; font-size:13px; }.method-step strong { color:#3d3d3d; font-family:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif; font-size:22px; font-weight:400; line-height:1.16; }.method-step.active { background:#fbfbfa; box-shadow:0 18px 50px rgba(22,23,22,.08); }.method-step.active strong { color:#161616; }.method-detail { min-height:430px; border:1px solid #dddddc; border-radius:8px; overflow:hidden; background:#fbfbfa; box-shadow:0 28px 80px rgba(22,23,22,.06); }.method-detail-copy { padding:38px; max-width:760px; }.detail-number { margin:0 0 18px; color:#606060; font-family:"Iowan Old Style",Georgia,serif; font-size:14px; }.method-detail h3 { margin:0; color:#161616; font-family:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif; font-size:42px; font-weight:400; line-height:1.08; }.method-detail-copy>p:not(.detail-number) { margin:20px 0 0; color:#555555; font-size:15px; line-height:1.8; }.method-detail ul { margin:28px 0 0; padding:0; list-style:none; display:grid; gap:14px; }.method-detail li { position:relative; padding-left:18px; color:#666666; font-size:13px; line-height:1.6; }.method-detail li::before { content:""; position:absolute; left:0; top:.72em; width:7px; height:1px; background:#606060; }
.control-panel { min-width:0; padding:28px 30px 27px; }.panel-heading,.upload-footer,.results-header,.progress-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }.panel-heading { margin-bottom:24px; }.panel-heading h2,.panel-heading .section-kicker { margin-bottom:5px; }.icon-button { display:grid; width:32px; height:32px; place-items:center; border:1px solid #b6b6b4; color:#1a1a1a; background:transparent; text-decoration:none; font-size:17px; }.icon-button:hover { color:#fff; background:#1a1a1a; border-color:#1a1a1a; }
label { display:grid; gap:7px; margin:0 0 15px; color:#5a5a5a; font-size:11px; font-weight:750; letter-spacing:.045em; } input,select,textarea { width:100%; border:1px solid #c7c7c5; border-radius:0; outline:none; background:#fbfbfa; color:#151515; } input,select { min-height:42px; padding:8px 10px; } textarea { padding:14px; resize:vertical; line-height:1.65; } input:focus,select:focus,textarea:focus { border-color:#1f1f1f; box-shadow:inset 0 -2px #1f1f1f; }.two-col { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.remember { display:flex; align-items:center; gap:8px; margin:3px 0 0; font-weight:500; }.remember input { width:14px; height:14px; accent-color:#1f1f1f; }.auto-note { margin:14px 0 0; color:#666666; font-size:12px; line-height:1.65; }.connection-note { min-height:18px; margin:12px 0 0; color:#808080; font-size:11px; letter-spacing:0; }.connection-note.good { color:#1f1f1f; }.connection-note.error { color:#555555; }.prompt-panel { flex:1 1 auto; min-height:0; }.prompt-panel textarea { display:block; height:300px; min-height:220px; max-height:360px; overflow:auto; font-family:"LXGW WenKai","Kaiti SC","STKaiti","Microsoft YaHei","Noto Sans SC",sans-serif; font-size:13px; background:#fbfbfa; }
.drop-zone { display:flex; flex:0 0 auto; width:calc(100% + 34px); min-height:430px; margin:4px -17px 0; align-items:center; justify-content:center; gap:18px; border:1px solid rgba(0,0,0,.12); border-radius:8px; color:#161616; cursor:pointer; text-align:left; background:rgba(255,255,255,.58); backdrop-filter:blur(12px); }.drop-zone:hover,.drop-zone.dragover { border-color:#1f1f1f; background:#fff; }.upload-icon { display:grid; width:46px; height:46px; place-items:center; color:#fff; background:#1f1f1f; border-radius:50%; font-size:23px; }.drop-zone strong,.drop-zone small { display:block; }.drop-zone strong { font-family:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif; font-size:28px; font-weight:400; }.drop-zone small { margin-top:7px; color:#6f6f6f; font-size:12px; font-weight:650; }.file-list { display:grid; gap:1px; margin-top:15px; background:#d7d7d5; }.file-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; color:#3f3f3f; background:#fbfbfa; font-size:12px; }.file-row button { border:0; color:#555555; background:transparent; font-size:18px; }.upload-footer { min-height:58px; color:#707070; font-size:11px; }.primary-button,.export-button { min-height:43px; border:1px solid #161616; border-radius:999px; padding:0 20px; background:#161616; color:#fff; font-size:12px; font-weight:800; letter-spacing:.02em; }.primary-button:hover,.export-button:hover { background:#1f1f1f; border-color:#1f1f1f; }.primary-button:disabled { opacity:.42; cursor:not-allowed; }
.progress-section,.results-section { padding-top:35px; margin-top:36px; border-top:1px solid #202020; }.progress-heading h2 { font-family:Georgia,"Songti SC",serif; font-size:28px; font-weight:400; }.progress-heading .section-kicker { margin-bottom:6px; }.job-actions { display:flex; align-items:center; gap:14px; }.job-actions strong { font-size:12px; color:#2a2a2a; }.cancel-button { min-height:35px; padding:0 11px; border:1px solid #555555; color:#555555; background:transparent; font-size:11px; font-weight:700; }.cancel-button:hover { background:#eeeeee; }.cancel-button:disabled { opacity:.45; cursor:wait; }.progress-track { height:6px; overflow:hidden; margin-top:23px; background:#d7d7d5; }.progress-track div { width:0; height:100%; background:#2a2a2a; transition:width .35s ease; }.progress-details { display:flex; justify-content:space-between; gap:16px; margin-top:10px; color:#707070; font-size:11px; }.live-feed { margin-top:18px; border-top:1px solid #cbcbc9; border-bottom:1px solid #cbcbc9; }.live-label { display:flex; align-items:center; gap:8px; padding:10px 0; color:#606060; font-size:11px; font-weight:700; letter-spacing:.06em; }.live-label span { width:6px; height:6px; border-radius:50%; background:#555555; animation:pulse 1s ease-in-out infinite; }.live-sentences { max-height:122px; overflow:auto; padding:0 12px; background:#eeeeed; scrollbar-color:#b5b5b3 transparent; }.live-sentences p { margin:0; padding:9px 0; border-bottom:1px solid #dededc; color:#5f5f5f; font-family:Georgia,"Songti SC",serif; font-size:13px; line-height:1.5; animation:slideIn .36s ease-out; }.live-sentences p:last-child { border:0; color:#202020; } @keyframes slideIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } } @keyframes pulse { 50% { opacity:.3; } }
.results-header { margin-bottom:20px; }.results-header .section-kicker { margin-bottom:6px; }.export-button { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }.summary { display:flex; align-items:center; gap:12px; margin:0 0 16px; color:#5f5f5f; font-size:12px; }.summary strong { color:#262626; }.summary .notice { color:#606060; }.result-filters { display:flex; width:max-content; max-width:100%; margin:0 0 20px; overflow:auto; border:1px solid #c9c9c7; }.result-filters button { min-height:36px; padding:0 14px; border:0; border-right:1px solid #c9c9c7; background:#f5f5f4; color:#666; font-size:11px; white-space:nowrap; }.result-filters button:last-child { border-right:0; }.result-filters button.active { background:#1b1b1b; color:#fff; }.result-filters span { margin-left:4px; font-variant-numeric:tabular-nums; }.result-list { display:grid; gap:0; border-top:1px solid #cbcbc9; }.result-card { padding:22px 0; border-bottom:1px solid #cbcbc9; }.result-card.compact-result { padding:17px 0; }.result-card.compact-result .source-sentence { margin-bottom:8px; color:#555; font-size:15px; }.result-card.compact-result .reasoning { margin-top:0; }.result-meta { display:flex; align-items:center; gap:8px; color:#737373; font-size:10px; }.result-id { font-weight:800; color:#2a2a2a; }.document-badge,.method-badge { padding:3px 5px; background:#e8e8e7; color:#4a4a4a; }.document-badge { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#ececea; color:#666666; }.confidence { margin-left:auto; color:#555555; font-weight:800; }.source-sentence { max-width:980px; margin:13px 0 17px; color:#202020; font-family:Georgia,"Songti SC",serif; font-size:18px; line-height:1.55; }.element-grid { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid #d6d6d4; border-left:1px solid #d6d6d4; }.element { min-height:85px; padding:11px; border-right:1px solid #d6d6d4; border-bottom:1px solid #d6d6d4; }.element-label { margin:0 0 8px; color:#737373; font-size:10px; font-weight:800; letter-spacing:.04em; }.element-value { margin:0; color:#262626; font-size:13px; line-height:1.45; }.reasoning { margin:13px 0 0; color:#737373; font-size:11px; line-height:1.6; }.empty-results { margin:0; padding:34px 0; border-bottom:1px solid #cbcbc9; color:#777; font-size:13px; }
.result-meta,.reasoning { display:none; }
.site-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-top:68px; padding-top:22px; border-top:1px solid #d8d8d6; color:#606060; }.site-footer p { margin:0; }.footer-profile { min-width:0; }.footer-author { display:flex; align-items:center; gap:14px; min-width:0; }.footer-author-copy { display:grid; gap:3px; min-width:0; }.footer-author-copy p:first-child { color:#161616; font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif; font-size:18px; font-style:italic; font-weight:400; letter-spacing:.025em; }.footer-author-copy p:nth-child(2) { color:#3f3f3f; font-family:"Microsoft YaHei","Noto Sans SC",sans-serif; font-size:12px; font-weight:500; letter-spacing:.035em; }.footer-author-copy p:last-child { color:#555555; font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif; font-size:12px; font-weight:400; letter-spacing:.035em; }.footer-notes { display:grid; gap:3px; max-width:620px; text-align:right; }.footer-contact,.footer-disclaimer { color:#555555; font-family:"Microsoft YaHei","Noto Sans SC",sans-serif; font-size:11px; font-weight:400; line-height:1.5; }.footer-contact a { color:inherit; text-decoration:none; }.author-avatar { width:58px; height:58px; flex:0 0 auto; border:1px solid #d8d8d6; border-radius:50%; object-fit:cover; object-position:center 28%; }
@media (max-width:1180px) { .launch-grid { grid-template-columns:1fr; min-height:auto; }.launch-upload { min-height:740px; }.method-ledger,.method-interactive { grid-template-columns:1fr; } }
@media (max-width:680px) { .shell { padding:0 17px 36px; }.topbar { min-height:67px; }.launch-grid { grid-template-columns:1fr; padding:22px 0 34px; gap:14px; }.launch-upload,.control-panel { padding:21px; }.launch-upload { min-height:620px; }.upload-heading h1 { font-size:52px; }.upload-heading p:last-child { max-width:none; font-size:11px; white-space:nowrap; }.drop-zone { width:calc(100% + 20px); min-height:350px; margin:4px -10px 0; justify-content:flex-start; padding:22px; }.prompt-panel textarea { height:260px; }.method-ledger { gap:24px; padding:40px 0 30px; }.method-copy h2 { font-size:31px; }.method-step { padding:0 12px; }.method-step strong { font-size:19px; }.method-detail-copy { padding:28px; }.method-detail h3 { font-size:28px; }.two-col,.element-grid { grid-template-columns:1fr; }.progress-heading { align-items:flex-start; }.job-actions { align-items:flex-end; flex-direction:column; gap:7px; }.progress-details { display:grid; }.site-footer { align-items:flex-start; flex-direction:column; }.footer-notes { align-self:stretch; text-align:right; }.author-avatar { width:52px; height:52px; }.footer-author-copy p:first-child { font-size:17px; }.source-sentence { font-size:16px; } }
@media (max-width:680px) { .intro-title { flex-direction:column; align-items:center; gap:.08em; font-size:clamp(48px,15vw,82px); }.intro-credit { margin-top:30px; }.intro-credit span:last-child { letter-spacing:.1em; } }
@media (prefers-reduced-motion:reduce) { .intro-active .shell { opacity:1; filter:none; transform:none; }.intro-letter { transition:opacity .25s ease; }.intro-gate.is-leaving { transition:background .28s ease; }.intro-gate.is-leaving .intro-letter { transform:none; filter:none; } }
.intro-gate { grid-template-rows:none; }.intro-title { position:absolute; left:50%; top:50%; align-self:auto; max-width:calc(100% - 48px); transform:translate(-50%,-50%); }.intro-credit { position:absolute; left:50%; top:calc(50% + clamp(72px,7.5vw,126px)); align-self:auto; width:max-content; max-width:calc(100% - 48px); margin:0; transform:translateX(-50%); }.intro-gate.is-leaving .intro-credit { transform:translate(-50%,22px); }
@media (max-width:680px) { .intro-credit { top:calc(50% + 118px); margin:0; } }
.footer-icp { color:#555555; font-family:"Microsoft YaHei","Noto Sans SC",sans-serif; font-size:11px; font-weight:400; line-height:1.5; }.footer-icp a { color:inherit; text-decoration:none; }.footer-icp a:hover { color:#161616; text-decoration:underline; }