touhou-university/fieldwork.html at main · N0zoM1z0/touhou-university · 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
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<!-- Generated by scripts/build.mjs. Edit src/, not this file. -->
<!DOCTYPE html>
<html lang="zh-Hant">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta
      name="description"
      content="從二十四個幻想鄉實習站取得派遣、處理現場偏差、提交可追溯觀察並收集田野護照印章。 東方Project非官方二次創作。"
    >
    <meta name="theme-color" content="#151d2a">
    <meta property="og:title" content="境內實習與田野調查護照｜幻想鄉立東方大學">
    <meta
      property="og:description"
      content="從二十四個幻想鄉實習站取得派遣、處理現場偏差、提交可追溯觀察並收集田野護照印章。 東方Project非官方二次創作網站。"
    >
    <meta property="og:type" content="website">
    <meta property="og:image" content="assets/images/campus-hero.webp">
    <title>境內實習與田野調查護照｜幻想鄉立東方大學</title>
    <link rel="icon" href="assets/crest.svg" type="image/svg+xml">

    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/styles-fieldwork.css">
    <script type="module" src="src/js/main.js"></script>
  </head>
  <body data-page="fieldwork" data-page-title-key="pageFieldworkTitle">
    <a class="skip-link" href="#main" data-i18n="skipToMain">跳至主要內容</a>

    <div class="site-notice">
      <span class="notice-dot" aria-hidden="true"></span>
      <span data-i18n="fanworkNotice">東方Project 非官方二次創作企劃</span>
      <a href="index.html#fanwork" data-i18n="aboutSite">關於本站</a>
    </div>

