/* Zusätze der eigenständigen Version: Konto, Kommentare, 赞, Moderation, Rechtstexte */
.foot{display:flex;flex-direction:column;gap:6px}
.footnav{display:flex;flex-wrap:wrap;gap:14px}
.footnav a{color:var(--ink2)}
#btnMe{text-decoration:none;display:inline-flex;align-items:center;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form{display:flex;flex-direction:column;gap:10px;max-width:520px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:15px;color:var(--ink2)}
.form .txt{width:100%}
.err{color:var(--warn);font-size:15px;margin:0}
.ok-msg{color:var(--ok);font-size:15px;margin:0}
.cmts{display:flex;flex-direction:column;gap:0;margin-top:6px}
.cmt{padding:10px 0;border-bottom:1px dashed var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
.cmt .who{font-size:14px;color:var(--ink2)}
.cmt .who b{font-weight:500;color:var(--ink)}
.cmt .body{grid-column:1/-1;white-space:pre-wrap;word-break:break-word}
.cmt .acts{display:flex;gap:6px;align-items:center}
.linkbtn{all:unset;cursor:pointer;font-size:13px;color:var(--ink3);padding:2px 4px;border-radius:3px}
.linkbtn:hover{color:var(--zhu);background:var(--zhu-soft)}
.linkbtn:focus-visible{outline:2px solid var(--zhu)}
.pending{display:inline-block;font-size:12px;padding:0 6px;border-radius:3px;background:var(--zhu-soft);color:var(--zhu);margin-left:6px}
.likebtn{display:inline-flex;align-items:center;gap:4px}
.likebtn[aria-pressed="true"]{border-color:var(--zhu);color:var(--zhu)}
.cbox textarea{width:100%;min-height:76px;resize:vertical}
.report{border:1px solid var(--line2);border-radius:6px;padding:10px;margin-top:6px;background:var(--paper2)}
.admin-item{border:1px solid var(--line);border-radius:6px;padding:12px 14px;background:var(--paper);display:flex;flex-direction:column;gap:6px}
.legal{max-width:760px}
.legal h2{font-size:22px;margin:22px 0 8px}
.legal h3{font-size:18px;margin:16px 0 6px}
.legal p,.legal li{font-size:16px}
.legal table{border-collapse:collapse;width:100%;font-size:15px}
.legal td,.legal th{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.tablewrap{overflow-x:auto}
.keyrow{display:flex;gap:8px;flex-wrap:wrap}
.keyrow .txt{flex:1;min-width:220px;font-family:ui-monospace,Consolas,monospace;font-size:14px}
#ts-box{min-height:70px}
.install-tip{font-size:14px;color:var(--ink2)}

/* Erweiterung 2: 古文, 现代诗, 随笔, 诗社-Sortierung, Bilder, 社团 */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seal-lg.two{font-size:12px;writing-mode:vertical-rl;letter-spacing:0;width:30px;height:38px}

/* 古文 */
.stage.prose{align-items:stretch;text-align:left;padding:28px clamp(16px,4vw,40px)}
.stage.prose .poem{font-size:20px;line-height:2;letter-spacing:1px;text-align:justify}
.stage.prose .poem p{text-indent:2em;margin:0 0 .5em}
.stage.prose .seal-lg{align-self:flex-end}
.wenlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.wen{display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px 16px}
.wen:hover{border-color:var(--zhu)}
.wen .t{font-family:var(--kai);font-size:24px}
.wen .a{font-size:14px;color:var(--ink2)}
.wen .l{font-family:var(--kai);font-size:16px;color:var(--ink2);margin-top:6px}
.flbl{font-size:13px;color:var(--ink3);align-self:center;margin-right:4px;letter-spacing:1px}

/* 写诗：现代诗、发表选项 */
.grid2.solo{grid-template-columns:minmax(0,1fr);max-width:780px}
textarea.modern{width:100%;min-height:320px;font-family:var(--kai);font-size:21px;line-height:1.9;resize:vertical;margin-top:6px}
.pubopts{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.noai{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--ink2);cursor:pointer}
.noai input{width:18px;height:18px;accent-color:var(--zhu)}
.pthumb{height:48px;width:auto;border-radius:3px;border:1px solid var(--line)}
.noai-badge{display:inline-block;font-family:var(--fang);font-size:12px;line-height:1;padding:3px 5px;margin-left:8px;border:1px solid var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border-radius:2px;vertical-align:4px;letter-spacing:1px}

/* 随笔：横线信笺，字号较小 */
.essay-card{max-width:820px}
textarea.essay{width:100%;min-height:460px;resize:vertical;border:1px solid var(--line);border-radius:4px;outline:none;
  font-family:var(--kai);font-size:18px;line-height:36px;padding:2px 14px 0;color:var(--ink);
  background-color:var(--paper);background-image:linear-gradient(transparent 35px,var(--line) 35px,var(--line) 36px);background-size:100% 36px;background-attachment:local;background-position:0 2px}
textarea.essay:focus{border-color:var(--zhu)}
.essay-body p{margin:0 0 .5em;text-indent:2em}
.club-item.is-essay .body{font-size:17px;line-height:1.9;letter-spacing:.5px}

/* 诗社 */
.club-tabs{margin-bottom:14px}
.club-tabs a{text-decoration:none;padding:6px 14px;color:var(--ink2);border-bottom:2px solid transparent;margin-bottom:-1px;font-size:17px}
.club-tabs a[aria-selected="true"]{color:var(--zhu);border-bottom-color:var(--zhu)}
.sortbar{gap:6px}
.sortbar select{min-height:30px;padding:2px 6px;font-size:14px}
.cimg{grid-column:1/-1;margin:4px 0 0}
.cimg img{display:block;max-width:100%;max-height:520px;border-radius:4px;border:1px solid var(--line)}
.cimg figcaption{margin-top:4px}

/* 诗社：两列错落排版 */
.clubgrid{grid-template-columns:minmax(0,1fr) 290px}
@media (max-width:1000px){.clubgrid{grid-template-columns:minmax(0,1fr)}}
.cwall{display:flex;gap:18px;align-items:flex-start}
.ccol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:18px}
.ccol.shift{padding-top:64px}
.cwall .club-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px 18px 12px;box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 6%,transparent)}
.cwall .club-item .body{font-size:18px}
.cwall .club-item.is-essay .body{font-size:16px}
@media (max-width:680px){
  .cwall{flex-direction:column;gap:14px}
  .ccol{display:contents}
  .ccol.shift{padding-top:0}
}

