.draft-hint[data-v-43815021]{margin:0 0 12px;font-size:.9rem;color:#666}.btn-confirm[data-v-43815021]{background:#2d7a3e;color:#fff}.btn-cancel[data-v-43815021]{background:transparent;color:#666;border:1px solid #ccc}.agreement-overlay[data-v-f921faca]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.agreement-modal[data-v-f921faca]{background:#fffef9;border-radius:12px;padding:28px 24px;max-width:420px;width:100%;max-height:85vh;overflow:auto;box-shadow:0 8px 32px #00000026;border:1px solid rgba(74,69,64,.1)}.agreement-title[data-v-f921faca]{font-size:1.25rem;font-weight:600;color:#4a4540;margin:0 0 16px;text-align:center}.agreement-body[data-v-f921faca]{font-size:.9rem;color:#555;line-height:1.6;margin-bottom:24px;white-space:pre-wrap}.agreement-actions[data-v-f921faca]{display:flex;gap:12px;justify-content:center}.agreement-btn[data-v-f921faca]{padding:10px 24px;border-radius:8px;font-size:.95rem;cursor:pointer;border:none;transition:background .2s,opacity .2s}.agreement-btn-disagree[data-v-f921faca]{background:#f0ebe4;color:#4a4540}.agreement-btn-disagree[data-v-f921faca]:hover{background:#e5dfd6}.agreement-btn-agree[data-v-f921faca]{background:#4a4540;color:#fff}.agreement-btn-agree[data-v-f921faca]:hover{background:#3d3934}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:#f5f0e8;color:#4a4540;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:15px}#app{min-height:100vh;padding-bottom:120px}.wall-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f0e8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.wall-header{position:relative;z-index:1;text-align:center;padding:32px 20px 24px;max-width:640px;margin:0 auto}.wall-header .header-about{position:absolute;top:20px;right:20px;font-size:.9rem;color:#4a4540bf;text-decoration:none;transition:color .2s}.wall-header .header-about:hover{color:#4a4540}.wall-header .wall-title{font-family:KaiTi,STKaiti,楷体,华文楷体,Kaiti SC,cursive;font-size:2.2rem;color:#4a4540;margin:0 0 12px;letter-spacing:.05em}.wall-header .wall-desc{font-size:.95rem;line-height:1.7;color:#4a4540d9}.wall-header .login-hint{margin-top:20px}.board-viewport{position:relative;z-index:1;margin:0 auto;overflow:hidden;max-width:100%;min-height:420px;max-height:85vh;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.board-viewport:active{cursor:grabbing}.message-wall.board{position:absolute;left:0;top:0;margin:0;padding:0;will-change:transform}.sticky-note{position:absolute;padding:12px 14px;border-radius:2px;box-shadow:1px 2px 8px #00000014;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.sticky-note:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.06);border-radius:inherit;pointer-events:none}.sticky-note:hover{box-shadow:2px 6px 16px #0000001f}.sticky-note:not(.is-dragging):hover{transform:translateY(-3px)}.sticky-note.is-dragging{box-shadow:4px 12px 24px #0000002e;transition:box-shadow .15s ease}.sticky-note.sticky-note-draft{cursor:grab}.sticky-note.sticky-note-draft:active{cursor:grabbing}.sticky-note .note-content{font-family:KaiTi,STKaiti,楷体,华文楷体,Kaiti SC,cursive;font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.sticky-note .note-meta{margin-top:8px;font-size:.75rem;opacity:.75}.pin{position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 3px #0000004d;top:6px}.pin.pin-tl{left:8px}.pin.pin-tr{right:8px;left:auto}.pin.pin-red{background:radial-gradient(circle at 30% 30%,#e74c3c,#c0392b)}.pin.pin-black{background:radial-gradient(circle at 30% 30%,#5d6d7e,#2c3e50)}.pin.pin-clear{background:#fff9;border:1px solid rgba(0,0,0,.1)}.stamp{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border:2px solid #c23a3a;border-radius:50%;color:#c23a3a;font-size:.65rem;display:flex;align-items:center;justify-content:center;font-family:KaiTi,STKaiti,楷体,华文楷体,Kaiti SC,cursive;opacity:.85;transform:rotate(-12deg)}.post-input-wrap{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:16px 20px 24px;background:linear-gradient(to top,#f5f0e8 80%,transparent)}.post-input{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.post-input textarea{width:100%;min-height:80px;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:14px;resize:vertical;background:#fff}.post-input .actions{display:flex;align-items:center;gap:12px}.post-input button{padding:10px 20px;border:none;border-radius:8px;background:#4a4540;color:#fff;font-size:14px;cursor:pointer;transition:opacity .2s}.post-input button:hover{opacity:.9}.post-input button:disabled{opacity:.5;cursor:not-allowed}.post-input input[type=file]{font-size:13px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.detail-modal{background:#faf6ed;max-width:420px;width:100%;max-height:85vh;overflow:auto;border-radius:8px;box-shadow:0 8px 32px #00000026;padding:24px;position:relative}.detail-modal .detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:1.2rem;color:#4a4540;opacity:.7}.detail-modal .detail-close:hover{opacity:1}.detail-modal .detail-content{font-family:KaiTi,STKaiti,楷体,华文楷体,Kaiti SC,cursive;font-size:1.1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.detail-modal .detail-meta{margin-top:12px;font-size:.85rem;opacity:.8}.detail-modal .detail-actions{margin-top:16px;display:flex;align-items:center;gap:12px}.detail-modal .like-btn{padding:8px 16px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;cursor:pointer;font-size:14px;transition:transform .15s}.detail-modal .like-btn:hover{transform:scale(1.02)}.detail-modal .detail-image{margin-top:12px;max-width:100%;border-radius:6px;display:block}@keyframes flyIn{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.note-fly-in{animation:flyIn .5s ease-out forwards}@keyframes heartPop{0%{transform:scale(0);opacity:1}50%{transform:scale(1.3)}to{transform:scale(1);opacity:0}}.heart-pop{position:absolute;pointer-events:none;animation:heartPop .6s ease-out forwards;color:#c23a3a;font-size:1.5rem}.login-hint{text-align:center;padding:20px 16px;font-size:.9rem}.login-hint .login-hint-text{margin:0 0 14px;color:#4a4540cc}.login-hint .login-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.login-hint .btn-login,.login-hint .btn-register{display:inline-block;padding:10px 24px;border-radius:8px;font-size:.95rem;text-decoration:none;transition:opacity .2s,transform .15s}.login-hint .btn-login:hover,.login-hint .btn-register:hover{opacity:.9;transform:translateY(-1px)}.login-hint .btn-login{background:#4a4540;color:#fff}.login-hint .btn-register{background:transparent;color:#c23a3a;border:1px solid #c23a3a}@media (max-width: 768px){.wall-header{padding:10px 14px 8px;max-height:20vh;overflow-y:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.wall-header .header-about{top:8px;right:10px;font-size:.8rem}.wall-header .wall-title{font-size:1.25rem;margin:0 0 2px}.wall-header .wall-desc{font-size:.7rem;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.wall-header .login-hint{margin-top:6px;padding:0}.wall-header .login-hint .login-hint-text{font-size:.75rem;margin:0 0 4px}.wall-header .login-hint .login-btns{gap:8px}.wall-header .login-hint .btn-login,.wall-header .login-hint .btn-register{padding:5px 12px;font-size:.8rem}.board-viewport{max-height:75vh;min-height:280px;overflow:hidden;-webkit-overflow-scrolling:touch}.message-wall.board{transform-origin:0 0}.sticky-note:not(.is-dragging):hover{transform:translateY(-2px)}}