diff --git a/CHANGELOG.md b/CHANGELOG.md
index 94c8bd73..154afb33 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,7 +1,7 @@
 # 2.5.5
 
-* 补充寒鸦相关资源
-* 初步迁移并重写`#今日素材`，部分功能尚未完全稳定
+* 初步迁移并重写`#今日素材`
+* `#角色`增加枫丹探索度统计信息
 * 其他已知问题修复
 
 # 2.5.1 ~ 2.5.4
diff --git a/apps/wiki.js b/apps/wiki.js
index 7d73d978..62d34c4c 100644
--- a/apps/wiki.js
+++ b/apps/wiki.js
@@ -9,22 +9,27 @@ let app = App.init({
   name: '角色资料'
 })
 app.reg({
+
+  // #神里天赋 #夜兰命座
   wiki: {
     rule: '^#喵喵WIKI$',
     check: CharWiki.check,
-    fn: CharWiki.wiki,
-    desc: '【#资料】 #神里天赋 #夜兰命座'
+    fn: CharWiki.wiki
   },
+
+  // #日历
   calendar: {
     rule: /^(#|喵喵)+(日历|日历列表)$/,
-    fn: Calendar.render,
-    desc: '【#日历】 原神活动日历'
+    fn: Calendar.render
   },
+
+  // *日历
   calendarSr: {
     rule: /^#(星铁)+(日历|日历列表)$/,
-    fn: CalendarSr.render,
-    desc: '【#星铁日历】 星铁活动日历'
+    fn: CalendarSr.render
   },
+
+  // #今日素材
   today: {
     rule: /^#(今日|今天|每日|我的)*(素材|材料|天赋)[ |0-9]*$/,
     fn: TodayMaterial.render
diff --git a/apps/wiki/CharTalent.js b/apps/wiki/CharTalent.js
index c093ef38..7aa1e986 100644
--- a/apps/wiki/CharTalent.js
+++ b/apps/wiki/CharTalent.js
@@ -72,18 +72,18 @@ const CharTalent = {
   },
   // 获取精炼描述
   getDesc (desc, tables, lv = 5) {
-    let reg = /\$(\d)\[[i|f1]\](\%?)/g
+    let reg = /\$(\d)\[(i|f1|f2)](%?)/g
+
     let ret
 
     let idxFormat = {}
     while ((ret = reg.exec(desc)) !== null) {
-      let idx = ret[1]
-      let pct = ret[2]
+      let [, idx, format, pct] = ret
       let value = tables?.[idx]?.values[lv - 1]
       if (value) {
         if (pct === '%') {
           idxFormat[idx] = 'percent'
-          value = Format.percent(value)
+          value = Format.percent(value, format === 'f2' ? 2 : 1)
         } else {
           idxFormat[idx] = 'comma'
           value = Format.comma(value)
diff --git a/resources/character/avatar-list.css b/resources/character/avatar-list.css
index db82237c..f68f8841 100644
--- a/resources/character/avatar-list.css
+++ b/resources/character/avatar-list.css
@@ -105,8 +105,8 @@
   justify-content: center;
 }
 .exploration .item {
-  width: 93px;
-  height: 116.25px;
+  width: 82px;
+  height: 102.5px;
   background: url('./imgs/exploration.webp') no-repeat;
   background-size: auto 100%;
   border-radius: 4px;
@@ -116,7 +116,7 @@
   align-items: center;
 }
 .exploration .item strong {
-  font-size: 22px;
+  font-size: 20px;
   display: block;
   height: 30px;
   line-height: 30px;
@@ -124,10 +124,10 @@
   font-weight: normal;
 }
 .exploration .item span {
-  margin-top: 58px;
-  font-size: 14px;
-  height: 20px;
-  line-height: 20px;
+  margin-top: 53px;
+  font-size: 13px;
+  height: 16px;
+  line-height: 16px;
   display: block;
   text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
 }
diff --git a/resources/character/avatar-list.html b/resources/character/avatar-list.html
index a98b2e95..be0ce599 100644
--- a/resources/character/avatar-list.html
+++ b/resources/character/avatar-list.html
@@ -41,7 +41,7 @@
 
 
 {{if info && info.exploration && info.exploration['蒙德']}}
-{{set citys = ['蒙德','龙脊雪山','璃月','层岩巨渊','稻妻','渊下宫','须弥'] }}
+{{set citys = ['蒙德','龙脊雪山','璃月','层岩巨渊','稻妻','渊下宫','须弥','枫丹'] }}
 <div class="exploration">
   {{each citys city idx}}
   <div class="item city-{{idx+1}}" style="background-position:{{idx}}0% 0">
@@ -96,4 +96,4 @@
 </div>
 
 
-{{/block}}
\ No newline at end of file
+{{/block}}
diff --git a/resources/character/avatar-list.less b/resources/character/avatar-list.less
index 3f605a74..5cf18090 100644
--- a/resources/character/avatar-list.less
+++ b/resources/character/avatar-list.less
@@ -130,9 +130,11 @@
   margin: 10px 0;
   justify-content: center;
 
+  @width: 82px;
+
   .item {
-    width: 93px;
-    height: 93*1.25px;
+    width: @width;
+    height: @width*1.25;
     background: url('./imgs/exploration.webp') no-repeat;
     background-size: auto 100%;
     border-radius: 4px;
@@ -142,7 +144,7 @@
     align-items: center;
 
     strong {
-      font-size: 22px;
+      font-size: 20px;
       display: block;
       height: 30px;
       line-height: 30px;
@@ -151,10 +153,10 @@
     }
 
     span {
-      margin-top: 58px;
-      font-size: 14px;
-      height: 20px;
-      line-height: 20px;
+      margin-top: 53px;
+      font-size: 13px;
+      height: 16px;
+      line-height: 16px;
       display: block;
       text-shadow: 0 0 1px rgba(0, 0, 0, .5);
     }
@@ -273,4 +275,4 @@
     padding: 0 2px;
     font-weight: normal;
   }
-}
\ No newline at end of file
+}
diff --git a/resources/character/imgs/exploration.webp b/resources/character/imgs/exploration.webp
index 363ea21a..f5562738 100644
Binary files a/resources/character/imgs/exploration.webp and b/resources/character/imgs/exploration.webp differ
diff --git a/resources/common/common.css b/resources/common/common.css
index 6c979655..77aa8365 100644
--- a/resources/common/common.css
+++ b/resources/common/common.css
@@ -469,4 +469,10 @@ ul.cont-msg li strong,
   padding: 4px 5px 3px;
   border-radius: 0 0 6px 0;
 }
+.icon {
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  display: block;
+}
 /*# sourceMappingURL=common.css.map */
\ No newline at end of file
diff --git a/resources/common/common.less b/resources/common/common.less
index f6a59377..e7d17ed3 100644
--- a/resources/common/common.less
+++ b/resources/common/common.less
@@ -392,3 +392,10 @@ ul.cont-msg, .cont-footer ul {
     border-radius: 0 0 6px 0;
   }
 }
+
+.icon {
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  display: block;
+}
diff --git a/resources/meta-gs/weapon/catalyst/calc.js b/resources/meta-gs/weapon/catalyst/calc.js
index 98e88afd..bfd4119c 100644
--- a/resources/meta-gs/weapon/catalyst/calc.js
+++ b/resources/meta-gs/weapon/catalyst/calc.js
@@ -169,10 +169,10 @@ export default function (step, staticStep) {
         dmg: step(8)
       }
     }],
-    金流监督: [staticStep('atkPlus', 16), {
-      title: '攻击力提升[_atkPlus]%',
+    金流监督: [staticStep('atkPct', 16), {
+      title: '攻击力提升[_atkPct]%',
       refine: {
-        _atkPlus: step(16)
+        _atkPct: step(16)
       }
     }, {
       title: '满层下，普通攻击造成的伤害提升[aDmg]%，重击造成的伤害提升[a2Dmg]%',
diff --git a/resources/wiki/today-material.css b/resources/wiki/today-material.css
index 14293866..6e85edfa 100644
--- a/resources/wiki/today-material.css
+++ b/resources/wiki/today-material.css
@@ -45,19 +45,25 @@ body {
 }
 .city-cont {
   background: #fffa;
-  box-shadow: 1px 1px 5px 0 #aaaa;
-  border-radius: 10px;
+  box-shadow: 1px 1px 5px 0 #aaaa, 0 0 1px 0 #504c49;
+  border-radius: 20px;
   margin: 15px 5px 15px 0;
 }
-.ele_info {
+.cont-title {
   display: flex;
-  margin: 0 0 14px 0;
-  padding: 10px;
+  margin: 0 0 5px 0;
+  padding: 0 10px;
   position: relative;
   background: #d3bc8d75;
-  border-radius: 10px 10px 0 0;
+  border-radius: 20px 20px 0 0;
   flex-flow: row nowrap;
   justify-content: space-between;
+  overflow: visible;
+  border-bottom: 1px solid #504c4922;
+}
+.cont-title .area {
+  position: relative;
+  display: flex;
 }
 .tab-line {
   position: absolute;
@@ -68,18 +74,13 @@ body {
   background: #eae4db;
   width: 96%;
 }
-.ele_info .area {
-  position: relative;
-}
 .tab-item-icon {
   width: 36px;
   height: 36px;
-  position: absolute;
   background: #c3b6aa;
   z-index: 2;
+  margin: 7px 10px 7px 7px;
   border-radius: 50%;
-  left: 21px;
-  top: 7px;
 }
 .tab-item-left {
   background: url(data:image/png;base64,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);
@@ -120,8 +121,6 @@ body {
   font-size: 26px;
   height: 50px;
   line-height: 50px;
-  padding-left: 70px;
-  padding-right: 40px;
 }
 .ele_box {
   display: flex;
@@ -137,17 +136,17 @@ body {
   display: flex;
 }
 .ele_box .ele_img .img_item {
-  width: 50px;
-  height: 50px;
+  width: 40px;
+  height: 40px;
   background-image: url(./imgs/item-bg.png);
   background-size: 100%;
   background-repeat: no-repeat;
-  margin-right: 3px;
+  margin: 5px;
 }
-.ele_box .ele_img .img_item img {
-  padding: 4px;
-  width: 100%;
-  height: 100%;
+.ele_box .ele_img .img_item .icon {
+  width: 40px;
+  height: 40px;
+  margin: 0;
 }
 .item_box {
   display: flex;
@@ -179,17 +178,17 @@ body {
   /*filter: contrast(95%);*/
 }
 .talent {
-  height: 23px;
-  padding: 3px 3px;
+  height: 25px;
+  padding: 3px 3px 1px;
   display: flex;
   justify-content: center;
-  font-size: 16px;
+  font-size: 15px;
   color: #222;
 }
 .talent-item {
-  width: 20px;
-  height: 16px;
-  line-height: 17px;
+  width: 22px;
+  height: 18px;
+  line-height: 18px;
   margin: 0 3px;
   text-align: center;
   display: block;
@@ -199,6 +198,16 @@ body {
   border-radius: 3px;
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
 }
+.talent-item.talent-plus {
+  font-weight: bold;
+  color: #0284b9;
+  box-shadow: 0 0 2px 0 #0008;
+}
+.talent-item.talent-crown {
+  background: #d3bc8e;
+  color: #3a2702;
+  box-shadow: 0 0 2px 0 #000;
+}
 .bg5,
 .bg4 {
   width: 100%;
@@ -336,10 +345,13 @@ body {
 .weapon_box {
   display: flex;
   flex-wrap: wrap;
+  position: relative;
+  z-index: 1;
+  padding: 5px 0 0 6px;
 }
 .weapon_item {
   width: 68px;
-  margin: 0px 0 10px 12px;
+  margin: 5px 6px;
   position: relative;
 }
 .weapon_role_box {
@@ -461,7 +473,24 @@ body {
   right: -5px;
 }
 .disable {
+  position: relative;
   opacity: 0.7;
   filter: grayscale(40%);
 }
+.disable:after {
+  display: none;
+  content: "满";
+  position: absolute;
+  width: 22px;
+  height: 16px;
+  font-size: 12px;
+  top: 50%;
+  left: 50%;
+  margin: 0 0 0 -15px;
+  background: #ff5722;
+  color: #fff;
+  border-radius: 5px;
+  text-align: center;
+  line-height: 16px;
+}
 /*# sourceMappingURL=today-material.css.map */
\ No newline at end of file
diff --git a/resources/wiki/today-material.html b/resources/wiki/today-material.html
index acc75980..52375961 100644
--- a/resources/wiki/today-material.html
+++ b/resources/wiki/today-material.html
@@ -22,20 +22,17 @@
   {{if curr.data?.length>0}}
 
   <div class="city-cont">
-    <div class="ele_info">
+    <div class="cont-title">
       <div class="area">
         <img class="tab-item-icon" src="{{_res_path}}/common/item/{{cityData.city}}.png"/>
-        <div class="tab-item-left"></div>
-        <div class="tab-item-middle"></div>
         <div class="tab-item-text">{{cityData.city}}</div>
-        <div class="tab-item-right"></div>
       </div>
       <div class="ele_box">
         <div class="ele_name">{{curr.material?.name}}</div>
         <div class="ele_img">
           {{each curr.material?.icons icon}}
           <div class="img_item">
-            <img src="{{_res_path}}{{icon}}"/>
+            <span class="icon" style="background-image:url({{_res_path}}{{icon}})"></span>
           </div>
           {{/each}}
         </div>
@@ -46,7 +43,7 @@
     {{if type === 'talent' }}
     <div class="item_box">
       {{each curr.data char}}
-      <div class="item  {{char.isMax?'disable':''}}">
+      <div class="item  {{char.isMax?'disable':''}} avatar-card">
         <div class="role_box">
           {{ if char.cons>0}}
           <span class="life life{{char.cons}}"> {{char.cons}}命</span>
@@ -54,11 +51,10 @@
           <div class="bg{{char.star}}"></div>
           <img class="role_img" src="{{_res_path}}{{char.face}}"/>
           <div class="desc">Lv.{{char.level}}</div>
-          <!-- <div class="role_name">{{char.name}}</div> -->
         </div>
-        <div class="talent">
+        <div class="talent avatar-talent">
           {{each char.talent talent}}
-          <span class="talent-item">{{talent.level}}</span>
+          <span class="talent-item{{talent.original>=10?' talent-crown':''}}{{talent.level>talent.original?' talent-plus':''}}">{{talent.level}}</span>
           {{/each}}
         </div>
       </div>
@@ -95,5 +91,9 @@
 
 
 </div>
-<div class="explain">*根据你所拥有的角色查询今天可升天赋角色<br>*仅显现已装备的武器</div>
+<div class="explain">
+  * 根据你所拥有的角色查询今天可升天赋角色，仅显现已装备的武器 <br>
+  * 可通过【#练度统计】（需具备CK），或【#更新面板】更新本地缓存<br>
+  * 绑定CK用户也可通过【#刷新天赋】来强制更新天赋数据
+</div>
 {{/block}}
diff --git a/resources/wiki/today-material.less b/resources/wiki/today-material.less
index 0494fde8..358be5d8 100644
--- a/resources/wiki/today-material.less
+++ b/resources/wiki/today-material.less
@@ -47,20 +47,27 @@ body {
 
 .city-cont {
   background: #fffa;
-  box-shadow: 1px 1px 5px 0 #aaaa;
-  border-radius: 10px;
+  box-shadow: 1px 1px 5px 0 #aaaa, 0 0 1px 0 #504c49;
+  border-radius: 20px;
   margin: 15px 5px 15px 0;
 }
 
-.ele_info {
+.cont-title {
   display: flex;
-  margin: 0 0 14px 0;
-  padding: 10px;
+  margin: 0 0 5px 0;
+  padding: 0 10px;
   position: relative;
   background: #d3bc8d75;
-  border-radius: 10px 10px 0 0;
+  border-radius: 20px 20px 0 0;
   flex-flow: row nowrap;
   justify-content: space-between;
+  overflow: visible;
+  border-bottom: 1px solid #504c4922;
+
+  .area {
+    position: relative;
+    display: flex;
+  }
 }
 
 .tab-line {
@@ -73,19 +80,14 @@ body {
   width: 96%;
 }
 
-.ele_info .area {
-  position: relative;
-}
 
 .tab-item-icon {
   width: 36px;
   height: 36px;
-  position: absolute;
   background: #c3b6aa;
   z-index: 2;
+  margin: 7px 10px 7px 7px;
   border-radius: 50%;
-  left: 21px;
-  top: 7px;
 }
 
 .tab-item-left {
@@ -130,8 +132,6 @@ body {
   font-size: 26px;
   height: 50px;
   line-height: 50px;
-  padding-left: 70px;
-  padding-right: 40px;
 }
 
 .ele_box {
@@ -151,18 +151,18 @@ body {
 }
 
 .ele_box .ele_img .img_item {
-  width: 50px;
-  height: 50px;
+  width: 40px;
+  height: 40px;
   background-image: url(./imgs/item-bg.png);
   background-size: 100%;
   background-repeat: no-repeat;
-  margin-right: 3px;
-}
+  margin: 5px;
 
-.ele_box .ele_img .img_item img {
-  padding: 4px;
-  width: 100%;
-  height: 100%;
+  .icon {
+    width: 40px;
+    height: 40px;
+    margin: 0;
+  }
 }
 
 .item_box {
@@ -199,18 +199,18 @@ body {
 }
 
 .talent {
-  height: 23px;
-  padding: 3px 3px;
+  height: 25px;
+  padding: 3px 3px 1px;
   display: flex;
   justify-content: center;
-  font-size: 16px;
+  font-size: 15px;
   color: #222;
 }
 
 .talent-item {
-  width: 20px;
-  height: 16px;
-  line-height: 17px;
+  width: 22px;
+  height: 18px;
+  line-height: 18px;
   margin: 0 3px;
   text-align: center;
   display: block;
@@ -219,6 +219,18 @@ body {
   position: relative;
   border-radius: 3px;
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
+
+  &.talent-plus {
+    font-weight: bold;
+    color: #0284b9;
+    box-shadow: 0 0 2px 0 #0008;
+  }
+
+  &.talent-crown {
+    background: #d3bc8e;
+    color: #3a2702;
+    box-shadow: 0 0 2px 0 #000;
+  }
 }
 
 .bg5, .bg4 {
@@ -381,11 +393,14 @@ body {
 .weapon_box {
   display: flex;
   flex-wrap: wrap;
+  position: relative;
+  z-index: 1;
+  padding: 5px 0 0 6px;
 }
 
 .weapon_item {
   width: 68px;
-  margin: 0px 0 10px 12px;
+  margin: 5px 6px;
   position: relative;
 }
 
@@ -529,6 +544,25 @@ body {
 }
 
 .disable {
+  position: relative;
   opacity: 0.7;
-  filter: grayscale(40%)
+  filter: grayscale(40%);
+
+  &:after {
+    display: none;
+    content: "满";
+    position: absolute;
+    width: 22px;
+    height: 16px;
+    font-size: 12px;
+    top: 50%;
+    left: 50%;
+    margin: 0 0 0 -15px;
+    background: #ff5722;
+    color: #fff;
+    border-radius: 5px;
+    text-align: center;
+    line-height: 16px;
+  }
 }
+