/* 会员页沿用全站字体、朱红强调色、青绿链接及白色阅读卡片。 */
/* 顶部导航登录态入口（所有页面生效） */
body>header .member-nav-logout { font:inherit; font-size:13px; color:#666; background:#fff; border:1px solid var(--color-border); border-radius:999px; padding:4px 14px; cursor:pointer; letter-spacing:.04em; transition:color .25s ease,border-color .25s ease; }
body>header .member-nav-logout:hover { color:var(--color-accent); border-color:var(--color-accent); }
body>header .member-nav-logout:disabled { opacity:.55; cursor:wait; }
.member-page { max-width:1000px; margin:0 auto; padding:24px 24px 56px; color:var(--color-text); }
.member-heading { margin-bottom:20px; }
.member-heading h1 { font-family:var(--font-serif); font-size:24px; letter-spacing:.05em; margin:6px 0; }
.member-eyebrow { font-size:12px; color:var(--color-accent); letter-spacing:.08em; }
.member-heading p,.member-hint { color:var(--color-text-light); font-size:13px; line-height:1.8; }
.member-nav { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; border-bottom:1px solid var(--color-border); padding-bottom:16px; }
.member-nav a { padding:6px 14px; border-radius:4px; color:#004B50; font-size:14px; }
.member-nav a:hover,.member-nav a[aria-current=page] { color:var(--color-accent); background:#faf4f2; }
.member-nav a[aria-current=page] { font-weight:600; }
.member-box,.member-item { background:#fff; border:1px solid var(--color-border); border-radius:6px; box-shadow:var(--shadow); padding:20px 24px; margin:16px 0; overflow-wrap:anywhere; }
.member-box h2,.member-item h2 { font-family:var(--font-serif); font-size:18px; margin:0 0 16px; font-weight:600; }
.member-item h2 { margin:6px 0; }.member-item h2 a:hover { color:var(--color-accent); }
.member-item p { color:var(--color-text-light); font-size:13px; }
.member-item { display:flex; justify-content:space-between; gap:24px; align-items:start; transition:border-color .25s ease; }
.member-item:hover { border-color:#e6d2cc; }
.member-item>div { min-width:0; flex:1; }.member-tag { font-size:12px; color:var(--color-accent); }
.member-list-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.member-form { display:flex; flex-direction:column; gap:16px; max-width:440px; }
.member-form label,.member-inline-form label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
.member-page input,.member-page select { padding:10px 12px; border:1px solid #ddd; border-radius:4px; font:inherit; background:#fff; min-width:0; max-width:100%; box-sizing:border-box; }
.member-page input:focus,.member-page select:focus { border-color:var(--color-accent); outline:none; }
.member-page button { font:inherit; font-size:14px; background:var(--color-accent); color:#fff; border:0; border-radius:4px; padding:10px 18px; cursor:pointer; }
.member-page button:hover { background:#a63c45; }
.member-page button:disabled { opacity:.55; cursor:wait; }
.member-inline-form { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.member-captcha { display:flex; gap:10px; align-items:center; }.member-captcha button { font-size:12px; padding:8px; }
.member-notice { color:var(--color-accent); min-height:1.5em; line-height:1.7; font-size:14px; }.member-notice:empty { display:none; }
.member-pagination { display:flex; gap:20px; margin-top:24px; color:#004B50; font-size:14px; }
.member-empty { padding:32px 0; color:var(--color-text-light); font-size:14px; }
/* 阅读工具与个人操作共用一条工具栏；细线图标弱化按钮堆叠。 */
.member-controls { display:flex; flex:none; align-items:center; gap:4px; margin:0; }
.member-controls button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:36px; font:inherit; font-size:12px; line-height:1.5; white-space:nowrap; padding:6px 8px; background:transparent; color:#706b63; border:0; border-radius:4px; cursor:pointer; }
.member-controls .member-menu-icon { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.member-controls button:hover { color:var(--color-accent,#C04851); background:#faf4f2; }
.member-controls button.is-saved { color:#a53d46; background:#faf4f2; }
.member-controls button.is-saved svg { fill:rgba(192,72,81,.12); }
.member-controls button:disabled { opacity:.55; cursor:wait; }
.member-controls button:focus-visible { outline:2px solid var(--color-accent,#C04851); outline-offset:3px; }
.poem-card .poem-card-footer.member-action-bar { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start; gap:6px 12px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(0,0,0,.06); }
.poem-card .poem-card-footer.member-action-bar > .poem-tools { display:flex; align-items:center; flex-wrap:wrap; gap:4px; margin:0 auto 0 0; padding:0; border:0; }
.poem-card .poem-card-footer.member-action-bar .poem-detail-link { margin-left:0; }
.member-action-bar .member-controls { padding-left:10px; border-left:1px solid #e8e2db; }
.poem-card .poem-card-footer.member-action-bar .tool-btn,.poem-detail-tools.member-action-bar .tool-btn { min-height:36px; padding:6px 8px; border-color:transparent; color:#706b63; font-size:12px; line-height:1.5; }
.poem-card .poem-card-footer.member-action-bar .tool-btn:hover,.poem-detail-tools.member-action-bar .tool-btn:hover { color:var(--color-accent,#C04851); background:#faf4f2; }
.poem-card .poem-card-footer.member-action-bar .tool-btn.active,.poem-detail-tools.member-action-bar .tool-btn[aria-pressed=true] { color:#a53d46; background:#faf4f2; }
.member-action-bar .member-reading-tools { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; min-width:0; }
.member-controls-standalone { margin:14px 0 0; padding-top:10px; border-top:1px solid rgba(0,0,0,.06); }
.quote-card > .member-controls-standalone { justify-content:center; padding-top:0; border:0; }
@media (max-width:768px) {
    .member-controls button,.poem-card .poem-card-footer.member-action-bar .tool-btn,.poem-detail-tools.member-action-bar .tool-btn { min-height:44px; }
}
@media (max-width:600px) {
    .poem-card .poem-card-footer.member-action-bar > .poem-tools { flex-basis:100%; }
    .member-action-bar .member-controls { border-left:0; padding-left:0; }
    .poem-card .poem-card-footer.member-action-bar .poem-detail-link { margin-left:auto; }
    .member-action-bar .member-reading-tools { flex-basis:100%; }
    .poem-detail-tools.member-action-bar { gap:0 8px; }
}
.member-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 40px); padding:12px 20px; background:var(--color-text); color:white; border-radius:6px; z-index:10000; font-size:14px; box-sizing:border-box; }
.member-page summary { cursor:pointer; color:#004B50; font-size:14px; }.member-page summary:hover { color:var(--color-accent); }
.member-box details,.member-item details { border-top:1px dashed var(--color-border); margin-top:14px; padding-top:10px; }
.member-box details>form,.member-item details>form { margin-top:12px; }
.member-page .member-button-ghost { background:#fff; color:#004B50; border:1px solid #ddd; }
.member-page .member-button-ghost:hover { background:#faf4f2; color:var(--color-accent); border-color:var(--color-accent); }
.member-page :focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
/* 加入诗单：按钮旁的普通清单，点选即加入，不遮挡阅读。 */
.member-list-picker { position:fixed; inset:auto; margin:0; z-index:1200; width:340px; max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); overflow:auto; padding:0; border:1px solid #e6e6e6; border-radius:6px; background:#fff; color:#2c2c2c; box-shadow:0 8px 28px rgba(0,0,0,.12); font-family:var(--font-sans); }
.member-list-picker:focus { outline:none; }
.member-list-picker::backdrop { background:transparent; }
.member-picker-header { position:relative; padding:20px 44px 18px 20px; }
.member-picker-header h2 { margin:0; font-family:var(--font-sans); font-size:18px; font-weight:600; line-height:1.5; }
.member-picker-work { margin-top:8px; color:#666; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.member-picker-close { position:absolute; top:9px; right:8px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:0; border-radius:4px; background:transparent; color:#777; cursor:pointer; }
.member-picker-close:hover { color:#2c2c2c; background:#f5f5f5; }
.member-picker-icon { display:block; flex:none; width:16px; height:16px; background:currentColor; mask-repeat:no-repeat; mask-position:center; mask-size:contain; }
.member-picker-x { mask-image:url('/images/ui/x.svg'); }
.member-picker-arrow { mask-image:url('/images/ui/arrow-right.svg'); color:var(--color-accent); opacity:0; }
.member-picker-options { max-height:240px; max-height:min(240px,40dvh); overflow:auto; scrollbar-width:thin; scrollbar-color:#ccc transparent; }
.member-picker-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:58px; padding:14px 20px; border:0; border-radius:0; background:#fff; color:#2c2c2c; font:inherit; font-size:16px; line-height:1.7; text-align:left; cursor:pointer; }
.member-picker-option + .member-picker-option { border-top:1px solid #f0f0f0; }
.member-picker-option-name { min-width:0; overflow-wrap:anywhere; }
.member-picker-option-saved { flex:none; color:#a53d46; font-size:13px; }
.member-picker-option:hover,.member-picker-option:focus-visible { background:#f7f7f7; }
.member-picker-option:hover .member-picker-arrow,.member-picker-option:focus-visible .member-picker-arrow { opacity:1; }
.member-picker-option:disabled { opacity:.55; cursor:wait; }
.member-picker-hint { margin:0; padding:13px 20px; border-top:1px solid #eee; color:#666; font-size:13px; line-height:1.6; }
.member-picker-feedback { margin:0; padding:10px 18px; color:#a53d46; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.member-picker-feedback[hidden] { display:none; }
.member-picker-empty { padding:8px 18px 18px; font-size:13px; line-height:1.7; color:#666; }
.member-picker-empty a { display:inline-flex; align-items:center; min-height:36px; margin-top:5px; color:#004b50; }
.member-list-picker :focus-visible { outline:2px solid var(--color-accent); outline-offset:-2px; }
@media (max-width:600px) { .member-picker-close { top:3px; right:3px; width:44px; height:44px; } .member-picker-empty a { min-height:44px; } }
/* 右上角用户菜单（头像 + 下拉） */
#memberAuthNav.member-user { position:relative; }
body>header .nav-links { align-items:center; }
.member-user-menu { position:relative; display:flex; align-items:center; }
.member-user-trigger { display:flex; align-items:center; gap:8px; background:none; border:1px solid transparent; padding:4px 8px; cursor:pointer; font:inherit; font-size:14px; color:var(--color-text); border-radius:999px; -webkit-tap-highlight-color:transparent; transition:background .2s ease,border-color .2s ease; }
.member-user-trigger:hover,.member-user-trigger[aria-expanded=true] { background:#faf4f2; border-color:rgba(192,72,81,.08); }
.member-user-trigger:focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
.member-avatar { width:30px; height:30px; border-radius:50%; object-fit:cover; display:block; box-shadow:0 0 0 1px rgba(0,0,0,.08); }
.member-avatar-fallback { display:flex; align-items:center; justify-content:center; background:var(--color-accent); color:#fff; font-family:var(--font-serif); font-size:14px; user-select:none; }
.member-user-name { max-width:96px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-menu-icon { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.member-user-chevron { width:14px; height:14px; color:#999; transition:transform .2s ease; }
.member-user-trigger[aria-expanded=true] .member-user-chevron { transform:rotate(180deg); }
.member-user-dropdown { position:absolute; top:calc(100% + 10px); right:0; width:184px; max-width:calc(100vw - 32px); background:#fff; border:1px solid rgba(89,65,53,.1); border-radius:10px; box-shadow:0 6px 24px rgba(54,40,31,.08); padding:6px; z-index:1100; }
.member-user-dropdown[hidden] { display:none; }
.member-user-dropdown::before { content:''; position:absolute; top:-5px; right:24px; transform:rotate(45deg); width:8px; height:8px; background:#fff; border-left:1px solid rgba(89,65,53,.1); border-top:1px solid rgba(89,65,53,.1); }
/* 悬停桥：鼠标从头像移向菜单时经过空隙不丢失 hover */
.member-user-menu::after { content:''; position:absolute; top:100%; left:0; right:0; height:10px; }
/* 限定在账号入口内，避免主导航链接规则覆盖菜单的字号、内边距和伪元素。 */
#memberAuthNav .member-user-dropdown a,#memberAuthNav .member-user-dropdown button { display:flex; align-items:center; gap:10px; width:100%; min-height:40px; text-align:left; padding:9px 12px; font:inherit; font-size:14px; line-height:1.5; letter-spacing:0; color:var(--color-text); border-radius:6px; background:none; border:0; cursor:pointer; text-decoration:none; white-space:nowrap; transition:color .2s ease,background .2s ease; }
#memberAuthNav .member-user-dropdown a::after { content:none; }
#memberAuthNav .member-user-dropdown a .member-menu-icon { color:#8e8781; }
#memberAuthNav .member-user-dropdown a:hover,#memberAuthNav .member-user-dropdown a[aria-current=page],#memberAuthNav .member-user-dropdown button:hover { background:#faf5ef; color:var(--color-accent); }
#memberAuthNav .member-user-dropdown a:hover .member-menu-icon,#memberAuthNav .member-user-dropdown a[aria-current=page] .member-menu-icon { color:inherit; }
#memberAuthNav .member-user-dropdown :focus-visible { background:#faf5ef; outline:2px solid var(--color-accent); outline-offset:-2px; }
.member-user-logout-group { margin-top:5px; padding-top:5px; border-top:1px solid var(--color-border); }
#memberAuthNav .member-user-dropdown .member-user-logout { color:var(--color-accent); }
#memberAuthNav .member-user-dropdown button:disabled { opacity:.55; cursor:wait; }
@media(hover:none),(pointer:coarse) { #memberAuthNav .member-user-dropdown a,#memberAuthNav .member-user-dropdown button { min-height:44px; } }
@media(max-width:650px) { .member-user-trigger { gap:0; padding:4px; min-width:40px; min-height:40px; justify-content:center; } .member-user-chevron { display:none; } .member-user-dropdown::before { right:15px; } body>header .nav-links>li>a { white-space:nowrap; } }
@media(max-width:420px) { body>header .nav-links { gap:.45rem; } body>header .logo img { height:26px; } }
@media(max-width:360px) { body>header .nav-links { gap:.3rem; } }
@media(prefers-reduced-motion:reduce) { .member-user-trigger,.member-user-chevron,#memberAuthNav .member-user-dropdown a,#memberAuthNav .member-user-dropdown button { transition:none; } }
.member-avatar-row { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.member-avatar-large { width:64px; height:64px; }
.member-avatar-large.member-avatar-fallback { font-size:26px; }
/* 登录页：背景介绍与表单分栏，沿用站内白底和朱红操作。 */
.member-login-page { width:100%; max-width:1088px; padding:40px 24px 64px; }
.member-login-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); max-width:1040px; min-height:580px; margin:8px auto 0; background:#fff; border:1px solid #e6e6e6; border-radius:6px; overflow:hidden; box-shadow:var(--shadow); }
.member-login-intro { position:relative; display:flex; flex-direction:column; justify-content:center; padding:48px clamp(28px,4vw,56px); color:#fff; background:#303536 url(/images/hero-bg.jpg) center/cover no-repeat; }
.member-login-intro::before { content:''; position:absolute; inset:0; background:linear-gradient(160deg,rgba(16,23,26,.72),rgba(16,23,26,.6)); }
.member-login-intro>* { position:relative; }
.member-login-lead { font-family:var(--font-serif); font-size:28px; font-weight:500; line-height:1.6; }
.member-login-intro-copy { max-width:360px; font-size:15px; line-height:1.9; margin-top:24px; text-wrap:pretty; }
.member-login-history-copy { max-width:360px; font-size:13px; line-height:1.9; margin-top:32px; text-wrap:pretty; }
.member-login-features { display:none; list-style:none; color:#fff; }
.member-login-panel { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:40px 48px; }
.member-login-panel>* { width:100%; max-width:400px; margin-left:auto; margin-right:auto; }
.member-login-panel h1 { font-family:var(--font-sans); font-size:24px; font-weight:600; line-height:1.5; margin-bottom:24px; }
.member-login-panel .member-notice:not(:empty) { margin-bottom:20px; font-size:13px; }
.member-login-tabs { display:flex; gap:24px; margin-top:0; margin-bottom:24px; border-bottom:1px solid #e6e6e6; }
.member-login-tabs button { background:none; border:0; border-radius:0; font:inherit; font-size:14px; color:#666; padding:8px 0 12px; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; }
.member-login-tabs button:hover { background:none; color:var(--color-accent); }
.member-login-tabs button.active { color:#a53d46; border-bottom-color:var(--color-accent); font-weight:500; }
.member-login-layout [hidden] { display:none; }
.member-login-form-title { font-family:var(--font-sans); font-size:16px; font-weight:500; margin:0 0 16px; }
.member-login-panel.is-enhanced .member-login-form-title,.member-login-panel.is-enhanced .member-login-purpose,.member-login-panel:not(.is-enhanced) [data-refresh-captcha] { display:none; }
.member-login-panel:not(.is-enhanced) #loginPanelSms { padding-top:24px; margin-top:24px; border-top:1px solid #e6e6e6; }
.member-login-pane .member-form { max-width:none; gap:18px; }
.member-login-panel input,.member-login-panel select { min-height:46px; border-color:#dcdcdc; border-radius:4px; font-size:14px; line-height:1.6; }
.member-login-panel input::placeholder { color:#767676; opacity:1; }
.member-login-panel .member-form label { font-size:13px; color:#444; gap:8px; }
.member-login-pane .member-form>button { width:100%; min-height:46px; padding:10px 16px; font-size:14px; letter-spacing:0; }
.member-login-help { font-size:13px; color:#666; line-height:1.7; margin:0 0 20px; }
.member-login-foot { display:flex; justify-content:space-between; gap:16px; margin-top:18px; font-size:13px; }
.member-login-foot a { color:#666; }
.member-login-foot a:hover,.member-login-browse a:hover { color:var(--color-accent); }
.member-login-captcha-field { min-width:0; }
.member-login-captcha-row { display:flex; align-items:center; gap:10px; margin-top:8px; }
.member-login-captcha-row>input { flex:1; min-width:0; width:0; }
.member-login-captcha-row .member-captcha { flex:none; gap:8px; }
.member-login-captcha-row img { display:block; width:150px; height:48px; border-radius:4px; }
.member-login-captcha-row .member-captcha button { min-height:44px; padding:6px 0; font-size:12px; color:#666; background:none; white-space:nowrap; }
.member-login-captcha-row .member-captcha button:hover { color:var(--color-accent); }
.member-login-native-refresh { margin-top:12px; }
.member-login-native-refresh button { font-size:12px; color:#666; background:none; padding:6px 0; }
.member-login-panel .member-verify { margin-top:24px; padding-top:24px; border-top:1px solid #e6e6e6; }
.member-login-panel .member-verify h2 { font-family:var(--font-sans); font-size:16px; font-weight:500; margin-bottom:16px; }
.member-login-browse { margin-top:24px; padding-top:20px; border-top:1px solid #eee; font-size:13px; color:#666; text-align:center; }
.member-login-unavailable { color:#666; font-size:14px; }
.member-login-panel .member-form-notice { font-size:13px; color:#a53d46; line-height:1.8; overflow-wrap:anywhere; }
.member-login-layout :focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
.member-login-panel input:focus-visible,.member-login-panel select:focus-visible { border-color:var(--color-accent); outline:2px solid var(--color-accent); outline-offset:2px; }
@media(max-width:768px) {
 .member-login-page { padding:24px 20px 48px; }
 .member-login-layout { grid-template-columns:minmax(0,1fr); min-height:0; margin-top:0; }
 .member-login-intro { min-height:120px; padding:22px 24px; }
 .member-login-features { display:flex; flex-direction:row; gap:0; flex-wrap:nowrap; font-size:12px; white-space:nowrap; }
 .member-login-features li+li::before { content:'·'; margin:0 9px; }
 .member-login-feature-full { display:none; }
 .member-login-panel { padding:28px 20px; }
 .member-login-panel h1 { font-size:22px; }
}
@media(max-width:540px) {
 .member-login-page { padding:20px 16px 40px; }
 .member-login-captcha-row { flex-wrap:wrap; }
 .member-login-captcha-row>input { flex-basis:100%; width:100%; }
 .member-login-captcha-row .member-captcha { width:100%; justify-content:space-between; }
}
@media(max-width:650px) { .member-page { padding:20px 16px 40px; }.member-list-grid { grid-template-columns:1fr; gap:0; }.member-heading h1 { font-size:22px; }.member-box,.member-item { padding:18px; }.member-item { flex-direction:column; gap:8px; }.member-nav a { padding:6px 12px; }.member-inline-form label { flex:1; min-width:100px; }.member-captcha { flex-wrap:wrap; }.member-user-name { display:none; } }

/* 个人书房：所有布局与装饰限定在登录后的个人中心。 */
.member-study { --study-ink:#333; --study-muted:#707070; --study-line:#e6e6e6; --study-paper:#fff; width:100%; max-width:1120px; display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; padding:40px 24px 64px; color:var(--study-ink); }
.member-study .member-study-icon { display:inline-block; width:18px; height:18px; flex:none; vertical-align:middle; }
.member-study-sidebar { align-self:start; position:sticky; top:84px; padding:8px 24px 0 0; border-right:1px solid var(--study-line); }
.member-study-profile { display:flex; gap:12px; align-items:center; margin:0 0 28px; }
.member-study-profile>div { min-width:0; }
.member-study-seal { width:40px; height:40px; flex:none; display:grid; place-items:center; font-family:var(--font-serif); font-size:22px; line-height:1; color:#666; background:#ededed; border-radius:50%; }
.member-study-nickname { font-size:15px; font-weight:500; overflow-wrap:anywhere; line-height:1.6; }
.member-study-phone { color:var(--study-muted); font-size:12px; margin-top:3px; }
.member-study .member-nav { display:flex; flex-direction:column; gap:6px; border:0; margin:0; padding:0; }
.member-study .member-nav a { display:flex; align-items:center; gap:12px; padding:12px 14px; font-size:14px; color:#666; border-radius:4px; min-height:44px; white-space:nowrap; }
.member-study .member-nav-label-short { display:none; }
.member-study .member-nav a:hover { background:#f0f0f0; color:var(--color-accent); }
.member-study .member-nav a[aria-current=page] { color:#a44348; background:#f2eded; }
.member-study-browse { display:flex; align-items:center; gap:8px; margin:28px 14px 0; padding-top:20px; border-top:1px solid var(--study-line); font-size:12px; color:var(--study-muted); }
.member-study-browse:hover { color:var(--color-accent); }
.member-study-content { min-width:0; }
.member-study-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:0; padding:0 0 22px; border-bottom:1px solid var(--study-line); margin-bottom:24px; }
.member-study-heading>div { min-width:0; }
.member-study-heading h1 { font-family:var(--font-serif); font-size:24px; font-weight:600; line-height:1.55; margin:0 0 6px; overflow-wrap:anywhere; }
.member-study-description { font-size:13px; color:var(--study-muted); line-height:1.7; }
.member-study-back { display:flex; align-items:center; gap:6px; font-size:12px; color:#707070; }
.member-study-back:hover { color:var(--color-accent); }
.member-study-count { flex:none; display:flex; align-items:baseline; gap:5px; color:var(--study-muted); font-size:13px; white-space:nowrap; }
.member-study-count strong { font-size:13px; font-weight:400; color:var(--study-muted); }
.member-study-count span { color:var(--study-muted); font-size:13px; }
.member-study input,.member-study select { background:var(--study-paper); border-color:var(--study-line); border-radius:5px; font-size:13px; min-height:42px; }
.member-study button { display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:13px; border-radius:5px; min-height:42px; padding:9px 16px; }
.member-study-toolbar { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.member-study-filter { display:flex; gap:8px; align-items:center; flex-wrap:wrap; min-width:0; flex:1; }
.member-study-search { display:flex; align-items:center; position:relative; flex:1; min-width:160px; max-width:290px; }
.member-study-search>.member-study-icon { position:absolute; left:12px; color:#808080; pointer-events:none; }
.member-study-search input { width:100%; padding-left:38px; }
.member-study-filter>label:not(.member-study-search) { min-width:0; }
.member-study-filter select { width:110px; }
.member-study-reset { font-size:12px; color:#707070; padding:6px 0; }
.member-study-clear { position:relative; flex:none; padding:9px 0; }
.member-study summary { color:var(--study-muted); font-size:12px; }
.member-study-clear summary { white-space:nowrap; }
.member-study-confirm { padding:14px; border:1px solid var(--study-line); background:var(--study-paper); border-radius:5px; font-size:12px; }
.member-study-confirm p { color:var(--study-muted); margin:0 0 10px; line-height:1.8; }
.member-study-clear>.member-study-confirm { position:absolute; top:44px; right:0; width:220px; z-index:2; box-shadow:0 5px 20px rgba(0,0,0,.06); }
.member-study-reading { background:var(--study-paper); padding:0 22px; }
.member-study .member-study-item { background:none; border:0; border-bottom:1px solid var(--study-line); border-radius:0; box-shadow:none; margin:0; padding:20px 0; gap:20px; align-items:center; }
.member-study .member-study-item:last-child { border-bottom:0; }
.member-study .member-study-item>div { flex:1; min-width:0; }
.member-study .member-tag { font-size:11px; color:var(--study-muted); }
.member-study .member-study-item h2 { font-family:var(--font-serif); font-weight:500; font-size:18px; line-height:1.65; margin:4px 0; overflow-wrap:anywhere; }
.member-study .member-study-item p { font-size:12px; color:var(--study-muted); }
.member-study .member-study-item-action { flex:none; max-width:220px; border:0; padding:0; margin:0; align-self:center; }
.member-study-item-action>.member-study-confirm { margin-top:12px; }
.member-study .member-study-unavailable h2 { color:var(--study-muted); }
.member-study-time { flex:none; width:88px; font-size:11px; color:var(--study-muted); line-height:1.8; position:relative; padding-left:11px; }
.member-study-time::before { content:''; position:absolute; left:0; top:5px; width:4px; height:4px; background:#aaa; border-radius:50%; }
.member-study-time span { display:block; color:var(--study-muted); }
.member-study .member-study-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:56px 24px; }
.member-study-empty>.member-study-icon { width:24px; height:24px; color:#808080; margin-bottom:16px; }
.member-study-empty h2 { font-size:16px; font-weight:500; margin-bottom:8px; }
.member-study-empty p { color:var(--study-muted); font-size:13px; line-height:1.9; max-width:360px; }
.member-study-text-link { display:inline-flex; align-items:center; gap:8px; font-size:13px; color:#a44348; }
.member-study-text-link:hover { color:var(--color-accent); }
.member-study-empty .member-study-text-link { margin-top:20px; }
.member-study-create { margin:0 0 24px; padding:0; }
.member-study-create>label { display:block; font-size:12px; color:var(--study-muted); margin-bottom:10px; }
.member-study-create>div { display:flex; gap:10px; }
.member-study-create input { flex:1; min-width:0; background:var(--study-paper); }
.member-study-create button { flex:none; }
.member-study .member-study-books { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.member-study-book { min-width:0; background:var(--study-paper); border:1px solid var(--study-line); border-radius:4px; }
.member-study-book-link { display:block; padding:18px 20px 16px; min-height:104px; }
.member-study-book h2 { font-family:var(--font-serif); font-size:18px; font-weight:500; line-height:1.6; margin:0 0 12px; overflow-wrap:anywhere; }
.member-study-book-link:hover h2 { color:var(--color-accent); }
.member-study-book-entry { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--study-muted); }
.member-study-manage { border-top:1px solid var(--study-line); padding:10px 20px; }
.member-study-manage>.member-study-confirm { margin-top:12px; padding:0; border:0; }
.member-study .member-form { gap:12px; max-width:440px; }
.member-study .member-form button { align-self:start; }
.member-study .member-form label { font-size:12px; color:var(--study-muted); }
.member-study-delete { margin-top:16px; padding-top:14px; border-top:1px solid var(--study-line); }
.member-study .member-pagination { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--study-line); padding-top:20px; margin-top:20px; font-size:12px; color:var(--study-muted); }
.member-study .member-pagination>div { display:flex; gap:20px; }
.member-study .member-pagination a { display:inline-flex; align-items:center; gap:6px; color:#707070; }
.member-study-settings { background:var(--study-paper); padding:0 24px; }
.member-setting-section { padding:24px 0; border-bottom:1px solid var(--study-line); }
.member-setting-section:last-child { border-bottom:0; }
.member-setting-heading { margin-bottom:18px; }
.member-setting-heading h2 { font-size:16px; font-weight:500; line-height:1.6; }
.member-study .member-hint { font-size:12px; color:var(--study-muted); }
.member-security-row { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.member-security-row>div { min-width:0; }
.member-security-row h3 { font-size:13px; font-weight:500; margin-bottom:5px; }
.member-security-row>a { flex:none; }
.member-study-signout { padding-top:22px; margin-top:22px; border-top:1px solid var(--study-line); }
.member-study .member-button-ghost { color:#a44348; border-color:var(--study-line); background:transparent; }
.member-study .member-notice:not(:empty) { padding:12px 16px; margin:0 0 20px; border-left:2px solid var(--color-accent); background:#f6ece7; border-radius:3px; font-size:13px; }
.member-study .member-form-notice { color:#a44348; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.member-study-save { padding:20px; margin-bottom:24px; background:var(--study-paper); border:1px solid var(--study-line); border-radius:6px; }
.member-study-save h2 { font-family:var(--font-serif); font-size:18px; font-weight:500; margin-bottom:16px; overflow-wrap:anywhere; }
.member-study-save-actions { display:flex; gap:16px; flex-wrap:wrap; }
.member-study-save-actions form { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.member-study-save-actions label { display:flex; gap:8px; align-items:center; font-size:12px; }
.member-study-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:960px) and (min-width:769px) { .member-study .member-study-item { gap:12px; } .member-study-toolbar { flex-wrap:wrap; } .member-study-clear { margin-left:auto; } }
@media(max-width:768px) {
 .member-study { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px 20px 48px; }
 .member-study-sidebar { position:static; padding:0 0 18px; border-right:0; border-bottom:1px solid var(--study-line); }
 .member-study-profile { margin:0 0 18px; }
 .member-study-seal { width:36px; height:36px; font-size:20px; }
 .member-study-nickname { font-size:15px; }
 .member-study .member-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
 .member-study .member-nav a { justify-content:center; gap:7px; padding:9px 4px; min-height:42px; font-size:13px; }
 .member-study .member-nav-label-full { display:none; }
 .member-study .member-nav-label-short { display:inline; }
 .member-study-browse { display:none; }
 .member-study-heading { min-height:0; padding-bottom:22px; margin-bottom:20px; }
 .member-study-heading h1 { font-size:22px; }
 .member-study-count strong { font-size:13px; }
 .member-study .member-study-item { flex-direction:row; align-items:center; padding:22px 0; }
 .member-study .member-study-item-action { align-self:center; }
}
@media(max-width:540px) {
 .member-study { padding:20px 16px 40px; }
 .member-study .member-nav a { gap:6px; }
 .member-study .member-nav .member-study-icon { width:16px; height:16px; }
 .member-study-toolbar { flex-direction:column; gap:8px; }
 .member-study-filter { width:100%; }
 .member-study-search { flex-basis:100%; max-width:none; }
 .member-study-filter>label:not(.member-study-search) { flex:1; }
 .member-study-filter select { width:100%; }
 .member-study-clear { align-self:end; padding:5px 0; }
 .member-study-clear>.member-study-confirm { top:34px; }
 .member-study-reading { padding:0 18px; }
 .member-study .member-study-item { display:flex; flex-wrap:wrap; gap:10px; padding:22px 0; }
 .member-study .member-study-item>div { flex-basis:100%; }
 .member-study .member-study-item h2 { font-size:18px; }
 .member-study .member-study-item-action { max-width:100%; }
 .member-study-time { width:auto; display:flex; gap:8px; }
 .member-study-time span { display:inline; }
 .member-study .member-study-books { grid-template-columns:minmax(0,1fr); gap:16px; }
 .member-study-book-link { min-height:100px; padding:16px 18px; }
 .member-study-settings { padding:0 20px; }
 .member-setting-section { padding:24px 0; }
 .member-security-row { flex-direction:column; align-items:start; gap:14px; }
 .member-study-empty { padding:48px 18px; }
 .member-study-count { gap:3px; }
 .member-study-count span { font-size:12px; }
}