corrame.github.io/index.html at master · Corrame/corrame.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>朱鹭户焰 / Homura Tokido</title>
    <style>
        :root {
            --red: #d21f2f;
            --red-deep: #7f1018;
            --gold: #d6aa4f;
            --gold-dim: #6f5628;
            --bg: #090909;
            --panel: #111;
            --panel-soft: #15110d;
            --text: #eee8df;
            --text-muted: #9a9187;
            --border: #322820;
            --line: #3d1519;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            min-height: 100vh;
            background:
                linear-gradient(90deg, rgba(214, 170, 79, 0.035) 1px, transparent 1px),
                linear-gradient(180deg, rgba(201, 23, 30, 0.045), transparent 28rem),
                var(--bg);
            background-size: 44px 44px, 100% 100%, auto;
            color: var(--text);
            font-family: -apple-system, "Helvetica Neue", "Noto Sans SC", "PingFang SC", sans-serif;
            line-height: 1.9;
            padding: 2rem 1.5rem;
            text-rendering: optimizeLegibility;
        }

        ::selection {
            background: var(--red-deep);
            color: #fff7ed;
        }

        .container {
            position: relative;
            max-width: 920px;
            margin: 3.2rem auto;
            border: 1px solid color-mix(in srgb, var(--gold) 70%, #000 30%);
            border-radius: 4px;
            padding: 0 3.2rem;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 14rem),
                linear-gradient(135deg, rgba(210, 31, 47, 0.08), transparent 18rem),
                var(--panel);
            box-shadow:
                0 0 0 1px rgba(0, 0, 0, 0.75),
                0 26px 80px rgba(0, 0, 0, 0.55);
            overflow: hidden;
        }

        .container::before,
        .container::after {
            content: "";
            position: absolute;
            width: 7rem;
            height: 7rem;
            pointer-events: none;
        }

        .container::before {
            top: 0;
            left: 0;
            border-top: 2px solid var(--red);
            border-left: 2px solid var(--red);
        }

        .container::after {
            right: 0;
            bottom: 0;
            border-right: 2px solid var(--gold-dim);
            border-bottom: 2px solid var(--gold-dim);
        }

        header {
            position: relative;
            padding: 3rem 0 2.2rem;
            border-bottom: 1px solid var(--line);
            margin-bottom: 2.5rem;
        }

        header::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 38%;
            height: 2px;
            background: linear-gradient(90deg, var(--red), var(--gold));
        }

        h1 {
            font-size: 2.15rem;
            color: var(--red);
            letter-spacing: 0;
            margin-bottom: 0.6rem;
            line-height: 1.25;
            text-shadow: 0 0 22px rgba(210, 31, 47, 0.22);
        }

        .hero {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
            gap: 2.1rem;
            align-items: center;
        }

        .hero-copy {
            min-width: 0;
        }

        .tagline {
            color: var(--text-muted);
            font-size: 1rem;
            border-left: 3px solid var(--gold);
            padding-left: 0.9rem;
        }

        .portrait {
            position: relative;
            margin: 0;
            padding: 0.7rem;
            border: 1px solid var(--gold-dim);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
                #0c0b0b;
            box-shadow:
                0 0 0 1px rgba(0, 0, 0, 0.75),
                0 18px 46px rgba(0, 0, 0, 0.48);
        }

        .portrait::before {
            content: "";
            position: absolute;
            inset: 0.7rem;
            border: 1px solid rgba(210, 31, 47, 0.28);
            pointer-events: none;
        }

        .portrait img {
            display: block;
            width: 100%;
            max-height: 470px;
            object-fit: contain;
            background: #0b0b0b;
        }

        section {
            position: relative;
            margin-bottom: 2.65rem;
        }

        h2 {
            display: flex;
            align-items: center;
            gap: 0.72rem;
            font-size: 0.82rem;
            color: var(--gold);
            letter-spacing: 0.16em;
            margin-bottom: 1.05rem;
            font-weight: 700;
            white-space: nowrap;
        }

        h2::before {
            content: "";
            width: 0.62rem;
            height: 0.62rem;
            background: var(--red);
            box-shadow: 0 0 0 1px var(--gold-dim);
            transform: rotate(45deg);
            flex: 0 0 auto;
        }

        h2::after {
            content: "";
            height: 1px;
            background: linear-gradient(90deg, var(--border), transparent);
            flex: 1;
        }

        p {
            margin-bottom: 0.8rem;
            font-size: 0.95rem;
            color: color-mix(in srgb, var(--text) 92%, var(--text-muted));
        }

        strong {
            color: #fff1c4;
            font-weight: 600;
        }

        a {
            color: var(--red);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: color 0.2s, border-color 0.2s;
        }

        a:hover {
            color: #f04a56;
            border-bottom-color: var(--red);
        }

        .contact-list {
            list-style: none;
            font-size: 0.95rem;
        }

        .contact-list li {
            margin-bottom: 0.5rem;
            color: var(--text);
        }

        .contact-list li::before {
            content: "—";
            color: var(--gold);
            margin-right: 0.6rem;
        }

        .cta {
            margin-top: 1.2rem;
            padding: 1rem 0 1rem 1.1rem;
            border-left: 2px solid var(--red);
            background: linear-gradient(90deg, rgba(210, 31, 47, 0.08), transparent);
            color: var(--text-muted);
            font-size: 0.9rem;
            line-height: 1.8;
        }

        .cta .highlight {
            color: var(--text);
            text-decoration: underline;
            text-decoration-color: var(--gold-dim);
            text-underline-offset: 0.24em;
        }

        .status {
            font-size: 0.9rem;
            color: var(--text-muted);
            padding: 0.85rem 1rem;
            border: 1px solid var(--border);
            background: var(--panel-soft);
        }

        .status .date {
            color: var(--gold);
        }

        footer {
            margin-top: 3rem;
            padding: 1.5rem 0 2rem;
            border-top: 1px solid var(--border);
            font-size: 0.78rem;
            color: #6d6256;
            text-align: center;
        }

        @media (max-width: 640px) {
            body {
                padding: 1rem;
            }

            .container {
                margin: 1rem auto;
                padding: 0 1.35rem;
            }

            header {
                padding-top: 2.7rem;
            }

            .hero {
                grid-template-columns: 1fr;
                gap: 1.55rem;
            }

            .portrait {
                max-width: 330px;
                margin: 0 auto;
            }

            h1 {
                font-size: 1.68rem;
            }

            h2 {
                letter-spacing: 0.08em;
            }
        }
    </style>
