:root {

    --wuxia-paper: #ece5d6;

    --wuxia-paper-raised: #f8f3e7;

    --wuxia-paper-muted: #ded4c1;

    --wuxia-ink: #20251f;

    --wuxia-ink-soft: #596057;

    --wuxia-hairline: rgba(40, 50, 43, 0.22);

    --wuxia-pine: #31594d;

    --wuxia-pine-deep: #23443b;

    --wuxia-cinnabar: #a63f31;

    --wuxia-cinnabar-deep: #843126;

    --wuxia-gold: #9a7838;

    --wuxia-shadow: rgba(57, 48, 36, 0.12);

    --wuxia-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif;

    --wuxia-sans: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;

}



html {

    color-scheme: light;

}



body {

    position: relative;

    isolation: isolate;

    background-color: var(--wuxia-paper);

    color: var(--wuxia-ink);

    font-family: var(--wuxia-sans);

}



body::before {

    content: "";

    position: fixed;

    inset: 0;

    z-index: -1;

    background:

        linear-gradient(180deg, rgba(236, 229, 214, 0.02), var(--wuxia-paper) 96%),

        url("./ink-mountains.webp") center / cover no-repeat;

    filter: contrast(1.08) saturate(0.78);

    opacity: 0.88;

    pointer-events: none;

}



body::after {

    content: "";

    position: fixed;

    right: 0;

    bottom: 0;

    width: min(43rem, 44vw);

    aspect-ratio: 1326 / 1187;

    z-index: -1;

    background: url("./ink-bamboo-slope.webp") right bottom / contain no-repeat;

    mix-blend-mode: multiply;

    opacity: 0.5;

    pointer-events: none;

}



a,

button,

input,

select,

summary {

    -webkit-tap-highlight-color: transparent;

}



a:focus-visible,

button:focus-visible,

input:focus-visible,

select:focus-visible,

summary:focus-visible {

    outline: 2px solid var(--wuxia-cinnabar);

    outline-offset: 3px;

}



.wuxia-home {

    --bg: var(--wuxia-paper);

    --panel: var(--wuxia-paper-raised);

    --panel-soft: var(--wuxia-paper-muted);

    --border: var(--wuxia-hairline);

    --text: var(--wuxia-ink);

    --muted: var(--wuxia-ink-soft);

    --purple: var(--wuxia-cinnabar);

    --green: #3d7449;

    --danger: #a33b32;

    --font-serif: var(--wuxia-serif);

    --font-sans: var(--wuxia-sans);

    background:

        radial-gradient(circle at 12% 22%, rgba(49, 89, 77, 0.08), transparent 30rem),

        radial-gradient(circle at 88% 82%, rgba(166, 63, 49, 0.05), transparent 28rem),

        var(--wuxia-paper);

}



.wuxia-home .home-shell {

    width: min(1120px, calc(100% - 2rem));

    padding-top: 0;

}



.wuxia-home .home-header {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    isolation: isolate;

    margin-bottom: 0.75rem;

    padding: 1rem 1rem 0.75rem;

}



.wuxia-home .home-header h1 {

    color: #1f2923;

    font-family: var(--wuxia-serif);

    font-weight: 700;

    letter-spacing: 0.18em;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

}



.wuxia-home .home-header > p {

    color: #4f5c54;

    font-family: var(--wuxia-serif);

    letter-spacing: 0.12em;

}



.wuxia-home .home-version {

    color: var(--wuxia-cinnabar);

}



.wuxia-home .home-panel {

    border: 1px solid var(--wuxia-hairline);

    border-radius: 6px;

    background: rgba(251, 248, 239, 0.94);

    box-shadow: 0 12px 32px var(--wuxia-shadow);

    backdrop-filter: blur(5px);

}



.wuxia-home .panel-heading h2,

.wuxia-home .changelog-header h2 {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    letter-spacing: 0.08em;

}



.wuxia-home .panel-heading h2::after {

    content: "";

    display: block;

    width: 2.2rem;

    height: 2px;

    margin-top: 0.45rem;

    background: var(--wuxia-cinnabar);

    opacity: 0.68;

}



