/* 给店员看 + 紧急求助 (PO 2026-10-24) */
.ph-page [hidden] { display: none !important; }
.ph { max-width: 48rem; margin: 0 auto; padding: 1.25rem 16px 3rem; box-sizing: border-box; }
.ph-head { margin-bottom: 1rem; }
.ph-title { margin: 0 0 0.5rem; font-size: 1.5rem; line-height: 1.3; color: #0f172a; }
.ph-intro { margin: 0; color: #475569; font-size: 0.9375rem; line-height: 1.6; }
.ph-tabs { display: flex; gap: 0.5rem; overflow-x: auto; padding: 0.25rem 0 0.75rem; scrollbar-width: none; }
.ph-tabs::-webkit-scrollbar { display: none; }
.ph-tab { flex: none; border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-radius: 999px; padding: 0.45rem 0.9rem; font: inherit; font-size: 0.875rem; cursor: pointer; white-space: nowrap; }
.ph-tab--on { background: #2563eb; border-color: #2563eb; color: #ffffff; }
.ph-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.625rem; grid-template-columns: 1fr; }
@media (min-width: 40rem) { .ph-grid { grid-template-columns: 1fr 1fr; } }
.ph-card { position: relative; }
.ph-card__btn { width: 100%; text-align: left; display: flex; flex-direction: column; gap: 0.3rem; padding: 0.875rem 3rem 0.875rem 1rem; border: 1px solid #e2e8f0; border-radius: 14px; background: #ffffff; font: inherit; cursor: pointer; color: inherit; }
.ph-card__btn:hover, .ph-card__btn:focus-visible { border-color: #93c5fd; }
.ph-card__m { font-size: 0.875rem; color: #64748b; }
.ph-card__ko { font-size: 1.125rem; font-weight: 700; color: #0f172a; line-height: 1.45; word-break: keep-all; }
.ph-card__hint { font-size: 0.75rem; color: #2563eb; }
.ph-card__star { position: absolute; top: 0.5rem; right: 0.5rem; width: 2.25rem; height: 2.25rem; border: 0; background: transparent; font-size: 1.25rem; color: #94a3b8; cursor: pointer; border-radius: 999px; }
.ph-card__star--on { color: #f59e0b; }
.ph-empty { padding: 1rem; color: #64748b; border: 1px dashed #cbd5e1; border-radius: 14px; }
.ph-emlink { display: block; margin-top: 1.25rem; padding: 0.875rem 1rem; border-radius: 14px; background: #fef2f2; color: #b91c1c; font-weight: 600; text-decoration: none; }
.ph-noscroll { overflow: hidden; }
.ph-show { position: fixed; inset: 0; z-index: 2000; background: #ffffff; display: flex; flex-direction: column; padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)); box-sizing: border-box; overflow-y: auto; }
.ph-show__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.ph-show__m { font-size: 1rem; color: #475569; padding-top: 0.5rem; }
.ph-show__close { flex: none; width: 2.75rem; height: 2.75rem; border-radius: 999px; border: 1px solid #e2e8f0; background: #f8fafc; font-size: 1.125rem; cursor: pointer; }
.ph-show__ko { flex: 1 0 auto; display: flex; align-items: center; margin: 1rem 0; font-size: clamp(2rem, 9vw, 4.5rem); font-weight: 800; line-height: 1.3; color: #000000; word-break: keep-all; overflow-wrap: anywhere; }
.ph-show__extra { margin: -0.5rem 0 1rem; font-size: clamp(1.5rem, 6vw, 3rem); font-weight: 700; color: #1d4ed8; word-break: keep-all; overflow-wrap: anywhere; }
.ph-show__tools { display: flex; flex-direction: column; gap: 0.75rem; }
.ph-show__opts { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.ph-show__label { display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.875rem; color: #475569; }
.ph-show__input { font: inherit; font-size: 1rem; padding: 0.65rem 0.75rem; border: 1px solid #cbd5e1; border-radius: 10px; }
.ph-opt { border: 1px solid #cbd5e1; background: #ffffff; border-radius: 999px; padding: 0.4rem 0.85rem; font: inherit; font-size: 0.9375rem; cursor: pointer; }
.ph-opt--on { background: #2563eb; border-color: #2563eb; color: #ffffff; }
.ph-show__btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.ph-show__btn { flex: 1 1 8rem; border: 1px solid #2563eb; background: #eff6ff; color: #1d4ed8; border-radius: 12px; padding: 0.75rem; font: inherit; font-weight: 600; cursor: pointer; }
.ph-show__bright { margin: 0; font-size: 0.8125rem; color: #64748b; }
@media (orientation: landscape) and (max-height: 32rem) { .ph-show__ko { font-size: clamp(2rem, 7vh, 3.5rem); margin: 0.5rem 0; } .ph-show__tools { flex-direction: row; flex-wrap: wrap; align-items: center; } .ph-show__bright { display: none; } }
/* emergency */
.em-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.625rem; }
.em-call { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "num go" "desc desc"; gap: 0.25rem 1rem; align-items: center; padding: 1rem; border-radius: 16px; text-decoration: none; color: #0f172a; border: 1px solid #e2e8f0; background: #ffffff; }
.em-call--red { background: #fef2f2; border-color: #fecaca; }
.em-call__num { grid-area: num; font-size: 2rem; font-weight: 800; color: #b91c1c; letter-spacing: 0.02em; }
.em-call--blue .em-call__num { color: #1d4ed8; font-size: 1.625rem; }
.em-call__go { grid-area: go; justify-self: end; font-weight: 600; color: #ffffff; background: #2563eb; border-radius: 999px; padding: 0.45rem 0.9rem; font-size: 0.9375rem; }
.em-call--red .em-call__go { background: #dc2626; }
.em-call__desc { grid-area: desc; font-size: 0.9375rem; color: #334155; line-height: 1.5; }
.em-note { margin: 0.75rem 0 0; font-size: 0.875rem; color: #475569; line-height: 1.6; }
.em-say { margin-top: 1.25rem; padding: 1rem; border: 1px solid #e2e8f0; border-radius: 16px; background: #ffffff; }
.em-h2 { margin: 0 0 0.75rem; font-size: 1.125rem; color: #0f172a; }
.em-say__row { padding: 0.5rem 0; border-top: 1px solid #f1f5f9; }
.em-say__row:first-of-type { border-top: 0; }
.em-say__ko { margin: 0; font-size: 1.125rem; font-weight: 700; color: #0f172a; word-break: keep-all; }
.em-say__m { margin: 0.2rem 0 0; font-size: 0.875rem; color: #64748b; }
.em-text { margin: 0 0 0.75rem; font-size: 0.9375rem; color: #334155; line-height: 1.6; }
.em-link { display: inline-block; margin-top: 0.5rem; color: #2563eb; font-weight: 600; text-decoration: none; }

/* Fix batch 7 (PO 2026-10-24): free input → polite Korean */
.ph-custom { margin: 0 0 1rem; padding: 14px; border-radius: 16px; background: #f5f8ff; border: 1px solid #dbe5ff; }
.ph-custom__title { margin: 0 0 4px; font-size: 1.05rem; font-weight: 700; color: #111827; }
.ph-custom__hint { margin: 0 0 10px; font-size: 0.88rem; color: #4b5563; line-height: 1.45; }
.ph-custom__input { width: 100%; box-sizing: border-box; min-height: 64px; padding: 10px 12px; border-radius: 12px; border: 1px solid #c7d2fe; font: inherit; font-size: 1rem; resize: vertical; background: #fff; }
.ph-custom__input:focus { outline: 2px solid #2563eb; outline-offset: 1px; }
.ph-custom__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.ph-custom__count { font-size: 0.8rem; color: #6b7280; }
.ph-custom__go { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #2563eb; color: #fff; font-weight: 600; font-size: 0.95rem; cursor: pointer; }
.ph-custom__go:disabled { opacity: 0.8; cursor: progress; }
.ph-custom__spin { display: none; width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.45); border-top-color: #fff; animation: ph-spin 0.8s linear infinite; }
.ph-custom__go.is-busy .ph-custom__spin { display: inline-block; }
@keyframes ph-spin { to { transform: rotate(360deg); } }
.ph-custom__err { margin: 8px 0 0; padding: 8px 10px; border-radius: 10px; background: #fef2f2; color: #b91c1c; font-size: 0.88rem; }
.ph-custom__login { margin: 0; font-size: 0.92rem; color: #374151; }
.ph-custom__loginlink { color: #2563eb; font-weight: 600; }
.ph-custom__rtitle { margin: 12px 0 6px; font-size: 0.85rem; font-weight: 600; color: #6b7280; }
.ph-custom__recent { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ph-recent { width: 100%; text-align: left; display: grid; gap: 2px; padding: 8px 12px; border-radius: 12px; border: 1px solid #e5e7eb; background: #fff; cursor: pointer; }
.ph-recent__ko { font-weight: 700; font-size: 1rem; color: #111827; }
.ph-recent__src { font-size: 0.8rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ph-show__back { margin: 0; font-size: 0.95rem; color: #4b5563; }

/* R1: emergency numbers in two groups. */
.em-group { margin: 1rem 0 0.5rem; font-size: 0.95rem; font-weight: 800; }
.em-group--red { color: #b91c1c; }
.em-group--blue { color: #1e40af; margin-top: 1.4rem; }
/* 日常 / 办事 groups + 拍照翻译 link (PO 2026-10-29) */
.ph-groups { display: flex; gap: 0.25rem; padding: 0.25rem; margin: 0 0 0.5rem; background: #f1f5f9; border-radius: 12px; }
.ph-group { flex: 1 1 0; border: 0; background: transparent; color: #475569; border-radius: 9px; padding: 0.55rem 0.75rem; font: inherit; font-size: 0.9375rem; font-weight: 600; cursor: pointer; }
.ph-group--on { background: #ffffff; color: #0f172a; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12); }
.ph-show__snap { display: block; text-align: center; border: 1px dashed #2563eb; border-radius: 12px; padding: 0.75rem; color: #1d4ed8; font-weight: 600; text-decoration: none; background: #ffffff; }
.ph-show__snap:hover, .ph-show__snap:focus-visible { background: #eff6ff; }
.ph-formlink { list-style: none; }
.ph-formlink__a { display: block; padding: 0.8rem 1rem; border: 1px solid #bfdbfe; border-radius: 14px; background: #eff6ff; color: #1d4ed8; font-weight: 600; text-decoration: none; line-height: 1.45; }
@media (min-width: 40rem) { .ph-formlink { grid-column: 1 / -1; } }