diff --git a/articles/notes/work.md b/articles/notes/work.md
index 765c5ba..b299cf9 100644
--- a/articles/notes/work.md
+++ b/articles/notes/work.md
@@ -3,6 +3,12 @@
 ## 方案页面
 
 - 2024-7-25 游离根 跟着 颌骨显示
+### CT
+
+- 大平台通过一个接口来显示控制
+- 企业版，返回字段有rootBone就显示
+
+
 
 ## 快速目标位
 
diff --git a/cg/dental/night.guard.md b/cg/dental/night.guard.md
new file mode 100644
index 0000000..0898eaf
--- /dev/null
+++ b/cg/dental/night.guard.md
@@ -0,0 +1,24 @@
+# Night Guard
+
+Night Guard可以治疗磨牙、下巴不适、头痛和睡眠问题等特定疾病。
+
+Night Guard是一种口腔保护器，可以覆盖牙齿的咬合表面。Night Guard是它最常使用的名称，还可以称作护齿器、咬合护罩、咬合夹板、牙科护齿器、夜间咬合板等。
+
+Night Guard通常分上颌和下颌，具体使用哪款，取决于患者病情的严重程度。
+
+## 种类
+颞下颌关节疾病（连接颌骨和颅骨的滑动铰链功能障碍）的患者需要硬质的Night Guard。它们由一种非柔韧的刚性丙烯酸材料热成型，可将夹板保持在适当的位置，并将牙齿保持在正确的位置。坚固的夜间防护装置为最严重的牙齿咬牙和磨牙症提供保护。
+
+柔软的Night Guard是大多数轻微的咬牙和磨牙症病例的最佳选择。它们佩戴舒适，可有效治疗下巴疼痛、酸痛和头痛等疾病。
+
+## 功能
+Night Guard是修复的关键
+修复体是复杂而昂贵的程序，对牙齿健康至关重要。Night Guard确保这项工作是持久的，防止了治疗后期的不良趋势，并减少了随着时间的推移进行修复的需要。对患者的好处是，Night Guard是他们护理的一种具有成本效益的预防性补充。
+
+Night Guard是一种多用途工具
+Night Guard可以帮助缓解许多健康问题，包括睡眠困难、偏头痛、头痛、下巴疼痛问题和夜间充血。咬牙和磨牙通常是这些疾病背后的罪魁祸首， 而Night Guard可以产生显着影响，从而显着改善舒适度和整体健康状况。
+
+## 权衡
+
+在材料方面，牙医了解并熟悉软、硬两种质地，质地的选择伴随着不可避免的权衡。与硬质Night Guard相比，软质Night Guard更舒适，但不能有效承受力，并且更需要更换。但软质的柔韧会让患者更倾向握紧和咀嚼。
+
diff --git a/cg/dental/tooth.md b/cg/dental/tooth.md
index 399dd20..e63d6bf 100644
--- a/cg/dental/tooth.md
+++ b/cg/dental/tooth.md
@@ -13,4 +13,11 @@
     - Z轴：垂直于牙槽嵴平面，通常代表牙齿的垂直移动方向（如伸长或压低）
     - X轴：平行于牙槽嵴平面，代表牙齿的近远中移动方向（如向前或向后移动）
     - Y轴：垂直于X轴和Z轴，代表牙齿的颊舌向移动（如唇向或舌向移动）