.wuxia-home .status-badge {

    border-color: rgba(166, 63, 49, 0.36);

    border-radius: 3px;

    background: rgba(166, 63, 49, 0.06);

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-home .home-main-role {

    border: 1px solid rgba(49, 89, 77, 0.14);

    border-radius: 4px;

    background: rgba(231, 224, 209, 0.55);

}



.wuxia-home .btn {

    min-height: 2.75rem;

    border-radius: 4px;

}



.wuxia-home .btn-primary {

    border-color: var(--wuxia-cinnabar-deep);

    background: var(--wuxia-cinnabar);

    color: #fffaf0;

    box-shadow: 0 5px 14px rgba(132, 49, 38, 0.18);

}



.wuxia-home .btn-primary:hover {

    background: var(--wuxia-cinnabar-deep);

}



.wuxia-home .btn-secondary {

    border-color: var(--wuxia-hairline);

    background: rgba(251, 248, 239, 0.62);

    color: var(--wuxia-pine-deep);

}



.wuxia-home .btn-secondary:hover {

    border-color: rgba(49, 89, 77, 0.52);

    background: rgba(49, 89, 77, 0.07);

}



.wuxia-home .module-grid {

    gap: 0;

    border-top: 1px solid var(--wuxia-hairline);

    border-bottom: 1px solid var(--wuxia-hairline);

}



.wuxia-home .module-card {

    position: relative;

    border: 0;

    border-right: 1px solid var(--wuxia-hairline);

    border-radius: 0;

    background: transparent;

}



.wuxia-home .module-card:last-child {

    border-right: 0;

}



.wuxia-home .module-card::after {

    content: "";

    position: absolute;

    inset: auto 1rem 0;

    height: 2px;

    background: var(--wuxia-cinnabar);

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 180ms ease;

}



.wuxia-home .module-card:hover {

    border-color: var(--wuxia-hairline);

    background: rgba(49, 89, 77, 0.055);

}



.wuxia-home .module-card:hover::after {

    transform: scaleX(1);

}



.wuxia-home .module-card strong,

.wuxia-home .changelog-meta h3,

.wuxia-home .app-footer a {

    color: var(--wuxia-pine-deep);

}



.wuxia-home .changelog-entry.is-current {

    border-color: rgba(166, 63, 49, 0.32);

    border-radius: 4px;

    background: linear-gradient(120deg, rgba(166, 63, 49, 0.065), rgba(49, 89, 77, 0.035));

}



.wuxia-home .changelog-entry li::marker {

    color: var(--wuxia-cinnabar);

}



.wuxia-home .changelog-entry a {

    color: #7d2c23;

    text-decoration-color: rgba(125, 44, 35, 0.62);

}



.wuxia-home .changelog-entry a:hover,

.wuxia-home .changelog-entry a:focus-visible {

    color: #a33b2f;

}



.wuxia-license,

.wuxia-convert {

    --bg: var(--wuxia-paper);

    --panel: var(--wuxia-paper-raised);

    --panel-soft: var(--wuxia-paper-muted);

    --border: var(--wuxia-hairline);

    --text: var(--wuxia-ink);

    --muted: var(--wuxia-ink-soft);

    --accent: var(--wuxia-pine);

    --accent-soft: rgba(49, 89, 77, 0.1);

    --success: #3d7449;

    --danger: var(--wuxia-cinnabar-deep);

    --purple: var(--wuxia-cinnabar);

    --green: #3d7449;

    --font-serif: var(--wuxia-serif);

    --font-sans: var(--wuxia-sans);

    color-scheme: light;

    background:

        radial-gradient(circle at 12% 18%, rgba(49, 89, 77, 0.07), transparent 28rem),

        radial-gradient(circle at 88% 78%, rgba(166, 63, 49, 0.045), transparent 26rem),

        var(--wuxia-paper);

    color: var(--wuxia-ink);

}



.wuxia-license .license-nav,

.wuxia-license .license-nav a,

.wuxia-convert .convert-nav,

.wuxia-convert .convert-nav a,

.wuxia-license .app-footer a,

.wuxia-convert .app-footer a {

    color: var(--wuxia-pine-deep);

}



.wuxia-license .license-header h1,

.wuxia-license .license-panel-heading h2,

.wuxia-convert .convert-header h1,

.wuxia-convert .panel-heading h2,

.wuxia-convert .convert-steps strong {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

}



.wuxia-license .license-panel-heading p,
.wuxia-license .license-panel-heading > strong,

.wuxia-convert .panel-heading > strong,
.wuxia-convert .convert-steps span {

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-license .license-panel,

.wuxia-convert .convert-panel,

.wuxia-convert .convert-steps article {

    border-color: var(--wuxia-hairline);

    border-radius: 6px;

    background: rgba(251, 248, 239, 0.94);

    box-shadow: 0 12px 32px var(--wuxia-shadow);

}



.wuxia-license .license-field input,

.wuxia-convert .field select,

.wuxia-convert .field input {

    border-color: var(--wuxia-hairline);

    background: rgba(255, 252, 244, 0.9);

    color: var(--wuxia-ink);

}



.wuxia-license .license-field input:focus,

.wuxia-convert .field select:focus,

.wuxia-convert .field input:focus {

    border-color: var(--wuxia-pine);

    box-shadow: 0 0 0 3px rgba(49, 89, 77, 0.11);

}



.wuxia-license .license-query-button,

.wuxia-convert .btn-convert {

    border-color: var(--wuxia-cinnabar-deep);

    border-radius: 4px;

    background: var(--wuxia-cinnabar);

    color: #fffaf0;

    box-shadow: 0 5px 14px rgba(132, 49, 38, 0.16);

}



.wuxia-license .license-query-button:hover:not(:disabled),

.wuxia-convert .btn-convert:hover:not(:disabled) {

    background: var(--wuxia-cinnabar-deep);

}



.wuxia-license .license-result-item,

.wuxia-license .license-privacy,

.wuxia-convert .privacy-note {

    border-color: var(--wuxia-hairline);

    background: rgba(231, 224, 209, 0.52);

}



.wuxia-license .license-privacy,

.wuxia-convert .privacy-note {

    border-left-color: var(--wuxia-pine);

}



.wuxia-convert .file-drop {

    border-color: rgba(49, 89, 77, 0.46);

    border-radius: 5px;

    background: rgba(231, 224, 209, 0.46);

}



.wuxia-convert .file-drop:hover {

    border-color: var(--wuxia-pine);

    background: rgba(49, 89, 77, 0.07);

}



.wuxia-simulator {

    --bg-primary: var(--wuxia-paper);

    --bg-secondary: #eee8dc;

    --bg-card: rgba(251, 248, 239, 0.95);

    --bg-card-hover: #f7f2e7;

    --border-color: var(--wuxia-hairline);

    --border-accent: rgba(49, 89, 77, 0.58);

    --text-primary: var(--wuxia-ink);

    --text-secondary: var(--wuxia-ink-soft);

    --text-muted: #74796f;

    --accent: var(--wuxia-pine);

    --white: #5e625c;

    --white-dim: #898b85;

    --green: #3d7449;

    --green-bright: #2e693d;

    --blue: #466f9c;

    --blue-bright: #315e8d;

    --purple: #795493;

    --purple-bright: #6c4387;

    --red: var(--wuxia-cinnabar);

    --font-serif: var(--wuxia-serif);

    --font-sans: var(--wuxia-sans);

    background:

        radial-gradient(circle at 8% 20%, rgba(49, 89, 77, 0.055), transparent 28rem),

        var(--wuxia-paper);

}



.wuxia-simulator::before {

    opacity: 0.7;

    background:

        linear-gradient(180deg, rgba(236, 229, 214, 0.02), var(--wuxia-paper) 98%),

        url("./ink-mountains.webp") center / cover no-repeat;

}



.wuxia-simulator .app-container {

    max-width: 900px;

}



.wuxia-simulator .app-header {

    position: relative;

    padding: 3.2rem 1rem 2rem;

}



.wuxia-simulator .app-header h1 {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    letter-spacing: 0.22em;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.68);

}



.wuxia-simulator .app-header .subtitle {

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator .sim-nav {

    gap: 0.1rem;

    margin-top: 1rem;

}



.wuxia-simulator .sim-nav a {

    position: relative;

    padding: 0.32rem 0.42rem;

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator .sim-nav a:hover,

.wuxia-simulator .sim-nav a.active {

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .sim-nav a.active::after {

    content: "";

    position: absolute;

    right: 0.4rem;

    bottom: 0;

    left: 0.4rem;

    height: 2px;

    background: var(--wuxia-cinnabar);

}



.wuxia-simulator .nav-sep {

    color: rgba(40, 50, 43, 0.26);

}



.wuxia-simulator .archive-summary,

.wuxia-simulator .config-panel,

.wuxia-simulator .action-panel,

.wuxia-simulator .stats-panel,

.wuxia-simulator .history-panel,

.wuxia-simulator .ai-prediction-panel {

    border-color: var(--wuxia-hairline);

    border-radius: 6px;

    background: rgba(251, 248, 239, 0.94);

    box-shadow: 0 9px 24px rgba(57, 48, 36, 0.075);

    backdrop-filter: blur(4px);

}



.wuxia-simulator .archive-summary {

    border-left: 3px solid var(--wuxia-pine);

}



.wuxia-simulator .archive-summary-item strong,

.wuxia-simulator .bag-value,

.wuxia-simulator .zz-pill.total,

.wuxia-simulator .zz-pill.total b {

    color: var(--wuxia-pine-deep);

}



.wuxia-simulator .section-heading {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

}



.wuxia-simulator .section-heading::before {

    content: "";

    display: inline-block;

    width: 0.35rem;

    height: 0.95rem;

    margin-right: 0.55rem;

    background: var(--wuxia-cinnabar);

    vertical-align: -0.08rem;

}



.wuxia-simulator .config-group select,

.wuxia-simulator .config-group input,

.wuxia-simulator .action-custom-row input,

.wuxia-simulator .next-conflict-from input,

.wuxia-simulator .ai-target-toolbar input,

.wuxia-simulator .ai-settings-grid input,

.wuxia-simulator .auto-wash-role-select select {

    border-color: var(--wuxia-hairline);

    background: rgba(255, 252, 244, 0.9);

    color: var(--wuxia-ink);

}



.wuxia-simulator .config-group select:focus,

.wuxia-simulator .config-group input:focus,

.wuxia-simulator .action-custom-row input:focus,

.wuxia-simulator .next-conflict-from input:focus,

.wuxia-simulator .ai-target-toolbar input:focus,

.wuxia-simulator .ai-settings-grid input:focus {

    border-color: var(--wuxia-pine);

    box-shadow: 0 0 0 3px rgba(49, 89, 77, 0.11);

}



.wuxia-simulator .zz-pill,

.wuxia-simulator .stat-card,

.wuxia-simulator .next-conflict-panel {

    background: rgba(231, 224, 209, 0.48);

}



.wuxia-simulator .btn,

.wuxia-simulator .btn-upgrade-zz,

.wuxia-simulator .talent-lock-btn,

.wuxia-simulator .talent-exchange-btn {

    min-height: 2.65rem;

    border-color: var(--wuxia-hairline);

    border-radius: 4px;

    background: rgba(251, 248, 239, 0.86);

    color: var(--wuxia-ink);

}



.wuxia-simulator .btn:hover,

.wuxia-simulator .btn-upgrade-zz:hover:not(:disabled),

.wuxia-simulator .talent-lock-btn:hover {

    border-color: rgba(49, 89, 77, 0.56);

    background: rgba(49, 89, 77, 0.07);

}



.wuxia-simulator .btn-wash {

    border-color: var(--wuxia-cinnabar-deep);

    background: var(--wuxia-cinnabar);

    color: #fffaf0;

    box-shadow: 0 5px 14px rgba(132, 49, 38, 0.16);

}



.wuxia-simulator .btn-wash:hover {

    border-color: var(--wuxia-cinnabar-deep);

    background: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .btn-wash-gold {

    border-color: rgba(154, 120, 56, 0.48);

    background: rgba(154, 120, 56, 0.1);

    color: #715820;

}



.wuxia-simulator .pity-track {

    background: rgba(231, 224, 209, 0.78);

}



.wuxia-simulator .pity-fill {

    background: linear-gradient(90deg, var(--wuxia-pine), var(--wuxia-cinnabar));

}



.wuxia-simulator .pity-text {

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .talent-card {

    border-radius: 5px;

    background-color: rgba(251, 248, 239, 0.96);

    box-shadow: 0 4px 14px rgba(57, 48, 36, 0.055);

}



.wuxia-simulator .talent-card.q4 {

    background: linear-gradient(135deg, rgba(251, 248, 239, 0.98), rgba(121, 84, 147, 0.09));

}



.wuxia-simulator .talent-card.locked {

    background: rgba(121, 84, 147, 0.075);

}



.wuxia-simulator .app-title-row {

    display: flex;

    align-items: baseline;

    justify-content: center;

    gap: 0.8rem;

}



.wuxia-simulator .app-header .app-version {

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .tab-btn.active,

.wuxia-simulator .auto-mode-tab.is-active {

    border-color: rgba(166, 63, 49, 0.48);

    background: rgba(166, 63, 49, 0.09);

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .auto-mode-tabs,

.wuxia-simulator .equip-auto-choice-grid,

.wuxia-simulator .jianwang-rule-grid > div {

    background: rgba(231, 224, 209, 0.48);

}



.wuxia-simulator .jianwang-panel {

    border-color: rgba(121, 84, 147, 0.28);

    background: linear-gradient(135deg, rgba(251, 248, 239, 0.96), rgba(121, 84, 147, 0.07));

}



.wuxia-simulator .jianwang-rule-grid strong,

.wuxia-simulator .jianwang-prop-token {

    color: var(--purple-bright);

}



.wuxia-simulator .jianwang-prop-token {

    border-color: rgba(121, 84, 147, 0.34);

    background: rgba(121, 84, 147, 0.08);

}



.wuxia-simulator .student-talent {

    background: linear-gradient(135deg, rgba(251, 248, 239, 0.98), rgba(121, 84, 147, 0.08));

}



.wuxia-simulator .hengshan-message.is-error {

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .exchange-sequence-controls input,

.wuxia-simulator .exchange-sequence-controls select,

.wuxia-simulator .hengshan-auto-config-grid input {

    border-color: var(--wuxia-hairline);

    background: rgba(255, 252, 244, 0.9);

    color: var(--wuxia-ink);

}



.wuxia-simulator .exchange-sequence-modal {

    width: min(940px, calc(100vw - 2rem));

    height: min(94vh, 980px);

    max-height: min(94vh, 980px);

    border-color: rgba(40, 50, 43, 0.3);

    border-radius: 10px;

    background: rgba(247, 243, 233, 0.98);

}



.wuxia-simulator .exchange-sequence-modal .modal-header {

    position: relative;

    min-height: 3.8rem;

    padding: 1rem 1.35rem 0.9rem 1.7rem;

    border-bottom-color: var(--wuxia-hairline);

    background: linear-gradient(90deg, rgba(231, 224, 209, 0.58), rgba(251, 248, 239, 0.92) 52%, rgba(49, 89, 77, 0.05));

}



.wuxia-simulator .exchange-sequence-modal .modal-header::before {

    content: "";

    position: absolute;

    left: 1.15rem;

    top: 1rem;

    bottom: 0.9rem;

    width: 3px;

    border-radius: 2px;

    background: var(--wuxia-cinnabar);

}



.wuxia-simulator .exchange-sequence-modal .modal-header h2 {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    font-size: 1.08rem;

    letter-spacing: 0.08em;

}



.wuxia-simulator .exchange-sequence-modal .modal-close-btn {

    width: 2.25rem;

    height: 2.25rem;

    border: 1px solid transparent;

    border-radius: 50%;

    color: var(--wuxia-ink-soft);

    line-height: 1;

}



.wuxia-simulator .exchange-sequence-modal .modal-close-btn:hover {

    border-color: var(--wuxia-hairline);

    background: rgba(166, 63, 49, 0.07);

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .exchange-sequence-body {

    min-height: 0;

    gap: 1rem;

    padding: 1rem 1.25rem 1.15rem;

}



.wuxia-simulator .exchange-sequence-controls {

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 0.85rem 0.75rem;

    padding: 1rem;

    border-color: var(--wuxia-hairline);

    border-radius: 8px;

    background: rgba(251, 248, 239, 0.78);

    box-shadow: inset 0 1px rgba(255, 255, 255, 0.62);

}



.wuxia-simulator .exchange-sequence-controls label:nth-child(1) {

    grid-column: span 2;

}



.wuxia-simulator .exchange-sequence-controls label:nth-child(2) {

    grid-column: span 3;

}



.wuxia-simulator .exchange-sequence-controls label:nth-child(3),

.wuxia-simulator .exchange-sequence-controls label:nth-child(4) {

    grid-column: span 1;

}



.wuxia-simulator .exchange-sequence-controls label:nth-child(5) {

    grid-column: span 2;

}



.wuxia-simulator .exchange-sequence-controls > button {

    grid-column: span 4;

}



.wuxia-simulator .exchange-sequence-controls label {

    gap: 0.42rem;

    color: var(--wuxia-ink-soft);

    font-size: 0.75rem;

}



.wuxia-simulator .exchange-sequence-controls select,

.wuxia-simulator .exchange-sequence-controls input {

    min-height: 2.7rem;

    border-radius: 6px;

    padding-inline: 0.7rem;

    box-shadow: 0 1px 2px rgba(57, 48, 36, 0.04);

}



.wuxia-simulator .exchange-sequence-controls select:focus-visible,

.wuxia-simulator .exchange-sequence-controls input:focus-visible,

.wuxia-simulator .exchange-sequence-modal button:focus-visible {

    outline: 2px solid var(--wuxia-pine);

    outline-offset: 2px;

}



.wuxia-simulator .exchange-sequence-controls .btn-wash-gold {

    min-height: 2.7rem;

    border-color: var(--wuxia-cinnabar-deep);

    background: var(--wuxia-cinnabar);

    color: #fffaf0;

    box-shadow: 0 3px 8px rgba(132, 49, 38, 0.16);

}



.wuxia-simulator .exchange-sequence-controls .btn-wash-gold:hover:not(:disabled) {

    border-color: var(--wuxia-cinnabar-deep);

    background: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .exchange-sequence-controls .btn-wash-gold:disabled {

    border-color: rgba(89, 96, 87, 0.22);

    background: rgba(231, 224, 209, 0.72);

    color: rgba(89, 96, 87, 0.72);

    box-shadow: none;

}



.wuxia-simulator .exchange-sequence-mode {

    padding: 0.72rem 0.9rem;

    border-color: rgba(49, 89, 77, 0.36);

    border-left: 3px solid var(--wuxia-pine);

    border-radius: 5px;

    background: rgba(49, 89, 77, 0.08);

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator .exchange-sequence-mode strong {

    color: var(--wuxia-pine-deep);

}



.wuxia-simulator .exchange-sequence-selection {

    gap: 0;

    flex-shrink: 0;

    overflow: hidden;

    border: 1px solid var(--wuxia-hairline);

    border-radius: 7px;

    background: rgba(231, 224, 209, 0.42);

}



.wuxia-simulator .exchange-sequence-selection > div {

    min-height: 4.1rem;

    padding: 0.78rem 0.95rem;

    border: 0;

    border-right: 1px solid var(--wuxia-hairline);

    border-radius: 0;

    background: transparent;

}



.wuxia-simulator .exchange-sequence-selection > div:last-child {

    border-right: 0;

}



.wuxia-simulator .exchange-sequence-selection span {

    color: var(--wuxia-ink-soft);

    font-size: 0.7rem;

}



.wuxia-simulator .exchange-sequence-selection strong {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    font-size: 0.88rem;

}



.wuxia-simulator .exchange-sequence-selection code {

    color: var(--wuxia-pine-deep);

}



.wuxia-simulator .exchange-sequence-status {

    position: relative;

    flex-shrink: 0;

    min-height: 1.35rem;

    padding-left: 0;

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator .exchange-sequence-status::before {

    content: none;

}



.wuxia-simulator .exchange-sequence-status.is-error {

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator .exchange-sequence-status.is-error::before {

    background: var(--wuxia-cinnabar);

}



.wuxia-simulator .exchange-sequence-results {

    flex: 1 0 18rem;

    min-height: 18rem;

    border-color: var(--wuxia-hairline);

    border-radius: 8px;

    background: rgba(255, 252, 244, 0.68);

}



.wuxia-simulator .exchange-sequence-result-head {

    min-height: 3.1rem;

    padding: 0.75rem 0.95rem;

    border-bottom-color: var(--wuxia-hairline);

    background: rgba(231, 224, 209, 0.42);

}



.wuxia-simulator .exchange-sequence-result-head h3 {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    letter-spacing: 0.04em;

}



.wuxia-simulator .exchange-sequence-result-head span,

.wuxia-simulator .exchange-sequence-empty {

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator .exchange-sequence-empty {

    padding: 3rem 1rem;

}



.wuxia-simulator .exchange-sequence-grid li {

    border-color: rgba(121, 84, 147, 0.26);

    background: linear-gradient(135deg, rgba(251, 248, 239, 0.98), rgba(121, 84, 147, 0.08));

    color: var(--purple-bright);

}



.wuxia-simulator .exchange-sequence-grid li::before {

    background: rgba(121, 84, 147, 0.12);

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator .exchange-sequence-footer {

    padding: 0.8rem 1.25rem;

    border-top-color: var(--wuxia-hairline);

    background: rgba(231, 224, 209, 0.3);

}



.wuxia-simulator .exchange-sequence-footer .modal-tip {

    color: var(--wuxia-ink-soft);

    line-height: 1.65;

}



.wuxia-simulator #purpleModal {

    background: rgba(32, 37, 31, 0.56);

    backdrop-filter: blur(2px);

}



.wuxia-simulator #purpleModal .modal-split {

    width: min(1120px, calc(100vw - 2rem));

    border-color: rgba(40, 50, 43, 0.3);

    border-radius: 10px;

    background: rgba(247, 243, 233, 0.99);

}



.wuxia-simulator #purpleModal .modal-header {

    position: relative;

    min-height: 3.8rem;

    padding: 1rem 1.35rem 0.9rem 1.7rem;

    border-bottom-color: var(--wuxia-hairline);

    border-radius: 10px 10px 0 0;

    background: linear-gradient(90deg, rgba(231, 224, 209, 0.58), rgba(251, 248, 239, 0.92) 52%, rgba(49, 89, 77, 0.05));

}



.wuxia-simulator #purpleModal .modal-header::before {

    content: "";

    position: absolute;

    left: 1.15rem;

    top: 1rem;

    bottom: 0.9rem;

    width: 3px;

    border-radius: 2px;

    background: var(--wuxia-cinnabar);

}



.wuxia-simulator #purpleModal .modal-header h2 {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    font-size: 1.08rem;

    letter-spacing: 0.06em;

}



.wuxia-simulator #purpleModal .modal-close-btn {

    width: 2.25rem;

    height: 2.25rem;

    border: 1px solid transparent;

    border-radius: 50%;

    color: var(--wuxia-ink-soft);

    line-height: 1;

}



.wuxia-simulator #purpleModal .modal-close-btn:hover {

    border-color: var(--wuxia-hairline);

    background: rgba(166, 63, 49, 0.07);

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator #purpleModal .purple-split-body {

    background: rgba(251, 248, 239, 0.72);

}



.wuxia-simulator #purpleModal .purple-pane {

    gap: 0.85rem;

    padding: 0.85rem 1rem 1rem;

}



.wuxia-simulator #purpleModal .purple-pane-seq {

    border-right-color: var(--wuxia-hairline);

    background: rgba(231, 224, 209, 0.34);

    box-shadow: none;

}



.wuxia-simulator #purpleModal .purple-pane-exchange {

    background: rgba(251, 248, 239, 0.74);

}



.wuxia-simulator #purpleModal .modal-toolbar {

    display: grid;

    grid-template-columns: minmax(180px, 1.25fr) auto;

    gap: 0.75rem 1rem;

    padding: 0.75rem 0.8rem;

    border-color: var(--wuxia-hairline);

    border-radius: 7px;

    background: rgba(251, 248, 239, 0.88);

    box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);

}



.wuxia-simulator #purpleModal .search-box input {

    width: 100%;

    min-height: 2.45rem;

    border-color: var(--wuxia-hairline);

    border-radius: 6px;

    background: rgba(255, 252, 244, 0.94);

    color: var(--wuxia-ink);

}



.wuxia-simulator #purpleModal .search-box input::placeholder {

    color: rgba(89, 96, 87, 0.76);

}



.wuxia-simulator #purpleModal .search-box input:focus-visible,

.wuxia-simulator #purpleModal button:focus-visible,

.wuxia-simulator #purpleModal input:focus-visible {

    outline: 2px solid var(--wuxia-pine);

    outline-offset: 2px;

}



.wuxia-simulator #purpleModal .filter-box {

    align-items: center;

    gap: 0.85rem;

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator #purpleModal .filter-box input {

    accent-color: var(--wuxia-cinnabar);

}