<header class="site-header" data-header>
      <a class="brand" href="index.html#top">
        <span class="brand-crest" aria-hidden="true">
          <svg viewBox="0 0 64 64" role="img">
            <path d="M17 12h30v6H17zM12 20h40v5H12zM19 25v25h7V25zm19 0v25h7V25z" />
            <circle cx="32" cy="37" r="8" />
            <path d="M8 51h48v5H8z" />
          </svg>
        </span>
        <span>
          <strong data-i18n="universityName">幻想鄉立東方大學</strong>
          <small>TOUHOU UNIVERSITY</small>
        </span>
      </a>

      <nav class="desktop-nav" aria-label="主要導覽" data-i18n-aria-label="ariaMainNavigation">
        <details class="nav-group" data-nav-group="university">
          <summary><span data-i18n="navUniversityGroup">大學與學術</span> <span aria-hidden="true">⌄</span></summary>
          <div class="nav-group-panel">
            <p>UNIVERSITY / ACADEMICS</p>
            <a href="index.html#about"><strong data-i18n="navAbout">學校介紹</strong><small data-i18n="navAboutDetail">校訓、傳統與校史</small></a>
            <a href="academics.html#academics"><strong data-i18n="navAcademics">學術單位</strong><small data-i18n="navAcademicsDetail">學院、課程與師資</small></a>
            <a href="research.html#research"><strong data-i18n="navResearchLong">研究成果</strong><small data-i18n="navResearchDetail">方法、失敗與訂正</small></a>
            <a href="ethics.html#ethics-board"><strong data-i18n="navEthics">研究倫理審查</strong><small data-i18n="navEthicsDetail">同意、風險與五席異議</small></a>
            <a href="hieda.html#hieda-index"><strong data-i18n="navHieda">稗田索引</strong><small data-i18n="navHiedaDetail">事件、角色與版本紅線</small></a>
            <a href="calendar.html#academic-calendar"><strong data-i18n="navCalendar">幻想鄉學年曆</strong><small data-i18n="navCalendarDetail">四季、月相與動態校務</small></a>
            <a href="campus.html#campus"><strong data-i18n="navCampusLife">校園生活</strong><small data-i18n="navCampusDetail">地圖、社團與 BBS</small></a>
            <a href="festival.html#festival-operations"><strong data-i18n="navFestival">祭典營運室</strong><small data-i18n="navFestivalDetail">六桌許可、開祭與結祭</small></a>
          </div>
        </details>
        <details class="nav-group" data-nav-group="services">
          <summary><span data-i18n="navServicesGroup">入學與學生服務</span> <span aria-hidden="true">⌄</span></summary>
          <div class="nav-group-panel nav-group-panel-wide">
            <p>ADMISSIONS / STUDENT SERVICES</p>
            <a href="admissions.html#admissions"><strong data-i18n="navAdmissionsExams">招生與試驗</strong><small data-i18n="navAdmissionsDetail">申請、考試與統一試驗</small></a>
            <a href="welcome.html#welcome"><strong data-i18n="navOrientation">第一鐘・新生報到</strong><small data-i18n="navOrientationDetail">路線、退路與第一站</small></a>
            <a href="mytu.html#my-tu"><strong>My TU</strong><small data-i18n="navMyTuDetail">學籍、選課與成績</small></a>
            <a href="careers.html#graduation-audit"><strong data-i18n="navCareers">卒業與進路</strong><small data-i18n="navCareersDetail">判定、媒合與百鬼夜行校友會</small></a>
            <a href="fieldwork.html#fieldwork-stations"><strong data-i18n="navFieldwork">境內實習護照</strong><small data-i18n="navFieldworkDetail">二十四站、派遣與返校印</small></a>
            <a href="commons.html#property-desk"><strong data-i18n="navCommons">公共服務館</strong><small data-i18n="navCommonsDetail">物權、失物與鴉天狗郵便</small></a>
            <a href="records.html#data-cabinet"><strong data-i18n="navLocalRecords">本機資料櫃</strong><small data-i18n="navLocalRecordsDetail">匯出、匯入與卷宗管理</small></a>
            <a href="library.html#library"><strong data-i18n="mistyLibrary">霧湖圖書館</strong><small data-i18n="navLibraryDetail">借閱、續借與預約</small></a>
            <a href="clinic.html#clinic"><strong data-i18n="clinicName">永遠亭校醫院</strong><small data-i18n="navClinicDetail">分診、處方與康復</small></a>
            <a href="housing.html#housing"><strong data-i18n="navHousing">住宿與室友</strong><small data-i18n="navHousingDetail">房間、配對與換房</small></a>
            <a href="incidents.html#incident-center"><strong data-i18n="navIncidentCenter">事件中心</strong><small data-i18n="navIncidentsDetail">案卷、模擬與結案</small></a>
          </div>
        </details>
      </nav>

      <div class="header-tools">
        <a class="header-mytu" href="mytu.html#my-tu" aria-label="My TU">MY TU</a>
        <button class="header-search" type="button" data-search-open aria-label="SEARCH / 搜尋全站" data-i18n-aria-label="ariaSiteSearch">
          <span aria-hidden="true">⌕</span><b>SEARCH</b><kbd>⌘K</kbd>
        </button>
        <div class="language-switcher" role="group" aria-label="Language">
          <button class="language-button active" type="button" data-lang="zh-Hant">中</button>
          <button class="language-button" type="button" data-lang="ja">日</button>
          <button class="language-button" type="button" data-lang="en">EN</button>
        </div>
        <a class="header-cta" href="admissions.html#admissions">
          <span data-i18n="admissionGuide">入學指南</span>
          <span aria-hidden="true">↗</span>
        </a>
      </div>

      <button
        class="menu-toggle"
        type="button"
        aria-label="開啟選單"
        aria-expanded="false"
        data-menu-toggle
      >
        <span></span><span></span>
      </button>
    </header>

