.web-heart-badges{display:inline-flex;gap:3px;align-items:center;flex-shrink:0;vertical-align:middle;pointer-events:none}.web-heart-badges:empty{display:none}.web-heart-logo{display:inline-flex;width:15px;height:15px;border-radius:50%;align-items:center;justify-content:center;font:700 9px/1 Inter,"Noto Sans SC",sans-serif;color:#fff;flex-shrink:0}.web-heart-logo.netease{background:#d74750}.web-heart-logo.qq{background:#2d9e83}.web-heart-logo.kugou{background:#3597cc}.web-heart-logo.qishui{background:#6250bd}.web-cloud-heart-mask[hidden]{display:none!important}.web-cloud-heart-mask{position:fixed;inset:0;z-index:22000;background:#070c16a3;backdrop-filter:blur(15px);display:grid;place-items:center;padding:18px;color:#e6edf5;pointer-events:auto}.web-cloud-heart-panel{width:min(520px,100%);max-height:min(760px,90dvh);overflow:auto;background:linear-gradient(140deg,#202a36,#111922);border:1px solid #ffffff24;border-radius:20px;box-shadow:0 24px 90px #0008;padding:23px;box-sizing:border-box;font-family:Inter,"Noto Sans SC",sans-serif}.web-cloud-heart-panel button{font:inherit;color:inherit;cursor:pointer}.web-cloud-heart-head{display:flex;justify-content:space-between;gap:15px}.web-cloud-heart-head h3{font-size:17px;font-weight:500;margin:0 0 6px}.web-cloud-heart-head p{font-size:11px;color:#8f9fb1;margin:0}.web-cloud-heart-close{border:1px solid #ffffff16;background:#ffffff08;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:20px!important}.web-cloud-heart-tabs{display:flex;gap:7px;margin-top:22px}.web-cloud-heart-tabs button{border:1px solid #ffffff14;background:#ffffff06;border-radius:8px;padding:9px 11px;font-size:11px}.web-cloud-heart-tabs button.active{background:#acd8c1;color:#162a24;border-color:#acd8c1}.web-cloud-heart-note{font-size:10px;color:#91a5b4;line-height:1.8;margin:14px 0 8px}.web-cloud-heart-status{font-size:11px;line-height:1.7;color:#bad2c6;min-height:18px}.web-cloud-heart-list h4{font-size:11px;font-weight:500;color:#91a7bc;margin:17px 0 8px}.web-cloud-heart-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #ffffff10;background:#ffffff05;border-radius:10px;margin-bottom:7px;padding:11px 12px}.web-cloud-heart-choice>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.web-cloud-heart-choice strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-cloud-heart-choice small{font-size:9px;color:#8c9caf}.web-cloud-heart-choice .web-heart-logo{width:23px;height:23px;font-size:11px}.web-cloud-heart-choice-mark{font-size:18px;color:#a6cbb9}.web-cloud-heart-choice:disabled{opacity:.45;cursor:default}.web-cloud-heart-choice:not(:disabled):hover{background:#ffffff0b}.web-cloud-heart-empty,.web-cloud-heart-error{font-size:10px;line-height:1.7;color:#8497ab}.web-cloud-heart-error{color:#e0b591}.web-cloud-heart-panel button:focus-visible{outline:2px solid #acd8c1;outline-offset:3px}.web-detail-heart{width:27px;height:27px;background:none;border:0;padding:6px;color:#97a8b8;flex-shrink:0}.web-detail-heart svg{width:14px;height:14px;fill:none;stroke:currentColor}.web-detail-heart.liked{color:#ec869b}.web-detail-heart.liked svg{fill:currentColor}#heart-btn+.web-heart-badges{gap:2px;margin-left:-9px;margin-right:4px}#heart-btn+.web-heart-badges .web-heart-logo{width:13px;height:13px;font-size:8px}
@media(max-width:560px){.web-cloud-heart-panel{padding:19px;border-radius:16px;max-height:90dvh}.web-cloud-heart-tabs button{font-size:10px;padding:9px}.web-heart-badges{gap:2px}.web-heart-badges .web-heart-logo{width:12px;height:12px;font-size:7px}}
.web-cloud-heart-mask{box-sizing:border-box;min-width:0;min-height:0;overflow:clip;overscroll-behavior:none}
.web-cloud-heart-panel{min-width:0;min-height:0;max-height:min(760px,calc(100dvh - 36px));overscroll-behavior:contain;overflow-anchor:none}