.wuxia-simulator #purpleModal .stats-summary {

    grid-column: 1 / -1;

    display: flex;

    align-items: center;

    gap: 0.25rem;

    margin-left: 0;

    padding-top: 0.65rem;

    border-top: 1px solid var(--wuxia-hairline);

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator #purpleModal .stats-summary .btn {

    min-height: 2.2rem;

    margin-left: auto;

    border-color: rgba(154, 120, 56, 0.42);

    background: rgba(154, 120, 56, 0.08);

    color: #725722;

}



.wuxia-simulator #purpleModal .route-preview-setting {

    display: inline-flex;

    align-items: center;

    gap: 0.3rem;

    margin-left: 0.6rem;

    padding-left: 0.7rem;

    border-left: 1px solid var(--wuxia-hairline);

    color: var(--wuxia-ink-soft);

    white-space: nowrap;

}



.wuxia-simulator #purpleModal .route-preview-setting input {

    width: 3.4rem;

    min-height: 2rem;

    padding: 0.25rem 0.4rem;

    border: 1px solid var(--wuxia-hairline);

    border-radius: 5px;

    background: rgba(255, 252, 244, 0.94);

    color: var(--wuxia-ink);

    text-align: center;

}



.wuxia-simulator .ai-talent-choices {

    border-color: var(--wuxia-hairline);

    background: rgba(255, 252, 244, 0.72);

    box-shadow: inset 0 1px rgba(255, 255, 255, 0.56);

}