<div class="mobile-menu" data-mobile-menu hidden>
      <button class="mobile-search" type="button" data-search-open>
        <span aria-hidden="true">⌕</span> SEARCH / 全站搜尋
      </button>
      <nav aria-label="行動版導覽" data-i18n-aria-label="ariaMobileNavigation">
        <section>
          <p data-i18n="navUniversityGroup">大學與學術</p>
          <div>
            <a href="index.html#about" data-i18n="navAbout">學校介紹</a>
            <a href="academics.html#academics" data-i18n="navAcademics">學術單位</a>
            <a href="academics.html#faculty" data-i18n="navFacultyLong">師資陣容</a>
            <a href="research.html#research" data-i18n="navResearchLong">研究成果</a>
            <a href="ethics.html#ethics-board" data-i18n="navEthics">研究倫理審查</a>
            <a href="hieda.html#hieda-index" data-i18n="navHieda">稗田索引</a>
            <a href="calendar.html#academic-calendar" data-i18n="navCalendar">幻想鄉學年曆</a>
            <a href="campus.html#campus" data-i18n="navCampusLife">校園生活</a>
            <a href="festival.html#festival-operations" data-i18n="navFestival">祭典營運室</a>
          </div>
        </section>
        <section>
          <p data-i18n="navServicesGroup">入學與學生服務</p>
          <div>
            <a href="admissions.html#admissions" data-i18n="navAdmissionsLong">招生資訊</a>
            <a href="welcome.html#welcome" data-i18n="navOrientation">第一鐘・新生報到</a>
            <a href="mytu.html#my-tu" data-i18n="myTuRecords">My TU 學籍中心</a>
            <a href="careers.html#graduation-audit" data-i18n="navCareers">卒業與進路</a>
            <a href="fieldwork.html#fieldwork-stations" data-i18n="navFieldwork">境內實習護照</a>
            <a href="commons.html#property-desk" data-i18n="navCommons">公共服務館</a>
            <a href="records.html#data-cabinet" data-i18n="navLocalRecords">本機資料櫃</a>
            <a href="library.html#library" data-i18n="mistyLibrary">霧湖圖書館</a>
            <a href="clinic.html#clinic" data-i18n="clinicName">永遠亭校醫院</a>
            <a href="housing.html#housing" data-i18n="housingLife">宿舍生活</a>
            <a href="incidents.html#incident-center" data-i18n="navIncidentCenter">事件中心</a>
            <a href="campus.html#bbs" data-i18n="campusBbs">校園 BBS</a>
          </div>
        </section>
      </nav>
      <div class="mobile-languages" role="group" aria-label="Language">
        <button class="language-button active" type="button" data-lang="zh-Hant">中文</button>
        <button class="language-button" type="button" data-lang="ja">日本語</button>
        <button class="language-button" type="button" data-lang="en">English</button>
      </div>
    </div>

    <main id="main">

    <section class="page-masthead" aria-labelledby="page-title">
      <div class="container">
        <nav class="page-breadcrumb" aria-label="頁面位置">
          <a href="index.html">大學首頁</a><span aria-hidden="true">/</span><b>DOMESTIC PLACEMENT × FIELD INQUIRY</b>
        </nav>
        <div class="page-masthead-copy">
          <div><p>DOMESTIC PLACEMENT × FIELD INQUIRY</p><h1 id="page-title">境內實習與田野調查護照</h1></div>
          <p>紅魔館的值班簿、白玉樓的幽靈名冊與香霖堂的漂流物都不會自動變成學分；先取得派遣令，再把爭議完整帶回來。</p>
        </div>
        <nav class="page-local-nav" aria-label="境內實習與田野調查護照"><a href="#fieldwork-stations">二十四實習站</a><a href="#fieldwork-dispatch">派遣桌</a><a href="#fieldwork-passport">我的護照</a><a href="#fieldwork-records">派遣與返校卷</a></nav>
      </div>
    </section>
      <section class="fieldwork-section" id="fieldwork-passport" aria-labelledby="fieldwork-title">
  <div class="container">
    <div class="fieldwork-loading" data-fieldwork-app>
      <p data-i18n="fieldworkLoadingEyebrow">FIELDWORK PASSPORT / 境內實習派遣桌</p>
      <h2 id="fieldwork-title" data-i18n="fieldworkTitle">境內實習與田野調查護照</h2>
      <span data-i18n="fieldworkLoading">慧音正在把二十四枚場地印按危險程度排列；紅魔館與白玉樓都拒絕待在同一欄。</span>
    </div>
  </div>
