.share-section,.comment-section {padding:25px 20px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease;}
.share-section{margin: 20px 0 15px;}
.comment-section{margin-bottom:30px;}
.share-section:hover,.comment-section:hover {transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.12);}
.share-title {font-size:18px;margin-bottom:15px;color:#222;font-weight:600;text-align:left;}
.share-buttons {display:flex;flex-wrap:wrap;gap:10px;}
.share-btn {padding:7px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;border:none;cursor:pointer;text-decoration:none;transition:transform 0.2s ease,opacity 0.2s ease;}
.share-btn:hover {transform:translateY(-2px);opacity:0.9;}
.fb {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}
.tw {background:#1B9CFC;}
.rd {background:#FA8231;}
.tg {background:#20BF6B;}
.copy {background:#4B6584;}
.comment-title {font-size:18px;margin-bottom:15px;color:#222;font-weight:600;}
.comment-section input,.comment-section textarea {width:100%;padding:12px;margin-bottom:12px;border-radius:8px;border:1px solid #ccc;font-size:14px;font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
#commentContent {height:120px;width:100%;resize:vertical;box-sizing:border-box;overflow:auto;line-height:1.5;min-height:100px;max-height:300px;}
.comment-section input:focus,.comment-section textarea:focus {border-color:#007bff;box-shadow:0 0 6px rgba(0,123,255,0.25);outline:none;}
.comment-submit {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background 0.2s ease,transform 0.2s ease;}
.comment-submit:hover {transform:translateY(-1px);opacity: 0.85;}
#copySuccessMsg,#commentSuccessMsg {font-size:14px;margin-top:10px;font-weight:500;}
@media (max-width:600px) {.share-section,.comment-section {padding:20px 15px;}
.share-btn {flex:1 1 45%;text-align:center;}
;}