/* === picdic-cn.css v3 === */
/* 适配 LanGeek v3 词头 HTML 结构 */

/* === 基础排版 === */
body { font: 15px/1.5 "Microsoft Yahei", sans-serif; color: navy; margin: 8px 4px; }
h1 { display: none; }
p { display: inline-block; margin: 0; }
img { display: inline-block; margin: 2px 0; }
a { color: royalblue; text-decoration: none; }

/* === 按钮通用 === */
button, input, select, textarea { font: inherit; color: inherit; margin: 0; padding: 0; border: none; background: none; }
button { cursor: pointer; border: 1px ; border-radius: 16px; padding: 1px 4px; color: black; background:limegreen; margin-right: 0.1em; }
button.cls22, button.cls96 { cursor: pointer; border: 0.1px solid #ffcece;  border-radius: 10px; padding: 0px 4px; color: navy; background: lightblue; margin-right: 0.1em; font-size: 14px;}
button.cls127 { cursor: auto; }
/* === 隐藏元素（v3 新增 cls11/cls12 按钮、cls70-80 音频区、cls114 wiki图标、cls17国旗图等） === */
path, .cls11, .cls12, .cls17,  img[alt="Wiki"],
.cls70, .cls71, .cls72, .cls74, .cls75, .cls76, .cls77, .cls78, .cls79, .cls80,
.cls86, .cls88, .cls90 { display: none; }

/* === 隐藏 Go top 链接 === */
a[href="#topAnchor"] {  }

/* === 词头区域 === */
.cls10 {
    font-family: Georgia, Arial, "Microsoft YaHei UI", "PingFang SC", sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    color: blue;
}

hw { font-size: 18px; color: blue; }
.cls27, .cls153, .cls155 { color: blue; font-size: 15px; font-weight: bold; white-space: nowrap; }

/* === 词头部分整行布局 === */
.cls6 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.cls8 { display: flex; }
.cls9 { display: flex; align-items: center; }
.cls6 > .cls7 { display: flex; align-items: center; gap: 8px; }

/* === 词性/标签 === */
.cls29, .cls30, .cls31, .cls112, .cls125, .cls134, .cls156 { color: red; }
.cls22, .cls87, .cls96 { color: lightblue; } /* 词性跳转按钮 */
type { color: red; }
.cls30 {margin-left: 4px; }
.cls124, .cls125, .cls126{ display: inline-block; }
.cls126 {margin-right: 4px;}
.cls124::before{ content: "⚠️ "; color: black;}
/* === 发音区域（v3 简化结构） === */
.cls14, .cls15 { display: inline; }
.cls16 { display: inline; }
.cls18 { display: inline; vertical-align: top; color: navy; }
.cls19 { color: navy; margin-left: 4px;}

/* === 义项标题行布局 === */
.cls24 { margin-top: 10px; }
.cls25 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 8px;
}
.cls26 { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
/*.cls28 { display: none; }*/

/* === 义项内容布局 === */
.cls33 { margin-left: 4px; margin-top: 12px; padding-top: 8px; border-top: 1px dashed #e0e0e0; }
.cls34 { margin-top: 4px; }
.cls91 { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #e0e0e0; }
.cls36, .cls35 { margin-top: 4px; }

/* 义项序号+释义一行 */
.cls36, .cls37, .cls38, .cls39, .cls40, .cls41 { display: inline; }
.cls41, .cls39, .cls111 {margin-left: 0.5em; }
/* 序号标签 */
.cls38  { font-weight: normal; background: slateblue; border-radius: 10px; padding: 1px 4px; color: white; cursor: pointer; margin-right: 4px; }

/* 英文释义 */
.cls41 { display: block; margin-top: 2px; font-size: 16px; color: #7c7c7c; }
.cls41::after { content: "\A" }
/* === 图片（v3 使用 cls100/cls101/cls151） === */
.cls99 { display: inline; vertical-align: top; }
/*.cls100{ display: inline-block; vertical-align: top; float: right; margin-left: 8px; }*/
.cls101, .cls151 { width: 30%; cursor: pointer; transition: transform .3s ease; will-change: transform; border-radius: 6px; }
.cls101.zoomed, .cls151.zoomed { transform: scale(2); z-index: 1000; position: relative; }

/* === 例句区域（v3） === */
.cls82 { margin-top: 4px; }
.cls85 { color: green; }
.cls85::before { content: "● "; color:goldenrod; }
.cls85[dir="ltr"]::before { content: "● "; color: transparent;  }

/* ========================================= */
/* === 语法信息区域（v3 新增，核心样式） === */
/* ========================================= */
.cls49 {
    margin: 8px 0;
    clear: both;
}
.cls50 {
    border: 1px solid #faf8ff;
    border-radius: 8px;
    background: #faf8ff;
    padding: 0;
    overflow: hidden;
    margin-right: 2px; 
}
/* 语法信息标题行 */
.cls51 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #faf8ff;
    cursor: pointer;
    user-select: none;
    margin-right: 2px; 
}
.cls52 {
    font-size: 13px;
    font-weight: 600;
    color: #5b4a8a;
    margin-right: 2px; 
}
.cls53 {
    font-size: 11px;
    color: #8a7ab0;
    transition: transform 0.2s;
    margin-right: 2px; 
}
.cls53::after { content: "▶"; font-size: 10px; }
.cls50[data-collapsed="0"] .cls53::after { content: "▼"; }

/* 语法信息内容区（默认折叠） */
.cls56 {
    padding: 8px 12px;
    margin-right: 2px;
    display: none;
}
.cls57 { /* 内容容器 - 在语法区域内重置 */ }
.cls49 .cls57 { color: navy; }
.cls49 .cls57::before { content: none; }
/* 如果 .cls49 里不含 .cls60，就隐藏 .cls49 */
.cls49:not(:has(.cls60)) {
  display: none;
}
/* 属性组（名词：有生性、形态、可数性、复数） */
.cls58 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
    margin-right: 2px; 
}
/* 动词属性组 */
.cls115 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: 2px; 
}
/* 形容词属性组 */
.cls116 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: center;
    margin-right: 2px; 
}
.cls142 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: center;
    margin-right: 2px; 
}