.wuxia-simulator .ai-talent-choices .ai-result-empty {

    border-color: rgba(60, 105, 91, 0.34);

    background: rgba(238, 240, 229, 0.72);

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator #purpleModal .purple-table-container {

    border-color: var(--wuxia-hairline);

    border-radius: 7px;

    background: rgba(255, 252, 244, 0.78);

}



.wuxia-simulator #purpleModal .purple-table {

    color: var(--wuxia-ink);

}



.wuxia-simulator #purpleModal .purple-table th,

.wuxia-simulator #purpleModal .purple-table td {

    border-bottom-color: rgba(40, 50, 43, 0.14);

}



.wuxia-simulator #purpleModal .purple-table th {

    background: rgba(231, 224, 209, 0.94);

    color: var(--wuxia-pine-deep);

    font-weight: 600;

}



.wuxia-simulator #purpleModal .purple-table tbody tr {

    background: rgba(255, 252, 244, 0.48);

}



.wuxia-simulator #purpleModal .purple-table tbody tr:nth-child(even) {

    background: rgba(231, 224, 209, 0.2);

}



.wuxia-simulator #purpleModal .purple-table tbody tr:hover {

    background: rgba(49, 89, 77, 0.07);

}



.wuxia-simulator #purpleModal .purple-table tr.row-highlight {

    background: rgba(121, 84, 147, 0.1) !important;

}



