最期之艦

[[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]]