diff --git a/other-module/emergency-screen/xian-center/help-emergency.html b/other-module/emergency-screen/xian-center/help-emergency.html index 5f3f70c..0c23e9c 100644 --- a/other-module/emergency-screen/xian-center/help-emergency.html +++ b/other-module/emergency-screen/xian-center/help-emergency.html @@ -71,25 +71,35 @@ body::before{content:'';position:fixed;inset:0;z-index:-1; .drawer-section__title{font-size:12px;font-weight:600;color:var(--text-main);margin-bottom:8px; padding-left:10px;border-left:3px solid var(--danger);letter-spacing:0.5px;} -/* Employee info grid */ -.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;} -.info-item{display:flex;flex-direction:column;gap:1px;} -.info-item--full{grid-column:1/-1;} -.info-label{font-size:10px;color:var(--text-dim);letter-spacing:0.5px;} -.info-value{font-size:12px;color:var(--text-main);} +/* Event tag */ .info-tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600;} + +/* Drawer compact: name head / quick rows / chips */ +.event-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;} +.event-head__name{font-size:17px;font-weight:700;color:#fff;letter-spacing:1px;} +.event-head__sub{font-size:12px;color:var(--text-sub);} +.blood-tag{padding:2px 10px;border-radius:4px;font-size:12px;font-weight:700; + color:var(--cyan);background:rgba(0,229,255,0.12);border:1px solid rgba(0,229,255,0.45); + box-shadow:0 0 8px rgba(0,229,255,0.15);} +.event-head__flag{margin-left:auto;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:700; + color:var(--danger);background:rgba(255,77,79,0.15);border:1px solid rgba(255,77,79,0.5);} +.event-tags{display:flex;gap:6px;margin-bottom:9px;} +.quick-list{display:flex;flex-direction:column;gap:4px;} +.quick-row{display:flex;font-size:11px;line-height:1.5;} +.quick-row__label{color:var(--text-dim);flex-shrink:0;width:44px;} +.quick-row__value{color:var(--text-main);} +.quick-row__value--cyan{color:var(--cyan);} +.chip-row{display:flex;flex-wrap:wrap;gap:5px;} +.health-chip{padding:3px 9px;border-radius:3px;font-size:11px;line-height:1.4; + background:rgba(255,255,255,0.05);color:var(--text-main);} +.health-chip--warn{background:rgba(250,173,20,0.12);color:var(--warning);} +.health-chip--danger{background:rgba(255,77,79,0.15);color:var(--danger);} .info-tag--danger{background:rgba(255,77,79,0.15);color:var(--danger);} .info-tag--video{background:rgba(0,229,255,0.1);color:var(--cyan);} /* Portrait card sections */ -.portrait-section{margin-bottom:10px;} -.portrait-section:last-child{margin-bottom:0;} .portrait-section__title{font-size:10px;font-weight:600;color:var(--text-sub);margin-bottom:5px; padding-left:8px;border-left:2px solid var(--text-dim);letter-spacing:0.5px;} -.portrait-pop-tag{display:inline-block;padding:2px 10px;border-radius:3px;font-size:10px;font-weight:600; - background:rgba(255,77,79,0.12);color:var(--danger);margin-bottom:6px;} -.portrait-row{font-size:11px;color:var(--text-sub);line-height:1.7;} -.portrait-row b{color:var(--text-main);font-weight:500;} /* Critical allergy / drug row - red highlighted */ .portrait-alert{display:flex;align-items:flex-start;gap:6px;padding:6px 10px;border-radius:5px; @@ -98,18 +108,6 @@ body::before{content:'';position:fixed;inset:0;z-index:-1; .portrait-alert__text{flex:1;} .portrait-alert__text b{color:var(--danger);} -/* Key-value row for basic info */ -.portrait-kv{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;} -.portrait-kv__item{display:flex;gap:6px;font-size:10px;line-height:1.6;} -.portrait-kv__label{color:var(--text-dim);flex-shrink:0;} -.portrait-kv__value{color:var(--text-main);font-weight:500;} - -/* Disease list with years */ -.portrait-disease-list{display:flex;flex-direction:column;gap:2px;} -.portrait-disease-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-sub);line-height:1.6;} -.portrait-disease-item::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--danger);flex-shrink:0;opacity:0.5;} -.portrait-disease-item b{color:var(--text-main);font-weight:500;} - /* Exam collapsible */ .m-exam{border:1px solid rgba(255,255,255,0.08);border-radius:5px;overflow:hidden;} .m-exam__header{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer; @@ -133,12 +131,9 @@ body::before{content:'';position:fixed;inset:0;z-index:-1; .wearable-alert-item__type{color:var(--danger);font-weight:500;} /* Portrait habit tags */ -.portrait-habits{display:flex;flex-wrap:wrap;gap:5px;} .portrait-habit-tag{padding:3px 10px;border-radius:3px;font-size:10px;display:flex;align-items:center;gap:3px;} .portrait-habit-tag--danger{background:rgba(255,77,79,0.1);color:var(--danger);} .portrait-habit-tag--warn{background:rgba(250,173,20,0.1);color:var(--warning);} -.portrait-habit-tag--neutral{background:rgba(255,255,255,0.04);color:var(--text-dim);} -.portrait-habit-tag--good{background:rgba(82,196,26,0.1);color:var(--success);} /* ========== Map Area ========== */ .map-wrap{position:absolute;inset:0;overflow:hidden; @@ -309,111 +304,71 @@ body::before{content:'';position:fixed;inset:0;z-index:-1;