@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/cn/sigma9_ch.min.css'); /* 朝颜文学报版式 [2022 Wikidot Theme] 由Dr Hormress制作 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700;900'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;700;900'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900'); :root { --header-height: 4rem; --narrow-header-height: 3.5rem; --mobile-header-height: 3rem; --narrow-mobile-header-height: 2.5rem; --sidebar-width: 20%; --narrow-sidebar-width: calc(1.5 * var(--sidebar-width)); --max-sidebar-width: 18rem; --title-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 200' style='enable-background:new 0 0 1000 200;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M211.5,30.4c-1.1,1-2.9,1.9-5.8,2.5v79c0,11.2-3.2,17.1-26.1,18.7c-0.4-5.4-1.3-9.4-3.7-11.6c-2.4-2.5-5.4-4.3-13.3-5.4 v-1.6c0,0,15.4,0.7,18.7,0.7c2.5,0,3.2-1,3.2-2.5V82.8h-18c-2.5,18.1-11.2,36.1-41.1,48.3l-1.2-0.8c9.3-8.2,15-17.2,18.3-26.9 h-25.8V126c-0.1,0.8-6.3,4.6-17.1,4.6h-3.9v-27.1H69.8l-1.2-3.4h27v-13h-0.9v1.2c0,1.6-8.5,4.9-16.7,4.9h-2.9V42.8L95.3,49h0.3 V37.4H70.1L68.9,34h26.7V16.8l26.4,1.6c-0.1,1.8-1.2,2.9-5.4,3.5V34h0.3l9.9-10.9c0,0,11.2,7.4,17.9,12.4c-0.4,1.3-2.1,1.9-4.2,1.9 h-23.9v11.2l8.6-7.2l18.3,11c-0.8,0.8-2.5,1.8-5.3,2.3v31.7c-0.1,1.2-10,4.6-17.1,4.6h-3.6v-3.7h-0.9v13h4.2l9.3-9.8 c0,0,7.5,4.8,13.6,9.1c2.9-10.8,3.5-22.1,3.5-33.7V20.6l23.2,6.4h12.5l9.5-8.5L211.5,30.4z M94.7,52.4v13.8h22.8V52.4H94.7z M94.7,83.8h22.8V69.5H94.7V83.8z M184.4,79.5V56.6h-17.1v9.1c0,4.6-0.1,9.1-0.6,13.8H184.4z M167.3,30.3v22.9h17.1V30.3H167.3z'/%3E%3Cpath d='M274.1,76.8c0,15.4-1.7,39.1-24.6,54.1l-1.5-1c8.9-16.3,9-36.7,9-53.1V53.7l19.8,5.6h12.9c1.7-6,3.6-15,5-22.9h-40.5 l-1.2-3.4h30.2c-1.4-0.4-2.9-1-4.2-1.8c-0.1-5.2-3.4-10.8-6.9-14.2l1-0.6c29.3,0.4,27,13.8,17.3,16.5h8.5l9.3-9.6 c0,0,10.3,6.5,16.6,11c-0.4,1.3-1.9,1.9-4.2,1.9h-22.6l18,4.1c-0.6,1.6-2.5,2.6-5.7,2.6c-5,5.9-10.8,11.8-16.4,16.2h4.8l8.1-8.4 c0,0,9.2,5.8,14.7,9.8c-0.5,1.3-2,1.9-4.1,1.9h-19.8l15.3,6.7c-0.9,1.2-2.1,1.6-5.4,1.2c-7.5,6.8-19.6,12.2-31,15.5l-1.3-1.8 c7.8-5.4,13.6-13,17.7-21.6h-18.7V76.8z M323.2,103.8c-1.1,1.3-2.6,1.7-6,1.2c-15.8,12.4-35,19.8-56.8,23.9l-1.1-1.8 c18.2-7.2,32.3-17.6,43.1-32.5L323.2,103.8z M265.4,37.3c35.3,7.3,17.5,27.7,4.2,17.9c0-6-2.9-12.7-5.7-17.3L265.4,37.3z M271.7,103.6c12.1-6.2,21.2-15.2,27.6-26.6l20,8.5c-0.9,1.2-2.4,1.7-5.7,1.3c-10.4,8.9-25,15.1-40.7,18.6L271.7,103.6z M364.7,30.9c-5,6.5-11.2,13.7-16.8,18.7h15.8l7.8-6.6l15.9,9.6c-0.7,0.8-2.4,1.7-5,2v42.8c-0.1,0.8-8.7,3.6-14.4,3.6h-3V61 c-0.9,0.6-2.3,1-4.4,1c-0.7,15.6-0.9,28.2-4.6,38.4c49.2,7.2,37.6,35.3,19.4,26.7c-3.8-8.4-12.6-17.9-20.3-24.7 c-5.7,13.2-18.4,21.9-47.4,27.5l-1.5-2c39.4-13,38.4-31.9,38.5-72.1l20.3,3.4V53h-25.4v45.1c0,1.4-7.4,4.6-14.9,4.6h-2.5V43.7 l18.2,5.9h2.1c0.1-5.2,0.1-12.7,0.1-18.7h-21.3l-1.2-3.4h43l10.4-10.8c0,0,11.6,7.3,18.4,12.2c-0.4,1.3-2.1,1.9-4.2,1.9H364.7z'/%3E%3Cpath d='M547.1,48.3c-4.5,19.8-14,36.9-30.6,50.7c16.7,7.2,35.7,11.9,55.5,15l-0.4,1.4c-10.9,1.3-18.6,6.8-22.5,15.6 c-18.6-5.2-34.8-11.9-48.1-21.5c-17.6,10-40.8,17.2-71,21.2l-0.6-1.2c26.7-7.2,46.6-16.9,61-28.7c-13.2-12.8-22.8-29.7-27.9-52.7 H432l-1.2-3.4h105.5l12.1-13.2c0,0,13.7,8.8,21.4,14.6c-0.4,1.3-2.1,1.9-4.3,1.9H547.1z M465,48.3c6.6,19,19.4,32.6,35.9,42.7 c11.4-12.6,17.5-27,20-42.7H465z M482.7,17.4c52.5,1.9,34.7,34.8,13.5,23.3c-1.8-8.3-7.8-17-14.4-22.7L482.7,17.4z'/%3E%3Cpath d='M752.9,49.6c-1.2,1.2-2.7,1.6-6,1.7c-6.4,3.1-16.9,7.1-25.6,9.6L728,66c-1.2,1.1-2.7,1.4-6,1.7c-7.8,2.9-19.5,6.6-29.7,9.5 l4.4,0.2c-0.3,1.8-1.8,2.6-5,3.1v7.6h27.6L730.7,76c0,0,13.1,8,20.7,13.5c-0.4,1.3-2.2,1.9-4.5,1.9h-55.2v19.4 c0,11.9-3.9,18.3-30.4,20.1c-0.8-5.8-1.8-9.7-5.4-12.5c-3.6-2.6-7.5-4.6-18.1-6.1V111c0,0,23.7,1.2,27.7,1.2c2.4,0,3.2-0.6,3.2-2.2 V91.5h-56.4l-1.2-3.4h57.6V75.6l15.3,1c4.1-4,8.6-8.9,11.9-13h-58l-1.4-3.4h60.3l12-9l9.6,7.3c1.5-3.5,3-7.7,4-11.3h-88.5 c1.8,9.5-2.4,16.1-8.4,18.7c-6,2.8-13.3,1.1-15.6-4.1c-2-5,1.8-8.9,7.2-10.9c5.4-2.6,10.5-9.6,9-17.4l1.8-0.1 c2.5,3.7,4.2,7.2,5.1,10.4h62.9c5-8,10-19.2,12.9-27.1l26.8,8c-0.8,1.3-2.5,2.3-6,1.9c-7.2,5-18,12-28.3,17.2h20.4l11.5-9.2 L752.9,49.6z M633,18.3c46.8,4.9,28.3,33.6,9.9,22.2c-0.9-7.7-5.8-16-11.1-21.6L633,18.3z M667.5,16.9c44.9,8.2,22.1,34.8,4.8,21.7 c0.1-7.6-2.7-15.4-6-21.2L667.5,16.9z'/%3E%3Cpath d='M929.1,70.8c-0.9,1.3-2.3,1.7-5.7,2c-3,11.8-8.1,22.9-16.5,32.6c7.7,4,16.1,7.1,24.5,9.7l-0.4,1.3 c-8.7,1.2-15.4,6.2-18.7,14.3c-7.1-4.1-13-8.4-18.4-13.6c-7.9,5.6-18,10.6-30.3,14.3l-1-1.3c10.4-5.8,18.1-13,24.2-21.1 c-7.5-9.8-12.8-22.2-15.9-38.7H866v55.9c0,1.1-6.3,4.7-16.9,4.7h-3.9V48.7c-0.7,0.4-1.5,0.5-2.5,0.5h-15.9v17.1 c5.7-1.2,11.6-2.4,17.3-3.7l0.3,1.2c-4.5,2.9-10.4,6.5-17.5,10.7v37.1c0,11.4-2.7,17.8-23.4,19.3c-0.3-5.6-0.9-9.7-2.9-12.5 c-1.8-2.8-4.5-4.4-10.6-5.5v-1.7c0,0,11.5,0.6,14.4,0.6c2.1,0,2.7-0.6,2.7-1.8V85.2c-2.5,1.3-5.3,2.6-8.1,4.1 c-0.6,1.6-2.2,3-4.2,3.6l-7.1-18.8c3.9-0.6,11-1.9,19.4-3.6V49.1h-17l-1.2-3.4h18.2V17l25.3,1.9c-0.3,1.8-1.8,3-5.5,3.4v21.9 l6.6-8.9c0,0,7.1,5.9,11.8,10.4V18.4l22.9,6.8h29.4l9.7-7.2l17.1,11c-1,1-2.9,1.7-5.7,2c-1,15.2-3,22.2-9.4,25.4 c-4.6,2.4-10.2,2.9-19.8,2.9c0-4-0.6-6.2-3.1-8.3c-2.9-2.2-7.9-3.6-14.2-4.7v-1.3c6.1,0.4,16.2,0.7,18.9,0.7c2.2,0,3.3-0.1,4.2-0.7 c2-1.2,3-7,3.6-16.5H866V67h34.5l10.4-8.6L929.1,70.8z M873,70.4c4.2,11.3,11.6,20,20.5,26.9c4.1-8.5,6.6-17.5,8.3-26.9H873z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M309.4,149.2c-0.2,1.4-0.4,2.9-0.6,4.4h2.7v-8h4.6v8h4.4v3.6h-4.4v8.2l4.4-1.1l0.4,3.5l-4.8,1.2v13.6h-4.6v-12.4l-7.1,1.8 l-1-3.8c2.3-0.4,5.1-1,8.2-1.8v-9.3h-3.3c-0.5,2.4-1.2,4.7-1.9,6.4c-0.8-0.4-2.6-1.2-3.6-1.5c1.5-3.3,2.4-8.5,2.8-13.5L309.4,149.2 z M337.6,145.4v4h9.6v3.4h-9.6v4.4h11.8v3.5h-5.8v4.3h5.4v3.5h-5.4v9.6c0,2-0.6,3.1-2.3,3.7c-1.7,0.6-4.4,0.6-8.2,0.6 c-0.2-1.1-0.8-2.7-1.4-3.8c2.7,0.1,5.4,0.1,6.3,0c0.8,0,1-0.2,1-0.7v-9.5h-17.2v-3.5H339v-4.3h-18.1v-3.5h12.2v-4.4h-9.3v-3.4h9.3 v-4H337.6z M327.5,169.2c2.3,1.8,5,4.4,6.2,6.2l-3.7,2c-1-1.8-3.6-4.5-5.9-6.4L327.5,169.2z'/%3E%3Cpath d='M663.2,161v-9.5h-8.8v-3.7h22.5v3.7H668v9.5h10.3v3.8H668v17.7h-4.9v-17.7h-10.1V161H663.2z M686.2,150.2v22.5h-4.8v-22.5 H686.2z M697.2,146.2v31.4c0,2.5-0.7,3.6-2.6,4.3c-2,0.6-5.2,0.8-9.9,0.7c-0.3-1.1-1.1-2.9-1.8-4c3.6,0.1,7,0.1,8.1,0.1 c1.1,0,1.4-0.3,1.4-1.1v-31.4H697.2z'/%3E%3C/g%3E%3C/svg%3E"); } body { font-size: 0.85rem; font-family: "Noto Sans SC", sans-serif; background-color: #000; } div#container-wrap-wrap { background-color: #FFF; opacity: 0.97; } a, a:link, a:hover, a:active, a:visited, div#side-bar a:visited { color: rgb(172, 127, 252); } a.newpage { color: rgb(212, 177, 255); } div#container-wrap { background: none; } div#header { display: block; position: fixed; width: 100%; max-width: 100%; height: calc(1.375 * var(--header-height)); margin: 0; padding: 0; background-color: transparent; background-image: linear-gradient(to bottom, rgba(172, 127, 252, 0.4), rgba(172, 127, 252, 0.2)), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), url("https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-border-colored.svg"), linear-gradient(to bottom, rgba(172, 127, 252, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); background-size: 100% var(--header-height), 100% var(--header-height), auto calc(0.375 * var(--header-height)), 100% calc(0.375 * var(--header-height)), 100% calc(0.375 * var(--header-height)); background-position: center top, center top, center bottom, center bottom, center bottom; background-repeat: no-repeat, no-repeat, repeat-x, no-repeat, no-repeat; } div#header h1 { height: var(--header-height); max-height: var(--header-height); margin: 0; margin-left: var(--header-height); padding: 0; padding-left: var(--header-height); background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-20.svg"); background-size: auto var(--header-height); background-position: center left; background-repeat: no-repeat; filter: drop-shadow(0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4)); -webkit-filter: drop-shadow(0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4)); } div#header h1 a { display: block; position: relative; height: var(--header-height); max-height: var(--header-height); width: calc(3.25 * var(--header-height)); padding: 0; margin: 0; } div#header h1 a::before { display: block; position: absolute; top: 0; left: 0; width: calc(2.6 * var(--header-height)); height: calc(0.625 * var(--header-height)); max-height: calc(0.625 * var(--header-height)); line-height: calc(0.625 * var(--header-height)); font-size: calc(0.5 * var(--header-height)); text-align: center; content: "朝顔文学報"; font-family: "Noto Serif JP", serif; font-weight: 900; color: #FFF; text-shadow: none; transform-origin: left center; transform: scaleX(1.25); -webkit-transform-origin: left center; -webkit-transform: scaleX(1.25); } div#header h1 a::after { display: block; position: absolute; top: calc(0.625 * var(--header-height)); left: 0; height: calc(0.375 * var(--header-height)); max-height: calc(0.375 * var(--header-height)); line-height: calc(0.375 * var(--header-height)); font-size: 1rem; font-family: "Noto Serif SC"; width: calc(3.25 * var(--header-height)); text-align: center; content: "做风的君王"; font-weight: 700; color: #FFF; text-shadow: none; } div#header h1 a span { display: none; } div#header h2 { display: none; } div#login-status { display: flex; top: calc(0.1 * var(--header-height)); right: calc(0.1 * var(--header-height)); height: calc(0.25 * var(--header-height)); padding: calc(0.075 * var(--header-height)); font-size: calc(0.1875 * var(--header-height)); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-radius: calc(0.25 * var(--header-height)); box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); transition: ease 0.25s; } div#login-status * { transition: ease 0.25s; } div#login-status:hover { max-width: 25rem; background-position: -100% center; overflow: visible; } div#login-status:hover * { opacity: 1; } div#login-status span.printuser { display: flex; margin-right: calc(0.125 * var(--header-height)); } div#login-status span.printuser a { font-size: calc(0.1875 * var(--header-height)); color: rgb(255, 255, 255); display: flex; } div#login-status span.printuser a img.small { width: calc(0.25 * var(--header-height)); height: calc(0.25 * var(--header-height)); padding: 0; margin: 0 calc(0.125 * var(--header-height)); background-image: none; } div#login-status a, div#login-status a#my-account, div#login-status a#account-topbutton { border: none; font-size: calc(0.1875 * var(--header-height)); color: rgb(0, 0, 0); } div#login-status a#my-account { margin-left: calc(0.125 * var(--header-height)); } div#login-status > a > strong { color: rgb(172, 127, 252); margin-left: calc(0.125 * var(--header-height)); } div#login-status a.login-status-create-account.btn, div#login-status a.login-status-sign-in.btn.btn-primary { font-size: calc(0.15 * var(--header-height)); padding: calc(0.05 * var(--header-height)); background-color: rgb(245, 245, 245); border-radius: calc(0.0625 * var(--header-height)); transition: ease 0.25s; } div#login-status a.login-status-create-account.btn:hover, div#login-status a.login-status-sign-in.btn.btn-primary:hover { text-decoration: none; background-color: rgb(235, 235, 235); } div#login-status a.login-status-create-account.btn { margin-right: calc(0.125 * var(--header-height)); } div#login-status a.login-status-sign-in.btn.btn-primary { margin-left: calc(0.125 * var(--header-height)); } div#account-options { width: 8rem; padding: 0.75rem; border: solid 1px transparent; border-radius: 0.75rem; box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2); } div#account-options a { margin: 0; padding: 0.25rem; color: rgb(172, 127, 252); transition: ease 0.125s; } div#account-options a:hover { text-decoration: none; color: rgb(172, 127, 252); background-color: rgb(245, 245, 245); text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2); } div#search-top-box { top: calc(0.6 * var(--header-height)); right: calc(0.1 * var(--header-height)); height: calc(0.4 * var(--header-height)); width: auto; font-size: calc(0.1875 * var(--header-height)); background-color: rgb(255, 255, 255); border-radius: calc(0.25 * var(--header-height)); box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2); transition: ease 0.25s; overflow: hidden; z-index: 30; } div#search-top-box * { transition: ease 0.25s; } div#search-top-box:hover { max-width: 25rem; background-position: -100% center; } div#search-top-box:hover * { opacity: 1; } div#search-top-box > form#search-top-box-form { display: flex; } div#search-top-box > form#search-top-box-form > input, div#search-top-box > form#search-top-box-form > input:hover { -webkit-appearance: none; outline: none; } div#search-top-box > form#search-top-box-form > input#search-top-box-input, div#search-top-box > form#search-top-box-form > input#search-top-box-input:hover, div#search-top-box > form#search-top-box-form > input#search-top-box-input:focus { margin: 0; color: rgb(27, 27, 27); border: solid calc(0.025 * var(--header-height)) rgb(255, 255, 255); border-radius: calc(0.25 * var(--header-height)) 0 0 calc(0.25 * var(--header-height)); padding: calc(0.075 * var(--header-height)) calc(0.125 * var(--header-height)); height: calc(0.2 * var(--header-height)); font-size: calc(0.1875 * var(--header-height)); box-shadow: inset 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2); background-color: transparent; transition: ease 0.25s; } div#search-top-box > form#search-top-box-form > input#search-top-box-input:hover, div#search-top-box > form#search-top-box-form > input#search-top-box-input:focus { color: rgb(0, 0, 0); background-color: rgb(245, 245, 245); } div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"], div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:hover, div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:focus { margin: 0; color: rgb(0, 0, 0); border: none; border-radius: 0 calc(0.25 * var(--header-height)) calc(0.25 * var(--header-height)) 0; box-shadow: none; padding: calc(0.075 * var(--header-height)) calc(0.125 * var(--header-height)); height: calc(0.4 * var(--header-height)); font-size: calc(0.1875 * var(--header-height)); background-image: none; background-color: transparent; transition: ease 0.25s; } div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:hover, div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:focus { background-color: rgb(245, 245, 245); } div#top-bar { position: absolute; top: 0; left: 0; width: auto; max-width: unset; height: var(--header-height); margin-left: calc(6 * var(--header-height)); margin-right: calc(0.25 * var(--header-height)); } div#top-bar div > ul { float: none; display: flex; } div#top-bar div > ul > li { background-image: linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 60%, transparent 100%); background-size: var(--header-height) 0; background-position: center center; background-repeat: no-repeat; transition: ease 0.1s; -webkit-transition: ease 0.1s; } div#top-bar div > ul > li.sfhover, div#top-bar div > ul > li:hover { background-size: var(--header-height) var(--header-height); } div#top-bar div > ul > li > a { display: flex; align-items: center; justify-content: center; padding: 0; border: none; line-height: calc(0.203125 * var(--header-height)); max-height: unset; width: var(--header-height); height: var(--header-height); font-size: calc(0.1875 * var(--header-height)); font-family: "Noto Sans SC"; font-weight: 700; text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4); transition: ease 0.1s; -webkit-transition: ease 0.1s; } div#top-bar div > ul > li.sfhover > a, div#top-bar div > ul > li:hover > a, div#top-bar div > ul > li.sfhover > a:hover, div#top-bar div > ul > li:hover > a:hover { color: rgb(172, 127, 252); border: none; background: transparent; text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2); } div#top-bar div > ul > li > ul { padding: 0.75rem; border: none; background-color: rgb(255, 255, 255); border-radius: 0.75rem; box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2); } div#top-bar div > ul > li.sfhover > ul > li > a, div#top-bar div > ul > li:hover > ul > li > a, div#top-bar div > ul > li.sfhover > ul > li > a:hover, div#top-bar div > ul > li:hover > ul > li > a:hover { padding: 0.25rem; border: none; color: rgb(172, 127, 252); background-color: transparent; transition: ease 0.125s; } div#top-bar div > ul > li.sfhover > ul > li > a:hover, div#top-bar div > ul > li:hover > ul > li > a:hover { background-color: rgb(245, 245, 245); text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2); } div#content-wrap { margin: 0; padding-top: 5rem; } /* SIDE BAR */ @media (min-width: 768px) { div#content-wrap { display: flex; max-width: unset; justify-content: space-between; } div#main-content { margin: 0; width: calc(100% - 2 * var(--sidebar-width)); max-width: 50rem; box-sizing: border-box; } div#page-content { min-width: unset; } div#side-bar { position: fixed; left: 0; bottom: 0; top: calc(1.75 * var(--header-height)); height: calc(100vh - 1.25 * var(--header-height)); width: var(--sidebar-width); max-width: var(--max-sidebar-width); overflow-y: scroll; overflow-x: hidden; transform: rotateY(180deg); } /* div#side-bar::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(0.25 * var(--header-height)); background-image: linear-gradient(to bottom, #FFF, transparent); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; z-index: 2; } */ div#content-wrap::before, div#content-wrap::after { content: ""; display: block; min-width: var(--sidebar-width); flex-shrink: 1; } div#side-bar > * { transform: rotateY(180deg); } } @media (max-width: 1039px) and (min-width: 768px) { div#content-wrap::before, div#side-bar { width: var(--narrow-sidebar-width); } div#main-content { width: calc(100% - var(--narrow-sidebar-width)); } div#content-wrap::after { display: none; } } div#side-bar div.side-block { position: relative; margin: 1rem 0.75rem; border: solid 1px transparent; border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); background-color: rgb(255, 255, 255) !important; } div#side-bar div.side-block::before, div#side-bar div.side-block::after { content: ""; display: block; position: absolute; top: calc(-0.1875 * var(--header-height)); right: 0; width: calc(1.2 * var(--header-height)); max-width: 50%; height: calc(0.375 * var(--header-height)); background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-block-border.svg"); background-repeat: no-repeat; background-position: center center; background-size: calc(1.2 * var(--header-height)) auto; } div#side-bar div.side-block::after { left: 0; transform: rotateY(180deg); } div#side-bar div.side-block div.heading, div#side-bar div.side-block div.collapsible-block-unfolded-link a.collapsible-block-link { display: block; padding: 0; margin: 0; font-size: 0.8rem; color: rgb(159, 207, 138); text-align: center; border-bottom: solid 1px rgb(159, 207, 138); font-family: "Noto Sans SC", sans-serif; font-weight: 900; } div#side-bar div.side-block div.collapsible-block-unfolded-link { border: none; } div#side-bar div.collapsible-block-folded { background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_expand.png"); } div#side-bar div.side-block div.menu-item > img.image { filter: hue-rotate(140deg) brightness(200%); -webkit-filter: hue-rotate(140deg) brightness(200%); } div#footer, div#license-area.license-area { right: 0; margin-left: auto; text-align: right; max-width: 300px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: solid 1px rgba(172, 127, 252, 0.4); box-sizing: border-box; opacity: 0.5; transition: ease 0.25s; } div#footer:hover, div#license-area.license-area:hover { opacity: 1; } div#footer { border-top-left-radius: 0.75rem; border-right: none; border-bottom: none; } div#footer a { color: rgb(172, 127, 252) !important; } div#license-area.license-area { text-align: center; border-top: none; border-right: none; border-bottom: none; } /* MOBILE FIX */ @media (max-width: 1039px) and (min-width: 768px) { div#login-status { max-width: calc(0.25 * var(--header-height)); background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/user_icon.svg"); background-size: auto 100%; background-position: left center; background-repeat: no-repeat; overflow: hidden; } div#search-top-box { max-width: calc(0.4 * var(--header-height)); background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/search_icon.svg"); background-size: auto 100%; background-position: left center; background-repeat: no-repeat; } div#login-status *, div#search-top-box * { opacity: 0; } } @media (max-width: 575px) { div#login-status { max-width: calc(0.25 * var(--header-height)); background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/user_icon.svg"); background-size: auto 100%; background-position: left center; background-repeat: no-repeat; overflow: hidden; } div#search-top-box { max-width: calc(0.4 * var(--header-height)); background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/search_icon.svg"); background-size: auto 100%; background-position: left center; background-repeat: no-repeat; } div#login-status *, div#search-top-box * { opacity: 0; } } @media (max-width: 959px) { :root { --header-height: var(--narrow-header-height); } } @media (max-width: 767px) { :root { --header-height: var(--mobile-header-height); } div#header h1 a { display: none; } div#top-bar { margin-left: calc(2 * var(--header-height)); } div#side-bar, div#side-bar:target { background-color: #FFF; border: none; } div#side-bar div.side-block { margin: 0.75rem 0.5rem; } div#side-bar:target .close-menu { background-color: rgba(172, 127, 252, 0.1); } div#top-bar div.open-menu a { left: 0; top: 0; color: #FFF; border: none; background-color: transparent; text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2); text-align: center; line-height: var(--header-height); width: var(--header-height); height: var(--header-height); } div#top-bar div.open-menu a:hover { box-shadow: none; } } @media (max-width: 383px) { :root { --header-height: var(--narrow-mobile-header-height); } } div#page-title { display: none; } div#page-title, div.meta-title { color: rgb(172, 127, 252); text-align: center; border-bottom: solid 1px rgb(159, 207, 138); text-shadow: 1px 1px 1px rgb(172, 127, 252); font-family: "Noto Serif SC", serif; font-weight: 900; } h1 { font-family: "Noto Serif SC", serif; color: rgb(159, 207, 138); } h2, h3, h4, h5, h6 { font-family: "Noto Sans SC", sans-serif; } /* RATE MODULE */ div.page-rate-widget-box, div#page-content div.creditRate div.rate-box-with-credit-button div.page-rate-widget-box { display: inline-flex; background-color: transparent; border: solid 1px #FFF; height: 1.5rem; border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); margin-left: 0; margin-right: 0; overflow: hidden; } div.page-rate-widget-box span.rate-points { color: #000 !important; line-height: 1.5rem; background-color: transparent !important; border-radius: 0; border: none; } div.page-rate-widget-box span.rateup.btn, div.page-rate-widget-box span.ratedown.btn, div.page-rate-widget-box span.cancel { height: 1.5rem; line-height: 1.5rem; border: none; background-color: transparent; border-radius: 0; transition: ease 0.25s; } div.page-rate-widget-box span.rateup.btn:hover, div.page-rate-widget-box span.ratedown.btn:hover, div.page-rate-widget-box span.cancel:hover { background-color: rgb(245, 245, 245); } div.page-rate-widget-box span.rateup.btn a, div.page-rate-widget-box span.ratedown.btn a, div.page-rate-widget-box span.cancel a { display: block; height: 100%; border: none; background-color: transparent; border-radius: 0; color: #666; } div.page-rate-widget-box .rateup.btn a:hover, div.page-rate-widget-box .ratedown.btn a:hover, div.page-rate-widget-box .cancel a:hover { border: none; background-color: transparent; border-radius: 0; color: #000; } div#page-content div.rate-box-with-credit-button { border-radius: 0; border: none; background-color: transparent; box-shadow: none; } div#page-content div.creditRate { margin-left: 0; margin-right: 0; } div#page-content div.rate-box-with-credit-button { display: inline-flex; } div#page-content div.rate-box-with-credit-button div.creditButton p a { display: block; margin: 0; margin-left: 5px; width: 20px; height: 1.5rem; line-height: 1.5rem; font-size: 12px; text-align: center; color: #666; background-color: transparent; border: solid 1px #FFF; border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); position: static; transition: ease 0.25s; } div#page-content div.rate-box-with-credit-button div.creditButton p a:hover { color: #000; background-color: rgb(245, 245, 245); } /* YUI TABS */ div#page-content div.yui-navset.yui-navset-top { border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); overflow: hidden; } div#page-content div.yui-navset.yui-navset-top a:hover, div#page-content div.yui-navset.yui-navset-top a:focus { text-decoration: none; } div#page-content div.yui-navset.yui-navset-top > ul.yui-nav { border: none; display: flex; flex-wrap: wrap; } div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li { margin: 0; padding: 0; height: 1.5rem; border: none; flex-grow: 1; max-width: 100%; } div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a { margin: 0; padding: 0 0.8rem; border: none; width: 100%; height: 100%; max-width: 100%; text-align: center; overflow: hidden; font-family: var(--title-font); color: rgb(255, 255, 255); background-image: none; background-color: rgba(172, 127, 252, 0.87); box-sizing: border-box; transition: ease 0.25s; } div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:focus, div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:hover { color: rgb(255, 255, 255); background-color: rgba(172, 127, 252, 0.75); } div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a, div#page-content div.tui-navset.yui-navset-top > ul.yui-nav > li.selected > a:focus, div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a:hover { color: rgb(0, 0, 0); background-color: rgb(245, 245, 245); background-image: none; } div.yui-navset.yui-navset-top > ul.yui-nav > li > a > em { display: block; padding: 0; margin: 0; height: 100%; line-height: 1.5rem; border: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.yui-navset.yui-navset-top > div.yui-content { padding: 0 1rem; background-color: transparent; border: none; border-top: solid 1px rgb(159, 255, 138); } div.yui-navset.yui-navset-top > div.yui-content > div { padding: 1px; margin: -1px; } /* BUTTONS */ a.button.btn, div.owindow a.btn, div.options input.btn, div.options input.btn.btn-default, div.options input.btn.btn-primary, div.options input.btn.btn-sm, div.options input.btn.btn-small, div.options a.btn, div.options a.btn.btn-default, div.options a.btn.btn-primary, div.options a.btn.btn-sm, div.options a.btn.btn-small, div.buttons input.btn, div.buttons input.btn.btn-default, div.buttons input.btn.btn-primary, div.buttons input.btn.btn-sm, div.buttons input.btn.btn-small, div.buttons a.btn, div.buttons a.btn.btn-default, div.buttons a.btn.btn-primary, div.buttons a.btn.btn-sm, div.buttons a.btn.btn-small, div.button-bar input.btn, div.button-bar a.btn, div.button-bar a, div.page-options-bottom input.btn, div.page-options-bottom a.btn { display: inline-block; font-weight: bold; color: rgb(0, 0, 0); border-color: transparent; border-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: 0 0 0.25rem rgba(172, 127, 252, 0.4); padding: 0.2rem 0.5rem; transition: ease 0.25s; } a.button.btn:hover, div.owindow a.btn:hover, div.options input.btn:hover, div.options a.btn:hover, div.buttons input.btn:hover, div.buttons a.btn:hover, div.button-bar input.btn:hover, div.button-bar a.btn:hover, div.button-bar a:hover, div.page-options-bottom input.btn:hover, div.page-options-bottom a.btn:hover, a.button.btn:focus, div.owindow a.btn:focus, div.options input.btn:focus, div.options a.btn:focus, div.buttons input.btn:focus, div.buttons a.btn:focus, div.button-bar input.btn:focus, div.button-bar a.btn:focus, div.button-bar a:focus, div.page-options-bottom input.btn:focus, div.page-options-bottom a.btn:focus { display: inline-block; text-decoration: none; border-color: transparent; background-color: rgba(159, 255, 138, 0.5); box-shadow: 0 0 0.25rem rgba(159, 207, 138, 0.4); color: rgb(0, 0, 0); } div.page-options-bottom { display: flex; flex-wrap: wrap; text-align: center; } div.page-options-bottom a.btn { flex-grow: 1; } @media (max-width: 767px) { div.owindow div a.btn-primary { width: unset; float: none; display: block !important; text-align: center; margin: 0.2rem; } div.content.modal-body div[style="float:right"] { float: none !important; clear: both; text-align: right !important; } } hr { margin-left: 0; margin-right: 0; background-color: rgba(172, 127, 252); } /* BLOCKS */ div.asagao-title img { opacity: 0; } div.asagao-title { mask-image: var(--title-mask); -webkit-mask-image: var(--title-mask); background-color: rgb(255, 255, 255); background-image: linear-gradient(45deg, rgba(172, 127, 252, 0.6), rgba(172, 127, 252, 0.8)); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } div.owindow { background-color: rgb(255, 255, 255); border: solid 1px transparent; border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); overflow: hidden; } blockquote, div.blockquote { margin: 1rem 0; background-color: rgb(255, 255, 255); border: solid 1px transparent; border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); } div.blockquote.green-shadow { box-shadow: 0 0 0.5rem rgba(159, 207, 138, 0.4); } div.blockquote.grey-bg { background-color: rgb(235, 235, 235); box-shadow: none; } div.blockquote.styled { position: relative; } div.blockquote.styled::before, div.blockquote.styled::after { content: ""; display: block; position: absolute; top: calc(-0.1875 * var(--header-height)); right: 0; width: calc(1.2 * var(--header-height)); max-width: 50%; height: calc(0.375 * var(--header-height)); background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-block-border.svg"); background-repeat: no-repeat; background-position: center center; background-size: calc(1.2 * var(--header-height)) auto; } div.blockquote.styled::after { left: 0; transform: rotateY(180deg); } div.column-2, div.column-3, div.column-4 { margin: 1em 0; column-count: 2; column-rule: solid 1px rgba(159, 207, 138); } div.column-3 { column-count: 3; } div.column-4 { column-count: 4; } div.column-2 p:nth-child(1), div.column-3 p:nth-child(1), div.column-4 p:nth-child(1) { margin-top: 0; } div.column-2 p:nth-last-child(1), div.column-3 p:nth-last-child(1), div.column-4 p:nth-last-child(1) { margin-bottom: 0; } @media (max-width: 767px) { div.screen { column-count: unset; } } div.scp-image-block { border: none; border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); overflow: hidden; } div.scp-image-block.block-right { margin-right: 0; } div.scp-image-block.block-left { margin-left: 0; } div.scp-image-block div.scp-image-caption { border: none; background-color: rgb(245, 245, 245); } table.wiki-content-table { border-radius: 0.75rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4); overflow: hidden; border-collapse: separate; } table.wiki-content-table tr:nth-child(1), table.wiki-content-table tr:nth-child(1) :nth-child(1) { border-top-left-radius: 0.75rem; } table.wiki-content-table tr:nth-child(1), table.wiki-content-table tr:nth-child(1) :nth-last-child(1) { border-top-right-radius: 0.75rem; } table.wiki-content-table tr:nth-last-child(1), table.wiki-content-table tr:nth-last-child(1) :nth-child(1) { border-bottom-left-radius: 0.75rem; } table.wiki-content-table tr:nth-last-child(1), table.wiki-content-table tr:nth-last-child(1) :nth-last-child(1) { border-bottom-right-radius: 0.75rem; } table.wiki-content-table th { border: solid 1px rgb(245, 245, 245); background-color: rgb(245, 245, 245); } table.wiki-content-table td { border: solid 1px rgb(245, 245, 245); } div.code { margin: 1rem 0; border-style: solid; border-radius: 0.75rem; } div.author { display: flex; width: 100%; justify-content: flex-end; align-items: center; } div.author div.author-title { display: block; margin: 0 1rem; padding: 0.5rem; background-color: rgba(159, 255, 138, 0.4); border: solid 1px transparent; border-radius: 0.75rem; } div.author p { margin: 0; } /* HOVERTIP */ .hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer { display: none !important; } .hovertip { color: rgb(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; border: solid 1px transparent !important; border-radius: 0.5rem; box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.3); }
附录二:其他动漫/轻小说的吐槽
作品名称:《无逻辑推演》
评论员:海咲野悠
评论:
是部相当不错的作品,在青空社内大概算是《郊游部,敬礼!》的后续作品,风格和《郊游部》也颇为类似。令人印象深刻的是主人公装傻时候用的口头禅“稍微有点听不懂你在说什么”。声优有从事搞笑艺人行业的经历。尽管没有什么剧情可言,但仍不失为放松时值得一看的作品。
作品名称:《任职对象是?》
评论员:海咲野悠
评论:
接近偶像番的职场番,聚焦在声优团体之上,同时也有联动的真人企划。虽说节奏稍微有些拖拉,作为群像剧,对部分角色的塑造也稍微有所缺憾,但在不足的经费的前提之下已经达到了相当好的效果。对偶像企划感兴趣的观众值得一看。此外,本作中除去主角团队之外的角色均有知名声优出演,所以能看到这些声优的经典桥段,也算是一种回顾吧。
作品名称:《休息处,水族馆》
评论员:海咲野悠
评论:
类似《游乐园》的续作。讲述两名少女运营水族馆的故事。剧情某种意义上和《游乐园》有些接近,都要同经费问题做抗争。不同的是,本作更多的关注于人们的内心,两位少女在为来访的困扰着的人们解决一个又一个问题的同时寻找着水族馆的出路。结局相当精彩,是不错的治愈番。
作品名称:《世界第一的高中生的改造异世界之旅!》
评论员:海咲野悠
评论:
…….简直无法评价。不知道这样离奇的作品是怎样出现在商业化的动画制作当中的。打着科学和政斗的旗号拍的魔法番。借用遥的评价,“如果不带脑子看的话还能稍微好些”。好吧,至少作画的质量不错,恋爱剧情也并无障碍。
作品名称:《同一屋檐下》
评论员:南谷唯
评论:
值得一看的暖心治愈向恋爱作品!讲述不善言辞的漫画作者和元气满满的高中生的故事。颇为搞笑但也相当温馨的日常。玩了很多名漫画的梗。
作品名称:《此处,计算点》
评论员:海咲野遥
评论:
如果脑力运动也算是运动,那便是相当不错的运动番。传统的具有天赋的女主角和凭借着超人的努力的男主角的剧情套路,也充分展现了友情和团队写作的精神。就是恋爱线稍微有点缺憾,如果不介意的话,那么可以花上一天的时间补完。
作品名称:《百种听闻》
评论员:海咲野悠
评论:
讲述在某个庭院里的妖精的见闻的故事。相当历史风的作品,有点硬核。很好的展现了往昔的中部地区的风貌。对此类主题感兴趣的观众不可错过。
作品名称:《记忆消散的时刻》
评论员:海咲野悠
评论:
催泪向作品。讲述作为团队工作的男女主人公的分离的故事。再说更多大概就要剧透了——不过或许有个名场面,就算不曾听闻过这部番的名字,也对这句台词有所印象。“我们会在明天重逢。”值得一看。
作品名称:《向着更远、更远的地方》
评论员:海咲野悠
评论:
看名字看不出来的科普番。讲述天文学社的故事,也是“露营潮流”的产物。所谓更远、更远的地方便是指亿万光年之外的恒星。笔者的观感还算不错。顺带一提,有部名为《向着更远的地方》的旅行科普番也值得一看。新人往往会搞混二者。
作品名称:《维持。》
评论员:海咲野悠
评论:
莫名其妙的根本没写完的作品……导致动画的观感奇差无比。核心是“善即是维持”,稍微有点不知所云。但是有若干场景和叙事手法处理的相当妙。若是能够接受剧情上的硬伤,可以尝试。
作品名称:《现在是广播时刻》
评论员:海咲野悠
评论:
海谷本人提及自己所喜爱的作品。讲述主人公独立制作自己的节目,并逐渐和听众产生链接的故事。大概也可以被算作治愈向和日常向吧。《游乐园》的写作似乎稍微受其影响。推荐观看。主人公的声优的声音是本作的亮点之一。