.ykc-card{border:1px solid #dfe5ec;border-top:4px solid #2589d0;border-radius:8px;background:#fff;padding:16px 18px 12px;margin:1.5em 0;box-shadow:0 1px 3px rgba(0,0,0,.05);scroll-margin-top:80px}
.ykc-card.merit{border-top-color:#fa224d}
.ykc-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ykc-name{font-weight:700;font-size:1.05em}
.ykc-verified{display:inline-block;padding:2px 10px;font-size:.75em;font-weight:700;color:#1a7f37;background:#e6f4ea;border:1px solid #1a7f37;border-radius:999px;line-height:1.6}
.ykc-attr{font-size:.85em;color:#777;margin-top:4px}
.ykc-score{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.9em;font-weight:700}
.ykc-stars{color:#2589d0;font-size:1.15em;letter-spacing:1px}
.ykc-card.merit .ykc-stars{color:#fa224d}
.ykc-body{border-top:1px dashed #dfe5ec;margin-top:10px;padding-top:10px;line-height:1.8}
.ykc-link{text-align:right;font-size:.8em;margin-top:8px}
.ykc-link a{color:#2589d0}
.ykc-card.merit .ykc-link a{color:#fa224d}
.ykc-helpful{background:#f4f8fc;border-radius:6px;padding:10px 12px;margin-top:12px}
.ykc-card.merit .ykc-helpful{background:#fff5f7}
.ykc-helpful-q{font-size:.8em;color:#666;text-align:center}
.ykc-helpful-btn{display:block;width:100%;margin-top:6px;padding:7px 0;font-size:.85em;font-weight:700;color:#2589d0;background:#fff;border:1px solid #2589d0;border-radius:6px;cursor:pointer;line-height:1.5;transition:background .15s,color .15s}
.ykc-card.merit .ykc-helpful-btn{color:#fa224d;border-color:#fa224d}
.ykc-helpful-btn.is-voted{color:#fff;background:#2589d0;cursor:default}
.ykc-card.merit .ykc-helpful-btn.is-voted{background:#fa224d}
.ykc-helpful-count{font-size:.75em;color:#2589d0;margin-top:6px;text-align:center}
.ykc-card.merit .ykc-helpful-count{color:#fa224d}
.ykc-helpful-count:empty{display:none}
@media (min-width:768px){.ykc-helpful{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 12px}.ykc-helpful-q{font-size:.85em}.ykc-helpful-btn{display:inline-block;width:auto;margin-top:0;padding:4px 20px}}
.ykc-share{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}
.ykc-share-label{font-size:.75em;color:#999;margin-right:2px}
.ykc-share a,.ykc-share button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid #dfe5ec;background:#fff;color:#555;cursor:pointer;text-decoration:none}
.ykc-share a:hover,.ykc-share button:hover{background:#f4f6f8}
.ykc-share svg{width:15px;height:15px;fill:currentColor}
.ykc-share .ykc-share-line{color:#06c755}
.ykc-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;font-size:.85em;padding:8px 16px;border-radius:999px;z-index:9999;opacity:0;transition:opacity .2s;pointer-events:none}
.ykc-toast.is-show{opacity:1}