/* ============================================================
   中讯社全站统一搜索框 .cnso-search
   视觉基准：首页顶部搜索框（白描边 + 透明蓝底 + 框内白色放大镜）
   2026-10-15 v=b 与首页 .head .content .right input 对齐
   结构：
   <link rel="stylesheet" href="/css/cnso-search.css?v=20261015b">
   <div class="cnso-search">
     <input type="text" placeholder="...">
     <button type="submit"><img src="/images/search2.png?v=1"></button>
   </div>
   说明：
   - flex/absolute 布局在 dir="rtl" 文档中自动镜像（RTL 不错位）
   - white-space:nowrap + min-width:0 保证长占位文案不溢出不换行
   ============================================================ */
.cnso-search {
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    z-index: 5;
}
.cnso-search input[type="text"] {
    box-sizing: border-box;
    display: block;
    width: 200px;
    height: 28px;
    min-width: 0;
    margin: 10px 0;
    padding: 2px 36px 2px 8px;
    border: 1px solid #fff;          /* 白描边 */
    border-radius: 4px;              /* 与首页一致 4px */
    background: none;                /* 透明，露出 header 蓝底 */
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    outline: none;
}
.cnso-search input[type="text"]::placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; }
/* 聚焦/输入沿用首页表现：无额外光晕，仅保持白描边 */
.cnso-search input[type="text"]:focus { border-color: #fff; outline: none; }
/* 放大镜叠在输入框内部右侧（与首页 right:10px 一致），图标本身浅白 #e0e0e0 */
.cnso-search button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 0;
}
.cnso-search button:hover { opacity: 0.75; }
.cnso-search button img { width: 20px; height: 20px; display: block; }

/* 响应式：与 header 断点（1200/992）对齐 */
@media (max-width: 1200px) {
    .cnso-search input[type="text"] { width: 170px; }
}
@media (max-width: 992px) {
    .cnso-search input[type="text"] { width: 150px; height: 26px; margin: 8px 0; }
    .cnso-search { top: 6px; }
}