/* 意象水墨图：读诗背景与意象卡 */
.stage{overflow:hidden}
.stage-art{position:absolute;inset:0;pointer-events:none;opacity:.32}
.stage-art svg,.card-art svg{width:100%;height:100%;display:block}
.stage>.poem,.stage>.side,.stage>.seal-lg{position:relative;z-index:1}
.stage.vertical>.seal-lg{position:absolute}
.card-art{position:absolute;inset:0;pointer-events:none}
.bigcard.art{position:relative;overflow:hidden;justify-content:flex-start;padding-top:14px}
.bigcard.art .nm{position:relative;z-index:1;background:color-mix(in srgb,var(--paper) 72%,transparent);border-radius:4px;padding:6px 2px}
@media (prefers-color-scheme: dark){:root:not([data-skin="xuan"]):not([data-skin="mo"]) .stage-art,:root:not([data-skin="xuan"]):not([data-skin="mo"]) .card-art{filter:invert(1) hue-rotate(180deg) saturate(.75)}
  :root:not([data-skin="xuan"]):not([data-skin="mo"]) .stage-art{opacity:.22}}
html:root[data-skin="deng"] .stage-art,html:root[data-skin="deng"] .card-art{filter:invert(1) hue-rotate(180deg) saturate(.75)}
html:root[data-skin="deng"] .stage-art{opacity:.22}
html:root[data-skin="mo"] .stage-art,html:root[data-skin="mo"] .card-art{filter:grayscale(1)}