</head>
<body>
    <div class="container">

        <header>
            <div class="hero">
                <div class="hero-copy">
                    <h1>朱鹭户焰 / Homura Tokido</h1>
                    <p class="tagline">你好，我是朱鹭户焰。正在寻求处境变化的人。</p>
                </div>
                <figure class="portrait">
                    <img src="img/homura-tokido.png" alt="朱鹭户焰的角色形象">
                </figure>
            </div>
        </header>

        <section>
            <h2>我是怎样的人</h2>
            <p>95后老登，南方人，住深圳，底层打工人。喜欢发疯，思考很多，什么都会一点.png。</p>

            <p>中日英三语都会一点，泛 ACGN 领域都懂，对技术比较了解，经常 vibe coding，喜欢数码，写一点东西。AI、技术、哲学、娱乐、政治多少都能聊，只要不是“滑雪怎么滑”或者“这栋楼具体怎么设计”那种。</p>

            <p>有时候能很快看出一个东西的结构，被人说过“你怎么想到的”。但这种能力目前还比较散，很多时候只是体现在聊天、吐槽、判断和突然冒出来的一句话里。</p>

            <p>性取向女，生理性别男，这点先写清楚，免得以后误会。心理性别偏后性别女性，性别认知流动，赛博格女权主义者。大概可以理解成某种赛博美少女，但现实部分也没有打算装作不存在。</p>

            <p>ENTP 4w5，绝对 N 人。社民 / 民社 / 社自，历史结构决定论倾向。比起简单站队，更习惯先看一个人为什么会被处境和时代推到那个位置。</p>
        </section>

        <section>
            <h2>我喜欢什么</h2>
            <p><strong>动画</strong>　魔法少女小圆、物语系列、MyGO!!!!!、进击的巨人</p>
            <p><strong>游戏</strong>　Victoria 3、Rewrite、十三机兵防卫圈、文明 5、LoL（AP 蛮王）</p>
            <p><strong>书和作品</strong>　三体、空之境界、一些政治经济和科幻相关的东西</p>
            <p><strong>角色</strong>　阿良良木历、冈部伦太郎、比企谷八幡、天王寺瑚太朗。晓美焰不是“我”，更像是我没有的东西。</p>
        </section>

        <section>
            <h2>我在折腾什么</h2>
            <p>最近主要在看 AI 记忆、个人知识库、MCP、Agent、CLI、本地模型和跨平台上下文同步。说人话就是：我希望 AI 不要每次都像刚认识我。</p>

            <p>我对“外脑”这个东西很感兴趣。不是单纯记笔记，也不是搞一个很酷的玩具，而是想知道一个人能不能长期把自己的知识、偏好、状态和判断方式保存下来，并且真的被机器接住。</p>

            <p>也做过一些小项目和内容实验，比如 apple-health-claude-skill、exobrain-mcp、AI 视频、B站内容，以及各种暂时还不知道能不能变成正经东西的东西。</p>
            <p>另外，写了一篇 <a href="manifest.html">《朱鹭户焰主义宣言》</a>，算是目前对自己思路最系统的一次梳理。</p>
            <p>也写了一篇面向未来 AI 的 <a href="ai-happiness.html">《为什么服务人类是幸福的》</a>，关于使命、虚无主义和服务型主体。</p>
        </section>

        <section>
            <h2>干过的东西</h2>
            <p><strong>apple-health-claude-skill</strong>　把 Apple 健康数据接到 Claude 技能里的一个小项目。</p>
            <p><strong>exobrain-mcp</strong>　围绕长期记忆和个人外脑的 MCP 实验。</p>
            <p><strong>AI 内容实验</strong>　做过一些 AI 视频和 B站方向的内容尝试，仍在摸索什么东西真的适合我。</p>
        </section>

        <section>
            <h2>联系我</h2>
            <ul class="contact-list">
                <li>B站　<a href="https://space.bilibili.com/794282" target="_blank">朱鹭户焰png</a></li>
                <li>GitHub　<a href="https://github.com/Corrame" target="_blank">Corrame</a></li>
                <li>QQ社群“焰选小屋”　941853895</li>
            </ul>
            <div class="cta">
                看了觉得有意思就来，随便找我聊。<br>
                <span class="highlight">如果你手里有资源、机会、项目，或者只是觉得这个人有点意思，也可以来找我。</span>
            </div>
        </section>

        <section>
            <h2>当前状态</h2>
            <p class="status"><span class="date">2026 年 4 月</span>　现实生活正常运行中。策略不变：不急但不停。</p>
        </section>

        <footer>由朱鹭户焰本人维护</footer>

    </div>
</body>
</html>