diff --git a/employee-app/health-checkup/process-guide-detail.html b/employee-app/health-checkup/process-guide-detail.html
new file mode 100644
index 0000000..af6cf43
--- /dev/null
+++ b/employee-app/health-checkup/process-guide-detail.html
@@ -0,0 +1,478 @@
+
+
+
+
+
+
讲解详情
+
+
+
+
+
+
+
+
diff --git a/employee-app/health-checkup/process-guide.html b/employee-app/health-checkup/process-guide.html
new file mode 100644
index 0000000..98b0ae0
--- /dev/null
+++ b/employee-app/health-checkup/process-guide.html
@@ -0,0 +1,339 @@
+
+
+
+
+
+
操作流程讲解
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
体检预约流程
+
选择医院、项目、日期，完成体检预约
+
+ 图文
+
+
+
›
+
+
+
+
+
+
+
到院体检流程
+
前台登记、逐项检查、领取报告
+
+ 图文
+
+
+
›
+
+
+
+
+
+
+
报告查询流程
+
查看报告列表与指标解读详情
+
+ 图文
+
+
+
›
+
+
+
+
+
+
+
胃肠镜检查流程
+
检查前准备与检查过程讲解
+
+ 视频
+ 时长 03:20
+
+
+
›
+
+
+
+
+
+
+
体检注意事项
+
体检前饮食、作息等准备事项讲解
+
+ 视频
+ 时长 02:10
+
+
+
›
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web-admin/health-checkup/config-hospital-basic.html b/web-admin/health-checkup/config-hospital-basic.html
index 2d540d7..d979274 100644
--- a/web-admin/health-checkup/config-hospital-basic.html
+++ b/web-admin/health-checkup/config-hospital-basic.html
@@ -63,6 +63,7 @@
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover{background:#F8FBFF;}
.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+ .hospital-img{width:72px;height:48px;border-radius:6px;object-fit:cover;display:block;box-shadow:var(--shadow-sm);}
.tag-blue{background:var(--primary-light);color:var(--primary);}
.tag-green{background:#F6FFED;color:var(--success);}
.tag-orange{background:#FFF7E6;color:var(--warning);}
@@ -72,6 +73,50 @@
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+ /* 抽屉弹窗 */
+ .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:999;pointer-events:none;transition:background .3s;}
+ .drawer-overlay.open{background:rgba(0,0,0,0.45);pointer-events:auto;}
+ .drawer{position:fixed;top:0;right:-400px;bottom:0;width:400px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,0.15);z-index:1000;transition:right .3s;display:flex;flex-direction:column;}
+ .drawer.open{right:0;}
+ .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
+ .drawer__title{font-size:var(--font-lg);font-weight:600;}
+ .drawer__close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;}
+ .drawer__close:hover{background:#F5F5F5;}
+ .drawer__body{flex:1;overflow-y:auto;padding:24px;}
+ .drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
+ /* 表单 */
+ .form-item{margin-bottom:20px;}
+ .form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:500;}
+ .form-label .required{color:var(--danger);}
+ .form-input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;}
+ .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+ /* 体检类型复选 */
+ .check-group{display:flex;gap:24px;flex-wrap:wrap;}
+ .check-item{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;user-select:none;}
+ .check-item input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);}
+ /* 开关 */
+ .switch-row{display:flex;align-items:center;gap:12px;}
+ .switch{width:40px;height:22px;border-radius:11px;background:#E8E8E8;cursor:pointer;position:relative;transition:.2s;flex-shrink:0;}
+ .switch.on{background:var(--primary);}
+ .switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
+ .switch.on::after{left:20px;}
+ .switch-label{font-size:var(--font-sm);color:var(--text-primary);}
+ /* 可搜索下拉 */
+ .search-select{position:relative;}
+ .search-select__input{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 12px center;}
+ .search-select__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.2);}
+ .search-select__dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;z-index:10;display:none;}
+ .search-select__dropdown.show{display:block;}
+ .search-select__option{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;color:var(--text-primary);}
+ .search-select__option:hover,.search-select__option.active{background:var(--primary-light);color:var(--primary);}
+ .search-select__empty{padding:10px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
+ /* 医院信息卡片 */
+ .hospital-info{background:#F5F7FA;border-radius:var(--radius-sm);padding:12px;margin-bottom:16px;display:none;}
+ .hospital-info.show{display:block;}
+ .hospital-info__item{display:flex;justify-content:space-between;font-size:var(--font-sm);margin-bottom:8px;}
+ .hospital-info__item:last-child{margin-bottom:0;}
+ .hospital-info__label{color:var(--text-secondary);}
+ .hospital-info__value{color:var(--text-primary);font-weight:500;}
@@ -110,7 +155,7 @@
