fix(user-center): replicate reference theme sidebar icons via SVG sprite

The user-center sidebar rendered Font Awesome glyphs while the reference theme
paints multi-tone inline SVGs, and several glyphs were simply wrong for their
slot: fa-chart-line served both 我的等级 and 推广收益, fa-money-bill served both
余额 and 积分, and fa-pen stood in for 创作收益.

The theme already ships every sprite key the reference sidebar needs in
assets/js/runtime/svg-icon.js, and main.min.js injects the <symbol id="icon-*">
set on every frontend page, so no new icon system was needed. The two grids now
use the reference theme's icon-but-box / user-icon-but-box shell (four per row,
em16 icon, 12px muted label) in place of AKSRT's tinted 38px pill, and every
remaining sidebar glyph and arrow resolves through aksrt_icon_markup():

  我的服务  我的等级 trend-color, 官方认证 user-auth, 我的订单 order-color
  功能设置  消息通知 msg-color, 个人资料 user-color, 账户安全 security-color
  资产卡    余额 money-color-2, 积分 points-color
  中心卡    创作收益 merchant-color, 推广收益 money-color
  其它      VIP 入口 vip_1, 抽屉触发器 menu, 箭头统一 right

Dead code went with the swap: the whole .uc-service-grid block including the
unused --cart and --revenue tones, the count badge (no caller ever set count),
and the tone key. The two card selectors that targeted <i> now also cover <svg>
so the icon sizes survive the element change, and the VIP arrow keeps
uc-sidebar-vip__arrow for its hover animation. level/profile/settings gained
their missing tab keys, which completes the icon-but-* class names and lets the
existing .is-active sync cover all six entries.

Verification: node --test across widget-system, navigation, admin,
asset-ledger, dev, front-submit and fixtures (620 tests), plus php -l on the
five changed PHP files. Contract-locked in
tests/widget-system/user-center-sidebar-icons-contract.test.cjs.

inc/helpers/user-center-renderers/profile-sidebar.php

@@ -15,7 +15,8 @@ require __DIR__ . '/sidebar-vip.php';
 require __DIR__ . '/sidebar-commerce.php';
 require __DIR__ . '/sidebar-creator.php';
 require __DIR__ . '/sidebar-nav.php';
+$drawer_trigger_icon = aksrt_icon_markup('zibsvg-menu');
 ?>
 <button type="button" class="uc-sidebar__drawer-trigger" id="uc-drawer-trigger" aria-label="<?php esc_attr_e('打开导航', 'aksrt'); ?>">
-	<i class="fa fas fa-th-large" aria-hidden="true"></i>
+	<?php echo $drawer_trigger_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 </button>

inc/helpers/user-center-renderers/sidebar-commerce.php

@@ -20,23 +20,26 @@ try {
 	$wallet = '0.00';
 }
 $points = max(0, (int) ($credit_balance ?? 0));
+$wallet_icon = aksrt_icon_markup('zibsvg-money-color-2');
+$points_icon = aksrt_icon_markup('zibsvg-points-color');
+$arrow_icon  = aksrt_icon_markup('zibsvg-right');
 ?>
 <div class="uc-sidebar__pair uc-sidebar__pair--assets">
 	<?php if ($show_wallet) : ?>
 		<a class="uc-summary-card uc-summary-card--wallet" href="<?php echo esc_url($assets_url); ?>" data-tab="credits">
-			<span class="uc-summary-card__head"><?php esc_html_e('账户余额', 'aksrt'); ?><i class="fa fas fa-angle-right" aria-hidden="true"></i></span>
+			<span class="uc-summary-card__head"><?php esc_html_e('账户余额', 'aksrt'); ?><?php echo $arrow_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
 			<span class="uc-summary-card__body">
 				<strong data-aksrt-wallet-value><?php echo esc_html($wallet); ?></strong>
-				<i class="fa fas fa-money-bill" aria-hidden="true"></i>
+				<?php echo $wallet_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 			</span>
 		</a>
 	<?php endif; ?>
 	<?php if ($show_credits) : ?>
 		<a class="uc-summary-card uc-summary-card--points" href="<?php echo esc_url($assets_url); ?>" data-tab="credits">
