/* 由页面样式外提生成：内容为站点模板/页面局部样式，文件名取内容哈希，可长期强缓存 */
:root {
      --ink:#0b1f3a; --ink-2:#12294a; --teal:#2563eb; --teal-2:#1d4ed8; --teal-soft:#eef4ff;
      --gold:#0ea5e9; --gold-2:#38bdf8; --gold-soft:#e0f2fe;
      --paper:#f5f8fd; --card:#ffffff; --text:#1e2b3c; --muted:#6b7a90; --line:#e7ecf3;
      --serif: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.7; color: var(--text); background: var(--paper); -webkit-font-smoothing: antialiased; }
    a { color: inherit; text-decoration: none; }
    .container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
    header { background: #fff; border-bottom: 1px solid var(--line); }
    header .container { display: flex; align-items: center; justify-content: space-between; height: 64px; }
    .logo { display: flex; align-items: center; gap: 9px; font-family: var(--serif); font-size: 1.4em; font-weight: 800; color: var(--ink); letter-spacing: .5px; }
    .logo::before { content: ""; width: 10px; height: 22px; border-radius: 3px; background: linear-gradient(180deg,var(--gold-2),var(--gold)); }
    .search-box { display: flex; gap: 8px; margin: 28px 0 18px; }
    .search-box input { flex: 1; height: 46px; padding: 0 16px; border: 2px solid var(--teal); border-right: none; border-radius: 8px 0 0 8px; font-size: 1em; outline: none; }
    .search-box input:focus { box-shadow: 0 0 0 3px var(--teal-soft); }
    .search-box button { height: 46px; padding: 0 28px; border: none; border-radius: 0 8px 8px 0; background: var(--ink-2); color: #fff; font-size: 1em; cursor: pointer; }
    .search-box button:hover { background: var(--teal); }
    .status { color: var(--muted); font-size: 0.9em; margin-bottom: 14px; }
    .result { background: #fff; border-radius: 10px; padding: 14px 18px; margin-bottom: 10px; border: 1px solid var(--line); }
    .result:hover { border-color: var(--gold-2); box-shadow: 0 2px 10px rgba(16,32,64,.06); }
    .result h3 { font-family: var(--serif); font-size: 1.08em; color: var(--ink); margin-bottom: 4px; }
    .result p { color: var(--muted); font-size: 0.88em; }
    .result .meta { margin-top: 6px; font-size: 0.78em; color: var(--muted); display: flex; gap: 10px; }
    .tag { padding: 1px 8px; border-radius: 4px; color: #fff; font-size: 0.75em; }
    .tag.art { background: var(--teal); } .tag.prod { background: var(--gold); } .tag.site { background: var(--ink-2); }
    mark { background: var(--gold-soft); color: #8a5a1e; padding: 0 2px; border-radius: 3px; }
    footer { padding: 30px 0; text-align: center; color: var(--muted); font-size: 0.9em; border-top: 3px solid var(--gold); margin-top: 20px; }
    footer a { color: var(--teal); }
    footer a:hover { color: var(--gold); }