/* 会所制造 · 留言板（沿用 remaster 主题：深青底 / 米白字 / 金色强调） */
#screen-reviews{background:#162a32;background-image:radial-gradient(ellipse at 100% 0,#e4bd7c22,transparent 45%),radial-gradient(ellipse at 0 100%,#7ee8a218,transparent 50%);color:#f6ebd6}
#rv-scroll{position:absolute;left:0;right:0;top:62px;bottom:0;overflow-y:auto;touch-action:pan-y;padding:4px 14px 28px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#789287 transparent}
.rv-box{background:#243b43;border:1px solid #ffffff20;border-radius:14px;padding:14px;box-shadow:0 4px 10px #071a2644;flex:none}

/* 统计 */
.rv-summary{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.rv-avg{text-align:center;min-width:92px}
.rv-avg b{display:block;font-size:44px;line-height:1;color:#e4bd7c;font-weight:900;font-variant-numeric:tabular-nums}
.rv-avg small{display:block;margin-top:5px;color:#9db7ad;font-size:10px}
.rv-stars{display:inline-flex;gap:2px;vertical-align:middle}
.rv-stars i{display:block;width:16px;height:16px}
.rv-stars i svg{display:block;width:100%;height:100%;fill:#3b535b}
.rv-stars i.on svg{fill:#e4bd7c}
.rv-stars.sm i{width:12px;height:12px}
.rv-avg .rv-stars{margin-top:6px}
.rv-dist-row{display:grid;grid-template-columns:10px 12px 1fr 26px;gap:6px;align-items:center;font-size:10px;color:#c9d8c4;margin:3px 0}
.rv-dist-row b{text-align:right}
.rv-dist-row i{display:block;width:12px;height:12px}
.rv-dist-row i svg{display:block;width:100%;height:100%;fill:#e4bd7c}
.rv-bar{height:8px;background:#0f1e24;border-radius:4px;overflow:hidden}
.rv-bar span{display:block;height:100%;background:linear-gradient(90deg,#e4bd7c,#f2d59b);border-radius:4px;transition:width .3s}
.rv-dist-row small{text-align:right;color:#9db7ad;font-variant-numeric:tabular-nums}

/* 表单 */
.rv-form{display:flex;flex-direction:column;gap:9px}
.rv-form-title{font-weight:800;font-size:14px;color:#f6ebd6}
.rv-pick{display:flex;gap:6px;justify-content:center}
.rv-pick button{width:42px;height:42px;padding:6px;border:1px solid #ffffff22;border-radius:10px;background:#0f1e24;cursor:pointer}
.rv-pick button svg{display:block;width:100%;height:100%;fill:#3b535b;transition:fill .12s,transform .12s}
.rv-pick button.on{border-color:#e4bd7c66}
.rv-pick button.on svg{fill:#e4bd7c;transform:scale(1.12)}
.rv-pick button:active svg{transform:scale(.88)}
.rv-pick-label{text-align:center;font-size:11px;color:#9db7ad;min-height:14px}
.rv-form input,.rv-form textarea{width:100%;font:inherit;font-size:14px;line-height:1.5;color:#f6ebd6;background:#0f1e24;border:1px solid #3a5560;border-radius:10px;padding:9px 11px;user-select:text;-webkit-user-select:text;resize:none}
.rv-form input::placeholder,.rv-form textarea::placeholder{color:#6f8a86}
.rv-form input:focus,.rv-form textarea:focus{outline:2px solid #66daf8;outline-offset:1px}
.rv-hp{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.rv-form-foot{display:flex;align-items:center;justify-content:space-between}
.rv-form-foot span{font-size:10px;color:#9db7ad;font-variant-numeric:tabular-nums}
#rv-submit{margin:0;border:0;border-radius:10px;background:#e4bd7c;color:#1c302f;box-shadow:0 4px 0 #8b673d;font:900 14px var(--font);padding:9px 22px;transition:transform .08s,box-shadow .08s}
#rv-submit:active{transform:translateY(3px);box-shadow:0 1px 0 #8b673d}
#rv-submit:disabled{opacity:.6}
.rv-msg{font-size:12px;min-height:16px;text-align:center;font-weight:700}
.rv-msg.good{color:#8fd3a6}
.rv-msg.bad{color:#f0a3a3}

/* 列表 */
.rv-list-head{font-size:11px;letter-spacing:2px;color:#9db7ad;margin-top:2px;flex:none}
.rv-list{display:flex;flex-direction:column;gap:8px;flex:none}
.rv-card{background:#1f353d;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px}
.rv-card.mine{border-color:#e4bd7c66}
.rv-card header{display:flex;align-items:center;gap:8px}
.rv-card header b{font-size:13px;color:#f6ebd6;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-card header time{margin-left:auto;font-size:10px;color:#8aa39b;white-space:nowrap}
.rv-card p{margin:7px 0 0;font-size:13px;line-height:1.6;color:#e8e6d9;white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text}
.rv-card footer{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.rv-card footer i,.rv-card footer em{font-style:normal;font-size:9px;padding:2px 7px;border-radius:999px;background:#2c4a44;color:#cfe4d3}
.rv-card footer em{background:#4d3f2a;color:#f2d59b}
.rv-empty{text-align:center;color:#9db7ad;font-size:12px;padding:18px 0}
.rv-more{margin:0 auto;border:1px solid #647b77;border-radius:10px;background:#29434b;color:#f4e7d0;font:700 12px var(--font);padding:9px 18px;flex:none}
.rv-more[hidden]{display:none}
#rv-error{text-align:center;font-size:12px;color:#f0a3a3;padding:6px;flex:none}
#rv-error button{margin-left:6px;border:1px solid #f0a3a366;background:transparent;color:#f6ebd6;border-radius:8px;padding:4px 10px;font:700 11px var(--font)}
#rv-error[hidden]{display:none}

/* 入口：标题页右上角小牌子 + 结算页按钮 */
#btn-reviews{position:absolute;right:12px;top:12px;z-index:5;border:1px solid #e4bd7c66;border-radius:999px;background:#0f1e24cc;color:#f2d59b;font:800 11px var(--font);padding:7px 12px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0004}
#btn-reviews:active{transform:translateY(1px)}
#btn-reviews b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e4bd7c;color:#1c302f;font-size:10px;line-height:18px;text-align:center}
#btn-reviews b:empty{display:none}
#btn-reviews2{margin-top:0;background:#e4bd7c;border:0;color:#1c302f;box-shadow:0 4px 0 #8b673d}
#btn-reviews2:active{transform:translateY(3px);box-shadow:0 1px 0 #8b673d}