:root{color:#1d3047;background:#eef2ef;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--navy: #19314e;--blue: #315b86;--green: #5f8955;--green-soft: #edf4e9;--line: #dfe6df;--paper: #fffefa;--muted: #6d7882}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#eef2ef}body{min-width:320px;min-height:100vh;margin:0;background:#eef2ef}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(95,137,85,.38);outline-offset:2px}h1,h2,h3,p{margin-top:0}.patient-page{width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 92% 9%,rgba(173,190,161,.24),transparent 25%),linear-gradient(180deg,#fffefa 0,#fbfcf9 65%,#f3f6f1);box-shadow:0 12px 50px #2336291f}.brand-header{min-height:80px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:16px 21px 10px}.brand-header img{display:block;width:min(100%,226px);height:52px;object-fit:contain;object-position:left center}.brand-header--patient{display:flex;justify-content:flex-start}.brand-header--patient img{object-position:left center}.header-spacer{width:1px}.header-badge{padding:5px 8px;border-radius:999px;color:#5e7858;background:#edf4e8;font-size:11px;font-weight:700;white-space:nowrap}.round-button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;padding:0;color:#31516f;background:#edf2ed;cursor:pointer}.patient-hero{padding:30px 27px 22px}.eyebrow{margin:0 0 10px;color:#6d8a63;font-size:12px;font-weight:750;letter-spacing:.08em}.patient-hero h1,.login-card h1{margin:0 0 14px;color:var(--navy);font-family:Songti SC,STSong,serif;font-size:37px;line-height:1.2;letter-spacing:.02em}.patient-hero h1{text-align:left}.patient-hero>p:last-child{margin:0;color:#64717b;font-size:15px;line-height:1.75}.queue-form{padding:0 22px 28px}.queue-form fieldset{margin:0;padding:0;border:0}.queue-form legend,.field-title{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:13px;color:#35475a;font-size:15px;font-style:normal;font-weight:750}.queue-form legend span,.field-title i{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#6f9564;font-size:12px;font-style:normal}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.service-card{position:relative;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;padding:13px 5px 11px;border:1px solid #d8e1d7;border-radius:17px;color:#3d4c5b;background:#ffffffd1;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.service-card:active{transform:scale(.985)}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#527b4d;background:#eef5ea}.service-card--blue .service-icon{color:#3b6e92;background:#eaf2f7}.service-card--amber .service-icon{color:#9a7130;background:#f8f0df}.service-card strong{font-size:14px}.service-card small{max-width:90px;overflow:hidden;color:#89918e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selection-mark{position:absolute;top:7px;right:7px;color:#719763;opacity:0;transform:scale(.7);transition:.18s ease}.service-card.is-selected{border-color:#739c68;background:#fff;box-shadow:0 8px 20px #4b6e4324,inset 0 0 0 1px #739c68}.service-card.is-selected .selection-mark{opacity:1;transform:scale(1)}.name-field{display:block;margin-top:24px}.name-field input,.login-card input,.proxy-form input,.proxy-form select{width:100%;min-height:53px;padding:0 15px;border:1px solid #d5ddd5;border-radius:14px;color:#263b52;background:#fff;font-size:16px;box-shadow:0 5px 14px #2336290a}.name-field input::placeholder,.login-card input::placeholder{color:#a2aaa4}.name-field>small{display:block;margin:8px 2px 0;color:#8b938f;font-size:11px;line-height:1.5}.primary-button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:19px;border:0;border-radius:16px;color:#fff;background:#315b86;box-shadow:0 10px 23px #315b8633;font-size:17px;font-weight:750;cursor:pointer}.primary-button:hover{background:#274e76}.primary-button:disabled{opacity:.55;cursor:wait}.form-error{display:flex;align-items:center;gap:6px;margin:12px 2px -7px;color:#a13f4a;font-size:13px;line-height:1.45}.form-error svg{flex:0 0 auto}.patient-footer{padding:0 22px 26px;text-align:center}.patient-footer p{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:11px;color:#7c8581;font-size:11px}.patient-footer p svg{color:#66895d}.patient-footer a{color:#7b8585;font-size:12px;text-underline-offset:3px}.loading-card{display:flex;align-items:center;justify-content:center;gap:10px;margin:120px 25px;color:#74817a;font-size:14px}.loading-card>span{width:18px;height:18px;border:2px solid #c8d5c4;border-top-color:#608858;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ticket-state{padding-bottom:30px}.ticket-result{margin:28px 22px 0;padding:28px 22px 23px;border:1px solid #d6e2d2;border-radius:26px;text-align:center;background:#ffffffed;box-shadow:0 16px 35px #273f2c1a}.result-status-icon{color:#5e8a55}.result-kicker{margin:10px 0 9px;color:#66766b;font-size:14px;font-weight:700}.ticket-result h1{margin:0;color:#1e3a59;font-family:Songti SC,STSong,serif;line-height:1.15}.ticket-code{display:grid;justify-items:center;gap:5px}.ticket-code__service{font-size:24px;font-weight:700;letter-spacing:.08em}.ticket-code__number{font-size:clamp(43px,13vw,56px);font-weight:700;letter-spacing:.04em}.ticket-code__number small{margin-left:5px;font-size:.52em;font-weight:700}.patient-name{margin:7px 0 20px;color:#67727a;font-size:16px}.ahead-card{min-height:104px;display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 20px;padding:20px 12px;border-radius:18px;color:#63716a;background:#eff5eb}.ahead-card strong{color:#4e7c47;font-size:51px;line-height:1}.ahead-card span{font-size:14px}.called-card{min-height:92px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;margin:0 0 20px;padding:15px 18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#397bb1,#315f91);box-shadow:0 10px 24px #315f9133;animation:pulse 1.8s ease-in-out infinite}.called-card:after{width:48px;content:""}.called-card__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff24}.called-card__copy{display:grid;justify-items:center;gap:5px;text-align:center}.called-card__copy small{font-size:13px;font-weight:650;opacity:.88}.called-card__copy strong{font-size:23px;line-height:1.1;letter-spacing:.03em}@keyframes pulse{50%{box-shadow:0 0 0 8px #3d75a41a}}.result-guidance{margin:0 0 18px;color:#69757d;font-size:14px;line-height:1.7}.ticket-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:17px;border-top:1px solid #e6ebe5}.ticket-meta span{display:flex;align-items:center;justify-content:center;gap:5px;color:#7a8483;font-size:11px}.ticket-meta svg{color:#668b5d}.live-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 0;color:#6d8172;font-size:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:#63a05c;box-shadow:0 0 0 4px #63a05c21}.secondary-button{width:100%;min-height:45px;margin-top:20px;padding:0 24px;border:1px solid #9eb19a;border-radius:13px;color:#4e7149;background:#f7faf5;font-weight:700;cursor:pointer}.secondary-button--cancel{color:#9a4f46;border-color:#dfbdb7;background:#fff8f6}.secondary-button:disabled{opacity:.55;cursor:wait}.retake-error{justify-content:center;margin:15px 0 -7px}.ticket-state--called .result-status-icon,.ticket-state--called .result-kicker{color:#3d75a4}.ticket-state--missed .result-status-icon,.ticket-state--missed .result-kicker{color:#a6604d}.waiting-tips{margin:18px 25px 0;padding:16px 17px;border-radius:15px;background:#edf3e9e6}.waiting-tips h2{margin-bottom:7px;color:#4c6650;font-size:14px}.waiting-tips p{margin:0;color:#748078;font-size:12px;line-height:1.7}.doctor-login{min-height:100vh;background:linear-gradient(145deg,#edf3ef,#f8f8f3 46%,#e7eef3)}.brand-header--doctor{max-width:1100px;margin:0 auto}.doctor-login-brand{min-height:68px;display:flex;align-items:center;gap:11px;padding:0 26px;color:#23394f;background:#ffffffd6;border-bottom:1px solid rgba(214,224,220,.9)}.doctor-login-brand div{display:flex;flex-direction:column;gap:2px}.doctor-login-brand strong{font-size:17px}.doctor-login-brand small{color:#82908b;font-size:11px}.login-card{width:min(calc(100% - 36px),420px);margin:8vh auto 0;padding:34px 32px 31px;border:1px solid rgba(211,222,212,.9);border-radius:25px;background:#ffffffeb;box-shadow:0 22px 58px #23362921}.login-icon{width:57px;height:57px;display:grid;place-items:center;margin-bottom:20px;border-radius:17px;color:#507b4e;background:#eaf2e6}.login-card h1{font-size:33px}.login-card>p:not(.eyebrow):not(.form-error){color:#6d7882;font-size:14px;line-height:1.7}.login-card label{display:block;margin-top:24px}.login-card label span,.proxy-form label span{display:block;margin-bottom:8px;color:#435264;font-size:13px;font-weight:700}.demo-hint{display:block;margin-top:8px;color:#7d887f;font-size:11px}.doctor-page{min-height:100vh;padding-bottom:85px;background:#eef2f4}.doctor-topbar{position:sticky;top:0;z-index:10;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 24px;border-bottom:1px solid #dde4e2;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.doctor-brand{display:flex;align-items:center;gap:8px;color:#23394f}.doctor-brand strong{font-size:17px}.doctor-brand small{color:#83908b;font-size:11px;font-weight:500}.online-dot{width:9px;height:9px;border-radius:50%;background:#55a05c;box-shadow:0 0 0 4px #55a05c21}.doctor-tools{display:flex;gap:7px}.doctor-tools button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid #dce3df;border-radius:10px;color:#4d5f6d;background:#fff;font-size:12px;cursor:pointer}.doctor-tools button:hover{background:#f2f6f1}.doctor-tools button.is-enabled{color:#327044;border-color:#b8d2b6;background:#ebf5e9}.doctor-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 24px 14px}.filter-tabs{display:flex;flex-wrap:wrap;gap:7px}.filter-tabs button{min-height:40px;padding:0 13px;border:1px solid #d8e0df;border-radius:11px;color:#68747b;background:#fff;font-size:13px;font-weight:650;cursor:pointer}.filter-tabs button span{min-width:19px;display:inline-grid;place-items:center;margin-left:5px;padding:2px 5px;border-radius:999px;color:#708078;background:#edf1ee;font-size:10px}.filter-tabs button.is-active{color:#fff;border-color:#315b86;background:#315b86;box-shadow:0 7px 16px #315b862b}.filter-tabs button.is-active span{color:#274d70;background:#fff}.window-field{display:flex;align-items:center;gap:8px;color:#68757a;font-size:12px;white-space:nowrap}.window-field input{width:148px;min-height:40px;padding:0 10px;border:1px solid #d8e0df;border-radius:10px;color:#2f465b;background:#fff}.call-hero{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(270px,1.2fr) minmax(190px,.8fr);gap:12px;margin:0 24px 17px;padding:17px;border-radius:21px;background:#1f3a58;box-shadow:0 14px 28px #1e39552b}.current-call,.next-call,.quick-speech{min-width:0;padding:14px 16px;border-radius:15px}.current-call{color:#fff;background:#ffffff12}.current-call>span,.next-call>span,.quick-speech>span{display:block;margin-bottom:7px;color:#abc0d3;font-size:11px;font-weight:700;letter-spacing:.07em}.current-call>strong{color:#b9d9ad;font-size:41px;line-height:1}.current-call h1{margin:6px 0 4px;font-size:22px}.current-call p{margin:0;overflow:hidden;color:#b9c5cf;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.next-call{background:#fff}.next-call>span{color:#6f7e88}.next-call p{min-height:34px;display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#31475b}.next-call p strong{color:#46764c;font-size:24px}.next-call p b{font-size:17px}.next-call p small{margin-left:auto;padding:4px 7px;border-radius:999px;color:#52744f;background:#edf4e9;font-size:10px}.next-call p.next-empty{color:#89948f;font-size:13px}.call-next-button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;color:#fff;background:#4e884f;font-size:16px;font-weight:800;cursor:pointer}.call-next-button:hover{background:#417642}.call-next-button:disabled{opacity:.43;cursor:default}.quick-speech{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start;background:#ffffff12}.quick-speech>span{grid-column:1 / -1}.quick-speech button{min-height:40px;padding:5px 8px;border:1px solid rgba(255,255,255,.17);border-radius:9px;color:#e8f0f6;background:#ffffff12;font-size:11px;cursor:pointer}.quick-speech button:last-child{grid-column:1 / -1}.queue-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 24px}.queue-column{min-width:0;height:calc(100vh - 340px);min-height:320px;overflow:hidden;border:1px solid #dce3e1;border-radius:17px;background:#f8faf9}.queue-column>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #dfe5e2;background:#fff}.queue-column>header h2{margin:0;color:#34495b;font-size:15px}.queue-column>header span{min-width:25px;height:25px;display:grid;place-items:center;padding:0 6px;border-radius:999px;color:#4f704f;background:#edf4e9;font-size:11px;font-weight:750}.queue-column--called>header span{color:#3c6d91;background:#eaf2f7}.queue-column--missed>header span{color:#9a624a;background:#f7ede8}.queue-column-list{height:calc(100% - 52px);overflow-y:auto;padding:10px;overscroll-behavior:contain}.column-empty{display:grid;min-height:150px;place-items:center;margin:0;color:#99a29e;font-size:12px}.doctor-ticket{margin-bottom:9px;padding:13px;border:1px solid #e0e6e2;border-radius:13px;background:#fff;box-shadow:0 4px 12px #283a300a}.ticket-card-top{display:flex;align-items:center;gap:7px}.mini-number{color:#315a82;font-size:19px;font-weight:850}.service-pill{padding:3px 6px;border-radius:999px;color:#52734f;background:#edf4e9;font-size:9px;font-weight:700}.doctor-ticket--checkup .service-pill{color:#3f6e91;background:#eaf2f7}.doctor-ticket--documents .service-pill{color:#93692e;background:#f8f0df}.ticket-card-top time{margin-left:auto;color:#99a29d;font-size:9px}.doctor-ticket h3{margin:9px 0 11px;color:#2f4152;font-size:17px}.ticket-actions{display:flex;gap:6px}.ticket-actions button{min-height:34px;flex:1;padding:0 7px;border:1px solid #dce3df;border-radius:8px;color:#65716e;background:#f9faf9;font-size:11px;font-weight:650;cursor:pointer}.ticket-actions button.action-primary{color:#fff;border-color:#4e7e52;background:#4e7e52}.ticket-actions button.action-danger{color:#a04d45;border-color:#e7cbc7;background:#fff8f6}.ticket-actions button:disabled{opacity:.5}.proxy-fab{position:fixed;right:24px;bottom:22px;z-index:9;min-height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:#315b86;box-shadow:0 12px 25px #22416042;font-size:13px;font-weight:750;cursor:pointer}.toast{position:fixed;z-index:30;left:50%;bottom:28px;display:flex;align-items:center;gap:8px;max-width:min(90vw,520px);padding:12px 17px;border-radius:12px;color:#fff;background:#2c4b3a;box-shadow:0 12px 30px #1f302640;font-size:13px;transform:translate(-50%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#14222d7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(100%,390px);max-height:min(90vh,720px);overflow-y:auto;padding:21px;border-radius:20px;background:#fff;box-shadow:0 25px 70px #16263240}.modal-card--wide{width:min(100%,680px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.modal-heading h2{margin:0;color:#273f56;font-size:19px}.modal-heading button{width:35px;height:35px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#60717e;background:#f0f3f1;cursor:pointer}.proxy-form{display:grid;gap:15px}.proxy-form .primary-button{margin-top:2px}.qr-panel{display:grid;grid-template-columns:minmax(220px,300px) 1fr;align-items:center;gap:25px}.qr-panel img{width:100%;display:block;border:1px solid #e1e7e3;border-radius:16px}.qr-panel h3{margin-bottom:10px;color:#24405d;font-size:24px}.qr-panel p{color:#68757d;font-size:13px;line-height:1.65}.qr-panel code{display:block;overflow-wrap:anywhere;padding:10px;border-radius:8px;color:#48604c;background:#edf4e9;font-family:inherit;font-size:11px}.qr-panel small{display:block;margin-top:10px;color:#8b9490;font-size:10px;line-height:1.5}@media(max-width:820px){.doctor-topbar{align-items:flex-start;padding:11px 14px}.doctor-brand small{display:none}.doctor-tools button{width:39px;padding:0}.doctor-tools button:not(:last-child){font-size:0}.doctor-controls{align-items:flex-start;padding:13px 14px}.filter-tabs{flex:1}.window-field{display:grid;gap:4px}.window-field input{width:132px}.call-hero{grid-template-columns:1fr 1fr;margin:0 14px 13px}.quick-speech{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.quick-speech button:last-child{grid-column:auto}.queue-board{gap:9px;padding:0 14px}.queue-column{height:calc(100vh - 410px)}}@media(max-width:620px){.doctor-page{padding-bottom:75px}.doctor-topbar{position:static}.doctor-brand strong{font-size:14px}.doctor-tools{gap:4px}.doctor-tools button{width:36px;min-height:36px}.doctor-controls{display:grid}.filter-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.window-field{grid-template-columns:auto 1fr;align-items:center}.window-field input{width:100%}.call-hero{grid-template-columns:1fr;padding:12px}.quick-speech{grid-column:auto}.queue-board{display:grid;grid-template-columns:1fr}.queue-column{height:auto;min-height:0}.queue-column-list{height:auto;max-height:430px}.proxy-fab{right:16px;bottom:14px}.qr-panel{grid-template-columns:1fr;text-align:center}.qr-panel img{width:min(100%,290px);margin:0 auto}}@media(max-width:370px){.service-grid{gap:6px}.service-card{min-height:119px}.service-card strong{font-size:13px}.brand-header{padding-inline:15px}.patient-hero{padding-inline:21px}.queue-form{padding-inline:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}