
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>文件浏览器 - sitemap.xml</title>

      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

      <script>
        (function() {
          const savedTheme = localStorage.getItem('theme');
          const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
          if (savedTheme === 'dark' || (!savedTheme && prefersDark)) {
            document.documentElement.setAttribute('data-theme', 'dark');
          } else {
            document.documentElement.setAttribute('data-theme', 'light');
          }
        })();
      </script>

      <style>
        :root {
          /* 浅色主题 */
          --bg-body: #f8f9fa; /* 更干净的灰白 */
          --bg-card: #ffffff;
          --text-main: #1f2937;
          --text-sub: #6b7280;
          --accent: #2563eb;
          --accent-hover: #1d4ed8;
          --border: #e5e7eb;
          --hover-bg: #f3f4f6;
          --icon-bg: #eff6ff;
          --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        }

        [data-theme="dark"] {
          /* 深色主题 */
          --bg-body: #111827;
          --bg-card: #1f2937;
          --text-main: #f9fafb;
          --text-sub: #9ca3af;
          --accent: #60a5fa;
          --accent-hover: #3b82f6;
          --border: #374151;
          --hover-bg: #374151;
          --icon-bg: #374151;
          --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
        }

        * { box-sizing: border-box; }

        body {
          /* 核心修改：字体栈优先使用 Inter，剔除默认 Windows 字体 */
          font-family: 'Inter', system-ui, -apple-system, sans-serif;
          background-color: var(--bg-body);
          color: var(--text-main);
          margin: 0;
          padding: 20px;
          transition: background-color 0.2s, color 0.2s;
          min-height: 100vh;
          -webkit-font-smoothing: antialiased; /* 让字体在 Mac/iOS 上更清晰 */
        }

        .container {
          max-width: 900px; /* 稍微收窄一点，增加精致感 */
          margin: 0 auto;
        }

        .header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20px;
          padding: 0 4px;
        }

        h1 { margin: 0; font-size: 1.25rem; font-weight: 600; letter-spacing: -0.025em; }

        .theme-btn {
          background: transparent;
          border: 1px solid var(--border);
          color: var(--text-main);
          width: 36px;
          height: 36px;
          border-radius: 8px;
          cursor: pointer;
          font-size: 1rem;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.2s;
        }
        .theme-btn:hover {
          background: var(--hover-bg);
          border-color: var(--text-sub);
        }

        .breadcrumbs {
          background: var(--bg-card);
          padding: 12px 16px;
          border-radius: 8px;
          box-shadow: var(--shadow);
          margin-bottom: 16px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          font-size: 0.9rem;
          border: 1px solid var(--border);
        }
        .bc-item {
          text-decoration: none;
          color: var(--text-sub);
          transition: color 0.2s;
          padding: 2px 6px;
          border-radius: 4px;
        }
        .bc-item:hover { color: var(--accent); background: var(--hover-bg); }
        .bc-item.home { font-size: 1.1em; margin-left: -4px;}
        .bc-item.current { color: var(--text-main); font-weight: 600; pointer-events: none; }
        .bc-sep { color: var(--border); margin: 0 4px; user-select: none; }

        .file-list {
          list-style: none;
          padding: 0;
          margin: 0;
          background: var(--bg-card);
          border-radius: 8px;
          box-shadow: var(--shadow);
          border: 1px solid var(--border);
          overflow: hidden;
        }

        /* 核心修改：单行布局，左右对齐 */
        .file-row {
          display: flex;
          align-items: center; /* 垂直居中 */
          justify-content: space-between; /* 关键：左右撑开 */
          padding: 10px 16px; /* 减少高度 */
          border-bottom: 1px solid var(--border);
          text-decoration: none;
          color: inherit;
          transition: background-color 0.1s;
          gap: 12px; /* 名字和大小之间的最小间距 */
        }

        .file-row:last-child { border-bottom: none; }
        .file-row:hover { background-color: var(--hover-bg); }

        /* 左侧：图标 + 文件名 */
        .file-main {
            display: flex;
            align-items: center;
            min-width: 0; /* 允许 flex 子项收缩 */
            flex-grow: 1;
        }

        .icon-box {
          width: 32px;
          height: 32px;
          background-color: var(--icon-bg);
          border-radius: 6px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
          margin-right: 12px;
          flex-shrink: 0;
        }

        .name {
          font-weight: 500;
          font-size: 0.95rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; /* 超出显示省略号 */
          color: var(--text-main);
        }

        /* 右侧：文件大小 */
        .meta {
          font-size: 0.85rem;
          color: var(--text-sub);
          /* 在这里添加一个明确的通用回退，确保中文部分走 system-ui */
          font-family: 'Inter', system-ui, sans-serif, monospace;
          font-feature-settings: "tnum";
          white-space: nowrap;
          flex-shrink: 0;
        }
        .folder-tag {
           font-size: 0.75rem;
           color: var(--text-sub);
           background: var(--hover-bg);
           padding: 2px 6px;
           border-radius: 4px;
        }

        @media (max-width: 600px) {
          body { padding: 12px; }
          .file-row { padding: 10px 12px; }
          .icon-box { margin-right: 10px; width: 28px; height: 28px; font-size: 1rem; }
          .name { font-size: 0.9rem; }
          .meta { font-size: 0.8rem; }
        }
      </style>
    </head>
    <body>
      <div class="container">
        <div class="header">
          <h1>文件浏览器</h1>
          <button id="theme-toggle" class="theme-btn" title="切换模式">
             <span id="theme-icon">🌙</span>
          </button>
        </div>

        <nav class="breadcrumbs">
          <a href="/" class="bc-item home" title="回到根目录">🏠</a><span class="bc-sep">/</span><span class="bc-item current">sitemap.xml</span>
        </nav>

        <div class="file-list">
    
        <a href="/" class="file-row">
            <div class="file-main">
                <div class="icon-box" style="background:transparent; border: 1px dashed var(--border); color: var(--text-sub)">🔙</div>
                <span class="name" style="color: var(--accent)">.. 返回上一级</span>
            </div>
        </a>
        
        </div>
      </div>

      <script>
        const btn = document.getElementById('theme-toggle');
        const icon = document.getElementById('theme-icon');
        const root = document.documentElement;

        function updateBtnText() {
            const isDark = root.getAttribute('data-theme') === 'dark';
            icon.textContent = isDark ? '☀️' : '🌙';
        }

        updateBtnText();

        btn.addEventListener('click', () => {
            const current = root.getAttribute('data-theme');
            const newTheme = current === 'dark' ? 'light' : 'dark';

            root.setAttribute('data-theme', newTheme);
            localStorage.setItem('theme', newTheme);
            updateBtnText();
        });
      </script>
    </body>
    </html>
    