/* 月光漂流瓶：文本阅读、海面动画与管理详情 */
.social-entry-bar { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0; }
.social-entry { text-align:left;padding:24px;background:linear-gradient(125deg,#182135,#191423);border:1px solid #5b4c38;color:#ebd2a0; }
.social-entry span {display:block;font-size:21px;margin-bottom:10px;}
.social-entry small {color:#aca4bf;font-size:12px;}
.social-layout {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin:25px 0;}
.social-layout .card {margin:0}.social-layout h2{font-size:19px;color:#e5c68e}.social-layout textarea{margin:12px 0;}
.social-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 18px;}
.social-tabs button{font-size:12px;background:#171824;border:1px solid #50425f;}
.social-tabs button[aria-pressed="true"]{color:#edcf99;border-color:#a08456;}
.social-list {display:grid;gap:14px;}
.social-record {text-align:left;background:#131824;color:#c9bfdc;border:1px solid #433b52;padding:19px;}
.social-record strong{color:#dfbf7d}.social-record p{font-size:14px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap;}
.social-record small{color:#9790ac}.social-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0;}
.social-letter {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px;user-select:text;}
.social-dialog {width:min(760px,calc(100vw - 28px));max-height:88svh;overflow:auto;background:#141722;color:#e3dced;border:1px solid #8b704a;border-radius:16px;padding:25px;overscroll-behavior:contain;}
.social-dialog::backdrop {background:#050714d9;}
.social-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;top:-25px;background:#141722;padding:12px 0;z-index:1;}
.social-dialog-heading h2{font-size:20px;color:#e4c58c;margin:0}
.social-dialog textarea{width:100%;box-sizing:border-box;background:#0e101a;color:#e6e0ee;border:1px solid #51455f;border-radius:8px;padding:14px;display:block;margin:12px 0;font-family:inherit;font-size:16px;resize:vertical;}
.social-dialog label{display:block;margin:15px 0 0;font-size:14px;}
.social-reply {background:#1d2030;border-left:2px solid #ac8a57;padding:18px;margin:22px 0;}
.social-reply strong{color:#dfbf7d}.social-reply button{display:block;margin-top:14px;}
.social-dialog .msg,.social-dialog .message{color:#dcba8a}.lease-countdown{color:#dfbf7d;font-size:13px;}
.social-block-controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.social-block-controls input{flex-basis:100%;}
.social-admin-filter {display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.social-admin-filter label{display:flex;flex-direction:column;gap:7px;font-size:12px;}
.social-admin-filter input,.social-admin-filter select,.social-dialog select {background:#111621;color:#d5ccdf;padding:10px;border:1px solid #494255;border-radius:7px;}
.social-admin-card .social-letter{max-height:160px;overflow:auto}.social-admin-card{padding:20px;}.social-admin-card strong{color:#e4c58c}
.bottle-ocean {position:relative;height:170px;overflow:hidden;border:1px solid #38394e;border-radius:16px;background:linear-gradient(#0c1123 0%,#19233c 58%,#1c314b 59%,#0c142b 100%);}
.ocean-moon{position:absolute;width:47px;height:47px;background:#e8cf94;border-radius:50%;left:18%;top:24px;box-shadow:0 0 38px #e8cf9430;}
.ocean-waves{position:absolute;inset:59% -20% -30%;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 16px,#8ca2cc20 17px 18px,transparent 20px 36px);transform:scaleX(1.2);}
.bottle-shape {position:absolute;width:24px;height:51px;left:66%;top:95px;background:linear-gradient(90deg,#57a5a799,#b8d5c966,#44758699);border:1px solid #9cc8b7;border-radius:6px 6px 10px 10px;transform:rotate(27deg);box-shadow:0 3px 9px #0005;}
.bottle-shape::before{content:'';position:absolute;width:12px;height:15px;left:5px;top:-13px;border:1px solid #a9c2a9;background:#638879;border-radius:3px;}
.bottle-shape::after{content:'';position:absolute;width:12px;height:5px;left:5px;top:-17px;border-radius:2px;background:#bd945a;}
.bottle-shape i{position:absolute;inset:9px 4px;background:#dec598;border-radius:2px;transform:rotate(-5deg);}
.bottle-transition {position:fixed;inset:0;z-index:1200;background:#080b16f5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;color:#e2c48c;gap:24px;text-align:center;}
.bottle-transition .bottle-ocean{width:min(650px,100%);height:300px;}
.bottle-transition .bottle-shape{top:185px;left:55%;}
.is-throwing .bottle-shape{animation:bottle-throw 2.4s cubic-bezier(.2,.55,.3,1) both;}
.is-catching .bottle-shape{animation:bottle-catch 2.4s ease-in-out both;}
.bottle-transition .ocean-waves{animation:sea-drift 2.4s ease-in-out both;}
@keyframes bottle-throw{0%{transform:translate(-155px,80px) rotate(-25deg) scale(1.7);opacity:1}42%{transform:translate(25px,-70px) rotate(160deg) scale(1.25)}65%{transform:translate(75px,0) rotate(25deg) scale(1)}100%{transform:translate(145px,-35px) rotate(32deg) scale(.45);opacity:.5}}
@keyframes bottle-catch{0%{transform:translate(125px,-35px) rotate(25deg) scale(.45);opacity:.4}55%{transform:translate(0,-5px) rotate(12deg) scale(1)}100%{transform:translate(-60px,35px) rotate(-8deg) scale(1.7);opacity:1}}
@keyframes sea-drift{50%{transform:translateX(-18px) scaleX(1.2)}}
@media(max-width:700px){.social-entry-bar,.social-layout{grid-template-columns:1fr}.social-entry{padding:20px}.social-dialog{padding:18px}.social-dialog-heading{top:-18px}.social-tabs button{padding:10px;font-size:11px}.social-admin-filter label{flex:1;min-width:125px}.social-letter{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bottle-transition *{animation:none!important}}