:root{font-family:Inter,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.7;font-weight:400;color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:#e2e8f0;color:inherit;display:flex;overflow:hidden}#root{flex:1;display:flex;min-height:0}a{color:#1d4ed8;text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button,input,textarea{font-family:inherit}code{font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em}::selection{background:#2563eb40}:root[data-theme=dark]{color:#e2e8f0;background-color:#0f172a}:root[data-theme=dark] body{background-color:#020617}:root[data-theme=dark] a{color:#93c5fd}@media(max-width:960px){body{display:block;overflow:auto}#root{display:block;min-height:100vh}}.app{flex:1;display:flex;min-height:0;background:radial-gradient(circle at top left,rgba(191,219,254,.55),transparent 55%),radial-gradient(circle at bottom right,rgba(196,181,253,.4),transparent 45%),linear-gradient(120deg,#f1f5ff,#edf2fb 45%,#f7fbff)}.app-shell{width:min(96vw,2040px);margin:0 auto;padding:2.5rem clamp(1.8rem,4vw,3rem) 3.5rem;box-sizing:border-box;flex:1;display:flex;flex-direction:column;gap:1.75rem;min-height:0;position:relative}.theme-toggle-button{position:absolute;bottom:clamp(1.75rem,4vw,2.85rem);right:clamp(1.8rem,4vw,3rem);width:3rem;height:3rem;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fffffff2;color:#1d4ed8;border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 34px #0f172a2e;z-index:100;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;align-self:initial}.theme-toggle-button svg{width:1.25rem;height:1.25rem}.theme-toggle-button:hover{transform:translateY(-2px);box-shadow:0 22px 36px #0f172a38;background:#fff}.theme-toggle-button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}.app-main{display:flex;flex-direction:column;gap:2rem;flex:1;min-height:0}.app-grid{display:grid;grid-template-columns:minmax(360px,1.9fr) minmax(0,1fr);gap:2.75rem;align-items:stretch;flex:1;height:100%;min-height:0;overflow:hidden}.app-grid-left{display:flex;flex-direction:column;min-height:0}.app-grid-left>.panel{flex:1;min-height:0}.app-grid-right{display:grid;grid-template-rows:auto auto;gap:1.75rem;align-content:start;min-height:0}.panel{background:#fffffff0;border-radius:16px;border:1px solid rgba(148,163,184,.24);padding:1.5rem 1.65rem;display:flex;flex-direction:column;gap:1.4rem;box-shadow:0 24px 44px #0f172a14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel h2{margin:0;font-size:1.28rem;color:#0f172a}.panel-hint{margin:0;color:#64748b;font-size:.95rem;line-height:1.6}.panel-hint code{font-size:.9rem;background:#2563eb1f;padding:.1rem .35rem;border-radius:6px}.input-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.field{display:flex;flex-direction:column;gap:.55rem}.field-label{font-weight:600;color:#1f2937}.field-helper{margin:0;font-size:.85rem;color:#64748b;line-height:1.5}input[type=number],.mod-search input[type=search]{width:100%;padding:.65rem .82rem;font-size:1rem;border-radius:10px;border:1px solid rgba(148,163,184,.45);background:#f8fafcf2;color:inherit;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input[type=number]:focus,.mod-search input[type=search]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;background:#fff}button{align-self:flex-start;border:none;border-radius:999px;padding:.55rem 1.25rem;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 14px 28px #2563eb52}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ghost{background:transparent;color:#1d4ed8;border:1px solid rgba(37,99,235,.45);box-shadow:none}.ghost:hover:not(:disabled){background:#2563eb14;transform:none}.mods-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.mod-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.65rem .9rem;flex:1;min-height:0;overflow:auto;padding:.25rem .4rem .25rem 0}.mod-item{display:flex;align-items:flex-start;gap:.75rem;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:.8rem .95rem;transition:border-color .12s ease,background .12s ease,transform .12s ease;background:#ffffffe0;cursor:pointer}.mod-item:hover{border-color:#2563eb80;background:#2563eb14;transform:translateY(-1px)}.mod-item input{margin-top:.28rem}.mod-text{display:flex;flex-direction:column;gap:.35rem;font-size:.93rem;color:#0f172a}.mod-item input:checked+.mod-text{color:#1d4ed8}.mod-item input:checked+.mod-text .mod-en{color:#1e3a8a}.mod-tc{font-weight:600}.mod-en{color:#64748b;font-size:.85rem}.mod-error,.mod-empty,.mod-loading{border-radius:12px;padding:.95rem 1rem;font-size:.95rem;color:#334155;background:#94a3b82e}.mod-error{color:#b91c1c;background:#ef44442e}.output{display:flex;flex-direction:column;gap:.8rem}textarea{width:100%;min-height:260px;padding:.9rem 1rem;font-size:.96rem;border-radius:12px;border:1px solid rgba(148,163,184,.45);background:#f8fafcf2;color:inherit;resize:vertical;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;background:#fff}.selected-summary{margin-top:.5rem;padding:.8rem 1rem;border-radius:10px;background:#2563eb1f;color:#1e3a8a;font-size:.92rem;display:flex;flex-direction:column;gap:.75rem}.selected-summary-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.selected-summary-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.15rem .48rem;border-radius:999px;background:#2563eb2e;color:#1d4ed8;font-size:.85rem;font-weight:600}.selected-summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;margin:0;padding:0;list-style:none}.selected-summary-item{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .75rem;border-radius:8px;background:#ffffffe6;color:#1e3a8a;box-shadow:inset 0 0 0 1px #2563eb2e}.selected-summary-tc{font-weight:600}.selected-summary-en{font-size:.82rem;color:#334155}:root[data-theme=dark] .app{background:radial-gradient(circle at top left,rgba(37,99,235,.35),transparent 55%),radial-gradient(circle at bottom right,rgba(88,28,135,.28),transparent 45%),linear-gradient(120deg,#0f172a,#0b1220)}:root[data-theme=dark] .panel{background:#0f172abf;border-color:#334155b3;box-shadow:0 24px 44px #082f4999;color:#e2e8f0}:root[data-theme=dark] .panel h2{color:#e2e8f0}:root[data-theme=dark] .panel-hint,:root[data-theme=dark] .field-label,:root[data-theme=dark] .field-helper{color:#cbd5f5}:root[data-theme=dark] input[type=number],:root[data-theme=dark] .mod-search input[type=search],:root[data-theme=dark] textarea{background:#0f172a99;border-color:#3b82f659}:root[data-theme=dark] input[type=number]:focus,:root[data-theme=dark] .mod-search input[type=search]:focus,:root[data-theme=dark] textarea:focus{background:#0f172ab3}:root[data-theme=dark] .ghost{color:#bfdbfe;border-color:#7dd3fc80}:root[data-theme=dark] .ghost:hover:not(:disabled){background:#2563eb40}:root[data-theme=dark] .mod-item{border-color:#3b82f640;background:#0f172a94;color:#e2e8f0}:root[data-theme=dark] .mod-item input:checked+.mod-text{color:#93c5fd}:root[data-theme=dark] .mod-item input:checked+.mod-text .mod-en{color:#c7d2fe}:root[data-theme=dark] .mod-text{color:#e2e8f0}:root[data-theme=dark] .mod-en{color:#a5b4fc}:root[data-theme=dark] .mod-error,:root[data-theme=dark] .mod-empty,:root[data-theme=dark] .mod-loading{background:#1e293b99;color:#cbd5f5}:root[data-theme=dark] .mod-error{color:#fecaca;background:#ef444440}:root[data-theme=dark] .selected-summary{background:#2563eb40;color:#bfdbfe}:root[data-theme=dark] .selected-summary-count{background:#3b82f673;color:#e0f2fe}:root[data-theme=dark] .selected-summary-item{background:#0f172a99;color:#bfdbfe;box-shadow:inset 0 0 0 1px #7dd3fc40}:root[data-theme=dark] .selected-summary-en{color:#c7d2fe}:root[data-theme=dark] .theme-toggle-button{background:#0f172ad9;color:#bfdbfe;border-color:#6366f180;box-shadow:0 18px 34px #082f4980}:root[data-theme=dark] .theme-toggle-button:hover{background:#1f2937e6;box-shadow:0 22px 38px #082f4999}@media(max-width:960px){.app-grid{grid-template-columns:1fr}.app-grid-left>.panel{height:auto}.mod-list{max-height:520px}}@media(max-width:640px){.app-shell{padding:2.25rem 1.5rem 3rem}.panel{padding:1.35rem}textarea{min-height:220px}.theme-toggle-button{width:2.7rem;height:2.7rem;bottom:1rem;right:1rem}}