koishi-plugin-dew-bot 1.0.200 → 1.0.204

package/lib/face/base.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/face/enums.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionOperator = exports.ConditionType = exports.effectKey = exports.defenseKey = exports.attackKey = exports.Attribute_base = exports.盲盒枚举 = exports.道具枚举 = exports.资源枚举 = exports.sort_type = exports.qualityGradient = exports.qualityName = exports.quality = exports.RankingType = exports.ItemType = exports.EquipAttType = exports.EffectClassType = exports.PassiveTriggerType = exports.SkillType = exports.TargetType = exports.LogType = void 0;
+// 日志类型
+var LogType;
+(function (LogType) {
+    LogType["\u4F24\u5BB3"] = "damage";
+    LogType["\u6CBB\u7597"] = "healing";
+    LogType["\u62A4\u76FE"] = "shield";
+})(LogType || (exports.LogType = LogType = {}));
+// 技能目标类型
+var TargetType;
+(function (TargetType) {
+    TargetType["\u6211\u65B9\u4E0D\u542B\u81EA\u5DF1"] = "ally";
+    TargetType["\u6211\u65B9"] = "ally_self";
+    TargetType["\u654C\u65B9"] = "enemy";
+    TargetType["\u81EA\u5DF1"] = "self";
+})(TargetType || (exports.TargetType = TargetType = {}));
+// 技能类型
+var SkillType;
+(function (SkillType) {
+    SkillType["\u4E3B\u52A8\u6280\u80FD"] = "\u4E3B\u52A8\u6280\u80FD";
+    SkillType["\u88AB\u52A8\u6280\u80FD"] = "\u88AB\u52A8\u6280\u80FD";
+    SkillType["\u5149\u73AF\u6280\u80FD"] = "\u5149\u73AF\u6280\u80FD";
+})(SkillType || (exports.SkillType = SkillType = {}));
+// 被动触发时机
+var PassiveTriggerType;
+(function (PassiveTriggerType) {
+    PassiveTriggerType["\u56DE\u5408\u7ED3\u675F\u65F6"] = "\u56DE\u5408\u7ED3\u675F\u65F6";
+    PassiveTriggerType["\u53D7\u5230\u4F24\u5BB3\u65F6"] = "\u53D7\u5230\u4F24\u5BB3\u65F6";
+    PassiveTriggerType["\u53D7\u5230\u666E\u901A\u653B\u51FB\u65F6"] = "\u53D7\u5230\u666E\u901A\u653B\u51FB\u65F6";
+})(PassiveTriggerType || (exports.PassiveTriggerType = PassiveTriggerType = {}));
+// 技能分类
+var EffectClassType;
+(function (EffectClassType) {
+    EffectClassType["\u653B\u51FB\u578B"] = "\u653B\u51FB\u578B";
+    EffectClassType["\u8F85\u52A9\u578B"] = "\u8F85\u52A9\u578B";
+    EffectClassType["\u9632\u5FA1\u578B"] = "\u9632\u5FA1\u578B";
+    EffectClassType["\u5DE5\u5177\u578B"] = "\u5DE5\u5177\u578B";
+    EffectClassType["\u5168\u80FD\u578B"] = "\u5168\u80FD\u578B";
+    EffectClassType["\u63A7\u5236\u578B"] = "\u63A7\u5236\u578B";
+    EffectClassType["\u56DE\u590D\u578B"] = "\u56DE\u590D\u578B";
+    EffectClassType["\u589E\u76CA\u578B"] = "\u589E\u76CA\u578B";
+    EffectClassType["\u51CF\u76CA\u578B"] = "\u51CF\u76CA\u578B";
+    EffectClassType["\u6CBB\u7597\u578B"] = "\u6CBB\u7597\u578B";
+})(EffectClassType || (exports.EffectClassType = EffectClassType = {}));
+var EquipAttType;
+(function (EquipAttType) {
+    EquipAttType["\u9B54\u6CD5\u4F20\u8BF4"] = "\u9B54\u6CD5\u4F20\u8BF4\u7C7B";
+    EquipAttType["\u79D1\u6280\u7C7B"] = "\u79D1\u6280\u7C7B";
+    EquipAttType["\u8F85\u52A9\u7C7B"] = "\u8F85\u52A9\u7C7B";
+    EquipAttType["\u5A31\u4E50\u7C7B"] = "\u5A31\u4E50\u7C7B";
+})(EquipAttType || (exports.EquipAttType = EquipAttType = {}));
+// RPG相关枚举迁移自index.ts和rpg/types/index.ts
+var ItemType;
+(function (ItemType) {
+    ItemType["\u8D44\u6E90"] = "prop_\u8D44\u6E90";
+    ItemType["\u88C5\u5907"] = "equipment";
+    ItemType["\u9053\u5177"] = "prop_\u9053\u5177";
+    ItemType["\u6280\u80FD\u4E66"] = "skill_book";
+    ItemType["\u5BA0\u7269\u86CB"] = "pet_egg";
+    ItemType["\u8840\u7EDF\u5377\u8F74"] = "talent_book";
+    ItemType["\u76F2\u76D2"] = "prop_\u76F2\u76D2";
+    ItemType["\u5F62\u8C61\u5361"] = "image_card";
+})(ItemType || (exports.ItemType = ItemType = {}));
+/**
+ * 排行榜类型
+ */
+var RankingType;
+(function (RankingType) {
+    RankingType["\u7B49\u7EA7"] = "\u7B49\u7EA7";
+    RankingType["\u91D1\u5E01"] = "\u91D1\u5E01";
+    RankingType["\u7B7E\u5230"] = "\u7B7E\u5230\u6B21\u6570";
+    RankingType["\u6218\u529B"] = "\u6218\u529B";
+})(RankingType || (exports.RankingType = RankingType = {}));
+var quality;
+(function (quality) {
+    quality[quality["F"] = 0] = "F";
+    quality[quality["D"] = 1] = "D";
+    quality[quality["C"] = 2] = "C";
+    quality[quality["B"] = 3] = "B";
+    quality[quality["A"] = 4] = "A";
+    quality[quality["S"] = 5] = "S";
+    quality[quality["SS"] = 6] = "SS";
+    quality[quality["SSS"] = 7] = "SSS";
+    quality[quality["SR"] = 8] = "SR";
+    quality[quality["SSR"] = 9] = "SSR";
+})(quality || (exports.quality = quality = {}));
+var qualityName;
+(function (qualityName) {
+    qualityName["F"] = "\u666E\u901A";
+    qualityName["D"] = "\u9AD8\u7EA7";
+    qualityName["C"] = "\u7A00\u6709";
+    qualityName["B"] = "\u795E\u5668";
+    qualityName["A"] = "\u53F2\u8BD7";
+    qualityName["S"] = "\u4F20\u8BF4";
+    qualityName["SS"] = "\u795E\u8BDD";
+    qualityName["SSS"] = "\u81F3\u5C0A";
+    qualityName["SR"] = "\u6C38\u6052";
+    qualityName["SSR"] = "\u592A\u521D";
+})(qualityName || (exports.qualityName = qualityName = {}));
+var qualityGradient;
+(function (qualityGradient) {
+    qualityGradient["F"] = "linear-gradient(to bottom, #C0C0C0, #808080)";
+    qualityGradient["D"] = "linear-gradient(to bottom, #8B4513, #654321)";
+    qualityGradient["C"] = "linear-gradient(to bottom, #32CD32, #228B22)";
+    qualityGradient["B"] = "linear-gradient(to bottom, #4169E1, #0000CD)";
+    qualityGradient["A"] = "linear-gradient(to bottom, #9370DB, #4B0082)";
+    qualityGradient["S"] = "linear-gradient(to bottom, #FFD700, #FFA500)";
+    qualityGradient["SS"] = "linear-gradient(to bottom, #FF4500, #DC143C)";
+    qualityGradient["SSS"] = "linear-gradient(to bottom, #FF1493, #C71585)";
+    qualityGradient["SR"] = "linear-gradient(to bottom, #00CED1, #008B8B)";
+    qualityGradient["SSR"] = "linear-gradient(to bottom, #FF69B4, #FF1493)";
+})(qualityGradient || (exports.qualityGradient = qualityGradient = {}));
+var sort_type;
+(function (sort_type) {
+    sort_type["time_up"] = "\u65F6\u95F4\u2191";
+    sort_type["time_down"] = "\u65F6\u95F4\u2193";
+    sort_type["price_down"] = "\u4EF7\u683C\u2193";
+    sort_type["price_up"] = "\u4EF7\u683C\u2191";
+    sort_type["quality_up"] = "\u54C1\u8D28\u2191";
+    sort_type["quality_down"] = "\u54C1\u8D28\u2193";
+    sort_type["count_up"] = "\u6570\u91CF\u2191";
+    sort_type["count_down"] = "\u6570\u91CF\u2193";
+})(sort_type || (exports.sort_type = sort_type = {}));
+var 资源枚举;
+(function (资源枚举) {
+    资源枚举["\u7ECF\u9A8C"] = "\u7ECF\u9A8C\u503C";
+    资源枚举["\u91D1\u5E01"] = "\u91D1\u5E01";
+    资源枚举["\u8840\u7EDF\u7ECF\u9A8C"] = "\u8840\u7EDF\u7ECF\u9A8C";
+})(资源枚举 || (exports.资源枚举 = 资源枚举 = {}));
+var 道具枚举;
+(function (道具枚举) {
+    道具枚举["\u6539\u540D\u5361"] = "1";
+    道具枚举["\u7CBE\u7075\u7403"] = "2";
+    道具枚举["\u590D\u6D3B\u5E01"] = "3";
+})(道具枚举 || (exports.道具枚举 = 道具枚举 = {}));
+var 盲盒枚举;
+(function (盲盒枚举) {
+    盲盒枚举["\u6D4B\u8BD5\u6B66\u5668"] = "3";
+})(盲盒枚举 || (exports.盲盒枚举 = 盲盒枚举 = {}));
+var Attribute_base;
+(function (Attribute_base) {
+    Attribute_base["\u7269\u7406\u653B\u51FB"] = "\u7269\u7406\u653B\u51FB";
+    Attribute_base["\u6700\u5927\u751F\u547D\u503C"] = "\u6700\u5927\u751F\u547D\u503C";
+    Attribute_base["\u751F\u547D\u6062\u590D"] = "\u751F\u547D\u6062\u590D";
+    Attribute_base["\u7269\u7406\u9632\u5FA1"] = "\u7269\u7406\u9632\u5FA1";
+    Attribute_base["\u9B54\u6CD5\u653B\u51FB"] = "\u9B54\u6CD5\u653B\u51FB";
+    Attribute_base["\u9B54\u6CD5\u9632\u5FA1"] = "\u9B54\u6CD5\u9632\u5FA1";
+    Attribute_base["\u7269\u7406\u7A7F\u900F"] = "\u7269\u7406\u7A7F\u900F";
+    Attribute_base["\u9B54\u6CD5\u7A7F\u900F"] = "\u9B54\u6CD5\u7A7F\u900F";
+    Attribute_base["\u66B4\u51FB\u7387"] = "\u66B4\u51FB\u7387";
+    Attribute_base["\u95EA\u907F\u7387"] = "\u95EA\u907F\u7387";
+    Attribute_base["\u9B54\u6CD5\u66B4\u51FB\u7387"] = "\u9B54\u6CD5\u66B4\u51FB\u7387";
+    Attribute_base["\u7269\u7406\u66B4\u51FB\u7387"] = "\u7269\u7406\u66B4\u51FB\u7387";
+    Attribute_base["\u6280\u80FD\u7F29\u51CF"] = "\u6280\u80FD\u7F29\u51CF";
+})(Attribute_base || (exports.Attribute_base = Attribute_base = {}));
+var attackKey;
+(function (attackKey) {
+    attackKey["\u666E\u901A\u653B\u51FB"] = "\u666E\u901A\u653B\u51FB";
+    attackKey["\u7269\u7406\u653B\u51FB"] = "\u7269\u7406\u653B\u51FB";
+    attackKey["\u9B54\u6CD5\u653B\u51FB"] = "\u9B54\u6CD5\u653B\u51FB";
+    attackKey["\u771F\u5B9E\u653B\u51FB"] = "\u771F\u5B9E\u653B\u51FB";
+    attackKey["\u6062\u590D\u751F\u547D"] = "\u6062\u590D\u751F\u547D";
+    attackKey["\u62A4\u76FE"] = "\u62A4\u76FE";
+})(attackKey || (exports.attackKey = attackKey = {}));
+var defenseKey;
+(function (defenseKey) {
+    defenseKey["\u7269\u7406\u9632\u5FA1"] = "\u7269\u7406\u9632\u5FA1";
+    defenseKey["\u9B54\u6CD5\u9632\u5FA1"] = "\u9B54\u6CD5\u9632\u5FA1";
+})(defenseKey || (exports.defenseKey = defenseKey = {}));
+var effectKey;
+(function (effectKey) {
+    effectKey["\u4F24\u5BB3\u7C7B_\u666E\u901A\u653B\u51FB"] = "\u4F24\u5BB3\u7C7B_\u666E\u901A\u653B\u51FB";
+    effectKey["\u4F24\u5BB3\u7C7B_\u7269\u7406\u4F24\u5BB3"] = "\u4F24\u5BB3\u7C7B_\u7269\u7406\u4F24\u5BB3";
+    effectKey["\u4F24\u5BB3\u7C7B_\u9B54\u6CD5\u4F24\u5BB3"] = "\u4F24\u5BB3\u7C7B_\u9B54\u6CD5\u4F24\u5BB3";
+    effectKey["\u4F24\u5BB3\u7C7B_\u771F\u5B9E\u4F24\u5BB3"] = "\u4F24\u5BB3\u7C7B_\u771F\u5B9E\u4F24\u5BB3";
+    effectKey["\u8F85\u52A9\u7C7B_\u751F\u547D\u56DE\u590D"] = "\u8F85\u52A9\u7C7B_\u751F\u547D\u56DE\u590D";
+    effectKey["\u8F85\u52A9\u7C7B_\u62A4\u76FE"] = "\u8F85\u52A9\u7C7B_\u62A4\u76FE";
+    effectKey["\u8F85\u52A9\u7C7B_\u5C5E\u6027\u63D0\u5347"] = "\u8F85\u52A9\u7C7B_\u5C5E\u6027\u63D0\u5347";
+    effectKey["\u5DE5\u5177\u7C7B_\u6DFB\u52A0buff"] = "\u6DFB\u52A0buff";
+})(effectKey || (exports.effectKey = effectKey = {}));
+var ConditionType;
+(function (ConditionType) {
+    ConditionType["\u751F\u547D\u503C\u767E\u5206\u6BD4"] = "\u751F\u547D\u503C\u767E\u5206\u6BD4";
+    ConditionType["\u751F\u547D\u503C\u7EDD\u5BF9\u503C"] = "\u751F\u547D\u503C\u7EDD\u5BF9\u503C";
+    ConditionType["\u56DE\u5408\u6570"] = "\u56DE\u5408\u6570";
+    ConditionType["\u6280\u80FD\u51B7\u5374"] = "\u6280\u80FD\u51B7\u5374";
+    ConditionType["\u76EE\u6807\u6570\u91CF"] = "\u76EE\u6807\u6570\u91CF";
+    ConditionType["\u81EA\u8EAB\u72B6\u6001"] = "\u81EA\u8EAB\u72B6\u6001";
+    ConditionType["\u654C\u65B9\u72B6\u6001"] = "\u654C\u65B9\u72B6\u6001";
+    ConditionType["\u968F\u673A\u6982\u7387"] = "\u968F\u673A\u6982\u7387";
+    ConditionType["\u5C5E\u6027\u503C"] = "\u5C5E\u6027\u503C";
+    ConditionType["\u59CB\u7EC8\u89E6\u53D1"] = "\u59CB\u7EC8\u89E6\u53D1";
+})(ConditionType || (exports.ConditionType = ConditionType = {}));
+var ConditionOperator;
+(function (ConditionOperator) {
+    ConditionOperator["\u5927\u4E8E"] = "\u5927\u4E8E";
+    ConditionOperator["\u5C0F\u4E8E"] = "\u5C0F\u4E8E";
+    ConditionOperator["\u7B49\u4E8E"] = "\u7B49\u4E8E";
+    ConditionOperator["\u5927\u4E8E\u7B49\u4E8E"] = "\u5927\u4E8E\u7B49\u4E8E";
+    ConditionOperator["\u5C0F\u4E8E\u7B49\u4E8E"] = "\u5C0F\u4E8E\u7B49\u4E8E";
+    ConditionOperator["\u4E0D\u7B49\u4E8E"] = "\u4E0D\u7B49\u4E8E";
+})(ConditionOperator || (exports.ConditionOperator = ConditionOperator = {}));