-    
\ No newline at end of file
+    
+## 美学
+
+- [前牙美学标准](https://mp.weixin.qq.com/s/BWKfHP8vAqO-QeATLjYyeA)
+
+## JawBone
+
+- [Human Jawbones Collection Yellow参考，有纹理的渲染效果](https://www.turbosquid.com/3d-models/3d-model-human-jawbones-collection-yellow-4-models-1752186)
\ No newline at end of file
diff --git a/cg/geometry.md b/cg/geometry.md
index b5d580a..b6fe213 100644
--- a/cg/geometry.md
+++ b/cg/geometry.md
@@ -22,5 +22,6 @@
     - [计算几何第四周：维诺图](https://zhuanlan.zhihu.com/p/33896575)
     - [Lattice学习笔记01：格的简介](https://zhuanlan.zhihu.com/p/161411204)
 - [How to make an infinite grid无限网格](http://asliceofrendering.com/scene%20helper/2020/01/05/InfiniteGrid/)
+- [Geometric Deep Learning for Computer-Aided Design: A Survey探讨了大数据模型下的CAD](https://arxiv.org/abs/2402.17695)
 
 - [Macad|3D is a free and open-source 3D construction program which implements easy-to-handle workflows specific to the model making hobbyist. Macad|3D is mainly based on the technologies .Net, C#, C++/CLI and OpenCASCADE Technology (OCCT). ](https://github.com/Macad3D/Macad3D)
\ No newline at end of file
diff --git a/cg/lighting/light.md b/cg/lighting/light.md
new file mode 100644
index 0000000..b3e37a4
--- /dev/null
+++ b/cg/lighting/light.md
@@ -0,0 +1,12 @@
+# Light灯光
+
+## PointLight
+
+PointLight是一种从特定点向所有方向发射光线的光源类型，类似于现实生活中的白炽灯
+
+点光源的数学原理主要涉及到光线的发射、衰减以及对场景中物体的照明效果
+
+点光源的数学模型通常基于光的发射和衰减原理，其中光线的衰减可以通过反平方定律（inverse square law）来描述，即光的强度与距离的平方成反比。
+- 距离（distance）：点光源有一个影响范围，即distance属性，它定义了点光源可以照射多远。如果物体距离点光源超过这个距离，将不会受到点光源的影响
+- 衰减（decay）：点光源的衰减属性定义了光线随着距离增加而减弱的速率。衰减度的值可以设置为1或2，其中2可以模拟现实中的光照衰减效果
+- 阴影（shadows）：点光源可以产生阴影，为场景中的物体增加逼真的阴影效果。要启用点光源的阴影功能，需要将castShadow属性设置为true，并为场景中的接收阴影的物体设置receiveShadow属性为true
diff --git a/cg/threejs/index.md b/cg/threejs/index.md
index 15c7ba9..7470a0f 100644
--- a/cg/threejs/index.md
+++ b/cg/threejs/index.md
@@ -4,14 +4,17 @@
 - [乱记](/cg/threejs/threejs.md)
 - [Bump map](/cg/threejs/bumpmap.md)
 - [RayCaster](/cg/threejs/raycaster.md)
-- [Loader细节](/cg/threejs/loader.md)
+- [模型-导入-导出](/cg/threejs/model.md)
 - [Grid实现](/cg/threejs/grid.md)
 - [shader](/cg/threejs/shader.md)
 - [material材质](/cg/threejs/material.md)
+- [灯光](/cg/lighting/light.md)
 - [数学相关](/cg/threejs/math.md)
+- [灯光](/cg/tools/camera.md)
 
 ## 参考
 
+- [退火算法的模拟](https://github.com/algorithmx/WiresSA/blob/main/wires.html)
 - [模拟的原神启动](https://github.com/gamemcu/www-genshin)
     - [其官网显示“我们致力于创造令人惊叹的用户体验”， 目前看到其B站上的效果真的很amazing](https://gamemcu.com/)
 - [一个模拟PC桌面的个人网站,可以参考](https://henryheffernan.com/)
@@ -23,3 +26,18 @@
 - [THREE.js rendering order渲染顺序](https://segmentfault.com/a/1190000041221932/en)
 - [A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features. ](https://github.com/lmj01/camera-controls)
 
+### threejs discourse
+- [perlin noise v2,效果看起来非常舒服](https://codepen.io/vcomics/pen/RwQgXzv)
+- [Shaky / Jumpy - Camera Interpolation Along Curve](https://discourse.threejs.org/t/shaky-jumpy-camera-interpolation-along-curve/52278/2)
+    - [Extruded tube with holes相机跟着视角变化，钻洞的效果](https://codepen.io/boytchev/pen/poxpGZN)
+    
+
+### 成熟的框架
+
+- [3D framework for Svelte ](https://github.com/threlte/threlte)
+
+- [A React renderer for Three.js ](https://github.com/pmndrs/react-three-fiber)
+    - [three.js example里面的封装](https://github.com/pmndrs/three-stdlib)
+    
+- [Web framework for building virtual reality experiences. ](https://github.com/aframevr/aframe)
+    - [github super-three的定制版](https://github.com/supermedium/three.js)
diff --git a/cg/threejs/loader.md b/cg/threejs/loader.md
deleted file mode 100644
index da17f34..0000000
--- a/cg/threejs/loader.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# 数据加载
-
-## Loader
-相对路径为src\loaders\Loader.js，LoadingManager两个类管理封装了基础接口
-继承的加载器需要实现两个接口，一个是请求，一个是解析
-```js
-XXXLoader extends Loader {
-    load(url, onLoad, onProgress, onError) {
-
-    }
-    parse(data) {
-
-    }
-}
-```
-LoadingManager是一个独立封装的，类似一个函数，全部在constructor中实现，至少用了class的语法
-
-
diff --git a/cg/threejs/material.md b/cg/threejs/material.md
index 83ab5b1..6b68b9d 100644
--- a/cg/threejs/material.md
+++ b/cg/threejs/material.md
@@ -4,6 +4,11 @@
 
 ## linear workflow
 
+是指any sRGB input colors (as found in most textures, color pickers, CSS, and HTML) are converted from sRGB to a linear working color space for rendering, and the rendered image is converted back to sRGB for display，即输入的sRGB要转换为线性的方便渲染，渲染后的图像要转换回sRGB给显示。
+
+- 在引起内部的计算都是线性的，输入的sRGB需要转线性
+- 渲染后的图像，输出时都是sRGB的，便于格式的交换和显示
+
 在r152中引入这个概念，
 
 - [The Importance of Being Linear](https://developer.nvidia.com/gpugems/gpugems3/part-iv-image-effects/chapter-24-importance-being-linear)
@@ -12,6 +17,7 @@
 - [Shadow and color problems going from v64 to v161](https://discourse.threejs.org/t/shadow-and-color-problems-going-from-v64-to-v161/61640)
 
 
+
 ```js
 ```
 
diff --git a/cg/threejs/model.md b/cg/threejs/model.md
new file mode 100644
index 0000000..fbe19a4
--- /dev/null
+++ b/cg/threejs/model.md
@@ -0,0 +1,42 @@
+# 数据加载
+
+## 导入
+
+- Loader
+
+相对路径为src\loaders\Loader.js，LoadingManager两个类管理封装了基础接口
+继承的加载器需要实现两个接口，一个是请求，一个是解析
+```js
+XXXLoader extends Loader {
+    load(url, onLoad, onProgress, onError) {
+
+    }
+    parse(data) {
+
+    }
+}
+```
+LoadingManager是一个独立封装的，类似一个函数，全部在constructor中实现，至少用了class的语法
+
+## 导出
+
+### JSON
+导出当前内存的对象为JSON文件
+```js
+/**
+ * 使用方法，传入
+ * str JSON.stringify(scene.toJSON())
+ */
+(function(str, type, filename){
+    const encode = new TextEncoder();
+    const blob = new Blob([encode.encode(str)]);
+    const url = window.URL.createObjectURL(blob, {type: type || 'application/octet-stream'});
+    const tagA = document.createElement('a');
+    tagA.href = url;
+    tagA.download = filename || 'raw.dat';
+    tagA.click();
+    window.URL.revokeObjectURL(url);
+})();
+```
+
+
diff --git a/cg/threejs/use.md b/cg/threejs/use.md
index 84205c8..b1978a9 100644
--- a/cg/threejs/use.md
+++ b/cg/threejs/use.md
@@ -1,12 +1,35 @@
 # 问题集
 
-## 2024-8-6
+## render view with offset
+
+2024-8-16
+
+一直知道可以一个画布可以绘制多个区域，每个区域还能配置各种的内容。但是如何实现的一直没有让我明白透彻！
+
+在multiple views例子中，注意bottom是从下往上设置的
+
+## grid with plane
+
+2024-8-6
 
 看到的grid绘制，但是不是使用threejs自带的控制器，这些控制器不是改变物体，而是改变camera的位置和朝向。
 
 这样使用多个renderTarget来合成单个图像，就存在一个显示问题，鼠标操作的应该是object对象的移动，而不是camera的移动。
 
-## 2024-7-30
+## camera
+
+### light
+
+2024-8-27
+
+- pointLight跟着camera走，就是把执行add到camera中，并执行camera.updateMatrixWorld()更新
+- 但camera必须也在scene中，scene.add(camera)，不加进去也不会有灯光效果
+    - 此时的control居然不卡顿啦！
+- [Adding Controls to each element](https://threejs.org/manual/?q=canvase#en/multiple-scenes) 这里说明了加入scene.add(camera), camera.add(light)的目的，就是为了跟着视角走，确保视角正向就是就是光照的方向
+
+### perspective & orthographic camera switch
+
+2024-7-30
 
 正交与透视camera的切换，且场景的大小不能改变！
 之前项目中的代码看不出什么逻辑上的设置，现在就是从透视到正交切换时，缩放差异很大，
@@ -28,13 +51,13 @@ camera的近远曲线的趋势。
 ![投影切换](/images/cg/switch-persp-ortho.png "Switch persp to ortho and ortho to persp")
 ![log graph](/images/cg/desmos-graph-log.svg "log graph")
 
-## 2024-7-19
+## flickering
 
 接手公司项目时，使用他们的代码拷贝过来，产生了一个问题，就是渲染时牙龈边沿处的跳动。
 
 牙龈根据牙齿数据来生成，目前存在牙龈穿过牙齿的现象。
 
-### flickering 
+### 2024-7-19
 
 渲染边沿出现跳动flicker的现象通常由几个常见的原因组成
 - z-fighting, 是webgl常见的问题，当两个表面或多个表面非常接近时，它们的深度值可能会重叠，导致在渲染时不知道切换那个表面,可以增加一个偏移来避免
diff --git a/cg/tools/camera.md b/cg/tools/camera.md
new file mode 100644
index 0000000..aff09b0
--- /dev/null
+++ b/cg/tools/camera.md
@@ -0,0 +1,27 @@
+# Camera
+
+
+## 插值
+
+要实现缩放动画并应用插值，修改camera的以下属性值，并逐步更新这些值就形成了动画的缩放
+- fov（视场角，对于透视相机
+- zoom（缩放级别，对于正交相机）属性
+
+- Zooming and changing the FOV is the same thing, but they are very different to getting near/far. 
+
+## dolly zoom
+What is the dolly zoom? Also known as the contra zoom or Vertigo shot (as it was first used to magnificent effect by Alfred Hitchcock in his 1958 thriller film Vertigo), the dolly zoom is a camera movement that's quick yet effective at disorienting viewers.
+
+Dolly-Zoom，也被称为“Vertigo effect”或“zolly”，是一种电影拍摄技巧，通过同时进行推拉镜头和改变镜头焦距来保持画面中主体的尺寸不变，从而在背景上产生一种扭曲的视觉效果，这种效果可以创造出一种令人迷惑的感觉。这种技术经常被用来在视觉上表现角色的心理状态，比如突然的领悟、震惊或恐惧感
+
+Dolly-Zoom一般分为两种类型：
+
+- 外退内进（Dolly-out & Zoom-in）：摄像机往后退，同时焦距往前进，使得背景看起来逐渐变大，而主体大小保持不变。
+- 外进内退（Dolly-in & Zoom-out）：摄像机往前进，同时焦距往后退，使得背景看起来逐渐变小，同样主体大小保持不变。
+
+
+实现Dolly-Zoom效果，需要保存开始缩放时物体位置处的frustum高度，然后随着相机的移动，找到新的距离，并调整FOV以保持物体在物体位置处的相同高度，这样就可以实现Dolly-Zoom效果
+
+## 参考
+
+- [The Dolly Zoom Effect, Explained (And 7 Examples in Movies)](https://whatnerd.com/contra-zoom-film-technique-explained-examples/)
\ No newline at end of file
diff --git a/cg/tools/curve.md b/cg/tools/curve.md
index 85a6fbd..7ab8a1a 100644
--- a/cg/tools/curve.md
+++ b/cg/tools/curve.md
@@ -54,4 +54,8 @@ Catmull-Rom样条线是由四个控制点p0,p1,p2,p3定义的插值样条曲线
 
 [Physically-Based Facial Modeling, Analysis, and Animation](https://web.cs.ucla.edu/~dt/papers/vca90/vca90.pdf)
 
-- [Implementation of my HPG2020 paper: Quadratic Approximation of Cubic Curves ](https://github.com/ttnghia/QuadraticApproximation)
\ No newline at end of file
+- [Implementation of my HPG2020 paper: Quadratic Approximation of Cubic Curves ](https://github.com/ttnghia/QuadraticApproximation)
+
+- [Modeling 3D Curves of Minimal Energy荷兰埃因霍芬理工大学的Veltkamp与Wesselink]()
+    - [基于最小能量理论的曲线构造](https://mp.weixin.qq.com/s/UI6xDWl3g5Yik3HkhCtQ5Q)
+- [能量优化法曲线拟合](https://mp.weixin.qq.com/s/5crb2OO-_WruPMmDy0aXhg)
\ No newline at end of file
diff --git a/cg/tools/webgl.md b/cg/tools/webgl.md
index 637bb06..6c9642d 100644
--- a/cg/tools/webgl.md
+++ b/cg/tools/webgl.md
@@ -9,4 +9,9 @@
 
 ## [WebGL API](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API)
 
-[Rendering algorithms implemented in raw WebGL 2](https://github.com/tsherif/webgl2examples)
\ No newline at end of file
+[Rendering algorithms implemented in raw WebGL 2](https://github.com/tsherif/webgl2examples)
+
+## 参考
+
+- [Rendering & Art](http://www.artvily.com/)
+    - [github voxweb3d High Performence WebGL 3D Engine System(Env: PC/Mobile) ](https://github.com/vilyLei/voxweb3d)
\ No newline at end of file
diff --git a/cg/ui.md b/cg/ui.md
index 378fcab..5f1d546 100644
--- a/cg/ui.md
+++ b/cg/ui.md
@@ -7,3 +7,7 @@
 - [IUP is a multi-platform toolkit for building graphical user interfaces. It offers a simple API in three basic languages: C, Lua and LED. IUP's purpose is to allow a program source code to be compiled in different systems without any modification.](https://www.tecgraf.puc-rio.br/iup/)
 - [Nuklear is a minimal-state, immediate-mode graphical user interface toolkit written in ANSI C and licensed under public domain. It was designed as a simple embeddable user interface for application and does not have any dependencies, a default render backend or OS window/input handling but instead provides a highly modular, library-based approach, with simple input state for input and draw commands describing primitive shapes as output.](https://github.com/Immediate-Mode-UI/Nuklear)
 - [CopperSpice is a set of individual libraries which can be used to develop cross platform software applications in C++.](../cg/library/copperspice.md)
+
+## JS
+
+- [Compact GUI for fine-tuning parameters and monitoring value changes 比dat.GUI更舒服的库](https://github.com/cocopon/tweakpane)
\ No newline at end of file
diff --git a/cpl/js/lmj.js b/cpl/js/lmj.js
index 0b4388d..41fcded 100644
--- a/cpl/js/lmj.js
+++ b/cpl/js/lmj.js
@@ -1,3 +1,4 @@
+// 2024-8-20
 const q2in2024 = {
     p: [
         0.15,
@@ -83,4 +84,5 @@ function toScroe(data) {
     }, 0)
 }
 
+// total --  [ 85.5, 78.5, 69.25999999999999 ]
 console.log('total -- ', arrayList.map(e=>toScroe(e)));
\ No newline at end of file
diff --git a/exercises/book-info.md b/exercises/book-info.md
new file mode 100644
index 0000000..070116d
--- /dev/null
+++ b/exercises/book-info.md
@@ -0,0 +1,24 @@
+# Book-Info
+
+- [物理科学和技术中使用的数学符号](https://std.samr.gov.cn/gb/search/gbDetailed?id=71F772D812E4D3A7E05397BE0A0AB82A)
+    - [pdf](https://journal.cricaas.com.cn/attached/file/20210517/20210517161953_566.pdf)
+
+## 线性代数
+
+- [Serge Lang《linear algebra》](https://book.douban.com/subject/2314300/)
+
+## 分析
+
+- [Walter Rudin《Principles of Mathematical Analysis》(数学分析原理)](https://book.douban.com/subject/1230095/)
+    - 学习数学的学生的必读之作
+    - 在谈论实数和复数集时，使用几何语言通常很方便，然而应该清楚理解的是，证明不能基于几何直觉，尽管几何解释可能非常有助于暗示证明可能进行的步骤
+    - 大部分文本以定义、示例、定理、证明、推论为顺序，组织非常高效，同时给初学者困惑和迷茫的
+- [Charles Chapman Pugh《Real Mathematical Analysis》(实数学分析)](https://book.douban.com/subject/26588474/)
+    - 很好的解释了概念或证明的本质，帮助建立直觉
+
+## 概率论
+
+- [Ross《a First Course in Probability》]()
+    - 不需要测度论知识，从可数或有限样本空间中来学习概率论
+- [Rick Durrett《Probability: Theory and Examples》]()
+    - 概率论有左手和右手。左手是使用测度论工具进行的严谨的基础工作。右手‘以概率方式思考’，将问题简化为赌博情况、抛硬币和物理粒子的运动。
diff --git a/exercises/index.md b/exercises/index.md
index 1e7c885..a9fd24c 100644
--- a/exercises/index.md
+++ b/exercises/index.md
@@ -4,6 +4,8 @@
 
 ## 数学
 
+- [相关推荐的书籍](/exercises/book-info.md)
+
 - [数学](/exercises/math.md)
 - [小学数学](/exercises/math.primary.md)
 - [初中数学](/exercises/math.secondary.md)
@@ -16,6 +18,7 @@
 - [几何](/exercises/geometry.md)
 - [线性代数](/exercises/linear.algebra.md)
 - [多项式](/exercises/polynomial.md)
+- [概率与统计](/exercises/probability.statistics.md)
 
 ## 物理学
 
@@ -26,6 +29,8 @@
 - [Wolfram MathWorld](https://mathworld.wolfram.com/)
 - [提供各种数学问题的交互式解法和动画](https://www.cut-the-knot.org/)
 - [图形计算器，用meijie.lmj@outlook.com登录的](https://www.desmos.com/calculator?lang=zh-CN)
+- [math is fun](https://www.mathsisfun.com/)
+    - [数学乐-中文版](https://www.shuxuele.com/index.html)
 
 <details>
 <summary>Geogebra开源在线工具</summary>
diff --git a/exercises/math.secondary.md b/exercises/math.secondary.md
index 9a25fb0..4055216 100644
--- a/exercises/math.secondary.md
+++ b/exercises/math.secondary.md
@@ -35,6 +35,17 @@ $e^{\pi i} + 1 = 0 \to e^{\pi i} = -1$
 
 ## 几何
 
+<details>
+<summary>2024-8-23塞瓦定理</summary>
+
+- [一个很哇塞的定理 ](https://mp.weixin.qq.com/s/teDnXG-v53GHxvdlrND-DA)
+
+你有没有发现这样一个现象：三角形的三条高线（或其延长线）、三条角平分线、三条中线都会分别交于一点。你可以试着画出各种不同三角形的高线（或其延长线）、角平分线、中线，会发现无论什么样的三角形，它的三条高线（或其延长线）都会交于同一个点，角平分线和中线也是如此。
+
+“塞瓦定理”记录在塞瓦（Giovanni Ceva，1648～1734，意大利水利工程师，数学家）于1678年发表的《直线论》一书中。“塞瓦定理”是塞瓦的重大发现，因此后世以他的名字来命名，将其称为“塞瓦定理”。
+
+</details>
+
 <details>
 <summary>2024-5-33初三模拟习题</summary>
 
diff --git a/exercises/number.theory.md b/exercises/number.theory.md
index 06e74c3..704d8cf 100644
--- a/exercises/number.theory.md
+++ b/exercises/number.theory.md
@@ -9,13 +9,76 @@
 - 等差数列求和运算
 - 排列组合
 
+## 模运算
+
+$$
+\text{基本性质,如果}a \equiv b \mod m \text{且有} c \equiv d \mod m \text{,，那下面的模运算律成立： } \newline
+a + c \equiv b + d \mod m \newline
+a - c \equiv b - d \mod m \newline
+a \times c \equiv b \times d \mod m \newline
+$$
+
+对一个数进行取模，那么模了再加、减、乘都是不影响答案的，**特别注意没有除法**
+
+### 费马小定理
+
+<details>
+<summary>2024-8-20</summary>
+由二项式展开，在n是素数时，除去中间部分，因为中间部分在取模后为0，就得到一个恒等式。
+
+$(x + y)^n \equiv x^n + y^n \mod n$
+
+现在用x替换(u-1)，y替换为1，则有
+
+$((u-1) + 1)^n \equiv (u-1)^n + 1 \mod n$
+
+用(u-1)替换(u-2)+1，则有
+
+
+$(u-1)^n + 1  \mod n \equiv ((u-2) + 1)^n + 1  \mod n \equiv (u-2)^n + 1 + 1  \mod n \equiv (u-2)^n + 2 \mod n$
+
+继续重复替换这样消去高次的有, 
+
+$u^n \equiv u \mod n$
+
+这就是费马小定理的恒等式。它是现代数论基础之一，对从抽象代数到密码学的许多领域都是至关重要。它也有更一般化的版本，即欧拉定理
+
+</details>
+
+### 欧拉定理
+
+<details>
+<summary>2024-8-20</summary>
+
+$$
+\text{若p为素数，n为整数，且} p \ge n \text{,考虑二项式系数} \binom{p}{n}=\frac{p!}{n!(p-n)!} \text{并限定n不为p或0，则由于部分分子有素数p，但分母不含p，故分子的p能保留，不被约分除去，即} \binom{p}{n} \mod p \newline
+\text{再考虑}(b+1)^p\text{的二项式展开模p，则有} \newline
+(b+1)^p \mod p \equiv \binom{p}{p}b^p + \binom{p}{p-1}b^{p-1} + \binom{p}{p-2}b^{p-2} + \dots + \binom{p}{2}b^{2} + \binom{p}{1}b^{1} + \binom{p}{0}b^{0} \mod p \newline
+\equiv \binom{p}{p}b^p + \binom{p}{0}b^0 \mod p \newline
+\equiv b^p + 1 \mod p \newline 
+\text{因此有} (b+1)^p \equiv b^p + 1 \mod p \newline
+\equiv (b-1)^p + 1 + 1 \mod p \newline
+\equiv (b-2)^p + 1 + 1 + 1 \mod p \newline
+\dots \newline
+\equiv \underbrace{1 + 1 + \dots + 1 + 1} \mod p \newline
+\equiv b + 1 \mod p \newline
+\text{令}a=b+1,\text{即得}a^p \equiv a \mod p
+$$
+
+</details>
+
+
 ## 完全剩余系
+
+<details>
+<summary>2024</summary>
+
 Complete Residue System是数论中的一个概念，指在模n的条件下从1到n-1的一个整数集合，这个集合中的每个数都与n互斥，并且这个集合包含了所有可能的模n的余数。用数学语言描述如下
 
 $$
 \text{如果有一个整数集合}\{a_{1},a_{2},\cdots\cdots,a_{n-1}\}, \text{其中每个元素}a_{i}(1 \le i \le n-1). \text{满足如下条件} \newline
 \text{1. } 0 \le a_{i} \le n \newline
-\text{2. } a_{i} \equiv a_{1} + {i \times k} \pmod n \text{对某个整数}k \newline
+\text{2. } a_{i} \equiv a_{1} + {i \times k} \mod n \text{对某个整数}k \newline
 \text{3. } gcd(a_{i}, n) \equiv = 1 \in all (1 \le i \le n-1)
 $$
 
@@ -23,11 +86,13 @@ $$
 如拉格朗日定理指出，
 
 $\text{如果} gcd(a,n) \equiv 1, \text{那么a的幂在模n下会经历一个完全剩余系}$
-
-
+</details>
 
 ## 中国剩余定理
 
+<details>
+<summary>2024</summary>
+
 Chinese Remainder Theorem
 
 - [剩余定理情未了](https://mp.weixin.qq.com/s/H1ZYmHPXXi_iwCoFdZfmGg)
@@ -40,22 +105,22 @@ $\text{设整数} m_{1}, m_{2}, \cdots\cdots, m_{n} \text{两两互质，则同
 
 $$
 \begin{cases}
-x \equiv a_{1} \pmod m_{1} \newline
-x \equiv a_{2} \pmod m_{2} \newline
+x \equiv a_{1} \mod m_{1} \newline
+x \equiv a_{2} \mod m_{2} \newline
  \vdots \newline
-x \equiv a_{n} \pmod m_{n}
+x \equiv a_{n} \mod m_{n}
 \end{cases}
 $$
 
 有唯一解
 
-$x = \sum_{i=1}^{n}a_{i}t_{i}M_{i} \pmod M$
+$x = \sum_{i=1}^{n}a_{i}t_{i}M_{i} \mod M$
 
 其中
 
-$M=m_{1}m_{2}\cdots m_{n}, M_{i}=\frac{M}{m_{i}}, t_{i}M_{i} \equiv 1 \pmod m_{i}$
+$M=m_{1}m_{2}\cdots m_{n}, M_{i}=\frac{M}{m_{i}}, t_{i}M_{i} \equiv 1 \mod m_{i}$
 
-$\text{定理中的}m_{i}\text{称为模数}, a_{i}\text{称为余数}, M\text{是模数的最小公倍数，而}m_{i}\text{称为衍数，即局部（除}m_{i}\text{外的）公倍数},t_{i}\text{称为乘率}, t_{i}M_{i}\equiv 1 \pmod m_{i}\text{称为求一术}$。
+$\text{定理中的}m_{i}\text{称为模数}, a_{i}\text{称为余数}, M\text{是模数的最小公倍数，而}m_{i}\text{称为衍数，即局部（除}m_{i}\text{外的）公倍数},t_{i}\text{称为乘率}, t_{i}M_{i}\equiv 1 \mod m_{i}\text{称为求一术}$
 
 可见大衍yan求一术是将求解一组一次同余式问题简化为求解单个同余式的问题。目前解一组一次同余式最有效的是Garner算法。
 
@@ -69,3 +134,4 @@ $\text{定理中的}m_{i}\text{称为模数}, a_{i}\text{称为余数}, M\text{
 - 自然数网络
 - 网络动力学
 - 数论与网络
+</details>
diff --git a/exercises/probability.statistics.md b/exercises/probability.statistics.md
new file mode 100644
index 0000000..2fa0c03
--- /dev/null
+++ b/exercises/probability.statistics.md
@@ -0,0 +1,14 @@
+# 概率与统计
+
+## 贝叶斯统计
+
+查看过去的数据或证据去预测未来，收集越多的数据，预测的假设就越好。
+
+在传统样本数量中的概率，是固定的，不会改变的，是纯粹确定性的。如在抛硬币实验中，总会有一个词来描绘确定的值 $\theta=Prob(Heads),\text{无论如何都假设}\theta=0.5$
+
+贝叶斯则考虑在抛硬币实验中，不论记录了多少次的抛掷，下一次抛出的正面真实概率总存在一定的不确定性。贝叶斯假设 $\theta$ 遵循某种概率分布的随机变量。$\theta$ 的平均值对应于改分布，而分布方差则衡量对 $\theta$ 的真实值的不确定性程度。即贝叶斯统计则说，只有样本或观测量趋于无穷时，才能获得100%的 $\theta$ 。
+
+推理贝叶斯定理，
+$$
+\text{假设有两个事件A和B},P(A),p(A \cap B),p(A|B)
+$$
diff --git a/index/book-info.md b/index/book-info.md
index 9469f84..7fa6268 100644
--- a/index/book-info.md
+++ b/index/book-info.md
@@ -2,6 +2,7 @@
 
 - [只收录优质在线工具的导航网站](https://www.tboxn.com/)
 - [zlibrary网站状态](https://www.tboxn.com/sites/320.html)
+- [Library Genesis 图书馆创世纪 – 中文 (中国)](https://librarygenesis.net/zh/)
 - [程序员开发的书籍By Developers, For Developers](https://pragprog.com/)
 
 ## reading
diff --git a/index/online.md b/index/online.md
index 591d300..2f7a404 100644
--- a/index/online.md
+++ b/index/online.md
@@ -42,6 +42,7 @@
 - [Bjarne StroustrupC++之父的网站](https://www.stroustrup.com/)
 - [ ISO C++ 标准委员会主席, 已经订阅其博客working at the intersection of programming language design/UX, people, and high performance code.](https://herbsutter.com/)
 - [关于图形编程的一个资源网站Graphics Programming is an online community of graphics programmers of all backgrounds and experience levels.](http://graphics-programming.org/)
+- [WEBGPU贡献值之一Web Platform Advocate](https://surma.dev/)
 
 ## 游戏
 
diff --git a/index/standard.md b/index/standard.md
index 7d2ba0b..b354b41 100644
--- a/index/standard.md
+++ b/index/standard.md
@@ -64,9 +64,15 @@
     - [tinyTorrent: 从头写一个 Deno 的 BitTorrent 下载器](https://cjting.me/2020/10/31/tinytorrent-a-deno-bt-downloader/)
     - [Simple, robust, BitTorrent tracker(client & server) implementation](https://github.com/webtorrent/bittorrent-tracker)
 - [PubScholar公益学术平台](https://pubscholar.cn/)
-- [国家标准全文公开系统](https://openstd.samr.gov.cn/bzgk/gb/index)
 - [msdn](https://learn.microsoft.com/zh-cn/)
     - [个人关于微软的开发文档](https://msdn.itellyou.cn/)
 - [MDN Web Docs](https://developer.mozilla.org/en-US/)
 - [HandWiki is a wiki encyclopedia for collaborative editing of articles on computing, science, technology and general knowledge](https://handwiki.org/wiki/Start)
 - [美国国家工业与学术Working with industry and academia to enhance economic security and improve our quality of life.](https://www.nist.gov/)
+- [ODA致力于促进开放的、工业标准的CAD数据和遗留的CAD数据的格式交换](https://www.opendesign.com/cn)
+
+### 中国
+
+- [国家标准全文公开系统](https://openstd.samr.gov.cn/bzgk/gb/index)
+- [全国行政区划信息查询平台](http://xzqh.mca.gov.cn/map)
+- [行业标准信息服务平台](https://hbba.sacinfo.org.cn/)
diff --git a/run.ps1 b/run.ps1
new file mode 100644
index 0000000..ba69f8f
--- /dev/null
+++ b/run.ps1
@@ -0,0 +1 @@
+http-server . -p 9000
\ No newline at end of file
diff --git a/web/css.md b/web/css.md
index 5af80da..f5f4547 100644
--- a/web/css.md
+++ b/web/css.md
@@ -205,7 +205,16 @@ div {
 
 ```css
 border-image: linear-gradient(90deg, #B3ADD3 0%, #96BED7 21%, #EB9582 41%, #C3C68C 62%, #FAACAC 81%, #FED09F 99%) 1;
+/*  */
+input[type="ckeckbox"],
+input[type="radio"],
+input[type="range"],
+progress {
+    accent-color: 'auto';
+}
 ```
+- [Accent强调](https://developer.mozilla.org/en-US/docs/Glossary/Accent)强调属性，固有的值也可以修改
+    - [accent-color](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color)可以更改input和progress的默认颜色
 
 ### Sprite
 
diff --git a/web/framework.md b/web/framework.md
index 2a5ddf3..f9240d8 100644
--- a/web/framework.md
+++ b/web/framework.md
@@ -21,6 +21,7 @@ Vue3.0新增了一个组件Teleport组件，将其所在组件模板内容内容
 - [Vue 技术栈 Vue3 + Pinia + Vite5 实现, 可参考别人的代码逻辑](https://github.com/zyronon/douyin)
 - [入门级vue3+vite+Ts的多页面（MPA）模板，支持单模块构建，引入pinia，vueUse，naive-ui，axios等主流库用于开发，配置husky+commit+prettier+eslint来规范代码。 ](https://github.com/dv-cli/vue3-vite-multiple-page)
 
+
 ## [React](https://react.dev/)
 
 - [中文版](https://zh-hans.react.dev/)
@@ -31,11 +32,22 @@ Vue3.0新增了一个组件Teleport组件，将其所在组件模板内容内容
 - [中文版](https://angular.cn/)
 - [github](https://github.com/angular/angular)
 
+## [Svelte](https://svelte.dev/)
+
+相比vue等有虚拟DOM的运行库，svelte是全编译的，打包即编译好一切啦
+
+- [v2](https://v2.svelte.dev/)
+
+### 相关库
+
+- [three.js lib](https://github.com/lmj01/threlte)
+
 
 ## [Egg 后台框架](https://www.eggjs.org/)
 
 ## [Next.js 后台框架](https://nextjs.org/)
-> Next.js is a React framework for building full-stack web applications.
+
+Next.js is a React framework for building full-stack web applications.
 
 ## Electron
 
diff --git a/web/library.md b/web/library.md
index 8d3d227..5d9fb25 100644
--- a/web/library.md
+++ b/web/library.md
@@ -121,4 +121,5 @@ reveal.js is an open source HTML presentation framework.
 
 # 其他库
 
+- [Compact GUI for fine-tuning parameters and monitoring value changes 比dat.GUI更舒服的库](https://github.com/cocopon/tweakpane)
 - [excel](/articles/notes/excel.md)
\ No newline at end of file