/* Review UI stays independent from auth.css so pages remain stable when login UI changes. */
.comments { overflow: visible; }
.content1 { overflow: visible; padding-top: 11px; }
.mobile-review-list-head { position: -webkit-sticky; position: sticky; top: 50px; z-index: 12; display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 12px; border-bottom: 1px solid #e5eaf0; background: #fff; }
.mobile-review-list-head .titlety { margin: 0; padding: 0; color: #253b53; font-size: 16px; line-height: 42px; }
.mobile-review-entry { flex: none; }
.mobile-review-open { box-sizing: border-box; display: inline-block; min-width: 68px; height: 32px; padding: 0 12px; border: 1px solid #1f6fb2; border-radius: 4px; background: #1f6fb2; color: #fff; font-size: 14px; line-height: 30px; text-align: center; }
.mobile-review-modal[hidden] { display: none !important; }
.mobile-review-modal { position: fixed; z-index: 130; top: 0; right: 0; bottom: 0; left: 0; }
.mobile-review-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(15, 23, 42, .52); }
.mobile-review-dialog { box-sizing: border-box; position: absolute; right: 0; bottom: 0; left: 0; max-height: calc(100vh - 28px); padding: 0 16px 16px; padding-bottom: calc(16px + env(safe-area-inset-bottom)); overflow-y: auto; border-radius: 8px 8px 0 0; background: #fff; box-shadow: 0 -12px 34px rgba(15, 23, 42, .16); }
.mobile-review-dialog-head { position: relative; display: flex; align-items: center; justify-content: center; height: 56px; border-bottom: 1px solid #edf0f3; }
.mobile-review-dialog-head h2 { margin: 0; color: #1f3349; font-size: 18px; font-weight: 600; line-height: 56px; }
.mobile-review-close { position: absolute; top: 9px; right: -5px; width: 38px; height: 38px; padding: 0; border: 0; background: transparent; color: #748397; font-size: 28px; font-weight: 300; line-height: 36px; }
.mobile-review-form { padding-top: 10px; }
.mobile-review-rating { display: flex; align-items: center; min-height: 47px; border-bottom: 1px solid #f0f2f5; }
.mobile-review-rating-name { flex: none; width: 76px; color: #3d4f61; font-size: 14px; }
.mobile-review-stars { display: flex; align-items: center; gap: 2px; flex: 1; }
.mobile-review-stars button { box-sizing: border-box; flex: none; width: 30px; height: 34px; padding: 0; border: 0; background: transparent; color: #c9d2dc; font-size: 25px; line-height: 34px; text-align: center; }
.mobile-review-stars button.is-selected { color: #f4ad32; }
.mobile-review-score-text { flex: none; width: 56px; color: #8190a0; font-size: 12px; text-align: right; }
.mobile-review-content-label { display: block; margin: 16px 0 8px; color: #3d4f61; font-size: 14px; }
.mobile-review-form textarea { box-sizing: border-box; display: block; width: 100%; min-height: 108px; padding: 10px; resize: vertical; border: 1px solid #d9e1e8; border-radius: 5px; color: #26384a; font-size: 15px; line-height: 22px; }
.mobile-review-form textarea:focus { outline: 0; border-color: #1f6fb2; box-shadow: 0 0 0 2px rgba(31, 111, 178, .12); }
.mobile-review-content-meta { display: flex; justify-content: space-between; margin-top: 6px; color: #8a97a6; font-size: 12px; line-height: 18px; }
.mobile-review-form .mobile-auth-feedback { min-height: 19px; margin: 10px 0 0; color: #b42318; font-size: 13px; line-height: 19px; }
.mobile-review-form .mobile-auth-feedback.success { color: #226842; }
.mobile-review-submit { width: 100%; height: 44px; margin: 10px 0 0; border: 0; border-radius: 5px; background: #1f6fb2; color: #fff; font-size: 16px; line-height: 44px; text-align: center; }
.mobile-review-submit:disabled { background: #8eb4d5; }
.mobile-review-submit.is-submitting { color: transparent; position: relative; }
.mobile-review-submit.is-submitting:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; content: '提交中...'; }
@media (max-width: 350px) { .mobile-review-list-head { padding: 0 10px; } .mobile-review-rating-name { width: 67px; } .mobile-review-stars { gap: 0; } .mobile-review-stars button { width: 27px; font-size: 23px; } .mobile-review-score-text { width: 52px; font-size: 11px; } }