/* 在线看代码的独立页面（Views/CodeFile/Index.cshtml）。全部挂在 .codefile_page 下面，不碰头尾。
 * 预览框里那几块（.code_preview_*）和文件树（#code_treeview）的样式在 common5.css，这里只管版式。 */
.codefile_page .codefile_crumb { font-size: 13px; color: #888; margin-bottom: 12px; overflow-wrap: anywhere; }
.codefile_page .codefile_crumb a { color: #2a9d4b; }
.codefile_page .codefile_crumb span { margin: 0 6px; color: #bbb; }
.codefile_page .codefile_crumb em { font-style: normal; color: #555; }

.codefile_page .codefile_layout { display: flex; gap: 16px; align-items: flex-start; }
.codefile_page .codefile_side { flex: 0 0 300px; background: #fff; padding: 14px; position: sticky; top: 12px;
    max-height: calc(100vh - 24px); overflow: auto; }
.codefile_page .codefile_main { flex: 1 1 auto; min-width: 0; }

.codefile_page .codefile_project { padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
.codefile_page .codefile_project_title { display: block; font-size: 15px; font-weight: bold; color: #333; line-height: 1.5; }
.codefile_page .codefile_project_links { margin-top: 8px; display: flex; gap: 8px; }
.codefile_page .codefile_project_links a { flex: 1; text-align: center; padding: 4px 0; border: 1px solid #2a9d4b; border-radius: 3px;
    color: #2a9d4b; font-size: 13px; text-decoration: none; }
.codefile_page .codefile_project_links a + a { background: #2a9d4b; color: #fff; }
/* 树在侧栏里铺满（详情页那一份是左右两栏、写死了宽度） */
.codefile_page #code_treeview { float: none; width: auto; }

.codefile_page .codefile_box { background: #fff; padding: 16px; }
.codefile_page .codefile_box .code_preview_path { font-size: 15px; font-weight: bold; margin: 0; }
.codefile_page .codefile_size { font-size: 12px; color: #999; }
/* 独立页面上代码区不限高：整页滚动，不在框里再套一层滚动条 */
.codefile_page .codefile_box .code_preview_pre { max-height: none; }
.codefile_page .codefile_empty { background: #fff; padding: 24px; }
.codefile_page .codefile_empty h1 { font-size: 18px; margin: 0 0 12px; }
.codefile_page .codefile_empty p { color: #555; line-height: 1.8; margin: 0 0 8px; }

@media (max-width: 760px) {
    .codefile_page .codefile_layout { flex-direction: column; }
    .codefile_page .codefile_side { position: static; flex: none; width: 100%; max-height: 360px; box-sizing: border-box; }
    .codefile_page .codefile_main { width: 100%; }
}