-			<span class="uc-summary-card__head"><?php echo esc_html((string) ($currency_name ?? __('积分', 'aksrt'))); ?><i class="fa fas fa-angle-right" aria-hidden="true"></i></span>
+			<span class="uc-summary-card__head"><?php echo esc_html((string) ($currency_name ?? __('积分', 'aksrt'))); ?><?php echo $arrow_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
 			<span class="uc-summary-card__body">
 				<strong data-aksrt-points-value data-credits-value><?php echo esc_html(aksrt_format_points($points)); ?></strong>
-				<i class="fa fas fa-money-bill" aria-hidden="true"></i>
+				<?php echo $points_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 			</span>
 		</a>
 	<?php endif; ?>

inc/helpers/user-center-renderers/sidebar-creator.php

@@ -13,20 +13,23 @@ $revenue_url = isset($dashboard_tabs['revenue']) ? aksrt_get_user_center_tab_url
 if ($creation_url === '' && $revenue_url === '') {
 	return;
 }
+$creation_icon = aksrt_icon_markup('zibsvg-merchant-color');
+$revenue_icon  = aksrt_icon_markup('zibsvg-money-color');
+$arrow_icon    = aksrt_icon_markup('zibsvg-right');
 ?>
 <div class="uc-sidebar__pair uc-sidebar__pair--centers">
 	<?php if ($creation_url !== '') : ?>
 		<a class="uc-center-card uc-center-card--creation" href="<?php echo esc_url($creation_url); ?>" data-tab="creator">
-			<span class="uc-center-card__icon"><i class="fa fas fa-pen" aria-hidden="true"></i></span>
+			<span class="uc-center-card__icon"><?php echo $creation_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
 			<span><strong><?php esc_html_e('创作收益', 'aksrt'); ?></strong><small><?php esc_html_e('作者收益明细', 'aksrt'); ?></small></span>
-			<i class="fa fas fa-angle-right" aria-hidden="true"></i>
+			<?php echo $arrow_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 		</a>
 	<?php endif; ?>
 	<?php if ($revenue_url !== '') : ?>
 		<a class="uc-center-card uc-center-card--revenue" href="<?php echo esc_url($revenue_url); ?>" data-tab="revenue">
-			<span class="uc-center-card__icon"><i class="fa fas fa-chart-line" aria-hidden="true"></i></span>
+			<span class="uc-center-card__icon"><?php echo $revenue_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
 			<span><strong><?php esc_html_e('推广收益', 'aksrt'); ?></strong><small><?php esc_html_e('推广佣金明细', 'aksrt'); ?></small></span>
-			<i class="fa fas fa-angle-right" aria-hidden="true"></i>
+			<?php echo $arrow_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 		</a>
 	<?php endif; ?>
 </div>

inc/helpers/user-center-renderers/sidebar-nav.php

@@ -2,6 +2,9 @@
 /**
  * User center sidebar: services and account settings.
  *
+ * Icon set mirrors the reference theme user-center sidebar: every entry renders
+ * an inline SVG from the theme sprite through aksrt_icon_markup().
+ *
  * @package AKSRT
  */
 
