.headline_top{box-sizing:border-box;min-height:calc(var(--vh) - var(--app-padding-top) - var(--app-padding-bottom) - var(--active-header-height));flex-direction:column;justify-content:center;align-items:center;padding-top:110px;padding-bottom:110px;display:flex;position:relative}.headline_top.v_top{justify-content:flex-start}.headline_top.v_center{justify-content:center}.headline_top.v_bottom{justify-content:flex-end}.top_img_box{height:100vh;max-width:var(--max-window);z-index:-1;opacity:calc(1 - var(--process)*.75);transform:scale(calc(1 + var(--process)*.1));filter:blur(calc(var(--process)*10px));margin:0 auto;position:fixed;top:0;left:0;right:0;overflow:hidden}.none_blur_app .top_img_box{filter:blur();opacity:calc(1 - var(--process)*.95)}.top_img{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.top_img.top_img_done{animation:1.5s cubic-bezier(.62,.21,.25,1) both top_img_scale}@keyframes top_img_scale{0%{opacity:0;transform:scale(1.5)}to{opacity:1}}.top_img_shadow{background-image:radial-gradient(#fff0 0,rgba(var(--page-background-rgb),.5) 100%),radial-gradient(#fff0 33%,rgba(var(--page-background-rgb),.3) 166%),linear-gradient(0,#fff0 0,#fff0 0 80%,#fff0 0,rgba(var(--page-background-rgb),.4) 100%);position:absolute;inset:0}.top_text{word-break:break-word;flex-direction:column;display:flex}.h_left .top_text{text-align:left;align-items:flex-start}.h_center .top_text{text-align:center;align-items:center}.h_right .top_text{text-align:right;align-items:flex-end}.top_text h1,.top_text h2,.top_text p{color:#fff0;width:max-content;max-width:100%;animation:1s linear both show;position:relative}.top_text h1:after,.top_text h2:after,.top_text p:after{content:"";border-radius:var(--border-radius);background:var(--main-color);height:100%;animation:1s cubic-bezier(.62,.21,.25,1) both swipe_box;position:absolute;top:0}.top_text h1{font-size:60px;font-family:var(--title-font);line-height:1.2em}@media (width<=560px){.top_text h1{font-size:40px}}.top_text h2{font-size:20px;font-family:var(--title-font);margin-top:20px;line-height:1.2em}.top_text h2,.top_text h2:after,.top_text p{animation-delay:.2s}.top_text p{margin-top:40px;font-size:20px}.top_text p:after{animation-delay:.2s}.top_loading-enter-active,.top_loading-leave-active{transition:opacity .5s}.top_loading-enter-from,.top_loading-leave-to{opacity:0}.top_loading{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.top_loading .circle_box{width:80px;height:80px;position:relative}.top_loading .circle_box .circle{background-color:var(--text-light-color-opaque);opacity:.5;border-radius:50px;width:80px;height:80px;position:absolute;top:0}.top_loading .circle_box .circle1{animation:3s ease-in-out -1.5s infinite top_loading}.top_loading .circle_box .circle2{animation:3s ease-in-out infinite top_loading}.top_loading p{color:var(--text-light-color);margin-top:30px}.top_loading .top_text_loading_img{opacity:.04;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:1s linear both top_text_loading_img;position:absolute;inset:0;transform:scale(1.5)}@keyframes top_text_loading_img{0%{opacity:0}to{opacity:.04}}@keyframes top_loading{0%{transform:translate(-20px)scale(.8)}25%{transform:scale(.6)}50%{transform:translate(20px)scale(.8)}75%{transform:scale(1)}to{transform:translate(-20px)scale(.8)}}.bottom_text{position:absolute;bottom:0;left:0;right:0}.bottom_text .content{justify-content:space-between;align-items:flex-end;padding-top:20px;padding-bottom:20px;font-size:14px;display:flex}.bottom_text p{text-align:right}.bottom_text a,.bottom_text p{color:var(--text-sub-color)}@keyframes swipe{0%{background:linear-gradient(var(--main-color),var(--main-color)) no-repeat left 100%/0 100%}50%{background:linear-gradient(var(--main-color),var(--main-color)) no-repeat left 100%/100% 100%;color:#fff0}51%{color:var(--text-color)}to{background:linear-gradient(var(--main-color),var(--main-color)) no-repeat left 100%/0 100%;color:var(--text-color)}}@keyframes swipe_box{0%{width:0;left:0}50%{color:#fff0;width:100%;left:0}to{width:0;left:100%}}@keyframes show{50%{color:#fff0;text-shadow:2px 3px 10px #0000}51%{color:#fff;text-shadow:2px 3px 10px #2e2e2e88}to{color:#fff;text-shadow:2px 3px 10px #2e2e2e88}}.theme_box_tip{color:var(--text-sub-color);margin:12px 10px 0;font-size:14px}.theme_box{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:20px;width:10000px;margin-bottom:20px;display:grid}.theme_item{background:var(--section-inside-color);border-radius:var(--border-radius);flex-direction:column;display:flex}.theme_item .theme_item_img_box{border-radius:var(--border-radius) var(--border-radius) 0 0;background-position:50%;background-repeat:no-repeat;background-size:cover;height:0;padding-bottom:56.25%;position:relative}.theme_item .theme_item_img_box img{-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;height:100%;box-shadow:inset 0 0 30px 5px var(--border-light-color);position:absolute;inset:0}.theme_item .theme_item_name{border-radius:0 0 var(--border-radius) var(--border-radius);align-items:center;padding:10px;display:flex}.theme_item .theme_item_name .name{color:var(--headline-color);-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;padding-left:6px;padding-right:10px;font-size:16px;display:-webkit-box;overflow:hidden}.theme_item .theme_item_name button{min-height:24px;width:unset;background:var(--headline-color);padding-top:0;padding-bottom:0}.headline_info{padding-top:20px;padding-bottom:40px;position:relative}.headline_info>.content{display:flex}@media (width<=800px){.headline_info>.content{flex-direction:column}}.headline_info>.content>.pic_box{z-index:1;justify-content:center;align-items:flex-start;width:50%;display:flex}@media (width<=800px){.headline_info>.content>.pic_box{width:90%;min-height:40vw;margin-left:5%}}.headline_info>.content>.pic_box img{box-shadow:var(--dialog-shadow);border-radius:var(--border-radius);-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:600px;margin-bottom:20px;overflow:hidden}.headline_info>.content>.text_box{background-color:var(--main-color-alpha);border-radius:var(--border-radius);flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;margin-top:20px;margin-left:-40%;padding:30px 30px 30px calc(40% + 30px);display:flex}.headline_info>.content>.text_box .headline_info_text{flex:1;width:100%}.headline_info>.content>.text_box .headline_info_text hr,.headline_info>.content>.text_box .headline_info_text p{margin:6px 0}@media (width<=800px){.headline_info>.content>.text_box{margin-top:-40%;margin-left:0;padding-top:40%;padding-left:30px}}.headline_info .headline_info_title{opacity:.5;margin-bottom:20px;transition:all .2s}.headline_info .headline_info_title svg{width:40px;height:40px;fill:var(--main-color)}.pc_browser .headline_info .headline_info_title:hover{opacity:.8}.headline_info .headline_info_text{line-height:1.8}.BlogCategoriesIcon{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=700px){.BlogCategoriesIcon{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;display:grid}}.BlogCategoriesIcon .categories_item{border:2px solid var(--border-light-color);border-radius:var(--border-radius);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;transition:all .2s;display:flex}.BlogCategoriesIcon .categories_item .text h3{color:var(--text-sub-color);margin-top:4px;font-size:20px;line-height:1.5;transition:all .2s}.BlogCategoriesIcon .categories_item .icon svg{width:60px;height:60px;fill:var(--main-color);transition:all .2s}.BlogCategoriesIcon .categories_item:hover{background-color:var(--main-color-deep);border:2px solid var(--main-color-deep)}.BlogCategoriesIcon .categories_item:hover svg{fill:#fff}.BlogCategoriesIcon .categories_item:hover h3{color:#fff}.home_blog_link{margin-top:40px}.home_blog_link,.home_blog_link a{justify-content:center;align-items:center;display:flex}.home_blog_link a{color:var(--text-sub-color);border-radius:var(--border-radius);box-sizing:border-box;border:2px solid var(--text-sub-color);height:40px;padding:4px 30px;transition:padding .3s cubic-bezier(.17,1.22,.45,1.28),color .2s,background-color .2s,border .2s,transform .2s cubic-bezier(.17,1.22,.45,1.28)}.pc_browser .home_blog_link a:hover{color:#fff;background-color:var(--main-color-deep);border:2px solid var(--main-color-deep);padding:4px 50px}.pc_browser .home_blog_link a:active{transform:scale(.9)}.home_part .part_title{margin-top:50px}.home_part{margin-top:-20px;margin-bottom:40px}