悄悄话:弹窗只留「被赞 3 次变星星」;星星铺开 6 列;抽屉按方向吸附更跟手、按钮一带上划也能拉开

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-07 03:13:55 +00:00
parent 679cf7f368
commit abacdfb3c2
4 changed files with 29 additions and 18 deletions

View File

@@ -139,12 +139,11 @@ p.wcm-mf{display:block;color:#FFC07A}
#modalWhisper.wh-star .wh-m-topic{margin-top:6px;color:#FFC9A0}
#modalWhisper.wh-star .wh-m-topic span{color:rgba(232,222,255,.55)}
#modalWhisper.wh-star .wh-m-lead{display:flex;gap:6px;margin-top:12px}
.wms{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 8px;border-radius:14px;font-size:11.5px;line-height:1.35;text-align:center;
color:rgba(232,222,255,.75);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.wms i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;font-weight:800;color:#2A1F48;background:rgba(232,222,255,.7)}
.wms.hi{color:#FFF3E2;font-weight:700;background:linear-gradient(150deg,rgba(255,200,150,.3),rgba(150,110,255,.28));box-shadow:inset 0 0 0 1px rgba(255,214,170,.45),0 0 18px rgba(255,200,150,.2)}
.wms.hi i{background:#FFD9A0;box-shadow:0 0 10px #FFD9A0}
.wms.hi b{font-size:15px;color:#FFD08A}
.wms{flex:1;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;text-align:left}
.wms.hi{font-size:16px;font-weight:800;line-height:1.45;color:#FFF3E2;
background:linear-gradient(120deg,rgba(255,200,150,.32),rgba(150,110,255,.3));box-shadow:inset 0 0 0 1.5px rgba(255,214,170,.55),0 0 26px rgba(255,200,150,.25)}
.wms.hi svg{flex:none;width:38px;height:38px;fill:#FFE2B0;filter:drop-shadow(0 0 6px #FFD9A0) drop-shadow(0 0 16px rgba(255,200,140,.7));animation:wstTw 2.2s ease-in-out infinite}
.wms.hi b{font-size:24px;color:#FFD08A;margin:0 2px;text-shadow:0 0 12px rgba(255,200,140,.6)}
#modalWhisper.wh-star .wh-ta{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}
#modalWhisper.wh-star .wh-ta::placeholder{color:rgba(232,222,255,.4)}
#modalWhisper.wh-star .wh-ta:focus{border-color:rgba(255,214,170,.6);box-shadow:0 0 0 3px rgba(255,214,170,.12)}