/* 网页评论：与 PC 端优酷讨论区同一套布局 */
.yk-disc{display:flex;flex-direction:column;color:rgba(255,255,255,.92)}
.yk-disc .iqy-cmt-hd{order:-1;margin:0 0 14px;padding:0;border:0;gap:8px}
.yk-disc .iqy-cmt-hd-title{font-size:18px;font-weight:700}
.yk-disc .iqy-cmt-hd-num{margin-left:0;font-size:14px;font-weight:400;color:rgba(255,255,255,.45)}
.yk-disc .yk-compose,.yk-disc>.yk-login-bar{order:0}
.yk-disc .yk-sort{order:1}
.yk-disc .comment-list{order:2}
.yk-disc .yk-cmt-empty,.yk-disc .yk-cmt-pager{order:3}

.yk-compose{position:relative;z-index:6}
.yk-compose.is-open .yk-login-bar{display:none}
.yk-disc .yk-compose.is-open ~ .yk-sort{display:none}
.yk-disc .yk-compose.is-open ~ .comment-list .iqy-avatar{visibility:hidden;pointer-events:none}
.yk-disc .yk-compose.is-open ~ .comment-list .iqy-name{display:none}
.yk-disc .yk-editor.none{display:none}
.yk-disc .yk-compose.is-open .yk-editor{display:flex}
.yk-disc .yk-editor.is-cover{
  position:relative;left:auto;right:auto;top:auto;z-index:1;
  display:none;align-items:flex-start;gap:10px;
  padding:0 0 8px;background:transparent;box-shadow:none
}
.yk-login-bar{display:flex;align-items:center;gap:10px;padding:4px 0 8px}
.yk-ava{
  width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;
  background:#2a3038;color:rgba(255,255,255,.7);
  display:inline-flex;align-items:center;justify-content:center
}
.yk-ava img{width:100%;height:100%;object-fit:cover;display:block}
.yk-ava.is-guest{color:rgba(255,255,255,.72);background:#3a4048}
.yk-login-input{
  flex:1;min-width:0;height:40px;border:0;border-radius:10px;padding:0 14px;
  background:#1c222b;color:rgba(255,255,255,.38);
  text-align:left;font-size:13px;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.yk-login-input.is-compose.has-text{color:rgba(255,255,255,.88)}
.yk-login-input.is-guest{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:36px;border-radius:18px;padding:0 72px;text-align:center;
  background:rgba(255,255,255,.08)
}
.yk-login-input.is-guest .yk-login-btn{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  height:28px;padding:0 14px;border-radius:14px;
  background:#1a7cff;color:#fff;font-size:13px;font-weight:600;line-height:28px
}
.yk-editor-body{flex:1;min-width:0;position:static}
.yk-editor-box{position:relative;background:#1c222b;border-radius:10px;min-height:78px}
.yk-editor-box textarea{
  width:100%;min-height:78px;height:78px;margin:0;border:0;border-radius:10px;resize:none;outline:none;
  background:transparent;color:#fff;padding:10px 12px 22px;
  font-size:14px;line-height:1.5;box-sizing:border-box
}
.yk-editor-box textarea::placeholder{color:rgba(255,255,255,.35)}
.yk-editor-count{position:absolute;right:10px;bottom:6px;font-size:12px;color:rgba(255,255,255,.35);line-height:1}
.yk-editor-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}
.yk-editor-icos,.yk-editor-btns{display:flex;align-items:center;gap:8px}
.yk-editor-icos{gap:6px}
.yk-disc .yk-ico{
  width:40px;height:40px;margin:0;border:0;background:transparent;color:rgba(255,255,255,.72);
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0
}
.yk-disc .yk-ico:hover,.yk-disc .yk-ico.is-on{color:#fff}
.yk-disc .yk-ico.is-on{background:rgba(255,255,255,.14);border-radius:50%}
.yk-smile,.yk-pic{display:inline-block;width:26px;height:26px;background:currentColor}
.yk-smile{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='10' r='1' fill='%23000'/%3E%3Ccircle cx='15' cy='10' r='1' fill='%23000'/%3E%3Cpath d='M8.5 14c.8 1.4 2 2.1 3.5 2.1S14.7 15.4 15.5 14' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='10' r='1' fill='%23000'/%3E%3Ccircle cx='15' cy='10' r='1' fill='%23000'/%3E%3Cpath d='M8.5 14c.8 1.4 2 2.1 3.5 2.1S14.7 15.4 15.5 14' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat
}
.yk-pic{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='10' r='1.3' fill='%23000'/%3E%3Cpath d='M5 16l4-3.5 3 2.5 3-2.5 4 3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='10' r='1.3' fill='%23000'/%3E%3Cpath d='M5 16l4-3.5 3 2.5 3-2.5 4 3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat
}
.yk-disc .small-verify{display:flex;align-items:center;gap:8px;margin:0}
.yk-disc .small-verify .input{
  width:88px;height:32px;line-height:32px;padding:0 12px;border:0;border-radius:16px;
  background:#1c222b;color:#fff;font-size:13px
}
.yk-disc .small-verify .ds-verify-img{width:72px;height:32px;border-radius:16px;object-fit:cover;background:#fff;cursor:pointer}
.yk-cancel{
  height:32px;padding:0 14px;border:0;border-radius:16px;
  background:#2c323b;color:rgba(255,255,255,.85);font-size:14px;cursor:pointer
}
.yk-pub{
  height:32px;padding:0 16px;border:0;border-radius:16px;
  background:#1a7cff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;line-height:32px
}
.yk-pub:hover{filter:brightness(1.08)}
.yk-disc .comment-face-box{
  position:absolute;left:0;right:0;top:100%;z-index:8;width:auto;margin:0;
  display:grid;grid-template-columns:repeat(8,1fr);justify-items:start;gap:0;
  padding:6px 0 10px;background:#000;border-radius:10px
}
.yk-disc .comment-face-box.none{display:none}
.yk-disc .comment-face-box .face-img-box{display:contents}
.yk-disc .comment-face-box .face-item{
  width:auto;height:34px;padding:0;border-radius:6px;font-size:22px
}
.yk-sort{display:flex;align-items:center;gap:22px;padding:10px 0 8px}
.yk-sort button{
  border:0;background:transparent;padding:0;cursor:pointer;
  font-size:15px;color:rgba(255,255,255,.42);font-weight:500
}
.yk-sort button.on{color:#fff;font-weight:700}
.yk-cmt-empty{color:rgba(255,255,255,.4);font-size:13px;text-align:center;padding:28px 0}
.yk-cmt-pager{display:flex;justify-content:center;gap:18px;padding:8px 0 16px}
.yk-cmt-more{
  border:0;background:transparent;color:rgba(255,255,255,.55);font-size:13px;cursor:pointer
}
.yk-disc .comment-reply-form.yk-editor{
  position:relative;display:flex!important;margin-top:10px;padding:0;background:transparent
}
.yk-disc .iqy-cmt{margin-bottom:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.yk-disc .iqy-name{color:#e6b15c;font-weight:600}
.yk-disc .iqy-text{font-size:14px;line-height:1.65}
.yk-disc .iqy-ft{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:0}
.yk-disc .iqy-ft-l,.yk-disc .iqy-ft-r{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;min-width:0}
.yk-disc .iqy-ft-r{flex-shrink:0;margin-left:auto}
.yk-disc .iqy-meta{color:rgba(255,255,255,.45);font-size:13px;white-space:nowrap}
.yk-disc .iqy-reply-btn{color:rgba(255,255,255,.92)!important;font-size:13px;white-space:nowrap}
.yk-disc .iqy-ft .digg-link[data-type="up"]{gap:6px;font-size:16px}
.yk-disc .iqy-ft .iqy-heart{width:26px;height:26px}
.yk-disc .iqy-bubble{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' d='M8 14V5.5A1.5 1.5 0 0 1 9.5 4h5A1.5 1.5 0 0 1 16 5.5V11h2.2a1.8 1.8 0 0 1 1.7 2.3l-1.6 5.2A2 2 0 0 1 16.4 20H10a2 2 0 0 1-2-2v-4z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M8 9H5.8A1.8 1.8 0 0 0 4 10.8v6.4A1.8 1.8 0 0 0 5.8 19H8'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' d='M8 14V5.5A1.5 1.5 0 0 1 9.5 4h5A1.5 1.5 0 0 1 16 5.5V11h2.2a1.8 1.8 0 0 1 1.7 2.3l-1.6 5.2A2 2 0 0 1 16.4 20H10a2 2 0 0 1-2-2v-4z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M8 9H5.8A1.8 1.8 0 0 0 4 10.8v6.4A1.8 1.8 0 0 0 5.8 19H8'/%3E%3C/svg%3E") center/contain no-repeat
}
.yk-disc .opt-more{cursor:pointer;position:relative;z-index:2}
.yk-disc .comment-opt-box .opt-state-pop.is-on{display:block}
.yk-disc .iqy-more{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='12' r='1.6' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23000'/%3E%3Ccircle cx='18' cy='12' r='1.6' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='12' r='1.6' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23000'/%3E%3Ccircle cx='18' cy='12' r='1.6' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat
}
.yk-disc .digg-link.is-on{color:#ff5c8a!important}
.yk-disc .digg-link.is-on .iqy-heart{
  background:linear-gradient(160deg,#ff9ec8,#ff2d6a);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 20.5s-6.6-4.1-6.6-9.1A3.7 3.7 0 0 1 12 8a3.7 3.7 0 0 1 6.6 3.4c0 5-6.6 9.1-6.6 9.1z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 20.5s-6.6-4.1-6.6-9.1A3.7 3.7 0 0 1 12 8a3.7 3.7 0 0 1 6.6 3.4c0 5-6.6 9.1-6.6 9.1z'/%3E%3C/svg%3E") center/contain no-repeat
}
@keyframes ykHeartPop{0%{transform:scale(1)}35%{transform:scale(1.32)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.yk-disc .iqy-heart.is-pop{animation:ykHeartPop .38s ease;transform-origin:center}

.theme1 .yk-disc{color:#222}
.theme1 .yk-disc .iqy-cmt-hd-num,.theme1 .yk-editor-count,.theme1 .yk-cmt-empty,.theme1 .yk-cmt-more{color:rgba(0,0,0,.45)}
.theme1 .yk-login-input,.theme1 .yk-editor-box,.theme1 .yk-disc .small-verify .input{background:#f3f4f6;color:rgba(0,0,0,.45)}
.theme1 .yk-editor-box textarea{color:#222}
.theme1 .yk-login-input.is-compose.has-text{color:#222}
.theme1 .yk-ava{background:#e6e8eb;color:#666}
.theme1 .yk-cancel{background:#eceff3;color:#333}
.theme1 .yk-sort button{color:rgba(0,0,0,.4)}
.theme1 .yk-sort button.on{color:#111}
.theme1 .yk-disc .comment-face-box{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.theme1 .yk-disc .iqy-cmt{border-bottom-color:rgba(0,0,0,.06)}
.theme1 .yk-disc .iqy-name{color:#c9922a}
.theme1 .yk-disc .yk-ico{color:rgba(0,0,0,.62)}