/* 演示窗口直接复用首屏 App 母版；1140px 画布按容器等比缩放。 */
.research-showcase { padding:110px 0 150px; --research-paper:var(--demo-chat-bg,#202020); --research-side:var(--demo-bubble,#ffffff08); --research-highlight:#d0b278; --research-mark:#d0b27826; }
html[data-theme="light"] .research-showcase { --research-paper:#fff; --research-side:#f7f7f9; --research-highlight:#8e692b; --research-mark:#faeabb; }
.research-layout { width:min(1440px,calc(100% - 96px)); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,320px); align-items:center; gap:clamp(48px,7vw,112px); }
.research-app-stage { position:relative; min-width:0; aspect-ratio:16/10; }
.research-app-stage>.studio-scroll { position:absolute; top:0; left:0; width:1140px; height:714.5px; transform:scale(var(--research-app-scale,1)); transform-origin:top left; overflow:hidden; }
#research .studio { min-width:1140px; width:1140px; height:712.5px; }
#research .studio-document { overflow:hidden; }
#research .studio-paper[lang="en"] p { margin-bottom:10px; }
#research .studio-paper[lang="en"] h3 { margin-block:10px 7px; }
#research .studio-top>div>* { background:none; color:var(--demo-muted); font-weight:500; padding:4px 12px; border-radius:7px; }
#research .studio-top>div>.research-top-active { background:var(--demo-bubble); color:var(--demo-text); box-shadow:0 1px 4px #0000000a; }
#research .studio-toolbar { margin-right:0; }
#research .studio-toolbar button:disabled { opacity:1; }
#research .studio-top button:disabled { cursor:default; }
#research .research-panel:not(.library-view):not(.research-cite-panel) { position:absolute; inset:var(--studio-writing-top) 0 27px var(--studio-side); background:var(--demo-chat-bg,#202020); color:var(--demo-text); overflow:hidden; padding:32px 40px; }
.research-features { min-width:0; }
.research-feature { border-top:1px solid var(--line); }
.research-feature>button { display:flex; width:100%; align-items:center; justify-content:space-between; border:0; background:none; color:var(--muted); padding:23px 0; font:500 25px/1.3 var(--sans); text-align:left; transition:color .2s; }
.research-feature>button small { font:11px var(--sans); }
.research-feature.is-active>button { color:var(--ink); }
.research-feature-body { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .38s ease,opacity .3s; }
.research-feature-body>div { min-height:0; overflow:hidden; }
.research-feature.is-active .research-feature-body { grid-template-rows:1fr; opacity:1; }
.research-feature-body h2 { margin:5px 0 20px; font-size:19px; line-height:1.6; letter-spacing:-.02em; font-weight:550; }
.research-feature-body p { margin:0 0 28px; color:var(--muted); font-size:15px; line-height:1.8; }
#research .studio[data-studio-mode="search"]>.studio-top,
#research .studio[data-studio-mode="search"]>.studio-toolbar,
#research .studio[data-studio-mode="search"]>.studio-document,
#research .studio[data-studio-mode="search"]>.studio-chat,
#research .studio[data-studio-mode="search"]>.studio-comment-ruler { display:none; }
.studio[data-studio-mode="search"] .studio-navigation>span:nth-child(2) { margin:-5px -7px; padding:5px 7px; border-radius:6px; color:#f0f0f2; background:#34343a; font-weight:550; }
html[data-theme="light"] .studio[data-studio-mode="search"] .studio-navigation>span:nth-child(2) { color:#202024; background:#e4e4e9; }
/* 检索区在侧栏右侧的整块主区里居中：左右等宽留白，与应用检索视图两侧同宽的留白一致。 */
.studio-search-panel { position:absolute; inset:0 0 27px var(--studio-side); overflow:clip; padding:35px 8% 30px; color:var(--demo-text,#c9c9c9); font:11px/1.8 var(--sans); }
.studio-search-panel[hidden] { display:none; }
/* 资料检索首页：标题 + 范围 + 查询框 + 提示 + 概念共现网络（网络图形照应用的概念图规则绘制） */
.studio-search-panel { display:flex; flex-direction:column; }
.studio-library-home-head { margin-bottom:14px; }
.studio-library-eyebrow { display:block; color:var(--demo-muted,#888); font-size:8px; letter-spacing:.16em; }
.studio-library-home-head h4 { margin:4px 0 3px; color:var(--demo-text,#ddd); font-size:19px; font-weight:650; }
.studio-library-home-head p { margin:0; color:var(--demo-muted,#888); font-size:10px; }
.studio-library-scope { display:flex; align-items:center; gap:6px; margin:0 0 8px; color:var(--demo-text,#ddd); font-size:10px; }
.studio-library-scope .studio-icon { width:13px; height:13px; color:var(--demo-muted,#888); }
.studio-library-scope small { margin-left:auto; color:var(--demo-muted,#888); font-size:9px; }
.studio-library-hint { display:flex; align-items:center; gap:6px; margin:9px 0 0; color:var(--demo-muted,#888); font-size:9px; }
.studio-library-network { display:flex; flex:1; min-height:0; flex-direction:column; margin-top:12px; }
.studio-network-caption { display:flex; align-items:center; margin:0 0 4px; color:var(--demo-muted,#888); font-size:9px; }
.studio-network-caption small { margin-left:auto; }
.studio-network-svg { flex:1; min-height:0; width:100%; }
.studio-network-link { stroke:var(--demo-line,#ffffff26); }
.studio-network-node { fill:var(--demo-text,#c9c9c9); }
.studio-network-label { fill:var(--demo-muted,#9a9a9a); font-size:11.5px; paint-order:stroke; stroke:var(--demo-chat-bg,#1c1c1e); stroke-width:3px; stroke-linejoin:round; }
.studio-network-hint { margin:4px 0 0; color:var(--demo-muted,#888); font-size:8.5px; }

.studio-library-query { display:flex; align-items:center; gap:10px; min-height:46px; padding:7px 8px 7px 14px; border:1px solid var(--demo-line,#ffffff26); border-radius:12px; background:var(--demo-bubble,#ffffff04); box-shadow:0 8px 26px #0000000a; }
.studio-library-query>.studio-icon { width:17px; height:17px; color:var(--demo-muted,#888); }
.studio-library-submit { margin-left:auto; padding:5px 15px; border-radius:7px; background:var(--demo-text,#eee); color:var(--demo-chat-bg,#222); font-weight:600; }
/* 搜索段回放：查询框打字（插入光标）→ 点「检索」→ 结果逐条出现 */
.studio-library-submit { transition:transform .18s ease, opacity .18s ease; }
.studio-library-submit.is-pressed { transform:scale(.94); opacity:.8; }
.studio-library-caret { display:none; width:1.5px; height:12px; margin-left:1px; background:currentColor; vertical-align:-2px; }
.studio-library-query.is-typing .studio-library-caret { display:inline-block; animation:studio-chat-caret 1s steps(1) infinite; }
@media (prefers-reduced-motion: no-preference) {
  .studio-library-alias,
  .studio-library-summary,
  .studio-library-concepts,
  .studio-library-result,
  .studio-library-sources { animation:studio-chat-rise .32s cubic-bezier(.2,.7,.3,1) both; }
}
.studio-library-alias { display:flex; align-items:center; gap:7px; margin:8px 0 23px; font-size:9px; color:var(--demo-muted,#777); }
.studio-library-alias>span+span { display:flex; align-items:center; gap:6px; padding:2px 9px; border-radius:20px; background:var(--demo-text,#eee); color:var(--demo-chat-bg,#333); }
.studio-library-alias .studio-icon { width:10px; height:10px; }
.studio-library-layout { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:28px; }
.studio-library-summary { padding-bottom:12px; border-bottom:1px solid var(--demo-line,#ffffff24); font-size:10px; }
.studio-library-concepts { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:10px 0 6px; color:var(--demo-muted,#888); font-size:9px; }
.studio-library-concepts>span+span { padding:2px 7px; border:1px solid var(--demo-line,#ffffff16); border-radius:6px; }
.studio-library-concepts small { margin-left:4px; opacity:.6; }
.studio-library-result { border-bottom:1px solid var(--demo-line,#ffffff1a); }
.studio-library-result[hidden],.studio-library-snippets[hidden] { display:none; }
.studio-library-result-head { display:flex; align-items:flex-start; gap:12px; width:100%; padding:11px 0; border:0; background:none; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.studio-library-result-head>.studio-icon { flex:none; width:12px; height:12px; margin-top:4px; color:var(--demo-muted,#777); transition:transform .2s; }
.studio-library-result-head[aria-expanded="false"]>.studio-icon { transform:rotate(-90deg); }
.studio-library-result-head strong { display:block; font-weight:600; line-height:1.5; }
.studio-library-result-head small { display:block; color:var(--demo-muted,#888); font-size:9px; }
.studio-library-result-head em { margin-left:6px; padding:0 4px; border:1px solid #b1484855; border-radius:4px; color:#b65858; font-style:normal; }
.studio-library-more { margin-left:auto; color:var(--demo-muted,#888); }
.studio-library-snippets { margin-left:24px; }
.studio-library-snippet { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; padding:9px 0; border-top:1px solid var(--demo-line,#ffffff14); }
.studio-library-snippet>small { color:var(--demo-muted,#777); font-size:8px; letter-spacing:.05em; }
.studio-library-snippet p { margin:0; color:var(--demo-text,#aaa); font-size:10px; line-height:1.9; }
/* 联合检索把命中的两个词分开染色：底色是应用的琥珀（tone-0，同时作为无色调时的默认）与绿（tone-1）。 */
.studio-library-snippet mark { padding:0 1px; color:inherit; background:#c8b66d50; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.studio-library-snippet mark.tone-1 { background:#8fc9a64d; }
html[data-theme="light"] .studio-library-snippet mark { background:#f2e7b8; color:#5f4c14; }
html[data-theme="light"] .studio-library-snippet mark.tone-1 { background:#d9ecdf; color:#35603f; }
.studio-library-sources { color:var(--demo-muted,#888); font-size:10px; }
.studio-library-sources p { margin:0 0 10px; font-size:9px; letter-spacing:.1em; }
.studio-library-sources label { display:flex; align-items:center; gap:7px; margin:8px 0; cursor:pointer; }
.studio-library-sources input { width:11px; height:11px; margin:0; accent-color:var(--demo-text,#ddd); }
.studio-library-sources small { margin-left:auto; opacity:.7; }
/* 搜索只读演示：同一份结果移入右栏，超出窗口的内容裁切，滚轮交给官网页面。 */
.studio-search-panel { z-index:3; background:var(--demo-chat-bg,#202020); transition:left 1s cubic-bezier(.22,.61,.36,1),top 1s cubic-bezier(.22,.61,.36,1),padding 1s cubic-bezier(.22,.61,.36,1); }
.studio-search-dock-head { display:none; }
#research .studio[data-studio-mode="search"].is-search-docked { --studio-right:29%; }
#research .studio[data-studio-mode="search"].is-search-docked>.studio-top { display:flex; }
#research .studio[data-studio-mode="search"].is-search-docked>.studio-toolbar { display:flex; animation:studio-search-manuscript-in 1s ease both; }
#research .studio[data-studio-mode="search"].is-search-docked>.studio-document { display:block; animation:studio-search-manuscript-in 1s ease both; }
#research .studio[data-studio-mode="search"].is-search-docked>.studio-search-panel { left:calc(100% - var(--studio-right)); top:var(--studio-writing-top); padding:12px 12px 14px; border-left:1px solid var(--demo-line); overflow:clip; }
.studio.is-search-docked>.studio-search-dock-head { display:flex; position:absolute; top:var(--studio-header-height); right:0; z-index:4; width:var(--studio-right); height:38px; align-items:center; gap:12px; padding:0 12px; border-left:1px solid var(--demo-line); border-bottom:1px solid var(--demo-line); background:var(--demo-chat-bg); color:var(--demo-muted); }
.studio-search-dock-head .studio-icon,.studio-search-dock-head img { width:14px; height:14px; }
.studio-search-dock-head .is-active { display:grid; place-items:center; width:25px; height:26px; border-radius:5px; background:var(--demo-bubble); color:var(--demo-text); }
.studio.is-search-docked .studio-library-query { flex:none; gap:6px; min-height:38px; padding:5px 6px 5px 9px; border-radius:9px; font-size:9px; }
.studio.is-search-docked .studio-library-query>span:not(.studio-library-submit) { min-width:0; }
.studio.is-search-docked .studio-library-submit { flex:none; padding:4px 8px; }
.studio.is-search-docked .studio-library-alias { flex:none; flex-wrap:wrap; gap:4px; margin:8px 0 12px; font-size:8px; }
.studio.is-search-docked .studio-library-layout { display:flex; flex-direction:column; gap:8px; }
.studio.is-search-docked .studio-library-sources { display:flex; order:-1; flex-wrap:wrap; align-items:center; gap:12px; font-size:9px; }
.studio.is-search-docked .studio-library-sources>p { display:none; }
.studio.is-search-docked .studio-library-sources label { gap:5px; margin:4px 0; }
.studio.is-search-docked .studio-library-sources small { margin-left:2px; }
.studio.is-search-docked .studio-library-summary { font-size:9px; padding-bottom:8px; }
.studio.is-search-docked .studio-library-concepts { gap:4px; font-size:8px; }
.studio.is-search-docked .studio-library-result-head { gap:6px; padding:10px 0; font-size:10px; }
.studio.is-search-docked .studio-library-result-head small { font-size:8px; }
.studio.is-search-docked .studio-library-snippets { margin-left:0; }
.studio.is-search-docked .studio-library-snippet { display:block; padding:10px 0; }
.studio.is-search-docked .studio-library-snippet>small { display:none; }
.studio-search-dock-close { display:flex; margin-left:auto; }
.studio.is-search-docked .studio-library-snippet p { font-size:9px; line-height:1.8; }
.studio.is-search-resetting .studio-search-panel { transition:none; }
@keyframes studio-search-manuscript-in { from { opacity:0; transform:translateX(-12px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) {
  .studio-search-panel { transition:none; }
  #research .studio[data-studio-mode="search"].is-search-docked>.studio-toolbar,
  #research .studio[data-studio-mode="search"].is-search-docked>.studio-document { animation:none; }
}

@media(max-width:1100px) { .research-layout { gap:36px; grid-template-columns:minmax(0,1fr) 250px; } }
@media(max-width:850px) {
  .research-showcase { padding:65px 0 85px; }
  .research-layout { width:calc(100% - 48px); grid-template-columns:1fr; gap:30px; }
  .research-features { grid-row:1; }
  .research-features [role="tablist"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:20px; }
  .research-feature { display:contents; }
  .research-feature>button { grid-row:1; padding:15px 0; border-top:1px solid var(--line); font-size:21px; }
  .research-feature-body { display:none; grid-row:2; grid-column:1/-1; }
  .research-feature.is-active .research-feature-body { display:block; }
  .research-feature-body h2 { font-size:17px; margin-bottom:10px; }
  .research-feature-body p { font-size:13px; margin-bottom:0; }
}
@media(max-width:480px) { .research-layout { width:calc(100% - 28px); } }
@media(prefers-reduced-motion:reduce) {
  .research-showcase *, .research-showcase.is-visible .research-panel:not([hidden]) .research-enter,.research-showcase.is-visible .research-panel:not([hidden]) .research-inline-cite { animation:none; transition:none; }
}

/* 与首屏一致，画面驻留期间由页面滚动切换场景。 */
.research-showcase.is-sticky { height:calc(var(--research-height) + var(--research-dwell) + 260px); }
.research-showcase.is-sticky>.research-layout { position:sticky; top:var(--research-top); }

#research .studio[data-studio-mode="library"]>.studio-toolbar,
#research .studio[data-studio-mode="library"]>.studio-footer,
#research .studio[data-studio-mode="library"] .studio-header-actions { display:none; }
#research .research-library-header-agents { display:none; gap:15px; align-items:center; color:var(--demo-muted); }
#research .studio[data-studio-mode="library"] .research-library-header-agents { display:flex; }
.research-library-header-agents img,.research-library-header-agents .studio-icon { width:16px; height:16px; }

/* Cite 保留 App 对话栏；脚注按编辑器的页底分隔线和字号显示。 */
#research .research-cite-panel { z-index:2; position:absolute; inset:var(--studio-header-height) 0 27px var(--studio-side); padding:0; overflow:hidden; background:var(--demo-chat-bg); }
#research .research-cite-document { position:absolute; inset:38px 342px 0 0; padding:34px 40px 24px 46px; overflow:hidden; }
#research .research-cite-page { height:100%; display:flex; flex-direction:column; justify-content:space-between; font:15px/1.9 Georgia,"Times New Roman",serif; color:var(--demo-text); }
.research-cite-page small { font:8px var(--sans); letter-spacing:.1em; color:var(--demo-muted); }
.research-cite-page h3 { margin:8px 0 24px; font-size:21px; line-height:1.4; }
.research-cite-page h4 { font-size:17px; margin:0 0 14px; }
.research-cite-page p { margin:0 0 16px; }
#research .research-cite-chat { inset:0 0 0 auto; width:342px; }
#research .studio[data-studio-mode="cite"]>.studio-toolbar { position:relative; z-index:3; margin-right:var(--studio-right); }
#research .research-cite-page .workspace-page-footnotes { position:relative; padding-top:12px; margin-top:24px; flex:none; }
.research-cite-page .workspace-page-footnotes::before { content:""; position:absolute; top:0; left:0; width:33%; border-top:1px solid var(--demo-text); }
.research-cite-page .workspace-footnote-text { font:12px/16px Georgia,"Times New Roman",serif; color:var(--demo-text); overflow-wrap:anywhere; }
.research-cite-page .workspace-footnote-text sup { font-size:9px; line-height:0; }
.research-footnote-marker { font-size:10px; line-height:0; padding-inline:1px; }
#research .research-cite-chat .studio-chat-messages { overflow:hidden; }
.research-cite-chat .studio-chat-send.is-pressed { transform:scale(.9); }

.research-cite-page .studio-inline-revision ins { box-decoration-break:clone; -webkit-box-decoration-break:clone; }

/* 接受后的修订保留正文，仅去掉新增标记；计数与审批列表共用同一组状态。 */
#research .is-cite-accepted ins { background:transparent; color:inherit; text-decoration:none; padding:0; }
#research .research-cite-chat .studio-approval-diff { font-family:Georgia,"Times New Roman",serif; }
