:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#eeeaff;background:#07070b;font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 0,#5b37a22e,#0000 35%),#07070b;min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(#13101efa,#08080cfa);border-right:1px solid #a681ff29;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:0 10px 28px;display:flex}.brand-mark{color:#b79cff;letter-spacing:.08em;border:1px solid #b497ff66;place-items:center;width:48px;height:48px;font-family:Consolas,monospace;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em}.brand small{color:#777180;letter-spacing:.12em;margin-top:5px;font-family:Consolas,monospace;font-size:10px}nav{gap:8px;margin-top:26px;display:grid}.nav-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:36px 1fr;align-items:center;min-height:52px;padding:0 14px;display:grid}.nav-item span{color:#655f70;font-family:Consolas,monospace;font-size:12px}.nav-item strong{color:#aaa4b4;letter-spacing:.06em;font-weight:600}.nav-item:hover,.nav-item.active{background:#9169f614;border-color:#a986ff33}.nav-item.active span{color:#ae91ff}.nav-item.active strong{color:#f1edff}.sidebar-footer{border-top:1px solid #ffffff0f;align-items:center;gap:12px;margin-top:auto;padding:18px 10px 4px;display:flex}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{color:#8fe7ba;font-family:Consolas,monospace;font-size:12px}.sidebar-footer small{color:#635e69;margin-top:4px;font-size:11px}.signal-dot{background:#70edaf;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #70edafa6}.main-panel{min-width:0}.topbar{color:#716b79;letter-spacing:.14em;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:64px;padding:0 36px;font-family:Consolas,monospace;font-size:11px;display:flex}.page-content{width:min(1280px,100%);margin:0 auto;padding:48px 42px 70px}.page-title{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.page-title h1{letter-spacing:.08em;margin:0;font-size:clamp(30px,4vw,48px)}.page-title>span{color:#b89aff1f;font-family:Consolas,monospace;font-size:64px;font-weight:700}.eyebrow{color:#977be1;letter-spacing:.2em;margin:0 0 8px;font-family:Consolas,monospace;font-size:11px}.hero-card{background:linear-gradient(135deg,#7049be24,#0000 58%),#12101be0;border:1px solid #a984ff33;justify-content:space-between;gap:30px;padding:34px;display:flex}.hero-card h2{margin:0;font-size:32px}.hero-card p{color:#9e98a8;max-width:680px;line-height:1.8}.hero-status{flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;min-width:170px;font-family:Consolas,monospace;display:flex}.hero-status strong{color:#78efb3;letter-spacing:.12em;font-size:20px}.hero-status small{color:#77717f}.terminal-grid,.file-grid,.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.terminal-card,.file-card,.person-card,.story-card,.record-list article{background:#0f0e15d6;border:1px solid #fff1}.terminal-card,.file-card,.person-card{padding:24px}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top>span,.file-code{color:#6f6878;letter-spacing:.12em;font-family:Consolas,monospace;font-size:11px}.terminal-card h3,.file-card h3,.person-card h3{margin:22px 0 10px;font-size:21px}.terminal-card p,.file-card p,.person-card p,.story-card p,.record-list p{color:#918a99;margin:0;line-height:1.8}.status-badge{letter-spacing:.08em;border:1px solid;align-items:center;min-height:26px;padding:0 9px;font-family:Consolas,monospace;font-size:10px;display:inline-flex}.status-badge.online,.status-badge.active,.status-badge.stable,.status-badge.已歸檔{color:#7feab5;background:#7feab50f;border-color:#7feab540}.status-badge.standby,.status-badge.草案{color:#e8c679;background:#e8c6790f;border-color:#e8c67940}.status-badge.offline{color:#d57f93;background:#d57f930f;border-color:#d57f9340}.story-list,.record-list{gap:14px;display:grid}.story-card{justify-content:space-between;gap:30px;padding:28px;display:flex}.story-card h3{margin:10px 0 12px;font-size:24px}.story-card footer{color:#696270;white-space:nowrap;align-self:flex-end;font-family:Consolas,monospace;font-size:11px}.person-role{color:#b79cff;margin-bottom:14px;font-family:Consolas,monospace;display:block}blockquote{color:#c2bacd;background:#784fd20f;border-left:2px solid #8865d8;margin:24px 0 0;padding:16px 18px;line-height:1.8}.record-list article{grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 22px;display:grid}.record-list article>span:first-child{color:#756e7d;font-family:Consolas,monospace;font-size:12px}.record-list h3{margin:0 0 6px;font-size:16px}.error-text{color:#ef8fa3;text-align:right}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{text-align:center;grid-template-columns:1fr;gap:4px}.sidebar-footer{display:none}}@media (width<=700px){.topbar{padding:0 20px}.topbar span:last-child{display:none}.page-content{padding:34px 20px 56px}.terminal-grid,.file-grid,.people-grid{grid-template-columns:1fr}.hero-card,.story-card{flex-direction:column}.hero-status{align-items:flex-start}.story-card footer{align-self:flex-start}.page-title>span{display:none}.record-list article{grid-template-columns:1fr}nav{grid-template-columns:1fr 1fr}}.detail-button{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.detail-button:hover{background:linear-gradient(100deg,#7e52da1a,#0000 65%),#0f0e15eb;border-color:#a77eff5c;transform:translateY(-2px)}.detail-button footer{color:#b99cff;margin-top:22px;font-family:Consolas,monospace;font-size:12px}.archive-lead{color:#c0b8c8;margin:0 0 36px;font-size:17px;line-height:2}.detail-list{color:#b8b1bf;margin:0;padding-left:22px;line-height:2}.combat-profile-page{max-width:1180px;margin:0 auto}.profile-loading{color:#b8b1bf;text-align:center;background:#0f0e15e0;border:1px solid #a07ede33;padding:42px}.profile-error-card{background:#1f0f17cc;border:1px solid #ff708c47;margin-top:28px;padding:36px}.profile-error-card h2{color:#ff9bb0;margin-top:0}.profile-error-card p{color:#c8b9c0;line-height:1.8}.profile-hero{background:linear-gradient(120deg,#5d33a433,#0000 55%),#0e0d14f0;border:1px solid #a77eff47;grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);align-items:center;gap:28px;padding:34px;display:grid}.profile-hero>img{object-fit:cover;border:1px solid #b291ff73;width:112px;height:112px}.profile-hero h1{margin:8px 0 10px;font-size:clamp(34px,5vw,62px);font-weight:500}.profile-hero p{color:#aaa2b3;margin:0}.profile-session-state{color:#a89db2;text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.profile-session-state>span{color:#8f70cf;letter-spacing:.16em;font-family:Consolas,monospace;font-size:11px}.profile-session-state>strong{color:#7ef0bd;letter-spacing:.08em;font-family:Consolas,monospace}.profile-session-state>small{max-width:240px;line-height:1.6}.profile-expiry{color:#82798c;text-align:right;margin:14px 0 28px;font-family:Consolas,monospace;font-size:12px}.profile-expiry strong{color:#a894c6;margin-left:8px}.profile-data-grid{border-top:1px solid #a07ede29;border-left:1px solid #a07ede29;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-data-cell{background:#0d0c12db;border-bottom:1px solid #a07ede29;border-right:1px solid #a07ede29;min-height:92px;padding:20px}.profile-data-cell span{color:#81778c;letter-spacing:.12em;margin-bottom:12px;font-family:Consolas,monospace;font-size:11px;display:block}.profile-data-cell strong{color:#e9e4ee;font-size:20px;font-weight:500}.profile-sync-card{background:#522e8c1f;border-left:2px solid #8155d4;justify-content:space-between;gap:24px;margin-top:18px;padding:22px 24px;display:flex}.profile-sync-card span{color:#8f77bd;letter-spacing:.14em;font-family:Consolas,monospace;font-size:11px}.profile-sync-card strong{color:#c9b7ee;text-align:right}.profile-section{margin-top:52px}.profile-section-title{margin-bottom:22px}.profile-section-title.split{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.profile-section-title h2{margin:4px 0 0;font-size:30px;font-weight:500}.profile-section-title>strong{color:#a98ae3;font-family:Consolas,monospace;font-size:20px}.profile-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-equipment-card{background:linear-gradient(130deg,#6036a324,#0000 65%),#0e0d14e6;border:1px solid #a07ede33;min-height:128px;padding:26px;position:relative}.profile-equipment-card>span{color:#7f6aab;letter-spacing:.15em;font-family:Consolas,monospace;font-size:11px}.profile-equipment-card h3{margin:22px 56px 0 0;font-size:20px;font-weight:500}.profile-equipment-card>strong{color:#7ef0bd;font-family:Consolas,monospace;font-size:22px;position:absolute;top:24px;right:24px}.achievement-web-list{gap:12px;display:grid}.achievement-web-list article{background:#0e0d14e0;border:1px solid #a07ede29;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.achievement-web-list article span{color:#806da7;letter-spacing:.12em;text-transform:uppercase;font-family:Consolas,monospace;font-size:10px}.achievement-web-list article h3{margin:7px 0;font-size:18px}.achievement-web-list article p{color:#8f8797;margin:0;line-height:1.6}.achievement-web-list article>strong{color:#7ef0bd;flex:none;font-family:Consolas,monospace;font-size:12px}.title-web-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.title-web-grid article{background:#0e0d14e0;border:1px solid #a07ede29;padding:24px}.title-web-grid article.equipped{background:linear-gradient(120deg,#378d6a29,#0000 65%),#0e0d14e6;border-color:#7ef0bd5c}.title-web-grid article>span{color:#7f6ba9;letter-spacing:.14em;font-family:Consolas,monospace;font-size:10px}.title-web-grid article.equipped>span{color:#7ef0bd}.title-web-grid article h3{margin:14px 0 8px;font-size:20px}.title-web-grid article p{color:#8f8797;margin:0;line-height:1.7}.profile-empty{color:#7e7585;text-align:center;border:1px dashed #a07ede2e;padding:28px}@media (width<=900px){.profile-hero{grid-template-columns:auto 1fr}.profile-session-state{text-align:left;grid-column:1/-1;align-items:flex-start}.profile-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.profile-hero{grid-template-columns:1fr;padding:24px}.profile-hero>img{width:86px;height:86px}.profile-data-grid,.profile-equipment-grid,.title-web-grid{grid-template-columns:1fr}.profile-sync-card,.achievement-web-list article{flex-direction:column;align-items:flex-start}.profile-sync-card strong{text-align:left}.profile-section-title.split{flex-direction:column;align-items:flex-start}}.story-button{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.story-button:hover{background:linear-gradient(100deg,#7e52da1a,#0000 65%),#0f0e15eb;border-color:#a77eff5c;transform:translateY(-2px)}.story-button footer{justify-items:end;gap:10px;display:grid}.story-button footer strong{color:#b99cff;font-family:Consolas,monospace;font-size:12px;font-weight:500}.back-button{color:#bba1ff;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:#8157dc0f;border:1px solid #ab8aff38;justify-content:center;align-items:center;width:auto;max-width:100%;margin-bottom:clamp(20px,3vw,30px);padding:10px 15px;font-size:clamp(14px,1.25vw,16px);line-height:1.45;display:inline-flex}.back-button:hover{background:#8157dc1f}.reader-header{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(18px,3vw,32px);padding-bottom:32px;display:grid}.reader-header>div{min-width:0}.reader-header .eyebrow,.reader-header .file-code{overflow-wrap:anywhere}.reader-header .file-code{margin-top:12px;display:block}.reader-header h1{letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance;max-width:100%;margin:14px 0 0;font-size:clamp(32px,4.3vw,58px);font-weight:500;line-height:1.18}.reader-status{color:#7ce9b3;white-space:nowrap;background:#76e8ae0f;border:1px solid #76e8ae40;flex:none;justify-self:end;padding:8px 12px;font-family:Consolas,monospace;font-size:11px;line-height:1.35}.story-information{background:#0f0e15c7;border:1px solid #ffffff0f;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0;display:grid}.story-information div{border-right:1px solid #ffffff0f;min-width:0;padding:18px 20px}.story-information div:last-child{border-right:0}.story-information span,.story-information strong{min-width:0;display:block}.story-information span{color:#716b79;margin-bottom:8px;font-size:12px;line-height:1.45}.story-information strong{color:#b3acba;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(13px,1.25vw,15px);font-weight:500;line-height:1.65}.story-content{background:linear-gradient(#6f49be0b,#0000 20%),#0d0c12e6;border:1px solid #fff1;width:min(860px,100%);margin:40px auto 0;padding:46px clamp(24px,6vw,72px);overflow:hidden}.story-chapter{min-width:0;margin-bottom:68px}.story-chapter h2{color:#b99cff;letter-spacing:.08em;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid #a981ff29;margin:0 0 30px;padding-bottom:13px;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.55}.story-chapter p,.archive-lead{color:#b8b1bf;letter-spacing:.025em;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:clamp(15px,1.4vw,17px);line-height:2.05}.story-chapter p{margin:0 0 18px}.archive-lead{margin:0 0 36px}.story-end{color:#554f5c;letter-spacing:.18em;text-align:center;overflow-wrap:anywhere;border-top:1px solid #ffffff0f;padding-top:30px;font-family:Consolas,monospace;font-size:11px;line-height:1.6}@media (width<=900px){.reader-header h1{font-size:clamp(30px,6vw,48px)}.story-information{grid-template-columns:repeat(2,minmax(0,1fr))}.story-information div:nth-child(2){border-right:0}.story-information div:nth-child(n+3){border-top:1px solid #ffffff0f}}@media (width<=700px){.reader-header{grid-template-columns:1fr}.reader-status{justify-self:start}.story-information{grid-template-columns:1fr}.story-information div{border-bottom:1px solid #ffffff0f;border-right:0}.story-information div:nth-child(n+3){border-top:0}.story-information div:last-child{border-bottom:0}.story-content{margin-top:28px;padding:30px 22px}.story-button footer{justify-items:start}}@media (width<=460px){.reader-header h1{letter-spacing:.01em;font-size:clamp(27px,8.5vw,38px);line-height:1.22}.back-button{width:100%}.story-content{padding:24px 18px}.story-chapter{margin-bottom:52px}.story-chapter h2{margin-bottom:22px}}.inventory-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-category-card{background:linear-gradient(130deg,#6036a31f,#0000 65%),#0e0d14e6;border:1px solid #a07ede2e;min-width:0;padding:24px}.inventory-category-card>header{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:20px;padding-bottom:16px;display:flex}.inventory-category-card>header span{color:#8e74c5;letter-spacing:.14em;font-family:Consolas,monospace;font-size:11px}.inventory-category-card>header strong{color:#c7b8e6;font-size:13px;font-weight:500}.inventory-item-list{margin-top:12px;display:grid}.inventory-item-list>div{border-bottom:1px solid #ffffff0b;justify-content:space-between;gap:18px;padding:13px 0;display:flex}.inventory-item-list>div:last-child{border-bottom:0}.inventory-item-list>div span{color:#b9b1c0;overflow-wrap:anywhere;min-width:0}.inventory-item-list>div strong{color:#7ef0bd;flex:none;font-family:Consolas,monospace;font-size:13px}.audio-runtime-panel{border-top:1px solid #a07ede26;gap:16px;margin-top:22px;padding-top:20px;display:grid}.audio-runtime-head,.audio-queue-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.audio-runtime-head>div{gap:5px;display:grid}.audio-runtime-head span,.audio-queue-head span{color:#836cae;letter-spacing:.13em;font-family:Consolas,monospace;font-size:10px}.audio-runtime-head strong,.audio-queue-head strong{color:#7ef0bd;font-family:Consolas,monospace;font-size:12px}.audio-runtime-head>small{color:#8d8497;font-family:Consolas,monospace;font-size:11px}.audio-current-song{background:#633da41a;border-left:2px solid #8155d4;gap:7px;padding:15px;display:grid}.audio-current-song>span{color:#7f6aab;letter-spacing:.12em;font-family:Consolas,monospace;font-size:10px}.audio-current-song>strong{color:#ddd6e5;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.audio-current-song>small{color:#8c8494}.audio-queue-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.audio-queue-list li{border-bottom:1px solid #ffffff0d;gap:6px;padding:12px 0;display:grid}.audio-queue-list li>div{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.audio-queue-list li>div span{color:#6f5b98;font-family:Consolas,monospace;font-size:11px}.audio-queue-list li>div strong{color:#bcb4c4;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.audio-queue-list li>small{color:#746d7c;overflow-wrap:anywhere;padding-left:32px;font-size:11px}.audio-queue-empty,.audio-queue-more{color:#766e7e;margin:0;font-size:12px;line-height:1.6}.audio-queue-more{text-align:right;display:block}@media (width<=700px){.inventory-category-grid{grid-template-columns:1fr}}a{color:inherit}.discord-entry{background:linear-gradient(100deg,#7e52da1f,#0000 72%),#110f19d6;border:1px solid #a986ff3d;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:0;min-height:64px;margin-top:18px;padding:10px 14px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:grid}.discord-entry:hover{background:linear-gradient(100deg,#7e52da33,#0000 72%),#14111ff0;border-color:#b99cff7a;transform:translateY(-2px)}.discord-entry>span{color:#ae91ff;font-family:Consolas,monospace;font-size:12px}.discord-entry strong,.discord-entry small{display:block}.discord-entry strong{color:#f1edff;letter-spacing:.06em;font-weight:600}.discord-entry small{color:#806ca8;letter-spacing:.12em;margin-top:5px;font-family:Consolas,monospace;font-size:9px}.hero-copy{flex:auto;min-width:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.primary-link-button{background:linear-gradient(110deg,#804fe447,#5c36a51f);border:1px solid #b594ff6b;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:11px 18px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:inline-flex}.primary-link-button:hover{background:linear-gradient(110deg,#915bf461,#673cb92e);border-color:#cdb8ffb3;transform:translateY(-2px);box-shadow:0 0 24px #875be229}.primary-link-button>span{color:#f2edff;letter-spacing:.08em;font-size:14px;font-weight:600}.primary-link-button>small{color:#a58bdc;letter-spacing:.13em;font-family:Consolas,monospace;font-size:9px}.hero-card .hero-action-note{color:#766f80;margin:0;font-size:11px;line-height:1.6}@media (width<=900px){.discord-entry{margin-top:12px}}@media (width<=700px){.hero-actions{flex-direction:column;align-items:stretch}.primary-link-button,.hero-card .hero-action-note{width:100%}}