:root { --primary-color: #14b5eb; --hover-color: #14b5eb; --background-color: #fff; --border-color: #ccc; --modal-overlay-color: rgba(0, 0, 0, .5); --modal-background-color: #fff; --modal-box-shadow: rgba(0, 0, 0, .1); --comment-background-color: #f9f9f9; --comment-border-color: #ccc; --item-background-color: #1c1b1e; --item-active-color: #59d2fa;}.stui-login-modal,.stui-modal-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;}.stui-login-modal { display: none;}.stui-modal-overlay { background: var(--modal-overlay-color);}.stui-login-content { position: absolute; left: 50%; top: 50%; width: 400px; background: var(--modal-background-color); border-radius: 5px; box-shadow: 0 0 10px var(--modal-box-shadow); transform: translate(-50%, -50%); padding: 20px; box-sizing: border-box; z-index: 10000;}.stui-login-title { text-align: center; margin-bottom: 20px;}.login-form { display: flex; flex-direction: column;}.form-input,.form-submit { margin-bottom: 10px; padding: 10px; border-radius: 5px;}.form-input { border: 1px solid var(--border-color);}.form-submit { background-color: var(--primary-color); color: white; border: none; cursor: pointer;}.form-submit:hover { background-color: var(--hover-color);}.stui-login-footer { text-align: center; margin-top: 20px;}.stui-login-footer a { color: var(--primary-color); text-decoration: none;}.stui-login-close { position: absolute; right: 20px; top: 20px; cursor: pointer;}.stui-login-close i { font-size: 20px; color: #ccc;}.stui-comment { width: 100%; padding: 20px; box-sizing: border-box; background-color: var(--comment-background-color); border-radius: 5px;}.stui-comment__head .title { margin-bottom: 20px; font-size: 24px; color: #333;}.stui-comment__textarea { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid var(--comment-border-color); border-radius: 5px; margin-bottom: 20px;}.stui-comment__btn { display: inline-block; margin-top: 10px; padding: 10px 20px; background-color: var(--primary-color); color: white; border: none; border-radius: 5px; cursor: pointer;}.stui-comment__btn:hover { background-color: var(--hover-color);}.stui-comment__list-item { display: flex; margin-bottom: 10px;}.stui-comment__list-item-head img { width: 50px; height: 50px; border-radius: 50%; margin-right: 10px;}.stui-comment__list-item-info { margin-bottom: 10px;}.stui-comment__list-item-name { font-weight: bold;}.stui-comment__list-item-time { color: #999;}.play-list-group,.group-list { display: flex; align-items: center; overflow-x: auto; gap: 0px; margin: 0; flex: 1; scroll-behavior: smooth; height: 30px;}.play-list-group { margin-bottom: 10px;}.group-list::-webkit-scrollbar,.play-list-group::-webkit-scrollbar { display: none;}.play-list-group.active { display: flex;}.group-list-extra { position: relative; color: black; padding: 5px 0; border-radius: 5px; cursor: pointer; margin-left: 5px;}.extra-content { display: none;}.extra-popover { display: grid; width: 300px; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 10px; background-color: rgba(59, 59, 59, 1); border-radius: 5px; padding: 10px; color: #f1f1f1; margin-top: 10px; box-shadow: 0 0 10px var(--modal-box-shadow);}@media (max-width: 768px) { .extra-popover { width: 100%; }}.extra-item { text-align: center; cursor: pointer; padding: 5px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.1); font-size: 12px;}.group-list-item,.play-list-item { flex: 0 0 auto; text-align: center; border-radius: 5px; padding: 5px 15px; white-space: nowrap; cursor: pointer; user-select: none; color: black;}.play-list-content-item>a { display: block}.group-list-item.active { background-color: rgba(255, 255, 255, 0.1); color: white;}.tab-content .group-list-item.active { background-color: #59d2fa; color: white;}body.dark .group-list-item { color: #999;}@media (min-width: 768px) { .vod-player-aside .group-list-item.active { background-color: rgba(255, 255, 255, 0.05); color: white; } .vod-player-aside .group-list-item { color: #999; } .vod-player-aside .play-list-content-item { background-color: #1c1b1e; } .vod-player-aside .play-list-content-item>a { color: #757575; } .vod-player-aside .play-list-content-item.active>a { color: white; } .vod-player-aside .group-list-extra { color: white; }}.play-list-content { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); grid-template-rows: repeat(auto-fill, minmax(30px, 30px)); gap: 10px; overflow-y: scroll;}.play-list-content::-webkit-scrollbar { display: none;}.play-list-content::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 5px;}@media (max-width: 768px) { .play-list-content { overflow-y: auto; }}.play-list-content-item { background-color: #f8f8f8; border-radius: 5px; padding: 5px 10px; text-align: center; display: none; white-space: nowrap;}.play-list-content-item.active { background-color: var(--item-active-color); color: white;}.play-list-content-item.active>a { color: white; text-decoration: none;}.play-list-content-item.active>a { color: white; text-decoration: none;}.play-list-content-item > a:visited { color: purple;}body.dark .play-list-content-item { background-color: #1c1b1e; color: #999;}body.dark .play-list-content-item.active { background-color: #59d2fa; color: white;}body.dark .play-list-content-item.active>a { color: white;}/** media query ：最小宽度为768px时，应用以下样式 */@media (max-width: 768px) { .play-list-content-item.active { background-color: white; color: white; } .play-list-content-item.active>a { color: #14b5eb; text-decoration: none; }}.play-list-content-item.show { display: block;}.channel-tab,.notice { display: flex; align-items: center; gap: 10px; overflow-x: auto; margin: 10px 0;}.channel-tab { flex-direction: row; display: flex; overflow-x: auto; max-width: 100%;}.channel-tab>li { padding: 5px 10px; cursor: pointer; color: white; white-space: nowrap; display: flex; border-radius: 5px;}.channel-tab>li.active { background-color: rgba(0, 0, 0, .1); color: black;}.channel-tab>li>a { color: black; text-decoration: none;}.channel-tab>li.active>a { color: black;}body.dark .channel-tab>li { color: white;}body.dark .channel-tab>li.active { background-color: #59d2fa; color: white;}body.dark .channel-tab>li.active>a { color: white;}body.dark .channel-tab>li>a { color: white;}.channel-tab>li>a>span { color: white; font-size: 12px; margin-left: 5px; padding: 0 5px; background-color: #14b5eb; border-radius: 10px;}.notice { background-color: #EBEBEB; padding: 10px; border-radius: 5px; margin-bottom: 10px;}.notice-title { font-size: 14px; color: #333;}.notice-content { flex: 1; font-size: 14px; color: #f28c8c; display: flex; flex-direction: column; animation: scroll 2s linear infinite; height: 20px; position: relative;}.notice-content p { position: absolute; width: 100%; margin: 0; opacity: 0; transition: opacity 1s; white-space: nowrap; pointer-events: none;}.notice-content p.active { opacity: 1; pointer-events: auto;}body.dark .notice { background-color: #3f3d42;}body.dark .notice-title { color: white;}body.dark .notice-content { color: #f28c8c;}.vod-player-container { display: flex; width: 100%; height: 100%; align-items: stretch;}.vod-player-main { flex: 1; background-color: #f9f9f9; border-radius: 5px;}.play-content { overflow: hidden;}.vod-player-aside { flex: 0 0 300px; background-color: #333333; padding: 10px; overflow: hidden; padding-top: 10px; padding-bottom: 10px;}@media (max-width: 768px) { .vod-player-container { flex-direction: column; } .vod-player-aside { flex: 1; margin-top: 10px; background-color: transparent; padding: 0; }}.play-channel { display: flex; align-items: center; background-color: #555; padding: 0 5px; padding-left: 10px; gap: 10px;}.play-channel-title { font-size: 14px; color: white;}.play-vod-name { flex: 1; color: white; font-size: 14px; /**超出部分隐藏 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.play-channel-items { display: flex; gap: 0px; background-color: #666; border-radius: 5px; overflow: hidden; margin: 10px 5px;}.play-channel-items>a { display: block; padding: 5px 10px; cursor: pointer; border: none; color: white; background-color: transparent; white-space: nowrap;}.play-channel-items>a.active { background-color: rgba(255, 255, 255, 0.1);}.play-channel-items>a { position: relative; padding: 5px 10px; cursor: pointer; color: white; white-space: nowrap;}/** content= 更新至data-count集 */.play-channel-items>a::after { content: attr(data-count); color: white; background-color: #14b5eb; padding: 0 5px; border-radius: 10px; margin-left: 5px; font-size: 12px;}.play-channel-dropdown { position: relative; display: none;}@media (max-width: 768px) { .play-channel-dropdown { display: block; }}.play-channel-dropdown-title { background-color: rgba(255, 0, 0, 0.25); cursor: pointer; border-radius: 5px; user-select: none;  margin: 10px 5px; padding: 5px 10px; color: white;}.play-channel-dropdown-items { display: none;  position: absolute; background-color: #fff; min-width: 160px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 999; overflow: hidden; right: 5px;}.play-channel-dropdown-item { color: black; padding: 12px 16px; text-decoration: none; display: block; border-bottom: 1px solid #f1f1f1; cursor: pointer;}.play-channel-dropdown-item:hover { background-color: #ddd;}.play-channel-dropdown-item.active { background-color: #14b5eb; color: white;}.play-channel-dropdown-item:last-child { border-bottom: none; }.play-channel-dropdown:hover .play-channel-dropdown-items { display: block;}@media (max-width: 768px) { .play-channel-dropdown-items { width: 100%;  }}@media (max-width: 768px) { .play-channel-items { display: none; }}.divider { height: 1px; background-color: rgba(255, 255, 255, 0.05); margin-top: 10px; margin-bottom: 10px;}.vod_pannel_head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}@media (max-width: 768px) { .vod_pannel_head { flex-direction: column; }}.extra-button { padding: 5px 10px;}.mac_report { padding-top: 10px;}.gbook_content { padding: 10px; border-radius: 5px; width: 100% !important;}.remaining-box { display: flex; align-items: center; justify-content: right; margin-bottom: 10px; margin-top: 5px;}.quick_reply { display: flex; gap: 10px; margin-bottom: 10px;}.quick_reply_title { font-size: 14px; color: #333;}.quick_reply_list { display: flex; gap: 10px; flex-wrap: wrap;}.quick_reply_item { padding: 2px; border-radius: 5px; background-color: #f8f8f8; cursor: pointer;}.mac_pop { height: 430px !important;}.msg_code { height: 40px; display: flex; align-items: center;}.msg_code img { height: 100%; cursor: pointer; margin-left: 10px; margin-right: 10px;}.msg_code input { border: 1px solid #ccc; border-radius: 5px; padding: 5px; background-color: #f8f8f8;}.pop_close { color: #666; font-size: 12px !important;}.week { padding: 0 10px;}.week-list { display: flex; gap: 10px; margin-bottom: 10px; list-style: none; padding: 0; background-color: #f0f0f0; padding: 10px; border-radius: 5px; flex-wrap: wrap;}body.dark .week-list { background-color: #333;}.week-list li { padding: 5px 10px; border-radius: 5px; cursor: pointer; white-space: nowrap;}.week-list li.active { background-color: #14b5eb; color: white;}@media (max-width: 768px) { .week { padding: 0 5px; }}.snui-header { display: flex; justify-content: space-between; align-items: center; padding: 10px; color: black; background-color: var(--nav-background-color); box-shadow: 0 0 10px var(--shadow-color);}.top-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999;}.snui-header-logo { display: flex; align-items: center; gap: 10px; width: 150px; height: 50px; background: url(/logo) no-repeat; background-position: 50% 50%; background-size: cover;}.snui-header-container { display: flex; align-items: center; gap: 10px; margin: 0 auto;}.snui-header-search-mobile { display: none;}.snui-header-search-mobile-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px;}.snui-header-switch-mode-mobile-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px;}.snui-header-fankui-mobile-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px;}.snui-header-menu { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex: 1; padding: 0 10px; margin-left: 20px;}.snui-header-menu .snui-header-menu-nav ul { display: flex; gap: 15px; list-style: none; padding: 0; margin: 0; font-size: 18px;}.snui-header-menu .snui-header-menu-nav li { cursor: pointer; position: relative;}.snui-header-menu .snui-header-menu-nav li.active { color: #14b5eb;}.snui-header-menu .snui-header-menu-nav li.active::after { content: ''; position: absolute; width: 16px; left: 50%; transform: translateX(-50%); bottom: -10px; height: 2px; background-color: #14b5eb; border-radius: 5px 5px 0 0; transition: all .3s;}.snui-header-menu .snui-header-menu-nav li.active a { color: #14b5eb;}.snui-header-placeholder { height: 100px;}.user-panel { display: flex; align-items: center; position: relative; width: 100%;}.switch-mode { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 10px;}.switch-mode svg { width: 20px; height: 20px; fill: var(--svg-fill-color);}@media (max-width: 768px) { body.dark .switch-mode svg { fill: white !important; }}.user-wrapper { display: flex; align-items: center; cursor: pointer; padding: 5px 10px; border-radius: 5px; background-color: #f5f5f5; flex: 1; position: relative;}.user-wrapper::after { content: attr(data-badge); display: none;  position: absolute; top: 0; right: 0; background-color: red; color: white; border-radius: 50%; padding: 2px 5px; width:20px; height:20px; font-size: 10px; transform: translate(50%, -50%); align-items:center; justify-content:center; text-align:center;}.user-wrapper[data-badge]:not([data-badge="0"])::after { display: inline-flex; }body.dark .user-wrapper { background-color: #333;}.user-wrapper img { width: 30px; height: 30px; border-radius: 50%; border: 0.5px solid #ccc;}/** 当鼠标悬停在 .user-wrapper 上时，img放大，要有过渡效果 */.user-wrapper:hover img { transform: scale(1.5); transition: all .3s;}.user-login-text { font-size: 16px; font-weight: 500; color: var(--text-color); margin-left: 10px;}@media (max-width: 768px) { .user-login-text { color: #333; } body.dark .user-login-text { color: white; }}.user-menu { display: none; position: absolute; right: 0; top: calc(100% + 10px); background-color: white; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 999; overflow: hidden; cursor: default; width: 140px; transition: all .3s;}.user-menu ul { list-style: none; padding: 0; margin: 0;}.user-menu ul li {}.user-menu ul li:hover { background-color: #f8f8f8;}.user-menu ul li a { display: block; width: 100%;  text-decoration: none;  color: #333;  padding: 7px 10px; cursor: pointer; transition: all .3s;}@media (min-width: 768px) { .snui-header-container { width: 750px }}@media (min-width: 992px) { .snui-header-container { width: 920px }}@media (min-width: 1200px) { .snui-header-container { width: 1170px }}.snui-header-menu-mobile { display: none;}.snui-header-menu-mobile svg { fill: var(--svg-fill-color);}.snui-header-menu-mobile-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px;}.snui-header-menu-mobile-content { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 999;}.snui-header-menu-mobile-content .snui-header-menu-mobile-content-inner { position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: white; padding: 10px; box-sizing: border-box; z-index: 1000; transition: all .3s; overflow: scroll; display: flex; flex-direction: column;}.snui-header-menu-mobile-content ul { margin-top: 20px; list-style: none; padding: 0; margin: 0; flex: 1;}.snui-header-menu-mobile-content ul li { margin-bottom: 10px; cursor: pointer; position: relative; padding: 10px 15px; border-radius: 5px;}.snui-header-menu-mobile-content ul li.active { background-color: #f8f8f8;}.snui-header-menu-mobile-content ul li a { color: black; text-decoration: none; font-size: 16px; display: block;}.snui-header-menu-mobile-content ul li.active a { color: #14b5eb;}.snui-header-menu-desktop { display: flex; align-items: center; justify-content: space-between; flex: 1;}.snui-header-menu-extra { display: flex; align-items: center; gap: 10px;}.extra-action { display: flex; align-items: center; gap: 10px;}.extra-action ul { display: flex; gap: 10px; list-style: none; padding: 0; margin: 0;}.extra-action ul li { cursor: pointer; position: relative; padding: 5px 10px;}.extra-action ul li a { color: black; text-decoration: none; display: inline-block; text-align: center;}.extra-action ul li svg { width: 22px; height: 22px; transition: all .3s; fill: var(--svg-fill-color);}.search-dropdown { position: relative; display: none;  position: absolute; background-color: white; min-width: 260px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 999; overflow: hidden; right: 0; top: 100%; cursor: default;}.search-dropdown form { display: flex; gap: 10px; padding: 10px;}.search-dropdown form input { border: 1px solid #ccc; border-radius: 5px; padding: 5px; background-color: #f8f8f8; flex: 1;}.search-dropdown form button { padding: 5px 10px; border: none; border-radius: 5px; background-color: #14b5eb; color: white; cursor: pointer;}.search-dropdown .search-hot { padding: 10px; display: flex; flex-wrap: wrap; gap: 10px;}.search-dropdown .search-hot a { padding: 5px 10px; border-radius: 5px; background-color: #f8f8f8; margin-right: 10px; cursor: pointer; white-space: nowrap;}.menu-dropdown { position: relative; display: none;  position: absolute; background-color: white; min-width: 260px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 999; overflow: hidden; right: 0; top: 100%; cursor: default; padding: 10px;}.menu-dropdown ul { list-style: none; padding: 0; margin: 0;}.menu-dropdown ul li { padding: 5px 10px; cursor: pointer;}.menu-dropdown ul li:last-child { border-bottom: none;}.menu-dropdown ul li:hover { background-color: #f8f8f8;}.menu-dropdown ul li a { color: red; font-size: 14px; font-weight: bold; text-decoration: none; display: block; white-space: nowrap;}.history-dropdown { position: relative; display: none;  position: absolute; background-color: white; min-width: 420px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 999; overflow: hidden; right: 0; top: 100%; cursor: default;}.history-dropdown-title { padding: 10px; border-bottom: 1px solid #f1f1f1; display: flex; justify-content: space-between; align-items: center;}.history-dropdown-title span { font-size: 14px; color: #333;}.history-dropdown-title a { font-size: 12px; color: #14b5eb !important; cursor: pointer;}.history-dropdown-list { padding: 5px;}.history-dropdown ul { list-style: none; padding: 0; margin: 0; width: 100%; display: block;}.history-dropdown ul li { padding: 10px; cursor: pointer; border-bottom: 1px solid #f1f1f1;}.history-dropdown ul li:last-child { border-bottom: none;}.history-dropdown ul li:hover { background-color: #f8f8f8;}.history-item-empty { padding: 10px; text-align: center; color: #999;}.history-dropdown ul li a { color: black; text-decoration: none; display: block;}.history-item { display: flex; justify-content: space-between;}.history-item-info { display: flex; flex-direction: column; gap: 5px; margin-left: 10px; flex: 1; align-items: flex-start; justify-content: flex-start;}.history-item-img { width: 50px; height: 70px; border-radius: 5px; overflow: hidden;}.history-item-img img { width: 100%; height: 100%; object-fit: cover;}.history-item-title { font-size: 14px; color: #000;}.history-item-subtitle { font-size: 12px; color: #666; margin-left: 5px;}.history-item-time { font-size: 12px; color: #999;}.history-item-progress { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #666;}.history-item-progress-bar { width: 100%; height: 5px; background-color: #f1f1f1; border-radius: 5px; overflow: hidden;}/**移动端样式 */@media (max-width: 768px) { .snui-header-menu { flex: 1; justify-content: flex-end; padding: 0; padding-right: 10px; } .snui-header-menu .snui-header-menu-nav ul { display: none; } .snui-header-container { display: flex; justify-content: space-between; margin: 0; width: 100%; } .snui-header-menu-mobile { display: flex; gap: 20px; } .snui-header-placeholder { height: 54px; } .snui-header-search-mobile { display: block; margin-right: 10px; } .snui-header-search-content { padding: 0; margin-top: 10px; margin-bottom: 10px; } .snui-header-search-content form { display: flex; gap: 10px; border-radius: 5px; } .snui-header-search-content form button { padding: 5px 10px; border: none; border-radius: 5px; background-color: #14b5eb; color: white; cursor: pointer; white-space: nowrap; } .snui-header-search-content form input { border: none; border-radius: 5px; padding: 10px; background-color: #f0f0f0; color: #333; flex: 1; } .snui-header-menu>.snui-header-menu-extra { display: none; } .user-mobile-menu { display: flex; align-items: center; gap: 10px; border-radius: 5px; margin-top: 10px; } .user-mobile-menu ul { list-style: none; padding: 0; margin: 0; } .user-mobile-menu ul li { cursor: pointer; position: relative; padding: 10px 10px; background-color: #f8f8f8; border-radius: 5px; font-size: 14px; color: #666; } .user-mobile-menu ul li a { color: #333; text-decoration: none; display: flex; align-items:center; gap:10px; } body.dark .user-mobile-menu ul li { background-color: #333; } body.dark .user-mobile-menu ul li a { color: white; }}.snui-login-modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999;}.snui-modal-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--modal-overlay-color); z-index: 1001;}.snui-modal-content { position: absolute; left: 50%; top: 50%; width: 450px; height: 650px; background: var(--modal-background-color); border-radius: 5px; box-shadow: 0 0 10px var(--modal-box-shadow); transform: translate(-50%, -50%); padding: 10px; box-sizing: border-box; z-index: 10000; overflow: hidden; padding-bottom: 20px;}.snui-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 10px;}.snui-modal-close { cursor: pointer; font-size: 30px;}.snui-modal-content iframe { width: 100%; height: 100%; border: none;}@media (max-width: 768px) { .snui-modal-content { width: 100%; height: 100%; }}#comment-box { background-color: #ffffff; padding-bottom: 5px;}.reply-list { padding: 20px 0;}.reply-item { padding: 0px 15px; border-bottom: 0.5px solid #f8f8f8; margin-top: 15px; padding-bottom: 20px;}body.dark .reply-item { border-bottom: 0.5px solid rgba(0, 0, 0, .1);}.reply-item:first-child { margin-top: 0;}.reply-item:last-child { border-bottom: none;}.reply-empty { text-align: center; padding: 20px 0; color: #999;}.reply-more { margin-top: 10px; font-size: 12px; color: #A3A7AD; display: flex; align-items: center; cursor: pointer;}.reply-more i { display: flex; align-items: center; margin-left: 5px;}.root-reply-container { display: flex; align-items: flex-start;}.root-reply-avatar { margin-right: 15px;}.avatar-b { border-radius: 50%; overflow: hidden; width: 50px; height: 50px; box-shadow: 0 0 0 2px #e2e2e2;}.avatar-img { width: 100%; height: 100%; object-fit: cover;}.content-warp { flex: 1;}.reply-list .user-info { display: flex; align-items: center; margin-bottom: 5px;}.reply-list .user-name { font-weight: bold; font-size: 14px; color: #333; margin-right: 10px;}body.dark .reply-list .user-name { color: #fff;}.svg-icon { width: 16px; height: 16px;}.icon { width: 100%; height: 100%;}.reply-content-container { border-radius: 5px; margin-bottom: 10px;}.reply-content { font-size: 14px; color: #555;}.reply-item .root-reply-container .content-warp .root-reply .reply-content-container { display: block; overflow: hidden; width: 100%; line-height: 1.5;}.reply-info { display: flex; align-items: center; font-size: 12px; color: #999; margin-top: 5px;}.reply-time { margin-right: 15px;}.reply-like,.reply-btn { margin-right: 10px; cursor: pointer; display: flex; align-items: center;}.reply-like:hover,.reply-btn:hover { color: #333;}.reply-like span { margin-left: 5px; font-size: 12px; line-height: 1; vertical-align: middle;}.sub-reply-container {  padding-left: 65px;}.sub-reply-list { margin-top: 5px;}.sub-reply-item { position: relative; padding: 8px 0 8px 34px; border-radius: 4px;}.sub-reply-item .sub-user-info .sub-reply-avatar { position: absolute; left: 0px; cursor: pointer;}.sub-reply-item .sub-user-info { display: inline-flex; align-items: center; margin-right: 0px; vertical-align: baseline; white-space: nowrap;}.sub-user-info { display: flex; align-items: center; }.sub-user-name { font-weight: bold; font-size: 14px; color: #333; margin-right: 5px;}body.dark .sub-user-name { color: #fff;}.sub-svg-icon { width: 16px; height: 16px;}.sub-icon { width: 100%; height: 100%;}.sub-reply-avatar { margin-right: 15px;}.sub-avatar-b { border-radius: 50%; overflow: hidden; width: 24px; height: 24px;}.sub-reply-content { border-radius: 5px;}.sub-reply-info { display: flex; align-items: center; font-size: 12px; color: #999; margin-top: 5px;}.sub-reply-time { margin-right: 15px;}.sub-reply-like,.sub-reply-btn { margin-right: 10px; cursor: pointer; display: flex; align-items: center;}.sub-reply-liked { color: #ff6600; fill: #ff6600;}.reply-liked { color: #ff6600; fill: #ff6600;}.sub-reply-like:hover,.sub-reply-btn:hover { color: #333;}.sub-reply-like span { margin-left: 5px; font-size: 12px; line-height: 1; vertical-align: middle;}.sub-reply-btn { cursor: pointer;}.sub-reply-btn:hover { color: #333;}.reply-content-container .reply-content { overflow: hidden; word-wrap: break-word; word-break: break-word; line-height: 24px; vertical-align: baseline;}.sub-reply-content .reply-content { overflow: hidden; word-wrap: break-word; word-break: break-word; line-height: 1.5; vertical-align: baseline;}.bottom-line { margin-top: 10px; border-top: 1px solid #f0f0f0; margin-left: 65px;}.main-reply-box { display: flex; align-items: flex-start;}.reply-box-container { padding-left: 65px;}.reply-box { margin-top: 10px; padding: 0px; border-radius: 4px; flex: 1; }.main-reply-box { padding: 15px;}.main-reply-box .reply-box { margin-top: 0; padding: 0;}.main-reply-box .reply-box-avatar { padding: 0px; margin-right: 15px;}.main-reply-box { border-bottom: 1px solid #f0f0f0;}@media (max-width: 768px) { .main-reply-box { border-bottom: none; padding: 0; } .main-reply-box .reply-box { padding: 10px; } .main-reply-box .reply-box-avatar { display: none; }}.reply-textarea { width: calc(100%); height: 60px; border: 1px solid #e2e2e2; border-radius: 4px; padding: 10px; resize: none; outline: none; background-color: white; color: #333;}.reply-action { margin-top: 10px; text-align: right;}.reply-action button { padding: 7px 10px; border: none; border-radius: 4px; background-color: #ff6600; color: #fff; cursor: pointer; min-width: 80px;}.main-no-login { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; height: 140px; font-size: 16px; color: #333; background-color: #f9f9f9; margin: 10px;}.no-login-action { display: flex; gap: 10px;}.no-login-action button { padding: 5px 10px; border: none; border-radius: 4px; background-color: #ff6600; color: #fff; cursor: pointer;}@media (max-width: 600px) { body { padding: 10px; } .root-reply-avatar .avatar-b { width: 30px; height: 30px; } .root-reply-avatar { margin-bottom: 10px; margin-right: 10px; } .sub-reply-container { padding-left: 40px; } .bottom-line { margin-left: 0; } .reply-box-container { padding-left: 0px; }}.comment-header { display: flex; justify-content: space-between; align-items: center; padding: 20px;}.comment-title { font-size: 20px; color: #333;}@media (max-width: 768px) { .comment-header { padding: 10px;  } .comment-title { font-size: 18px; } .reply-list { margin-top: 0px; padding-top: 0px; }}@font-face { font-family: 'iconfont'; src: url('data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTaf0nA0AABcAAAAAHEdERUYAKQAjAAAW4AAAAB5PUy8yPE5LlAAAAVgAAABgY21hcNHa0RoAAAIYAAABWmdhc3D//wADAAAW2AAAAAhnbHlmaSm2lwAAA7AAAA9waGVhZCi7tMMAAADcAAAANmhoZWEH+wOuAAABFAAAACRobXR4R9MFoAAAAbgAAABgbG9jYSqALn4AAAN0AAAAPG1heHABLQDAAAABOAAAACBuYW1lXoIBAgAAEyAAAAKCcG9zdB8AQ5IAABWkAAABNAABAAAAAQAALlfKGl8PPPUACwQAAAAAAOKquGMAAAAA4qq4YwAr/4AEHAOAAAAACAACAAAAAAAAAAEAAAOA/4AAXAQbAAD//wQcAAEAAAAAAAAAAAAAAAAAAAATAAEAAAAdALQABgAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQDAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5hnowgOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAFVAAAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABBQAQAQKAEAEEABABBsAQAQQAEAEAAArAMAAOgA/AD8AVQBRAFEAgACAAGsAAAADAAAAAwAAABwAAQAAAAAAVAADAAEAAAAcAAQAOAAAAAoACAACAALmKedW6HPowv//AADmGedW6G3owv//GeoYvheoF1oAAQAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0AFoAkACyAO4BLgFOAZgB1AIEAj4CiALOAwQDRgOoA/gE9gUqBYYGIgZOBqQG8gdyB7gAAgBAAKsDBAJwABQAHQAAJTY3NicmJwYHIzY3FhcWBwYHMxUjAwc1IxUzETMBAhIHIX0BBCYmBEsCc3AEBHMoDabwgLuXJnEBd/AJG2soKgIEMGEEBVo9WiIPMgHF2tom/mEBxQAAAAADAEAAqwMNAnAACgANABYAACUjNTczFTMVIxUjNQczAQc1IxUzETMBApeJiUcvL0dSUv77u5cmcQF39EHI0jdJ+HgBRdraJv5hAcUAAgBAAKgDAgJwABYAHwAAARYXNjcmJwYHJzczFSMHNjMWFwYHJicDBzUjFTMRMwECXgYkLgMDLB8LSQrOjwQZJmUCCnJtBIO7lyZxAXcA/ygCAkc5BAIkAccwWhkEcGkHAVYBcdraJv5hAcUAAgBAAKsCzgJwAAgAEQAAATY3MxEjEQYHJwc1IxUzETMBAjQuKERKJCyiu5cmcQF3AcsVHf6uAQkaEuja2ib+YQHFAAACAEAAqAL8AnAAGgAjAAABFhc2NyYHNTYnJicGByM2NxYXBgcWFQYHIjUDBzUjFTMRMwECXAIoKAQCUFQCAigiBksGbWsHAj9DCW9ygLuXJnEBdwEJLgYEMDkCMAIzLAIGKFsECUxFDxNJUAdhAWfa2ib+YQHFAAADAEAAqAMLAnAAFAAcACUAAAE0JyYjBgc2MxYXFAcGByI1JhcWFwcGBxYXNjcmAQc1IxUzETMBArkJDBEtAhcoYwUcJjt3BYtjAnEqAwMqLAIC/tW7lyZxAXcBqxcJCAJjGQZjMiAjAY7QAgVUVgI9PwICPz0BHdraJv5hAcUAAAIAQACrAvMCcAAGAA8AAAEVAyMTIzUnBzUjFTMRMwEC82lJbZeFu5cmcQF3Af0//u0BGjhz2tom/mEBxQAAAAAEAEAAqAMIAnAAEAAYACAAKQAAASY1NjcWFwYHFhcGByYnNj8BNjcmJwYHFhc2NyYnBgcWAwc1IxUzETMBAlpBCG1yBAY9RQIIcncDA0M3LAICMSwCAi8sBAQtLgICzruXJnEBdwFeFDlQCQVUPRATQlwFA14/FRwEKioCBCgspgQyMwIEMTQBmdraJv5hAcUAAAAAAwBAAKYDBAJwABIAGgAjAAABFjMyJwYnJic2NzYHFgcGIwYnNzY3JiciFRQDBzUjFTMRMwECYAcdOQYcJlwJB3F8AgIdHkNvAncqAQEqMMq7lyZxAXcA/yprFwIKXWsHAphtLC0CWV4BODsCPTkBE9raJv5hAcUAAwBAAKsD3QJwAAgAEQAaAAABNjczESMRBgclNjczESMRBgclBzUjFTMRMwECNC4oREokLAEPLShFSiQs/k+7lyZxAXcByxUd/q4BCRoSQxUd/q4BCRoS6NraJv5hAcUABABAAKgEFAJwAAgAEAAWAB8AAAE2NzMRIxEGBwUmJzY3FhcGAwYUFzY0JQc1IxUzETMBAjQuKERKJCwBZnAEBHB2BAJ2LCws/cq7lyZxAXcByxUd/q4BCRoS4AGqrwICr6oBKgL6AgL6n9raJv5hAcUAAAADAEAAqAQLAnAACAAjACwAAAE2NzMRIxEGBwUWFzY3Jgc1NicmJwYHIzY3FhcGBxYVBgciNQEHNSMVMxEzAQI0LihESiQsATcCKCgDAlBUAgIoIgZKBmxrCAI/Qwpuc/5yu5cmcQF3AcsVHf6uAQkaEn8uBgQwOQIwAjMsAgYoWwQJTEUPE0lQB2EBZ9raJv5hAcUAAwBAAKgEEAJwAAgAHwAoAAABNjczESMRBgcFFhc2NyYnBgcnNzMVIwc2MxYXBgcmJwEHNSMVMxEzAQI0LihESiQsATkFJC4EBCweDEgKzY8DGCdlAQlybQT+bruXJnEBdwHLFR3+rgEJGhKJKAICRzkEAiQBxzBaGQRwaQcBVgFx2tom/mEBxQAAAAAEAEAAqwQcAnAACAATABYAHwAAATY3MxEjEQYHBSM1NzMVMxUjFSM1BzMBBzUjFTMRMwECNC4oREokLAFyiopGMDBGUlL97LuXJnEBdwHLFR3+rgEJGhKUQcjSN0n4eAFF2tom/mEBxQAAAAADAEAAqwQSAnAACAAdACYAAAE2NzMRIxEGBxc2NzYnJicGByM2NxYXFgcGBzMVIwEHNSMVMxEzAQI0LihESiQs7AggfgIEJiYESgJycQQDcigNpfD+cruXJnEBdwHLFR3+rgEJGhKYCRtrKCoCBDBhBAVaPVoiDzIBxdraJv5hAcUAAAADACv/sgPIA0gAKQA7ADwAAAEmLwEiDgEWHwEHJicmDgIHBhcWFxYXFj4CNzYmJzcHBh4BNj8BNiYBDgMnLgI3PgMXHgIHA7QKDu0THAMZE32iRVZGi3dRDhcdG0RHX0aNeVIPEBkplQYBGiYdARMBCv7SCjtWZDFEYSYQCztWZDFCXygPAygKAxMZJx0CDaU6GQ8ZTXVFYF5bQkQXERlNdUdIkT6echMeAhoT8QsU/cwxUzYQDBFfg0QxUzYQDBNfgkMAAgDA/4ADQAOAACoANwAAATIeAhQGBw4BBxUzMhYUBisBFRQGIiY9ASMiJjQ2OwE1LgEnLgE0PgIXIg4BFB4BMj4BNC4BAgBAdVoxMS0kWzOgFBwcFKAcKBygFBwcFKAzWyQtMTFadUA9Zzw8Z3pnPDxnA4AxWnWAdS0lLgdUHCgcoBQcHBSgHCgcVAcuJS11gHVaMWA8Z3pnPDxnemc8AAIAOv+6A8EDRgBLALMAAAUiJyYnLgEnJjY3PgE3NjMyFxYXFhcWFzEWBgcGIyInJi8BNSYnLgEnJiMiBgcOAh4CFxYzMjY3PgE3NTY3NTYyFh0BDgEHBgcGJzUHBgcGDwEGDwEVIzUzFTc2NzM2NzY/ATUjBg8BJxYfARY7ATY3Njc2NxcWFwYHBg8BFTc2MhceAhcWHwEUDgIHBiMiJy4CJzcWFzMyMz4CNzYnNC8BNCcmJyYrAQcGIwcVIwIFDRBYUFN6HRwLJyiKV0ZJDRBYUVI9SBsDBAcICw0JAgIBF0E1i04OC0iFNztECTJoi08OC0iFNi8/DgEICRcRD0k4RVdGeAQfHAoTBRsJAUdGBAYWARgKICICAzwvTw0PHgYkERA8Nzw1MjwaAQMyMxY1JwMRMREwOB4EBQIBAwoSDwkLCAkVIBgJBBQPCAQDBw0IAgMCAQEEBhIPGgotDwUCR0YBBScoildTsVFSeh0YAQYmKEVRbQkQBggKAgQBA1xKO0UEATIwNIudk3ZEBQEyMCprPgEKCAEHEA0DSYAwPR0Y7fMBCQkDBQEIAwGAyB4CAgUGAwoHATMDAQIzAQEBAgMIBwwKEj8EBQgGAgQDJAEBAQUZHhANER4SIR8WBQQCAwoKBR8KAgIJEQ4iEwcDDQcGCwoIBAIB/QABAD//ywPFAy4AHQAABQYuAT8BJy4BNj8CPgEWHwIeAQYPARcWDgEvAQEcESARAhakDQIVE/OACh4eCoDzExUCDaUXAhEgEuUtCAgbFPm8DiEZBDfXEQwMEdc3BBkhDrz5FBsICGIAAAEAP//LA8UDLgA3AAABPgEmLwIuAQYPAg4BFh8BBwYeAT8BPgEuAQ8BBiI1EycmNjclNzYyHwEFFhQPARMUFj4BLwEDtg0CFRPzgAoeHgqA8xMVAg2kFgIRIBHuCAcHEAnvAwEYsQMBBAEGigICAokBBwQCshkOEgsBFwG3DiEZBDfXEQwMEdc3BBkhDrz5FBsICGYDERAGA2cBBAENywMBATzoAwPoPAEBA8v+9QkLAQ4J+QAAAAADAFX/1QOrAysATgBbAGgAAAEUBwYHBg8BBgcGBwYjIicmNz4BPwE2JyY+ARYXFgcGDwE2NzY3Nj8BNjMyNzY3NjQnJicmIgcGBwYVFBYXFg4BJy4BNTQ3Njc2MhcWFxYFNDYzITIWFAYjISImFTQ2OwEyFhQGKwEiJgOrOTdfYXEUCRonNjEtCAYKAwEGBhgkCgIJEQ8DBwkIGAQfHR8XGAgYBgppWVczNDQzV1nSWVczNDo1CgUXCjxCOzhhY+hjYTg7/aoNCQEqCQ0NCf7WCQ0NCdUJDAwJ1QkNAbpjVVMxMwIVCRceERAGCQ0FCQcdMCQIDwUJCR0fHCAEBgsNEhUIGwctK0pMsExKKy0tK0pMWEF3LggYCAg0h0tkVlQwMzMwVFYeCQwMEgwMdwkMDBIMDAAAAAABAFEAAAOvAwYAFgAAATYeAg4BBwEGIicBLgI+AhcWFzYCnjVjUyYLOTL+4wsiC/7jMjkLJlNjNVFNTgL9CSFRZ29rMP7pDAwBFzBrb2dRIQkMQUEAAAAAAwBRAAADrwMGABgAHQA0AAAlPwE+Ai4CBwYHBiInJicmDgIeARcBMQc0MhUTNh4CDgEHAQYiJwEuAj4CFxYXNgIMIe4sMwogRFAsS0sGEAZLSyxQRCAKMywBGwECnTVjUyYLOTL+4wsiC/7jMjkLJlNjNVFNTjch6SteXlRDGwcMQwUFQwwHG0NUXl4r/uoBAQEC0wkhUWdvazD+6QwMARcwa29nUSEJDEFBAAIAgAAAA4UDAAAjADMAAAEyNzMyHgEHAw4BIyEiJjUDNDY7ATI3PgE1NDY3Mh4BFRYGBwURFAYrASImNRE0NjsBMhYCxxcYCSk/HgguB0cr/lUSGQEZERcsKSYwNzMfMRsBCQb+IwwJKgkNDQgqCQ0B/wEpRSn+/So8GREBgBIZGRlPKkA/ASVELBQ+Gj/+VQkMDAkBqwkMDAAAAAMAgAAAA6kDKwAfAEMAWQAAJTI2NxM2LgEjByc3PgE1LgEjIgYVFAYHBicjMBUXMzIDMjsBNh4BBwMOASMhIiY1AzQ2OwEyNz4BNTQ2NzIeARcUBgcFETMyFhQGKwEiJjURNDY7ATIWFAYjAvYbLwUzBRMqHD9YCwgOAScdJCI9MzU8GAHl5hIbGgoqPx0HMwhGK/41EhkBGREZMCspMzk2IDMdAQkH/eIXCQwMCScLEBALJwkMDAkrJxwBHxsvGgEBHRNUGTU9KjE4aR8iAc3MAfABKUUp/uEqPBkRAZoRGRsaVS1DQgEnSC4VQxtb/msNEgwQCwG1CxANEgwAAAAGAGv/1QOVAysAAwARAB8AIwAnACsAABMhFSElFTM1NCYjISIGHQEzNQMRIxEUFjMhMjY1ESMRATMRIxMzESMTMxEjawMq/NYCFSsZEv8AEhkrqyoZEQJWERkq/hUrK6sqKqorKwKrK4ArKxIZGRIrK/0AAoD9gBIZGRICgP2AAiv+gAGA/oABgP6AAAAAEgDeAAEAAAAAAAAAEwAoAAEAAAAAAAEACABOAAEAAAAAAAIABwBnAAEAAAAAAAMACACBAAEAAAAAAAQACACcAAEAAAAAAAUACwC9AAEAAAAAAAYACADbAAEAAAAAAAoAKwE8AAEAAAAAAAsAEwGQAAMAAQQJAAAAJgAAAAMAAQQJAAEAEAA8AAMAAQQJAAIADgBXAAMAAQQJAAMAEABvAAMAAQQJAAQAEACKAAMAAQQJAAUAFgClAAMAAQQJAAYAEADJAAMAAQQJAAoAVgDkAAMAAQQJAAsAJgFoAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQAAENyZWF0ZWQgYnkgaWNvbmZvbnQAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AAEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC4AAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAGh0dHA6Ly9mb250ZWxsby5jb20AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdAAAAAQACAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwdsZXZlbC0yB2xldmVsLTQHbGV2ZWwtNQdsZXZlbC0xB2xldmVsLTMHbGV2ZWwtNgdsZXZlbC03B2xldmVsLTgHbGV2ZWwtOQhsZXZlbC0xMQhsZXZlbC0xMAhsZXZlbC0xMwhsZXZlbC0xNQhsZXZlbC0xNAhsZXZlbC0xMgt4aW5nYmllLW5hbgp4aW5nYmllLW52CHRhb2ppbmJpCHNob3VjYW5nCXNob3VjYW5nMQZ4aWFveGkGeGlodWFuB3hpaHVhbjEDemFuBHphbjEHc2hhbmNodQAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADABwAAQAEAAAAAgAAAAAAAAABAAAAAOKfK0YAAAAA4qq4YwAAAADiqrhj') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}.iconfont { font-family:"iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.icon-taojinbi:before { content:"\e756";}.icon-xingbie-nan:before { content:"\e628";}.icon-xingbie-nv:before { content:"\e629";}.icon-level-2:before { content:"\e619";}.icon-level-4:before { content:"\e61a";}.icon-level-5:before { content:"\e61b";}.icon-level-1:before { content:"\e61c";}.icon-level-3:before { content:"\e61d";}.icon-level-6:before { content:"\e61e";}.icon-level-7:before { content:"\e61f";}.icon-level-8:before { content:"\e620";}.icon-level-9:before { content:"\e621";}.icon-level-11:before { content:"\e622";}.icon-level-10:before { content:"\e623";}.icon-level-13:before { content:"\e624";}.icon-level-15:before { content:"\e625";}.icon-level-14:before { content:"\e626";}.icon-level-12:before { content:"\e627";}.icon-shoucang:before { content:"\e86d";}.icon-shoucang1:before { content:"\e86e";}.icon-xiaoxi:before { content:"\e86f";}.icon-xihuan:before { content:"\e870";}.icon-xihuan1:before { content:"\e871";}.icon-zan:before { content:"\e872";}.icon-zan1:before { content:"\e873";}.icon-shanchu:before { content:"\e8c2";}.container { padding: 5px;}.tools-modal{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; justify-content: center; align-items: center; transition: all 0.3s;}.tools-modal.show{ display: block;}.tools-modal-content{ margin-top: 60px; background-color: #fff; border-radius: 5px; padding: 10px; max-width: 600px; margin-left: 10px; margin-right: 10px;}body.dark .tools-modal-content{ background-color: #333;}.tools-modal-list{ list-style: none; padding: 0; margin: 0; display: flex;}.tools-modal-list li{ padding: 10px; cursor: pointer;}.tools-modal-list li a{ text-decoration: none; font-weight: bold; color: #f28c8c;}body.dark #comment-box { background-color: #333;}body.dark .reply-item { background-color: transparent;}body.dark .reply-content { color: #fff;}body.dark .reply-info { color: #999;}body.dark .reply-like span { color: #999;}body.dark .reply-btn { color: #999;}body.dark .reply-like { color: #999;}body.dark .reply-more { color: #999;}body.dark .reply-more i { color: #999;}body.dark .reply-content-container { background-color: #444;}body.dark .sub-reply-item { background-color: transparent;}body.dark .sub-reply-content { background-color: #555;}body.dark .sub-reply-info { color: #999;}body.dark .sub-reply-like span { color: #999;}body.dark .sub-reply-btn { color: #999;}body.dark .sub-reply-like { color: #999;}body.dark .sub-reply-more { color: #999;}body.dark .sub-reply-more i { color: #999;}body.dark .sub-reply-content-container { background-color: #555;}body.dark .main-reply-box { background-color: #333; border-bottom: 1px solid rgba(0, 0, 0, .1);}body.dark .reply-textarea { background-color: #444; color: #fff;}body.dark .reply-action button { background-color: #ff6600; color: #fff;}body.dark .main-no-login { background-color: #444; color: #fff;}body.dark .no-login-action button { background-color: #ff6600; color: #fff;}body.dark .comment-header { background-color: #333;}body.dark .comment-title { color: #fff;}body.dark .snui-header-menu-mobile-content-inner { background-color: #222;}body.dark .snui-header-menu-mobile-content ul li.active { background-color: #444;}body.dark .snui-header-menu-mobile-content ul li a { color: #fff;}body.dark .snui-header-menu-mobile-content ul li.active a { color: red;}body.dark .snui-header-search-content form input { background-color: #444; color: #fff;}body.dark .snui-header-search-content form button { background-color: #444; color: #fff;}@media (max-width: 768px) { body.dark .user-wrapper { background-color: transparent; }}.history-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; justify-content: center; align-items: center; transition: all 0.3s;}.history-modal.show { display: block;}.history-modal-content { margin-top: 60px; background-color: #fff; border-radius: 5px; padding: 20px; max-width: 600px; margin-left: 10px; margin-right: 10px;}.history-modal-title { font-size: 14px; color: #333; margin-bottom: 20px; display: flex; justify-content: space-between;}.history-modal-list { list-style: none; padding: 0; margin: 0;}.history-modal-list li { margin-bottom: 10px;}.extra-menu { background-color: #f8f8f8; padding: 5px; border-radius: 5px;}body.dark .extra-menu { background-color: rgba(0, 0, 0, .1); padding: 5px; border-radius: 5px;}.extra-menu li { list-style: none; cursor: pointer; margin-bottom: 0px !important;}.extra-menu li a { color: #666 !important; text-decoration: none;}body.dark .extra-menu li a { color: #eee !important;}.extra-title { font-size: 14px; color: #333; margin-bottom: 10px; margin-top: 10px; margin-left: 10px;}body.dark .extra-title { color: #ccc;}.search-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; justify-content: center; align-items: center; transition: all 0.3s;}.search-modal.show { display: block;}.search-modal-content { margin-top: 60px; background-color: #fff; border-radius: 5px; padding: 10px; max-width: 600px; margin-left: 10px; margin-right: 10px;}.search-modal-title { font-size: 14px; color: #333; display: flex; justify-content: space-between; gap: 10px;}.search-modal-input{ height: 40px; border-radius: 4px; padding: 10px; resize: none; outline: none; background-color: #E8E8E8; color: #333; flex: 1; outline: none;}.search-modal-btn { padding: 7px 10px; border: none; border-radius: 4px; background-color: #ff6600; color: #fff; cursor: pointer; min-width: 80px; white-space: nowrap; outline: none;}body.dark .search-modal-content { background-color: #333;}body.dark .search-modal-title { color: #fff;}body.dark .search-modal-input { background-color: #444; color: #fff;}body.dark .search-modal-btn { background-color: #ff6600 !important; color: #fff !important;}.search-input { background-color: #f8f8f8; color: #333;}.search-modal-hot { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;}.search-modal-hot a { padding: 5px 10px; border-radius: 4px; background-color: #f8f8f8; color: #333; cursor: pointer; text-decoration: none; display: inline-block; font-size: 14px;}body.dark .search-modal-hot a { background-color: #444; color: #fff;}.captcha-container { display: flex; align-items: center;}.captcha-image { margin-right: 10px; cursor: pointer; height:31px;}.captcha-input { width:100px; padding: 7px 5px; border: 1px solid #ccc; border-radius: 4px; font-size:14px;}.reply-action{ display: flex; align-items: center; gap:10px; justify-content:right; margin-bottom:20px;}