{% load static %}[data-theme='default'] {--font-primary: #fff;--background-body: #706961;--background-nav: #161616;--background-sidebar: #565353;--background-main: #7a7a7a;--background-footer:#161616;--background-article: #fff7ef;--background-section: #fff7ef;--font-h1: #e20606;--paper-shadow-color: #7a7976;}[data-theme='cyan'] {--font-primary: #f4d59c;--background-body: #163639;--background-nav: #183d40;--background-sidebar: #163639;--background-main: #163639;--background-footer: #0f1b1e;--background-article: #fff7ef;--background-section: #fff7ef;--font-h1: #e20606;}[data-theme='black-red'] {--font-primary: #ffffff;--background-body: #676767;--background-nav: #8E0B09;--background-sidebar: #222121;--background-main: #000;--background-footer:#161616;--background-article: #fff7ef;--background-section: #fff7ef;--font-h1: #e20606;}* {margin: 0;padding: 0;box-sizing: border-box;}body.focus-mode {display: block;background: rgba(74, 74, 74, 0.6);}aside, footer, header {transition: opacity 0.3s ease-in-out;}body.focus-mode aside, body.focus-mode footer, body.focus-mode header {display: none;opacity: 0;}body.focus-mode #article-content {max-width: 800px;margin: 0 auto;padding: 20px;background: white;box-shadow: 0px 6px 12px 3px var(--paper-shadow-color);border-radius: 8px;}html{font-size: 16px;line-height: 1.6;}body {margin: 0;padding: 0;background-color: var(--background-body);display: flex;flex-direction: column;height: 100vh;overflow: visible;}body:lang(zh), p:lang(zh) {font-family: 'Source Han Sans', 'Noto Sans CJK', sans-serif;letter-spacing: 1px;}body:lang(en), p:lang(en) {font-family: 'Source Han Sans', sans-serif;letter-spacing: 0.5px;}header {position: fixed;top: 0;z-index: 1000;width: 100%;flex: 0 0 50px;height: 50px;display: flex;justify-content: left;align-items: center;color: white;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}main {display: flex;flex-direction: row;flex-grow: 1;width: 100%;margin-top: 50px;overflow: visible;background-color: var(--background-body);}aside{position: -webkit-sticky;position: sticky;top: 50px;width: 20%;height: 90vh;display: flex;flex-direction: column;flex: 0 0 30%;justify-content: top;align-items: center;color: #c2c2c2;z-index: 999;background-color: var(--background-sidebar);overflow: hidden;}article {padding: 25px;flex-grow: 1;height: auto;background-color: var(--background-article);border: 1px solid #ddd;border-radius: 5px;margin: 0 10px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}footer {display: flex;justify-content: center;align-items: center;background-color: var(--background-footer);z-index: 1002;color: white;height: 50px;}footer p a{color: #fff;text-decoration:none;}nav {display: flex;width: 100%;height: 100%;background-color: var(--background-nav);justify-content: space-around;}.nav_head {display: flex;flex-direction: row;flex: 0 0 auto;width: auto;height: 100%;margin: 0;color: white;font-size: 1.2rem;align-items: center;}.nav_head > a {display: flex;align-items: center;justify-content: center;height: 80%;padding: 0 10px;margin: 5px 0;color: white;font-weight: bold;text-decoration: none;transition: all 0.3s ease;}.nav_head > a:hover {color: #FFF;background-color: rgba(200, 200, 200, 0.1);}.nav-text {font-weight: bold;color: #0f6688;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);letter-spacing: 4px;display: inline-block;}.nav_head .icon-form {width: 24px;height: 24px;fill: currentColor;margin: 0 10px;}.btn-login .icon-form, .btn-logout .icon-form {margin: 0 0 0 10px;}.nav_head:last-child {flex-grow: 0;justify-content: flex-end;}.dropdown-menu {display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background-color: var(--background-nav);min-width: 180px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);border-radius: 0 0 4px 4px;z-index: 1000;border-top: 2px solid #ddd;}.dropdown-menu a {display: block;padding: 12px 20px;text-decoration: none;color: white;font-size: 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);transition: background-color 0.3s ease;}.dropdown-menu a:last-child {border-bottom: none;}.dropdown-menu a:hover {background-color: rgba(255, 255, 255, 0.1);}.nav_head:hover .dropdown-menu {display: block;}.nav_head:has(.dropdown-menu) {position: relative;display: flex;align-items: center;gap: 4px;}.nav_head:has(.dropdown-menu)::after {content: "◀";font-size: 0.7rem;margin-left: 2px;color: #1580a6c7;transition: transform 0.3s ease;pointer-events: none;}.nav_head:has(.dropdown-menu):hover::after {transform: rotate(-90deg);color: #ffffff;}.btn-login, .btn-register, .btn-logout {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 4px;width: 20%;min-width: 120px;font-size: 0.9rem;line-height: 1.2;text-decoration: none;padding: 5px 10px;border: 1px solid #b1b1b1;border-radius: 4px;background-color: #b90707;transition: all 0.3s ease;margin: 10px;}.btn-login {background-color: #053c45;}.btn-login .nav-text, .btn-logout .nav-text, .btn-logout .icon-form {color: #ddd;fill: #ddd;}.btn-login .icon-form {color: #ddd;fill: #9b9b9b;}.username {display: inline-block;max-width: 8ch;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;color: #FFF;letter-spacing: 0.5px;font-size: 0.8rem;}.btn-login:hover .icon-form, .btn-login:hover .nav-text {color: #FFF;fill: #FFF;}.nav_head .btn-login:hover {background: rgb(185, 7, 7);color: #FFF;}.btn-logout:hover .nav-text, .btn-logout:hover .icon-form {color: #aaa;fill: #333 !important;}.logout-text, .login-text {font-size: 1rem;font-weight: bolder;letter-spacing: 4px;}.welcome-msg {color: white;margin-right: 15px;font-size: 0.8rem;white-space: nowrap;}.user-panel {position: absolute;top: 20px;right: 20px;}.btn-register {background-color: #2196F3;color: white;}.login-form, .register-form {max-width: 400px;margin: 50px auto;padding: 20px;border: 1px solid #ddd;border-radius: 5px;background-color: #eee;}.register-link, .login-link {margin-top: 15px;text-align: center;}.sidebar-toggle {fill: white;cursor: pointer;margin-right: 15px;width: 30px;min-width: 30px;height: 30px;min-height: 30px;transition: fill 0.3s ease;display: none;}.sidebar-left {}.sidebar-right {}.sidebar-left.hidden {transform: translateX(-110%);}.sidebar-right.hidden {transform: translateX(110%);}.sidebar-list{flex-grow: 0;min-height: 25%;color: var(--font-primary);font-size: 1.2em;overflow-y: auto;padding: 10px 0;width: 100%;}.sidebar-img{display: flex;flex-direction: column;flex-grow: 0;justify-content: center;align-items: flex-end;position: absolute;bottom: 0;right: 0;}.sidebar img{flex-grow: 0;width: 40%;min-width: 220px;margin-bottom: 0;}.wxgzh_pic{position: relative;z-index: 1000;bottom: 0;background-color: rgba(200, 200, 200, 0.6);}.for_Prpg{flex-grow: 1;margin-top: 10px;background: url('../images/sidebar2.jpg') no-repeat center/cover;}.billboard{height: auto;overflow-y: auto;color: #fff;padding: 10px;margin: 0;font-family: YuGothic, serif;text-align: justify;}.sidebar .ad_board{width: 100%;color: #fff;background-color: #e20606;font-size: 2em;font-weight: bolder;padding: 10px;margin-bottom: 10px;}.sidebar a {text-decoration: none;color: #eee;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.sidebar a:hover {background-color: #ddd;color: #ab181b;}.sidebar li{margin: 5px 0;color: #ccc;font-size: 0.9rem;height: auto;margin-left: 10px;list-style-type: none;}.article{padding: 20px;background-color: var(--background-section);border: 2px solid rgba(132, 132, 132, 0.43);margin: 10px 0;border-radius: 5px;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);}h1{color: var(--font-h1);font-size: 2.2rem;padding: 10px 20px;}h2{font-size: 1.4rem;margin: 0;color: #790517;}h2 a {text-decoration: none;color: inherit;}h3{font-size: 1.2rem;}h4{font-size: 1.0rem;color: #666;font-weight: normal;}p {font-size: 1.0rem;color: #1a1a1a;}footer p{color:#fff;}.author_Journal{font-size: 0.8rem;color: #999;}.abs_EN{font-size: 1rem;color: #555;margin-bottom: 1.2em;}.abs_CN{font-size: 1.0rem;color: #555;margin-bottom: 1.5em;}.sum_CN{font-size: 1.0rem;font-weight: bold;color: #329ea2;margin-bottom: 1.5em;}.note{font-size: 1.0rem;color: #888;margin-bottom: 0.8em;}.editable-text{color: #555;width:100%;height: auto;padding: 5px;}.editable{display: inline-flex;background-color: #fff3e0;}.title_CN{font-size: 1.4rem;margin: 0;color: #790517;width:100%;}.saving {opacity: 0.8;background: rgba(243, 243, 243, 0.91);}.save-error {border: 2px solid #ff4444;}.ad_board p{color: #fff;font-size: 2rem;}strong {font-weight: bold;}em {font-style: italic;}.article-info {margin-bottom: 0px;}.article-abstract {margin-top: 20px;}.toggle-content {display: none;margin: 10px 0;}.SumTip{color: #bbb;}.vertical-text {writing-mode: vertical-rl;transform: rotate(180deg);white-space: nowrap;}.vertical-container {display: flex;flex-direction: column;align-items: center;justify-content: center;}.audio-container{margin-top: 40px;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;;gap: 10px;background-color: rgba(227, 119, 97, 0.8);border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.audio-text{flex-grow: 0;flex-basis: auto;justify-content: center;text-align: center;vertical-align: middle;font-size: 0.9rem;line-height: 1.2;width: auto;color: #fff;padding: 5px;}.mp3-container audio {vertical-align: middle;height: 32px;}.syn-audio{flex-grow: 1;flex-basis: 0;text-align: right;padding: 5px 10px;height: auto;}.font-controls {width: auto;height: auto;background-color: #666;border-radius: 5px;color: #fff;display: flex;flex-shrink: 0;flex-grow: 0;align-items: center;}.font-controls #increaseFont, #decreaseFont {font-size: 1rem;font-weight: bolder;cursor: pointer;border: none;color: #e9917e;border-radius: 3px;align-items: center;height: auto;padding: 0 5px;}.font-control_tip{vertical-align: middle;font-size: 0.8rem;align-items: center;}.font-controls p{font-size: 0.8rem;}.font-controls button:hover {color: #790517;background-color: #eee;}button{font-size: 0.8rem;color: #fff;background-color: #0d3366;border: none;border-radius: 5px;padding: 5px;margin: 5px;height: auto;transition: background-color 0.3s;cursor: pointer;}button:disabled {border-color: #e1f3d8 !important;color: #67c23a !important;cursor: not-allowed !important;opacity: 0.6 !important;box-shadow: none !important;}.fixed-buttons {position: fixed;z-index: 1001;top: 70%;display: flex;width:18px;flex-direction: column;justify-content: center;align-items: center;opacity: 0.5;transform: translateX(-22px) translateY(-50%);}button:hover{background-color: #ab181b;}#RdEdit-mode-toggler{background-color: #ab181b;font-weight: bold;}.about_main_content {display: flex;flex-direction: column;width: 100%;height: calc(100vh - 100px);margin: 0;padding: 0;background: url("../images/beiyong2.jpg") no-repeat center/cover;box-sizing: border-box;}.top-trapezoid {z-index: 3;width: 100%;height: 40vh;padding: 0 30px;background-color: RGBA(255, 247, 239, 0.8);clip-path: polygon(0 0, 100% 0, 100% 30%, 0 100%);box-sizing: border-box;}.about_context {z-index: 4;width: 100%;flex-grow: 1;padding-top: 50px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 1.3em;line-height: 1.5;box-sizing: border-box;}.bottom-trapezoid2 {z-index: 1;width: 100%;height: 40vh;margin: 0;padding: 0;overflow: hidden;box-sizing: border-box;}.curve {flex-grow: 1;width: 100%;height: 100%;filter: drop-shadow(8px 18px 6px rgba(34, 33, 33, 0.8));}.top-trapezoid2 {top: 0;position: fixed;z-index: 11;width: 100%;height: 75vh;padding: 50px;background-color: RGBA(255,247,239, 0.4);clip-path: polygon(0 0, 100% 0%,100% 30%, 0 50%);}.bottom-trapezoid {bottom: 0;height: 50%;background-color: RGBA(234, 81, 63, 0.70);clip-path: polygon(0 0, 100% 0, 100% 58%, 0 65%);}.bg_only{position: fixed;left: 0;width: 100%;height: 100%;background-color: RGBA(234, 81, 63, 0.80);}.book {position: fixed;width: 20%;height: 52%;top: 18%;left: 60%;perspective: 1000px;z-index: 1003;margin: 10px 50px;}.cover, .page {position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.cover {z-index: 10;transform-origin: left;transform: rotateY(0deg);background-color: #c0c0c0;text-align: right;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.page {background-color: white;z-index: 5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #181266;padding: 20px;}.page:nth-child(1) {transform-origin: left;transform: rotateY(-180deg) translateZ(50px);z-index: 6;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.page:nth-child(2) {transform-origin: right;transform: rotateY(0deg) translateZ(0px);z-index: 4;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.book:hover .cover {transition: transform 1s ease-in-out;transform: rotateY(-150deg);}.book:hover .page:nth-child(1) {transition: transform 1s ease-in-out;transform: rotateY(-270deg) translateZ(50px);}.book:hover .page:nth-child(2) {transition: transform 1s ease-in-out;transform: rotateY(-160deg) translateZ(10px);}.vertical-text {writing-mode: vertical-rl;text-orientation: upright;color: #790613;font-size: 4em;font-weight: bold;margin-right: 20%;}.vChat_box{display: flex;justify-content: center;align-items: center;padding: 10px;}.vChat{width: 90%;height: auto;padding: 10px;border: chocolate 2px solid;}.wkbp_pic{opacity: 1;}.curved-container {position: relative;width: 100%;height: 100vh;overflow: hidden;}svg {display: block;width: 100%;height: auto;}.highlight {background-color: yellow;transition: background-color 0.5s ease-in-out;}.removed {text-decoration: line-through;color: red;transition: all 0.3s ease-in-out;}.toggle-content.en-US {display: none;}.toggle-content.zh-CN {display: block;}.logo_big{position: fixed;display: flex;z-index: 100;top: 50px;left: 10px;}.pic_logBig{width: 100%;}.author{text-align: center;color: #666;}.auth_introduction_container{border: 2px solid rgba(95, 92, 92, 0.51);padding: 5px;margin: 10px 0;}.auth_introduction{text-align: left;color: #7a7a7a;}.tip_auth{color: #7a0c07 !important;}.evaluation-container{display: flex;justify-content: space-between;align-items: center;border-top: solid 1px #bbb ;}.evaluation-tip {font-size: 1em;font-weight: bolder;line-height: 1.2;padding: 2px 5px;white-space: nowrap;color: #bbb;}button.submit-evaluation {overflow: visible;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;border: none;background: transparent;cursor: pointer;transition: opacity 0.3s;}.submit-evaluation.disabled-option {cursor: not-allowed;border-color: #eee;}.evaluation-icon{font-size: 1.5em;fill: rgba(133, 4, 12, 0.91) !important;}.submit-evaluation svg {transform: scale(1);transition: transform 0.3s;opacity: 0.5;}.submit-evaluation:hover svg {transform: scale(1.3);transition: transform 0.3s;opacity: 1.0;}.submit-evaluation.disabled-option svg {pointer-events: none;transform: scale(1) !important;opacity: 0.5;transition: none !important;}.submit-evaluation.disabled-option:hover svg {transform: scale(1) !important;opacity: 0.5;transition: none !important;}button.submit-all {display: inline-flex;align-items: center;justify-content: center;gap: 6px;font-size: 0.8em;transition: all 0.3s ease;min-height: 25px;min-width: 100px;padding: 8px 0;order: 999;}.checked-icon {width: 18px;height: 18px;flex-shrink: 0;position: relative;top: 0px;fill: currentColor;}.btn-primary{color: #fff;background-color: #080a7d;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);border-radius: 4px;padding: 5px;font-size: 1rem;text-decoration: none;font-weight: bold;}.btn-primary:hover {opacity: 0.8;color: #67c23a;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);transform: scale(1.1);}.btn-disabled, .btn:disabled {background: #f0f9eb !important;border-color: #e1f3d8 !important;color: #67c23a !important;cursor: not-allowed;opacity: 0.6;box-shadow: none;}.submit-evaluation .tooltiptext {visibility: hidden;width: auto;background-color: black;color: #fff;text-align: center;border-radius: 5px;padding: 5px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;}.submit-evaluation:hover .tooltiptext {visibility: visible;opacity: 1;}.count{color: #d5101c;font-size: 1.5em;margin-top: 5px;}.response-message.success p{color: #fffbff !important;background-color: rgba(14, 155, 29, 0.75);border-color: #d6e9c6;padding: 10px;}.response-message.error p{color: #fffd0c !important;background-color: rgba(255, 12, 22, 0.75);border-color: #ebccd1;padding: 10px;}#responseMessage {display: none;position: sticky;top: 0;z-index: 1000;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-radius: 0 0 8px 8px;margin: -30px -30px 20px -30px;width: calc(100% + 60px);}.message-inner {padding: 15px 20px;display: flex;align-items: center;justify-content: space-between;}.message-content {display: flex;align-items: flex-start;flex-grow: 1;}.message-icon {font-size: 20px;margin-right: 12px;font-weight: bold;flex-shrink: 0;margin-top: 2px;}.message-text .message-line {font-size: 15px;line-height: 1.4;margin: 2px 0;word-break: break-word;flex-grow: 1;}.message-close {font-size: 20px;margin-left: 15px;cursor: pointer;font-weight: bold;opacity: 0.7;transition: opacity 0.2s;flex-shrink: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(0, 0, 0, 0.05);}.message-close:hover {opacity: 1;background-color: rgba(0, 0, 0, 0.1);}.message-success {background-color: #e8f5e9;color: #2e7d32;border-bottom: 2px solid #4caf50;}.message-error {background-color: #ffebee;color: #c62828;border-bottom: 2px solid #f44336;}.message-warning {background-color: #fff8e1;color: #f57f17;border-bottom: 2px solid #ffc107;}.message-info {background-color: #e3f2fd;color: #1565c0;border-bottom: 2px solid #2196f3;}@keyframes slideDown {from {transform: translateY(-100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}}@keyframes slideUp {from {transform: translateY(0);opacity: 1;}to {transform: translateY(-100%);opacity: 0;}}.slide-down {animation: slideDown 0.3s ease-out forwards;}.slide-up {animation: slideUp 0.3s ease-in forwards;}@keyframes button-loading-spinner {from {transform: rotate(0turn);}to {transform: rotate(1turn);}}.confirm-dialog {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(4px);z-index: 9999;display: flex;align-items: center;justify-content: center;animation: fadeIn 0.3s ease;}.confirm-content {background: linear-gradient(145deg, #ffffff, #f8f9fa);padding: 30px;border-radius: 16px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);max-width: 400px;width: 90%;text-align: center;position: relative;animation: alert-slideUp 0.3s ease;}.confirm-content::before {content: '';position: absolute;top: -0.8px;left: 0;right: 0;height: 12px;background: linear-gradient(90deg, #007bff, #00c6ff);border-radius: 16px 16px 0 0;}.confirm-content p {margin: 0 0 25px 0;font-size: 1.1rem;color: #2c3e50;line-height: 1.5;font-weight: 500;}.confirm-buttons {display: flex;gap: 12px;justify-content: center;}.confirm-buttons .btn {padding: 12px 28px;border: none;border-radius: 8px;font-weight: 600;font-size: 0.9rem;transition: all 0.3s ease;cursor: pointer;min-width: 100px;}.confirm-yes {background: linear-gradient(135deg, #007bff, #0056b3);color: white;box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);}.confirm-yes:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);}.confirm-no {background: linear-gradient(135deg, #d70b0b, #671e1e);color: white;box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}.confirm-no:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(108, 117, 125, 0.4);}.alert.alert-info {margin: 20px;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes alert-slideUp {from {opacity: 0;transform: translateY(30px) scale(0.9);}to {opacity: 1;transform: translateY(0) scale(1);}}@media (max-width: 480px) {html {font-size: 12px !important;}.confirm-content {padding: 25px 20px;margin: 20px;}.confirm-buttons {flex-direction: column;}.confirm-buttons .btn {width: 100%;}.confirm-content p {font-size: 1rem;}}@media (max-width: 768px) {html {font-size: 12px !important;}header {height: 35px;overflow: visible !important;}footer {height: 30px;}main {margin-top: 35px;}nav {flex-wrap: nowrap;justify-content: space-around;gap: 5px;padding: 0 10px;-webkit-overflow-scrolling: touch;}.nav_head {flex: 0 0 auto;width: auto;height: 100%;margin: 0 5px;font-size: 1rem;display: flex;align-items: center;}.nav_head > a {padding: 0;}.nav_head .icon-form {margin: 0 2px;}.nav_head .icon-form:hover {fill: #d60b0b;}.icon-form.icon-login:hover {fill: #FFF;}.nav_head:has(.dropdown-menu) {position: static;justify-content: flex-start;}.nav_head:has(.dropdown-menu)::after {content: "";pointer-events: none;}.nav-text, .nav-text.welcome-msg {display: none;}.dropdown-menu {position: absolute;top: 100%;left: 0;width: 100%;padding-left: 5%;background-color: var(--background-nav);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);border-radius: 0 0 4px 4px;border-top: 2px solid #ddd;z-index: 1100;display: none;transform: none;}.nav_head:hover .dropdown-menu {display: none;}.nav_head.active .dropdown-menu {display: block;}.nav_head.active .icon-form {fill: #d60b0b;}.btn-login, .btn-logout {width: 80%;min-width: 90px;padding: 0 4px;border: none;}.btn-login .icon-form, .btn-logout .icon-form {margin: 0;}.nav-text.username{display: inline;}article {padding: 0;margin: 0 auto;flex-grow: 1;}.sidebar-left {position: fixed;z-index: 1001;width: 100%;height: auto;top: 30px;margin: 0;color: #666666;background-color: rgba(0, 0, 0, 0.85);left: -100%;}.sidebar-right {display: none;}.sidebar img {display: none;}.content {flex-grow: 1;background-color: #fff;overflow-y: auto;}.about_main_content {height: calc(100vh - 60px);}.audio-container {height: auto;}audio {width: 200px;height: 25px;}.audio-text, .syn-audio {display: none;}.fixed-buttons {transform: translateX(-0px) translateY(-50%);}#responseMessage {display: none;position: sticky;top: 0;z-index: 1000;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-radius: 0 0 8px 8px;margin: -30px -30px 20px -30px;width: calc(100% + 60px);}}@media (min-width: 769px) {html {font-size: 14px !important;}}.contributor-item {display: inline-flex;align-items: center;margin: 2px 5px 2px 0;padding: 4px 8px;background: #f0f0f0;border-radius: 12px;font-size: 14px;}.contributor-name {margin-right: 4px;}.contributor-count {background: #007bff;color: white;border-radius: 50%;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;}.btn-generate-content, .btn-accept-all, .btn-reject-all {padding: 8px 16px;margin: 5px;border: none;border-radius: 4px;cursor: pointer;font-size: 14px;transition: all 0.3s ease;}.btn-generate-content {background-color: #28a745;color: white;}.btn-accept-all {background-color: #17a2b8;color: white;}.btn-reject-all {background-color: #dc3545;color: white;}.btn-generate-content:hover, .btn-accept-all:hover, .btn-reject-all:hover {opacity: 0.9;transform: translateY(-1px);}.btn-generate-content:disabled, .btn-accept-all:disabled, .btn-reject-all:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}.btn-generate-content.loading, .btn-accept-all.loading, .btn-reject-all.loading {position: relative;color: transparent;}.btn-generate-content.loading::after, .btn-accept-all.loading::after, .btn-reject-all.loading::after {content: "";position: absolute;width: 16px;height: 16px;top: 50%;left: 50%;margin: -8px 0 0 -8px;border: 2px solid transparent;border-top-color: #ffffff;border-radius: 50%;animation: button-loading-spinner 1s linear infinite;}@media (max-width: 768px) {.sidebar-toggle {display: block;}.sidebar-toggle:hover {fill: #d60b0b;}}