: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(64px + env(safe-area-inset-bottom));background:#fff;margin:0 auto}.top-nav{z-index:20;background:#ededed;border-bottom:1px solid #e7e7e7;grid-template-columns:52px 1fr 52px;align-items:center;height:48px;display:grid;position:sticky;top:0}.top-nav button{cursor:pointer;place-items:center;height:48px;display:grid}.top-nav .back{justify-items:start;padding-left:10px}.top-nav .back img{object-fit:contain;width:32px;height:42px}.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:500;line-height:1}.top-nav .more{place-items:center;display:grid}.top-nav .more img{object-fit:contain;width:42px;height:32px}.post-content{grid-template-columns:40px minmax(0,1fr);column-gap:10px;padding:14px 12px 10px;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 6px;font-size:16px;line-height:1.2}.post-text{letter-spacing:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:17px;line-height:1.43}.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:402/539;width:134px;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:25px;margin-top:5px;font-size:13px;display:flex}.post-time{align-items:center;gap:8px;min-width:0;display:flex}.post-time span{white-space:nowrap}.post-time .visibility-icon{place-items:center;width:23px;height:23px;display:grid}.post-time .visibility-icon img{object-fit:contain;width:22px;height:23px}.post-meta .trash{place-items:center;width:21px;height:25px;display:grid}.post-meta .trash img{object-fit:contain;width:19px;height:24px}.post-meta .post-more{flex:none;place-items:center;width:38px;height:27px;display:grid}.post-meta .post-more img{object-fit:contain;width:38px;height:27px}.likes-section,.comments-section{background:#f7f7f7;border-top:1px solid #e9e9e9;grid-template-columns:40px minmax(0,1fr);column-gap:10px;margin:0 12px;display:grid}.likes-section{border-radius:8px 8px 0 0;padding:8px 12px 12px}.section-icon{color:#536785;justify-content:center;align-items:flex-start;padding-top:0;display:flex}.reference-section-icon{object-fit:contain;display:block}.heart-reference-icon{width:34px;height:40px;transform:translateY(-12px)}.comment-reference-icon{width:34px;height:42px;transform:translateY(-12px)}.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;border-radius:0 0 8px 8px;padding:0 12px;overflow:hidden}.comments-section .section-icon{padding-top:11px}.comment{border-bottom:1px solid #e4e4e4;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:11px 0;display:grid}.comment:last-child{border-bottom:0}.comment img{object-fit:cover;border-radius:3px;width:36px;height:36px;display:block}.comment-heading{justify-content:space-between;align-items:baseline;gap:7px;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 time{color:#777;white-space:nowrap;font-size:12.5px}.comment p{overflow-wrap:anywhere;margin:4px 0 0;font-size:16px;line-height:1.32}.comment p strong{color:#536785;font-weight:500}.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(58px + env(safe-area-inset-bottom));padding:7px 9px calc(7px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #ededed;grid-template-columns:minmax(0,1fr) 38px 38px;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:44px;padding:0 9px;font-size:16px;display:flex}.comment-bar button{cursor:pointer;place-items:center;height:44px;display:grid}.comment-bar button img{object-fit:contain;display:block}.comment-bar button[aria-label=表情] img{width:36px;height:38px;transform:translateY(-2px)}.comment-bar button[aria-label=图片] img{width:38px;height:34px}@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-header-actions{align-items:center;gap:18px;display:flex}.editor-credit{color:#999;text-align:center;margin:20px 12px 28px;font-size:13px}.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}