/* 家书家庭空间：沿用现有布局，统一品牌和操作层级。 */
:root{--nav:#342b27;--blue:#34594f;--cyan:#913f36;--coral:#a85142;--pale:#f3eee3;--gray:#f7f3ea;--line:#d9cec0;--text:#342b27}
body{background:#faf7f1;font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7}
::selection{background:#e9d2c6;color:#342b27}
*{scrollbar-color:#b9a999 #f7f3ea;scrollbar-width:thin}
input,textarea{caret-color:#913f36}
h1,h2,.account-letter h2{font-family:"Songti SC","STSong","SimSun",serif}
.topbar{height:64px}.brand{background:#f7f3ea}.brand img{width:145px;filter:none}.sidebar{top:64px}.main{margin-top:64px;min-height:calc(100vh - 64px)}
.pill{min-height:40px;padding:8px 18px;line-height:1.5}.pill.primary:hover{background:#783128}.pill.outline:hover{background:#f3eee3}
.primary{background:var(--cyan)}.top-actions{gap:10px}.top-actions .pill{white-space:nowrap}.top-actions .demo-label{color:#6b5c50}.account-button{min-height:44px;background:transparent}
.family-paper{background:#e8ded0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#342b27;padding:24px;text-align:center}
.family-paper strong{font-family:"Songti SC","STSong","SimSun",serif;font-size:25px;font-weight:500}.family-paper span{font-size:12px;margin-top:7px}.recipient{padding-top:8px}.recipient .avatar{margin-top:-21px}
.add-family button{color:#34594f;min-height:36px}.menu-list a{min-height:40px}.menu-list li a:hover,.menu-list li a.selected{background:#57453b;color:#fff5e9}.sidebar-footer,.sidebar-footer a{color:#e8d9ca}.menu-rule{border-color:#ffffff30}
.wall-tab{height:60px;border-bottom:1px solid var(--line);box-shadow:none;gap:24px;background:#fffdfa;color:#342b27}.column{max-width:660px;padding:0 22px;margin-top:24px}.wall-info{border-radius:8px;background:#34594f;padding-block:8px}
.composer,.post{box-shadow:none;border:1px solid var(--line);border-radius:12px;background:#fffdfa}.composer{background:#f5efe6}.composer textarea{font-size:16px;line-height:1.8;border-color:#c6b9a8;min-height:140px}.post-header{height:auto;min-height:70px}.post-header time{color:#6b5c50}.post-body{font-size:16px;line-height:1.85}.post-photo{object-fit:contain}.round-camera{width:38px;height:38px}.composer-toolbar .date{min-width:0}.post-visibility{color:#6b5c50}
.page{max-width:950px;margin-top:32px;padding-inline:36px}.page h1{color:#342b27;font-weight:600;font-size:32px;text-align:left;margin-bottom:24px}.page h2{margin-top:30px}.muted,.source-note{color:#6b5c50}.page>p{max-width:70ch}
.family-row{flex-wrap:wrap}.family-row .details{min-width:160px}.family-row .details span{color:#6b5c50}.family-row button{flex-shrink:0}.settings-form label{display:block}.settings-form input:not([type=checkbox]),.settings-form select,.settings-form textarea{max-width:100%;background:#fffdfa;color:#342b27;border:1px solid #bdae9e;min-height:44px;padding:10px;border-radius:6px;font:inherit}.settings-form input[type=checkbox]{width:18px;height:18px}.settings-form input:not([type=checkbox]),.settings-form select{width:100%}.settings-form textarea{width:100%;line-height:1.8}.settings-form p{margin:10px 0}.settings-form{gap:12px}
.plan{flex-wrap:wrap;gap:12px;padding:20px;border-color:#d9cec0}.plan label{display:flex;align-items:center;gap:10px}.plan p{margin:4px 0;color:#6b5c50}.plan.selected{border-color:#913f36;background:#f8eee7}.plan strong{font-variant-numeric:tabular-nums}.notice{background:#f0e7d9;color:#4d3b2e;border-radius:8px}.balance{background:#f0e7d9;color:#342b27}.balance strong{font-variant-numeric:tabular-nums}.page .section-actions{justify-content:flex-start}.source-note{line-height:1.7}
.edition-viewer{background:#e9e1d4}.edition-brand img{width:68%;max-height:125px}.edition-brand>span{letter-spacing:.12em}.edition-story{border-color:#bcae9c}.edition-sample-label{background:#6b5c50}.edition-row{background:#fffdfa}.cover-number{background:#913f36}.account-card{background:#fffdfa;border-color:#d9cec0;border-radius:12px}.account-header{background:#f7f3ea;border-color:#d9cec0}.account-header img{width:145px}.account-layout aside h1{font-size:38px;line-height:1.5}.account-letter{background:#fffdfa;border:1px solid #d9cec0;padding:30px;margin-top:30px}.account-letter h2{font-size:32px;line-height:1.6;margin:16px 0}.account-letter p{font-size:16px}.account-letter small{color:#6b5c50}.account-card label{line-height:1.8}.account-card small{color:#6b5c50}.account-tabs .active{border-color:#913f36}.account-card a{color:#34594f}
.yearbook-intro{max-width:70ch}.yearbook-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.yearbook-toolbar select{min-height:44px;max-width:100%;padding:8px;border:1px solid #bdae9e;background:white;font:inherit}.yearbook-status{color:#34594f;font-weight:600}.yearbook-items{margin-top:20px}.yearbook-item{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px}.yearbook-item img{width:130px;height:130px;object-fit:cover}.yearbook-item .sample-space{width:130px;height:130px;display:grid;place-items:center;background:#ece5d8;color:#6b5c50}.yearbook-item label{display:flex;gap:10px;align-items:center}.yearbook-item input[type=checkbox]{width:20px;height:20px;accent-color:#913f36;flex-shrink:0}.yearbook-item textarea{width:100%;margin:10px 0;min-height:110px;border:1px solid #bdae9e;border-radius:6px;padding:12px;font:inherit;resize:vertical;line-height:1.8}.yearbook-item small{color:#6b5c50}.yearbook-item .yearbook-move{display:flex;gap:8px}.yearbook-review{padding:20px;background:#fffdfa;border:1px solid var(--line);margin:20px 0}.yearbook-review article{padding:16px 0;border-bottom:1px solid var(--line)}.yearbook-review article:last-child{border:0}.yearbook-review p{white-space:pre-wrap;overflow-wrap:anywhere}.yearbook-review img{max-width:100%;max-height:260px;object-fit:contain}.yearbook-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.yearbook-save-state{min-height:28px;color:#6b5c50}
@media(max-width:1100px){.top-actions .events{display:none}.topbar .demo-label{display:none}}
@media(max-width:960px){.topbar{height:56px;justify-content:space-between}.brand{min-width:0;width:auto;padding:0 16px}.brand img{width:112px}.top-actions{padding:0 16px;flex:1;justify-content:flex-end}.top-actions .invite-button{width:40px;height:40px;min-height:40px;padding:10px}.top-actions .invite-button svg{width:20px;height:20px}.sidebar{top:56px}.main{margin:56px 0 0}.page{padding:0 22px 40px;margin-top:24px}.page h1{font-size:28px}.column{padding:0 16px;max-width:670px}.mobile-family-banner{height:130px;display:flex}.mobile-family-banner>strong{font-size:26px}.mobile-family-banner>span{background:none;color:#342b27;left:16px}.mobile-family-banner>button{min-height:36px;background:#fffdfa}.mobile-account small{color:#e8d9ca}.composer.mobile-open{background:#f7f3ea}.editor-mobile-head{height:56px}.floating-compose{background:#913f36}.family-row{gap:12px}.yearbook-item{grid-template-columns:90px minmax(0,1fr);gap:12px}.yearbook-item img,.yearbook-item .sample-space{width:90px;height:90px}.yearbook-actions .pill{flex:1;white-space:nowrap}.account-layout{gap:35px}.account-layout aside h1{font-size:32px}}
@media(max-width:480px){.page{padding-inline:18px}.plan{padding:16px}.plan strong{font-size:16px}.yearbook-item{grid-template-columns:1fr}.yearbook-item img{width:100%;height:170px;object-fit:contain;background:#f1ece4}.yearbook-item .sample-space{display:none}.yearbook-toolbar>button,.yearbook-toolbar>label{width:100%}.yearbook-toolbar select{width:100%}.account-header{padding:0 18px}.account-header a{font-size:13px}.account-card{padding:24px 20px}}
@media print{body{background:white}.main{margin:0}.page h1{display:none}.edition-viewer{background:white}.edition-sheet{border:0}}