</section>
    </main>

    <footer class="site-footer" id="fanwork">
      <div class="container footer-top">
        <div class="footer-brand">
          <div class="brand">
            <span class="brand-crest" aria-hidden="true">
              <svg viewBox="0 0 64 64">
                <path d="M17 12h30v6H17zM12 20h40v5H12zM19 25v25h7V25zm19 0v25h7V25z" />
                <circle cx="32" cy="37" r="8" />
                <path d="M8 51h48v5H8z" />
              </svg>
            </span>
            <span>
              <strong>幻想鄉立東方大學</strong>
              <small>TOUHOU UNIVERSITY</small>
            </span>
          </div>
          <p>越境求真・以禮交鋒</p>
        </div>
        <div class="footer-nav">
          <div>
            <h3>UNIVERSITY</h3>
            <a href="index.html#about">學校介紹</a>
            <a href="academics.html#academics">學術單位</a>
            <a href="academics.html#faculty">師資陣容</a>
          </div>
          <div>
            <h3>DISCOVER</h3>
            <a href="admissions.html#admissions">招生資訊</a>
            <a href="records.html#data-cabinet" data-i18n="navLocalRecords">本機資料櫃</a>
            <a href="library.html#library">霧湖圖書館</a>
            <a href="clinic.html#clinic" data-i18n="clinicName">永遠亭校醫院</a>
            <a href="housing.html#housing">宿舍生活</a>
            <a href="research.html#research">研究成果</a>
            <a href="ethics.html#ethics-board" data-i18n="navEthics">研究倫理審查</a>
            <a href="hieda.html#hieda-index" data-i18n="navHieda">稗田索引</a>
            <a href="incidents.html#incident-center">校園事件中心</a>
            <a href="campus.html#campus">校園風采</a>
          </div>
          <div>
            <h3>CONTACT</h3>
            <a href="mailto:admissions@touhou-university.example">招生諮詢室</a>
            <a href="mailto:archive@touhou-university.example">史料與訂正</a>
            <a href="mailto:clinic@touhou-university.example">校醫院與醫務室</a>
            <a href="https://github.com/N0zoM1z0/touhou-university">GitHub</a>
          </div>
        </div>
      </div>

      <div class="container fanwork-note">
        <span>UNOFFICIAL FAN WORK</span>
        <p>
          本站為東方Project非官方二次創作，與上海愛麗絲幻樂團及 ZUN 無關。
          Touhou Project 原作：ZUN（上海愛麗絲幻樂團）。校名、課程、職稱、
          招生制度、研究成果與校務數據皆為本網站 AU 原創設定。
        </p>
      </div>
      <div class="container footer-bottom">
        <span>© 2026 TOUHOU UNIVERSITY FAN PROJECT</span>
        <span>MADE BEYOND THE BORDER · NO TRACKING</span>
      </div>
      <div class="container phantasm-whisper" data-phantasm-whisper aria-live="polite"></div>
    </footer>
    <dialog class="faculty-dialog" data-faculty-dialog>
  <button class="dialog-close" type="button" aria-label="關閉簡介" data-dialog-close>×</button>
  <p data-dialog-field>FACULTY PROFILE</p>
  <h2 data-dialog-name>師資簡介</h2>
  <h3 data-dialog-role>教師職務與研究領域</h3>
  <div class="dialog-columns">
    <div>
      <span>教學專長</span>
      <p data-dialog-canon></p>
    </div>
    <div>
      <span>本學期授課</span>
      <p data-dialog-au></p>
    </div>
  </div>
  <div class="dialog-friction">
    <span>本學期尚未解決</span>
    <p data-dialog-incident></p>
  </div>
</dialog>

<dialog class="prospectus-dialog" data-prospectus-dialog>
  <button class="dialog-close" type="button" aria-label="關閉入學指南" data-prospectus-close>×</button>
  <span class="au-badge">ADMISSIONS 2026</span>
  <h2>把你的問題帶來。</h2>
  <p>
    秋季班網路填報開放至 8 月 31 日。申請可分次儲存；
    外界生於資料審查通過後另行收到結界通行時刻。
  </p>
  <button class="button button-primary" type="button" data-service="application" data-prospectus-close>
    開始線上申請 <span>→</span>
  </button>
</dialog>

<dialog class="service-dialog" data-service-dialog>
  <button class="dialog-close" type="button" aria-label="關閉校務服務" data-service-close>×</button>
  <div class="service-dialog-heading">
    <p data-service-kicker>CAMPUS SERVICE</p>
    <h2 data-service-title>校務服務</h2>
    <p data-service-description></p>
  </div>
  <div data-service-content></div>
</dialog>

<dialog class="research-dialog" data-research-dialog>
  <button class="dialog-close" type="button" aria-label="關閉研究檔案" data-research-close>×</button>
  <div class="research-dialog-head">
    <p data-research-kicker>RESEARCH FILE</p>
    <h2 data-research-title>研究檔案</h2>
    <p data-research-summary></p>
  </div>
  <div class="research-meta" data-research-meta></div>
  <div class="research-body" data-research-body></div>
</dialog>

<dialog class="school-dialog" data-school-dialog>
  <button class="dialog-close" type="button" aria-label="關閉學院目錄" data-school-close>×</button>
  <div data-school-content></div>
</dialog>

<dialog class="info-dialog" data-info-dialog>
  <button class="dialog-close" type="button" aria-label="關閉內容卡片" data-info-close>×</button>
  <div class="info-dialog-media" data-info-media hidden>
    <img decoding="async" src="assets/images/campus-hero.webp" alt="" width="1280" height="853" data-info-image>
  </div>
  <div class="info-dialog-content">
    <p class="dialog-kicker" data-info-kicker>CAMPUS FILE</p>
    <h2 data-info-title>校園檔案</h2>
    <p class="info-dialog-summary" data-info-summary></p>
    <dl class="info-dialog-meta" data-info-meta></dl>
    <button class="button button-primary info-dialog-action" type="button" data-info-action hidden>
      <span data-info-action-label>繼續</span><span aria-hidden="true">→</span>
    </button>
  </div>