.wuxia-simulator #purpleModal .purple-table td.loading-td,

.wuxia-simulator #purpleModal .conflict-wash-no {

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator #purpleModal .btn-select-exchange {

    min-height: 2rem;

    border-color: rgba(49, 89, 77, 0.42);

    border-radius: 5px;

    background: rgba(49, 89, 77, 0.08);

    color: var(--wuxia-pine-deep);

}



.wuxia-simulator #purpleModal .btn-select-exchange:hover {

    border-color: var(--wuxia-pine);

    background: rgba(49, 89, 77, 0.14);

    color: var(--wuxia-pine-deep);

}



.wuxia-simulator #purpleModal .btn-select-exchange.active {

    border-color: rgba(166, 63, 49, 0.5);

    background: rgba(166, 63, 49, 0.1);

    color: var(--wuxia-cinnabar-deep);

}



.wuxia-simulator #purpleModal .exchange-analysis-block .block-header {

    min-height: 2.75rem;

    border-bottom-color: var(--wuxia-hairline);

}



.wuxia-simulator #purpleModal .exchange-analysis-block .block-header h3 {

    color: var(--wuxia-ink);

    font-family: var(--wuxia-serif);

    letter-spacing: 0.04em;

}



.wuxia-simulator #purpleModal .exchange-analysis-block .block-tip,