@@ -17,22 +20,20 @@ $orders_url = $orders_available ? (string) ($orders_url ?? '') : '';
 $services = array_values(array_filter([
 	[
 		'label' => __('我的等级', 'aksrt'),
-		'icon'  => 'chart-line',
-		'tone'  => 'level',
+		'icon'  => 'trend-color',
 		'url'   => $level_url,
+		'tab'   => 'level',
 	],
 
 	[
 		'label' => __('官方认证', 'aksrt'),
-		'icon'  => 'id-badge',
-		'tone'  => 'auth',
+		'icon'  => 'user-auth',
 		'url'   => $auth_url,
 		'tab'   => 'auth',
 	],
 	[
 		'label' => __('我的订单', 'aksrt'),
-		'icon'  => 'receipt',
-		'tone'  => 'orders',
+		'icon'  => 'order-color',
 		'url'   => $orders_url,
 		'tab'   => 'orders',
 	],
@@ -41,35 +42,38 @@ $services = array_values(array_filter([
 $settings = array_values(array_filter([
 	[
 		'label' => __('消息通知', 'aksrt'),
-		'icon'  => 'bell',
-		'tone'  => 'notice',
+		'icon'  => 'msg-color',
 		'url'   => isset($dashboard_tabs['msg']) ? aksrt_get_user_center_tab_url('msg') : '',
 		'tab'   => 'msg',
 	],
 	[
 		'label' => __('个人资料', 'aksrt'),
-		'icon'  => 'user-edit',
-		'tone'  => 'profile',
+		'icon'  => 'user-color',
 		'url'   => isset($dashboard_tabs['profile']) ? aksrt_get_user_center_tab_url('profile') : '',
+		'tab'   => 'profile',
 	],
 	[
 		'label' => __('账户安全', 'aksrt'),
-		'icon'  => 'shield-alt',
-		'tone'  => 'security',
+		'icon'  => 'security-color',
 		'url'   => isset($dashboard_tabs['settings']) ? aksrt_get_user_center_tab_url('settings') : '',
+		'tab'   => 'settings',
 	],
 ], static fn(array $item): bool => (string) $item['url'] !== ''));
 
 $render_grid = static function (array $items): void {
 	?>
-	<div class="uc-service-grid">
-		<?php foreach ($items as $item) : ?>
-			<a class="uc-service-grid__item uc-service-grid__item--<?php echo esc_attr((string) $item['tone']); ?><?php echo !empty($item['tab']) && ($active_tab ?? '') === $item['tab'] ? ' is-active' : ''; ?>" href="<?php echo esc_url((string) $item['url']); ?>"<?php if (!empty($item['tab'])) : ?> data-tab="<?php echo esc_attr((string) $item['tab']); ?>"<?php endif; ?>>
-				<span class="uc-service-grid__icon">
-					<i class="fa fas fa-<?php echo esc_attr((string) $item['icon']); ?>" aria-hidden="true"></i>
-					<?php if (!empty($item['count'])) : ?><small><?php echo esc_html((string) $item['count']); ?></small><?php endif; ?>
-				</span>
-				<span><?php echo esc_html((string) $item['label']); ?></span>
+	<div class="flex ac hh text-center icon-but-box user-icon-but-box">
+		<?php foreach ($items as $item) :
+			$tab = (string) ($item['tab'] ?? '');
+			$item_class = 'icon-but-' . ($tab !== '' ? $tab : 'item');
+			if (($active_tab ?? '') === $tab) {
+				$item_class .= ' is-active';
+			}
+			$icon_html = aksrt_icon_markup('zibsvg-' . (string) $item['icon']);
+		?>
+			<a class="<?php echo esc_attr($item_class); ?>" href="<?php echo esc_url((string) $item['url']); ?>"<?php if ($tab !== '') : ?> data-tab="<?php echo esc_attr($tab); ?>"<?php endif; ?>>
+				<div class="em16"><?php echo $icon_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></div>
+				<div class="px12 muted-color mt3"><?php echo esc_html((string) $item['label']); ?></div>
 			</a>
 		<?php endforeach; ?>
 	</div>

inc/helpers/user-center-renderers/sidebar-vip.php

@@ -49,7 +49,8 @@ $sidebar_level = $vip_level > 0 ? $vip_level : $expired_level;
 $sidebar_icon_url = esc_url((string) ($vip_levels[$sidebar_level]['img_icon'] ?? ''));
 $sidebar_icon = $sidebar_icon_url !== ''
 	? '<img' . aksrt_get_lazy_attr('lazy_other', $sidebar_icon_url, 'aksrt-vip-level-icon') . ' alt="" decoding="async">'
-	: '<i class="fa fas fa-certificate" aria-hidden="true"></i>';
+	: aksrt_icon_markup('zibsvg-vip_1');
+$sidebar_arrow = aksrt_icon_markup('zibsvg-right', 'uc-sidebar-vip__arrow');
 ?>
 <a class="uc-sidebar-vip" href="<?php echo esc_url($vip_url); ?>" data-tab="vip">
 	<span class="uc-sidebar-vip__icon"><?php echo $sidebar_icon; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
@@ -57,5 +58,5 @@ $sidebar_icon = $sidebar_icon_url !== ''
 		<strong><?php echo esc_html($title); ?></strong>
 		<small><?php echo esc_html($status); ?></small>
 	</span>
-	<i class="fa fas fa-angle-right uc-sidebar-vip__arrow" aria-hidden="true"></i>
+	<?php echo $sidebar_arrow; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 </a>