@charset "UTF-8";:root{--ff-primary: Roboto, "Helvetica Neue", sans-serif;--bgc-transparent: rgba(0, 0, 0, .4);--bgc-dark-mode: rgba(0, 0, 0, .8);--color-primary: #2a76d2;--color-primary-dark: #173760;--color-danger: #ef4444;--color-danger-dark: #a71313;--color-danger-bg: #3c0505;--color-bg-light: #f8fafc;--color-bg-lighter: #ededed;--color-border: #d1d5db;--color-border-light: #e5e7eb;--color-text-dark: #1f2937;--color-text-gray: #374151;--color-text-light: #6b7280;--focus-shadow: 0 0 0 3px rgba(37, 99, 235, .1);--fs-100: .7rem;--fs-200: .8125rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.2rem;--fs-600: 1.5rem;--fs-700: 1.875rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem;--maxw-handy: 428px;--maxh-handy: 926px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{min-height:100%;overflow-x:hidden}body{margin:0;font-family:var(--ff-primary);text-rendering:optimizeSpeed;line-height:1.5}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root h1{font-size:var(--fs-900)}:root h2{font-size:var(--fs-800)}:root h3{font-size:var(--fs-700)}:root h4{font-size:var(--fs-600)}:root h5{font-size:var(--fs-500)}a:not([class]){text-decoration-skip-ink:auto}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{min-height:100svh;max-width:1000px;min-width:350px;margin:0 auto;padding-inline:var(--size-500);display:flex;flex-direction:column;gap:50px}.app-container:has(.UpdateArticle),.app-container:has(.NewArticle),.app-container:has(.AddBookOrVideo){height:100svh;gap:5px}.children{display:flex;flex-direction:column;flex-grow:1;min-height:0}button{-webkit-user-select:none;user-select:none}a{text-underline-offset:var(--size-100)}.footer{background-color:#f5f5f5;padding:1rem;text-align:center;font-size:.9rem;color:#555;-webkit-user-select:none;user-select:none}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}header{display:flex;flex-direction:column;gap:var(--size-200)}header .website-title{font-family:KaiTi,STKaiti,KaiTi TC,楷体,cursive;color:var(--color-primary);font-weight:900;text-align:center;padding:var(--size-200);text-shadow:2px 2px 1px rgba(0,0,0,.2)}header .info-bar{display:flex;gap:var(--size-300);align-items:center}header .info-bar .date{margin-left:auto}header .info-bar .search-field{display:flex;align-items:center;gap:var(--size-100);color:#ffffffb3}header .info-bar .search-field input{background:none;border:none;border-bottom:1px solid black;outline:none}header .info-bar .search-field input::placeholder{color:#ffffffb3;opacity:1}header .toolbar{background-color:var(--color-primary);color:#fff;padding:8px 12px;display:flex;align-items:center}header .toolbar .info-bar{display:none}header .toolbar .nav-links a{text-decoration:none;color:inherit;padding-bottom:2px}header .toolbar .nav-links a.active{border-bottom:2px solid currentColor}header .toolbar span.register-login{margin-right:var(--size-400)}header .toolbar span.register-login a:visited{color:#fff}header .toolbar .menu-button{display:none;margin-left:auto;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}header .toolbar .nav-links{flex-grow:1;display:flex;justify-content:center;gap:10%}header .toolbar .nav-links a{color:#fff;text-decoration:none;padding:4px 8px}header .toolbar .nav-links a:hover{background-color:#ffffff1a;border-radius:4px}header .sidenav-container{position:relative}header .sidenav-container.open .sidenav{left:0}header .sidenav-container.open .overlay{display:block;position:fixed;inset:0 0 0 250px;background-color:var(--bgc-transparent);z-index:9}header .sidenav-container .sidenav{position:fixed;top:0;left:-250px;height:100%;width:250px;background-color:#fff;box-shadow:2px 0 8px #0000004d;transition:left .3s ease;display:flex;flex-direction:column;padding-top:12px;z-index:10}header .sidenav-container .sidenav-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-weight:700;margin-bottom:12px}header .sidenav-container .sidenav-links{display:flex;flex-direction:column;gap:8px;padding:0 16px}header .sidenav-container .sidenav-links a{text-decoration:none;color:#333}header .sidenav-container .sidenav-search{padding:16px;display:flex;align-items:center;gap:8px;color:#0009}header .sidenav-container .sidenav-search input{background:none;border:none;border-bottom:1px solid rgba(0,0,0,.5);color:#000;outline:none}header .sidenav-container .sidenav-search input::placeholder{color:#878787b3;opacity:1}header .sidenav-container .overlay{display:none}@media (max-width: 599px){header .info-bar{display:none}header .toolbar .menu-button{display:inline-block;padding-left:var(--size-300);padding-bottom:var(--size-100)}header .toolbar .info-bar{display:flex;flex-grow:1;justify-content:space-between}header .toolbar .nav-links,header .toolbar .search-field{display:none}}.Articles-container a{text-decoration:none}.Articles-container button{padding:var(--size-100);font-size:var(--fs-400);border:none;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.Articles-container button:hover{background-color:#d1d1d1}.Articles-container button.delete{padding:0;color:#00e;background-color:transparent}.Articles-container .article-and-calendar{display:flex}.Articles-container ul.articles{flex:1;display:flex;flex-direction:column;gap:1rem}.Articles-container ul.articles li{display:flex;gap:var(--size-400);align-items:center;flex-wrap:wrap}.Articles-container ul.articles li div{margin-left:auto}.Articles-container ul.articles li div span,.Articles-container ul.articles li div a,.Articles-container ul.articles li div button{padding-left:var(--size-400)}.Articles-container ul.articles li h5{margin-right:auto}.Articles-container .add-new{margin-top:var(--size-400)}.Articles-container .right-bar{width:18rem;margin-left:var(--size-600);display:flex;flex-direction:column;gap:var(--size-400)}.Articles-container .right-bar .change-date{background:var(--color-bg-lighter);border-radius:var(--size-100);text-align:center;padding-block:var(--size-100)}.Articles-container .right-bar button.show-all{background-color:transparent;text-align:left;cursor:pointer}.Articles-container .right-bar button.show-all:hover{text-decoration:underline;text-underline-offset:var(--size-100)}.Articles-container .right-bar .react-calendar{width:100%;border:none;border-radius:var(--size-300);box-shadow:0 4px 10px #0000001a;background:#fff;font-family:inherit;background:var(--color-bg-light)}.Articles-container .right-bar .react-calendar__navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.Articles-container .right-bar .react-calendar__navigation button{color:#333;font-size:1rem;font-weight:600;padding:.25rem .5rem;border-radius:8px;transition:background .2s}.Articles-container .right-bar .react-calendar__navigation button:hover{background:#f0f0f0}.Articles-container .right-bar .react-calendar__navigation button:disabled{color:#ccc;background:transparent}.Articles-container .right-bar .react-calendar__month-view__weekdays{text-align:center;font-size:.85rem;font-weight:600;color:#666}.Articles-container .right-bar .react-calendar__month-view__weekdays abbr{text-decoration:none}.Articles-container .right-bar .react-calendar__navigation__arrow,.Articles-container .right-bar .react-calendar__navigation__label,.Articles-container .right-bar .react-calendar__tile{background:transparent}.Articles-container .right-bar .react-calendar__tile{border-radius:8px;padding:.5rem 0;text-align:center;font-size:.9rem;transition:background .2s,color .2s}.Articles-container .right-bar .react-calendar__tile--now{background:#007bff1a;font-weight:600;color:#007bff}.Articles-container .right-bar .react-calendar__tile--active{background:#007bff;color:#fff;font-weight:600}.Articles-container .right-bar .react-calendar__tile--active:hover{background:#0056b3}@media (max-width: 599px){.Articles-container .article-and-calendar{flex-direction:column-reverse}.Articles-container .right-bar{margin:0 auto var(--size-700)}}.pagination{display:flex;justify-content:center;align-items:center;margin:50px 0}.pagination button{padding:.6rem;font-size:var(--fs-400);border:none;border-radius:4px;cursor:pointer;background-color:transparent;color:#000;-webkit-user-select:none;user-select:none}.pagination button:hover{background-color:transparent}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{color:red}.authCheck{margin:50px auto;padding:2rem;text-align:center}.register,.login{width:320px;margin:50px auto;padding:2rem;border:1px solid #aaa;border-radius:8px;background-color:#f5f5f5;display:flex;flex-direction:column;gap:1rem}.register .error,.login .error{color:red}.register p,.login p{text-align:center}.register p.note,.login p.note{text-align:start;color:#7e7e7e}.register p.note span.error,.login p.note span.error{color:red}.register input,.login input{padding:.5rem;font-size:var(--fs-400);border:1px solid #aaa;border-radius:4px}.register button,.login button{padding:.6rem;font-size:var(--fs-400);border:none;border-radius:4px;cursor:pointer;background-color:var(--color-primary);color:#fff}.register button:hover,.login button:hover{background-color:#003860}.register button.login-link,.register button.register-link,.login button.login-link,.login button.register-link{background:none;color:var(--color-primary);text-decoration:underline;padding:0;font-size:var(--fs-400)}.BannedBooks a{text-decoration:none}.BannedBooks li{padding-block:var(--size-400);border-bottom:1px solid var(--color-border)}.BannedBooks .flex-column{display:flex;flex-direction:column}.BannedBooks .book-item{display:flex;gap:var(--size-400)}.BannedBooks .book-cover img{width:150px;min-width:150px;margin-bottom:var(--size-100)}.BannedBooks .book-intro{font-size:var(--fs-300);gap:var(--size-100)}.BannedBooks .book-info{padding-left:var(--size-500);border-left:1px solid var(--color-border);gap:var(--size-400)}.BannedBooks .book-info>p{display:flex;gap:var(--size-700)}.BannedBooks .book-info article .book-summary{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;line-height:1.6;-webkit-line-clamp:9;line-clamp:9;line-height:1.5em}.BannedBooks .book-info article .book-summary.expanded{display:block;height:auto}.BannedBooks .book-info article button{color:#551a8b;text-decoration:underline;text-underline-offset:var(--size-100);width:fit-content;margin-left:auto;background-color:transparent;border:none;cursor:pointer}.BannedBooks .book-review{display:flex;gap:var(--size-500)}.BannedBooks .book-review p{color:var(--color-primary)}.BannedBooks .book-review span{color:#f24e01}.BannedBooks .book-name{font-weight:500;color:var(--color-primary);width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.BannedBooks .book-stars{display:flex;align-items:center}.BannedBooks .book-stars img{width:var(--size-400);height:var(--size-400)}.BannedBooks .add-book-btn button{padding:var(--size-100);font-size:var(--fs-400);border:none;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.BannedBooks .add-book-btn button:hover{background-color:#d1d1d1}@media (max-width: 599px){.BannedBooks .book-item{flex-direction:column}.BannedBooks .book-cover{display:flex;gap:var(--size-600)}.BannedBooks .book-intro{font-size:var(--fs-400)}.BannedBooks .book-info{padding:0;border:none}.BannedBooks .book-name{width:auto;white-space:wrap}}.book-stars{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.book-stars img{width:var(--size-400);height:var(--size-400);cursor:pointer;transition:transform .2s}.book-stars img.clicked{animation:pop .6s ease forwards}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}to{transform:scale(1)}}.book-detail{display:flex;gap:var(--size-400)}.book-detail textarea{padding:var(--size-200);width:100%;resize:none;border:1px solid var(--color-border);border-radius:var(--size-200);font-family:inherit}.book-detail textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.book-detail textarea:read-only{cursor:not-allowed}.book-detail .flex-column{display:flex;flex-direction:column}.book-detail .book-cover img{width:150px;min-width:150px;margin-bottom:var(--size-100)}.book-detail .book-intro{font-size:var(--fs-300);gap:var(--size-100)}.book-detail .book-info{padding-left:var(--size-500);border-left:1px solid var(--color-border);gap:var(--size-700)}.book-detail .book-info>p{display:flex;gap:var(--size-700)}.book-detail .book-info article .book-summary{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;line-height:1.6;-webkit-line-clamp:9;line-clamp:9;line-height:1.5em}.book-detail .book-info article .book-summary.expanded{display:block;height:auto}.book-detail .book-info article button{color:#551a8b;text-decoration:underline;text-underline-offset:var(--size-100);width:fit-content;margin-left:auto;background-color:transparent;border:none;cursor:pointer}.book-detail .book-info .comments-form{display:flex;flex-direction:column;gap:var(--size-400);text-align:left;background:#fff;padding:24px;border-radius:var(--size-300);box-shadow:0 2px 8px #0000001a}.book-detail .book-info .comments-form .title{background-color:var(--color-bg-light);padding:var(--size-400);margin:-24px -24px var(--size-400) -24px;border-radius:var(--size-300) var(--size-300) 0 0;font-size:var(--fs-500)}.book-detail .book-info .comments-form button{padding:10px 24px;margin-left:auto;width:fit-content;background:var(--color-primary);color:#fff;border:none;border-radius:var(--size-200);font-weight:500;cursor:pointer;transition:background-color .2s}.book-detail .book-info .comments-form button:hover{background:var(--color-primary-dark)}.book-detail .book-info .show-comments{display:flex;flex-direction:column;gap:20px;text-align:left}.book-detail .book-info .show-comments .comment-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--color-border-light)}.book-detail .book-info .show-comments .comment-item.editing{border-color:var(--color-primary);background-color:var(--color-bg-light)}.book-detail .book-info .show-comments .comment-author{background-color:var(--color-bg-light);padding:var(--size-200) var(--size-300);margin:-20px -20px var(--size-400) -20px;border-radius:var(--size-300) var(--size-300) 0 0;font-weight:500;color:var(--color-text-gray);font-size:14px;display:flex}.book-detail .book-info .show-comments .comment-content{white-space:pre-wrap;line-height:1.5;margin:var(--size-300) 0;color:var(--color-text-gray)}.book-detail .book-info .show-comments .button-container{display:flex;justify-content:flex-end;gap:var(--size-300);margin-top:16px}.book-detail .book-info .show-comments .button-container button{padding:var(--size-200) var(--size-400);border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-gray);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.book-detail .book-info .show-comments .button-container button:hover{background:#f9fafb}.book-detail .book-info .show-comments .button-container button:first-child{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.book-detail .book-info .show-comments .button-container button:first-child:hover{background:var(--color-primary-dark)}.book-detail .book-info .show-comments .button-container button:last-child{background:var(--color-danger-bg);color:#fff;border-color:var(--color-danger-bg)}.book-detail .book-info .show-comments .button-container button:last-child:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.book-detail .book-info .back-to{display:flex;justify-content:center;gap:40px;margin-top:40px}.book-detail .book-info .back-to p{margin:0}.book-detail .book-info .back-to a{-webkit-user-select:none;user-select:none;padding:var(--size-300) var(--size-600);background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--size-200);transition:all .2s;text-decoration:none}.book-detail .book-info .back-to a:hover{background:var(--color-bg-lighter)}.book-detail .book-info .blogError{text-align:center;color:var(--color-danger);font-size:var(--size-400);font-weight:500;padding:40px}.book-detail .book-review{display:flex;gap:var(--size-500)}.book-detail .book-review p{color:var(--color-primary)}.book-detail .book-review span{color:#f24e01}.book-detail .book-name{font-weight:500;color:var(--color-primary);width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.book-detail .book-stars{display:flex;align-items:center}.book-detail .book-stars img{width:var(--size-400);height:var(--size-400)}@media (max-width: 599px){.book-detail{flex-direction:column}.book-detail .book-cover{display:flex;gap:var(--size-600)}.book-detail .book-intro{font-size:var(--fs-400)}.book-detail .book-info{padding:0;border:none}.book-detail .book-name{width:auto;white-space:wrap}}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}.NewArticle,.UpdateArticle{width:100%;flex-grow:1;display:flex;flex-direction:column;gap:var(--size-400);height:100%;min-height:0}.NewArticle h4,.UpdateArticle h4{text-align:center}.NewArticle input[type=text],.UpdateArticle input[type=text]{padding:var(--size-200);font-size:var(--fs-400)}.NewArticle .loading,.UpdateArticle .loading{text-align:center;padding:40px;font-size:18px}.NewArticle .editor,.UpdateArticle .editor{flex-grow:1;min-height:0;border:1px solid #ccc;padding:var(--size-200);display:flex;flex-direction:column}.NewArticle .editor .editor-toolbar,.UpdateArticle .editor .editor-toolbar{margin-bottom:var(--size-200)}.NewArticle .editor .editor-toolbar svg,.UpdateArticle .editor .editor-toolbar svg{margin-right:var(--size-200);font-size:var(--fs-500);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.NewArticle .editor .editor-toolbar svg:hover,.UpdateArticle .editor .editor-toolbar svg:hover{background-color:#f0f0f0}.NewArticle .editor .content-container,.UpdateArticle .editor .content-container{flex-grow:1;min-height:0;overflow-y:auto}.NewArticle .editor .content-container img,.NewArticle .editor .content-container iframe,.UpdateArticle .editor .content-container img,.UpdateArticle .editor .content-container iframe{display:block;width:50%;margin:0 auto}.NewArticle .editor .content-container a,.UpdateArticle .editor .content-container a{cursor:pointer}.NewArticle .editor .content-container h5,.UpdateArticle .editor .content-container h5{font-weight:700}.NewArticle .editor .content-container .tiptap.ProseMirror,.UpdateArticle .editor .content-container .tiptap.ProseMirror{min-height:100%}.NewArticle .editor .content-container p.image-caption,.UpdateArticle .editor .content-container p.image-caption{width:50%;margin:0 auto;font-size:.9rem;color:#666;font-style:italic}.NewArticle .editor .ProseMirror,.UpdateArticle .editor .ProseMirror{min-height:350px;padding:var(--size-200);border:1px solid #eee}.NewArticle .editor .ProseMirror strong,.UpdateArticle .editor .ProseMirror strong{font-weight:700}.NewArticle .editor .ProseMirror em,.UpdateArticle .editor .ProseMirror em{font-style:italic}.NewArticle .editor .editor-overlay,.UpdateArticle .editor .editor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;color:#666;font-weight:700}.NewArticle .feedback,.UpdateArticle .feedback{padding:10px;border-radius:4px;margin-bottom:15px}.NewArticle .feedback.success,.UpdateArticle .feedback.success{color:#155724}.NewArticle .feedback.error,.UpdateArticle .feedback.error{color:#721c24}.NewArticle .keyWords-and-submit,.UpdateArticle .keyWords-and-submit{display:flex;align-items:center}.NewArticle .keyWords-and-submit .keyWords,.UpdateArticle .keyWords-and-submit .keyWords{flex:1;display:flex;align-items:center}.NewArticle .keyWords-and-submit input,.UpdateArticle .keyWords-and-submit input{flex:1;border:none}.NewArticle .keyWords-and-submit button[type=submit],.UpdateArticle .keyWords-and-submit button[type=submit]{margin-left:var(--size-400);background-color:transparent;cursor:pointer;border:none}.NewArticle .keyWords-and-submit button[type=submit]:hover,.UpdateArticle .keyWords-and-submit button[type=submit]:hover{text-decoration:underline;text-underline-offset:var(--size-100)}.NewArticle .keyWords-and-submit button[type=submit]:disabled,.UpdateArticle .keyWords-and-submit button[type=submit]:disabled{cursor:not-allowed}.NewArticle .spinner,.UpdateArticle .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ArticleDetail{display:flex;flex-direction:column;gap:30px;margin:0 auto;width:100%}.ArticleDetail a{text-decoration:none;color:var(--color-primary)}.ArticleDetail a:hover{text-decoration:underline}.ArticleDetail textarea{padding:var(--size-200);width:100%;resize:none;border:1px solid var(--color-border);border-radius:var(--size-200);font-family:inherit}.ArticleDetail textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.ArticleDetail textarea:read-only{cursor:not-allowed}.ArticleDetail .title-container{text-align:center}.ArticleDetail .title{font-weight:700;font-size:28px;color:var(--color-text-dark)}.ArticleDetail .keyWords{display:flex;justify-content:center;gap:var(--size-400)}.ArticleDetail .article-content{text-align:left;display:flex;flex-direction:column;gap:var(--size-200)}.ArticleDetail .article-content strong{font-weight:700}.ArticleDetail .article-content em{font-style:italic}.ArticleDetail .article-content img,.ArticleDetail .article-content iframe{width:50%;display:block;margin:var(--size-300) auto;border-radius:var(--size-100);box-shadow:0 4px 6px #0000001a}.ArticleDetail .article-content img:first-of-type{width:100%}.ArticleDetail .article-content a{text-decoration:none}.ArticleDetail .article-content h5{font-weight:500}.ArticleDetail .article-content p.image-caption{width:50%;margin:-10px auto 20px;font-size:var(--fs-300);color:var(--color-text-light);font-style:italic;text-align:left}.ArticleDetail .article-content p.image-caption:first-of-type{width:100%;margin:-10px 0 20px}.ArticleDetail .comments-form{display:flex;flex-direction:column;gap:var(--size-400);text-align:left;background:#fff;padding:24px;border-radius:var(--size-300);box-shadow:0 2px 8px #0000001a}.ArticleDetail .comments-form .title{background-color:var(--color-bg-light);padding:var(--size-400);margin:-24px -24px var(--size-400) -24px;border-radius:var(--size-300) var(--size-300) 0 0;font-size:var(--fs-500)}.ArticleDetail .comments-form button{padding:10px 24px;margin-left:auto;width:fit-content;background:var(--color-primary);color:#fff;border:none;border-radius:var(--size-200);font-weight:500;cursor:pointer;transition:background-color .2s}.ArticleDetail .comments-form button:hover{background:var(--color-primary-dark)}.ArticleDetail .show-comments{display:flex;flex-direction:column;gap:20px;text-align:left}.ArticleDetail .show-comments .comment-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--color-border-light)}.ArticleDetail .show-comments .comment-item.editing{border-color:var(--color-primary);background-color:var(--color-bg-light)}.ArticleDetail .show-comments .comment-author{background-color:var(--color-bg-light);padding:var(--size-200) var(--size-300);margin:-20px -20px var(--size-400) -20px;border-radius:var(--size-300) var(--size-300) 0 0;font-weight:500;color:var(--color-text-gray);font-size:14px}.ArticleDetail .show-comments .comment-content{white-space:pre-wrap;line-height:1.5;margin:var(--size-300) 0;color:var(--color-text-gray)}.ArticleDetail .show-comments .button-container{display:flex;justify-content:flex-end;gap:var(--size-300);margin-top:16px}.ArticleDetail .show-comments .button-container button{padding:var(--size-200) var(--size-400);border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-gray);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ArticleDetail .show-comments .button-container button:hover{background:#f9fafb}.ArticleDetail .show-comments .button-container button:first-child{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ArticleDetail .show-comments .button-container button:first-child:hover{background:var(--color-primary-dark)}.ArticleDetail .show-comments .button-container button:last-child{background:var(--color-danger-bg);color:#fff;border-color:var(--color-danger-bg)}.ArticleDetail .show-comments .button-container button:last-child:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.ArticleDetail .back-to{display:flex;justify-content:center;gap:40px}.ArticleDetail .back-to p{margin:0}.ArticleDetail .back-to a{padding:var(--size-300) var(--size-600);background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--size-200);transition:all .2s}.ArticleDetail .back-to a:hover{background:var(--color-bg-lighter);text-decoration:none;transform:translateY(-1px)}.ArticleDetail .blogError{text-align:center;color:var(--color-danger);font-size:var(--size-400);font-weight:500;padding:40px}@media (max-width: 599px){.ArticleDetail .article-content img,.ArticleDetail .article-content iframe,.ArticleDetail .article-content p.image-caption{width:80%}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.search-page{display:flex;flex-direction:column;gap:var(--size-500)}.search-page h4{text-align:center}.search-page h4 span{color:red}.search-page .search-result-type h5{margin-bottom:var(--size-200)}.search-page li{display:flex}.search-page li a{text-decoration:none}.search-page li span{margin-left:auto}.AddBookOrVideo{flex:1;width:100%;margin:0 auto;display:flex;flex-direction:column}.AddBookOrVideo h3{margin-bottom:1rem;text-align:center}.AddBookOrVideo .form{display:flex;flex-direction:column;flex-grow:1;gap:1rem}.AddBookOrVideo .form input,.AddBookOrVideo .form textarea{padding:.5rem;font-size:1rem}.AddBookOrVideo .form label{display:flex;flex-direction:column}.AddBookOrVideo .form label.summary{flex-grow:1}.AddBookOrVideo .form label.summary textarea{flex:1;resize:none;min-height:120px;max-height:400px;padding:8px;font-size:14px;line-height:1.5;margin-bottom:1rem}.AddBookOrVideo .form .error{color:red}.AddBookOrVideo .form button{align-self:flex-start;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border-radius:4px;cursor:pointer;border:none;-webkit-user-select:none;user-select:none}.AddBookOrVideo .form button:hover{background-color:#244b80}.AddBookOrVideo .form button:disabled{background:#aaa}