/* 搜索 / 页头控件（预览版）：只被 preview.html 引用，不影响线上 index.html
轻量风格：无外框，仅底部一条发丝线；金色仅在悬停/聚焦时出现。 */
/* ------------------------------------------------------------------ */
/* 搜索结果面板 */
/* ------------------------------------------------------------------ */
.searchbar{position:relative;text-align:left}
.searchbar .sb-in{position:relative;display:flex;align-items:center}
.searchbar input{
width:100%;box-sizing:border-box;
font:inherit;color:var(--ink);background:transparent;border:0;outline:none;
}
.searchbar input::placeholder{color:var(--ink3)}
.searchbar .sb-ico{position:absolute;color:var(--ink3);pointer-events:none;display:inline-flex;transition:color .15s}
.searchbar .sb-clear{
position:absolute;border:0;background:transparent;color:var(--ink3);cursor:pointer;
font-size:1.05em;line-height:1;padding:4px 6px;display:none;
}
.searchbar .sb-clear:hover{color:var(--gold-deep)}
.searchbar .sb-clear.show{display:block}
.search-results{
position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:60;
background:var(--panel);border:1px solid var(--hair-dk);border-radius:3px;
max-height:64vh;overflow:auto;
box-shadow:0 14px 34px rgba(23,22,20,.13);
}
.search-results[hidden]{display:none}
.sr-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--hair);transition:background .12s}
.sr-item:last-child{border-bottom:0}
.sr-item.active,.sr-item:hover{background:var(--wash)}
.sr-item.active{box-shadow:inset 3px 0 0 var(--gold)}
.sr-name{font-weight:600;color:var(--ink)}
.sr-name mark{background:rgba(201,169,97,.32);color:inherit;padding:0 1px;border-radius:1px}
.sr-zh{font-weight:500;color:var(--ink3);margin-left:6px;font-size:.92em}
.sr-meta{font-size:.76em;color:var(--ink3);margin-top:3px;line-height:1.45}
.sr-meta mark{background:rgba(201,169,97,.32);color:inherit}
.sr-empty{padding:14px;color:var(--ink3);font-size:.84em}
.sr-foot{padding:8px 14px;color:var(--ink3);font-size:.72em;border-top:1px solid var(--hair);background:var(--wash)}
/* ------------------------------------------------------------------ */
/* 详情里的国家 / 机构（字体样式统一为 .75em + --ink3） */
/* ------------------------------------------------------------------ */
.dos-id .loc,.dos-id .locline{font-size:.75em;color:var(--ink3);margin-top:4px;line-height:1.5}
.dos-id .aff{font-size:.75em;color:var(--ink3);line-height:1.5}
/* 榜单行：姓名下方一行机构名（格式同前三大 plaque 的 ）。
桌面端 summary 是固定 60px 高，加一行后放宽到 72px；窄屏本就是 auto */
.dos>summary{height:72px}
.dos .c-nm .nm-c{display:block;min-width:0}
.dos .c-nm .nm-c i{
font-style:normal;font-size:.74em;color:var(--ink3);display:block;margin-top:2px;
line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* 命中高亮 */
[data-pid].hit{animation:srflash 1.8s ease-out}
@keyframes srflash{
0%{background:rgba(201,169,97,.42)}
100%{background:transparent}
}
details.dos.hit>summary{background:rgba(201,169,97,.30)!important}
/* ================================================================== */
/* 方案 B 页头：左标题 + 右工具（搜索 / 领域 / 语言）—— 轻量下划线式 */
/* ================================================================== */
.band-in{
display:flex;align-items:flex-end;justify-content:space-between;
gap:24px;text-align:left;
}
.band-in .masthead{min-width:0;width:fit-content;max-width:100%}
.band-in .orn{margin:9px 0 0;width:100%}
/* 学科切换改用右上角下拉，隐藏原标签栏 */
.discwrap>.tabs{display:none}
.discwrap{padding-top:10px}
/* ---- 工具组：仅搜索框保留底部发丝线 ---- */
.tools{display:inline-flex;align-items:center;gap:18px;background:transparent}
.tools > *{background:transparent}
.tools .searchbar{
position:relative;width:206px;display:block;
box-shadow:inset 0 -1px 0 var(--hair-dk);transition:box-shadow .15s;
}
.tools .searchbar:hover,.tools .searchbar:focus-within{box-shadow:inset 0 -1px 0 var(--gold-dk)}
.tools .searchbar .sb-in{height:34px}
.tools .searchbar input{height:34px;padding:0 26px 0 24px;font-size:.84em}
.tools .searchbar .sb-ico{left:1px;top:50%;transform:translateY(-50%)}
.tools .searchbar .sb-clear{right:0;top:50%;transform:translateY(-50%)}
.tools .searchbar:focus-within .sb-ico{color:var(--gold-deep)}
.tools .search-results{left:auto;right:0;width:392px}
/* 领域选择（自定义下拉，与语言下拉同一套 pop-menu 样式） */
.ctrl{position:relative}
.disc-btn{
display:inline-flex;align-items:center;gap:6px;height:34px;
border:0;background:transparent;cursor:pointer;padding:0;
font:inherit;font-size:.84em;color:var(--ink);transition:color .15s;
}
.disc-btn #disc-cur{
min-width:0;text-align:left;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.disc-btn .chev{
display:inline-flex;color:var(--ink3);
transition:transform .15s,color .15s;
}
.disc-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.disc-btn .ctrl-ico{display:inline-flex;align-items:center;color:var(--ink3);transition:color .15s}
.disc-btn:hover,.disc-btn[aria-expanded="true"]{color:var(--gold-deep)}
.disc-btn:hover .ctrl-ico,.disc-btn[aria-expanded="true"] .ctrl-ico{color:var(--gold-deep)}
.disc-menu{top:calc(100% + 8px);left:0}
/* 语言：翻译图标 + 目标语言文字（中文页 EN，英文页 中文） */
.lang-btn{
display:inline-flex;align-items:center;justify-content:center;gap:5px;
height:34px;border:0;background:transparent;cursor:pointer;
font:inherit;font-size:.84em;color:var(--ink);padding:0 2px;transition:color .15s;
}
.lang-btn .tlico{display:inline-flex;color:var(--ink3);transition:color .15s}
.lang-btn .lang-lb{letter-spacing:.03em}
/* 语言图标靠近领域按钮一点，避免显得孤立（窄屏下还原） */
.tools > .lang{margin-left:-8px}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{color:var(--gold-deep)}
.lang-btn:hover .tlico,.lang-btn[aria-expanded="true"] .tlico{color:var(--gold-deep)}
.lang-menu{top:calc(100% + 8px);right:0;min-width:94px}
/* 共用下拉面板：领域 / 语言完全一致 */
.pop-menu{
position:absolute;z-index:70;
background:var(--panel);border:1px solid var(--hair-dk);border-radius:3px;
box-shadow:0 14px 34px rgba(23,22,20,.13);overflow:hidden;
}
.pop-menu[hidden]{display:none}
.pop-item{
position:relative;
display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;
font:inherit;font-size:.82em;color:var(--ink);padding:9px 18px 9px 11px;
white-space:nowrap;
}
.pop-item:hover{background:var(--wash)}
.pop-item[aria-checked="true"],.pop-item[aria-selected="true"]{color:var(--gold-deep)}
.pop-item[aria-checked="true"]::after,.pop-item[aria-selected="true"]::after{
content:"✓";position:absolute;right:8px;top:50%;transform:translateY(-50%);
color:var(--gold-deep);
}
/* 英文占位提示 */
.lang-note{
position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:90;
background:var(--ink);color:var(--paper);font-size:.78em;padding:9px 18px;
border-radius:3px;opacity:0;transition:opacity .25s;pointer-events:none;
box-shadow:0 8px 24px rgba(23,22,20,.24);
}
.lang-note.show{opacity:.95}
/* ------------------------------------------------------------------ */
/* 响应式：≤1000px 标题与工具分两行 */
/* ------------------------------------------------------------------ */
@media(max-width:1000px){
.band-in{flex-direction:column;align-items:stretch;gap:14px}
/* 标题（含装饰线）居中 */
.band-in .masthead{width:100%;text-align:center}
.band-in .orn{width:190px;margin:9px auto 0}
/* 三控件同排：搜索默认只留图标，聚焦后展开为整行 */
.tools{display:flex;flex-wrap:nowrap;justify-content:center;gap:14px;position:relative}
.tools > .lang{margin-left:0}
.disc-btn{width:auto;flex:0 1 auto;min-width:0}
.tools .searchbar{
order:-1;width:34px;flex:0 0 34px;box-shadow:none;
transition:width .18s ease;
}
/* 收起态：输入内容/占位/清除键全部隐去，只露出放大镜 */
.tools .searchbar input{font-size:16px;padding:0;color:transparent;caret-color:transparent}
.tools .searchbar input::placeholder{opacity:0}
.tools .searchbar .sb-clear{display:none}
.tools .searchbar:focus-within{
position:absolute;left:0;right:0;top:0;width:auto;flex:none;z-index:65;
background:var(--paper);box-shadow:inset 0 -1px 0 var(--gold-dk);
}
.tools .searchbar:focus-within input{padding:0 26px 0 24px;color:var(--ink);caret-color:auto}
.tools .searchbar:focus-within input::placeholder{opacity:1}
.tools .searchbar:focus-within .sb-clear.show{display:block}
.tools .search-results{left:0;right:0;width:auto}
.dos>summary{height:auto}
}
/* 防御性：隐藏 原生清除按钮（现已用 type=text） */
.searchbar input[type="search"]::-webkit-search-cancel-button,
.searchbar input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;appearance:none;display:none;
}
.searchbar input[type="search"]::-ms-clear{display:none;width:0;height:0}