.social-page-v424{padding:20px clamp(12px,3vw,30px) 40px;color:#33291f;background:linear-gradient(150deg,#f8f1df,#f0e4cf);min-height:56vh}
.social-page-v424 header{padding:20px 22px;background:linear-gradient(125deg,#2d4740,#3e5c52);border:1px solid #c5a46a;border-radius:18px;color:#fff2d2;box-shadow:0 12px 28px #57412920}
.social-page-v424 h2{font:700 1.5rem/1.4 serif;margin:0 0 5px}.social-page-v424 header p{margin:0;font-size:.88rem;opacity:.88}
.social-page-v424 h3{color:#315147;font:700 1.15rem/1.4 serif;margin:23px 3px 12px;border-bottom:1px solid #c7aa79;padding-bottom:7px}
.social-inner-tabs-v424{display:flex;gap:9px;margin:15px 0 17px;overflow-x:auto}.social-inner-tabs-v424 button{border:1px solid #c6a671;border-radius:999px;padding:8px 20px;background:#fff9ed;color:#685138;font-family:inherit;font-size:.91rem;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer}
.social-inner-tabs-v424 button.active{background:#315348;color:#fff0cb;box-shadow:0 4px 12px #31534833}
.social-family-card-v424{background:#fffaf1;border:1px solid #d3bd90;border-radius:14px;margin:8px 0;box-shadow:0 5px 16px #806b4917;overflow:hidden}
.social-family-card-v424 summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 17px;cursor:pointer;list-style:none}.social-family-card-v424 summary::-webkit-details-marker{display:none}
.social-family-card-v424 summary strong{font:700 1.08rem serif;color:#344d43}.social-family-card-v424 summary span{font-size:.78rem;color:#8c7657}.social-family-card-v424 summary em{font-style:normal;color:#9e742f;font-size:.77rem;border:1px solid #dcc492;border-radius:99px;padding:2px 8px}.social-family-card-v424 summary small{margin-left:auto;color:#7d705d;font-size:.76rem}
.social-family-detail-v424{padding:2px 17px 15px;border-top:1px solid #e8d9bb}.social-family-detail-v424 h4{margin:12px 0 7px;color:#36574c}.social-family-detail-v424 p{font-size:.85rem;line-height:1.75;margin:8px 0;color:#514839}
.social-caption-v424,.social-empty-v424{color:#766d5c;font-size:.84rem;line-height:1.7;margin:0 4px 12px}
.social-patron-grid-v424{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}
.social-patron-card-v424{display:flex;gap:11px;background:#fffaf0;border:1px solid #d2b784;border-radius:14px;padding:9px;min-height:126px;box-shadow:0 5px 14px #6b55301a;overflow:hidden}
.social-patron-card-v424 img,.social-patron-seal-v424{flex:0 0 86px;width:86px;height:110px;border-radius:9px;object-fit:cover;object-position:center 18%;background:linear-gradient(145deg,#506457,#a08353)}
.social-patron-seal-v424{display:flex;align-items:center;justify-content:center;color:#f9ebcb;font:700 1.1rem serif;letter-spacing:2px}
.social-patron-card-v424 div:last-child{min-width:0}.social-patron-card-v424 b{display:block;color:#294a3d;font:700 1.03rem serif}.social-patron-card-v424 small{display:block;color:#987b4b;margin:3px 0 5px;font-size:.76rem}.social-patron-card-v424 p{font-size:.75rem;line-height:1.5;color:#655e50;margin:0 0 6px}.social-patron-card-v424 span{font-size:.72rem;color:#2c6a58}
.social-affairs-v424{margin:16px;padding:20px;background:#f8f0de;border:1px solid #d5bc88;border-radius:17px}.social-affairs-v424 h2{font:700 1.28rem serif;color:#315348;margin:0}.social-affairs-v424 p{font-size:.82rem;color:#7d6d54}.social-affairs-actions-v424{display:flex;flex-wrap:wrap;gap:9px}.social-affairs-actions-v424 .btn{min-width:140px}
.social-affair-action-v425{display:flex;flex-direction:column;gap:5px;flex:1 1 210px;min-width:0;padding:10px;border:1px solid #dfcaa2;border-radius:11px;background:linear-gradient(140deg,#fffaf0,#f4ead6);box-shadow:0 3px 9px #69522d16}
.social-affair-action-v425 .btn{width:100%;min-height:40px;border-color:#b99a5f;background:linear-gradient(130deg,#fff3d9,#e9d7ad);color:#634a22;font-weight:700;white-space:normal}
.social-affair-action-v425 .btn:not(:disabled):hover,.social-affair-action-v425 .btn:not(:disabled):focus-visible{background:linear-gradient(130deg,#f8e4b8,#dec38a);outline:2px solid #a87b39;outline-offset:2px}
.social-affair-action-v425 .btn:disabled{opacity:.65;cursor:not-allowed;border-color:#c9bba1;background:#ebe5d8;color:#71685a}
.social-affair-action-v425 small{color:#79694f;font-size:.74rem;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:540px){.social-page-v424{padding:11px 10px 25px}.social-page-v424 header{padding:15px}.social-family-card-v424 summary{padding:12px}.social-family-card-v424 summary small{width:100%;margin-left:0}.social-patron-grid-v424{grid-template-columns:1fr}.social-affairs-v424{margin:9px;padding:14px}.social-affairs-actions-v424{display:grid;grid-template-columns:1fr 1fr}.social-affairs-actions-v424 .btn{min-width:0;white-space:normal}.social-affair-action-v425{grid-column:1 / -1;padding:8px}.social-affair-action-v425 small{font-size:.74rem}}

/* 后宅的府库与府中事宜属于内务层，不挤占姻缘主分类。 */
.harem-inner-tools-v425{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 14px;background:linear-gradient(100deg,#f5eedf,#faf5ea);border-bottom:1px solid #ddc9a4}
.harem-inner-tools-label-v425{font-size:.75rem;letter-spacing:.13em;color:#866f52;margin-right:5px}
.harem-inner-tools-v425 button{font-family:inherit;font-size:.86rem;font-weight:600;line-height:1.3;min-height:36px;padding:7px 15px;border:1px solid #cbb387;border-radius:10px;background:#fffaf0;color:#61503a;box-shadow:0 2px 6px #7b5b2912;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.harem-inner-tools-v425 button:hover,.harem-inner-tools-v425 button:focus-visible{background:#f2e7ce;transform:translateY(-1px);outline:2px solid #b68c4f;outline-offset:2px}
.harem-inner-tools-v425 button.active{background:linear-gradient(135deg,#34594c,#24453c);color:#fff1cc;border-color:#34594c;box-shadow:0 4px 10px #31534838}

/* 庭院心愿与装修归入后宅内务，不再压在姻缘总导航上方。 */
.harem-garden-v425{margin:16px;padding:20px;background:linear-gradient(140deg,#f9f3e4,#f4ead6);border:1px solid #d5bc88;border-radius:17px}
.harem-garden-v425 h2{margin:0;color:#315348;font:700 1.28rem serif}
.harem-garden-v425 p{margin:7px 0 16px;color:#7d6d54;font-size:.82rem;line-height:1.55}
.harem-garden-grid-v425{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.harem-garden-v425 .courtyard-entry-v389{min-width:0;margin:0;background:#fffaf0;box-shadow:0 3px 9px #69522d16}
.harem-garden-v425 .courtyard-entry-v389>div{min-width:0}
.harem-garden-v425 .courtyard-entry-v389 .btn{flex:0 0 auto;min-height:42px;white-space:nowrap}
@media(max-width:540px){.harem-garden-v425{margin:9px;padding:14px}.harem-garden-grid-v425{grid-template-columns:1fr}.harem-garden-v425 .courtyard-entry-v389{gap:8px;padding:10px}.harem-garden-v425 .courtyard-entry-v389 .btn{padding:.55rem .7rem}}

/* 交游：名帖式层级、明确的选中状态与移动端触控面积。 */
.social-page-v424{background:radial-gradient(circle at 95% 0%,#fff8e9 0,transparent 42%),linear-gradient(160deg,#f8f1e0,#f1e6d1)}
.social-page-v424 header{position:relative;overflow:hidden;border:1px solid #b99b65;border-radius:16px;background:linear-gradient(120deg,#213e35,#3b5c4b 68%,#5b6245);box-shadow:0 10px 24px #47362529}
.social-page-v424 header::before{content:"";position:absolute;inset:8px;border:1px solid #d9bc7970;border-radius:11px;pointer-events:none}
.social-page-v424 header::after{content:"❧";position:absolute;right:25px;top:0;color:#e9d39b47;font:4.6rem/1 serif;pointer-events:none}
.social-page-v424 header h2,.social-page-v424 header p{position:relative;z-index:1}
.social-page-v424 h3{display:flex;align-items:center;gap:10px;border:0;margin:25px 2px 11px;padding:0;color:#2b4c3f}
.social-page-v424 h3::before{content:"";width:4px;height:20px;border-radius:4px;background:linear-gradient(#b78b42,#e1c47d)}
.social-page-v424 .social-inner-tabs-v424{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 21px;overflow:visible}
.social-page-v424 .social-inner-tabs-v424 button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;width:100%;border:1px solid #d3bb8e;border-radius:12px;background:linear-gradient(#fffaf0,#f3e7d3);color:#5c4b37;box-shadow:0 3px 8px #70512d1a;font-size:.95rem;letter-spacing:.04em;transition:transform .2s,box-shadow .2s,background .2s}
.social-page-v424 .social-inner-tabs-v424 button span{font-size:1.04rem}
.social-page-v424 .social-inner-tabs-v424 button:hover,.social-page-v424 .social-inner-tabs-v424 button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 14px #70512d2e;outline:2px solid #ad884b;outline-offset:2px}
.social-page-v424 .social-inner-tabs-v424 button.active{background:linear-gradient(130deg,#345b4d,#24473d);border-color:#315548;color:#fff1d4;box-shadow:inset 0 0 0 1px #f4db9b72,0 5px 13px #284f4140}
.social-page-v424 .social-family-card-v424{border-color:#d1bb94;border-radius:13px;background:linear-gradient(110deg,#fffaf0,#f9f1e3);box-shadow:0 4px 13px #70512d19;transition:border-color .2s,box-shadow .2s,transform .2s}
.social-page-v424 .social-family-card-v424:hover,.social-page-v424 .social-family-card-v424:focus-within{border-color:#b99052;box-shadow:0 8px 18px #70512d2c;transform:translateY(-1px)}
.social-page-v424 .social-family-card-v424[open]{border-color:#a68959}
.social-page-v424 .social-family-card-v424 summary{position:relative;border-left:4px solid #b48a4b;padding:15px 42px 15px 15px}
.social-page-v424 .social-family-card-v424 summary::after{content:"⌄";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.25rem;line-height:1;color:#96713c;transition:transform .2s}
.social-page-v424 .social-family-card-v424[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.social-page-v424 .social-family-card-v424 summary:focus-visible{outline:2px solid #ad884b;outline-offset:-4px}
.social-page-v424 .social-family-card-v424 summary em{background:#f5ead1;color:#785321;border-color:#d9b976}
.social-page-v424 .social-family-detail-v424{background:#fffbf4;border-top-color:#dfcead;padding:7px 18px 16px}
.social-page-v424 .social-family-detail-v424 h4{border-bottom:1px solid #e4d5b7;padding-bottom:5px}
.social-page-v424 .social-patron-card-v424{border-radius:13px;border-color:#d2bd99;background:linear-gradient(130deg,#fffaf0,#f7efdf);box-shadow:0 4px 13px #70512d1c;transition:transform .2s,box-shadow .2s}
.social-page-v424 .social-patron-card-v424:hover{transform:translateY(-2px);box-shadow:0 8px 18px #70512d30}
.social-page-v424 .social-patron-card-v424 img,.social-page-v424 .social-patron-seal-v424{border:2px solid #c8ab77}

/* 族亲按在世与已故分卷；去世信息仅显示存档中可证实的字段。 */
.kin-roster-section-v425{padding:0 12px 4px;margin:8px 0 13px}
.kin-roster-heading-v425{display:flex;align-items:center;gap:9px;padding:10px 12px;margin:0 0 9px;border-left:4px solid #547663;border-radius:5px;background:#55765f13;color:#365448}
.kin-roster-heading-v425>span{font-size:1.22rem}.kin-roster-heading-v425>div{flex:1;min-width:0}.kin-roster-heading-v425 b{font-size:.94rem}.kin-roster-heading-v425 small{display:block;margin-top:2px;color:#80745f;font-size:.72rem}.kin-roster-heading-v425 em{font-style:normal;color:#756a56;font-size:.76rem;white-space:nowrap}
.kin-roster-deceased-v425 .kin-roster-heading-v425{border-left-color:#8c6560;background:#765a5612;color:#79524c}
.kin-death-grid-v425{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}
.kin-death-card-v425{padding:12px 13px;border:1px solid #d5c4b4;border-radius:11px;background:linear-gradient(135deg,#fffaf3,#f4ede4);box-shadow:0 3px 10px #5a463118}
.kin-death-card-top-v425{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#695752}.kin-death-card-top-v425 strong{font-size:.95rem}.kin-death-card-top-v425 small{margin-left:auto;color:#8c6a5e;font-size:.76rem}.kin-death-seal-v425{font-size:1.13rem}
.kin-death-card-v425 p{margin:4px 0;font-size:.78rem;line-height:1.55;color:#685d51;overflow-wrap:anywhere}.kin-death-empty-v425{padding:12px;text-align:center;font-size:.79rem;color:#8b8073}
@media(max-width:540px){.harem-inner-tools-v425{gap:7px;padding:8px 10px}.harem-inner-tools-label-v425{width:100%;margin:0}.harem-inner-tools-v425 button{flex:1;min-width:0}.social-page-v424 header::after{right:17px;font-size:3.8rem}.social-page-v424 .social-family-card-v424 summary{padding:12px 36px 12px 12px}.kin-roster-section-v425{padding:0 8px}.kin-death-grid-v425{grid-template-columns:1fr}}