/* 键值对 */
.cls59 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 4px; 
}
.cls60 {
    display: inline;
}
.cls61 {
    font-size: 12px;
    color: #888;
    margin-right: 4px; 
}
.cls62 {
    display: inline;
}
.cls49 .cls63 {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    /* 覆盖词头区域的 cls63 样式 */
    font-family: Microsoft Yahei UI;
    margin-left: 4px; 
}

/* 标签（可数/不可数/运动动词等） */
.cls64 {
    display: inline-block;
    background: #e8f4fd;
    color: #2a6496;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #bee5f7;
    margin-right: 4px; 
}
/* 规则/不规则标签 */
.cls123 {
    display: inline-block;
    background: #fef3e0;
    color: #b07020;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #fde0b0;
    margin-right: 4px; 
}

/* === 动词时态变化表 === */
.cls143 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    margin-top: 6px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 6px 10px;
    margin-right: 2px; 
}
.cls144 {
    display: flex;
    align-items: center;
    min-width: 180px;
    padding: 3px 0;
    margin-right: 2px; 
}
.cls145 {
    display: inline;
    min-width: 90px;
}
.cls146 {
    font-size: 12px;
    color: #888;
    font-style: italic;
    margin-right: 2px; 
}
.cls147 {
    display: inline;
    margin-left: 4px;
}
.cls148 {
    font-size: 13px;
    font-weight: 500;
    color: #2a4a8a;
    font-family: Georgia, serif;
}

/* === 动词句型/及物性标注（v3） === */
.cls136 {
    margin-top: 4px;
}
.cls137 {
    display: block;
    margin: 2px 0;
}
.cls138 {
    display: inline;
}
.cls139 {
    color: #888;
    font-size: 13px;
}
.cls140 {
    font-size: 13px;
    color: #444;
}
.cls141 {
    font-weight: bold;
    color: #2a4a8a;
}
.cls152 {
    font-size: 13px;
    color: #888;
    font-style: italic;
}