/* 朋友圈式评论：浅色底块、一条一行、昵称着色、字号略小 */
:root{--cname:#4f6690}
@media (prefers-color-scheme: dark){:root:not([data-skin="xuan"]):not([data-skin="mo"]){--cname:#9db1d6}}
html:root[data-skin="deng"]{--cname:#9db1d6}
.moments{background:color-mix(in srgb,var(--ink) 5%,transparent);border-radius:6px;padding:6px 12px;font-size:15px;line-height:1.7}
.moments .cmt{display:block;padding:4px 0;border:0}
.moments .cmt+.cmt{border-top:1px dashed color-mix(in srgb,var(--ink) 10%,transparent)}
.moments .line{cursor:pointer;word-break:break-word;white-space:pre-wrap}
.moments .cn{font-weight:500;color:var(--cname)}
.moments .rp{color:var(--ink3);margin:0 4px}
.moments .colon{color:var(--ink3)}
.moments .meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--ink3);margin-top:1px}
.moments .meta .linkbtn{font-size:12px}
.cbox .replyto{font-size:13px;color:var(--ink2)}
.cbox .replyto b{color:var(--cname);font-weight:500}
.cbox textarea{font-size:15px;min-height:64px}

/* 诗社金榜 */
.rank .chips .chip{padding:2px 10px;font-size:13px;min-height:0}
.ranklist{list-style:none;margin:10px 0 0;padding:0}
.ranklist li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.ranklist li:last-child{border-bottom:0}
.ranklist .rt{flex:none;width:40px;text-align:center;font-family:var(--kai);font-size:14px;padding:2px 0;border-radius:3px;border:1px solid var(--line2);color:var(--ink2)}
.ranklist .r1 .rt{background:var(--seal);border-color:var(--seal);color:#fbf4e6}
.ranklist .r2 .rt,.ranklist .r3 .rt{border-color:var(--seal);color:var(--seal)}
.ranklist .rn{flex:1;min-width:0;font-family:var(--kai);font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranklist .r1 .rn{font-size:19px}
.ranklist .rv{flex:none;font-size:13px;color:var(--ink3)}

/* Cookie-Hinweis beim ersten Besuch */
.cookie{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;width:min(720px,calc(100% - 32px));
  background:var(--paper);color:var(--ink);border:1px solid var(--line2);border-radius:10px;padding:14px 16px;display:flex;gap:14px;align-items:center;
  box-shadow:0 6px 24px color-mix(in srgb,var(--ink) 18%,transparent);font-size:14px;line-height:1.7}
.cookie .ck-t{flex:1;min-width:0}
.cookie b{font-weight:600;margin-right:4px;color:var(--zhu)}
@media (max-width:560px){.cookie{flex-direction:column;align-items:stretch}.cookie .row{justify-content:flex-end}}

/* 更新日志 */
.changelog h3.ver{font-family:var(--kai);font-size:24px;color:var(--zhu);margin:26px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.changelog h3.ver:first-child{margin-top:4px}
.changelog h4{font-size:16px;margin:16px 0 4px;color:var(--ink)}
.changelog ul{margin:0 0 4px;padding-left:1.4em}
.changelog ul ul{margin-top:2px;color:var(--ink2)}
.changelog li{margin:3px 0;line-height:1.75}

/* 每日一句 */
.mj .mj-s{font-family:var(--kai);font-size:24px;line-height:1.8;letter-spacing:2px;margin:12px 0 6px;padding-left:14px;border-left:3px solid var(--zhu)}
.mj .mj-src{text-align:right;font-size:14px;color:var(--ink2)}
.mj .mj-src a{color:inherit}
@media (max-width:640px){.mj .mj-s{font-size:20px;letter-spacing:1px}}

/* 字体选择：只换诗句与标题用的 --kai，仿宋说明文字不变 */
:root[data-font="song"]{--kai:"ShiSong","ShiKai","Noto Serif SC","Songti SC","SimSun",serif}
:root[data-font="kaitc"]{--kai:"ShiKaiTC","ShiKai","KaiTi",serif}
:root[data-font="mashan"]{--kai:"ShiMa","ShiKai","KaiTi",serif}
/* 顶栏：通知铃铛与昵称菜单 */
.pop{position:relative;display:inline-block}
.pop[hidden]{display:none}
.ibtn{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;position:relative}
.bell-dot{position:absolute;top:-6px;right:-7px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--zhu);color:var(--zhu-ink,#fff);font-size:11px;line-height:17px;text-align:center;font-family:system-ui,sans-serif}
.bell-dot[hidden]{display:none}
.mebtn{display:inline-flex;align-items:center;gap:4px;max-width:12em}
.mebtn #meName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mebtn .caret{font-size:11px;color:var(--ink3)}
.popmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;background:var(--paper);color:var(--ink);border:1px solid var(--line2);border-radius:10px;box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 20%,transparent);text-align:left;font-size:15px}
.popmenu[hidden]{display:none}
.usermenu{width:320px;padding:8px}
.notimenu{width:380px;padding:0;overflow:hidden}
@media (max-width:640px){.popmenu{position:fixed;left:12px;right:12px;top:calc(56px + env(safe-area-inset-top,0px));width:auto;max-height:calc(100vh - 80px);overflow-y:auto}}

.um-who{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.um-who b{font-family:var(--kai);font-size:20px;font-weight:400}
.um-who .faint{font-size:13px;overflow:hidden;text-overflow:ellipsis}
.um-who .btn{align-self:flex-start;margin-top:8px}
.um-list{display:flex;flex-direction:column;gap:2px}
.um-list>button,.um-list>a{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:9px 10px;color:var(--ink);text-decoration:none;cursor:pointer;font:inherit;text-align:left}
.um-list>button:hover,.um-list>a:hover,.um-list>button:focus-visible,.um-list>a:focus-visible{background:color-mix(in srgb,var(--ink) 6%,transparent);outline:none}
.um-list span{flex:1}
.um-list small{color:var(--ink3);font-size:13px}
.um-list i{font-style:normal;color:var(--ink3);font-size:18px;line-height:1}
.um-list>button[aria-checked="true"]{border-color:var(--zhu)}
.um-list>button[aria-checked="true"] span{color:var(--zhu)}
.um-head{display:flex;align-items:center;gap:6px;padding:2px 2px 8px;border-bottom:1px solid var(--line);margin-bottom:8px}
.um-head b{font-weight:600}
.um-back{background:transparent;border:0;color:var(--ink2);font-size:22px;line-height:1;padding:2px 8px;border-radius:6px;cursor:pointer}
.um-back:hover,.um-back:focus-visible{background:color-mix(in srgb,var(--ink) 6%,transparent);outline:none}
.um-sec{font-size:13px;color:var(--ink3);letter-spacing:1px;margin:6px 4px 4px}
.um-fonts{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.um-fonts button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 9px;color:var(--ink);cursor:pointer;text-align:left}
.um-fonts button:hover,.um-fonts button:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);outline:none}
.um-fonts button[aria-checked="true"]{border-color:var(--zhu)}
.um-fonts .fs{font-size:19px;letter-spacing:1px;line-height:1.3}
.um-fonts .fn{font-size:12px;color:var(--ink2);display:flex;flex-direction:column}
.um-fonts .fn small{color:var(--ink3);font-size:11px}
.um-skins{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.um-skins button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:1px solid var(--line);border-radius:6px;padding:8px 4px;color:var(--ink);cursor:pointer;font-size:13px}
.um-skins button:hover,.um-skins button:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);outline:none}
.um-skins button[aria-checked="true"]{border-color:var(--zhu);color:var(--zhu)}
.sw{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:block}
.sw-auto{background:linear-gradient(135deg,#efe5cf 50%,#171b1f 50%)}
.sw-xuan{background:#efe5cf;box-shadow:inset 0 0 0 4px #efe5cf,inset 0 0 0 6px #a8322a}
.sw-deng{background:#171b1f}
.sw-mo{background:#f6f6f2;box-shadow:inset 0 0 0 4px #f6f6f2,inset 0 0 0 6px #22221f}
.um-note{font-size:12px;margin:8px 4px 2px}
.um-body{padding:0 4px 4px;font-size:14px}
.um-body .form{gap:8px}

.nt-head{padding:12px 14px 6px}
.nt-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 8px}
.nt-tabs button{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 4px 7px;color:var(--ink2);cursor:pointer;font:inherit;font-size:14px;position:relative;white-space:nowrap}
.nt-tabs button[aria-selected="true"]{color:var(--zhu);border-bottom-color:var(--zhu)}
.nt-tabs sup{font-size:9px;color:var(--ink3);margin-left:1px}
.nt-tabs i{font-style:normal;display:inline-block;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:var(--zhu);color:var(--zhu-ink,#fff);font-size:10px;margin-left:3px;padding:0 3px;box-sizing:border-box;vertical-align:1px;font-family:system-ui,sans-serif}
.nt-list{max-height:min(60vh,440px);overflow-y:auto}
.nt-empty{padding:28px 16px;text-align:center;margin:0}
.nt-item{display:block;padding:10px 14px;border-bottom:1px dashed var(--line);color:var(--ink);text-decoration:none}
a.nt-item:hover,a.nt-item:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);outline:none}
.nt-item.unread{background:var(--zhu-soft,rgba(168,50,42,.07))}
.nt-item.unread .nt-text::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--zhu);margin-right:6px;vertical-align:2px}
.nt-text{line-height:1.6}
.nt-sys{white-space:pre-wrap}
.nt-quote{margin-top:3px;font-size:14px;color:var(--ink2);border-left:2px solid var(--line2);padding-left:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nt-meta,.nt-when{font-size:12px;color:var(--ink3);margin-top:3px}
.pm{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.pm-badge{margin:0;align-self:flex-start;font-size:12px;color:var(--zhu);border:1px solid var(--zhu);border-radius:10px;padding:1px 8px}
.pm-conv{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;opacity:.75}
.pm-conv div{display:flex;flex-direction:column;min-width:0}
.pm-conv small{color:var(--ink3);font-size:12px}
.pm-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--zhu);color:var(--zhu-ink,#fff);font-family:var(--kai);font-size:17px}
.pm-input{display:flex;gap:6px}
.pm-input .txt{flex:1;min-width:0}
.anote{margin-top:8px;width:100%}
.arow{flex-wrap:wrap}

/* Versteckte Knöpfe (z. B. 「停止」) wirklich ausblenden */
.btn[hidden],.tbtn[hidden]{display:none!important}

/* 读诗页：评论与问 AI 固定在两栏之下（窄屏时上下排列） */
.poem-foot{margin-top:22px;align-items:start;padding-top:18px;border-top:1px solid var(--line)}

/* 登录页：三种方式切换 */
.ltabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.ltabs button{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:8px 14px;font-size:17px;color:var(--ink2);cursor:pointer;font-family:inherit}
.ltabs button[aria-selected="true"]{color:var(--zhu);border-bottom-color:var(--zhu)}

/* 管理页 */
.atabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}
.atabs button{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:8px 14px;font-size:17px;color:var(--ink2);cursor:pointer;font-family:inherit}
.atabs button[aria-selected="true"]{color:var(--zhu);border-bottom-color:var(--zhu)}
.abadge{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--seal);color:#fbf4e6;font-size:12px;line-height:18px;text-align:center}
.atiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.atile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px 16px;cursor:pointer;color:var(--ink);font-family:inherit}
.atile:disabled{cursor:default}
.atile:not(:disabled):hover{border-color:var(--line2)}
.atile.hot{border-color:var(--seal)}
.atile .an{font-size:14px;color:var(--ink2)}
.atile .av{font-family:var(--kai);font-size:34px;line-height:1.2;color:var(--zhu)}
.atile .ad{font-size:12px;color:var(--ink3)}
.asearch{margin-bottom:12px}
.arow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed var(--line)}
.arow .am{min-width:0;flex:1 1 300px;word-break:break-word}
.arow .aact{gap:6px}
.areasons{margin:6px 0;padding-left:1.2em;font-size:14px}
.aprev{max-height:220px;overflow:auto}
/* 全站公告 */
.announce{border-bottom:1px solid var(--line);font-size:15px}
.announce.info{background:color-mix(in srgb,var(--ok) 12%,var(--paper))}
.announce.warn{background:color-mix(in srgb,var(--seal) 16%,var(--paper))}
.announce .ann-in{max-width:1120px;margin:0 auto;padding:8px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.announce .ann-t{flex:1;white-space:pre-wrap}
.announce .ann-x{font-size:20px;line-height:1;padding:0 4px}

/* 沉浸阅读：始终是明亮温暖的纸页，与界面风格无关 */
html.reading body{overflow:hidden}
.reader{position:fixed;inset:0;z-index:200;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--rd-ink);
  background-color:#fbf6ea;
  background-image:radial-gradient(rgba(150,120,70,.05) 1px,transparent 1.2px),radial-gradient(rgba(150,120,70,.035) 1px,transparent 1.2px),linear-gradient(180deg,#fcf8ef,#f7f0e1);
  background-size:7px 7px,11px 11px,100% 100%;background-position:0 0,3px 5px,0 0;
  opacity:0;transform:translateY(16px) scale(.985);transition:opacity .28s ease,transform .32s cubic-bezier(.2,.7,.2,1)}
.reader.open{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reader{transform:none;transition:opacity .12s linear}}
.rd-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:10px 14px calc(14px) 14px;background:linear-gradient(var(--rd-paper) 65%,transparent)}
.rd-b{font-family:var(--fang);font-size:14px;color:var(--rd-btn);background:transparent;border:1px solid transparent;border-radius:14px;padding:3px 12px;cursor:pointer;text-decoration:none}
.rd-b:hover{border-color:var(--rd-hover)}
.rd-b[aria-pressed="true"]{border-color:var(--rd-press);color:var(--rd-accent)}
.rd-x{font-size:22px;line-height:1;color:var(--rd-btn);background:transparent;border:0;padding:4px 8px;cursor:pointer;border-radius:50%}
.rd-x:hover,.rd-x:focus-visible{color:var(--rd-accent)}
.rd-wait{text-align:center;color:var(--rd-mute);margin-top:30vh;font-family:var(--fang)}
.rd-page{max-width:780px;margin:0 auto;padding:6px 22px 90px}
.rd-t{font-family:var(--kai);font-weight:400;font-size:34px;letter-spacing:6px;text-align:center;color:var(--rd-ink);margin:0}
.rd-by{text-align:center;color:var(--rd-mute);font-size:15px;margin:8px 0 30px;font-family:var(--fang)}
.rd-text{font-family:var(--kai);font-size:27px;line-height:2;letter-spacing:2px}
.rd-line{margin:0 0 .2em;text-align:center}
.rd-line.stz{margin-top:1em}
.rd-l{margin:0}
.rd-text.prose{font-size:21px;line-height:1.95;letter-spacing:1px}
.rd-text.prose .rd-line{text-align:justify;margin-bottom:.7em}
.rd-text.prose .rd-l{text-indent:2em}
.rd-text ruby{ruby-position:over}
.rd-text rt{font-family:"Segoe UI",system-ui,sans-serif;font-size:.4em;letter-spacing:0;color:var(--rd-rt);font-weight:400;line-height:1.2}
.no-py rt{display:none}
.rd-notes{font-family:var(--fang);font-size:.75em;line-height:1.7;letter-spacing:.5px;color:var(--rd-accent);text-align:left;max-width:34em;margin:.15em auto .9em;padding-left:.2em}
.rd-text.prose .rd-notes{max-width:none;margin-top:.3em}
.zp{margin:0 0 .25em}
.zp-m{font-size:.6em;vertical-align:.2em;margin-right:.5em;opacity:.8}
.zp b{font-weight:600}
.no-zp .rd-notes{display:none}
.rd-fn{margin-top:40px;text-align:center;font-family:var(--fang);font-size:12px;color:#a09080}
@media (max-width:640px){.rd-t{font-size:27px;letter-spacing:3px}.rd-text{font-size:21px;letter-spacing:1px}.rd-text.prose{font-size:18px}.rd-page{padding:0 16px 70px}}
.rd-seg{display:inline-block}

/* 诗社作品全屏：左（作者、其他作品、意象、经典）· 中（诗文、配图）· 右（评论） */
.club-item.openable{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.club-item.openable:hover,.club-item.openable:focus-visible{border-color:var(--line2);box-shadow:0 4px 16px color-mix(in srgb,var(--ink) 10%,transparent);outline:none}
.rd-club{display:grid;grid-template-columns:clamp(240px,19vw,290px) minmax(0,1fr) clamp(240px,19vw,290px);gap:clamp(24px,3vw,48px);max-width:none;margin:0;padding:0 14px 60px;align-items:start}
.rc-main{text-align:center;padding-top:0}
.rc-main .rd-text{font-size:34px;line-height:2.1;letter-spacing:4px}
.rc-main .rd-text.prose{font-size:20px;line-height:1.95;letter-spacing:1px;text-align:left}
.rc-main .rd-line{text-align:center}
.rc-main .rd-text.prose .rd-line{text-align:justify}
.rc-img{margin:28px auto 0;max-width:560px}
.rc-img img{margin:0 auto;max-height:70vh}
.rc-acts{justify-content:center;margin-top:22px;gap:12px}
.rc-left,.rc-right{display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.rc-left>.rc-card:last-child,.rc-right>.rc-card:last-child{flex:1 1 auto}
.rc-card{background:var(--rd-card);border:1px solid var(--rd-line);border-radius:6px;padding:9px 12px;text-align:left;color:var(--rd-ink);font-family:var(--fang)}
.rc-lbl{font-size:12px;color:var(--rd-mute);letter-spacing:1px;margin-bottom:4px}
.rc-author{font-family:var(--kai);font-size:22px;line-height:1.3}
.rc-list{display:flex;flex-direction:column;gap:4px;font-size:14.5px}
.rc-list a{color:var(--rd-ink);text-decoration:none;border-bottom:1px dashed var(--rd-line);padding-bottom:3px}
.rc-list a:hover{color:var(--rd-accent)}
.rc-chips{display:flex;flex-wrap:wrap;gap:6px}
.rc-chips .chip{font-family:var(--kai);font-size:16px;text-decoration:none;color:var(--rd-accent);border-color:var(--rd-chip);background:transparent}
.rc-cmts .moments{background:var(--rd-wash)}
.reader .rc-card .faint,.reader .rd-by .faint{color:var(--rd-faint)}
.reader .rc-cmts textarea{background:var(--rd-field);color:var(--rd-ink);border-color:var(--rd-line)}
@media (max-width:1000px){
  .rd-club{grid-template-columns:minmax(0,1fr);gap:18px;padding:0 16px 70px}
  .rc-main{order:1}.rc-right{order:2}.rc-left{order:3}
  .rc-left,.rc-right{position:static;max-height:none;overflow:visible}
  .rc-main .rd-text{font-size:26px;letter-spacing:2px}
}

/* Vollbild immer im hellen Papierstil: alle Bausteine (Knöpfe, Chips, Kommentare) mit hellen Farben */
.reader{color-scheme:light;--bg:#fbf6ea;--paper:#fffdf7;--ink:#2b2a27;--ink2:#5a5246;--ink3:#8a7a66;--line:#e3d6bb;--line2:#c9b48c;--zhu:#a8322a;--zhu-ink:#fbf4e4;--zhu-soft:rgba(168,50,42,.09);--seal:#a8322a;--ok:#4f7a46;--warn:#a8322a;--cname:#4f6690;
  --rd-paper:#fbf6ea;--rd-ink:#2b2a27;--rd-mute:#8a7a66;--rd-btn:#7a6a55;--rd-hover:#d9c9a8;--rd-press:#c9a77c;--rd-line:#e3d6bb;--rd-accent:#9f1239;--rd-rt:#6b86a3;--rd-card:rgba(255,255,255,.55);--rd-faint:#9a8a72;--rd-field:#fffdf7;--rd-wash:rgba(120,100,60,.06);--rd-chip:#e3c9b0}

/* Detailseite: Gedichtrahmen öffnet den Lesemodus */
.stage.openable{cursor:zoom-in;transition:box-shadow .15s,border-color .15s}
.stage.openable:hover,.stage.openable:focus-visible{border-color:var(--line2);box-shadow:0 4px 18px color-mix(in srgb,var(--ink) 12%,transparent);outline:none}
.stage-hint{text-align:center;font-size:13px;margin:6px 0 0}

/* 诗社全屏 · 笺样（读者自选，浏览器记住）。默认「宣纸」即上面的米色纸页 */
.rd-skinw{position:relative}
.rd-skins{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;white-space:nowrap;background:var(--rd-field);border:1px solid var(--rd-line);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.16);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:5}
.rd-skins[hidden]{display:none}
.rd-skins button{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:6px;padding:7px 10px;font-family:var(--fang);font-size:14px;color:var(--rd-ink);cursor:pointer;text-align:left}
.rd-skins button:hover,.rd-skins button:focus-visible{background:var(--rd-wash);outline:none}
.rd-skins button[aria-checked="true"]{color:var(--rd-accent)}
.rd-skins button[aria-checked="true"]::after{content:"✓";margin-left:auto}
.rd-skins i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}

/* 夜读 · 墨色 */
.reader[data-paper="ye"]{color-scheme:dark;background-color:#1c1a17;background-image:radial-gradient(rgba(255,240,210,.025) 1px,transparent 1.2px),linear-gradient(180deg,#201d1a,#181614);background-size:7px 7px,100% 100%;
  --bg:#1c1a17;--paper:#26231f;--ink:#e9e1cf;--ink2:#cfc5b1;--ink3:#a59a85;--line:#3b362e;--line2:#5a5144;--zhu:#e0a065;--zhu-ink:#1c1a17;--zhu-soft:rgba(224,160,101,.13);--seal:#c96a4a;--ok:#8fb884;--warn:#e0a065;--cname:#9fb6e0;
  --rd-paper:#1c1a17;--rd-ink:#e9e1cf;--rd-mute:#a59a85;--rd-btn:#b7ab95;--rd-hover:#4a443a;--rd-press:#8a6a45;--rd-line:#3b362e;--rd-accent:#e0a065;--rd-rt:#8fb0cf;--rd-card:rgba(255,255,255,.035);--rd-faint:#8c826f;--rd-field:#26231f;--rd-wash:rgba(255,255,255,.05);--rd-chip:#5a4a36}
.reader[data-paper="ye"] .rc-img img{filter:brightness(.88)}

/* 薛涛笺 · 朱丝栏：淡红笺纸，朱红栏线 */
.reader[data-paper="xuetao"]{background-color:#f6e2da;background-image:radial-gradient(rgba(160,60,50,.05) 1px,transparent 1.2px),radial-gradient(rgba(160,60,50,.035) 1px,transparent 1.2px),linear-gradient(180deg,#f8e7e0,#f1d8ce);background-size:7px 7px,11px 11px,100% 100%;background-position:0 0,3px 5px,0 0;
  --rd-paper:#f6e2da;--rd-ink:#45261f;--rd-mute:#9a6c5f;--rd-btn:#8a5a4c;--rd-hover:#e2b9aa;--rd-press:#c07a66;--rd-line:#e6c2b4;--rd-accent:#a8322a;--rd-rt:#7a6f9a;--rd-card:rgba(255,248,245,.5);--rd-faint:#a07f74;--rd-field:#fff8f5;--rd-wash:rgba(150,60,40,.06);--rd-chip:#e2b1a3;
  --ink:#45261f;--line:#e6c2b4;--line2:#cf9c8c;--paper:#fff8f5}
.reader[data-paper="xuetao"] :is(.rc-main,.rd-page) .rd-text{border:1.5px solid rgba(168,50,42,.5);outline:1px solid rgba(168,50,42,.3);outline-offset:-6px;padding:.35em 1.3em}
.reader[data-paper="xuetao"] :is(.rc-main,.rd-page) .rd-text:not(.prose){width:fit-content;max-width:100%;margin:0 auto;box-sizing:border-box}
.reader[data-paper="xuetao"] .rc-main .rd-line{margin:0;padding:.08em 0}
.reader[data-paper="xuetao"] .rc-main .rd-line+.rd-line{border-top:1px solid rgba(168,50,42,.3)}
.reader[data-paper="xuetao"] :is(.rc-main,.rd-page) .rd-text.vert{padding:1.1em .4em}
.reader[data-paper="xuetao"] :is(.rc-main,.rd-page) .rd-text.vert .rd-line{padding:0 .12em}
.reader[data-paper="xuetao"] :is(.rc-main,.rd-page) .rd-text.vert .rd-line+.rd-line{border-top:0;border-right:1px solid rgba(168,50,42,.3)}

/* 竹简：竹黄底，每行一片竹简，两道编绳 */
.reader[data-paper="zhujian"]{background-color:#eee2c0;background-image:repeating-linear-gradient(90deg,rgba(120,90,30,.035) 0 1px,transparent 1px 7px),linear-gradient(180deg,#f1e6c7,#e8dab2);
  --rd-paper:#eee2c0;--rd-ink:#2f2412;--rd-mute:#7d6538;--rd-btn:#6e5730;--rd-hover:#d2bb82;--rd-press:#a8823e;--rd-line:#d6c18c;--rd-accent:#8b3a1a;--rd-rt:#5b6f86;--rd-card:rgba(255,250,232,.5);--rd-faint:#8a7448;--rd-field:#fbf5e2;--rd-wash:rgba(110,80,20,.07);--rd-chip:#cfae74;
  --ink:#2f2412;--line:#d6c18c;--line2:#bfa05e;--paper:#fbf5e2}
.reader[data-paper="zhujian"] :is(.rc-main,.rd-page) .rd-text:not(.prose){width:fit-content;max-width:100%;margin:0 auto}
.reader[data-paper="zhujian"] :is(.rc-main,.rd-page) .rd-text:not(.prose) .rd-l{margin:0 0 7px;padding:.06em 1.5em;border-radius:4px;
  background:linear-gradient(90deg,transparent .55em,rgba(92,60,25,.75) .55em calc(.55em + 3px),transparent calc(.55em + 3px) calc(100% - .55em - 3px),rgba(92,60,25,.75) calc(100% - .55em - 3px) calc(100% - .55em),transparent calc(100% - .55em)),linear-gradient(180deg,#ead291,#dcbf74 48%,#ccab5f);
  box-shadow:0 1px 2px rgba(80,50,10,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.reader[data-paper="zhujian"] :is(.rc-main,.rd-page) .rd-text.vert:not(.prose) .rd-l{margin:0 0 0 6px;padding:1.5em .06em;
  background:linear-gradient(180deg,transparent .55em,rgba(92,60,25,.75) .55em calc(.55em + 3px),transparent calc(.55em + 3px) calc(100% - .55em - 3px),rgba(92,60,25,.75) calc(100% - .55em - 3px) calc(100% - .55em),transparent calc(100% - .55em)),linear-gradient(90deg,#ccab5f,#ead291 50%,#d3b467)}
.reader[data-paper="zhujian"] :is(.rc-main,.rd-page) .rd-text.prose{background:rgba(234,210,145,.35);border-radius:6px;padding:.6em 1em}

/* 花笺 · 淡彩：素白笺纸，左上水纹，右下一枝淡梅 */
.reader[data-paper="huajian"]{background-color:#fdfbf6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 300 250'%3E%3Cdefs%3E%3Cg id='f'%3E%3Ccircle cx='0' cy='-5' r='4.2'/%3E%3Ccircle cx='4.8' cy='-1.5' r='4.2'/%3E%3Ccircle cx='2.9' cy='4' r='4.2'/%3E%3Ccircle cx='-2.9' cy='4' r='4.2'/%3E%3Ccircle cx='-4.8' cy='-1.5' r='4.2'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke='%237a5a48' stroke-linecap='round' opacity='.32'%3E%3Cpath d='M300 225C250 205 215 180 182 140C160 112 148 86 126 62' stroke-width='5'/%3E%3Cpath d='M200 163C220 128 250 112 276 104' stroke-width='3'/%3E%3Cpath d='M158 106C138 106 112 116 94 132' stroke-width='2.5'/%3E%3Cpath d='M126 62C120 48 122 36 130 24' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23eaa7b2' opacity='.5'%3E%3Cuse href='%23f' x='128' y='60'/%3E%3Cuse href='%23f' x='180' y='136'/%3E%3Cuse href='%23f' x='274' y='102'/%3E%3Cuse href='%23f' x='95' y='131'/%3E%3Cuse href='%23f' x='226' y='120'/%3E%3Cuse href='%23f' x='131' y='26'/%3E%3C/g%3E%3Cg fill='%23c9606f' opacity='.55'%3E%3Ccircle cx='128' cy='60' r='1.6'/%3E%3Ccircle cx='180' cy='136' r='1.6'/%3E%3Ccircle cx='274' cy='102' r='1.6'/%3E%3Ccircle cx='226' cy='120' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='130' viewBox='0 0 320 130'%3E%3Cg fill='none' stroke='%236f9aa6' stroke-width='1.4' opacity='.28'%3E%3Cpath d='M-10 30q40-16 80 0t80 0t80 0t80 0'/%3E%3Cpath d='M-10 52q40-16 80 0t80 0t80 0'/%3E%3Cpath d='M-10 74q40-16 80 0t80 0'/%3E%3Cpath d='M-10 96q40-16 80 0'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#fefdf9,#f8f5ec);background-repeat:no-repeat;background-position:right 0 bottom 0,left 0 top 48px,0 0;background-size:300px 250px,320px 130px,100% 100%;
  --rd-paper:#fdfbf6;--rd-ink:#2e3434;--rd-mute:#7d8a86;--rd-btn:#66746f;--rd-hover:#d5ddd8;--rd-press:#9fb3aa;--rd-line:#e2e6df;--rd-accent:#b0506a;--rd-rt:#6a8fa3;--rd-card:rgba(255,255,255,.7);--rd-faint:#8d9893;--rd-field:#ffffff;--rd-wash:rgba(90,120,110,.06);--rd-chip:#e7c3cc;
  --ink:#2e3434;--line:#e2e6df;--line2:#c4cec8;--paper:#ffffff}

/* 竖排：从右到左竖行，拼音在字右侧 */
:is(.rc-main,.rd-page) .rd-text.vert{writing-mode:vertical-rl;max-height:74vh;width:fit-content;max-width:100%;margin:0 auto;overflow-x:auto;overflow-y:hidden;letter-spacing:6px;box-sizing:border-box}
:is(.rc-main,.rd-page) .rd-text.vert .rd-line{text-align:start;margin:0 0 0 .25em}
:is(.rc-main,.rd-page) .rd-text.vert.prose{letter-spacing:2px}
:is(.rc-main,.rd-page) .rd-text.vert.prose .rd-line{margin:0 0 0 .6em}
@media (max-width:1000px){:is(.rc-main,.rd-page) .rd-text.vert{max-height:70vh}}
.rd-page .rd-text.vert .rd-notes{margin:0 .1em 0 .5em;max-width:none;padding:0}
.rd-page .rd-text.vert .zp{margin:0 0 0 .3em}
.rd-page .rd-text.vert .rd-line.stz{margin-top:0;margin-right:1em}

/* 我的账户：三栏拼成一个长方形，卡片高低错落，每栏最后一张卡片补齐底边 */
.me-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.me-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.me-col>.card{margin:0}
.me-col>.card:last-child{flex:1 1 auto}
@media (max-width:1000px){
  .me-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .me-col:nth-child(3){grid-column:1 / -1;flex-direction:row;align-items:stretch}
  .me-col:nth-child(3)>.card{flex:1 1 0}
}
@media (max-width:640px){
  .me-grid{grid-template-columns:minmax(0,1fr)}
  .me-col:nth-child(3){flex-direction:column}
  .me-col>.card:last-child,.me-col:nth-child(3)>.card{flex:none}
}

/* 今日：日期栏下的问候 */
.jq .greet{flex-basis:100%;margin:6px 0 0;font-family:var(--kai);font-size:20px;letter-spacing:2px;color:var(--ink2)}

/* 写诗：随手一则典故 */
.dgpush .dgp-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 2px}
.dgpush .dgp-n{font-family:var(--kai);font-size:26px;color:var(--zhu);letter-spacing:2px}
.dgpush .dgp-t{margin:4px 0 6px;font-size:15px;line-height:1.75}
.dgpush .dgp-ex{margin:0 0 8px;font-family:var(--kai);font-size:18px}
.dgpush .dgp-ex a{font-family:var(--fang);font-size:13px;margin-left:6px}

/* 管理 · 通知 */
.nres{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}
.nres-i{display:flex;align-items:baseline;gap:8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 8px;color:var(--ink);cursor:pointer;font:inherit}
.nres-i:hover,.nres-i:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);outline:none}
.nres-i[aria-pressed="true"]{border-color:var(--zhu)}
.nres-i[aria-pressed="true"] b::before{content:"✓ ";color:var(--zhu)}
.nres-i .faint{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nsel{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nsel .chip{font-size:13px}
.nhist-i{padding:8px 0;border-bottom:1px dashed var(--line)}
.nhist-i .faint{font-size:13px;margin-top:3px}
.chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin-right:14px}

/* 通知：看过的消息由高亮渐变回白色 */
.nt-item{transition:background-color .9s ease}
.nt-item.unread.seen{background:transparent}
.nt-item.unread.seen .nt-text::before{opacity:0;transition:opacity .9s ease}
.nmailbox{border:1px dashed var(--line2);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.nmailbox .faint{font-size:13px;line-height:1.6}
.form label.chk{display:inline-flex;flex-direction:row;align-items:center;gap:6px;width:auto}
.form label.chk input{width:auto;margin:0}

/* 推送开关 */
.nt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pushctl{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.pushctl .pc-on{color:var(--ok)}
.pushctl .pc-on::before{content:"● ";font-size:10px;vertical-align:1px}
.pushctl .pc-tip{font-size:12px;line-height:1.6;color:var(--ink2);max-width:300px;display:block}

/* 推送引导：温暖纸色的轻量浮层 */
.onb{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,#2b231d 32%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .25s ease}
.onb.open{opacity:1}
.onb-card{position:relative;width:min(400px,100%);box-sizing:border-box;text-align:center;padding:30px 28px 24px;border-radius:10px;
  background-color:#fbf6ea;background-image:radial-gradient(rgba(150,120,70,.05) 1px,transparent 1.2px),linear-gradient(180deg,#fcf8ef,#f6eedd);background-size:7px 7px,100% 100%;
  border:1px solid #d9c9a8;box-shadow:0 18px 50px rgba(43,35,29,.28);color:#2b2a27;transform:translateY(12px) scale(.98);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.onb.open .onb-card{transform:none}
.onb-x{position:absolute;top:8px;right:8px;background:transparent;border:0;color:#8a7a66;font-size:18px;line-height:1;padding:6px 8px;border-radius:50%;cursor:pointer}
.onb-x:hover,.onb-x:focus-visible{color:#9f1239;outline:none}
.onb-seal{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:4px;background:#a8322a;color:#fbf4e4;font-family:var(--kai);font-size:26px}
.onb-t{font-family:var(--kai);font-weight:400;font-size:26px;letter-spacing:6px;margin:16px 0 4px;color:#2b2a27}
.onb-q{font-family:var(--kai);font-size:19px;line-height:1.7;margin:6px 0 10px;color:#2b2a27}
.onb-s{font-size:13px;line-height:1.75;color:#8a7a66;margin:0 0 18px;padding-top:10px;border-top:1px dashed #d9c9a8}
.onb-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.onb-acts .btn{min-width:120px}
.onb .btn{background:#fffdf7;color:#2b2a27;border-color:#d9c9a8}
.onb .btn.pri{background:#a8322a;color:#fbf4e4;border-color:#a8322a}
@media (max-width:520px){.onb{place-items:end center;padding:0}.onb-card{width:100%;border-radius:14px 14px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom,0px))}.onb-acts .btn{flex:1}}
@media (prefers-reduced-motion:reduce){.onb,.onb-card{transition:none}}
.jq .greet-sub{display:block;margin-top:2px;font-size:15px;letter-spacing:1px;color:var(--ink3)}

/* 分享 */
.shr{z-index:320}
.shr .shr-card{width:min(520px,100%);text-align:left;padding:24px 24px 20px;max-height:calc(100vh - 32px);overflow-y:auto}
.shr-t{font-family:var(--kai);font-weight:400;font-size:24px;letter-spacing:2px;margin:0 30px 2px 0;color:#2b2a27}
.shr-by{font-size:14px;color:#8a7a66;margin-bottom:10px}
.shr-sec{border-top:1px dashed #d9c9a8;padding-top:12px;margin-top:12px}
.shr-lbl{font-size:13px;letter-spacing:1px;color:#8a7a66;margin-bottom:8px}
.shr .txt{background:#fffdf7;color:#2b2a27;border-color:#d9c9a8}
.shr .chip{background:transparent;color:#2b2a27;border-color:#d9c9a8}
.shr-res{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.shr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.shr-b{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:1px solid transparent;border-radius:8px;background:transparent;color:#2b2a27;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.shr-b:hover,.shr-b:focus-visible{background:rgba(120,100,60,.08);border-color:#e3d6bb;outline:none}
.shr-i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fffdf7;border:1px solid #e3d6bb;font-size:18px;font-family:var(--kai);color:#a8322a}
.shr-qr{display:flex;gap:14px;align-items:center;margin-top:12px}
.shr-qr canvas{flex:none;border:1px solid #e3d6bb;border-radius:6px}
.shr-qr p{margin:0;font-size:13px;line-height:1.7;color:#5a5246}
.shr-card-img{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-items:center}
.shr-card-img img{max-width:100%;max-height:52vh;border:1px solid #e3d6bb;border-radius:6px;box-shadow:0 4px 14px rgba(43,35,29,.12)}
.nt-foot{font-size:12px;text-align:center;margin:0;padding:10px 14px}
@media (max-width:520px){.shr-grid{grid-template-columns:repeat(4,1fr)}.shr .shr-card{max-height:88vh}}

/* 私信：会话列表与聊天 */
.mav{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--zhu) 14%,var(--paper));color:var(--zhu);font-family:var(--kai);font-size:20px;border:1px solid var(--line)}
.mconv{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px dashed var(--line);color:var(--ink);text-decoration:none}
.mconv:hover,.mconv:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);outline:none}
.mconv-m{flex:1;min-width:0;display:flex;flex-direction:column}
.mconv-m b{font-weight:600}
.mconv-l{font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mconv-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}
.mconv-r i{font-style:normal;min-width:18px;height:18px;line-height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--zhu);color:var(--zhu-ink,#fff);font-size:11px;text-align:center;font-family:system-ui,sans-serif}
.msg-card{padding:0;overflow:hidden}
.msg-new{padding:12px;border-bottom:1px solid var(--line)}
.msg-new .txt{width:100%;box-sizing:border-box}
.nt-convs .mconv{padding:9px 14px}
.nt-convs .mav{width:34px;height:34px;font-size:17px}
.rc-dm{margin-top:8px;align-self:flex-start}
.shr-recent{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px;font-size:13px}
.chat{display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:420px;max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden}
.chat-h{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.chat-h b{flex:1;font-family:var(--kai);font-size:20px;font-weight:400;text-align:center}
.chat-box{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.chat-more{text-align:center}
.chat-empty{margin:auto}
.mb{display:flex;flex-direction:column;max-width:78%}
.mb.mine{align-self:flex-end;align-items:flex-end}
.mb.theirs{align-self:flex-start;align-items:flex-start}
.mb-b{border-radius:12px;padding:8px 12px;line-height:1.7;word-break:break-word;display:flex;flex-direction:column;gap:6px}
.mb.theirs .mb-b{background:color-mix(in srgb,var(--ink) 6%,var(--paper));border-top-left-radius:4px}
.mb.mine .mb-b{background:color-mix(in srgb,var(--zhu) 14%,var(--paper));border-top-right-radius:4px}
.mb-m{font-size:11px;color:var(--ink3);margin-top:2px}
.mb-m .linkbtn{font-size:11px}
.mcard{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--ink);text-decoration:none;min-width:180px}
.mcard b{font-family:var(--kai);font-size:17px;font-weight:400}
.mcard .faint{font-size:12px}
.mcard-l{font-family:var(--kai);font-size:15px;color:var(--ink2)}
.mcard-x{min-width:0}
a.mcard:hover{border-color:var(--zhu)}
.chat-in{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);align-items:flex-end}
.chat-in .txt{flex:1;resize:none;min-height:44px;max-height:140px;box-sizing:border-box}
.chat-in.off{opacity:.65}
@media (max-width:640px){.chat{height:calc(100vh - 170px);border-radius:0;border-left:0;border-right:0;margin:0 -16px}.mb{max-width:88%}}
.mj .mj-sep{height:1px;margin:14px 0 4px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}

/* Logo in der Kopfzeile: hell oder dunkel passend zum Website-Stil */
.brand-logo{width:44px;height:44px;border-radius:10px;display:block;flex:none}
.brand .bl-dark{display:none}
@media (prefers-color-scheme: dark){html:root:not([data-skin]) .brand .bl-light{display:none}html:root:not([data-skin]) .brand .bl-dark{display:block}}
html:root[data-skin="deng"] .brand .bl-light{display:none}
html:root[data-skin="deng"] .brand .bl-dark{display:block}
.brand{gap:12px}
@media (max-width:640px){.brand-logo{width:36px;height:36px;border-radius:8px}}