:root{--bg-color:#2c1810;--blackboard-color:#1a1a1a;--blackboard-border:#8b4513;--frame-shadow:#00000080}@font-face{font-family:ZhanKuKuaiLeTi;src:url(/message-board/ZhanKuKuaiLeTi2016XiuDingBan-1.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Comic Sans MS,Chalkboard SE,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.background{z-index:0;background-position:0 100%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;bottom:0;left:0}.blackboard{z-index:1;position:absolute;bottom:160px;left:116px}.blackboard-wrapper{transform-origin:0 100%;width:1379px;height:2289px;position:relative}.blackboard-frame{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.flowers-decoration{z-index:2;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:fixed;bottom:0;left:0}.sticky-notes-container{position:absolute;inset:8%}.sticky-note{-webkit-user-select:none;user-select:none;width:300px;height:300px;transform:rotate(var(--rotation,0deg));border-radius:8px;flex-direction:column;padding:25px 20px 20px;display:flex;position:absolute;box-shadow:2px 2px 8px #0003,0 4px 12px #00000026}.note-content{color:#000;word-wrap:break-word;text-shadow:0 1px 2px #fff9;background-image:linear-gradient(#0000 29px,#00000026 29px);background-repeat:repeat-y;background-size:100% 30px;flex:1;font-family:ZhanKuKuaiLeTi,cursive,sans-serif;font-size:20px;font-weight:700;line-height:30px;overflow:hidden}.note-footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.note-author{color:#000;text-overflow:ellipsis;white-space:nowrap;opacity:.9;font-family:ZhanKuKuaiLeTi,cursive,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.note-avatar{object-fit:cover;border:2px solid #00000014;border-radius:50%;flex-shrink:0;width:32px;height:32px;box-shadow:0 2px 6px #00000014}.note-info,.note-time{display:none}.tape{background:#fff6;width:60px;height:25px;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000001a}.tape:after{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ffffff1a 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.qr-code{z-index:10;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;bottom:40px;right:40px}.qr-frame{border:5px solid var(--blackboard-border);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:180px;height:180px;padding:12px;display:flex;box-shadow:0 4px 12px #0000004d}.qr-tip{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:14px;padding:6px 16px;font-size:18px}.qr-placeholder{color:#fff;text-align:center;text-shadow:1px 1px 2px #000;background:repeating-conic-gradient(#333 0% 25%,#fff 0% 50%) 0 0/10px 10px;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;justify-content:space-between;align-items:center;width:100%;padding:20px 26px;display:flex;position:fixed;top:0;left:0}.wechat-login-btn{color:#fff;cursor:pointer;background:#07c160;border:none;border-radius:8px;align-items:center;gap:10px;padding:13px 26px;font-size:18px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #07c1604d}.wechat-login-btn:hover{background:#06ad56;transform:translateY(-1px);box-shadow:0 4px 12px #07c16066}.wechat-login-btn:active{transform:translateY(0)}.wechat-icon{flex-shrink:0}.user-info{background:#fffffff2;border-radius:26px;align-items:center;gap:13px;padding:10px 20px;display:flex;box-shadow:0 2px 8px #00000026}.user-avatar{object-fit:cover;border:2px solid #07c160;border-radius:50%;width:42px;height:42px}.user-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:18px;font-weight:500;overflow:hidden}.logout-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:15px;padding:5px 15px;font-size:16px;transition:all .2s}.logout-btn:hover{color:#333;background:#e8e8e8}.loading-overlay{z-index:1000;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.loading-spinner{border:5px solid #ffffff4d;border-top-color:gold;border-radius:50%;width:70px;height:70px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;text-shadow:0 2px 4px #00000080;margin-top:20px;font-size:20px;font-weight:500}@media (max-width:768px){.blackboard-frame{width:95vw;height:75vh}.sticky-note{width:120px;min-height:100px;padding:12px}.note-content{font-size:14px}.qr-code{bottom:20px;right:20px}.qr-frame{width:80px;height:80px}.qr-placeholder{font-size:10px}.header{padding:10px 15px}.wechat-login-btn{padding:8px 16px;font-size:15px}.user-name{max-width:100px;font-size:15px}.user-avatar{width:28px;height:28px}.loading-spinner{border-width:3px;width:40px;height:40px}.loading-text{font-size:14px}}