diff --git a/apps/web/src/pages/system/roles/RoleNewPage.tsx b/apps/web/src/pages/system/roles/RoleNewPage.tsx
index d09a6f6..3e66a87 100644
--- a/apps/web/src/pages/system/roles/RoleNewPage.tsx
+++ b/apps/web/src/pages/system/roles/RoleNewPage.tsx
@@ -83,7 +83,7 @@ function TemplateList({
             onRetry={onRetry}
           />
         ) : (
-          <div role="listbox" aria-label="选择模板">
+          <div className="lx-role-template-list" role="listbox" aria-label="选择模板">
             <button
               type="button"
               role="option"
diff --git a/apps/web/src/styles/departments.css b/apps/web/src/styles/departments.css
index 3fafcf6..1d9ffca 100644
--- a/apps/web/src/styles/departments.css
+++ b/apps/web/src/styles/departments.css
@@ -96,10 +96,17 @@
 }
 
 .lx-dept-tree__list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
   padding: 6px;
 }
 
 .lx-dept-tree__children {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-top: 2px;
   padding-left: 14px;
 }
 
@@ -110,15 +117,16 @@
   gap: 6px;
   padding: 4px 6px;
   border-radius: var(--lx-radius-md);
+  transition: background var(--lx-motion-fast) var(--lx-ease-out);
 }
 
 .lx-dept-row:hover {
   background: var(--lx-color-bg-hover);
 }
 
+/* 选中态：品牌浅底 + 品牌色标题（与侧栏导航同一套语言，不再画左侧竖条） */
 .lx-dept-row.is-selected {
   background: var(--lx-color-brand-soft);
-  box-shadow: inset 2px 0 0 var(--lx-color-brand);
 }
 
 .lx-dept-row.is-disabled .lx-dept-row__name b,
@@ -171,6 +179,7 @@
 
 .lx-dept-row.is-selected .lx-dept-row__name b {
   color: var(--lx-color-brand);
+  font-weight: 600;
 }
 
 .lx-dept-row__meta {
diff --git a/apps/web/src/styles/roles.css b/apps/web/src/styles/roles.css
index 5f62eff..b3c515c 100644
--- a/apps/web/src/styles/roles.css
+++ b/apps/web/src/styles/roles.css
@@ -220,8 +220,9 @@
 .lx-role-list__items {
   display: flex;
   flex-direction: column;
+  gap: 2px;
   margin: 0;
-  padding: 0;
+  padding: 6px 8px;
   list-style: none;
 }
 
@@ -229,20 +230,16 @@
   position: relative;
   display: flex;
   width: 100%;
-  min-height: 64px;
+  min-height: 60px;
   align-items: center;
   gap: 10px;
-  padding: 8px 10px 8px 14px;
-  border-bottom: 1px solid var(--lx-color-border);
+  padding: 8px 10px 8px 12px;
+  border-radius: var(--lx-radius-md);
   text-align: left;
   cursor: pointer;
   transition: background var(--lx-motion-fast) var(--lx-ease-out);
 }
 
-.lx-role-list__items li:last-child .lx-role-row {
-  border-bottom: none;
-}
-
 .lx-role-row:hover {
   background: var(--lx-color-bg-hover);
 }
@@ -252,9 +249,9 @@
   outline-offset: -2px;
 }
 
+/* 选中态：品牌浅底 + 品牌色标题（与侧栏导航同一套语言，不再画左侧竖条） */
 .lx-role-row.is-selected {
   background: var(--lx-color-brand-soft);
-  box-shadow: inset 2px 0 0 var(--lx-color-brand);
 }
 
 .lx-role-row__icon {
@@ -302,17 +299,16 @@
 
 .lx-role-row.is-selected .lx-role-row__name b {
   color: var(--lx-color-brand);
+  font-weight: 600;
 }
 
 .lx-role-row.is-disabled .lx-role-row__name b {
   color: var(--lx-color-text-secondary);
 }
 
+/* 块级 + ellipsis：角色编码与数据范围可能超宽，避免被侧栏裁掉半个字 */
 .lx-role-row__meta {
-  display: flex;
   overflow: hidden;
-  align-items: center;
-  gap: 4px;
   font-size: var(--lx-font-size-xs);
   line-height: 16px;
   color: var(--lx-color-text-secondary);
@@ -322,13 +318,14 @@
 }
 
 .lx-role-row__dot {
+  margin: 0 4px;
   color: var(--lx-color-border-strong);
 }
 
 .lx-role-row__side {
   display: flex;
-  width: 132px;
-  flex: 0 0 132px;
+  width: 112px;
+  flex: 0 0 112px;
   flex-direction: column;
   align-items: flex-end;
   gap: 4px;
@@ -756,13 +753,20 @@
   padding: var(--lx-space-4);
 }
 
+.lx-role-template-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 6px 8px;
+}
+
 .lx-role-template {
   display: flex;
   width: 100%;
   align-items: flex-start;
   gap: 10px;
-  padding: 10px 14px;
-  border-bottom: 1px solid var(--lx-color-border);
+  padding: 10px 12px;
+  border-radius: var(--lx-radius-md);
   text-align: left;
   transition: background var(--lx-motion-fast) var(--lx-ease-out);
 }
@@ -776,9 +780,9 @@
   outline-offset: -2px;
 }
 
+/* 选中态：品牌浅底 + 品牌色标题（与侧栏导航同一套语言，不再画左侧竖条） */
 .lx-role-template.is-active {
   background: var(--lx-color-brand-soft);
-  box-shadow: inset 2px 0 0 var(--lx-color-brand);
 }
 
 .lx-role-template__icon {
@@ -817,6 +821,7 @@
 
 .lx-role-template.is-active .lx-role-template__name {
   color: var(--lx-color-brand);
+  font-weight: 600;
 }
 
 .lx-role-template__desc {
diff --git a/apps/web/src/styles/users.css b/apps/web/src/styles/users.css
index 96bef91..90b232c 100644
--- a/apps/web/src/styles/users.css
+++ b/apps/web/src/styles/users.css
@@ -1,4 +1,4 @@
-/* A1 · 用户与组织（方案 B：主从分栏 + 分屏登录） */
+/* A1 · 用户管理（方案 B：主从分栏 + 分屏登录） */
 
 /* ---------- 页面骨架 ---------- */
 
@@ -159,31 +159,29 @@
 .lx-user-list__items {
   display: flex;
   flex-direction: column;
+  gap: 2px;
+  padding: 6px 8px;
 }
 
 .lx-user-row {
   display: flex;
   width: 100%;
-  min-height: 64px;
+  min-height: 60px;
   align-items: center;
   gap: 10px;
-  padding: 8px var(--lx-space-4);
-  border-bottom: 1px solid var(--lx-color-border);
+  padding: 8px 12px;
+  border-radius: var(--lx-radius-md);
   text-align: left;
   transition: background var(--lx-motion-fast) var(--lx-ease-out);
 }
 
-.lx-user-row:last-child {
-  border-bottom: none;
-}
-
 .lx-user-row:hover {
   background: var(--lx-color-bg-hover);
 }
 
+/* 选中态：品牌浅底 + 品牌色标题（与侧栏导航同一套语言，不再画左侧竖条） */
 .lx-user-row.is-selected {
   background: var(--lx-color-brand-soft);
-  box-shadow: inset 2px 0 0 var(--lx-color-brand);
 }
 
 .lx-user-row__avatar {
@@ -224,6 +222,7 @@
 
 .lx-user-row.is-selected .lx-user-row__name {
   color: var(--lx-color-brand);
+  font-weight: 600;
 }
 
 .lx-user-row__phone {