.wuxia-simulator #purpleModal .exchange-analysis-block .block-empty {

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator #purpleModal .exchange-analysis-block .block-empty {

    display: grid;

    min-height: 12rem;

    place-items: center;

    padding: 2rem;

    line-height: 1.7;

}



.wuxia-simulator #purpleModal .selected-exchange-card,

.wuxia-simulator #purpleModal .selected-exchange-card.fixed-node,

.wuxia-simulator #purpleModal .multi-exchange-item,

.wuxia-simulator #purpleModal .route-pad-stepper .pad-jump input {

    border-color: var(--wuxia-hairline);

    background: rgba(255, 252, 244, 0.86);

    color: var(--wuxia-ink);

}



.wuxia-simulator #purpleModal .selected-exchange-card .card-title,

.wuxia-simulator #purpleModal .exchange-stepper,

.wuxia-simulator #purpleModal .chain-stop-alts > summary {

    color: var(--wuxia-ink);

}



.wuxia-simulator #purpleModal .selected-exchange-card .card-last-slot,

.wuxia-simulator #purpleModal .multi-exchange-item,

.wuxia-simulator #purpleModal .shenmai-roll-hint {

    color: var(--wuxia-ink-soft);

}



.wuxia-simulator #purpleModal .exchange-stepper .step-btn {

    border-color: var(--wuxia-hairline);

    background: rgba(231, 224, 209, 0.56);

    color: var(--wuxia-ink);

}



