diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0672a21..7264170 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,13 @@
- PC 选将 overlay 不再在顶栏头像下显示定位图标；仍保留网格「克/搭/补」与阵容分析条。
+## [0.6.6] - 2026-07-30
+
+### Changed
+
+- 英雄详情抽屉改为按 `#columns` 实测高度预留完整网格（含最后一排），剩余给抽屉；技能 Tab 不硬性规定高度，内容随抽屉 flex/滚动。
+- 技能演示视频在抽屉变矮时宽度随高度收缩，保持 16:9，避免左右黑边。
+
## [0.6.5] - 2026-07-30
### Changed
diff --git a/DESIGN.md b/DESIGN.md
index 2c55e13..f9ffb20 100644
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -233,9 +233,10 @@ components:
## Layout
桌面壳：顶栏固定高度区 + 可滚动 `main.board`；英雄页的英雄网格与固定高 `#detail`
-之间放置一行定位筛选。选中英雄后 `#detail` 使用共享固定高度：按视口预留顶栏 + 约 24% 英雄网格 +
-定位标签后取余，再 `clamp` 到约 `320–640px`（CSS 回退 `min(640px, calc(100dvh - 17.5rem))`），
-Tab 切换不跳动；技能演示与文案左右排布，长 Tab（走势/对位等）在详情区内滚动。
+之间放置一行定位筛选。选中英雄后 `#detail` 使用共享固定高度：按视口预留顶栏 + **完整** `#columns`
+英雄网格实测高度 + 定位标签后取余，再 `clamp` 到约 `280–640px`
+（CSS 回退 `min(640px, calc(100dvh - 26rem))`）。技能 Tab 不驱动抽屉高度，
+内容在抽屉内 flex/滚动；Tab 切换不跳动；长 Tab（走势/对位等）同理在详情区内滚动。
技能演示片源为官网 16:9；有横向空间时加宽（上限约 720px / 列宽 58%），
`aspect-ratio: 16/9` + `object-fit: contain`，勿用拉满高度的 `cover` 裁左右。
diff --git a/web/assets/streamer_avatars/xiaolu.jpg b/web/assets/streamer_avatars/xiaolu.jpg
new file mode 100644
index 0000000..349b183
Binary files /dev/null and b/web/assets/streamer_avatars/xiaolu.jpg differ
diff --git a/web/data/streamers.json b/web/data/streamers.json
index 7d37fba..cbc8dcd 100644
--- a/web/data/streamers.json
+++ b/web/data/streamers.json
@@ -580,6 +580,27 @@
"total_favorited": 842,
"avatar": "streamer_avatars/zhedaxiaoyuwang.jpg",
"profile_fetched_at": "2026-07-29T18:26:00+00:00"
+ },
+ {
+ "id": "xiaolu",
+ "platform": "douyin",
+ "profile_url": "https://v.douyin.com/wLV8LDRwC8k/",
+ "tagline": "科研小鹿",
+ "heroes": [
+ "enchantress"
+ ],
+ "nickname": "科颜熊",
+ "unique_id": "894277260",
+ "signature": "玩点不一样的dota 周更1～2期dota冷知识",
+ "following_count": 82,
+ "follower_count": 7263,
+ "total_favorited": 71000,
+ "avatar": "streamer_avatars/xiaolu.jpg",
+ "video": "streamer_videos/xiaolu.mp4",
+ "video_aspect": "544/960",
+ "video_fit": "cover",
+ "video_title": "【科研】冠绝游龙中单小鹿",
+ "profile_fetched_at": "2026-07-30T09:14:00+00:00"
}
]
}
diff --git a/web/export_relations_site.py b/web/export_relations_site.py
index 920f32a..9724112 100644
--- a/web/export_relations_site.py
+++ b/web/export_relations_site.py
@@ -56,7 +56,7 @@ from shared.paths import (
from seo_prerender import DEFAULT_SITE_ORIGIN, write_seo_bundle
from serve_relations import WEB_DIR, build_payload
-SITE_VERSION = "0.6.5"
+SITE_VERSION = "0.6.6"
DEFAULT_OSS_BASE = "https://climperor.oss-cn-shanghai.aliyuncs.com"
diff --git a/web/frontend/app.js b/web/frontend/app.js
index e6e14aa..09f2b12 100644
--- a/web/frontend/app.js
+++ b/web/frontend/app.js
@@ -414,6 +414,15 @@ function renderBoard() {
col.appendChild(grid);
root.appendChild(col);
}
+ // Filters change grid height; keep the open drawer from covering the last row.
+ if (
+ state.selectedKey &&
+ !detailDrawerClosing &&
+ !detailDrawerDrag &&
+ !$("#detail-drawer")?.classList.contains("is-collapsed")
+ ) {
+ applyDetailDrawerHeight();
+ }
}
function onHeroClick(key) {
@@ -447,23 +456,33 @@ let detailDrawerClosing = false;
/** Cap / floor for the in-flow hero detail drawer (px). */
const DETAIL_DRAWER_MAX_H = 640;
-const DETAIL_DRAWER_MIN_H = 320;
+const DETAIL_DRAWER_MIN_H = 280;
+
+/** Natural height of the attr hero grid (content-sized; not the clipped viewport). */
+function heroesGridContentHeight() {
+ const cols = $("#columns");
+ if (!cols) return 0;
+ const view = $("#heroes-view");
+ let pad = 0;
+ if (view) {
+ const cs = getComputedStyle(view);
+ pad = (parseFloat(cs.paddingTop) || 0) + (parseFloat(cs.paddingBottom) || 0);
+ }
+ // offsetHeight is the laid-out grid even when #heroes-view is overflow-clipped.
+ return Math.ceil(cols.offsetHeight + pad);
+}
/**
- * Height that leaves topbar + a usable hero-grid strip + role tags visible.
- * Prefer ~24% of the viewport for the grid; never steal the whole screen.
+ * Drawer height = leftover after topbar + full hero grid + role tags.
+ * Skills / other tabs flex+scroll inside; do not size the drawer for skill content.
*/
function detailDrawerTargetHeight() {
const vh = window.innerHeight || 800;
const topbar = document.querySelector(".topbar")?.offsetHeight || 60;
const toolbar = document.querySelector(".hero-role-toolbar")?.offsetHeight || 52;
- const chrome = topbar + toolbar;
- const heroPrefer = Math.round(vh * 0.24);
- const heroReserve = Math.min(
- Math.max(140, heroPrefer),
- Math.max(120, vh - chrome - DETAIL_DRAWER_MIN_H)
- );
- const available = vh - chrome - heroReserve;
+ const heroNeed = heroesGridContentHeight() || Math.round(vh * 0.36);
+ const gap = 8;
+ const available = vh - topbar - toolbar - heroNeed - gap;
return Math.max(DETAIL_DRAWER_MIN_H, Math.min(DETAIL_DRAWER_MAX_H, available));
}
diff --git a/web/frontend/config.js b/web/frontend/config.js
index 8405f1e..dbd3b46 100644
--- a/web/frontend/config.js
+++ b/web/frontend/config.js
@@ -1,5 +1,5 @@
/* Local defaults; production export overwrites via export_relations_site.py. */
-var SITE_VERSION = "0.6.5";
+var SITE_VERSION = "0.6.6";
var SITE_ORIGIN = "";
var ABILITY_VIDEO_BASE = "";
var STATIC_ASSET_BASE = "";
diff --git a/web/frontend/index.html b/web/frontend/index.html
index 64ac92d..a5a9529 100644
--- a/web/frontend/index.html
+++ b/web/frontend/index.html
@@ -43,8 +43,8 @@
}
-
-
+
+
DOTA2 上分帝
@@ -233,8 +233,8 @@
-
-
-
+
+
+