/* 四方知汇 通用功能区（登录/注册/发帖/留言/列表） */
#app{position:relative;z-index:2;max-width:680px;margin:0 auto;text-align:left;}
#app .card{background:rgba(10,22,45,.92);border:1px solid rgba(255,215,0,.55);border-radius:12px;padding:14px;margin:14px 0;color:#e8f0ff;}
#app h3{color:#ffd700;font-size:16px;margin-bottom:10px;}
#app input,#app textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #33507a;background:#0a1830;color:#fff;font-size:15px;margin-bottom:8px;}
#app textarea{min-height:70px;}
#app .btn{display:inline-block;padding:10px 20px;border-radius:8px;border:none;font-weight:bold;cursor:pointer;font-size:15px;}
#app .btn-gold{background:linear-gradient(135deg,#ffd700,#e6b800);color:#111;}
#app .btn-line{background:transparent;color:#9fd0ff;border:1px solid #3366aa;}
#app .userbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
#app .userbar .who{color:#ffd700;font-size:14px;}
#app .item{border-bottom:1px dashed #2a4266;padding:10px 0;}
#app .item .t{font-weight:bold;color:#fff;font-size:15px;}
#app .item .b{font-size:14px;color:#c9d8ee;margin:4px 0;white-space:pre-wrap;}
#app .item .meta{font-size:12px;color:#7d94b5;}
#app .item img,#app .item video{max-width:100%;border-radius:8px;margin-top:6px;}
#app .empty{color:#7d94b5;font-size:13px;text-align:center;padding:14px 0;}
#app .row{display:flex;gap:8px;flex-wrap:wrap;}
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#23a862;color:#fff;padding:10px 22px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:9999;}
#toast.show{opacity:1;}
#app .qr-card{text-align:center;padding:20px 14px;}
#app .qr-card img{width:140px;height:140px;border-radius:10px;border:2px solid #ffd700;background:#ffd700;}
#app .qr-card .qr-t{color:#ffd700;font-size:16px;font-weight:bold;margin-top:10px;}
#app .qr-card .qr-s{color:#9fd0ff;font-size:13px;margin-top:4px;}