界面主题：5 套经典配色，按账号记住

系统设置里多一块「🎨 我的界面主题」，点卡片即时预览、保存后全站生效，不用重新登录。

- lib/theme.php（新增）：主题注册表 ticket/indigo/forest/wine/midnight，
  分别是「复古票根（暖橙，默认）/ 靛蓝 / 松林 / 绛红 / 暗夜（深色）」。
  currentThemeKey() 以 session 为准，session 里没有就从 admins.theme 补读一次
  —— 升级前就已经登录着的会话也能立刻用上自己账号存的主题。库里是脏值时回落默认主题。
- css/themes.css（新增）：5 套调色板，全部以 [data-theme="<key>"] 规则块给出，
  每套 16 个变量一个不少。**必须排在 css/style.css 之后加载**：两者优先级相同
  （都是 0,1,0），靠后出现者胜。另加 --primary-rgb（"R, G, B" 三元组），
  页面里的淡色底/光晕一律 rgba(var(--primary-rgb), α)，所以加一套主题只需动 CSS，
  页面与 JS 一行都不用改；每套还要声明 color-scheme，否则暗色主题下原生控件
  （日期选择器、下拉、滚动条）仍是刺眼的白底。
- css/style.css：:root 保留默认主题那一份作兜底；导航底色改走 --nav-bg，
  滚动条改走变量，按钮光晕改走 --primary-rgb。
- lib/db.php / lib/auth.php：admins 增列 theme（幂等 ALTER，老库自动补，空值 = 默认主题）；
  setAdminTheme() 校验 key、写库、同步 session。
- settings.php：主题卡片区。每张预览卡自己套一层 data-theme，用的就是那套主题真实的
  变量，因此「预览所见」与「换上去之后」必然一致，不必再抄一份色值；另有一小段 JS
  在点选时改 <html data-theme> 做即时预览（没脚本时选中后提交同样生效）。
- 14 个页面：<html> 上输出 data-theme，并在 style.css 之后引入 themes.css；
  内联样式里写死的橙色 rgba(230,126,34,…) 全部改走 rgba(var(--primary-rgb),…)；
  影院/观影人色板选中态的描边由 #333 改为 var(--text-primary)（暗色主题下才看得见）。
- annual_report.php：报告本身仍是深色「海报」版式，但点缀色跟随主题；
  Chart.js 画在 canvas 上读不到 CSS 变量，改为运行时从 <html> 的计算样式取色。

顺手修的两个坑：
1. 注释里**不能**出现 PHP 起止标签。PHP 的结束标签在 // 注释里同样会关闭 PHP 模式，
   之后若再出现短标签就会被真的执行 —— lib/theme.php 的用法说明里写了完整标签示例，
   导致该文件被 require 时直接 Fatal error、整站白屏，而 php -l 查不出来（只看语法）。
   现在部署脚本里加了一道静态断言专门挡这个。
2. themesCssLink() 的返回值末尾补一个换行：PHP 会吃掉结束标签后面那一个换行，
   不补的话渲染结果里这一行会和下一行黏成一行。

回归：theme_e2e 111/111（含老库自动补列、脏值回落、5 个选项渲染、切换后落库+落 session+
立刻生效、跨账号隔离、非法 key 与注入被拒、themes.css 完整性、:root 与 ticket 一致、
无残留写死主色、无悬空 CSS 变量）；reviews_e2e 84/84、fetch_movie 76/76、storage 196/196。
A/B 48 个响应：把「新增 head 行 / data-theme 属性 / 橙色→变量」三类等价替换归一化、
并把设置页新增区块整块删掉之后，**其余部分逐字节一致，零残留差异**。
线上 PHP 7.4.30 / 8.1.7 双版本冒烟全通过（迁移、5 套主题切换、跨账号隔离均验证，
写测试后已把 admin #1 的主题原样还原、其它账号一字未动）。

annual_report.php

@@ -31,12 +31,13 @@ $weekday_labels = ['周日','周一','周二','周三','周四','周五','周六
 $weekday_values = array_values($stats['weekday_distribution']);
 ?>
 <!DOCTYPE html>
-<html lang="zh-CN">
+<html lang="zh-CN"<?= themeAttr() ?>>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><?= $selected_year ?> 年度观影报告 - 电影日志</title>
     <link rel="stylesheet" href="css/style.css">
+    <?= themesCssLink() ?>
     <!-- Chart.js -->
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
     <style>
@@ -45,8 +46,10 @@ $weekday_values = array_values($stats['weekday_distribution']);
             --report-card: #1a1a2e;
             --report-text: #fffffe;
             --report-muted: #a7a9be;
-            --report-primary: #e67e22;
-            --report-secondary: #f39c12;
+            /* 年度报告本身是一套深色「海报」版式，底色固定不动；
+               点缀色跟随用户选的主题，这样蓝色主题下报告也是蓝的。 */
+            --report-primary: var(--primary);
+            --report-secondary: var(--primary-light);
         }
         body {
             background: var(--report-bg);
@@ -507,6 +510,24 @@ $weekday_values = array_values($stats['weekday_distribution']);
 
     <script>
         <?php if ($has_data): ?>
+        // Chart.js 画在 <canvas> 上，读不到 CSS 变量，必须先把当前主题的颜色值取出来。
+        // 从 <html> 的计算样式里读，用户在设置里换了主题，图表颜色就跟着变，
+        // 不用在 PHP 里再抄一份调色板。
+        function themeColor(name, fallback) {
+            var v = getComputedStyle(document.documentElement).getPropertyValue(name);
+            return (v || '').trim() || fallback;
+        }
+        function rgbTriplet(hex) {
+            var h = (hex || '').replace('#', '');
+            if (h.length === 3) { h = h[0] + h[0] + h[1] + h[1] + h[2] + h[2]; }
+            if (h.length !== 6) { return '230, 126, 34'; }
+            return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16)].join(', ');
+        }
+        var PRIMARY_HEX = themeColor('--primary', '#e67e22');
+        var PRIMARY_RGB = rgbTriplet(PRIMARY_HEX);
+        var LIGHT_HEX   = themeColor('--primary-light', '#f39c12');
+        var LIGHT_RGB   = rgbTriplet(LIGHT_HEX);
+
         // 月度图表
         const monthCtx = document.getElementById('monthChart').getContext('2d');
         new Chart(monthCtx, {
@@ -516,8 +537,8 @@ $weekday_values = array_values($stats['weekday_distribution']);
                 datasets: [{
                     label: '观影数量',
                     data: <?= json_encode($month_values) ?>,
-                    backgroundColor: 'rgba(230, 126, 34, 0.7)',
-                    borderColor: '#e67e22',
+                    backgroundColor: 'rgba(' + PRIMARY_RGB + ', 0.7)',
+                    borderColor: PRIMARY_HEX,
                     borderWidth: 1,
                     borderRadius: 4
                 }]
@@ -551,8 +572,8 @@ $weekday_values = array_values($stats['weekday_distribution']);
                 datasets: [{
                     label: '观影数量',
                     data: <?= json_encode($weekday_values) ?>,
-                    backgroundColor: 'rgba(243, 156, 18, 0.7)',
-                    borderColor: '#f39c12',
+                    backgroundColor: 'rgba(' + LIGHT_RGB + ', 0.7)',
+                    borderColor: LIGHT_HEX,
                     borderWidth: 1,
                     borderRadius: 4
                 }]