</dialog>

<dialog class="compose-dialog" data-compose-dialog>
  <button class="dialog-close" type="button" aria-label="關閉貼文視窗" data-compose-close>×</button>
  <p class="dialog-kicker">CAMPUS BBS</p>
  <h2>發布新貼文</h2>
  <form class="campus-form" data-bbs-form>
    <label>
      看板
      <select name="category">
        <option value="course">課程</option>
        <option value="club">社團</option>
        <option value="market">交換</option>
        <option value="notice">校務提案</option>
      </select>
    </label>
    <label>
      暱稱
      <input name="author" type="text" maxlength="24" value="匿名學生" required>
    </label>
    <label class="form-span">
      標題
      <input name="title" type="text" maxlength="70" required placeholder="用一句話說清楚你想討論的事">
    </label>
    <label class="form-span">
      內容
      <textarea name="body" rows="5" maxlength="800" required placeholder="補充時間、地點與需要的協助"></textarea>
    </label>
    <div class="form-actions form-span">
      <span>內容會自動儲存；發布後可在「我的貼文」再次查看。</span>
      <button class="button button-primary" type="submit">發布 <span>→</span></button>
    </div>
  </form>
</dialog>

<dialog class="search-dialog" data-search-dialog>
  <button class="dialog-close" type="button" aria-label="關閉全站搜尋" data-search-close>×</button>
  <header>
    <p data-search-kicker>UNIVERSITY SEARCH</p>
    <h2 data-search-title>University search</h2>
    <label class="search-field">
      <span aria-hidden="true">⌕</span>
      <input type="search" autocomplete="off" data-search-input>
      <kbd>/</kbd>
    </label>
    <p data-search-hint></p>
  </header>
  <div class="search-result-head"><strong data-search-count></strong></div>
  <div class="search-results" data-search-results></div>
</dialog>

<dialog class="chronicle-dialog" aria-label="校史檔案" data-chronicle-dialog data-preserve-scroll="chronicle-dialog">
  <button class="dialog-close" type="button" aria-label="關閉校史檔案" data-chronicle-close>×</button>
  <div data-chronicle-app>
    <h2>幻想鄉校史</h2>
  </div>
</dialog>

<dialog class="mytu-document-dialog" data-mytu-document-dialog>
  <button class="dialog-close" type="button" aria-label="關閉校務文件" data-mytu-document-close>×</button>
  <div class="mytu-document" data-mytu-document></div>
  <footer class="mytu-document-actions">
    <button class="button button-secondary" type="button" data-mytu-document-close>返回 My TU</button>
    <button class="button button-primary" type="button" data-mytu-print>列印／另存 PDF <span aria-hidden="true">↗</span></button>
  </footer>
</dialog>

<dialog class="course-document-dialog" data-course-document-dialog>
  <button class="dialog-close" type="button" aria-label="關閉教務文件" data-course-document-close>×</button>
  <div class="course-document" data-course-document-body></div>
  <footer class="course-document-actions">
    <button class="button button-secondary" type="button" data-course-document-close>返回選課系統</button>
    <button class="button button-primary" type="button" data-course-document-print>列印／另存 PDF <span aria-hidden="true">↗</span></button>
  </footer>
</dialog>

<dialog class="academic-document-dialog" data-academic-document-dialog>
  <button class="dialog-close" type="button" aria-label="關閉成績單" data-academic-document-close>×</button>
  <div class="academic-document" data-academic-document-body></div>
  <footer class="academic-document-actions">
    <button class="button button-secondary" type="button" data-academic-document-close>返回成績單</button>
    <button class="button button-primary" type="button" data-academic-document-print>列印／另存 PDF <span aria-hidden="true">↗</span></button>
  </footer>
</dialog>

<dialog class="library-receipt-dialog" data-library-receipt-dialog>
  <button class="dialog-close" type="button" aria-label="關閉借閱回條" data-library-receipt-close>×</button>
  <div class="library-receipt" data-library-receipt-body></div>
  <footer class="library-receipt-actions">
    <button class="button button-secondary" type="button" data-library-receipt-close>返回圖書館</button>
    <button class="button button-primary" type="button" data-library-receipt-print>列印／另存 PDF <span aria-hidden="true">↗</span></button>
  </footer>
</dialog>

    <div class="toast" role="status" aria-live="polite" data-toast></div>
  </body>
</html>