/*  (C) 2026 director_Carter All Rights Reserved. https://director4168.github.io/ 本CSS与网站一同开源，开源协议MPL-2.0 附加CSS样式，包括弹窗样式等以及过渡动画时长，不包含彩蛋弹窗*/

:root {--border-radius-basic: 16px;--border-radius-small: 8px;--md-elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--md-elevation-2: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);--md-elevation-3: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.10);--md-elevation-4: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);--md-transition-short: 200ms cubic-bezier(0.4, 0, 0.2, 1);--md-transition-standard: 300ms cubic-bezier(0.4, 0, 0.2, 1);--md-transition-long: 500ms cubic-bezier(0.4, 0, 0.2, 1);--md-theme-transition-duration: 600ms;--md-list-item-radius-transition-duration: 100ms;--md-list-item-state-transition-duration: 150ms;--md-ripple-expand-duration: 350ms;--md-ripple-fade-duration: 300ms;--md-collapse-duration: 400ms;}* {margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent !important;outline: none !important;}body {font-family: "Noto Serif SC", serif;background-color: var(--md-color-surface);color: var(--md-color-on-surface);line-height: 1.6;transition: background-color var(--md-theme-transition-duration), color var(--md-theme-transition-duration);overflow-x: hidden;}.main-content {max-width: 640px;margin: 0 auto;padding: 20px 16px 120px;overflow-x: hidden;}.main-content table,.main-wrap table {display: block;overflow-x: auto;max-width: 100%;}.avatar {width: 96px;height: 96px;border-radius: 24px;background-color: var(--md-color-primary);margin: 0 auto 20px;cursor: pointer;transition: transform var(--md-transition-short) cubic-bezier(0.34, 1.56, 0.64, 1);overflow: hidden;box-shadow: var(--md-elevation-3);}.avatar img {width: 100%;height: 100%;object-fit: cover;}.avatar:active {transform: scale(0.95);}.MainColumn-section {text-align: left;padding: 32px 24px;background: var(--md-color-primary-container);border-radius: var(--border-radius-basic);margin-bottom: 24px;color: var(--md-color-on-primary-container);box-shadow: var(--md-elevation-2);}.MainColumn-title {font-size: 32px;font-weight: 700;margin-bottom: 12px;color: var(--md-color-on-surface);letter-spacing: 0.5px;}.MainColumn-description {font-size: 16px;max-width: 512px;margin: 0 0 16px 0;color: var(--md-color-on-surface-variant);line-height: 1.5;}.card-section {margin-bottom: 24px;}.section-title {font-size: 14px;font-weight: 600;color: var(--md-color-primary);text-transform: uppercase;padding: 16px 24px 12px;letter-spacing: 1px;}.card {background-color: transparent;padding: 0;margin-bottom: 24px;box-shadow: none;border: none;}.list-group {display: flex;flex-direction: column;gap: 6px;background-color: transparent;}.list-item {display: flex;align-items: center;padding: 14px 20px;background-color: var(--md-color-surface-variant);color: inherit;text-decoration: none;cursor: pointer;box-shadow: var(--md-elevation-1);transition: border-radius var(--md-list-item-radius-transition-duration) ease-out, background-color var(--md-list-item-state-transition-duration) ease-out, box-shadow var(--md-list-item-state-transition-duration) ease-out;touch-action: manipulation;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;position: relative;overflow: hidden;}.list-group .list-item:first-child {border-radius: var(--border-radius-basic) var(--border-radius-basic) var(--border-radius-small) var(--border-radius-small);}.list-group .list-item:not(:first-child):not(:last-child) {border-radius: var(--border-radius-small);}.list-group .list-item:last-child {border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-basic) var(--border-radius-basic);}.list-group .list-item:only-child {border-radius: var(--border-radius-small);}.list-ripple {position: absolute;border-radius: 50%;background: var(--md-color-highlight);transform: scale(0);pointer-events: none;z-index: 0;opacity: 1;}.list-ripple.expand {animation: rippleExpand var(--md-ripple-expand-duration) ease-out forwards;}@keyframes rippleExpand {0% {transform: scale(0);opacity: 1;}100% {transform: scale(1);opacity: 1;}}.list-ripple.fade {animation: rippleFade var(--md-ripple-fade-duration) ease-out forwards;}@keyframes rippleFade {0% {opacity: 1;}100% {opacity: 0;}}.list-item:active {border-radius: var(--border-radius-basic) !important;}.list-item:hover {box-shadow: var(--md-elevation-2);}.list-icon {width: 48px;height: 48px;border-radius: var(--border-radius-small);background-color: var(--md-color-icon-background);color: #FFFFFF;display: flex;justify-content: center;align-items: center;margin-right: 16px;font-size: 24px;flex-shrink: 0;position: relative;z-index: 1;}.list-content {flex: 1;display: flex;flex-direction: column;justify-content: center;min-height: 48px;position: relative;z-index: 1;}.list-title {font-size: 16px;font-weight: 500;margin-bottom: 2px;color: var(--md-color-on-surface);}.list-subtitle {font-size: 14px;color: var(--md-color-on-surface-variant);margin-top: 2px;line-height: 1.4;}.list-item .material-icons:last-child {font-size: 24px;margin-left: 8px;flex-shrink: 0;position: relative;z-index: 1;}.grid {display: flex;flex-direction: column;gap: 0;}.card-title {display: none;}.bottom-actions {position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%);z-index: 100;background-color: rgba(255, 255, 255, 0.25);backdrop-filter: blur(32px) saturate(200%);-webkit-backdrop-filter: blur(32px) saturate(200%);border: 1px solid rgba(0, 0, 0, 0.25);border-radius: var(--border-radius-basic);padding: 8px 16px;display: flex;align-items: center;gap: 8px;box-shadow: var(--md-elevation-4);}body.dark-theme .bottom-actions {background-color: rgba(255, 255, 255, 0.08);border-color: rgba(0, 0, 0, 0.4);box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);}.bottom-actions .btn {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: var(--border-radius-basic);color: var(--md-color-primary);font-size: 24px;background: transparent;cursor: pointer;border: none;padding: 0;transition: background-color var(--md-transition-short), transform var(--md-transition-short);transform-origin: center center;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;touch-action: manipulation;}.bottom-actions .btn:active {transform: rotate(20deg);transition: transform 0.08s ease-out;}.bottom-actions .btn .material-icons {text-decoration: none;display: inline-block;}.bottom-actions .btn:hover {background-color: rgba(25, 118, 210, 0.08);}body.dark-theme .bottom-actions .btn:hover {background-color: rgba(136, 189, 232, 0.12);}.md3-dialog {position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.65);display: flex;justify-content: center;align-items: center;z-index: 1001;opacity: 0;visibility: hidden;transition: opacity var(--md-transition-standard), visibility var(--md-transition-standard);backdrop-filter: blur(4px);}.md3-dialog.show {opacity: 1;visibility: visible;}.md3-dialog-content {background-color: var(--md-color-surface-variant);color: var(--md-color-on-surface);border-radius: var(--border-radius-basic);width: 90%;max-width: 380px;box-shadow: var(--md-elevation-4);overflow: hidden;border: 1px solid var(--md-color-outline);animation: slideUp var(--md-transition-standard);}@keyframes slideUp {from {transform: translateY(32px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.md3-dialog-header {background-color: var(--md-color-dialog-header);color: var(--md-color-on-primary-container);padding: 20px 24px;font-size: 20px;font-weight: 600;text-align: center;}.md3-dialog-body {padding: 24px;font-size: 16px;line-height: 1.5;color: var(--md-color-on-surface-variant);}.md3-dialog-actions {padding: 16px 24px;display: flex;justify-content: flex-end;gap: 12px;border-top: 1px solid var(--md-color-outline);background-color: var(--md-color-surface);}.md3-button {padding: 10px 24px;border-radius: var(--border-radius-basic);font-weight: 500;font-size: 16px;cursor: pointer;border: none;transition: background-color var(--md-transition-short), box-shadow var(--md-transition-short);}.md3-button.text {background: transparent;color: var(--md-color-primary);}.md3-button.text:hover {background-color: rgba(25, 118, 210, 0.08);}.md3-button.contained {background-color: var(--md-color-primary);color: var(--md-color-on-primary);box-shadow: var(--md-elevation-1);}.md3-button.contained:hover {background-color: #1565C0;box-shadow: var(--md-elevation-2);}.md3-dialog-img {max-width: 100%;height: auto;border-radius: var(--border-radius-basic);margin: 12px 0;}.footer {text-align: center;padding: 24px;color: var(--md-color-on-surface-variant);font-size: 14px;border-top: 1px solid var(--md-color-outline);margin-top: 40px;padding-bottom: 100px;}#version-details summary {list-style: none;outline: none;cursor: pointer;}#version-details summary::-webkit-details-marker {display: none;}.collapse-card {margin-bottom: 12px;border-radius: 12px;overflow: hidden;border: 1px solid var(--md-color-outline);background: var(--md-color-surface-variant);transition: all var(--md-collapse-duration) ease;}.collapse-header {display: flex;align-items: center;padding: 14px 16px;cursor: pointer;user-select: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;touch-action: manipulation;transition: background-color var(--md-collapse-duration) ease;position: relative;overflow: hidden;}.collapse-header.active {background-color: var(--md-color-highlight);}.collapse-header::before {content: none;display: none;}.collapse-header.active::before {animation: none;}.collapse-ripple {position: absolute;border-radius: 50%;background: var(--md-color-primary-container);transform: scale(0);pointer-events: none;z-index: 0;opacity: 0.6;animation: collapseRippleExpand var(--md-collapse-duration) ease-out forwards;}@keyframes collapseRippleExpand {0% {transform: scale(0);opacity: 0.6;}100% {transform: scale(1);opacity: 0.6;}}.collapse-header .collapse-arrow {margin-right: 10px;transition: transform var(--md-collapse-duration) ease;color: var(--md-color-outline);font-size: 20px;flex-shrink: 0;position: relative;z-index: 1;}.collapse-header.active .collapse-arrow {transform: rotate(90deg);}.collapse-header h4,.collapse-header .collapse-title {flex: 1;font-size: 14px;font-weight: 500;color: var(--md-color-on-surface);margin: 0;position: relative;z-index: 1;}.collapse-header .badge {background: var(--md-color-primary);color: var(--md-color-on-primary);font-size: 10px;padding: 2px 8px;border-radius: 10px;margin-left: 8px;flex-shrink: 0;position: relative;z-index: 1;}.avatar {width: 96px;height: 96px;border-radius: 24px;background-color: var(--md-primary);margin: 0 auto 20px;cursor: pointer;transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.avatar img {width: 100%;height: 100%;object-fit: cover;}.avatar:active {transform: scale(0.95);}.MainColumn-title {font-size: 28px;font-weight: 500;margin-bottom: 12px;}.MainColumn-description {font-size: 16px;max-width: 600px;opacity: 0.9;}.collapse-body {max-height: 0;overflow: hidden;transition: max-height var(--md-collapse-duration) ease;}.collapse-body.open {}.collapse-body .inner,.collapse-body .collapse-content {padding: 0 16px 16px 46px;font-size: 13px;color: var(--md-color-on-surface-variant);line-height: 1.8;}.collapse-card .collapse-card {margin-top: 8px;margin-bottom: 0;}.collapse-card.compact .collapse-body .inner,.collapse-card.compact .collapse-body .collapse-content {padding-left: 16px;}.collapse-header .collapse-icon {margin-right: 10px;color: var(--md-color-primary);font-size: 20px;position: relative;z-index: 1;}body.dark-theme .collapse-card {border-color: var(--md-color-outline);}body.dark-theme .collapse-header.active {background-color: rgba(136, 189, 232, 0.15);}body.dark-theme .collapse-ripple {background: rgba(136, 189, 232, 0.2);}.details-animated-wrapper {display: grid;grid-template-rows: 0fr;transition: grid-template-rows var(--md-collapse-duration) ease-out;overflow: hidden;}#version-details[open] .details-animated-wrapper {grid-template-rows: 1fr;}.details-content-inner {overflow: hidden;}#version-details[open] .details-content-inner {animation: fadeIn var(--md-collapse-duration);}@keyframes fadeIn {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}@media (max-width: 768px) {.main-content {padding: 12px;}.MainColumn-section {padding: 24px 20px;}.section-title {padding: 12px 20px 8px;font-size: 13px;}.list-item {padding: 12px 16px;}.list-icon {width: 44px;height: 44px;font-size: 22px;margin-right: 12px;}.list-title {font-size: 15px;}.list-subtitle {font-size: 13px;}}.site-status-chip-row,.site-action-row,.site-inline-row,.site-form-row,.site-tabs,.site-toolbar {display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}.site-status-chip {display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border-radius: 999px;background: var(--md-color-surface-variant);color: var(--md-color-on-surface-variant);border: 1px solid var(--md-color-outline);box-shadow: var(--md-elevation-1);font-size: 13px;}.site-status-chip .material-icons {font-size: 17px;color: var(--md-color-primary);}.site-panel {margin-top: 12px;margin-bottom: 18px;background: var(--md-color-surface-variant);border: 1px solid var(--md-color-outline);border-radius: var(--border-radius-basic);padding: 16px;box-shadow: var(--md-elevation-1);overflow: hidden;transition: background-color var(--md-theme-transition-duration), border-color var(--md-theme-transition-duration), box-shadow var(--md-theme-transition-duration), color var(--md-theme-transition-duration);}.site-panel-title {display: flex;align-items: center;gap: 8px;margin-bottom: 12px;color: var(--md-color-on-surface);font-size: 17px;font-weight: 700;}.site-panel-title .material-icons {color: var(--md-color-primary);}.site-panel-desc {color: var(--md-color-on-surface-variant);font-size: 13px;margin-bottom: 12px;}.site-button {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 42px;padding: 9px 16px;border-radius: var(--border-radius-basic);border: 1px solid transparent;font-family: inherit;font-size: 14px;font-weight: 700;cursor: pointer;color: var(--md-color-on-primary);background: var(--md-color-primary);box-shadow: var(--md-elevation-1);transition: transform var(--md-transition-short), box-shadow var(--md-transition-short), background-color var(--md-transition-short), border-color var(--md-transition-short);touch-action: manipulation;text-decoration: none;}.site-button:hover {box-shadow: var(--md-elevation-2);}.site-button:active {transform: scale(0.97);}.site-button.tonal {background: var(--md-color-primary-container);color: var(--md-color-on-primary-container);border-color: var(--md-color-outline);}.site-button.outlined {background: transparent;color: var(--md-color-primary);border-color: var(--md-color-outline);box-shadow: none;}.site-button.text {background: transparent;color: var(--md-color-primary);border-color: transparent;box-shadow: none;}.site-button.error {background: var(--md-color-error);color: #fff;}.site-icon-button {width: 44px;height: 44px;padding: 0;border-radius: 50%;}.site-control {width: 100%;min-height: 44px;padding: 10px 12px;border-radius: 12px;border: 1px solid var(--md-color-outline);background: var(--md-color-surface);color: var(--md-color-on-surface);font-family: inherit;font-size: 14px;transition: border-color var(--md-transition-short), box-shadow var(--md-transition-short), background-color var(--md-transition-short);}.site-control:focus {border-color: var(--md-color-primary);box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-color-primary) 24%, transparent);}textarea.site-control {resize: vertical;min-height: 96px;}.site-field {display: grid;gap: 6px;margin-bottom: 12px;}.site-field label,.site-label {color: var(--md-color-on-surface);font-size: 13px;font-weight: 700;}.site-help {color: var(--md-color-on-surface-variant);font-size: 12px;}.site-toggle,.site-check,.site-radio {display: inline-flex;align-items: center;gap: 8px;color: var(--md-color-on-surface-variant);font-size: 14px;user-select: none;}.site-toggle input,.site-check input,.site-radio input {accent-color: var(--md-color-primary);}.site-switch {appearance: none;width: 48px;height: 28px;border-radius: 999px;background: var(--md-color-outline);position: relative;cursor: pointer;transition: background var(--md-transition-short);flex: 0 0 auto;}.site-switch::after {content: '';width: 22px;height: 22px;border-radius: 50%;background: var(--md-color-surface);position: absolute;top: 3px;left: 3px;box-shadow: var(--md-elevation-1);transition: transform var(--md-transition-short), background var(--md-transition-short);}.site-switch:checked {background: var(--md-color-primary);}.site-switch:checked::after {transform: translateX(20px);background: var(--md-color-on-primary);}.site-range-wrap {display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;}.site-range-wrap input[type='range'] {accent-color: var(--md-color-primary);}.site-output-badge {min-width: 48px;text-align: center;padding: 4px 8px;border-radius: 999px;background: var(--md-color-primary-container);color: var(--md-color-on-primary-container);font-weight: 700;}.site-progress {width: 100%;height: 12px;border-radius: 999px;overflow: hidden;accent-color: var(--md-color-primary);}.site-meter-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}.site-meter-card {padding: 12px;border-radius: 14px;background: var(--md-color-surface);border: 1px solid var(--md-color-outline);}.site-meter-value {font-size: 22px;font-weight: 800;color: var(--md-color-primary);line-height: 1.2;}.site-meter-name {font-size: 12px;color: var(--md-color-on-surface-variant);}.site-canvas-wrap {position: relative;width: 100%;min-height: 170px;border-radius: var(--border-radius-basic);background: var(--md-color-surface);border: 1px solid var(--md-color-outline);overflow: hidden;}.site-log {min-height: 220px;max-height: 420px;overflow: auto;padding: 12px;border-radius: 12px;border: 1px solid var(--md-color-outline);background: #0d1117;color: #d6deeb;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-size: 12px;line-height: 1.55;white-space: pre-wrap;}.site-log-line {border-bottom: 1px solid rgba(255, 255, 255, .08);padding: 4px 0;}.site-log-line:last-child {border-bottom: none;}.site-log-time {color: #7ee787;}.site-log-level-info {color: #79c0ff;}.site-log-level-warn {color: #ffa657;}.site-log-level-error {color: #ff7b72;}.site-log-level-success {color: #7ee787;}.site-preview {padding: 12px;min-height: 92px;border-radius: 12px;background: var(--md-color-surface);border: 1px dashed var(--md-color-outline);color: var(--md-color-on-surface-variant);word-break: break-word;}.site-table-wrap {overflow-x: auto;border: 1px solid var(--md-color-outline);border-radius: var(--border-radius-basic);}.site-table {width: 100%;border-collapse: collapse;min-width: 520px;background: var(--md-color-surface-variant);}.site-table th,.site-table td {padding: 11px 12px;text-align: left;border-bottom: 1px solid var(--md-color-outline);font-size: 13px;}.site-table th {background: var(--md-color-table-head);color: var(--md-color-on-surface);}.site-table tr:last-child td {border-bottom: none;}.site-tab-button {border: 1px solid var(--md-color-outline);background: var(--md-color-surface-variant);color: var(--md-color-on-surface-variant);border-radius: 999px;padding: 8px 14px;font-family: inherit;font-weight: 700;cursor: pointer;}.site-tab-button.active {background: var(--md-color-primary);color: var(--md-color-on-primary);border-color: var(--md-color-primary);}.site-tab-panel {display: none;}.site-tab-panel.active {display: block;}.site-toast {position: fixed;left: 50%;bottom: 104px;transform: translateX(-50%) translateY(24px);opacity: 0;visibility: hidden;width: min(92vw, 420px);padding: 13px 16px;border-radius: var(--border-radius-basic);color: var(--md-color-on-primary);background: var(--md-color-primary);box-shadow: var(--md-elevation-4);z-index: 1100;transition: opacity var(--md-transition-standard), transform var(--md-transition-standard), visibility var(--md-transition-standard);}.site-toast.show {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}.site-color-swatch {width: 42px;height: 42px;border-radius: 12px;border: 1px solid var(--md-color-outline);background: #1976d2;}.site-kbd {padding: 2px 6px;border-radius: 6px;border: 1px solid var(--md-color-outline);background: var(--md-color-surface);font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size: 12px;}.site-hidden {display: none !important;}