#comments-section{width:100%;box-sizing: border-box;margin:10px 0;background-color: #fff;}
.comments-title{font-size: 20px;font-weight: bold;margin-bottom: 20px;color: #003366;}
.comments-panel{display: flex;flex-direction: column;gap: 10px;border: 1px solid #ddd;border-radius: 6px;padding: 15px;background-color: #fafafa;}
.comments-text{width: 100%;height: 120px;padding: 12px;border: 1px solid #ccc;box-sizing: border-box;font-family:"Microsoft YaHei";resize: none;outline: none;font-size: 16px;color: #333;border-radius: 4px;transition: border-color 0.3s ease;}
.comments-text:focus{border-color: #FF9600;}
.comments-button{align-self: flex-end;width: 80px;height: 36px;background-color: #003366;color: #fff;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;}
.comments-button:hover {background-color: #FF9600;}
.comments--count{font-size: 18px;font-weight: bold;margin: 25px 0 15px;color: #003366;}
.wl-num{color:#FF9600;}
.comments-content {border-top: 1px solid #eee;}
.wl-card-item {display: flex;padding: 15px 0;border-bottom: 1px solid #eee;}
.wl-user-avatar {width: 50px;height: 50px;border-radius: 50%;margin-right: 15px;object-fit: cover;border: 1px solid #ddd;}
.wl-card{flex: 1;}
.wl-head{display: flex;align-items: center;margin-bottom: 10px;}
.wl-nick{font-size: 16px;color: #333;margin-right: 15px;font-weight: bold;}
.wl-time{font-size: 13px;color: #999;}
.wl-content{font-size: 16px;line-height: 1.6;white-space: pre-wrap;word-wrap: break-word;color: #444;}