最期之艦

[[div id="ratingboxhid"]] [#u-skip ▶ 跳过动画] [[/div]] [[div id="skip" style="display:none;"]] [[/div]] [[div class="mob-hid" style="margin:2rem"]] [[/div]] [[div class="poem p111"]] 巍巍鐵甲城 憑欄望海聽無意 本是遠春風 @@@@ @@@@ 猶念舊時 你我遊學中庭 初夢呵 酒染群櫻千萬朵 店中弦接三世報國情 @@@@ @@@@ 一朝聞上宣 芳華各自飄散 繽紛參道旁 彼此說聲再見 @@@@ @@@@ 戎車揚起十方塵土 稻荷神使躍進離離黍 欲將[[[yixue671|若港]]]的蜃樓追逐 輪盤絞起帝國奇虎 @@@@ @@@@ 無人堪御之 [[/div]] ~~~~~ @@@@ @@@@ [[div class="poem p222"]] 鏘鏘鐵甲城 海波切裂剖深怨 斜霧自痕生 浮世濁浪滔滔 誰聞隱處淒號 斟下一攏薄暮 迎風寂寞微搖 處處浩宇熾燃 代代悲歡焚遍 銹槍靜臥於此寒奩 枯黄舊時寄念 今人拂去老兵遺思 輕試且去征遠 征遠須臾止 漫漫鐵蓮發 野炮轟不滅 異術未能拔 悄飲風光喧闹忘 虛煙醉臥沒天涯 再酤六文錢 [[/div]] ~~~~~ @@@@ @@@@ [[div class="poem p333"]] 漠漠鐵甲城 星夜泣露滴靜破 暫醒殢蒙蒙 惟顧青嵐凝波 蒸於澹澹秋水 遊塵溶菲菲 析作殘櫻滿江北 片片裂血痕 零落如雨任枯萎 忽覺身乍寒 誰奪我軍袍 卻望一老婦 掛之枯木梢 梢揚淋淡赤 衣下新芳澆 兩顧時莞爾 拈花哂寥寥 誰泣渺茫絕伊人 誰歌悠悠故土曲 誰恨刀兵重難持 惟有浮棺迷途客旅 迎風落淚 睹月流哀 更驚妖氛結影 不知何所欲 瞬目瞥厄間 [[/div]] ~~~~~ @@@@ @@@@ [[div class="poem p444"]] 悠悠鐵甲城 白衣漫遊兀蕩蕩 如霰缽中橫 撥曳聲聲狂 弦斷霎時成空妄 渺渺玄霧開 舟出依稀故人相 末屆學子 覲見先輩 昔聞太平洋上 疾霆虺虺 慨歌淪幽冥 如櫻散時碎 吁嗟乘神艦 微撫諸法印 帝國造於新 帝國造於末 本部至善終品 未祭以血以靈 然無有所愧焉 輪盤絞命將盡 渡鳥有歸日 征夫去不還 奔鹿逃飛矢 生民更剖肝 幸哉大夢終落幕 皆歸此地笑團圓 殘香沾影隨 [[/div]] ~~~~~ @@@@ @@@@ [[div id="ratingboxhid"]] [[module Rate]] [[/div]] @@@@ @@@@ @@@@ @@@@ [[include :etinjat:typeface-cn |I-PenCrane-B=true ]] [[include :msr-arc:theme:tate]] [[module CSS]] #header h1 a:before {     content: '扶 桑 紀'; } #header h2:before {     content: '日 落 餘 暉'; } div#header-extra-div-1 {     background-image: url(http://scp-jp-storage.wdfiles.com/local--files/file%3A3282741-5-yh9l/Japanese_crest_Kiku_ni_Ichimonnji_2.svg); } div#page-content {     height: 95%; }     .p444 ~ .list-pages-box{         display: none !important;     } /* 诗歌 */ .poem { height: auto; writing-mode: vertical-rl; writing-mode: tb-lr; font-size:6vh; margin: 1rem 0rem 0 1rem;     float: right;     letter-spacing:0.5rem;     font-weight: 400; } #page-title,  .poem { font-family: 'I.PenCrane-B','Ma Shan Zheng', '华文隶书', lisu,  'Shippori Mincho',  'Noto Serif SC' , '思源宋体 CN'; /*  润植家康熙字典美化体, nzgrKangxi,  */ } #page-title{ text-align: center;     font-size: 400%;     letter-spacing: 0.5rem } #page-title, #breadcrumbs{ direction: rtl; unicode-bidi:bidi-override; } #u-ratingboxhid, #breadcrumbs {     opacity:0.5;   transition: all 0.5s ease-out; } #u-ratingboxhid:hover, #breadcrumbs:hover {    opacity:1; } #u-ratingboxhid,#u-ratingboxhid p {     float: right;     margin: 0;     line-height: 0; } #u-ratingboxhid a[href="#u-skip"] { display: none } @media   (min-width: 900px) { #u-ratingboxhid a[href="#u-skip"] { display: block } } #html-body #page-content .page-rate-widget-box, div.creditRate {   height: fit-content;   width: auto; } @media   (max-width: 760px) { #breadcrumbs, .pseudocrumbs {   margin: 0em 0 1em; } .poem {   font-size:200% !important; margin: 0em 0em 0 0em !important;     letter-spacing:0.3em } #page-title, #breadcrumbs{ direction:ltr; } #page-title{ direction:ltr;     font-size: 200%; } #u-ratingboxhid, #breadcrumbs {     opacity:1;   } #page-content{   right:auto;       position:initial; } } @media (min-width:1200px) {     .poem p{     background-image: linear-gradient(0deg, #333 100%, transparent);                 -webkit-background-clip: text;         color: transparent;     white-space: nowrap;     animation: w 4.5s forwards;     overflow : hidden;     background-clip: text;     -webkit-text-fill-color:transparent;     background-size: 100% 0%;     background-repeat:  no-repeat; } } @media (max-width:600px) {     div#main-content {   height: 100%;      padding: 0.5rem; } #html-body #page-content .page-rate-widget-box, div.creditRate {   writing-mode: initial;   height: 100%;   width: auto;   transform: none ;   box-shadow: none; } div#page-content {   min-height: auto;   height: auto;   padding:1rem;   flex-direction: revert;   box-sizing: border-box;   display: block;   writing-mode:   lr;   width: 100%;   margin: 0;   position: relative; } .poem {   writing-mode:   lr;     float: left;     font-size: 8vw !important;     letter-spacing: 0.2em; }  .printuser, .mobile-top-bar ul, .mob-hid{         display: none !important;     } }  .p111  p{     margin: 0 } #u-skip:target ~ div p {     background-size:100% 100% !important; } @keyframes w{     0% {                      background-size: 100% 0%;     }     100% {                      background-size:100% 100%;     } } @keyframes sss{     0% {                      background-size: 0% 100%;     }     100% {                      background-size:100% 100%;     } } :root {   --fade-in-delay: 2s; } .p111 p:not(:nth-child(3))  { animation-delay: calc(5.5 * var(--fade-in-delay)); } .p111 p:nth-child(1)  { animation-delay: calc(0 * var(--fade-in-delay)); } .p111 p:nth-child(2)  { animation-delay: calc(1.5 * var(--fade-in-delay)); } .p111 p:nth-child(3)  { animation-delay: calc(4 * var(--fade-in-delay)); } .poem:not(.p111)  p{ animation-delay: calc(5.5 * var(--fade-in-delay)); } /*--------------------------------------------------- .p111 p:nth-child(4) { animation-delay: calc(2.5 * var(--fade-in-delay)); } .p111 p:nth-child(5) { animation-delay: calc(3 * var(--fade-in-delay)); } .p111 p:nth-child(6) { animation-delay: calc(4 * var(--fade-in-delay)); } .p111 p:nth-child(7) { animation-delay: calc(5 * var(--fade-in-delay)); } .p111 p:nth-child(8) { animation-delay: calc(6.5 * var(--fade-in-delay)); } .p111 p:nth-child(9) { animation-delay: calc(7 * var(--fade-in-delay)); } .p111 p:nth-child(10) { animation-delay: calc(8 * var(--fade-in-delay)); } .p111  p:nth-child(11) { animation-delay: calc(9 * var(--fade-in-delay)); } .p111  p:nth-child(12) { animation-delay: calc(10 * var(--fade-in-delay)); } .p111  p:nth-child(13) { animation-delay: calc(11 * var(--fade-in-delay)); } .p111  p:nth-child(14) { animation-delay: calc(12 * var(--fade-in-delay)); } .p111  p:nth-child(15) { animation-delay: calc(13 * var(--fade-in-delay)); } .p111  p:nth-child(16) { animation-delay: calc(14 * var(--fade-in-delay)); } .p111  p:nth-child(17) { animation-delay: calc(15 * var(--fade-in-delay)); } .p111  p:nth-child(18) { animation-delay: calc(16 * var(--fade-in-delay)); } .p111  p:nth-child(19) { animation-delay: calc(17 * var(--fade-in-delay)); } .p111  p:nth-child(20) { animation-delay: calc(18 * var(--fade-in-delay)); } .p111  p:nth-child(21) { animation-delay: calc(19 * var(--fade-in-delay)); } .p111  p:nth-child(22) { animation-delay: calc(20 * var(--fade-in-delay)); } .poem:not(.p111)  p{ animation-delay: calc(20 * var(--fade-in-delay)); } -----------------------------------------*/ [[/module]]