#f-view .f-card{border:1px solid #dfe2d0;background:#fffefb;border-radius:14px;box-shadow:0 1px 2px #3c48320d}#f-view .f-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;border:1px solid #c2cdb4;padding:7px 18px;font-size:13px;color:#4f664d;background:#fffefb;cursor:pointer;transition:all .15s}#f-view .f-btn:hover,#f-auth .f-btn:hover{border-color:#557953;color:#3f633f}#f-view .f-btn-primary,#f-auth .f-btn-primary{background:#557953;border-color:#557953;color:#fff}#f-view .f-btn-primary:hover,#f-auth .f-btn-primary:hover{background:#3f633f;color:#fff}#f-auth .f-btn{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #c2cdb4;padding:6px 16px;font-size:13px;color:#4f664d;background:#fffefb;cursor:pointer}#f-view .f-label{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.05em;color:#566354}#f-view .f-input,#f-view textarea{width:100%;border:1px solid #c2cdb4;border-radius:10px;background:#fff;padding:11px 13px;font-size:14px;line-height:1.7;color:#26352b;outline:0;transition:border-color .15s,box-shadow .15s}#f-view .f-input::placeholder,#f-view textarea::placeholder{color:#a9b29d}#f-view .f-input:focus,#f-view textarea:focus{border-color:#557953;box-shadow:0 0 0 3px #55795321}#f-view textarea{resize:vertical;min-height:110px}#f-view .f-thread-row{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #eef0e4;transition:background .15s}#f-view .f-thread-row:last-child{border-bottom:none}#f-view .f-lock-mask{border:1px dashed #c2cdb4;border-radius:14px;background:#f7f9f2;padding:32px 20px;text-align:center;color:#6d7a66;font-size:14px;line-height:2}#f-view .f-tag{display:inline-block;font-size:11px;border-radius:6px;padding:1px 7px;margin-right:6px;vertical-align:1px}#f-view .f-tag-pin{background:#f3e8d0;color:#9a6b1f}#f-view .f-tag-lock{background:#e7e9e3;color:#777f72}#f-view .f-tag-guest{background:#e6eee2;color:#557953}#f-view .f-upload-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}#f-view .f-btn-mini{position:relative;padding:5px 14px;font-size:12px}#f-view .f-btn-mini input{position:absolute;inset:0;opacity:0;cursor:pointer}#f-view .f-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}#f-view .f-files:empty{margin-top:0}#f-view .f-file{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #d8e0cd;border-radius:10px;background:#fff;padding:8px 30px 8px 8px;max-width:100%}#f-view .f-file.is-err{border-color:#d9a7a7;background:#fdf6f6}#f-view .f-file-img{width:84px;height:84px;padding:0;overflow:hidden}#f-view .f-file-img img{width:100%;height:100%;object-fit:cover;border-radius:9px}#f-view .f-file-noimg{width:100%;text-align:center;font-size:12px;color:#9aa590}#f-view .f-file-ico{flex:none;font-size:20px;line-height:1}#f-view .f-file-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px;color:#3a4a38}#f-view .f-file-sz{flex:none;font-size:11px;color:#98a293}#f-view .f-file-up,#f-view .f-file-err{position:absolute;left:0;right:0;bottom:0;background:#2f3e2cb8;color:#fff;font-size:10px;text-align:center;line-height:18px;border-radius:0 0 9px 9px}#f-view .f-file-err{background:#8a4b4bd9}#f-view .f-file-x{position:absolute;top:3px;right:5px;width:20px;height:20px;line-height:18px;text-align:center;border:0;border-radius:50%;background:#3c48328c;color:#fff;font-size:14px;cursor:pointer}#f-view .f-file-x:hover{background:#8a4b4b}#f-view .f-att-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}#f-view .f-att-img{display:block;border:1px solid #dfe2d0;border-radius:10px;overflow:hidden;width:132px;height:132px;background:#f4f6ee}#f-view .f-att-img img{width:100%;height:100%;object-fit:cover;transition:transform .2s}#f-view .f-att-img:hover img{transform:scale(1.04)}#f-view .f-att-pdf{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 14px;border:1px solid #d8e0cd;border-radius:10px;background:#f7f9f2;max-width:420px;transition:border-color .15s,background .15s}#f-view .f-att-pdf:hover{border-color:#8fa788;background:#eef3e7}#f-view .f-att-pdf-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}#f-view .f-att-pdf .f-file-nm{max-width:100%;font-size:13px}#f-view .f-att-open{flex:none;font-size:12px;color:#557953}@media (max-width:640px){#f-view .f-thread-row{padding:13px 14px;gap:8px}#f-view .f-att-img{width:calc(33.333% - 7px);height:auto;aspect-ratio:1}#f-view .f-file-nm{max-width:130px}}