/* 曦曦的美食系统 v14 · 稳/平/险、贵客、来客意图、约定、人物志 */
.riskBar{position:absolute;left:50%;bottom:calc(16vh + var(--sab));z-index:30;transform:translateX(-50%);display:flex;gap:8px;padding:8px;border-radius:14px;background:rgba(14,6,10,.9);border:1px solid rgba(242,200,107,.5);box-shadow:0 10px 30px rgba(0,0,0,.6);animation:popIn .3s cubic-bezier(.2,1.3,.4,1) both;overflow:hidden}
.riskBar.out{animation:tOut .3s ease forwards}
.riskBar button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:86px;padding:8px 6px;border-radius:10px;border:1px solid var(--hair2);background:rgba(255,255,255,.03);color:#f4e8d8}
.riskBar button b{font-size:20px;letter-spacing:.1em}.riskBar button small{font-size:10.5px;color:var(--mute);line-height:1.3}
.riskBar button[data-r="稳"] b{color:#7fe9ff}.riskBar button[data-r="险"] b{color:#ff7a5a}.riskBar button.sel{border-color:var(--gold);background:rgba(242,200,107,.12)}
.riskBar .rt{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold),#ff7a5a);transform-origin:left;animation:rtShrink 2.6s linear forwards}
@keyframes rtShrink{to{transform:scaleX(0)}}
.vip{border-color:#f2c86b!important;box-shadow:0 0 0 2px #f2c86b,0 0 18px rgba(242,200,107,.65)!important}
.vip::before{content:"贵客";position:absolute;left:50%;top:-14px;transform:translateX(-50%);font-size:10px;font-weight:900;padding:0 6px;border-radius:6px;background:#f2c86b;color:#3a1e06;white-space:nowrap}
.intent{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin-top:8px;padding:6px 10px;border-radius:10px;font-size:13px;background:rgba(10,4,8,.6);border:1px solid rgba(255,255,255,.12);animation:popIn .35s cubic-bezier(.2,1.4,.4,1) both}
.intent b{flex:none;font-size:12px;padding:2px 8px;border-radius:99px;letter-spacing:.1em}
.intent.k-rage{border-color:rgba(255,90,90,.6)}.intent.k-rage b{background:#ff5a5a;color:#2a0606}
.intent.k-calm{border-color:rgba(111,214,176,.6)}.intent.k-calm b{background:#6fd6b0;color:#062a1a}
.intent.k-shield{border-color:rgba(127,200,255,.6)}.intent.k-shield b{background:#7fc8ff;color:#06203a}
.intent.k-drain{border-color:rgba(180,124,255,.6)}.intent.k-drain b{background:#b47cff;color:#1a0636}
.promBar{margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(127,233,255,.45);background:linear-gradient(90deg,rgba(127,233,255,.1),rgba(20,10,16,.6))}
.promBar h4{font-size:12px;letter-spacing:.3em;color:var(--holo);margin-bottom:6px}
.prom{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:6px 0}.prom+.prom{border-top:1px solid var(--hair2)}
.prom img{width:40px;height:40px;border-radius:10px}.prom b{display:block;font-size:13.5px;color:#e9fdff}.prom span{font-size:12.5px;color:#cde8f0;line-height:1.5}.prom em{display:block;font-style:normal;color:var(--gold);font-size:11.5px}
.dishes .dish.hit{box-shadow:0 0 0 2px var(--gold),0 0 18px rgba(242,200,107,.4)}.dishes .dish small{display:block;color:var(--gold);font-size:11px}
.ppl{display:grid;gap:8px}.pp{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:start;padding:8px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--hair2)}
.pp img{width:48px;height:48px;border-radius:12px}.pp b{font-size:14px;color:#fff1d8}.pp small{display:block;font-size:11.5px;color:var(--mute)}.pp p{font-size:12.5px;color:#d8c8b8;line-height:1.6;margin-top:2px}
.pv{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--hair2);font-size:13px;color:#e8dccb}.pv:first-of-type{border-top:0}
.pv i{font-style:normal;color:var(--mute)}.pv b{margin-right:6px;color:#fff1d8}.pv small{display:block;color:var(--gold);font-size:11.5px}.pv.done{opacity:.7}.pv.done i{color:var(--jade)}
@media (max-width:380px){.riskBar button{min-width:74px}.riskBar button b{font-size:17px}}
.riskBar .rt{animation-duration:3s}