.web-message-main{padding-bottom:34px}.web-message-form-wrap,.web-message-list{margin-top:18px}.web-message-form-wrap>h3,.web-message-list>h3{margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid #e7e7e7;color:#333;font-size:17px;font-weight:700}.web-message-form{max-width:720px}.web-form-row{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:15px;margin-bottom:17px}.web-form-row label{margin:0;color:#333;font-size:14px;text-align:right}.web-form-row label span{color:#d40000}.web-form-row input,.web-form-row textarea{width:100%;border:1px solid #d9d9d9;border-radius:2px;background:#fff;color:#333;font:inherit;outline:0;transition:border-color .2s,box-shadow .2s}.web-form-row input{height:42px;padding:0 12px}.web-form-row textarea{min-height:145px;padding:11px 12px;line-height:1.7;resize:vertical}.web-form-row input:focus,.web-form-row textarea:focus{border-color:#d40000;box-shadow:0 0 0 2px rgba(212,0,0,.08)}.web-form-row--textarea{align-items:start}.web-form-row--textarea label{padding-top:10px}.web-form-row--code>div{display:flex;align-items:center;gap:12px}.web-form-row--code input{max-width:180px}.web-form-row--code img{display:block;width:112px;height:40px;border:1px solid #ddd;object-fit:cover;cursor:pointer}.web-form-actions{display:flex;align-items:center;gap:16px;margin-left:115px}.web-form-actions button{height:42px;padding:0 24px;border:0;border-radius:2px;color:#fff;background:#d40000;font-size:15px;cursor:pointer}.web-form-actions button:hover{background:#b90000}.web-form-actions button:disabled{cursor:wait;opacity:.65}.web-form-actions p{margin:0;color:#999;font-size:13px}.web-message-list{margin-top:38px}.web-message-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px 0;border-bottom:1px dashed #ddd}.web-message-item>img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#eee}.web-message-item header{display:flex;align-items:center;justify-content:space-between;gap:15px}.web-message-item header strong{color:#333;font-size:15px}.web-message-item time{color:#aaa;font-size:12px}.web-message-item>div>p{margin:8px 0 0;color:#555;line-height:1.75}.web-message-reply{margin-top:12px;padding:12px 14px;border-left:3px solid #d40000;background:#f8f8f8}.web-message-reply strong{color:#d40000}.web-message-reply p{margin:5px 0;color:#555;line-height:1.7}.web-message-reply time{display:block;text-align:right}.web-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:25px}.web-pagination a,.web-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;column-gap: 4px;padding:0 11px;border:1px solid #ddd;color:#555;background:#fff;text-decoration:none}.web-pagination a.page-num-current{background:var(--web-red);color:#fff;border: 1px solid var(--web-red);}.web-pagination a:hover,.web-pagination .active,.web-pagination span.current{border-color:#d40000;color:#fff;background:#d40000}@media(max-width:680px){.web-message-main{padding-bottom:25px}.web-message-form{max-width:none}.web-form-row{display:block;margin-bottom:15px}.web-form-row label{display:block;margin-bottom:7px;text-align:left}.web-form-row--textarea label{padding-top:0}.web-form-row input{height:44px}.web-form-row--code>div{gap:8px}.web-form-row--code input{max-width:none}.web-form-actions{display:block;margin-left:0}.web-form-actions button{width:100%}.web-form-actions p{margin-top:9px;text-align:center}.web-message-item{grid-template-columns:34px minmax(0,1fr)}.web-message-item>img{width:34px;height:34px}.web-message-item header{display:block}.web-message-item header time{display:block;margin-top:4px}.web-pagination a,.web-pagination span{min-width:34px;height:34px;padding:0 8px}}