.touching-comments-button{display:block;float:right;clear:both;margin:10px 0 5px 0;}
.touching-comments-button span svg{width:16px;height:16px;color:#d81e06;}
.touching-comments-button br{display:none;}
.touching-comments-button a{outline:none;}
.touching-comments-chosen{background:#f9f1be;padding:3px 8px;margin:5px 0;border-radius:8px 0;font-size:14px;display:inline-block;}
.touching-comments-chosen span{color:#76600a;}
.touching-waterfall .touching-list .touching-comments-button,.touching-waterfall .touching-list .touching-comments-chosen{display:none;}
.touching-header{position:relative;overflow:hidden;border-radius:4px;margin-bottom:15px;}
.touching-header::before,.touching-waterfall::before{content:"";display:table;clear:both;}
.touching-header .touching-bg{position:absolute;top:0;left:0;margin:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position: right center;z-index:0;}
.touching-header .touching-overlay{position:absolute;inset:0;backdrop-filter:blur(3px);background:rgba(22, 11, 11, 0.25);z-index:1;}
.touching-header .touching-content{padding:15px;position:relative;z-index:2;}
.touching-header .touching-title{font-size:24px;line-height:50px;font-weight:bold;color:#f9f9f9;}
.touching-header .touching-title sup{font-size:12px;padding-left:2px;font-style:italic;font-weight:normal;}
.touching-header .touching-tagline{font-size:16px;line-height:30px;color:#ccc;margin:16px 0 8px 0;}
.touching-header .touching-title-only{}
.touching-waterfall{width:100%;position:relative;}
.touching-waterfall .touching-list{position:relative;padding:0;margin:0;list-style:none;min-height:120px;opacity:0;}
.touching-waterfall .touching-list::before{content:'';display:block;--cols:4;--gap:16px;}
.touching-waterfall .touching-list .touching-comment-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.touching-waterfall .touching-list .touching-comment-name{padding-bottom:6px;}
.touching-waterfall .touching-list .touching-comment-avatar img{border-radius:50%;width:48px;height:48px;}
.touching-waterfall .touching-list .touching-comment-date{font-size:12px;color:#999;}
.touching-waterfall .touching-list .touching-comment-content p{font-size:16px;line-height:28px;color:#444;}
.touching-waterfall .touching-list .touching-comment-content .touching-comment_at{display:none;}
.touching-waterfall .touching-list .touching-comment-from{margin-top:10px;font-size:13px;color:#777;line-height:22px;}
.touching-waterfall .touching-list .touching-comment-from .touching-bullet{margin:0 6px;}
.touching-waterfall .touching-comment-item{position:absolute;border-radius:4px;border:1px solid #e5e5e5;box-shadow:0 0 4px rgba(205, 220, 230, .5);padding:14px;box-sizing:border-box;width:100%;opacity:0;transform:translateY(30px);animation:touchingfadeInUp 0.6s ease-out forwards;}
@keyframes touchingfadeInUp { from {opacity:0;transform:translateY(30px);} to {opacity:1;transform:translateY(0);} }
.touching-waterfall .touching-list .thread-odd{background:#fafafa;}
.touching-waterfall .touching-list .thread-even{background:#fcfcfc;}
.touching-waterfall .touching-comment-item:hover{background:#f9f9f9;box-shadow:0 0 4px rgba(0,0,0,0.2);}
.touching-waterfall .touching-comment-item:nth-child(8n+1){animation-delay:0.1s;}
.touching-waterfall .touching-comment-item:nth-child(8n+2){animation-delay:0.2s;}
.touching-waterfall .touching-comment-item:nth-child(8n+3){animation-delay:0.3s;}
.touching-waterfall .touching-comment-item:nth-child(8n+4){animation-delay:0.4s;}
.touching-waterfall .touching-comment-item:nth-child(8n+5){animation-delay:0.5s;}
.touching-waterfall .touching-comment-item:nth-child(8n+6){animation-delay:0.6s;}
.touching-waterfall .touching-comment-item:nth-child(8n+7){animation-delay:0.7s;}
.touching-waterfall .touching-comment-item:nth-child(8n+8){animation-delay:0.8s;}
.touching-waterfall .touching-comment-item:nth-child(8n+9){animation-delay:0.9s;}
.touching-waterfall .touching-comment-item:nth-child(8n+10){animation-delay:1s;}
.touching-waterfall .touching-comment-item:nth-child(8n+11){animation-delay:1.1s;}
.touching-waterfall .touching-comment-item:nth-child(8n+12){animation-delay:1.2s;}

.touching-header, .touching-waterfall{container-type:inline-size;container-name:touchingwaterfall;}
@container touchingwaterfall (max-width:479px){
.touching-waterfall .touching-list::before{--cols:1;--gap:14px;}
}
@container touchingwaterfall (min-width:480px) and (max-width:767px){
.touching-waterfall .touching-list::before{--cols:2;}
}
@container touchingwaterfall (min-width:768px) and (max-width:991px){
.touching-waterfall .touching-list::before{--cols:3;}
}
@container touchingwaterfall (min-width:1280px){
.touching-waterfall .touching-list::before{--cols:5;--gap:18px;}
}