.tab-bar>ul{width:100%;aspect-ratio:833 / 160;display:flex;justify-content:center;list-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-bar>ul>li{font-size:0;cursor:pointer}.tab-bar>ul>li>img{width:100%}.icon-container{display:flex;justify-content:center;margin:1.5% 0}.icon-container>li{margin:0 5%}.icon-container>li>a>img{width:30px}.copy{color:orange;text-align:center}.container{display:flex;flex-direction:column;max-width:833px;min-height:100vh;margin:0 auto;background:url(/image/bg.png) top center/100% auto repeat-y}.container>header{position:sticky;top:0;z-index:1000}.container>main{flex:1}.container>footer{background-color:#f5f5f5}.character-list{width:100%;display:flex;flex-wrap:wrap;list-style:none;padding:10% 0}.character-list>li{width:50%}.character-list>li img,.character-list>li>.loading-character{width:80%;border-radius:10px;margin-bottom:13.33%;background-color:#ffffff80;box-shadow:2px 2px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-list>li img{display:block;padding:10px;cursor:pointer}.character-list>li>.loading-character{aspect-ratio:2481 / 2482}.character-list>li:nth-child(odd) img,.character-list>li:nth-child(odd)>.loading-character{margin-left:13.33%}.character-list>li:nth-child(2n) img,.character-list>li:nth-child(2n)>.loading-character{margin-left:6.66%}.character-list>li:last-child img,.character-list>li:last-child(even)>.loading-character{margin-bottom:0}.story-wrapper{padding:10% 0}.story-wrapper>.story{width:90%;border-radius:10px;margin:0 auto;padding:5%;background-color:#ffffff80;box-shadow:2px 2px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-wrapper>.story>img,.story-wrapper>.story>.loading-character{width:60%;margin:0 auto 5%}.story-wrapper>.story>img{display:block}.story-wrapper>.story>.loading-character{aspect-ratio:2481 / 2482}.story-wrapper>.story>p{width:90%;margin:0 auto;white-space:pre-line}.result{display:block;width:100%;margin:-12.5% 0;filter:drop-shadow(2px 2px 10px rgba(0,0,0,.5));pointer-events:auto}.select{width:100%;display:flex;flex-direction:column;align-items:center}.select>.arrow-wrapper{width:5vw;max-width:40px;aspect-ratio:133 / 98;margin:0 auto;cursor:pointer}.select>.arrow-wrapper.up{margin-top:20px}.select>.arrow-wrapper.down{margin-bottom:20px}.select>.arrow-wrapper>.arrow{display:block;width:100%;pointer-events:auto}.select>.part-wrapper{width:100%;height:18vw;max-height:150px;overflow:hidden}.select>.part-wrapper>.part{width:100%;height:100%;object-fit:cover;object-position:center 40%}.select:last-of-type>.part-wrapper>.part{object-position:center 70%}.download{display:block;padding:4% 8%;margin:10% 0;font-size:clamp(16px,5vw,40px);font-weight:700;text-align:center;text-decoration:none;background-color:#3b82f6;color:#fff;border-radius:10px;border:1px solid transparent;cursor:pointer;box-shadow:2px 2px 10px #00000080}.create-wrapper{display:flex;flex-direction:column;align-items:center}.create-wrapper>.result-wrapper{width:90%;aspect-ratio:1;margin:10% 0;background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid rgb(59,101,196);border-radius:20px;overflow:hidden}.create-wrapper>.select-wrapper{width:90%;margin:0 auto;display:flex;justify-content:space-evenly;align-items:center;background-color:#fbefbd;border:4px solid rgb(59,101,196);border-radius:20px}.breathe-light{position:relative;width:100%;height:calc(100vh - (100vw / (833 / 160)));min-height:calc(100vh - 160px);display:flex;justify-content:center;align-items:center;background-color:#000}.breathe-light>p{position:relative;z-index:100;color:#fff;font-size:clamp(16px,10vw,83px);animation:breathe 5s infinite ease-in-out}@keyframes breathe{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.breathe-light>.circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.breathe-light>.circle:before{content:"";width:60vw;height:60vw;max-width:500px;max-height:500px;position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0f0;animation:rotate 5s infinite linear}@keyframes rotate{0%{transform:translate(-50%,-50%) scale(1) rotate(0);border-radius:30% 50% 40% 60%/30% 60% 50% 70%;filter:hue-rotate(0deg)}50%{transform:translate(-50%,-50%) scale(1.05) rotate(180deg);border-radius:50% 30% 60% 40%/60% 40% 70% 50%;filter:hue-rotate(180deg)}to{transform:translate(-50%,-50%) scale(1) rotate(360deg);border-radius:30% 50% 40% 60%/30% 60% 50% 70%;filter:hue-rotate(360deg)}}.breathe-light>.circle:after{content:"";height:55vw;width:55vw;max-width:458px;max-height:458px;position:absolute;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;border-radius:50%;animation:pulse 5s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}to{transform:translate(-50%,-50%) scale(1)}}.board-wrapper>img{width:100%;display:block}.about-wrapper{padding:10% 0}.about-wrapper>.about{width:90%;border-radius:10px;margin:0 auto;padding:5%;background-color:#ffffff80;box-shadow:2px 2px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-wrapper>.about:not(:last-of-type){margin-bottom:5%}.about-wrapper>.about>p{white-space:pre-line}.about-wrapper>.about>p>img{width:100%;display:block}.about-wrapper>.about>p>img:not(:last-of-type){margin-bottom:20px}.about-wrapper>.about>p>span.bold{font-weight:700}*{margin:0;padding:0;box-sizing:border-box}:root{-webkit-user-select:none;user-select:none;touch-action:manipulation}img{display:block;width:100%;pointer-events:none}ul{list-style:none}p{font-size:1rem;letter-spacing:1px;line-height:1.6;font-family:Microsoft JhengHei,sans-serif;color:#333}