/* 博客互动区 v2 — 玻璃拟态，对齐文章页设计语言 */
#blogInteract{max-width:var(--max-content-w,760px);margin:0 auto;padding:60px 0 90px;font-family:var(--font-main,'HarmonyOS Sans','PingFang SC',system-ui,sans-serif)}
#blogInteract *{box-sizing:border-box}

/* 点赞区 */
.bi-like-wrap{text-align:center;margin-bottom:48px}
.bi-like-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 34px;border-radius:999px;border:1px solid var(--border,rgba(0,0,0,.08));background:var(--card-bg,rgba(255,255,255,.7));backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);color:var(--text,#1a1a1c);font-size:14.5px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);user-select:none;box-shadow:var(--shadow,0 4px 20px rgba(0,0,0,.06))}
.bi-like-btn .bi-heart{display:inline-flex;width:16px;height:16px;color:var(--text-sec,#636366);transition:color .2s,transform .2s}
.bi-like-btn:hover{transform:translateY(-2px) scale(1.03);border-color:rgba(255,92,138,.4)}
.bi-like-btn:hover .bi-heart{color:#ff5c8a;transform:scale(1.15)}
.bi-like-btn.liked{border-color:transparent;background:linear-gradient(135deg,#ff8fb3,#ff5c8a 55%,#f0426e);color:#fff;box-shadow:0 10px 30px rgba(255,92,138,.35)}
.bi-like-btn.liked .bi-heart{color:#fff;animation:biPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes biPop{0%{transform:scale(1)}40%{transform:scale(1.55)}100%{transform:scale(1)}}
.bi-count{font-variant-numeric:tabular-nums;opacity:.85}

/* 评论区 — 玻璃卡片 */
.bi-comments{background:var(--card-bg,rgba(255,255,255,.7));backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:32px;padding:34px 36px;box-shadow:var(--shadow,0 10px 40px rgba(0,0,0,.08))}
.bi-comments h3{margin:0 0 20px;font-size:20px;font-family:var(--font-serif,serif);color:var(--text,#1a1a1c);display:flex;align-items:center;gap:10px}
.bi-comments h3::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--border,rgba(0,0,0,.1)),transparent)}
.bi-login-tip{font-size:13.5px;color:var(--text-sec,#636366);padding:14px 0 18px;line-height:1.8}
.bi-login-tip a{color:var(--accent,#7a5cbf);text-decoration:none;font-weight:600;border-bottom:1px dashed var(--accent,#7a5cbf)}

.bi-form{display:flex;gap:12px;margin-bottom:26px;align-items:flex-end}
.bi-input{flex:1;padding:14px 18px;border-radius:18px;border:1px solid var(--border,rgba(0,0,0,.1));background:var(--bg,#fff);color:var(--text,#1a1a1c);font-size:14px;font-family:inherit;resize:vertical;min-height:52px;transition:border-color .25s,box-shadow .25s;line-height:1.6}
.bi-input:focus{outline:none;border-color:var(--accent,#8b6cd8);box-shadow:0 0 0 3px rgba(139,108,216,.15)}
.bi-input::placeholder{color:var(--text-sec,#9a9aa0)}
.bi-submit{padding:14px 28px;border:none;border-radius:18px;background:linear-gradient(135deg,#8b6cd8,#7a5cbf);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s;flex-shrink:0;box-shadow:0 6px 18px rgba(122,92,191,.25)}
.bi-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(122,92,191,.35);opacity:.94}
.bi-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}

.bi-list{display:flex;flex-direction:column;gap:4px}
.bi-item{padding:18px 6px;border-bottom:1px solid var(--border,rgba(0,0,0,.06));animation:biIn .35s ease}
.bi-item:last-child{border-bottom:none}
@keyframes biIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bi-item-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.bi-item-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b6cd8,#c084fc);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(139,108,216,.3)}
.bi-item-user{font-size:13.5px;font-weight:600;color:var(--text,#1a1a1c)}
.bi-item-time{font-size:11.5px;color:var(--text-sec,#9a9aa0);margin-left:auto;font-variant-numeric:tabular-nums}
.bi-item-body{font-size:14px;line-height:1.8;color:var(--text,#1a1a1c);word-break:break-word;white-space:pre-wrap;padding-left:38px}
.bi-empty{font-size:13.5px;color:var(--text-sec,#9a9aa0);text-align:center;padding:28px 0;font-style:italic}
.bi-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:rgba(28,26,38,.92);color:#fff;font-size:13px;padding:10px 22px;border-radius:999px;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none;backdrop-filter:blur(10px)}
.bi-toast.show{opacity:1}