:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#151515;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#151515;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.topbar{z-index:10;background:#151515;border-bottom:1px solid #3b3122;justify-content:center;align-items:center;padding:32px 28px 18px;display:flex;position:sticky;top:0}.topbar-nav{justify-content:center;align-items:center;margin-top:4px;display:flex;position:relative}.topbar-nav-item{width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.topbar-nav-item:hover{box-shadow:inset 0 0 0 2px #ffffffb8}.topbar-nav-item:after{content:"";opacity:0;pointer-events:none;background:#fff;width:98px;height:6px;transition:opacity .18s,transform .18s,box-shadow .18s;position:absolute;bottom:-19px;left:50%;transform:translate(-50%)scaleY(.7)}.topbar-nav-orbit{opacity:0;pointer-events:none;border-radius:999px;transition:opacity .18s,transform .18s;position:absolute;inset:-7.5px;transform:scale(.94)}.topbar-nav-orbit:before,.topbar-nav-orbit:after{content:"";pointer-events:none;position:absolute;inset:0}.topbar-nav-orbit:before{background:repeating-conic-gradient(#ffffffe0 0deg 2.5deg,#0000 2.5deg 8deg);border-radius:999px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.25px),#000 calc(100% - 1.25px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.25px),#000 calc(100% - 1.25px))}.topbar-nav-orbit:after{background:radial-gradient(circle,#fffffff5 0 1.5px,#0000 3.2px) top/8px 8px no-repeat,radial-gradient(circle,#fffffff5 0 1.5px,#0000 3.2px) bottom/8px 8px no-repeat;inset:-3px}.topbar-nav-item.is-active{background:#fff;box-shadow:inset 0 0 0 2px #fff}.topbar-nav-item.is-active .topbar-nav-orbit,.topbar-nav-item.is-active:after{opacity:1}.topbar-nav-item.is-active .topbar-nav-orbit{animation:14.4s linear infinite topbar-orbit-spin;transform:scale(1)}.topbar-nav-item.is-active:after{transform:translate(-50%)scaleY(1)}.topbar-nav-item:focus-visible{outline-offset:4px;outline:2px solid #ffffffeb}.topbar-nav-icon{object-fit:contain;pointer-events:none;width:70.71%;height:70.71%;display:block}.topbar-nav-item.is-active .topbar-nav-icon{filter:invert()}@keyframes topbar-orbit-spin{0%{transform:scale(1)rotate(0)}to{transform:scale(1)rotate(360deg)}}@media (width<=720px){.topbar{padding-left:18px;padding-right:18px}.topbar-nav-item{width:58px;height:58px}.topbar-nav-icon{width:70.71%;height:70.71%}}.sidebar{border-radius:24px;flex-direction:column;gap:10px;width:100%;height:calc(100vh - 116px);max-height:calc(100vh - 116px);padding:16px;display:flex;overflow:hidden}.sidebar-header{background:#ffffff0f;align-self:stretch;width:95%;margin-left:5%;padding:2px 20px;position:relative}.sidebar-header:before,.sidebar-header:after{content:"";background:#5a513f;width:3px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-header:before{left:8px}.sidebar-header:after{right:8px}.sidebar-header strong{color:#ece7dd94;letter-spacing:.02em;padding:0 16px;font-size:.92rem;font-weight:500;display:block}.sidebar-list{scrollbar-width:thin;scrollbar-color:#ffffffc7 #ffffff1a;flex-direction:column;flex:1;gap:10px;min-height:0;padding-left:24px;padding-right:6px;display:flex;overflow-y:auto}.sidebar-list::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:0}.sidebar-list::-webkit-scrollbar-thumb{background:#ffffffc7;border-radius:0}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#ffffffeb}.sidebar-list::-webkit-scrollbar-button{-webkit-appearance:none;background:0 0;width:0;height:0;display:none}.sidebar-list::-webkit-scrollbar-button:single-button{-webkit-appearance:none;background:0 0;width:0;height:0;display:none}.sidebar-list::-webkit-scrollbar-button:start:decrement{-webkit-appearance:none;background:0 0;width:0;height:0;display:none}.sidebar-list::-webkit-scrollbar-button:end:increment{-webkit-appearance:none;background:0 0;width:0;height:0;display:none}.sidebar-list::-webkit-scrollbar-corner{background:0 0}.sidebar-item{z-index:0;isolation:isolate;color:#eef3fb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;width:100%;min-height:56px;padding:14px 16px 14px 22px;transition:border-color .16s;display:flex;position:relative;box-shadow:inset 0 -2px #ffffff1f}.sidebar-item:before{content:"";z-index:3;background:#daeb4c;width:6px;position:absolute;top:0;bottom:0;left:0}.sidebar-item:after{content:"";pointer-events:none;z-index:4;border:2px solid #0000;position:absolute;inset:0}.sidebar-item-fill{transform-origin:0;z-index:1;background:#ffffff8f;transition:transform .36s;position:absolute;inset:0;transform:scaleX(0)}.sidebar-item-label{z-index:2;position:relative}.sidebar-item-arrow{object-fit:contain;opacity:0;z-index:2;pointer-events:none;width:234px;height:234px;transition:opacity .18s,transform .18s;position:absolute;top:92%;left:-132px;transform:translate(-2px,-50%)}.sidebar-item:hover{background:#ffffff1f}.sidebar-item.is-active{z-index:2;color:#111}.sidebar-item.is-active .sidebar-item-arrow{opacity:1;animation:1s ease-in-out infinite sidebar-arrow-sway;transform:translateY(-50%)}.sidebar-item.is-active .sidebar-item-fill{transform-origin:0;transform:scaleX(1)}.sidebar-item.is-active:after{border-color:#fffffff5}.sidebar-item.is-active:before{top:2px;bottom:2px;left:2px}.sidebar-item:focus-visible{outline-offset:3px;outline:2px solid #8fd5ff}@media (width<=720px){.sidebar{height:auto;max-height:none}}@keyframes sidebar-arrow-sway{0%,to{transform:translate(-2px,-50%)}50%{transform:translate(2px,-50%)}}.occurrence-flow{flex-direction:column;gap:0;height:100%;min-height:0;display:flex}.occurrence-flow-header{display:none}.occurrence-flowchart{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:24px;position:relative;overflow:auto}.occurrence-flowchart::-webkit-scrollbar{width:0;height:0;display:none}.occurrence-flowchart.is-dragging{cursor:grabbing}.occurrence-flowchart.is-dragging,.occurrence-flowchart.is-dragging *{-webkit-user-select:none;user-select:none}.occurrence-flowchart-rows{z-index:2;flex-direction:column;align-items:center;gap:72px;min-width:max-content;min-height:max-content;display:flex;position:relative}.flow-row{justify-content:center;gap:28px;width:100%;display:flex}.occurrence-flowchart-lines{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.occurrence-flowchart-lines path{fill:none;stroke:#b59e7c;stroke-width:3px;stroke-linecap:round}.occurrence-flowchart-lines path.is-cycle,.occurrence-flowchart-lines path.is-loop{stroke:#b59e7c;stroke-dasharray:10 8}.flow-node{z-index:2;background:#0000007a;border:2px solid #252527;width:320px;padding:16px 18px;position:relative}.flow-node-body{flex-direction:column;gap:12px;padding:0;display:flex}.flow-entry{flex-direction:column;gap:8px;padding:14px 0;display:flex}.flow-entry-role{color:#111;background:#b59e7c;align-self:flex-start;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.flow-entry p{color:#eaf0f9d6;white-space:pre-wrap;margin:0;line-height:1.75}@media (width<=720px){.occurrence-flowchart{padding:18px}.occurrence-flowchart-rows{gap:44px}.flow-row{gap:20px}.flow-node{width:280px}}.event-viewer{min-width:0;min-height:calc(100vh - 160px)}.event-stage{--stage-padding:28px;--focus-media-height:min(68vh, 666px);--detail-media-width:243px;--detail-media-height:320px;--detail-media-active-height:min(var(--detail-media-height), calc(100% - (var(--stage-padding) * 2)));--detail-gap:28px;--image-ratio:506 / 666;min-height:calc(100vh - 160px);padding:var(--stage-padding);position:relative;overflow:hidden}.event-stage-welcome{place-items:center;display:grid}.event-welcome{justify-items:start;gap:12px;max-width:780px;display:grid}.event-welcome-kicker{color:#9b7e4ec7;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.88rem}.event-welcome-title{color:#f5f5f5f0;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.08}.event-welcome-copy{color:#f5f5f594;max-width:82ch;margin:0;font-size:1rem;line-height:1.8}.event-welcome-link{color:#f5f5f5ad;margin:0;font-weight:600;text-decoration:none}.event-welcome-link:hover{color:#f5f5f5f0;text-decoration:underline}.event-welcome-copyright{color:#f5f5f5c7;justify-items:start}.event-layer{padding:var(--stage-padding);position:absolute;inset:0}.event-layer-static{z-index:0;display:block}.event-layer-static.is-hidden-during-transition{opacity:0;visibility:hidden;pointer-events:none}.event-layer-welcome{z-index:2;opacity:1;place-items:center;transition:opacity .22s ease-out,filter .22s ease-out;display:grid}.event-layer-welcome .event-welcome{transition:opacity .24s ease-out,transform .26s ease-out}.event-layer-welcome.phase-animate,.event-layer-welcome.phase-hold,.event-layer-welcome.phase-detail{opacity:0;filter:blur(1px);pointer-events:none}.event-layer-welcome.phase-animate .event-welcome,.event-layer-welcome.phase-hold .event-welcome,.event-layer-welcome.phase-detail .event-welcome{opacity:0;transform:translateY(-12px)}.event-card{width:100%;height:100%;position:relative}.event-figure{border-radius:0;place-items:center;margin:0;transition:top .46s cubic-bezier(.2,.9,.2,1),left .46s cubic-bezier(.2,.9,.2,1),height .46s cubic-bezier(.2,.9,.2,1),transform .46s cubic-bezier(.2,.9,.2,1);display:grid;overflow:hidden}.event-figure img{object-fit:contain;object-position:center center;width:100%;height:100%;display:block}.event-card.mode-focus .event-figure{height:min(var(--focus-media-height), calc(100% - (var(--stage-padding) * 2)));aspect-ratio:var(--image-ratio);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-card.mode-detail .event-figure{width:var(--detail-media-width);height:var(--detail-media-active-height);aspect-ratio:var(--image-ratio);position:absolute;top:0;left:0;transform:translate(0)}.event-title{width:var(--detail-media-width);opacity:0;pointer-events:none;min-height:42px;margin:0;transition:opacity .26s,transform .32s;position:absolute;bottom:12%;left:0;transform:translateY(10px)}.event-title-icon{object-fit:contain;z-index:1;width:400%;height:400%;position:absolute;bottom:0;left:-462px}.event-title-text{color:#9b7e4e;z-index:2;margin:0;font-size:1.6rem;font-weight:600;line-height:1;position:absolute;bottom:80%;left:74px}.event-card.mode-detail .event-title{opacity:1;transform:translateY(0)}.event-detail-panel{top:0;left:calc(var(--detail-media-width) + var(--detail-gap));padding-left:var(--detail-gap);opacity:0;pointer-events:none;box-sizing:border-box;border-left:1px solid #ffffff29;transition:opacity .32s,transform .36s;position:absolute;bottom:0;right:0;overflow:hidden;transform:translateY(18px)}.event-card.mode-detail .event-detail-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.event-layer-out{z-index:2;opacity:1;transition:opacity .18s ease-out}.event-layer-out.phase-animate,.event-layer-out.phase-hold,.event-layer-out.phase-detail{opacity:0;pointer-events:none}.event-layer-in{z-index:3}.event-card.mode-focus.tone-incoming.direction-from-bottom .event-figure{transform:translate(-50%,135%)}.event-card.mode-focus.tone-incoming.direction-from-top .event-figure{transform:translate(-50%,-235%)}.event-card.mode-focus.tone-incoming .event-figure{transition:transform .52s cubic-bezier(.16,.84,.24,1)}.event-layer-in.phase-animate .event-card.mode-focus.tone-incoming .event-figure,.event-layer-in.phase-hold .event-card.mode-focus.tone-incoming .event-figure{transform:translate(-50%,-50%)}@media (width<=1100px){.event-stage{--detail-media-width:213px;--detail-media-height:280px;--detail-gap:22px}}@media (width<=960px){.event-viewer,.event-stage{min-height:520px}}@media (width<=720px){.event-stage,.event-layer{--stage-padding:20px;--detail-gap:18px}.event-stage{min-height:720px}.event-card.mode-detail .event-figure{width:213px;height:var(--detail-media-active-height)}.event-stage{--detail-media-active-height:min(var(--detail-media-height), 42vh)}.event-title{top:calc(var(--detail-media-active-height) - 4px)}.event-detail-panel{top:calc(var(--detail-media-active-height) + 56px + var(--detail-gap));padding-left:0;padding-top:var(--detail-gap);border-top:1px solid #ffffff29;border-left:0;left:0;right:0}}.app-shell{color:#eef3fb;background:#151515;min-height:100vh}.app-content{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;padding:24px 28px 28px 44px;display:grid}@media (width<=960px){.app-content{grid-template-columns:1fr}}@media (width<=720px){.app-content{padding-left:18px;padding-right:18px}}.app-bottom{background:#151515;border-top:1px solid #2c2c2c;justify-content:center;align-items:center;padding:12px 0;display:flex}.app-bottom-left{color:#999;margin-left:24px;margin-right:auto;font-size:16px}.app-bottom-center{color:#999;margin:0 auto;font-size:16px}.app-bottom-right{color:#999;margin-left:auto;margin-right:24px;font-size:16px}.app-bottom-link{color:#999;border-radius:12px;padding:4px 12px;text-decoration:none;transition:all .3s}.app-bottom-link:hover{background-color:#ffffff1a}