.wuxia-simulator #purpleModal .route-pad-table-wrap {

    border-color: var(--wuxia-hairline);

    background: rgba(255, 252, 244, 0.72);

}



.wuxia-simulator #purpleModal .route-pad-table th,

.wuxia-simulator #purpleModal .route-pad-table td {

    border-bottom-color: rgba(40, 50, 43, 0.14);

}



.wuxia-simulator #purpleModal .route-pad-table thead th {

    background: rgba(231, 224, 209, 0.96);

    color: var(--wuxia-pine-deep);

}



.wuxia-simulator #purpleModal .modal-footer {

    align-items: flex-end;

    padding: 0.8rem 1rem;

    border-top-color: var(--wuxia-hairline);

    border-radius: 0 0 10px 10px;

    background: rgba(231, 224, 209, 0.38);

}



.wuxia-simulator #purpleModal .modal-tip {

    color: var(--wuxia-ink-soft);

    line-height: 1.6;

}



.wuxia-simulator #purpleModal #btnRefreshPurpleAnalysis {

    flex: 0 0 auto;

    min-height: 2.7rem;

    border-color: var(--wuxia-cinnabar-deep);

    background: var(--wuxia-cinnabar);

    color: #fffaf0;

    box-shadow: 0 3px 8px rgba(132, 49, 38, 0.16);

}



