::-webkit-scrollbar {height: 15px;width: 15px}::-webkit-scrollbar-thumb {border-radius: 10px;border-style: solid;border-color: transparent;border-width: 4px;background-color: rgba(0, 0, 0, 0.4);background-clip: padding-box}::-webkit-scrollbar-thumb:hover {border-color: rgba(0, 0, 0, 0.4)}* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent}.ad-bt img {border-radius: 4px;display: none}@media (min-width:640px) {.ad-bt img.img-pc {display: block}}@media (max-width:640px) {.ad-bt img.img-m {display: block}}.type-icon {font-size: 25px;vertical-align: middle;color: #666;margin-right: 10px}.gab {display: inline-block;margin-left: 10px}.gab::before {content: "";display: inline-block;padding-left: 16px;height: 16px;margin-top: -2px;line-height: 16px;vertical-align: middle;background-position: center;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDNzc4MTU4QjRDMjI2ODExODA4M0E1MjgyODY2QjJGNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MEQ4Mzk3RUNFRkIxMUU1ODUwRUQzRjg1OUM4MDkxNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MEQ4Mzk3RENFRkIxMUU1ODUwRUQzRjg1OUM4MDkxNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkI3RjExNzQwNzIwNjgxMTgyMkFGNzI0QjhFQkQ0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc3ODE1OEI0QzIyNjgxMTgwODNBNTI4Mjg2NkIyRjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RiM0TAAADP0lEQVR42hSS22tbdQDHP+eXc05uPSdps2Zpmm69rOlaWkvXCh1YLJsOLAy1DOZQNnyZCkN8EgSffFAHvnhjtriBD1OZ1gdRJogXip1r7WqLW9Ji6ZXem+bkfjknifUP+PD98OUjVbKzlCs+sOpBX0WQVtKLe8/dvzf54s620dzR3vh990D7t8LbN0tSgJkF4UT6HyyVdWzuJrJrd1+/ef3Wm0p+rd6ZM6gIHf+TLTyctdPX1fDHmVevDRcS7JWt9cMB2YFw1QKR3pvXv/hwIrJff9pMcmY5znnlgMdnlujo9vD5nb+eMGbGPrZ7KmScm8jFfA5V/vvSu2+Mfjm1JjEymCI7ukvcppI+NEvce8DZ13JkLz/LC1cnLo5+kq3WairnhVxIYzwau/j2j8c56lPxza2S3S2iHjpYs3G0Bj+RGxEGK//ye6qR90aXz1UplaDYmB5/Kb26+XRjs496VxKzaEdYFtYpnaq32nE2ezApo0lpOtsEptBQAvqYHFuJDjeHTJcqK8yn/TguHWNn2cTb5EYKVyNZCqFeL3tBP9GJDFfeCcDC5CmhqlqfLnIMdBf46usqJqdMmp4KwXSC1O0VMo9iBEIKn36QIVvxM9iyQ3x+OyVsSkbP7ecZ7jVArWPpo0WOz0bRgxaeQJHwCRX5xhQ//LxC61A1nUfiHGTtyG7NH40drPY/M2hy9oKdK7cH+W18Hp8MtW4Fs8bF3NYAEekk3w2tI7ntOAPVyGW53J02nKQm5/jsZYn3fT2MT7bRWWtS37DGrV8DRDxerl128Hz4Aav3U9iq3ZqU2vhmJDZz52p6KYmWj3Fs6ATlsp1yPotsJUgQRNTUUH64wP5yDFs4iN7aHBNVwQuveFrPjehhiYziYvHPfXKWwDgosVvwY/fYYHeDRLKE+lgHQju65fIPnJat1BSVfL7L4Q2h9kuUjAzp/QTC40GRBXv/bGLlyrjaQghVPmzcqivm99qEhCE7QvYFm9eFLPLodXZsWJAyKGxuIx+epLVoyGoORXOid4ZnbHogLlUqSxxsR1m5O3aytL47LDkS/Z7AkUZFKnkUp81exL3l8NUa+YJz2sglf/L39PxSW9fFfwIMAGXrVaZ2QfN+AAAAAElFTkSuQmCC) no-repeat}body {display: block;min-height: 500px;font-family: "Microsoft YaHei"}body main {min-height: 100vh}h3 {font-size: 22px;color: #333}.bg-fff {color: #fff}textarea {font-family: Consolas, "Liberation Mono", Courier, monospace}.grid-container {max-width: 100%}.search-box {margin: 16px 0 24px 0;width: 100%;max-width: 100%;padding: 0;box-sizing: border-box}@media (max-width:640px) {.search-box {padding: 0;margin: 12px 0 18px 0}}.search-box form {width: 100%;background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);border: 1px solid #e7edf7;border-radius: 14px;padding: 12px;box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04)}@media (max-width:640px) {.search-box form {padding: 10px;border-radius: 12px}}.search-box .input-group-search {position: relative;background: #fff;border: 1px solid #dbe6f6;border-radius: 12px;height: 48px;padding: 0 0 0 42px;box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);display: flex;align-items: center;overflow: hidden;transition: all 0.2s ease}.search-box .input-group-search:focus-within {border-color: #93c5fd;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12)}.search-box .input-group-search i {position: absolute;left: 14px;font-size: 16px;color: #94a3b8;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;pointer-events: none}.search-box .input-group-search input.input-group-field {border: none;outline: none;font-size: 14px;color: #374151;flex: 1;height: 48px;padding: 0 12px;background: transparent}.search-box .input-group-search input.input-group-field::placeholder {color: #94a3b8}.search-box .input-group-search .btn-search {height: 40px;line-height: 40px;padding: 0 18px;border-radius: 10px;margin-right: 4px;border: none;background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color: #fff;cursor: pointer;transition: all 0.2s;font-size: 13px;font-weight: 600;min-width: 64px}.search-box .input-group-search .btn-search:hover {background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25)}.search-box .preset-keywords {margin-top: 12px;padding: 2px 2px 0 2px}.search-box .preset-keywords a {display: inline-block;padding: 5px 10px;margin: 0 8px 8px 0;border-radius: 999px;border: 1px solid #dbe6f6;background: #f8fbff;color: #475569;font-size: 12px;text-decoration: none;transition: 0.2s;line-height: 1.2}.search-box .preset-keywords a:hover {background: #eff6ff;border-color: #bfdbfe;color: #1d4ed8}.layer-download-type {max-width: 420px}.layer-download-type .layui-layer-btn {text-align: center !important}.layer-img-box {padding: 10px;background: #fff}.layer-img-box img {width: 100%}.layer-img-box .text-tip {margin-top: 6px;text-align: center;color: #555;font-size: 14px}.tool-group .tool-item {font-family: "Segoe UI", sans-serif;display: block;position: relative;padding: 18px;border-radius: 12px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)}.tool-group .tool-item__icon {width: 44px;height: 44px;line-height: 44px;text-align: center;border-radius: 50%;background: linear-gradient(135deg, #eef2ff, #f5f7ff);color: #3b82f6;box-shadow: 0 4px 10px rgba(59, 130, 246, 0.08);margin-bottom: 12px;display: inline-block}.tool-group .tool-item__icon i {font-size: 20px;vertical-align: middle}.tool-group .tool-item__title {position: relative;font-weight: bold;font-size: 16px;margin-bottom: 8px;letter-spacing: 0.8px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 6px}.tool-group .tool-item__title::after {content: "";display: block;width: 40px;height: 2px;position: absolute;bottom: 0;left: 0;border-radius: 2px}.tool-group .tool-item__badge {position: absolute;top: 12px;right: 12px;font-size: 12px;font-weight: 600;padding: 2px 8px;border-radius: 9999px;user-select: none;color: #fff}.tool-group .tool-item__desc {color: #4b5563;line-height: 1.5;margin: 8px 0 12px 0;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.tool-group .tool-item:hover {box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);transform: scale(1.05)}.tool-group .tool-item.style1 {background: linear-gradient(to top right, #fdf2f8, #fff, #fff1f2)}.tool-group .tool-item.style1 .tool-item__title {color: #be123c}.tool-group .tool-item.style1 .tool-item__title::after {background: linear-gradient(to right, #b91c1c, #ec4899)}.tool-group .tool-item.style1 .tool-item__badge {background-color: #fb7185}.tool-group .tool-item.style1 .tool-item__icon {color: #be123c}.tool-group .tool-item.style2 {background: linear-gradient(to top right, #e0f2fe, #fff, #f0f9ff)}.tool-group .tool-item.style2 .tool-item__title {color: #0369a1}.tool-group .tool-item.style2 .tool-item__title::after {background: linear-gradient(to right, #0369a1, #38bdf8)}.tool-group .tool-item.style2 .tool-item__badge {background-color: #38bdf8}.tool-group .tool-item.style2 .tool-item__icon {color: #0369a1}.tool-group .tool-item.style3 {background: linear-gradient(to top right, #dcfce7, #fff, #f0fdf4)}.tool-group .tool-item.style3 .tool-item__title {color: #15803d}.tool-group .tool-item.style3 .tool-item__title::after {background: linear-gradient(to right, #15803d, #4ade80)}.tool-group .tool-item.style3 .tool-item__badge {background-color: #4ade80}.tool-group .tool-item.style3 .tool-item__icon {color: #15803d}.tool-group .tool-item.style4 {background: linear-gradient(to top right, #fef3c7, #fff, #fff7ed)}.tool-group .tool-item.style4 .tool-item__title {color: #b45309}.tool-group .tool-item.style4 .tool-item__title::after {background: linear-gradient(to right, #b45309, #fbbf24)}.tool-group .tool-item.style4 .tool-item__badge {background-color: #fbbf24}.tool-group .tool-item.style4 .tool-item__icon {color: #b45309}.tool-group .tool-item.style5 {background: linear-gradient(to top right, #f3e8ff, #fff, #faf5ff)}.tool-group .tool-item.style5 .tool-item__title {color: #7e22ce}.tool-group .tool-item.style5 .tool-item__title::after {background: linear-gradient(to right, #7e22ce, #c084fc)}.tool-group .tool-item.style5 .tool-item__badge {background-color: #c084fc}.tool-group .tool-item.style5 .tool-item__icon {color: #7e22ce}.tool-group .tool-item.style6 {background: linear-gradient(to top right, #f3f4f6, #fff, #e5e7eb)}.tool-group .tool-item.style6 .tool-item__title {color: #374151}.tool-group .tool-item.style6 .tool-item__title::after {background: linear-gradient(to right, #4b5563, #9ca3af)}.tool-group .tool-item.style6 .tool-item__badge {background-color: #6b7280}.tool-group .tool-item.style6 .tool-item__icon {color: #374151}.tool-group .tool-item.style7 {background: linear-gradient(to top right, #d1fae5, #fff, #ecfdf5)}.tool-group .tool-item.style7 .tool-item__title {color: #065f46}.tool-group .tool-item.style7 .tool-item__title::after {background: linear-gradient(to right, #065f46, #34d399)}.tool-group .tool-item.style7 .tool-item__badge {background-color: #34d399}.tool-group .tool-item.style7 .tool-item__icon {color: #065f46}.tool-group .tool-item.style8 {background: linear-gradient(to top right, #fef9c3, #fff, #fefce8)}.tool-group .tool-item.style8 .tool-item__title {color: #a16207}.tool-group .tool-item.style8 .tool-item__title::after {background: linear-gradient(to right, #a16207, #fde047)}.tool-group .tool-item.style8 .tool-item__badge {background-color: #fde047}.tool-group .tool-item.style8 .tool-item__icon {color: #a16207}.tool-group .tool-item.style9 {background: linear-gradient(to top right, #ffedd5, #fff, #fff7ed)}.tool-group .tool-item.style9 .tool-item__title {color: #c2410c}.tool-group .tool-item.style9 .tool-item__title::after {background: linear-gradient(to right, #ea580c, #fb923c)}.tool-group .tool-item.style9 .tool-item__badge {background-color: #fb923c}.tool-group .tool-item.style9 .tool-item__icon {color: #c2410c}.tool-group .tool-item.style10 {background: linear-gradient(to top right, #e0f2fe, #fff, #e5f6ff)}.tool-group .tool-item.style10 .tool-item__title {color: #0c4a6e}.tool-group .tool-item.style10 .tool-item__title::after {background: linear-gradient(to right, #0c4a6e, #38bdf8)}.tool-group .tool-item.style10 .tool-item__badge {background-color: #0284c7}.tool-group .tool-item.style10 .tool-item__icon {color: #0c4a6e}.tool-group .tool-item.style11 {background: linear-gradient(to top right, #ecfccb, #fff, #f7fee7)}.tool-group .tool-item.style11 .tool-item__title {color: #4d7c0f}.tool-group .tool-item.style11 .tool-item__title::after {background: linear-gradient(to right, #65a30d, #bef264)}.tool-group .tool-item.style11 .tool-item__badge {background-color: #a3e635}.tool-group .tool-item.style11 .tool-item__icon {color: #4d7c0f}.tool-group .tool-item.style12 {background: linear-gradient(to top right, #ffe4e6, #fff, #fff1f2)}.tool-group .tool-item.style12 .tool-item__title {color: #e11d48}.tool-group .tool-item.style12 .tool-item__title::after {background: linear-gradient(to right, #e11d48, #fb7185)}.tool-group .tool-item.style12 .tool-item__badge {background-color: #fb7185}.tool-group .tool-item.style12 .tool-item__icon {color: #e11d48}.tool-group .tool-item.style13 {background: linear-gradient(to top right, #dbeafe, #fff, #eff6ff)}.tool-group .tool-item.style13 .tool-item__title {color: #1d4ed8}.tool-group .tool-item.style13 .tool-item__title::after {background: linear-gradient(to right, #1d4ed8, #60a5fa)}.tool-group .tool-item.style13 .tool-item__badge {background-color: #60a5fa}.tool-group .tool-item.style13 .tool-item__icon {color: #1d4ed8}.tool-group .tool-item.style14 {background: linear-gradient(to top right, #f3e8e8, #fff, #f9f5f5)}.tool-group .tool-item.style14 .tool-item__title {color: #7f1d1d}.tool-group .tool-item.style14 .tool-item__title::after {background: linear-gradient(to right, #7f1d1d, #e11d48)}.tool-group .tool-item.style14 .tool-item__badge {background-color: #e11d48}.tool-group .tool-item.style14 .tool-item__icon {color: #7f1d1d}.tool-group .tool-item.style15 {background: linear-gradient(to top right, #ede9fe, #fff, #f5f3ff)}.tool-group .tool-item.style15 .tool-item__title {color: #5b21b6}.tool-group .tool-item.style15 .tool-item__title::after {background: linear-gradient(to right, #5b21b6, #a78bfa)}.tool-group .tool-item.style15 .tool-item__badge {background-color: #8b5cf6}.tool-group .tool-item.style15 .tool-item__icon {color: #5b21b6}.tool-group .tool-item .history-tool-remove,.tool-group .tool-item .favorite-tool-remove {position: absolute;top: 8px !important;right: 8px !important;left: auto !important;width: 24px;height: 24px;line-height: 24px;border: 0;border-radius: 50%;background: rgba(239, 68, 68, 0.92) !important;color: #fff;cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.2s ease;z-index: 5;text-align: center;padding: 0}.tool-group .tool-item:hover .history-tool-remove,.tool-group .tool-item:hover .favorite-tool-remove {opacity: 1;visibility: visible;background: #dc2626 !important}.page-content,footer {/*margin-left: 220px;*/padding: 0 15px}@media (max-width:768px) {.page-content,footer {margin-left: 0;padding: 0}}.page-content {min-height: 600px}ins.adsbygoogle {display: block}.ad-init ins.adsbygoogle,.no-ad ins.adsbygoogle,html.ad-blocked ins.adsbygoogle {display: none}ins.adsbygoogle[data-ad-status="unfilled"] {display: none !important}.promo-box ins.adsbygoogle[data-ad-status="unfilled"] {display: none !important}.promo-box a {transform: translateY(0);box-shadow: none;transition: 0.3s}.promo-box a:hover {transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15)}video.preview-video {height: 500px;width: 100%;-o-object-fit: contain;object-fit: contain;background-color: #333;margin: 0 auto;border: 1px solid #9e9e9e}@media (max-width:640px) {main img {max-width: 100%}}.width100 {width: 100px}.layui-laydate-content tbody tr:nth-child(even) {background: none}.result-box {padding-top: 10px;border-top: 1px solid #eaeaea}.info-title {margin-bottom: 0;font-size: 14px}ul {margin: 0;padding: 0}ul li {list-style-type: none}.mt0 {margin-top: 0}.ml0 {margin-left: 0}mr0 {margin-right: 0}mb0 {margin-bottom: 0}.margin0 {margin: 0}padding0 {padding: 0}.table-scroll table {width: 100%}.text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.clearfix {overflow: hidden;_zoom: 1}.clearfix ::after {content: ".";display: block;height: 0;clear: both;visibility: hidden}.bg-transparent {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX5+fns7OzSP6FoAAAAG0lEQVQY02P4//9/AwMDw5CngaD+//8DQ50GAO2gqCu/k7NTAAAAAElFTkSuQmCC")}.breadcrumbs-wrapper {background: #fff}.breadcrumbs-wrapper .breadcrumbs li {height: 20px;line-height: 20px}.breadcrumbs-wrapper .breadcrumbs h1 {font-size: 12px;margin-bottom: 0;line-height: 20px}.red {color: red}h1 {font-size: 28px;color: #333}@media (max-width:760px) {h1 {font-size: 22px}}h2 {font-size: 20px;color: #555;margin-bottom: 15px}@media (max-width:760px) {h2 {font-size: 18px}}p {font-size: 14px;line-height: 1.8;color: #666}[v-cloak] {display: none}.w-100 {width: 100%}.no-ad-tip {padding: 15px}.captcha-box {height: 50px;margin-bottom: 10px}.form-error {display: block;margin-bottom: 6px;color: #CC3333}.form-required {color: #CC3333;font-weight: 700}.page-title {margin-top: 25px;margin-bottom: 20px}input[readonly] {background: #fff}.result-tip {color: #888;line-height: 36px}.drag-box {border: 2px dashed #bbb;margin-bottom: 30px;border-radius: 5px;text-align: center;height: 200px;font: 20pt bold, "Vollkorn";color: #bbb;position: relative;display: flex;justify-content: center;align-items: center;cursor: pointer;user-select: none}.drag-box .tip-word {line-height: 1.8;text-align: center}@media (max-width:640px) {.drag-box .tip-word {font-size: 18px}}.drag-box .file-picker {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;filter: alpha(opacity=0);cursor: pointer}button {border-radius: 4px;display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #FFF;border: 1px solid #DCDFE6;color: #606266;-webkit-appearance: none;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;margin: 0;margin-right: 10px;-webkit-transition: 0.1s;transition: 0.1s;font-weight: 500;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;padding: 12px 20px;font-size: 14px}.btn-convert {color: #409EFF;background: #ecf5ff;border-color: #b3d8ff}.btn-convert:hover {background: #409EFF;border-color: #409EFF;color: #FFF}.btn-demo {color: #909399;background: #f4f4f5;border-color: #d3d4d6}.btn-demo:hover {background: #909399;border-color: #909399;color: #fff}.btn-copy {color: #67C23A;background: #f0f9eb;border-color: #c2e7b0}.btn-copy:hover {background: #67C23A;border-color: #67C23A;color: #FFF}.btn-export {color: #E6A23C;background: #fdf6ec;border-color: #f5dab1}.btn-export:hover {background: #E6A23C;border-color: #E6A23C;color: #FFF}.btn-reset {color: #F56C6C;background: #fef0f0;border-color: #fbc4c4}.btn-reset:hover {background: #F56C6C;border-color: #F56C6C;color: #FFF}.btn-box button[class^="btn-"] {margin-bottom: 15px}body.page-tool .tool-wrapper .tool-box input[type="text"],body.page-tool .tool-wrapper .tool-box input[type="number"],body.page-tool .tool-wrapper .tool-box input[type="password"],body.page-tool .tool-wrapper .tool-box textarea,body.page-tool .tool-wrapper .tool-box select {border: 1px solid #cbd5e1;border-radius: 8px;background: #ffffff;box-shadow: none;transition: all 0.2s ease}body.page-tool .tool-wrapper .tool-box input[type="text"]:focus,body.page-tool .tool-wrapper .tool-box input[type="number"]:focus,body.page-tool .tool-wrapper .tool-box input[type="password"]:focus,body.page-tool .tool-wrapper .tool-box textarea:focus,body.page-tool .tool-wrapper .tool-box select:focus {border-color: #93c5fd;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);outline: none}body.page-tool .tool-wrapper .tool-box select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 34px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364758b' d='M9.7.8a1 1 0 0 0-1.4 0L5 4.1 1.7.8A1 1 0 1 0 .3 2.2l4 3.5a1 1 0 0 0 1.4 0l4-3.5a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 10px center;background-size: 10px 6px}body.page-tool .tool-wrapper .tool-box select::-ms-expand {display: none}.tool-check-list,.tool-radio-list {display: flex;flex-wrap: wrap;gap: 10px 12px}.tool-check-chip,.tool-radio-chip {display: inline-flex;align-items: center;padding: 7px 12px;border: 1px solid #c8d8f1;border-radius: 8px;background: #ffffff;font-size: 13px;color: #1e293b;cursor: pointer;user-select: none;transition: all 0.2s ease}.tool-check-chip span,.tool-radio-chip span {transition: color 0.2s ease}.tool-check-chip input[type="checkbox"],.tool-check-chip input[type="radio"],.tool-radio-chip input[type="checkbox"],.tool-radio-chip input[type="radio"] {-webkit-appearance: none;appearance: none;width: 16px;height: 16px;margin: 0 6px 0 0;border: 1px solid #3b82f6;border-radius: 3px;background: #ffffff;position: relative;vertical-align: middle;cursor: pointer;transition: all 0.2s ease}.tool-check-chip input[type="radio"],.tool-radio-chip input[type="radio"] {border-radius: 50%}.tool-check-chip input[type="checkbox"]:checked,.tool-radio-chip input[type="checkbox"]:checked {border-color: #3b82f6;background: #3b82f6}.tool-check-chip input[type="radio"]:checked,.tool-radio-chip input[type="radio"]:checked {border-color: #3b82f6;background: #ffffff}.tool-check-chip input[type="checkbox"]:checked::after,.tool-radio-chip input[type="checkbox"]:checked::after {content: "";position: absolute;left: 4px;top: 2px;width: 4px;height: 8px;border: solid #ffffff;border-width: 0 2px 2px 0;transform: rotate(45deg)}.tool-check-chip input[type="radio"]:checked::after,.tool-radio-chip input[type="radio"]:checked::after {content: "";position: absolute;left: 3px;top: 3px;width: 8px;height: 8px;border-radius: 50%;background: #3b82f6}.tool-check-chip:hover,.tool-radio-chip:hover {border-color: #3b82f6;background: #f5f9ff}.tool-check-chip:hover span,.tool-radio-chip:hover span {color: #1d4ed8}.tool-check-chip.active,.tool-radio-chip.active {border-color: #3b82f6;background: #eff6ff}.tool-check-chip input[type="checkbox"]:checked+span,.tool-check-chip input[type="radio"]:checked+span,.tool-radio-chip input[type="checkbox"]:checked+span,.tool-radio-chip input[type="radio"]:checked+span {color: #3b82f6;font-weight: 600}.checkbox-group {display: inline-flex;align-items: center;margin: 0 12px 8px 0;user-select: none;vertical-align: middle}.checkbox-group input[type="checkbox"],.checkbox-group input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0}.checkbox-group label {font-size: 13px;height: 22px;line-height: 22px;display: inline-flex;align-items: center;margin-left: 0;color: #334155;cursor: pointer;transition: color 0.2s ease}.checkbox-group label::before {font-size: 12px;border: 1px solid #3b82f6;width: 16px;height: 16px;text-align: center;line-height: 14px;display: inline-block;vertical-align: middle;content: "";margin-right: 6px;color: transparent;box-sizing: border-box;border-radius: 3px;background: #ffffff;transition: all 0.2s ease}.checkbox-group label:hover::before {border-color: #3b82f6;background: #eff6ff}.checkbox-group label:hover {color: #1d4ed8}.checkbox-group input[type="checkbox"]:checked~label,.checkbox-group input[type="radio"]:checked~label {color: #3b82f6;font-weight: 600}.checkbox-group input[type="checkbox"]:checked~label::before,.checkbox-group input[type="radio"]:checked~label::before {content: "✓";border-color: #3b82f6;color: #fff;background: #3b82f6}.checkbox-group input[type="radio"]~label::before {border-radius: 50%}.checkbox-group input[type="radio"]:checked~label::before {content: "●";line-height: 13px;font-size: 9px}@media (max-width:640px) {fieldset.fieldset {padding: 20px 4px}fieldset.fieldset span.checkbox-group {margin-top: 8px;margin-bottom: 8px;display: inline-block}}footer,.footer {background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);margin-top: 40px;padding: 34px 0 30px 0;border-top: 1px solid #e4ebf7;color: #334155}footer .disclaimer-tip,.footer .disclaimer-tip {font-size: 12px;color: #64748b;text-align: center;margin-bottom: 18px;margin-top: 0;padding: 0 15px}footer a,.footer a {color: #475569}footer a:hover,.footer a:hover {color: #1d4ed8;text-decoration: none}footer .footer-nav,.footer .footer-nav {margin-bottom: 14px}footer .footer-nav a,.footer .footer-nav a {margin: 4px 8px;font-size: 13px;display: inline-block;padding: 6px 12px;color: #475569;border-radius: 999px;border: 1px solid #dbe6f6;background: #f8fbff;transition: all 0.2s ease}footer .footer-nav a:hover,.footer .footer-nav a:hover {background: #eff6ff;border-color: #bfdbfe}@media (max-width:760px) {footer .footer-nav a,.footer .footer-nav a {margin: 4px 6px;font-size: 12px;padding: 5px 10px}}footer .friend-link,.footer .friend-link {margin-bottom: 14px;margin-top: 6px;color: #64748b;line-height: 2;font-size: 13px}footer .friend-link a,.footer .friend-link a {font-size: 13px;margin: 0 8px 6px 0;color: #64748b;display: inline-block;padding: 2px 8px;border-radius: 6px;transition: all 0.2s ease}footer .friend-link a:hover,.footer .friend-link a:hover {background: #eff6ff;color: #1d4ed8}footer p.copyright,.footer p.copyright {font-size: 12px;text-align: center;color: #94a3b8;line-height: 1.9;margin-top: 10px}.sidebar {z-index: 999;position: fixed;right: 14px;bottom: 180px}@media (max-width:768px) {.sidebar {display: none !important}}.sidebar ul {list-style-type: none}.sidebar ul li {width: 42px;height: 42px;line-height: 42px;text-align: center;cursor: pointer;border-radius: 12px;position: relative;margin-bottom: 8px;border: 1px solid #dbe6f6;background: rgba(255, 255, 255, 0.92);box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);transition: all 0.2s ease;backdrop-filter: blur(4px)}.sidebar ul li i {font-size: 18px;color: #64748b;transition: color 0.2s ease}.sidebar ul li .hidden-box {transform: translate(0, -50%);z-index: 999;display: none;position: absolute;border: 1px solid #dbe6f6;right: 58px;top: 50%;background: #fff;border-radius: 10px;box-shadow: 0 10px 26px rgba(15, 23, 42, 0.14)}.sidebar ul li .hidden-box-wrapper {position: relative;padding: 10px 10px 8px 10px}.sidebar ul li .hidden-box-wrapper::before,.sidebar ul li .hidden-box-wrapper::after {content: "";width: 10px;height: 10px;border: 10px solid;position: absolute;top: 50%;right: -20px;margin-top: -10px;border-color: transparent transparent transparent #ccc}.sidebar ul li .hidden-box-wrapper::before {right: -20px}.sidebar ul li .hidden-box-wrapper::after {right: -19px;border-color: transparent transparent transparent #f8fbff}.sidebar ul li .hidden-box img {max-width: none;border-radius: 6px}.sidebar ul li .hidden-box span {margin-top: 8px;display: block;color: #475569;font-size: 12px;line-height: 1.6}.sidebar ul li:hover {transform: translateY(-2px);border-color: #bfdbfe;background: #eff6ff;box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18)}.sidebar ul li:hover i {color: #2563eb}.sidebar ul li:hover .hidden-box {display: block}.text-collapse {position: relative;padding-bottom: 10px}.text-collapse p {margin-bottom: 0}.text-collapse .toggle-btn {width: 100%;user-select: none;cursor: pointer;position: absolute;bottom: 0;left: 0;display: none}.text-collapse .toggle-btn::after {background: #fff;display: block;text-align: center;line-height: 1.6;font-size: 18px;cursor: pointer;font-family: "iconfont";content: ""}.text-collapse.collapse {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical}.text-collapse.collapse .toggle-btn {display: block}.text-collapse.collapse .toggle-btn::after {content: ""}.tool-meta {background: #fff;padding: 10px 18px;border: 1px solid #eaeaea;margin-top: 6px;margin-bottom: 20px;display: flex;border-radius: 6px}@media (max-width:768px) {.tool-meta {display: block}}.tool-meta h1 {font-size: 18px;color: #555;margin-bottom: 0;line-height: 30px}@media (max-width:768px) {.tool-meta h1 {text-align: center}}.tool-meta ul {text-align: right;flex-grow: 1}@media (max-width:768px) {.tool-meta ul {text-align: center;margin-top: 10px}}.tool-meta ul li {display: inline-block;margin-left: 15px;font-size: 12px;cursor: pointer;user-select: none;color: #555}@media (max-width:768px) {.tool-meta ul li {font-size: 10px}}.tool-meta ul li:hover {color: #1779ba}.tool-meta ul li i {margin-right: 5px;vertical-align: middle;font-size: 16px;font-style: normal}.tool-meta ul li span {vertical-align: middle}@media (max-width:768px) {.tool-meta ul li span {display: none}}.tool-meta ul li a {color: #555}.tool-meta ul li a:hover {color: #1779ba}.tool-meta ul li .add-favorite-btn::after {font-style: normal;font-family: "iconfont";content: ""}.tool-meta ul li .add-favorite-btn:hover::after,.tool-meta ul li .add-favorite-btn.favorite::after {color: orange;content: ""}.tool-tag {margin-top: 25px}.tool-tag li {margin-right: 15px;display: inline-block;margin-bottom: 15px}@media (max-width:640px) {.tool-tag li {margin-right: 10px}}.tool-tag li a {display: inline-block;padding: 0 15px;border: 1px solid #eaeaea;border-radius: 4px;line-height: 32px}@media (max-width:640px) {.tool-tag li a {padding: 0 10px}}.tool-tag li a:hover {background: #1779ba;color: #fff}.tool-tag.aside-tag {margin-top: 0}.tool-tag.aside-tag li {margin-bottom: 10px;margin-right: 10px}.tool-tag.aside-tag li a {padding: 0 12px;font-size: 14px}.panel-box {border: 1px solid #eaeaea;padding: 15px;border-radius: 6px;margin-top: 20px}.panel-box h2 {font-size: 18px;color: #555;margin-bottom: 15px}@media screen and (max-width:640px) {aside {border-top: 1px solid #eaeaea;margin-top: 0}}body.page-index .intro-box {margin-top: 24px;border: 1px solid #e2e8f6;border-radius: 14px;padding: 24px 22px;background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05)}@media (max-width:640px) {body.page-index .intro-box {margin-top: 16px;border-radius: 12px;padding: 18px 14px}}body.page-index .intro-box h1 {margin: 0 0 18px 0;font-size: 30px;line-height: 1.3;color: #0f172a;font-weight: 700;text-align: center}@media (max-width:640px) {body.page-index .intro-box h1 {font-size: 24px;margin-bottom: 14px}}body.page-index .intro-box .intro-hero-badge {display: inline-block;margin: 0 auto 10px auto;padding: 4px 10px;border-radius: 999px;border: 1px solid #cfe0fb;background: #eff6ff;color: #2563eb;font-size: 12px;font-weight: 600}body.page-index .intro-box .intro-lead {margin: 0 0 16px 0;font-size: 15px;line-height: 1.9;color: #475569;text-align: center}body.page-index .intro-box .intro-tags {display: flex;justify-content: center;flex-wrap: wrap;gap: 8px;margin-top: 8px}body.page-index .intro-box .intro-tag-item {display: inline-block;padding: 4px 10px;border-radius: 999px;border: 1px solid #dbe6f6;background: #f8fbff;color: #475569;font-size: 12px;line-height: 1.2}body.page-index .intro-box .intro-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 12px;margin-bottom: 18px}@media (max-width:760px) {body.page-index .intro-box .intro-grid {grid-template-columns: 1fr}}body.page-index .intro-box .intro-feature-grid .intro-feature-card .intro-card-media {width: 120px;min-width: 120px}body.page-index .intro-box .intro-feature-grid .intro-feature-card .intro-card-media img {width: 120px;height: 120px;aspect-ratio: 1}@media (max-width:760px) {body.page-index .intro-box .intro-feature-grid .intro-feature-card .intro-card-media {width: 92px;min-width: 92px}body.page-index .intro-box .intro-feature-grid .intro-feature-card .intro-card-media img {width: 92px;height: 92px;aspect-ratio: 1}}body.page-index .intro-box .intro-card {border: 1px solid #e2e8f6;border-radius: 10px;padding: 12px;background: #fff;overflow: visible;box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);transition: all 0.2s ease;display: flex;align-items: center;gap: 12px}body.page-index .intro-box .intro-card:hover {transform: translateY(-2px);box-shadow: 0 12px 26px rgba(37, 99, 235, 0.12)}body.page-index .intro-box .intro-card .intro-card-media {width: 88px;min-width: 88px;line-height: 0;border-bottom: none;padding: 0}body.page-index .intro-box .intro-card .intro-card-media img {width: 100%;aspect-ratio: 1;height: auto;object-fit: cover;display: block;border-radius: 8px}body.page-index .intro-box .intro-card .intro-card-body {padding: 0;flex: 1}body.page-index .intro-box .intro-card h3 {margin: 0 0 6px 0;font-size: 16px;line-height: 1.4;color: #1e293b;font-weight: 700}body.page-index .intro-box .intro-card p {margin: 0;font-size: 14px;line-height: 1.8;color: #64748b}@media (max-width:760px) {body.page-index .intro-box .intro-card {padding: 10px;gap: 10px}body.page-index .intro-box .intro-card .intro-card-media {width: 74px;min-width: 74px}body.page-index .intro-box .intro-card .intro-card-media img {aspect-ratio: 1}}body.page-index .intro-box .intro-section {/* margin-top: 18px */}body.page-index .intro-box .intro-section h2 {margin: 0 0 16px 0;font-size: 19px;line-height: 1.4;color: #1e293b;font-weight: 700}body.page-index .intro-box .intro-steps {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 10px}@media (max-width:760px) {body.page-index .intro-box .intro-steps {grid-template-columns: 1fr}}body.page-index .intro-box .step-item {border: 1px solid #dbe6f6;border-radius: 10px;padding: 12px;background: #f8fbff;display: flex;align-items: flex-start}body.page-index .intro-box .step-item .step-no {min-width: 34px;height: 22px;line-height: 22px;text-align: center;border-radius: 999px;background: #2563eb;color: #fff;font-size: 12px;font-weight: 700;margin-right: 10px}body.page-index .intro-box .step-item p {margin: 0;font-size: 14px;line-height: 1.8;color: #475569}body.page-index .intro-box .faq-list {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 10px}@media (max-width:760px) {body.page-index .intro-box .faq-list {grid-template-columns: 1fr}}body.page-index .intro-box .faq-item {border: 1px solid #e2e8f6;border-radius: 10px;padding: 12px 12px 10px 12px;background: #fff}body.page-index .intro-box .faq-item h3 {margin: 0 0 6px 0;font-size: 15px;line-height: 1.5;color: #334155;font-weight: 600}body.page-index .intro-box .faq-item p {margin: 0;font-size: 14px;line-height: 1.8;color: #64748b}body.page-tool {background: #f7faff}body.page-tool .tool-wrapper .tool-box label,body.page-tool .tool-wrapper .tool-box .label {background: none !important;background-color: transparent !important;background-image: none !important;border: none !important;border-radius: 0 !important;box-shadow: none !important;color: inherit !important;font-size: inherit !important;font-weight: inherit !important;line-height: inherit !important;padding: 0 !important}@media (max-width:640px) {body.page-tool .search-box {padding: 0}}body.page-tool .tool-meta {margin-top: 8px;margin-bottom: 16px;padding: 14px 16px;border: 1px solid #dbe6f6;border-radius: 12px;background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);display: flex;align-items: center;gap: 12px}body.page-tool .tool-meta h1 {margin: 0;font-size: 24px;line-height: 1.4;color: #0f172a;font-weight: 700}body.page-tool .tool-meta ul {text-align: right;flex-grow: 1;display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0}body.page-tool .tool-meta ul li {margin-left: 0;font-size: 13px;border: 1px solid #dbe6f6;border-radius: 999px;background: #f8fbff;color: #475569;padding: 6px 12px;transition: all 0.2s ease;line-height: 1}body.page-tool .tool-meta ul li:hover {color: #2563eb;border-color: #bfdbfe;background: #eff6ff}body.page-tool .tool-meta ul li i {margin-right: 5px;font-size: 14px;vertical-align: middle}body.page-tool .tool-meta ul li span {vertical-align: middle;display: inline}body.page-tool .tool-meta ul li a {color: #475569}body.page-tool .tool-meta ul li a:hover {color: #2563eb}body.page-tool .tool-meta ul li.js-tool-favorite.active {color: #b45309;border-color: #fcd9a2;background: #fffbeb}body.page-tool .tool-meta ul li.tool-meta-file-picker {border: none;background: transparent;padding: 0}body.page-tool .tool-meta ul li.tool-meta-file-picker:hover {border: none;background: transparent}body.page-tool .tool-meta ul li.tool-meta-file-picker #filePickerBtn {display: inline-block;border: 1px solid #dbe6f6;border-radius: 999px;background: #f8fbff;color: #475569;padding: 6px 12px;line-height: 1;transition: all 0.2s ease;text-decoration: none}body.page-tool .tool-meta ul li.tool-meta-file-picker #filePickerBtn:hover {color: #2563eb;border-color: #bfdbfe;background: #eff6ff}@media (max-width:860px) {body.page-tool .tool-meta {display: block;padding: 12px}body.page-tool .tool-meta h1 {text-align: center;font-size: 21px}body.page-tool .tool-meta ul {margin-top: 10px;justify-content: center;text-align: center}}body.page-tool .tool-wrapper {border: 1px solid #dbe6f6;padding: 18px;background: #fff;border-radius: 12px;position: relative;box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06)}@media (max-width:640px) {body.page-tool .tool-wrapper {padding: 12px;border-radius: 10px}}body.page-tool .tool-wrapper .loading-tip {font-size: 16px;color: #64748b;text-align: center;margin: 80px 15px}body.page-tool .tool-wrapper .btn-box {text-align: center}body.page-tool .tool-intro {border: 1px solid #dbe6f6;padding: 18px;background: #fff;border-radius: 12px;margin-top: 25px;box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05)}@media (max-width:640px) {body.page-tool .tool-intro {padding: 12px;border-radius: 10px}}body.page-tool .tool-intro h2 {font-size: 20px;border-left: 4px solid #2563eb;padding-left: 10px;color: #1e293b;margin-top: 10px}body.page-tool .tool-intro h3 {font-size: 18px;color: #334155;margin-top: 10px}body.page-tool .tool-intro p {font-size: 15px;color: #475569;font-weight: 400;line-height: 1.8}body.page-tool .tool-intro ul {margin: 10px 0 14px 0;padding-left: 0;list-style: disc}body.page-tool .tool-intro li {margin-bottom: 8px;color: #475569;font-size: 15px;line-height: 1.8}body.page-tool .tool-intro ul li::marker {color: #2563eb}body.page-tool .tool-intro ul li:last-child {margin-bottom: 0}body.page-tool .tool-collection {background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);margin-bottom: 14px;border: 1px solid #dbe6f6;border-radius: 12px;padding: 10px 12px}@media (max-width:640px) {body.page-tool .tool-collection {display: none}}body.page-tool .tool-collection ul {margin: 0;padding: 0;list-style-type: none;white-space: nowrap;overflow-x: auto;overflow-y: hidden;text-overflow: clip;-webkit-overflow-scrolling: touch;border-bottom: none;scrollbar-width: none;transition: scrollbar-color 0.2s ease}body.page-tool .tool-collection ul::-webkit-scrollbar {height: 0}body.page-tool .tool-collection ul::-webkit-scrollbar-thumb {border: 2px solid transparent;border-radius: 999px;background: rgba(148, 163, 184, 0.6);background-clip: padding-box}body.page-tool .tool-collection ul:hover {scrollbar-width: thin}body.page-tool .tool-collection ul:hover::-webkit-scrollbar {height: 8px}body.page-tool .tool-collection ul.expanded {white-space: inherit;overflow: hidden}body.page-tool .tool-collection ul li {margin: 0;display: inline-block;margin-right: 8px;margin-bottom: 0;cursor: pointer}body.page-tool .tool-collection ul li a {line-height: 1;color: #475569;display: inline-block;font-size: 13px;border: 1px solid #dbe6f6;border-radius: 999px;background: #fff;padding: 7px 12px;transition: all 0.2s ease}body.page-tool .tool-collection ul li a:hover {color: #2563eb;border-color: #bfdbfe;background: #eff6ff}body.page-tool .tool-collection ul li.active {border-bottom: none}body.page-tool .tool-collection ul li.active a {color: #1d4ed8;border-color: #bfdbfe;background: #e8f0ff;font-weight: 600}body.page-tool .panel-box {border: 1px solid #dbe6f6;border-radius: 12px;background: #fff;box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05)}body.page-tool .panel-box h2 {color: #1e293b;font-weight: 700;margin-bottom: 12px}body.page-single .page-content {margin-top: 30px}body.page-single h1 {color: #555}body.page-single h2 {font-weight: 600;margin-top: 25px}body.page-single p {font-size: 15px}body.page-single article {margin-top: 25px}body.page-single ul li {color: #666;font-size: 15px}body.page-time-detail .time-wrapper {text-align: center;user-select: none;min-height: 320px}body.page-time-detail .time-wrapper .time-tip {color: #888}body.page-time-detail .time-wrapper .time-box span.time-grid {background: #00A5FF;box-shadow: 0px 13px 24px 0px rgba(3, 136, 209, 0.2);border-radius: 8px;font-size: 40px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 68px;padding: 0 18px;display: inline-block}body.page-time-detail .time-wrapper .time-box span.colon {font-size: 34px;line-height: 68px;font-weight: bold;color: #3589FF;display: inline-block;padding: 0 4px}body.page-time-detail .time-wrapper .date-box {margin-top: 25px;color: #222}body.page-time-detail .area-info {min-height: 320px}body.page-time-detail .area-info ul li {color: #555;line-height: 2}body.page-time-detail .area-info ul li span {color: #309DDB}body.page-blog-index h1 {font-size: 32px;margin-bottom: 25px;font-weight: 600;margin-top: 35px}body.page-blog-index .post-item {position: relative;width: 100%;margin: 0 0 15px;padding: 15px 2px 20px 0;border-bottom: 1px solid #f0f0f0;word-wrap: break-word}body.page-blog-index .post-item a {color: #333}body.page-blog-index .post-item a:hover {color: #2f2f2f;text-decoration: underline}body.page-blog-index .post-item__title {font-size: 18px;font-weight: 500;margin-bottom: 4px;color: #404040;text-overflow: ellipsis;white-space: nowrap}body.page-blog-index .post-item__intro {margin: 0 0 8px;font-size: 13px;line-height: 24px;color: #999}body.page-blog-index .post-item__btn {position: absolute;right: 0;top: 0}@media (max-width:460px) {body.page-blog-index .post-item__btn {display: none}}body.page-blog-detail .title-box {border-bottom: 2px dashed #eaeaea;padding-bottom: 15px;margin-top: 35px}@media (max-width:460px) {body.page-blog-detail .title-box {margin-top: 10px}}body.page-blog-detail .title-box h1 {text-align: center;font-size: 28px;font-weight: 600}@media (max-width:460px) {body.page-blog-detail .title-box h1 {font-size: 22px}}body.page-blog-detail .title-box .post-meta {text-align: center}body.page-blog-detail .title-box .post-meta span {font-size: 13px;color: #969696}body.page-blog-detail .title-box .post-meta span:not(:last-child) {margin-right: 10px}body.page-blog-detail article h2 {font-size: 22px;font-weight: 600}body.page-blog-detail article h3 {font-size: 18px}body.page-blog-detail article pre code {display: block;margin-bottom: 15px}body.page-blog-detail article .content {margin-top: 20px}body.page-blog-detail article .content p {margin-bottom: 20px;word-break: break-word;line-height: 1.8;font-weight: 400;color: #404040;background-color: #fff;font-family: -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings: "tnum";font-variant: tabular-nums}body.page-blog-detail article .content p img {max-width: 100%}body .page-title {margin-top: 25px;margin-bottom: 20px}body .page-content {/*margin-left: 220px;*/padding: 58px 15px 0 15px}@media (max-width:768px) {body .page-content {margin-left: 0;padding: 60px 0 0 0}}body .left-nav {width: 220px;height: 100vh;position: fixed;overflow-y: hidden;left: 0;top: 0;background: linear-gradient(180deg, #f8fbff 0%, #f3f7ff 100%);z-index: 999;padding-top: 10px;box-sizing: border-box;border-right: 1px solid #e6edf8;box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.9)}@media (max-width:768px) {body .left-nav {position: fixed;height: calc(100vh - 48px);width: 100%;top: 48px;left: 0;background: #fff;display: none;text-align: left;padding-top: 0;overflow-y: auto}body .left-nav.mobile-open {display: block;overflow: hidden}}body .left-nav .left-nav-wrapper {display: flex;flex-direction: column;height: 100vh}@media (max-width:768px) {body .left-nav .left-nav-wrapper {height: auto}}body .left-nav .left-nav-wrapper .logo-box {display: none}body .left-nav .left-nav-wrapper .nav-box {flex-shrink: 1;overflow-y: hidden;padding: 8px 8px 10px 8px}@media (max-width:768px) {body .left-nav .left-nav-wrapper .nav-box {display: none}}body .left-nav .left-nav-wrapper .nav-box:hover {overflow-y: auto}body .left-nav .left-nav-wrapper .nav-box::-webkit-scrollbar {width: 8px}body .left-nav .left-nav-wrapper .nav-box::-webkit-scrollbar-thumb {border: none;border-radius: 8px;background: rgba(148, 163, 184, 0.55)}body .left-nav .left-nav-wrapper .nav-box::-webkit-scrollbar-thumb:hover {background: rgba(100, 116, 139, 0.65)}body .left-nav .left-nav-wrapper .nav-box ul li {vertical-align: middle;margin-bottom: 6px;padding: 10px 12px;font-size: 14px;border-radius: 10px;border: 1px solid transparent;transition: all 0.2s ease}body .left-nav .left-nav-wrapper .nav-box ul li.active,body .left-nav .left-nav-wrapper .nav-box ul li:hover {background: linear-gradient(90deg, #e8f0ff 0%, #eef4ff 100%);border-color: #d5e3fb}body .left-nav .left-nav-wrapper .nav-box ul li.mobile-only-link {display: none}@media (max-width:768px) {body .left-nav .left-nav-wrapper .nav-box ul li.mobile-only-link {display: block}}body .left-nav .left-nav-wrapper .nav-box ul li a {color: #334155;display: block;font-weight: 500;transition: color 0.2s ease}body .left-nav .left-nav-wrapper .nav-box ul li .type-icon {display: inline-block;width: 26px;height: 26px;line-height: 26px;font-size: 18px;text-align: center;margin-right: 10px;vertical-align: middle;color: #64748b;transition: color 0.2s ease, transform 0.2s ease}body .left-nav .left-nav-wrapper .nav-box ul li img {width: 26px;height: 26px;margin-right: 10px;margin-top: -5px}body .left-nav .left-nav-wrapper .nav-box ul li:hover a {color: #2563eb}body .left-nav .left-nav-wrapper .nav-box ul li:hover .type-icon {color: #2563eb;transform: translateY(-1px)}body .left-nav .left-nav-wrapper .nav-box ul li.active a {color: #1d4ed8}body .left-nav .left-nav-wrapper .nav-box ul li.active .type-icon {color: #1d4ed8}@media (max-width:768px) {body .left-nav.mobile-open .nav-box {display: block;padding: 10px 12px;border-top: none;text-align: left;max-height: calc(100vh - 48px);overflow-y: auto}}body .left-nav .left-nav-open {display: none;cursor: pointer;position: absolute;left: 0;top: 50%;margin-top: -14px;width: 28px;height: 28px;align-items: center;justify-content: center;background: #fff;border: 1px solid #e9edf5;border-left: none;border-radius: 0 8px 8px 0;box-shadow: 2px 0 6px rgba(0, 0, 0, 0.05);z-index: 1000}body .left-nav .left-nav-open i {font-size: 14px;color: #6b7280}body .top-header {position: fixed;top: 0;left: 0;right: 0;height: 48px;background: #f7f9fc;border-bottom: 1px solid #e9edf5;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);padding: 0 0 0 20px;display: flex;justify-content: space-between;align-items: center;z-index: 1100}body .top-header .mobile-nav-toggle {display: none}@media (max-width:768px) {body .top-header {display: flex;padding-right: 15px}body .top-header .top-menu-box {display: none}body .top-header .left-nav-collapse {display: none !important}body .top-header .mobile-nav-toggle {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;color: #555;font-size: 18px;cursor: pointer;margin-left: auto}}body .top-header .left-nav-collapse {display: inline-flex;align-items: center;justify-content: center;height: 48px;width: 28px;margin-left: 6px;cursor: pointer;vertical-align: middle}body .top-header .left-nav-collapse i {font-size: 12px;line-height: 1;color: #6b7280}body .top-header .top-header-left {display: flex;align-items: center}body .top-header .top-header-left .top-brand {display: inline-flex;align-items: center;text-decoration: none}body .top-header .top-header-left .top-brand img {width: 32px;height: 32px;border-radius: 6px}body .top-header .top-header-left .top-brand span {margin-left: 10px;font-size: 16px;font-weight: 600;color: #1f2937;letter-spacing: 0.5px}body .top-header .top-header-left .left-nav-collapse {display: inline-flex;align-items: center;justify-content: center;height: 48px;width: 28px;margin-left: 6px;cursor: pointer;vertical-align: middle}body .top-header .top-header-left .left-nav-collapse i {font-size: 12px;line-height: 1;color: #6b7280}body .top-header .top-menu-box {display: flex;align-items: center;gap: 8px;margin-right: 12px}body .top-header .top-menu-box .menu-item {display: inline-flex;align-items: center;justify-content: center;gap: 5px;min-width: 68px;padding: 0 10px;height: 32px;line-height: 32px;color: #334155;font-size: 14px;text-decoration: none;transition: all 0.2s;font-weight: 500;border-radius: 8px;border: 1px solid #dbe6f6;background: #f8fbff}body .top-header .top-menu-box .menu-item i {font-size: 13px;color: #64748b;line-height: 1}body .top-header .top-menu-box .menu-item span {line-height: 1;letter-spacing: 0}body .top-header .top-menu-box .menu-item:hover {color: #2563eb;border-color: #d5e3fb;background: linear-gradient(90deg, #e8f0ff 0%, #eef4ff 100%)}body .top-header .top-menu-box .menu-item:hover i {color: #2563eb}@media (max-width:768px) {body .top-header .top-menu-box {display: none !important}}body.left-nav-collapse .left-nav {background: none;border-right: none;box-shadow: none}body.left-nav-collapse .left-nav .left-nav-wrapper {display: none}body.left-nav-collapse .left-nav .left-nav-open {display: flex}body.left-nav-collapse .page-content {margin-left: 0;padding: 60px 25px 0 25px}@media (max-width:768px) {body.left-nav-collapse .page-content {padding: 10px 0 0 0}}body.left-nav-collapse footer {margin-left: 0;padding: 35px 25px}body .left-nav {position: fixed;top: 48px;height: calc(100vh - 48px);padding-top: 10px;box-sizing: border-box}body .left-nav .left-nav-collapse {display: none}@media (max-width:768px) {body .left-nav {top: 48px;height: calc(100vh - 48px);padding-top: 10px}}body.left-nav-collapse .top-header .left-nav-collapse {display: none}#page-about article.page-article,#page-ban article.page-article,#page-mirror article.page-article,#page-feedback article.page-article,#page-cookie-policy article.page-article,#page-copyright article.page-article,#page-privacy-policy article.page-article,#page-terms-of-service article.page-article {background: #fff;padding: 40px;border-radius: 8px;box-shadow: none;margin-bottom: 30px}@media (max-width:640px) {#page-about article.page-article,#page-ban article.page-article,#page-mirror article.page-article,#page-feedback article.page-article,#page-cookie-policy article.page-article,#page-copyright article.page-article,#page-privacy-policy article.page-article,#page-terms-of-service article.page-article {padding: 20px}}#page-about article.page-article h1,#page-ban article.page-article h1,#page-mirror article.page-article h1,#page-feedback article.page-article h1,#page-cookie-policy article.page-article h1,#page-copyright article.page-article h1,#page-privacy-policy article.page-article h1,#page-terms-of-service article.page-article h1 {font-size: 32px;font-weight: 700;margin-bottom: 40px;text-align: center;color: #1a202c;position: relative;padding-bottom: 20px}#page-about article.page-article h1::after,#page-ban article.page-article h1::after,#page-mirror article.page-article h1::after,#page-feedback article.page-article h1::after,#page-cookie-policy article.page-article h1::after,#page-copyright article.page-article h1::after,#page-privacy-policy article.page-article h1::after,#page-terms-of-service article.page-article h1::after {content: "";display: block;width: 60px;height: 4px;background: #3b82f6;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 2px}#page-about article.page-article h2,#page-ban article.page-article h2,#page-mirror article.page-article h2,#page-feedback article.page-article h2,#page-cookie-policy article.page-article h2,#page-copyright article.page-article h2,#page-privacy-policy article.page-article h2,#page-terms-of-service article.page-article h2 {font-size: 22px;font-weight: 600;margin-top: 40px;margin-bottom: 20px;color: #2d3748;display: flex;align-items: center}#page-about article.page-article h2::before,#page-ban article.page-article h2::before,#page-mirror article.page-article h2::before,#page-feedback article.page-article h2::before,#page-cookie-policy article.page-article h2::before,#page-copyright article.page-article h2::before,#page-privacy-policy article.page-article h2::before,#page-terms-of-service article.page-article h2::before {content: "";display: inline-block;width: 6px;height: 24px;background: #3b82f6;margin-right: 12px;border-radius: 3px}#page-about article.page-article p,#page-ban article.page-article p,#page-mirror article.page-article p,#page-feedback article.page-article p,#page-cookie-policy article.page-article p,#page-copyright article.page-article p,#page-privacy-policy article.page-article p,#page-terms-of-service article.page-article p {font-size: 16px;line-height: 1.8;color: #4a5568;margin-bottom: 16px;text-align: justify}#page-about article.page-article ul,#page-ban article.page-article ul,#page-mirror article.page-article ul,#page-feedback article.page-article ul,#page-cookie-policy article.page-article ul,#page-copyright article.page-article ul,#page-privacy-policy article.page-article ul,#page-terms-of-service article.page-article ul {padding-left: 20px;margin-bottom: 20px}#page-about article.page-article ul li,#page-ban article.page-article ul li,#page-mirror article.page-article ul li,#page-feedback article.page-article ul li,#page-cookie-policy article.page-article ul li,#page-copyright article.page-article ul li,#page-privacy-policy article.page-article ul li,#page-terms-of-service article.page-article ul li {list-style-type: disc;margin-bottom: 8px;color: #4a5568}#page-about article.page-article a,#page-ban article.page-article a,#page-mirror article.page-article a,#page-feedback article.page-article a,#page-cookie-policy article.page-article a,#page-copyright article.page-article a,#page-privacy-policy article.page-article a,#page-terms-of-service article.page-article a {color: #3b82f6;text-decoration: none;transition: color 0.2s}#page-about article.page-article a:hover,#page-ban article.page-article a:hover,#page-mirror article.page-article a:hover,#page-feedback article.page-article a:hover,#page-cookie-policy article.page-article a:hover,#page-copyright article.page-article a:hover,#page-privacy-policy article.page-article a:hover,#page-terms-of-service article.page-article a:hover {color: #2563eb;text-decoration: underline}#page-about article.page-article blockquote,#page-ban article.page-article blockquote,#page-mirror article.page-article blockquote,#page-feedback article.page-article blockquote,#page-cookie-policy article.page-article blockquote,#page-copyright article.page-article blockquote,#page-privacy-policy article.page-article blockquote,#page-terms-of-service article.page-article blockquote {border-left: 4px solid #cbd5e0;padding-left: 16px;margin: 20px 0;font-style: italic;color: #718096}#page-about article.page-article .last-update,#page-ban article.page-article .last-update,#page-mirror article.page-article .last-update,#page-feedback article.page-article .last-update,#page-cookie-policy article.page-article .last-update,#page-copyright article.page-article .last-update,#page-privacy-policy article.page-article .last-update,#page-terms-of-service article.page-article .last-update {text-align: center;color: #718096;font-size: 14px;margin-top: -30px;margin-bottom: 40px}#page-search .search-result-page {margin-top: 8px}#page-search .search-result-head {margin-top: 0;padding: 22px 18px;border: 1px solid #e2e8f6;border-radius: 14px;background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);text-align: center}#page-search .search-result-head h1 {margin: 0;font-size: 28px;line-height: 1.4;color: #1e293b;font-weight: 700;word-break: break-word}#page-search .search-result-head .search-result-count {margin: 10px 0 0 0;font-size: 14px;color: #64748b}#page-search .search-result-head .search-result-count span {color: #2563eb;font-weight: 700}#page-search .search-result-list {margin-top: 8px}#page-search .search-result-tip {margin-top: 28px;padding: 16px 18px;border: 1px solid #fde7c3;border-radius: 12px;background: #fffbf2}#page-search .search-result-tip p {margin: 0;font-size: 14px;line-height: 1.9;color: #7c5a23}#page-search .search-result-tip p+p {margin-top: 6px}#page-search .search-result-tip a {color: #2563eb;font-weight: 600;text-decoration: none}#page-search .search-result-tip a:hover {color: #1d4ed8;text-decoration: underline}@media (max-width:760px) {#page-search .search-result-head {padding: 16px 12px;border-radius: 12px}#page-search .search-result-head h1 {font-size: 22px}#page-search .search-result-tip {margin-top: 20px;padding: 12px}}#page-search .page-title {font-size: 24px;margin: 18px 0 12px 0;color: #1f2937}#page-search .search-page .search-form {margin-bottom: 12px}#page-search .search-page .filter-row {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;margin: 10px 0 16px 0}#page-search .search-page .filter-group {display: flex;align-items: center;flex-wrap: wrap;gap: 8px}#page-search .search-page .filter-group .filter-label {color: #6b7280;font-size: 13px}#page-search .search-page .filter-group .filter-tags a {display: inline-block;padding: 4px 10px;border: 1px solid #e5e7eb;border-radius: 8px;color: #4b5563;text-decoration: none;margin-right: 8px;transition: 0.2s}#page-search .search-page .filter-group .filter-tags a:hover {background: #f3f4f6}#page-search .search-page .filter-group .filter-tags a.active {background: #e8f0ff;border-color: #c7d2fe;color: #1d4ed8}#page-search .search-page .filter-group select {height: 34px;border: 1px solid #e5e7eb;border-radius: 8px;background: #fff;color: #374151;padding: 0 10px}#page-search .search-page .result-info {color: #6b7280;font-size: 13px}#page-about article.page-article .support-image,#page-about article.page-article .wechat-image {text-align: center;margin: 20px 0}#page-about article.page-article .support-image img,#page-about article.page-article .wechat-image img {max-width: 100%;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);width: 300px}#page-about article.page-article .contact-list {list-style: none;padding: 0}#page-about article.page-article .contact-list li {list-style: none;margin-bottom: 15px;font-size: 16px}#page-ban article.page-article,#page-mirror article.page-article {text-align: center;padding: 60px 40px}#page-ban article.page-article h1,#page-mirror article.page-article h1 {margin-bottom: 30px}#page-ban article.page-article h1::after,#page-mirror article.page-article h1::after {display: none}#page-ban article.page-article p.lead,#page-mirror article.page-article p.lead {font-size: 18px;margin-bottom: 40px}#page-ban article.page-article .info-box,#page-ban article.page-article .warning-box,#page-mirror article.page-article .info-box,#page-mirror article.page-article .warning-box {background: #f8fafc;padding: 30px;border-radius: 8px;border: 1px solid #e2e8f0;display: inline-block;text-align: left;min-width: 300px}#page-ban article.page-article .info-box p,#page-ban article.page-article .warning-box p,#page-mirror article.page-article .info-box p,#page-mirror article.page-article .warning-box p {margin-bottom: 10px;font-size: 15px}#page-ban article.page-article .info-box p:last-child,#page-ban article.page-article .warning-box p:last-child,#page-mirror article.page-article .info-box p:last-child,#page-mirror article.page-article .warning-box p:last-child {margin-bottom: 0}#page-ban article.page-article .info-box .info-value,#page-ban article.page-article .warning-box .info-value,#page-mirror article.page-article .info-box .info-value,#page-mirror article.page-article .warning-box .info-value {color: #ef4444;font-weight: 500;font-family: monospace}#page-ban article.page-article .warning-box,#page-mirror article.page-article .warning-box {background: #fff1f2;border-color: #fecdd3;margin-bottom: 20px;color: #be123c}#page-ban article.page-article .warning-box p,#page-mirror article.page-article .warning-box p {color: #be123c}#page-mirror #app {min-height: calc(100vh - 48px);display: flex;align-items: center}#page-mirror .page-content {width: 100%;display: flex;align-items: center;justify-content: center}#page-mirror .grid-container,#page-mirror .grid-x {width: 100%}#page-mirror .grid-x {justify-content: center}#page-mirror .cell.large-12.small-12 {max-width: 980px}#page-mirror article.page-article {background: linear-gradient(180deg, #fff 0%, #fff8f8 100%);border: 1px solid #fee2e2;border-radius: 14px;box-shadow: 0 14px 32px rgba(127, 29, 29, 0.12);margin-top: 8px}#page-mirror article.page-article h1 {color: #991b1b;margin-bottom: 22px;position: relative}#page-mirror article.page-article h1::before {content: "";font-family: FontAwesome;display: inline-block;margin-right: 10px;color: #dc2626;font-size: 28px;vertical-align: middle}#page-mirror article.page-article .warning-box {width: 100%;max-width: 860px;margin: 0 auto 18px auto;box-sizing: border-box;background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);border: 1px solid #fecdd3;border-radius: 12px;padding: 22px 20px}#page-mirror article.page-article .warning-box p {color: #9f1239;font-size: 15px;line-height: 1.9}#page-mirror article.page-article .info-box {width: 100%;max-width: 860px;margin: 0 auto;box-sizing: border-box;background: #fff;border: 1px solid #f1d6d6;border-radius: 12px;padding: 18px 20px}#page-mirror article.page-article .info-box p {margin-bottom: 10px;color: #374151;font-size: 14px}#page-mirror article.page-article .info-box p:last-child {margin-bottom: 0}#page-mirror article.page-article .info-box .info-value {color: #dc2626;font-weight: 700}@media (max-width:640px) {#page-mirror article.page-article {padding: 24px 12px;border-radius: 10px}#page-mirror article.page-article h1 {font-size: 24px;margin-bottom: 16px}#page-mirror article.page-article h1::before {font-size: 22px;margin-right: 6px}#page-mirror article.page-article .warning-box,#page-mirror article.page-article .info-box {padding: 14px 12px;border-radius: 10px}}#page-ban #app {min-height: calc(100vh - 48px);display: flex;align-items: center}#page-ban .page-content {width: 100%;display: flex;align-items: center;justify-content: center}#page-ban .grid-container,#page-ban .grid-x {width: 100%}#page-ban .grid-x {justify-content: center}#page-ban .cell.large-12.small-12 {max-width: 1020px}#page-ban article.page-article {margin-top: 8px;padding: 34px 32px;border-radius: 14px;border: 1px solid #dbe6f6;background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);text-align: center}#page-ban article.page-article h1 {margin-bottom: 16px;color: #1e3a8a;font-size: 32px;line-height: 1.4}#page-ban article.page-article h1::before {content: "";font-family: FontAwesome;display: inline-block;margin-right: 10px;color: #2563eb;font-size: 28px;vertical-align: middle}#page-ban article.page-article p.lead {max-width: 900px;margin: 0 auto 20px;padding: 14px 16px;border: 1px solid #dbeafe;border-radius: 10px;background: #eff6ff;color: #1e40af;font-size: 16px;line-height: 1.9;text-align: left}#page-ban article.page-article .info-box {width: 100%;max-width: 900px;margin: 0 auto;padding: 16px 18px;border: 1px solid #e2e8f0;border-radius: 12px;background: #fff;text-align: left}#page-ban article.page-article .info-box p {margin-bottom: 10px;font-size: 14px;line-height: 1.8;color: #475569;word-break: break-all}#page-ban article.page-article .info-box p:last-child {margin-bottom: 0}#page-ban article.page-article .info-box .info-value {color: #dc2626;font-weight: 700}@media (max-width:640px) {#page-ban article.page-article {padding: 22px 12px;border-radius: 10px}#page-ban article.page-article h1 {font-size: 24px}#page-ban article.page-article h1::before {font-size: 22px;margin-right: 6px}#page-ban article.page-article p.lead {font-size: 14px;padding: 12px}#page-ban article.page-article .info-box {padding: 12px}}#page-feedback article.page-article .description {text-align: center;max-width: 800px;margin: 0 auto 30px}#page-feedback article.page-article .callout.warning {background-color: #fff7ed;border: 1px solid #fdba74;color: #c2410c;padding: 15px;border-radius: 6px;margin-bottom: 30px;text-align: center}#page-feedback article.page-article .form-container label {display: block;margin-bottom: 20px;font-weight: 500;color: #374151;font-size: 16px}#page-feedback article.page-article .form-container label input,#page-feedback article.page-article .form-container label textarea {display: block;width: 100%;padding: 12px;margin-top: 8px;border: 1px solid #d1d5db;border-radius: 6px;font-size: 15px;transition: border-color 0.2s}#page-feedback article.page-article .form-container label input:focus,#page-feedback article.page-article .form-container label textarea:focus {border-color: #3b82f6;outline: none;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1)}#page-feedback article.page-article .form-container .submit-btn {background: #3b82f6;color: #fff;border: none;padding: 14px 28px;font-size: 16px;border-radius: 6px;cursor: pointer;width: 100%;transition: background 0.2s}#page-feedback article.page-article .form-container .submit-btn:hover {background: #2563eb}#page-feedback article.page-article .contact-info .contact-box {background: linear-gradient(180deg, #f8fbff 0%, #f3f7ff 100%);padding: 22px 18px;border-radius: 12px;border: 1px solid #dbe6f6;margin-top: 32px;box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08)}#page-feedback article.page-article .contact-info .contact-box h3 {margin: 0 0 10px 0;font-size: 18px;color: #1d4ed8;font-weight: 700}#page-feedback article.page-article .contact-info .contact-box .contact-tip {margin-bottom: 12px;color: #475569;font-size: 14px;line-height: 1.8}#page-feedback article.page-article .contact-info .contact-box .contact-action {display: block;width: 100%;text-align: center;border-radius: 8px;font-size: 14px;font-weight: 600;padding: 10px 12px;text-decoration: none;margin-bottom: 10px;transition: all 0.2s}#page-feedback article.page-article .contact-info .contact-box .contact-action-qq {background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color: #fff}#page-feedback article.page-article .contact-info .contact-box .contact-action-qq:hover {background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3)}#page-feedback article.page-article .contact-info .contact-box .contact-action-mail {background: #fff;color: #1d4ed8;border: 1px solid #bfdbfe}#page-feedback article.page-article .contact-info .contact-box .contact-action-mail:hover {background: #eff6ff;border-color: #93c5fd}#page-feedback article.page-article .contact-info .contact-box .contact-meta {margin-top: 6px;padding-top: 10px;border-top: 1px dashed #c9d9f6}#page-feedback article.page-article .contact-info .contact-box p {margin-bottom: 12px;font-size: 14px;line-height: 1.8;color: #475569}#page-feedback article.page-article .contact-info .contact-box p:last-child {margin-bottom: 0}#page-feedback article.page-article .contact-info .contact-box strong {color: #334155;font-weight: 600}.grid-container {padding-right: .625rem;padding-left: .625rem;max-width: 75rem;margin-left: auto;margin-right: auto}.text-center {text-align: center}