/* === 同义词（v3 使用 cls117/cls118） === */
.cls117 { margin-top: 4px; display: block; }
.cls118 {
    background: #b1ebb1;
    border-radius: 10px;
    padding: 2px 6px;
    display: inline-block;
    color: darkslategrey;
    font-size: 12px;
    margin: 2px 2px 2px 0;
}
.cls127{
    background :#f7c0bc;
    border-radius: 10px ;
    padding: 2px 6px;
    display: inline-block;
    color: darkslategray;
    font-size: 12px;
    margin: 2px 2px 2px 0;
}
.cls118::before { content: "≈ "; }
.cls127::before { content: "≠ "; }
.cls103 {
    margin-top: 8px;
}
.cls106, .cls107, .cls108, .cls109, .cls100, .cls111   { display: inline; }
.cls108 { font-weight: normal; background: slateblue; border-radius: 10px; padding: 1px 4px; color: white; cursor: pointer; margin-right: 4px; }
.cls111 { /*display: block; */ margin-top: 2px; font-size: 15px; color: #333; }
.cls111::after { content: "\A" }

/* === 方言标注（Dialect） === */
.cls163 { margin-top: 4px; }
.cls43 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #fff3e0;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 12px;
}
.cls44 { color: #b07020; font-size: 12px; margin-right: 4px;}
.cls46 { color: #666; font-size: 12px; }
.cls47 { display: none; }

/* === Wikipedia 链接图标隐藏 === */
.cls114 { display: none; }

/* === What is 解释框（默认折叠，点击展开） === */
.whats1 { display: block; border: 1px solid #ffe6d9; border-radius: 10px; padding: 4px 8px; margin: 8px 0; color: black; background: #ffe6d9; cursor: pointer; user-select: none; }
.whats2 { margin: 0; }
.whats2::after { content: " ▶"; font-size: 12px; color: #c07050; }
.whats1[data-open="1"] .whats2::after { content: " ▼"; }
.whats3 { margin: 2px 0; display: none; }

.more1 { display: inline; cursor: pointer; user-select: none; color: lightblue; }
.more2 { margin: 0; }
.more2::after { content: " ▶"; font-size: 12px; color: lightblue;}
.more1[data-open="1"] .more2::after { content: " ▼"; }
.more1 .cls85 { margin: 2px 0; display: none; }
.more1[data-open="1"]  .cls85 { margin: 2px 0; display: block; }

/* === 自定义标签元素 === */
tt { color: black; font-weight: bold; margin-bottom: 8px; }
tt1, a tt1 { color: grey; text-align: right; }
tt2 { color: blue; font-weight: bold; font-size: 16px; margin-bottom: 8px; }
tt1, .ec, syn, syn2, phn, type, e, ex, img, l, lnk { display: block; }
l, l1, l2 { display: block; color: black; }
l1 a, l1 tt2, l2 a, l2 tt2 { display: inline-block; }
l2 { text-align: center; margin-top: 8px; }
ec { margin-right: .5em; }
lnk { margin-bottom: 8px; }
lnk a::after { content: ","; color: black; }
.cls92, .cls135 { width: 30%;  cursor: pointer;  transition: transform 0.3s ease;   will-change: transform;   }
.cls92l.zoomed {  transform: scale(2); z-index: 1000;  position: relative; }
/* === 同义/反义标签 === */
syn::before { content: "同义 "; background: lightcyan; border-radius: 10px; padding: 1px 4px; display: inline-block; color: midnightblue; font-size: 14px; margin-right: 2px; }
syn syn3, syn2 syn3 { background: lightcyan; border-radius: 10px; padding: 1px 4px; display: inline-block; color: midnightblue; font-size: 14px; margin-right: 2px; }
syn2, syn2 syn3::before { content: "≈ "; }
ant::before { content: "反义 "; background: bisque; border-radius: 10px; padding: 1px 4px; display: inline-block; color: brown; font-size: 14px; margin-right: 2px; }
ant syn3 { background: bisque; border-radius: 10px; padding: 1px 4px; display: inline-block; color: brown; font-size: 14px; margin-right: 2px; }
ex {color: green }
ex:before { content: "● "; color: goldenrod}  /*example*/

/* === 其他杂项 === */
.cls4 { margin-bottom: 6px; }
.cls20 { }
.cls21 { margin-bottom: 6px; }
.cls48 { display: inline; }

/* 清除浮动 */
.cls34::after { content: ""; display: table; clear: both; }
.cls92, .cls93, .cls95   {display: inline; }
.cls95::before {content:" ⇒ " }
k {font-weight: bold; }
a[href="#topAnchor"] { }