/* 3C仅公开蝶笺与私人信箱；举报管理页面不在作用域内。 */
.letters-private-page,.letters-public-page{background:#fbf7ed;color:#252536}
body.backend-page.letters-private-page .page-shell{max-width:1040px;margin-block:24px 48px}
body.backend-page.letters-private-page .panel{padding:clamp(16px,3vw,28px);background:#fffdf7;border-radius:4px;box-shadow:none}
body.backend-page.letters-private-page .account-panel{max-width:48rem}
body.backend-page.letters-private-page .account-panel::before{display:none}
body.backend-page.letters-private-page :is(h1,h2,h3){color:#252536;line-height:1.45;overflow-wrap:anywhere}
body.backend-page.letters-private-page h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:.35rem 0 1rem}
body.backend-page.letters-private-page h2{font-size:1.35rem;margin:1.25rem 0 .75rem}
body.backend-page.letters-private-page .eyebrow{color:#8d293b;margin-bottom:.35rem}
.letters-private-page .letter-folders{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block:16px}
body.backend-page.letters-private-page .letter-folders [aria-current="page"]{outline:2px solid #8d293b;outline-offset:2px}
body.backend-page.letters-private-page .work-row{padding:16px;margin-block:12px;background:#fffdf7;box-shadow:none;border-radius:4px;transform:none}
body.backend-page.letters-private-page .work-row :is(p,h3){margin:.4rem 0}
body.backend-page.letters-private-page .panel :is(p,li){line-height:1.8;overflow-wrap:anywhere}
.letters-private-page .prose{padding:16px;border-left:3px solid #b9a578;background:#fbf7ed;margin-block:16px;max-width:48rem;overflow-wrap:anywhere}
.letters-private-page form{margin-block:16px;min-width:0}
.letters-private-page form :is(input,textarea,select){max-width:100%;box-sizing:border-box}
.letters-private-page textarea{display:block;width:100%;font:inherit;line-height:1.7}
.letters-private-page .errorlist{padding:12px 12px 12px 30px;color:#752733;background:#fff1e8;border-left:3px solid #9f3340;overflow-wrap:anywhere}
.letters-public-page .section{padding-block:28px 48px}
.letters-public-page .wrap{max-width:1040px;overflow-wrap:anywhere}
.letters-public-page h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.45;color:#252536;margin:.35rem 0 1rem}
.letters-public-page .eyebrow{color:#8d293b}
.letters-public-page .letter-public-card{padding:clamp(16px,3vw,28px);margin-block:20px;background:#fffdf7;border-top-color:#b9a578}
.letters-public-page .letter-public-card h2{font-size:1.35rem;color:#252536;margin:1.25rem 0 .75rem}
.letters-public-page .prose{line-height:1.9;overflow-wrap:anywhere}
.letters-public-page .letter-public-card textarea{box-sizing:border-box;max-width:100%}
:is(.letters-private-page,.letters-public-page) :is(.letter-pagination a,.letter-folders>a,.work-row>a,.panel>a,.wrap>a){display:inline-flex;align-items:center;min-height:44px;padding:.5rem .75rem;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
:is(.letters-private-page,.letters-public-page) main summary{display:list-item;min-height:44px;padding:.6rem .5rem;box-sizing:border-box;cursor:pointer;color:#8d293b;overflow-wrap:anywhere}
:is(.letters-private-page,.letters-public-page) .letter-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
:is(.letters-private-page,.letters-public-page) main :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #263983;outline-offset:3px}
@media(max-width:760px){body.backend-page.letters-private-page .page-shell{margin-block:16px 32px}.letters-private-page .letter-folders{align-items:stretch}.letters-private-page .letter-folders>a{white-space:normal;text-align:center}.letters-private-page form button{white-space:normal;max-width:100%}}
