/* TaleInn V23｜會員電子名片，僅作用於浮窗。 */
.taleinn-v23-card-open {overflow:hidden;}
.taleinn-v23-backdrop[hidden], .taleinn-v23-card[hidden]{display:none!important;}
.taleinn-v23-backdrop{position:fixed;inset:0;background:rgba(24,27,20,.5);z-index:99980;}
.taleinn-v23-card{box-sizing:border-box;position:fixed;z-index:99981;right:clamp(15px,5vw,90px);top:50%;transform:translateY(-50%);width:min(428px,calc(100vw - 30px));max-height:min(82vh,700px);overflow:auto;overscroll-behavior:contain;background:#faf8f3;border:1px solid #c6c0b2;border-radius:0;padding:28px 26px 24px;box-shadow:0 20px 70px rgba(16,26,17,.25);color:#3a332b;font-family:'Noto Sans TC',sans-serif;}
.taleinn-v23-card *{box-sizing:border-box;}
.taleinn-v23-close{position:absolute;right:13px;top:9px;width:35px;height:35px;border:0;background:transparent;color:#4c4a45;cursor:pointer;font-size:28px;line-height:1;}
.taleinn-v23-person{display:flex;gap:14px;align-items:center;padding-right:26px;}
.taleinn-v23-person-avatar{width:72px;height:72px;flex:none;object-fit:cover;border-radius:0;border:2px solid #cbd2c6;}
.taleinn-v23-kicker{font-size:10px;letter-spacing:.12em;color:#7f7b70;margin:0 0 7px;}
.taleinn-v23-person-info h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere;margin:0;}
.taleinn-v23-bio{margin:17px 0;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.taleinn-v23-subhead{font-size:15px;border-top:1px solid #dcd9d1;margin:18px 0 12px;padding-top:16px;}
/* 5 欄、最多 2 列；超過 10 枚按十本分頁水平捲動。 */
.taleinn-v23-emblems-viewport{display:flex;gap:0;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b2b9ab transparent;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;}
.taleinn-v23-emblems-viewport.is-scrollable{cursor:grab;}
.taleinn-v23-emblems-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;}
.taleinn-v23-emblems-page{display:grid;flex:0 0 100%;width:100%;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,min-content);gap:9px;align-content:start;scroll-snap-align:start;scroll-snap-stop:always;}
.taleinn-v23-emblems-page.is-one-row{grid-template-rows:min-content;}
.taleinn-v23-emblems-viewport:focus-visible{outline:2px solid #355e3b;outline-offset:2px;}
.taleinn-v23-bookmark{text-decoration:none;position:relative;display:block;min-width:0;color:#3a332b;}
.taleinn-v23-emblem{display:block;position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;background:#e5e9e0;border:1px solid #a5b7a2;border-radius:0;}
.taleinn-v23-emblem.is-complete{border:3px double #a18a55;box-shadow:0 0 0 1px #a18a55;}
.taleinn-v23-emblem-base,.taleinn-v23-emblem-active{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.taleinn-v23-emblem-base{filter:grayscale(1);opacity:.18;}
.taleinn-v23-emblem-active{clip-path:inset(calc(100% - var(--taleinn-v23-progress)) 0 0 0);}
.taleinn-v23-emblem.is-placeholder{background:linear-gradient(to top,#355e3b var(--taleinn-v23-progress),#dfe6db var(--taleinn-v23-progress));}
.taleinn-v23-emblem-fallback{display:grid;place-items:center;position:absolute;inset:0;font-size:27px;color:#75947b;}
.taleinn-v23-bookmark-title{visibility:hidden;opacity:0;position:absolute;z-index:3;left:0;bottom:0;width:100%;max-height:100%;overflow:hidden;padding:5px 3px;border-radius:0;background:rgba(58,51,43,.94);color:white;font-size:11px;line-height:1.4;text-align:center;overflow-wrap:anywhere;transition:opacity .1s;pointer-events:none;}
.taleinn-v23-bookmark:hover .taleinn-v23-bookmark-title,.taleinn-v23-bookmark:focus-visible .taleinn-v23-bookmark-title{visibility:visible;opacity:1;}
.taleinn-v23-hint{font-size:11px;line-height:1.6;color:#77766b;margin:13px 0 0;}
.taleinn-v23-empty{font-size:13px;color:#655f55;line-height:1.7;}
.taleinn-v23-genres{display:flex;flex-wrap:wrap;gap:6px;}
.taleinn-v23-genres span{border-radius:0;padding:5px 10px;border:1px solid #b4c4b5;background:#eff2eb;font-size:12px;}
.taleinn-v23-card-handle{display:none;}
.taleinn-story-page .taleinn-table-avatar[data-v23-card-user],.taleinn-story-page .taleinn-table-meta strong[data-v23-card-user],.taleinn-v23-mention{cursor:pointer;}
.taleinn-story-page .taleinn-table-meta strong[data-v23-card-user]:hover{text-decoration:underline;text-underline-offset:3px;}
.taleinn-v23-mention{border:0;background:transparent;padding:0;color:#355e3b;font:inherit;text-decoration:underline;text-underline-offset:2px;display:inline;}
@media(max-width:599px){
 .taleinn-v23-card{top:auto;left:0;right:0;bottom:0;transform:none;width:100%;max-height:85dvh;border-radius:0;padding:24px 18px max(22px,env(safe-area-inset-bottom));}
 .taleinn-v23-card-handle{display:none;}
 .taleinn-v23-emblems-page{gap:7px;}
 .taleinn-v23-person-avatar{width:60px;height:60px;}
 .taleinn-v23-person-info h2{font-size:18px;}
 .taleinn-v23-bookmark-title{display:none;}
}
@media(max-width:340px){.taleinn-v23-card{padding-inline:13px;}.taleinn-v23-emblems-page{gap:5px;}}