touhou-university/research.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
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
<!-- 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-research.css">
    <script type="module" src="src/js/main.js"></script>
  </head>
  <body data-page="research" data-page-title-key="pageResearchTitle">
    <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>RESEARCH ARCHIVE</b>
        </nav>
        <div class="page-masthead-copy">
          <div><p>RESEARCH ARCHIVE</p><h1 id="page-title">研究成果與公開檔案</h1></div>
          <p>成果不只列題目：方法、失敗、限制、訂正與仍然吵不完的結論都留在檔案裡。</p>
        </div>
        <nav class="page-local-nav" aria-label="研究成果與公開檔案"><a href="#research">研究成果</a><a href="#ethics-board">研究倫理審查</a><a href="#spellcard-workshop">符卡設計工房</a><a href="#spellcard-records">我的符卡檔案</a></nav>
      </div>
    </section>
      <section class="section research" id="research">
        <div class="container">
          <header class="section-header reveal">
            <div>
              <p class="eyebrow"><span>07</span> RESEARCH / 研究成果</p>
              <h2>研究不是把幻想<br>變得無趣。</h2>
            </div>
            <div>
              <p>
                它讓我們知道：哪些傳說正在保護人，哪些裝置會在雨天漏電，
                以及一場異變究竟何時需要被制止。
              </p>
            </div>
          </header>

          <article class="feature-research reveal">
            <div class="feature-number">R/01</div>
            <div class="feature-copy">
              <p>BOUNDARY OBSERVATORY · 2026</p>
              <h3>「被遺忘之物」跨界漂移索引</h3>
              <p>
                結界觀測所與香霖堂建立非侵入式登錄流程，記錄外界物品進入幻想鄉時的
                語義變化，不嘗試擴大裂隙，也不以持有人記憶作為實驗材料。
              </p>
              <button class="research-open" type="button" data-research="boundary">
                閱讀完整研究檔案 <span aria-hidden="true">→</span>
              </button>
            </div>
            <div class="orbit-graphic" aria-hidden="true">
              <i></i><i></i><i></i><b>境</b>
            </div>
          </article>

          <a class="research-workshop-portal reveal" href="#spellcard-workshop">
            <span>OPEN DESIGN BENCH</span>
            <strong>進入可操作的符卡設計與倫理工房</strong>
            <i aria-hidden="true">→</i>
          </a>

          <a class="research-workshop-portal research-ethics-portal reveal" href="ethics.html#ethics-board">
            <span>BEFORE THE FIRST OBSERVATION</span>
            <strong data-i18n="ethicsPortal">把研究計畫送進幻想鄉研究倫理審查委員會</strong>
            <i aria-hidden="true">→</i>
          </a>

          <div class="research-list" id="research-list">
            <article class="research-card reveal">
              <p><span>工學</span> OPEN HARDWARE</p>
              <h3>低落差河道的妖力無關水輪</h3>
              <p>讓不具妖力的村落也能維護的小型水力系統；維修手冊採圖像優先。</p>
              <dl>
                <div><dt>27%</dt><dd>效率提升（校內試驗）</dd></div>
                <div><dt>03</dt><dd>山地測試站</dd></div>
              </dl>
              <button type="button" data-research="waterwheel">研究方法與現場紀錄 <span>→</span></button>
            </article>
            <article class="research-card reveal">
              <p><span>醫藥</span> PUBLIC HEALTH</p>
              <h3>竹林迷途者的月相感覺指引</h3>
              <p>研究波長、焦慮與空間判斷的關係；路徑提示不收集個體能力資料。</p>
              <dl>
                <div><dt>42</dt><dd>匿名觀察夜</dd></div>
                <div><dt>0</dt><dd>強制暴露案例</dd></div>
              </dl>
              <button type="button" data-research="moonpath">研究方法與現場紀錄 <span>→</span></button>
            </article>
            <article class="research-card reveal">
              <p><span>人文</span> SOURCE ETHICS</p>
              <h3>同一場異變的三種報導</h3>
              <p>把新聞、村落口述與當事人記錄並置，教學生辨認敘述位置與沉默。</p>
              <dl>
                <div><dt>86</dt><dd>份對照文本</dd></div>
                <div><dt>12</dt><dd>次公開訂正</dd></div>
              </dl>
              <button type="button" data-research="reports">研究方法與現場紀錄 <span>→</span></button>
            </article>
            <article class="research-card research-card-spell reveal">
              <p><span>符卡學</span> DANMAKU DESIGN</p>
              <h3>符卡規則下的可讀性、公平與退路設計</h3>
              <p>把宣言、預兆、彈幕密度與安全退路的開放時間分開測量，尋找「華麗但仍然能讀懂」的編排條件。</p>
              <dl>
                <div><dt>96</dt><dd>組測試彈幕</dd></div>
                <div><dt>0.8s</dt><dd>最低退路預兆</dd></div>
              </dl>
              <button type="button" data-research="spellcard">閱讀符卡研究全檔 <span>→</span></button>
            </article>
          </div>
        </div>
      </section>
<section class="spellcard-workshop-section" id="spellcard-workshop" aria-labelledby="spellcard-workshop-title">
  <h2 class="visually-hidden" id="spellcard-workshop-title">可操作的符卡設計與倫理工房</h2>
  <div class="container" data-spellcard-workshop></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>