如何从不同分支/文件夹引入文件？CSS及Favicon链接失败求助

我尝试在位于不同文件夹的页面中，引入home文件夹下的CSS样式文件与favicon图标，但链接失败。我已使用../相对路径进行尝试，但仍无法正确关联文件，相关代码如下：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TheAlphaLeopard</title>
    <link rel="shortcut icon" type="image/x-icon" href="../home/imgs/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="../home/styles.css" />
</head>

仓库结构参考下图：

• 核对相对路径层级：打开浏览器开发者工具的「网络」面板，刷新页面后查看CSS和favicon的请求状态。如果显示404，说明路径层级不对——比如当前页面在xxx/yyy/这样的二级子文件夹里，就需要用../../home/styles.css这种多一层的退级路径。
• 改用根相对路径：直接以/开头指定路径，从网站根目录开始定位文件，这是最稳妥的方式，不用考虑页面所在层级：

  <link rel="shortcut icon" type="image/x-icon" href="/home/imgs/favicon.ico"/>
  <link rel="stylesheet" type="text/css" href="/home/styles.css" />
  

• 检查大小写一致性：部分服务器（如Linux环境）对文件名和文件夹名区分大小写，确认代码里的home、imgs、styles.css等名称和实际文件完全一致。

内容的提问来源于stack exchange，提问作者TheAlphaLeopard