package/lib/face/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserLevel = void 0;
+var UserLevel;
+(function (UserLevel) {
+    UserLevel[UserLevel["\u73A9\u5BB6"] = 0] = "\u73A9\u5BB6";
+    UserLevel[UserLevel["\u8D5E\u52A9\u4F1A\u5458"] = 1] = "\u8D5E\u52A9\u4F1A\u5458";
+    UserLevel[UserLevel["\u7BA1\u7406\u5458"] = 2] = "\u7BA1\u7406\u5458";
+    UserLevel[UserLevel["\u5F00\u53D1\u8005"] = 3] = "\u5F00\u53D1\u8005";
+})(UserLevel || (exports.UserLevel = UserLevel = {}));

package/lib/html/css/ranking.css

@@ -1,245 +1,215 @@
-body {
-    margin: 0;
-    padding: 0;
-    width: 500px;
-    overflow: auto;
-    position: relative;
-    background: #232d23;
-    min-height: 500px;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-#app {
-    width: 95%;
-    margin: 10px auto;
-}
-
-.ranking-card {
-    background: #232d23;
-    border-radius: 12px;
-    border: none;
-    padding: 20px 0 20px 0;
-    position: relative;
-    overflow: visible;
-}
-
-/* 标题样式 */
-.ranking-title {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 20px;
-    padding: 0 20px;
-}
-
-.title-emoji {
-    font-size: 24px;
-    margin-right: 8px;
-    color: #ffd97a;
-}
-
-.title-text {
-    color: #ffd97a;
-    font-size: 18px;
-    font-weight: bold;
-}
-
-/* 表头样式 */
-.ranking-header {
-    display: flex;
-    background: #2a342a;
-    border-radius: 8px;
-    margin: 0 20px 15px 20px;
-    padding: 12px 15px;
-    border-left: 3px solid #4a8a4a;
-}
-
-.header-item {
-    color: #ffd97a;
-    font-weight: bold;
-    font-size: 14px;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.rank-col {
-    width: 60px;
-    flex-shrink: 0;
-}
-
-.player-col {
-    flex: 1;
-    text-align: left;
-    padding-left: 10px;
-}
-
-.score-col {
-    width: 80px;
-    flex-shrink: 0;
-    text-align: center;
-}
-
-/* 排行榜列表样式 */
-.ranking-list {
-    margin: 0 20px;
-}
-
-.ranking-item {
-    display: flex;
-    align-items: center;
-    background: #2a342a;
-    border-radius: 8px;
-    margin-bottom: 8px;
-    padding: 12px 15px;
-    border-left: 3px solid #4a8a4a;
-    transition: all 0.2s ease;
-}
-
-.ranking-item:hover {
-    background: #3a443a;
-    transform: translateX(2px);
-}
-
-.ranking-item.my-rank {
-    background: #4a8a4a;
-    border-left-color: #ffd97a;
-}
-
-.ranking-item.my-rank:hover {
-    background: #5a9a5a;
-}
-
-/* 排名样式 */
-.rank-number {
-    width: 30px;
-    height: 30px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: bold;
-    font-size: 14px;
-    color: #fff;
-}
-
-.rank-gold {
-    background: linear-gradient(135deg, #DAA520, #B8860B);
-    box-shadow: 0 2px 8px rgba(218, 165, 32, 0.3);
-    color: #fff;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-}
-
-.rank-silver {
-    background: linear-gradient(135deg, #C0C0C0, #A0A0A0);
-    box-shadow: 0 2px 8px rgba(192, 192, 192, 0.3);
-}
-
-.rank-bronze {
-    background: linear-gradient(135deg, #CD7F32, #A0522D);
-    box-shadow: 0 2px 8px rgba(205, 127, 50, 0.3);
-}
-
-.rank-normal {
-    background: linear-gradient(135deg, #4a8a4a, #3a7a3a);
-    box-shadow: 0 2px 8px rgba(74, 138, 74, 0.3);
-}
-
-/* 玩家信息样式 */
-.player-info {
-    display: flex;
-    align-items: center;
-    flex: 1;
-}
-
-.player-avatar {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    margin-right: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #fff;
-    border: 2px solid #4a8a4a;
-    overflow: hidden;
-    position: relative;
-}
-
-.avatar-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    border-radius: 50%;
-}
-
-.player-emoji {
-    font-size: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-}
-
-.player-name {
-    color: #e8fbe8;
-    font-weight: 500;
-    font-size: 14px;
-    max-width: 200px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-/* 分数样式 */
-.score-value {
-    color: #e8fbe8;
-    font-weight: bold;
-    font-size: 14px;
-    text-align: center;
-}
-
-/* 我的排名样式 */
-.my-rank-section {
-    margin-top: 15px;
-}
-
-.my-rank-divider {
-    height: 1px;
-    background: linear-gradient(to right, transparent, #4a8a4a, transparent);
-    margin: 10px 0;
-}
-
-.my-rank-item {
-    display: flex;
-    align-items: center;
-    background: #4a8a4a;
-    border-radius: 8px;
-    padding: 12px 15px;
-    border-left: 3px solid #ffd97a;
-    margin-top: 8px;
-}
-
-.rank-my {
-    background: linear-gradient(135deg, #DAA520, #B8860B);
-    box-shadow: 0 2px 8px rgba(218, 165, 32, 0.3);
-    color: #fff;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-}
-
-/* 响应式设计 */
-@media (max-width: 500px) {
-    .player-name {
-        max-width: 150px;
-    }
-    
-    .score-col {
-        width: 60px;
-    }
-    
-    .rank-col {
-        width: 50px;
-    }
+body {
+    margin: 0;
+    padding: 0;
+    width: 500px;
+    overflow: auto;
+    position: relative;
+    background: #232d23;
+    min-height: 500px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+#app {
+    width: 95%;
+    margin: 10px auto;
+}
+
+.ranking-card {
+    background: #232d23;
+    border-radius: 12px;
+    border: none;
+    padding: 20px 0 20px 0;
+    position: relative;
+    overflow: visible;
+}
+
+/* 标题样式 */
+.ranking-title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    padding: 0 20px;
+}
+
+.title-emoji {
+    font-size: 24px;
+    margin-right: 8px;
+    color: #ffd97a;
+}
+
+.title-text {
+    color: #ffd97a;
+    font-size: 18px;
+    font-weight: bold;
+}
+
+/* 表头样式 */
+.ranking-header {
+    display: flex;
+    background: #2a342a;
+    border-radius: 8px;
+    margin: 0 20px 15px 20px;
+    padding: 12px 15px;
+    border-left: 3px solid #4a8a4a;
+}
+
+.header-item {
+    color: #ffd97a;
+    font-weight: bold;
+    font-size: 14px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.rank-col {
+    width: 60px;
+    flex-shrink: 0;
+}
+
+.player-col {
+    flex: 1;
+    text-align: left;
+    padding-left: 10px;
+}
+
+.score-col {
+    width: 80px;
+    flex-shrink: 0;
+    text-align: center;
+}
+
+/* 排行榜列表样式 */
+.ranking-list {
+    margin: 0 20px;
+}
+
+.ranking-item {
+    display: flex;
+    align-items: center;
+    background: #2a342a;
+    border-radius: 8px;
+    margin-bottom: 8px;
+    padding: 12px 15px;
+    border-left: 3px solid #4a8a4a;
+    transition: all 0.2s ease;
+}
+
+.ranking-item:hover {
+    background: #3a443a;
+    transform: translateX(2px);
+}
+
+.ranking-item.my-rank {
+    background: #4a8a4a;
+    border-left-color: #ffd97a;
+}
+
+.ranking-item.my-rank:hover {
+    background: #5a9a5a;
+}
+
+/* 排名样式 */
+.rank-number {
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
+    font-size: 14px;
+    color: #fff;
+}
+
+.rank-gold {
+    background: linear-gradient(135deg, #DAA520, #B8860B);
+    box-shadow: 0 2px 8px rgba(218, 165, 32, 0.3);
+    color: #fff;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.rank-silver {
+    background: linear-gradient(135deg, #C0C0C0, #A0A0A0);
+    box-shadow: 0 2px 8px rgba(192, 192, 192, 0.3);
+}
+
+.rank-bronze {
+    background: linear-gradient(135deg, #CD7F32, #A0522D);
+    box-shadow: 0 2px 8px rgba(205, 127, 50, 0.3);
+}
+
+.rank-normal {
+    background: linear-gradient(135deg, #4a8a4a, #3a7a3a);
+    box-shadow: 0 2px 8px rgba(74, 138, 74, 0.3);
+}
+
+/* 玩家信息样式 */
+.player-info {
+    display: flex;
+    align-items: center;
+    flex: 1;
+}
+
+.player-name {
+    color: #e8fbe8;
+    font-weight: 500;
+    font-size: 14px;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/* 分数样式 */
+.score-value {
+    color: #e8fbe8;
+    font-weight: bold;
+    font-size: 14px;
+    text-align: center;
+}
+
+/* 我的排名样式 */
+.my-rank-section {
+    margin-top: 15px;
+}
+
+.my-rank-divider {
+    height: 1px;
+    background: linear-gradient(to right, transparent, #4a8a4a, transparent);
+    margin: 10px 0;
+}
+
+.my-rank-item {
+    display: flex;
+    align-items: center;
+    background: #4a8a4a;
+    border-radius: 8px;
+    padding: 12px 15px;
+    border-left: 3px solid #ffd97a;
+    margin-top: 8px;
+}
+
+.rank-my {
+    background: linear-gradient(135deg, #DAA520, #B8860B);
+    box-shadow: 0 2px 8px rgba(218, 165, 32, 0.3);
+    color: #fff;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+/* 响应式设计 */
+@media (max-width: 500px) {
+    .player-name {
+        max-width: 150px;
+    }
+    
+    .score-col {
+        width: 60px;
+    }
+    
+    .rank-col {
+        width: 50px;
+    }
 }