:root{color:#191919;font-synthesis:none;background:#fff}button{color:inherit;font:inherit;background:0 0;border:0;padding:0}.detail-page{width:100%;max-width:430px;min-height:100dvh;padding-bottom:calc(58px + env(safe-area-inset-bottom));background:#fff;margin:0 auto}.top-nav{background:#ededed;border-bottom:1px solid #e7e7e7;grid-template-columns:54px 1fr 54px;align-items:center;height:57px;display:grid}.top-nav button{cursor:pointer;place-items:center;height:57px;display:grid}.top-nav .back{justify-items:start;padding-left:12px}.top-nav h1{text-align:center;-webkit-user-select:none;user-select:none;cursor:default;-webkit-tap-highlight-color:transparent;margin:0;font-size:18px;font-weight:600;line-height:1}.top-nav .more{justify-content:center;align-items:center;gap:4px;display:flex}.top-nav .more span{background:#191919;border-radius:50%;width:4px;height:4px}.post-content{grid-template-columns:40px minmax(0,1fr);column-gap:10px;padding:14px 12px 12px;display:grid}.author-avatar{object-fit:cover;border-radius:4px;width:40px;height:40px;display:block}.post-main{min-width:0}.author-name,.comment-heading strong{color:#536785;font-weight:600}.author-name{margin:0 0 4px;font-size:15.5px;line-height:1.25}.post-text{letter-spacing:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:16.5px;line-height:1.42}.photo-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:244px;max-width:100%;margin-top:8px;display:grid}.photo-grid button{aspect-ratio:1;cursor:pointer;width:100%;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;display:block}.photo-grid>:only-child{aspect-ratio:1;width:178px;max-width:60vw}.photo-grid.count-2,.photo-grid.count-4{grid-template-columns:repeat(2,1fr);width:162px}.post-meta{color:#aaa;justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-top:6px;font-size:12px;display:flex}.post-time{align-items:center;gap:7px;min-width:0;display:flex}.post-time span{white-space:nowrap}.post-meta .trash{color:#536785;place-items:center;width:23px;height:23px;display:grid}.post-meta .post-more{background:#f5f5f5;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:3px;width:35px;height:23px;display:flex}.post-more i{background:#536785;border-radius:50%;width:3px;height:3px}.likes-section,.comments-section{background:#f7f7f7;border-top:1px solid #e9e9e9;grid-template-columns:40px minmax(0,1fr);column-gap:10px;display:grid}.likes-section{padding:9px 12px 12px}.section-icon{color:#536785;justify-content:center;padding-top:7px;display:flex}.avatar-grid{grid-template-columns:repeat(7,minmax(0,36px));gap:7px;display:grid}.avatar-grid img{aspect-ratio:1;object-fit:cover;background:#ddd;border-radius:4px;width:100%;display:block}.comments-section{border-bottom:1px solid #e8e8e8;padding:11px 12px 12px}.comments-section .section-icon{padding-top:8px}.comment{grid-template-columns:40px minmax(0,1fr);gap:9px;padding-bottom:11px;display:grid}.comment:last-child{padding-bottom:0}.comment img{object-fit:cover;border-radius:4px;width:40px;height:40px;display:block}.comment-heading{justify-content:space-between;align-items:baseline;gap:7px;min-width:0;display:flex}.comment-heading span{align-items:baseline;gap:4px;min-width:0;display:flex}.comment-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;line-height:1.25;overflow:hidden}.comment-heading em{color:#444;font-size:14px;font-style:normal}.comment-heading time{color:#777;white-space:nowrap;font-size:12.5px}.comment p{overflow-wrap:anywhere;margin:3px 0 0;font-size:16px;line-height:1.35}.image-viewer{z-index:200;color:#fff;background:#000;place-items:center;display:grid;position:fixed;inset:0}.image-viewer img{object-fit:contain;max-width:100%;max-height:100%}.image-viewer button{z-index:2;color:#fff;cursor:pointer;text-shadow:0 1px 3px #000;position:absolute}.viewer-close{width:42px;height:42px;font-size:36px;top:16px;right:18px}.viewer-prev,.viewer-next{width:48px;height:70px;margin-top:-35px;font-size:54px;top:50%}.viewer-prev{left:4px}.viewer-next{right:4px}.image-viewer>span{font-size:14px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.comment-bar{z-index:10;width:min(100%,430px);height:calc(50px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #ededed;grid-template-columns:minmax(0,1fr) 36px 36px;align-items:center;gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.comment-placeholder{color:#b8b8b8;background:#fff;align-items:center;height:38px;padding:0 9px;font-size:16px;display:flex}.comment-bar button{cursor:pointer;place-items:center;height:38px;display:grid}@media (width<=375px){.avatar-grid{grid-template-columns:repeat(7,minmax(0,35px));gap:6px}.photo-grid{width:231px}}@media (width>=431px){body{background:#f2f2f2}.detail-page{box-shadow:0 0 18px #0000000d}}.editor-overlay{z-index:100;position:fixed;inset:0}.editor-backdrop{background:#0006;width:100%;height:100%;position:absolute;inset:0}.editor-panel{background:#f5f5f5;width:min(390px,92vw);height:100%;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 28px #0003}.editor-panel>header{z-index:2;background:#fff;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.editor-panel h2{margin:0;font-size:19px}.editor-panel>header button{color:#526787;cursor:pointer}.editor-section{background:#fff;border-radius:8px;margin:12px;padding:16px}.editor-section h3{margin:0 0 14px;font-size:16px}.field{color:#555;gap:6px;margin-top:12px;font-size:13px;display:grid}.field input,.field textarea,.field select{color:#222;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d8d8d8;border-radius:5px;outline:none;padding:9px 10px;font-size:15px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#687b99}.avatar-control{align-items:center;gap:12px;display:flex}.avatar-control img{object-fit:cover;background:#eee;border-radius:4px;width:48px;height:48px}.avatar-control img.post-thumb{width:54px;height:72px}.file-picker span{color:#526787;cursor:pointer;background:#f8f9fb;border:1px solid #ccd2dc;border-radius:5px;padding:8px 12px;font-size:14px;display:inline-flex}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.date-row{grid-template-columns:1.45fr 1fr;gap:10px;display:grid}.primary-button{color:#fff;cursor:pointer;background:#536785;border-radius:5px;width:100%;margin-top:14px;padding:10px}.comment-manager{border-top:1px solid #eee;margin-top:14px}.comment-manager>div{border-bottom:1px solid #eee;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px;display:flex}.comment-manager span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.comment-manager button{color:#c64d4d;cursor:pointer;flex:none}.comment-manager button.save-friend{color:#526787}.batch-picker{text-align:center;margin-top:10px;display:block}.batch-picker span{justify-content:center;width:100%}.friend-manager{border-top:1px solid #eee;max-height:250px;margin-top:14px;overflow-y:auto}.friend-manager>div{border-bottom:1px solid #eee;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0;font-size:13px;display:grid}.friend-manager img{object-fit:cover;border-radius:4px;width:34px;height:34px}.friend-manager span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-manager button{color:#526787;cursor:pointer}.friend-manager button.danger{color:#c64d4d}.like-count{grid-template-columns:1fr 34px 42px 34px;align-items:center;gap:5px;display:grid}.like-count button{color:#526787;cursor:pointer;background:#f8f9fb;border:1px solid #d7dce4;border-radius:4px;height:32px}.like-count b{text-align:center;font-size:16px}.editor-message{color:#c64d4d;margin:9px 0 0;font-size:13px}.friend-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:280px;margin-top:13px;padding:3px;display:grid;overflow-y:auto}.friend-selector label{background:#f7f7f7;border-radius:5px;grid-template-columns:18px 30px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:5px;font-size:12px;display:grid}.friend-selector img{object-fit:cover;border-radius:4px;width:30px;height:30px}.friend-selector span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-row{gap:18px;margin:11px 0;font-size:13px;display:flex}.mode-row label{align-items:center;gap:5px;display:flex}.storage-warning{color:#9f3d32;background:#fff0ed;border-radius:6px;margin:12px;padding:10px 12px;font-size:13px}.danger-zone button{color:#b33e3e;cursor:pointer;border:1px solid #d8aaaa;border-radius:5px;width:100%;padding:10px}.compact-actions{grid-template-columns:1fr 1fr 1.5fr;gap:6px;margin-top:8px;display:grid}.compact-actions button{color:#526787;cursor:pointer;background:#f8f9fb;border:1px solid #d7dce4;border-radius:4px;padding:7px 4px;font-size:12px}.compact-actions button:disabled{color:#aaa;cursor:default}.images-editor{margin-top:13px}.images-editor>small{color:#999;margin-left:10px}.images-editor>div{border-top:1px solid #eee;margin-top:9px}.images-editor article{border-bottom:1px solid #eee;grid-template-columns:42px 1fr auto auto auto;align-items:center;gap:6px;padding:7px 0;font-size:12px;display:grid}.images-editor article img{object-fit:cover;border-radius:3px;width:42px;height:42px}.images-editor article button{color:#526787;cursor:pointer}.images-editor article button:disabled{color:#bbb;cursor:default}.images-editor article button.danger{color:#c64d4d}@media (width<=600px){.editor-panel{width:100%}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}