*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,Helvetica,Arial,'Noto Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:linear-gradient(180deg,#f7f8fb 0%,#eef1f7 100%);color:#0f172a}
.container{max-width:760px;margin:56px auto;padding:0 20px}
h1{font-size:32px;margin:0 0 20px;font-weight:700;letter-spacing:.2px}
.subtitle{margin-top:-8px;margin-bottom:16px;text-align:center;color:#64748b}
.card{background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(12px);border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.08),0 1px 0 rgba(255,255,255,.6) inset;overflow:hidden;border:1px solid rgba(0,0,0,.04)}
.card-header{padding:18px 22px;border-bottom:1px solid rgba(0,0,0,.06);font-weight:700;color:#0b1324}
.card-content{padding:22px;white-space:pre-wrap;line-height:1.75;font-size:16px}
.card-footer{padding:14px 22px;border-top:1px solid rgba(0,0,0,.06);color:#5b6475;font-size:14px}
.meta{display:flex;gap:14px;align-items:center;color:#475569}
.chip{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;padding:6px 10px;border-radius:999px;font-size:13px}
.chip .dot{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-block}
.actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;background:#111827;color:#fff;text-decoration:none;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 6px rgba(0,0,0,.12);white-space:nowrap}
.btn:hover{background:#0b1220}
.btn.secondary{background:#ffffff;color:#111827;border:1px solid #e5e7eb}
.btn.secondary:hover{background:#f8fafc}
.icon{width:16px;height:16px;display:inline-block}

/* 挂件默认卡片样式 */
#liuxingyun-gg-widget{position:fixed;right:16px;bottom:16px;z-index:9999;max-width:360px}
#liuxingyun-gg-widget .card{border-radius:14px}

/* 评论区 */
.comments{margin-top:16px}
.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;margin-top:10px}
.comment-head{font-weight:600;color:#111827;margin-bottom:6px}

/* 表单与输入 */
.form{display:flex;flex-direction:column;gap:12px}
.form-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.input,.textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.textarea{min-height:160px}
.input-inline{flex:1 1 220px;min-width:180px}

/* 响应式 */
@media (max-width: 640px){
  .container{margin:20px auto;padding:0 12px}
  h1{font-size:24px;margin-bottom:10px}
  .subtitle{font-size:14px;margin-bottom:12px}
  .card-content{padding:14px}
  .card-header,.card-footer{padding:12px 14px}
  .meta{flex-wrap:wrap;gap:8px}
  .actions{justify-content:center}
  .input-inline{flex:1 1 100%;min-width:0}
}