.wuxia-simulator .modal-content {

    box-shadow: 0 18px 48px rgba(57, 48, 36, 0.2);

}



.wuxia-simulator .app-footer a {

    color: var(--wuxia-pine-deep);

}



@media (max-width: 760px) {

    body::before {

        height: 30rem;

        opacity: 0.48;

        background-position: 42% top;

    }



    .wuxia-home .home-shell {

        width: min(100% - 1rem, 1120px);

    }



    .wuxia-home .home-header {

        padding-top: 3.25rem;

    }



    .wuxia-home .module-grid {

        gap: 0;

    }



    .wuxia-home .module-card:nth-child(2n) {

        border-right: 0;

    }



    .wuxia-home .module-card {

        border-bottom: 1px solid var(--wuxia-hairline);

    }



    .wuxia-home .module-card:last-child {

        border-bottom: 0;

    }



    .wuxia-simulator .exchange-sequence-controls {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .wuxia-simulator .exchange-sequence-controls label:nth-child(n),

    .wuxia-simulator .exchange-sequence-controls > button {

        grid-column: span 1;

    }



    .wuxia-simulator .exchange-sequence-controls > button {

        grid-column: span 2;

    }



    .wuxia-simulator .exchange-sequence-selection > div {

        border-right: 0;

        border-bottom: 1px solid var(--wuxia-hairline);

    }



    .wuxia-simulator .exchange-sequence-selection > div:last-child {

        border-bottom: 0;

    }



    .wuxia-simulator #purpleModal .purple-pane-seq {

        border-right: 0;

        border-bottom-color: var(--wuxia-hairline);

    }

}



@media (max-width: 460px) {

    body::before {

        opacity: 0.54;

    }



    body::after {

        display: none;

    }



    .wuxia-home .home-header {

        padding-inline: 0;

    }



    .wuxia-home .home-header h1,

    .wuxia-simulator .app-header h1 {

        letter-spacing: 0.08em;

    }



    .wuxia-simulator .app-title-row {

        gap: 0.55rem;

    }



    .wuxia-simulator .app-header .app-version {

        font-size: 0.9rem;

    }



    .wuxia-home .module-grid {

        border-bottom: 0;

    }



    .wuxia-home .module-card {

        border-right: 0;

    }



    .wuxia-simulator .exchange-sequence-modal {

        width: calc(100vw - 0.75rem);

        height: calc(100vh - 0.75rem);

        max-height: calc(100vh - 0.75rem);

    }



    .wuxia-simulator .exchange-sequence-body {

        padding: 0.8rem;

    }



    .wuxia-simulator .exchange-sequence-controls {

        grid-template-columns: 1fr;

        padding: 0.8rem;

    }



    .wuxia-simulator .exchange-sequence-controls label:nth-child(n),

    .wuxia-simulator .exchange-sequence-controls > button {

        grid-column: span 1;

    }



    .wuxia-simulator .exchange-sequence-results {

        flex-basis: 13rem;

        min-height: 13rem;

    }



    .wuxia-simulator #purpleModal .modal-split {

        width: calc(100vw - 0.75rem);

        max-height: calc(100vh - 0.75rem);

    }



    .wuxia-simulator #purpleModal .modal-toolbar {

        grid-template-columns: 1fr;

    }



    .wuxia-simulator #purpleModal .filter-box {

        flex-wrap: wrap;

    }



    .wuxia-simulator #purpleModal .stats-summary {

        grid-column: auto;

        flex-wrap: wrap;

    }



    .wuxia-simulator #purpleModal .modal-footer {

        align-items: stretch;

        flex-direction: column;

    }



    .wuxia-simulator #purpleModal #btnRefreshPurpleAnalysis {

        width: 100%;

    }



    .wuxia-simulator .app-header {

        padding-top: 2.35rem;

    }



    .wuxia-simulator .nav-sep {

        display: none;

    }



    .wuxia-simulator .sim-nav {

        column-gap: 0.22rem;

    }

}



@media (prefers-reduced-motion: reduce) {

    *,

    *::before,

    *::after {

        scroll-behavior: auto !important;

        transition-duration: 0.01ms !important;

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

    }

}