diff --git a/resources/views/tabler/user/index.tpl b/resources/views/tabler/user/index.tpl
index 497e5ffea..411905f9d 100755
--- a/resources/views/tabler/user/index.tpl
+++ b/resources/views/tabler/user/index.tpl
@@ -181,227 +181,6 @@
                                 </div>
                             </div>
                             
-                        </div>
-                    
-                        <div class="col-12 col-md-6 col-lg-6">
-                            <div class="card">
-                                <div class="card-header">
-                                    <h4><i class="fa fa-bolt"></i> 订阅地址</h4>
-                                    <!-- <span class="float-right">
-                                    {if $user->isAbleToCheckin()}
-                                        <button type="button" id="checkin" class="btn btn-primary btn-sm waves-effect waves-light float-right">
-                                            <i class="far fa-calendar-check fa-lg icon-ver"></i>&nbsp;每日签到
-                                        </button>
-                                    {else}
-                                        <button type="button" class="btn btn-primary disabled btn-sm waves-effect waves-light float-right">
-                                            <i class="far fa-calendar-check fa-lg icon-ver"></i>&nbsp;已签到
-                                        </button>
-                                    {/if}
-                                    </span> -->
-                                </div>
-                                <hr />
-                                <div class="card-content">
-                                    <div class="card-body pt-0">
-                                        <div class="dropdown">
-                                        
-                                                <!-- Clash订阅 -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-sub btn-clash round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-clash"></i>&nbsp;Clash 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/clash">复制 Clash 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('clash','clash://install-config?url={$UniversalSub}/clash&name={$config["appName"]}')">一键导入 Clash 通用</button>
-                                                    </div>
-                                                </div>
-                                                             
-                                                <!-- Hiddify订阅 -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-sub btn-hiddify round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-hiddify"></i>&nbsp;Hiddify 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/singbox">复制 Hiddify 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('hiddify','hiddify://import/{$UniversalSub}#{$config["appName"]}')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Hiddify</button>
-                                                    </div>
-                                                </div>
-
-                                                <!-- Singbox订阅 -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-sub btn-singbox round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-singbox"></i>&nbsp;Singbox 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/singbox">复制 Singbox 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('singbox', 'sing-box://import-remote-profile?url={$UniversalSub}/singbox#{$config["appName"]}')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Singbox</button>
-                                                    </div>
-                                                </div>
-                                                
-                                                <!-- V2ray订阅 -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-sub btn-v2ray round waves-effect waves-light copy-text {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/v2ray"><i class="cool-v2rayng"></i>复制 V2Ray 订阅</button>
-                                                </div>
-                                                
-                                                <!-- ss订阅 -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-sub btn-ssr round waves-effect waves-light copy-text {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/ss"><i class="cool-ssr"></i>复制 Shadowsocks 订阅</button>
-                                                </div>
-                                                                                        
-                                                <!-- trojan订阅 -->
-                                                <!-- 没有trojan节点 不确定 不用  -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-sub btn-pill btn-trojan copy-text round {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/trojan"><i class="cool-ssr text-white"></i>&nbsp;复制 Trojan 订阅&nbsp;&nbsp;</button>
-                                                </div>
-                                                
-                                                <!-- Singbox小火箭 -->
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i>&nbsp;Shadowrocket（小火箭） 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/v2ray">复制 Shadowrocket 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('shadowrocket', '{$UniversalSub}/v2ray')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
-                                                    </div>
-                                                </div>
-                                                
-                                                <!-- 小火箭 原
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i>&nbsp;Shadowrocket（小火箭） 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=shadowrocket">复制 Shadowrocket 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('shadowrocket')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
-                                                    </div>
-                                                </div>
-                                                -->
-
-                                                
-                                                <!-- SSR订阅
-                                                
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-ssr round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">&nbsp;Shadowsocks</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/ss">复制 SSR 订阅</button>
-                                                    </div>
-                                                </div>
-                                                -->
-                                                
-                                                
-                                                
-                                                <!-- 灰色
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-ssr round dropdown-toggle waves-effect waves-light disabled" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-ssr"></i>&nbsp;请先购买套餐</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/sdsdkfjklj1jk11?sub=1">复制 SSR 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('ssr')" data-cf-modified-c4d86746314722ec8753695f-="">一键导入 SSR</button>
-                                                    </div>
-                                                </div>
-                                                -->
-                                               
-                                               <!-- btn-surge btn-kitsunebi 这两个颜色很好看 -->
-                                                                                        
-                                                                                            <!-- surge -->
-                                                <!-- 与clash和singbox都不通用，先放着
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-pill btn-surge dropdown-toggle round waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-surge text-white"></i>&nbsp;Surge 订阅&nbsp;&nbsp;</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right">
-                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=surge">复制 Surge Nodelist</button>
-                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=2">复制 Surge 2 节点订阅</button>
-                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=3">复制 Surge 3 节点订阅</button>
-                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=4">复制 Surge 4 节点订阅</button>
-                                                    </div>
-                                                </div>
-                                                -->
-                                                                                        
-                                                                                            <!-- Shadowrocket订阅 -->
-                                                <!--
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i>&nbsp;Shadowrocket 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=shadowrocket">复制 Shadowrocket 订阅</button>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('shadowrocket')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
-                                                    </div>
-                                                </div>
-                                                -->
-                                                                                        
-                                                                                                                                        <!-- kitsunebi订阅
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-pill btn-kitsunebi copy-text round" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=kitsunebi"><i class="cool-kitsunebi text-white"></i>&nbsp;复制 Kitsunebi 订阅</button>
-                                                </div>  -->
-                                                                                                    
-                                                <!-- Quantumult X订阅 -->
-                                                <!--
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-pill btn-quantumultx copy-text round" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=quantumultx"><i class="cool-quantumultx text-white"></i>&nbsp;复制 Quantumult X 订阅&nbsp;&nbsp;</button>
-                                                </div>
-                                                -->
-                                                                                        
-                                                <!-- Quantumult订阅 -->
-                                                <!--
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn btn-quantumult round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-quantumult"></i>&nbsp;Quantumult 订阅</button>
-                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
-                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?sub=1">复制 SSR 订阅</button>
-                                                                                                            
-                                                                                                            <div class="dropdown-divider"></div>
-                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('quantumult')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 SSR 节点订阅</button>
-                                                                                                            
-                                                                                                          </div>
-                                                </div>
-                                                -->
-                                                                                        
-                                                                                        
-                                                                                                                                    
-                                                                                    
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-            
-                            <div class="card">
-                                <div class="card-body">
-                                    <h4 class="card-title mb-50">流量报表</h4>
-                                    <p class="card-text font-small-3">下次流量重置日期：{if $user->class > 0}{$user->class_expire}{else}无流量重置{/if}</p>
-                                    <hr />
-                                    
-                                    {if $user->class <= 0}
-                                        <div>无可用流量</div>
-                                    {/if}
-                                    
-                                    <div id="donut-chart" {if $user->class <= 0} hidden {/if}></div>
-                                    <div class="mt-1" style="border-radius: 5px">
-                                        <li class="list-group-item d-flex justify-content-between traffic-info">
-                                            <div class="series-info">
-                                                <i class="fa fa-circle font-small-3" style="color:#7D72F1"></i>
-                                                <span class="text-bold-600">剩余流量 ：
-                                                    {$user->unusedTrafficPercent()}%
-                                                </span>
-                                            </div>
-                                            <div class="product-result">
-                                                <span>{$user->unusedTraffic()}</span>
-                                            </div>
-                                        </li>
-                                        <li class="list-group-item d-flex justify-content-between traffic-info">
-                                            <div class="series-info">
-                                                <i class="fa fa-circle font-small-3 text-danger"></i>
-                                                <span class="text-bold-600">今日使用 ：
-                                                    {$user->todayUsedTrafficPercent()}%
-                                                </span>
-                                            </div>
-                                            <div class="product-result">
-                                                <span>{$user->todayUsedTraffic()}</span>
-                                            </div>
-                                        </li>
-                                        <li class="list-group-item d-flex justify-content-between traffic-info">
-                                            <div class="series-info">
-                                                <i class="fa fa-circle font-small-3 text-warning"></i>
-                                                <span class="text-bold-600">历史使用 ：
-                                                {if $user->LastusedTrafficPercent() < '1'}
-                                                    0%
-                                                {else}
-                                                    {$user->lastUsedTrafficPercent()}%
-                                                {/if}
-                                                </span>
-                                            </div>
-                                            <div class="product-result">
-                                                <span>{$user->LastusedTraffic()}</span>
-                                            </div>
-                                        </li>
-                                    </div>
-                                </div>
-                            </div>
-                            
                             <div class="card">
                                 <div class="card-header">
                                     <h4 class="text-bold-500 mb-25">使用教程</h4>
@@ -688,6 +467,229 @@
                                     </div>
                                 </div>
                             </div>
+                            
+                        </div>
+                    
+                        <div class="col-12 col-md-6 col-lg-6">
+                            <div class="card">
+                                <div class="card-header">
+                                    <h4><i class="fa fa-bolt"></i> 订阅地址</h4>
+                                    <!-- <span class="float-right">
+                                    {if $user->isAbleToCheckin()}
+                                        <button type="button" id="checkin" class="btn btn-primary btn-sm waves-effect waves-light float-right">
+                                            <i class="far fa-calendar-check fa-lg icon-ver"></i>&nbsp;每日签到
+                                        </button>
+                                    {else}
+                                        <button type="button" class="btn btn-primary disabled btn-sm waves-effect waves-light float-right">
+                                            <i class="far fa-calendar-check fa-lg icon-ver"></i>&nbsp;已签到
+                                        </button>
+                                    {/if}
+                                    </span> -->
+                                </div>
+                                <hr />
+                                <div class="card-content">
+                                    <div class="card-body pt-0">
+                                        <div class="dropdown">
+                                        
+                                                <!-- Clash订阅 -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-sub btn-clash round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-clash"></i>&nbsp;Clash 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/clash">复制 Clash 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('clash','clash://install-config?url={$UniversalSub}/clash&name={$config["appName"]}')">一键导入 Clash 通用</button>
+                                                    </div>
+                                                </div>
+                                                             
+                                                <!-- Hiddify订阅 -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-sub btn-hiddify round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-hiddify"></i>&nbsp;Hiddify 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/singbox">复制 Hiddify 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('hiddify','hiddify://import/{$UniversalSub}#{$config["appName"]}')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Hiddify</button>
+                                                    </div>
+                                                </div>
+
+                                                <!-- Singbox订阅 -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-sub btn-singbox round dropdown-toggle waves-effect waves-light {if $user->class < 1}disabled{/if}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-singbox"></i>&nbsp;Singbox 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/singbox">复制 Singbox 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('singbox', 'sing-box://import-remote-profile?url={$UniversalSub}/singbox#{$config["appName"]}')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Singbox</button>
+                                                    </div>
+                                                </div>
+                                                
+                                                <!-- V2ray订阅 -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-sub btn-v2ray round waves-effect waves-light copy-text {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/v2ray"><i class="cool-v2rayng"></i>复制 V2Ray 订阅</button>
+                                                </div>
+                                                
+                                                <!-- ss订阅 -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-sub btn-ssr round waves-effect waves-light copy-text {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/ss"><i class="cool-ssr"></i>复制 Shadowsocks 订阅</button>
+                                                </div>
+                                                                                        
+                                                <!-- trojan订阅 -->
+                                                <!-- 没有trojan节点 不确定 不用  -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-sub btn-pill btn-trojan copy-text round {if $user->class < 1}disabled{/if}" data-clipboard-text="{$UniversalSub}/trojan"><i class="cool-ssr text-white"></i>&nbsp;复制 Trojan 订阅&nbsp;&nbsp;</button>
+                                                </div>
+                                                
+                                                <!-- Singbox小火箭 -->
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i>&nbsp;Shadowrocket（小火箭） 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/v2ray">复制 Shadowrocket 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; oneclickImport('shadowrocket', '{$UniversalSub}/v2ray')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
+                                                    </div>
+                                                </div>
+                                                
+                                                <!-- 小火箭 原
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i>&nbsp;Shadowrocket（小火箭） 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=shadowrocket">复制 Shadowrocket 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('shadowrocket')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
+                                                    </div>
+                                                </div>
+                                                -->
+
+                                                
+                                                <!-- SSR订阅
+                                                
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-ssr round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">&nbsp;Shadowsocks</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="{$UniversalSub}/ss">复制 SSR 订阅</button>
+                                                    </div>
+                                                </div>
+                                                -->
+                                                
+                                                
+                                                
+                                                <!-- 灰色
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-ssr round dropdown-toggle waves-effect waves-light disabled" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-ssr"></i>&nbsp;请先购买套餐</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/sdsdkfjklj1jk11?sub=1">复制 SSR 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('ssr')" data-cf-modified-c4d86746314722ec8753695f-="">一键导入 SSR</button>
+                                                    </div>
+                                                </div>
+                                                -->
+                                               
+                                               <!-- btn-surge btn-kitsunebi 这两个颜色很好看 -->
+                                                                                        
+                                                                                            <!-- surge -->
+                                                <!-- 与clash和singbox都不通用，先放着
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-pill btn-surge dropdown-toggle round waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-surge text-white"></i>&nbsp;Surge 订阅&nbsp;&nbsp;</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right">
+                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=surge">复制 Surge Nodelist</button>
+                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=2">复制 Surge 2 节点订阅</button>
+                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=3">复制 Surge 3 节点订阅</button>
+                                                        <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?surge=4">复制 Surge 4 节点订阅</button>
+                                                    </div>
+                                                </div>
+                                                -->
+                                                                                        
+                                                                                            <!-- Shadowrocket订阅 -->
+                                                <!--
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-shadowrocket round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-shadowrocket"></i>&nbsp;Shadowrocket 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=shadowrocket">复制 Shadowrocket 订阅</button>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('shadowrocket')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 Shadowrocket</button>
+                                                    </div>
+                                                </div>
+                                                -->
+                                                                                        
+                                                                                                                                        <!-- kitsunebi订阅
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-pill btn-kitsunebi copy-text round" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=kitsunebi"><i class="cool-kitsunebi text-white"></i>&nbsp;复制 Kitsunebi 订阅</button>
+                                                </div>  -->
+                                                                                                    
+                                                <!-- Quantumult X订阅 -->
+                                                <!--
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-pill btn-quantumultx copy-text round" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?list=quantumultx"><i class="cool-quantumultx text-white"></i>&nbsp;复制 Quantumult X 订阅&nbsp;&nbsp;</button>
+                                                </div>
+                                                -->
+                                                                                        
+                                                <!-- Quantumult订阅 -->
+                                                <!--
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-quantumult round dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="cool-quantumult"></i>&nbsp;Quantumult 订阅</button>
+                                                    <div class="dropdown-menu dropdown-node dropdown-menu-right" x-placement="bottom-end" style="position: absolute; transform: translate3d(-14px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
+                                                      <button type="button" class="dropdown-item copy-text" data-clipboard-text="https://fufufu.com/link/iqt0QYW3tM4XK4WB?sub=1">复制 SSR 订阅</button>
+                                                                                                            
+                                                                                                            <div class="dropdown-divider"></div>
+                                                      <button type="button" class="dropdown-item" href="##" onclick="if (!window.__cfRLUnblockHandlers) return false; importSublink('quantumult')" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">一键导入 SSR 节点订阅</button>
+                                                                                                            
+                                                                                                          </div>
+                                                </div>
+                                                -->
+                                                                                        
+                                                                                        
+                                                                                                                                    
+                                                                                    
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+            
+                            <div class="card">
+                                <div class="card-body">
+                                    <h4 class="card-title mb-50">流量报表</h4>
+                                    <p class="card-text font-small-3">下次流量重置日期：{if $user->class > 0}{$user->class_expire}{else}无流量重置{/if}</p>
+                                    <hr />
+                                    
+                                    {if $user->class <= 0}
+                                        <div>无可用流量</div>
+                                    {/if}
+                                    
+                                    <div id="donut-chart" {if $user->class <= 0} hidden {/if}></div>
+                                    <div class="mt-1" style="border-radius: 5px">
+                                        <li class="list-group-item d-flex justify-content-between traffic-info">
+                                            <div class="series-info">
+                                                <i class="fa fa-circle font-small-3" style="color:#7D72F1"></i>
+                                                <span class="text-bold-600">剩余流量 ：
+                                                    {$user->unusedTrafficPercent()}%
+                                                </span>
+                                            </div>
+                                            <div class="product-result">
+                                                <span>{$user->unusedTraffic()}</span>
+                                            </div>
+                                        </li>
+                                        <li class="list-group-item d-flex justify-content-between traffic-info">
+                                            <div class="series-info">
+                                                <i class="fa fa-circle font-small-3 text-danger"></i>
+                                                <span class="text-bold-600">今日使用 ：
+                                                    {$user->todayUsedTrafficPercent()}%
+                                                </span>
+                                            </div>
+                                            <div class="product-result">
+                                                <span>{$user->todayUsedTraffic()}</span>
+                                            </div>
+                                        </li>
+                                        <li class="list-group-item d-flex justify-content-between traffic-info">
+                                            <div class="series-info">
+                                                <i class="fa fa-circle font-small-3 text-warning"></i>
+                                                <span class="text-bold-600">历史使用 ：
+                                                {if $user->LastusedTrafficPercent() < '1'}
+                                                    0%
+                                                {else}
+                                                    {$user->lastUsedTrafficPercent()}%
+                                                {/if}
+                                                </span>
+                                            </div>
+                                            <div class="product-result">
+                                                <span>{$user->LastusedTraffic()}</span>
+                                            </div>
+                                        </li>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            
                                                                                                              </div>