/*
 * 创始会员标：编录署名之后的小标、悬停（触屏点按）展开的会员卡与印章（functions/gl-founding-badge.php）。照设计稿「创始会员-V12」，选择器限定在 .gpv（凭证页）与 .gcd（凭证抽屉）内。
 * 标总高 16px，低于“编录署名”一行的行高，不改变署名区布局；抽屉里的内容区会裁切溢出，会员卡在抽屉里改为按视口定位（.fm-fixed，位置由 assets/js/chazheng/founding.js 写入）。
 */

:is(.gpv, .gcd) .fm-org{--c:#0E1B36;--ring:#8FAEDB;--pop-bd:#C9D3E3;--sub:#9FB0CF}
:is(.gpv, .gcd) .fm-per{--c:#14448F;--ring:#8FAEDB;--pop-bd:#C6DAFB;--sub:#B5C8E8}

/* 署名区的标：总高 16px，低于“编录署名”一行的行高，不撑高该行 */
:is(.gpv, .gcd) .fm{position:relative;display:inline-flex;align-items:stretch;margin-left:10px;vertical-align:top;border:1px solid var(--c);border-radius:3px;font:500 11.5px/14px var(--sans);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
:is(.gpv, .gcd) .fm:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
:is(.gpv, .gcd) .fm-k{display:inline-flex;align-items:center;padding:0 7px;letter-spacing:.08em;background:var(--c);color:#fff;border-radius:2px 0 0 2px}
:is(.gpv, .gcd) .fm-n{display:inline-flex;align-items:center;gap:3px;padding:0 8px;background:#fff;color:var(--c);border-radius:0 2px 2px 0}
:is(.gpv, .gcd) .fm-n i{font:400 11px/14px var(--sans);font-style:normal;opacity:.8}
:is(.gpv, .gcd) .fm-n b{font:600 12.5px/14px var(--serif);letter-spacing:.06em}
:is(.gpv, .gcd) .fm-top{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--ring)}
:is(.gpv, .gcd) .fm-top .fm-n{background:var(--c);color:#fff;border-left:1px solid rgba(255,255,255,.28)}

/* 会员卡 */
:is(.gpv, .gcd) .fm-pop{position:absolute;left:calc(-1px - var(--dx,0px));bottom:calc(100% + 10px);z-index:30;width:384px;max-width:calc(100vw - 24px);border:1px solid var(--pop-bd);border-radius:4px;background:#fff;color:var(--ink);font:400 12.5px/1.5 var(--sans);white-space:normal;text-align:left;cursor:auto;box-shadow:0 16px 36px -14px rgba(14,27,54,.32),0 2px 6px rgba(14,27,54,.06);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;pointer-events:none}
:is(.gpv, .gcd) .fm-pop::after{content:"";position:absolute;left:calc(20px + var(--dx,0px));bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid var(--pop-bd);border-bottom:1px solid var(--pop-bd);transform:rotate(45deg)}
:is(.gpv, .gcd) .fm.is-open .fm-pop,:is(.gpv, .gcd) .fm:focus-visible .fm-pop{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .16s ease,transform .16s ease}
@media (hover:hover) and (pointer:fine){:is(.gpv, .gcd) .fm:hover .fm-pop{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .16s ease,transform .16s ease}}
:is(.gpv, .gcd) .fm-below .fm-pop{top:calc(100% + 10px);bottom:auto;transform:translateY(-4px)}
:is(.gpv, .gcd) .fm-below .fm-pop::after{top:-6px;bottom:auto;border:0;border-left:1px solid var(--pop-bd);border-top:1px solid var(--pop-bd)}

/* 会员卡页头 */
:is(.gpv, .gcd) .fm-hd{position:relative;display:block;overflow:hidden;padding:15px 18px 34px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,0) 58%),var(--c);border-radius:3px 3px 0 0}
:is(.gpv, .gcd) .fm-top .fm-hd{border-bottom:3px double var(--ring)}
:is(.gpv, .gcd) .fm-hd::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.12);border-radius:2px;pointer-events:none}
:is(.gpv, .gcd) .fm-hd::after{content:"";position:absolute;right:20px;bottom:11px;width:112px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 32'%3E%3Cg stroke='%23fff' stroke-width='2.6' stroke-linecap='round' fill='none'%3E%3Cpath d='M4 4H236'/%3E%3Cpath d='M4 16H156'/%3E%3Cpath d='M172 16H214'/%3E%3Cpath d='M4 28H110'/%3E%3C/g%3E%3C/svg%3E") no-repeat right center/contain;opacity:.26;pointer-events:none}
:is(.gpv, .gcd) .fm-hd>*{position:relative;z-index:1}
:is(.gpv, .gcd) .fm-src{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}
:is(.gpv, .gcd) .fm-lk{display:inline-flex;align-items:center;flex:none;color:#fff}
:is(.gpv, .gcd) .fm-lt{display:inline-flex;align-items:center;font:700 15px/1 Inter,var(--sans);letter-spacing:.06em}
:is(.gpv, .gcd) .fm-ic{flex:none;width:16px;height:16px;margin:0 1px}
:is(.gpv, .gcd) .fm-ic path{stroke:var(--c)}
:is(.gpv, .gcd) .fm-sep{flex:none;width:1px;height:12px;margin:0 9px 0 10px;background:rgba(255,255,255,.34)}
:is(.gpv, .gcd) .fm-lz{font:500 11px/1 var(--sans);letter-spacing:.06em;color:#fff;opacity:.86}
:is(.gpv, .gcd) .fm-cm{font:500 11px/1 var(--sans);letter-spacing:.12em;color:var(--sub)}
:is(.gpv, .gcd) .fm-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:14px}
:is(.gpv, .gcd) .fm-who{display:flex;flex-direction:column;gap:6px;min-width:0}
:is(.gpv, .gcd) .fm-t{font:500 11.5px/1 var(--sans);letter-spacing:.18em;color:var(--sub)}
:is(.gpv, .gcd) .fm-t::before{content:"";display:inline-block;width:17px;height:3px;margin:0 8px 3px 0;vertical-align:middle;background:linear-gradient(var(--ring),var(--ring)) left center/11px 2px no-repeat,radial-gradient(circle,var(--ring) 1.4px,transparent 1.6px) right center/3px 3px no-repeat}
:is(.gpv, .gcd) .fm-name{font:600 19px/1.3 var(--serif);letter-spacing:.06em;color:#fff}
:is(.gpv, .gcd) .fm-no{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:6px;color:#fff}
:is(.gpv, .gcd) .fm-no small{font:400 11px/1 var(--sans);letter-spacing:.14em;color:var(--sub)}
:is(.gpv, .gcd) .fm-no span{display:flex;align-items:baseline;gap:4px}
:is(.gpv, .gcd) .fm-no i{font:400 13px/1 var(--sans);font-style:normal;color:var(--sub)}
:is(.gpv, .gcd) .fm-no b{font:600 30px/1 var(--serif);letter-spacing:.06em}
:is(.gpv, .gcd) .fm-top .fm-no b{font-size:40px;letter-spacing:.08em}

/* 会员卡正文与底注 */
:is(.gpv, .gcd) .fm-bd{position:relative;display:grid;grid-template-columns:64px 1fr;align-content:start;gap:8px 12px;min-height:96px;padding:16px 128px 4px 18px}
:is(.gpv, .gcd) .fm-dt{color:var(--muted)}
:is(.gpv, .gcd) .fm-dd{color:var(--ink)}
:is(.gpv, .gcd) .fm-ok{display:inline-flex;align-items:center;gap:6px;color:#1F6B45}
:is(.gpv, .gcd) .fm-ok::before{content:"";width:6px;height:6px;border-radius:50%;background:#1F6B45}
:is(.gpv, .gcd) .fm-seal{position:absolute;right:14px;top:6px;width:104px;height:104px;pointer-events:none}
:is(.gpv, .gcd) .fm-ft{display:block;margin:10px 18px 14px;padding-top:10px;border-top:1px solid var(--rule);font:400 11.5px/1.7 var(--sans);color:var(--muted)}
:is(.gpv, .gcd) .fm-nw{white-space:nowrap}

@media (max-width:480px){
  :is(.gpv, .gcd) .fm-name{font-size:17px}
  :is(.gpv, .gcd) .fm-top .fm-no b{font-size:34px}
}

/* 抽屉（dialog）里：内容区 overflow 会裁切，会员卡按视口定位，上下展开与左右平移由脚本按抽屉可视区域算好 */
:is(.gpv, .gcd) .fm.fm-fixed .fm-pop{position:fixed;left:var(--fx,0px);top:var(--fy,0px);bottom:auto}