.qms-page-transition {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #f5f8ef;
    background: #10191b;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility 0s linear .28s;
}
.qms-page-transition.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}
.qms-page-transition::before {
    position: absolute;
    inset: 28px;
    border: 1px solid rgba(209,230,91,.17);
    content: '';
}
.qms-page-transition::after {
    position: absolute;
    top: 50%;
    left: 8%;
    width: 84%;
    height: 1px;
    background: rgba(209,230,91,.24);
    box-shadow: 0 0 22px rgba(209,230,91,.2);
    content: '';
    transform: scaleX(0);
    transform-origin: left;
}
.qms-page-transition.is-active::after {
    animation: qms-transition-line .78s cubic-bezier(.2,.7,.2,1) both;
}
.qms-transition-grid {
    position: absolute;
    inset: 0;
    opacity: .28;
    background-image: linear-gradient(rgba(209,230,91,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(209,230,91,.07) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 76%, transparent);
    transform: translateY(24px);
}
.qms-page-transition.is-active .qms-transition-grid {
    animation: qms-transition-grid .8s ease-out both;
}
.qms-transition-scan {
    position: absolute;
    top: -15%;
    bottom: -15%;
    left: 18%;
    width: 1px;
    background: #ed875b;
    box-shadow: 0 0 22px rgba(237,135,91,.72);
    opacity: .7;
    transform: translateY(-100%);
}
.qms-page-transition.is-active .qms-transition-scan {
    animation: qms-transition-scan .74s cubic-bezier(.2,.65,.25,1) both;
}
.qms-transition-stage {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    width: min(520px, calc(100vw - 48px));
    gap: 19px;
    text-align: center;
}
.qms-transition-mark {
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    border: 1px solid rgba(209,230,91,.58);
    border-radius: 50%;
    color: #10191b;
    background: #d1e65b;
    box-shadow: 0 0 0 8px rgba(209,230,91,.08), 0 0 40px rgba(209,230,91,.22);
    font-size: 28px;
    font-weight: 900;
    transform: scale(.72);
}
.qms-transition-mark img {
    width: 62px;
    height: 62px;
    object-fit: contain;
    border-radius: 15px;
}
.qms-transition-leave .qms-transition-mark {
    width: 66px;
    height: 66px;
}
.qms-transition-leave .qms-transition-mark img {
    width: 42px;
    height: 42px;
    border-radius: 10px;
}
.qms-page-transition.is-active .qms-transition-mark {
    animation: qms-transition-mark .72s cubic-bezier(.16,.72,.25,1) both;
}
.qms-transition-kicker {
    color: #d1e65b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}
.qms-transition-title {
    margin: 0;
    color: #f5f8ef;
    font-size: clamp(25px, 4vw, 38px);
    font-weight: 800;
    letter-spacing: -.04em;
}
.qms-transition-caption {
    margin: -8px 0 0;
    color: rgba(245,248,239,.56);
    font-size: 13px;
}
.qms-transition-status {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(245,248,239,.38);
    font-size: 10px;
    font-weight: 800;
}
.qms-transition-status i {
    width: 20px;
    height: 1px;
    background: rgba(245,248,239,.2);
}
.qms-transition-status span:first-child { color: #d1e65b; }
.qms-transition-meter {
    width: min(360px, 76vw);
    height: 3px;
    overflow: hidden;
    background: rgba(245,248,239,.12);
}
.qms-transition-meter i {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ed875b, #d1e65b);
    box-shadow: 0 0 15px #d1e65b;
    transform: translateX(-100%);
}
.qms-page-transition.is-active .qms-transition-meter i {
    animation: qms-transition-meter .72s cubic-bezier(.2,.6,.2,1) both;
}
.qms-transition-leave .qms-transition-mark { background: #ed875b; border-color: #ed875b; box-shadow: 0 0 0 8px rgba(237,135,91,.08), 0 0 40px rgba(237,135,91,.22); }
.qms-transition-leave .qms-transition-kicker { color: #ed875b; }
.qms-transition-leave .qms-transition-status span:first-child { color: #ed875b; }
@keyframes qms-transition-line { 0% { opacity: 0; transform: scaleX(0); } 18% { opacity: 1; } 100% { opacity: 1; transform: scaleX(1); } }
@keyframes qms-transition-grid { to { opacity: .28; transform: translateY(0); } }
@keyframes qms-transition-scan { to { transform: translateY(100%); } }
@keyframes qms-transition-mark { 0% { opacity: 0; transform: scale(.72) rotate(-18deg); } 70% { opacity: 1; transform: scale(1.04) rotate(4deg); } 100% { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes qms-transition-meter { to { transform: translateX(0); } }
@media (max-width: 600px) {
    .qms-page-transition::before { inset: 17px; }
    .qms-transition-status { gap: 6px; font-size: 9px; }
    .qms-transition-status i { width: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .qms-page-transition, .qms-page-transition::after, .qms-transition-grid, .qms-transition-scan, .qms-transition-mark, .qms-transition-meter i { animation: none !important; transition-duration: .01ms !important; }
}

.qms-entry-journey {
    position: fixed;
    inset: 0;
    z-index: 11900;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #f5f8ef;
    background: #10191b;
    opacity: 1;
    visibility: visible;
    transition: opacity .65s ease, visibility 0s linear .65s;
}
.qms-entry-journey.is-done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.qms-entry-journey::before {
    position: absolute;
    inset: 28px;
    border: 1px solid rgba(209,230,91,.16);
    content: '';
}
.qms-entry-grid {
    position: absolute;
    inset: 0;
    opacity: .28;
    background-image: linear-gradient(rgba(209,230,91,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(209,230,91,.07) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
    animation: qms-entry-grid-in .9s ease-out both;
}
.qms-entry-scan {
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: 17%;
    width: 1px;
    background: #ed875b;
    box-shadow: 0 0 22px rgba(237,135,91,.72);
    opacity: .7;
    animation: qms-entry-scan 3.7s cubic-bezier(.2,.65,.25,1) both;
}
.qms-entry-topline {
    position: absolute;
    top: 35px;
    right: 48px;
    left: 48px;
    display: flex;
    justify-content: space-between;
    color: rgba(245,248,239,.42);
    font-size: 10px;
    font-weight: 800;
}
.qms-entry-topline span:last-child { color: #d1e65b; }
.qms-entry-stage {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    width: min(980px, calc(100vw - 48px));
    gap: 20px;
    text-align: center;
}
.qms-entry-logo {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(209,230,91,.52);
    border-radius: 16px;
    color: #10191b;
    background: #d1e65b;
    box-shadow: 0 0 0 8px rgba(209,230,91,.07), 0 0 30px rgba(209,230,91,.17);
    font-size: 24px;
    font-weight: 900;
    animation: qms-entry-logo-in .8s cubic-bezier(.16,.72,.25,1) both;
}
.qms-entry-logo img { width: 44px; height: 44px; object-fit: contain; border-radius: 9px; }
.qms-entry-kicker {
    color: #d1e65b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}
.qms-entry-title {
    margin: 0;
    color: #f5f8ef;
    font-size: clamp(26px, 4vw, 44px);
    font-weight: 800;
    letter-spacing: -.04em;
}
.qms-entry-address {
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(660px, 88vw);
    padding: 13px 16px;
    border: 1px solid rgba(209,230,91,.25);
    background: rgba(245,248,239,.04);
    color: rgba(245,248,239,.68);
    font: 13px ui-monospace, SFMono-Regular, Consolas, monospace;
    text-align: left;
}
.qms-entry-address span { color: #ed875b; font-weight: 900; }
.qms-entry-address strong { overflow: hidden; color: #f5f8ef; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.qms-entry-route {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: min(900px, 92vw);
    margin-top: 18px;
}
.qms-entry-route::before {
    position: absolute;
    top: 13px;
    right: 10%;
    left: 10%;
    height: 1px;
    background: rgba(245,248,239,.16);
    content: '';
}
.qms-entry-node {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 11px;
    color: rgba(245,248,239,.34);
    font-size: 11px;
    font-weight: 800;
}
.qms-entry-node i {
    position: relative;
    z-index: 1;
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(245,248,239,.28);
    border-radius: 50%;
    background: #10191b;
    box-shadow: 0 0 0 5px #10191b;
    transition: border-color .24s ease, background .24s ease, box-shadow .24s ease;
}
.qms-entry-node b { font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; color: rgba(245,248,239,.24); }
.qms-entry-node.is-active { color: #d1e65b; }
.qms-entry-node.is-active i { border-color: #d1e65b; background: #d1e65b; box-shadow: 0 0 0 5px #10191b, 0 0 18px rgba(209,230,91,.68); }
.qms-entry-node.is-active b { color: #d1e65b; }
.qms-entry-current { display: flex; align-items: center; gap: 12px; color: rgba(245,248,239,.56); font-size: 12px; }
.qms-entry-current b { color: #ed875b; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; }
.qms-entry-meter { width: min(420px, 78vw); height: 3px; overflow: hidden; background: rgba(245,248,239,.12); }
.qms-entry-meter i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #ed875b, #d1e65b); box-shadow: 0 0 15px #d1e65b; transform: translateX(-100%); animation: qms-entry-meter 3.65s cubic-bezier(.2,.6,.2,1) both; }
@keyframes qms-entry-grid-in { from { opacity: 0; transform: translateY(30px); } to { opacity: .28; transform: translateY(0); } }
@keyframes qms-entry-scan { from { transform: translateY(-100%); } to { transform: translateY(100%); } }
@keyframes qms-entry-logo-in { from { opacity: 0; transform: scale(.72) rotate(-12deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes qms-entry-meter { to { transform: translateX(0); } }
@media (max-width: 600px) {
    .qms-entry-journey::before { inset: 17px; }
    .qms-entry-topline { top: 23px; right: 24px; left: 24px; font-size: 9px; }
    .qms-entry-stage { width: calc(100vw - 32px); gap: 15px; }
    .qms-entry-address { width: calc(100vw - 48px); font-size: 11px; }
    .qms-entry-route { width: calc(100vw - 30px); }
    .qms-entry-node { gap: 8px; font-size: 9px; }
    .qms-entry-node i { width: 20px; height: 20px; }
    .qms-entry-node b { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .qms-entry-grid, .qms-entry-scan, .qms-entry-logo, .qms-entry-meter i { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

.qms-entry-journey { perspective: 1200px; }
.qms-entry-stage { width: min(1180px, calc(100vw - 48px)); gap: 16px; }
.qms-entry-title { font-size: clamp(25px, 3.5vw, 42px); }
.qms-entry-browser {
    width: min(1120px, 94vw);
    overflow: hidden;
    border: 1px solid rgba(209,230,91,.38);
    background: rgba(5, 14, 22, .96);
    box-shadow: 0 28px 90px rgba(0,0,0,.34), 0 0 44px rgba(209,230,91,.08);
    transform: rotateX(2deg) translateY(8px);
    animation: qms-browser-in .9s cubic-bezier(.16,.72,.25,1) both;
}
.qms-browser-head { display: flex; align-items: center; gap: 17px; height: 52px; padding: 0 19px; border-bottom: 1px solid rgba(245,248,239,.12); background: rgba(245,248,239,.035); }
.qms-browser-dots { display: flex; gap: 7px; flex: 0 0 auto; }
.qms-browser-dots i { width: 9px; height: 9px; border-radius: 50%; background: #ed875b; }
.qms-browser-dots i:nth-child(2) { background: #d1b657; }
.qms-browser-dots i:nth-child(3) { background: #d1e65b; }
.qms-browser-address { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; height: 30px; padding: 0 11px; border: 1px solid rgba(245,248,239,.14); background: rgba(5,14,22,.72); font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; text-align: left; }
.qms-browser-address span { color: #d1e65b; font-size: 9px; font-weight: 900; }
.qms-browser-address strong { overflow: hidden; color: rgba(245,248,239,.76); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.qms-browser-address b { margin-left: auto; color: #ed875b; font-weight: 400; }
.qms-browser-menu { color: rgba(245,248,239,.38); letter-spacing: 3px; }
.qms-browser-body { display: grid; grid-template-columns: 120px minmax(0, 1fr) 120px; align-items: center; min-height: 218px; padding: 30px 42px; }
.qms-browser-agent { display: grid; justify-items: center; gap: 8px; color: #f5f8ef; font-size: 13px; }
.qms-browser-agent small { color: rgba(245,248,239,.36); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; }
.qms-agent-mark, .qms-server-stack { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(209,230,91,.45); border-radius: 15px; color: #10191b; background: #d1e65b; box-shadow: 0 0 24px rgba(209,230,91,.18); font-size: 22px; font-weight: 900; }
.qms-agent-mark img { width: 42px; height: 42px; object-fit: contain; border-radius: 9px; }
.qms-server-stack { position: relative; background: transparent; box-shadow: none; }
.qms-server-stack i { position: absolute; left: 14px; right: 14px; height: 8px; border: 1px solid #ed875b; background: rgba(237,135,91,.17); box-shadow: 0 0 11px rgba(237,135,91,.28); }
.qms-server-stack i:nth-child(1) { top: 14px; }.qms-server-stack i:nth-child(2) { top: 25px; }.qms-server-stack i:nth-child(3) { top: 36px; }
.qms-entry-lane { position: relative; height: 146px; }
.qms-entry-lane-line { position: absolute; top: 50%; right: 2%; left: 2%; height: 1px; background: rgba(245,248,239,.16); box-shadow: 0 0 16px rgba(209,230,91,.1); }
.qms-entry-lane-line::after { position: absolute; inset: -1px 0; background: linear-gradient(90deg, transparent, rgba(209,230,91,.7), transparent); content: ''; opacity: 0; }
.qms-entry-journey.is-running .qms-entry-lane-line::after { animation: qms-lane-pulse 1.3s ease-in-out infinite; }
.qms-entry-hop { position: absolute; top: calc(50% - 25px); display: grid; justify-items: center; gap: 6px; width: 50px; color: rgba(245,248,239,.27); font-size: 9px; font-weight: 900; transform: translateX(-50%); }
.qms-entry-hop:nth-of-type(2) { left: 4%; }.qms-entry-hop:nth-of-type(3) { left: 28%; }.qms-entry-hop:nth-of-type(4) { left: 52%; }.qms-entry-hop:nth-of-type(5) { left: 76%; }.qms-entry-hop:nth-of-type(6) { left: 96%; }
.qms-entry-hop i { display: block; width: 18px; height: 18px; border: 1px solid rgba(245,248,239,.28); border-radius: 50%; background: #10191b; box-shadow: 0 0 0 5px #10191b; }
.qms-entry-hop b { color: rgba(245,248,239,.23); font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; }
.qms-entry-hop.is-active { color: #d1e65b; }.qms-entry-hop.is-active i { border-color: #d1e65b; background: #d1e65b; box-shadow: 0 0 0 5px #10191b, 0 0 18px rgba(209,230,91,.75); }.qms-entry-hop.is-active b { color: #d1e65b; }
.qms-entry-packet { position: absolute; top: calc(50% - 6px); z-index: 2; display: grid; width: 36px; height: 13px; place-items: center; border: 1px solid rgba(209,230,91,.7); color: #d1e65b; background: #10191b; box-shadow: 0 0 14px rgba(209,230,91,.44); font: 7px ui-monospace, SFMono-Regular, Consolas, monospace; font-style: normal; opacity: 0; }
.qms-entry-journey.is-running .qms-packet-a { animation: qms-packet-a 3.7s linear infinite; }.qms-entry-journey.is-running .qms-packet-b { animation: qms-packet-b 3.7s .38s linear infinite; }.qms-entry-journey.is-running .qms-packet-c { border-color: #ed875b; color: #ed875b; animation: qms-packet-c 3.7s .76s linear infinite; }.qms-entry-journey.is-running .qms-packet-d { border-color: #8bd7ff; color: #8bd7ff; animation: qms-packet-d 3.7s 1.14s linear infinite; }
.qms-browser-console { display: flex; align-items: center; gap: 14px; min-height: 44px; padding: 0 22px; border-top: 1px solid rgba(245,248,239,.12); color: rgba(245,248,239,.62); font-size: 11px; text-align: left; }.qms-browser-console b { color: #ed875b; font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }.qms-browser-console > i { position: relative; width: 125px; height: 2px; margin-left: auto; overflow: hidden; background: rgba(245,248,239,.12); }.qms-browser-console > i em { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#ed875b,#d1e65b); box-shadow: 0 0 13px #d1e65b; transform: translateX(-100%); }.qms-entry-journey.is-running .qms-browser-console > i em { animation: qms-console-progress 4.4s cubic-bezier(.2,.6,.2,1) both; }
.qms-entry-logs { display: flex; justify-content: center; gap: 22px; width: min(960px, 94vw); color: rgba(245,248,239,.28); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }.qms-entry-logs span { transition: color .2s ease; }.qms-entry-logs span.is-active { color: #d1e65b; }
@keyframes qms-browser-in { from { opacity: 0; transform: rotateX(8deg) translateY(32px) scale(.96); } to { opacity: 1; transform: rotateX(2deg) translateY(8px) scale(1); } }
@keyframes qms-lane-pulse { 0%,100% { opacity: 0; transform: translateX(-55%); } 20%,80% { opacity: 1; transform: translateX(55%); } }
@keyframes qms-packet-a { 0%,8% { left: 3%; opacity: 0; } 14% { opacity: 1; } 35%,100% { left: 97%; opacity: 0; } }
@keyframes qms-packet-b { 0%,8% { left: 3%; opacity: 0; } 14% { opacity: 1; } 35%,100% { left: 97%; opacity: 0; } }
@keyframes qms-packet-c { 0%,8% { left: 97%; opacity: 0; } 14% { opacity: 1; } 35%,100% { left: 3%; opacity: 0; } }
@keyframes qms-packet-d { 0%,8% { left: 97%; opacity: 0; } 14% { opacity: 1; } 35%,100% { left: 3%; opacity: 0; } }
@keyframes qms-console-progress { to { transform: translateX(0); } }
@media (max-width: 600px) {
    .qms-entry-stage { width: calc(100vw - 24px); gap: 12px; }
    .qms-entry-browser { width: calc(100vw - 24px); }
    .qms-browser-head { gap: 8px; height: 44px; padding: 0 10px; }.qms-browser-address { gap: 5px; font-size: 9px; }.qms-browser-menu { display: none; }
    .qms-browser-body { grid-template-columns: 64px minmax(0,1fr) 64px; min-height: 172px; padding: 18px 10px; }.qms-browser-agent { font-size: 10px; }.qms-agent-mark, .qms-server-stack { width: 42px; height: 42px; }.qms-agent-mark img { width: 30px; height: 30px; }.qms-server-stack i { left: 9px; right: 9px; }.qms-server-stack i:nth-child(1) { top: 9px; }.qms-server-stack i:nth-child(2) { top: 17px; }.qms-server-stack i:nth-child(3) { top: 25px; }
    .qms-entry-lane { height: 116px; }.qms-entry-hop { width: 34px; font-size: 7px; }.qms-entry-hop i { width: 14px; height: 14px; }.qms-entry-hop b { font-size: 6px; }.qms-entry-packet { width: 27px; height: 11px; font-size: 6px; }.qms-browser-console { gap: 7px; min-height: 38px; padding: 0 10px; font-size: 9px; }.qms-browser-console > i { width: 65px; }.qms-entry-logs { flex-wrap: wrap; gap: 6px 12px; font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    .qms-entry-browser, .qms-entry-lane-line::after, .qms-entry-packet, .qms-browser-console > i em { animation: none !important; }
}

/* Cinematic network-trace entry scene. */
.qms-entry-journey {
    background:
        radial-gradient(circle at 50% 48%, rgba(39, 84, 76, .34), transparent 34%),
        radial-gradient(circle at 18% 82%, rgba(237, 135, 91, .12), transparent 28%),
        #071116;
}
.qms-entry-journey::before {
    inset: 22px;
    border-color: rgba(139, 215, 255, .18);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, .32), 0 0 45px rgba(209, 230, 91, .04);
}
.qms-entry-journey::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 32%, rgba(0, 0, 0, .42) 100%);
    content: '';
    pointer-events: none;
}
.qms-entry-grid {
    opacity: .22;
    background-size: 42px 42px;
    background-image: linear-gradient(rgba(139, 215, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(139, 215, 255, .07) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    animation: qms-cine-grid-drift 5s linear infinite;
}
.qms-entry-scan {
    z-index: 3;
    top: -30%;
    bottom: -30%;
    left: 8%;
    width: 2px;
    background: linear-gradient(180deg, transparent, #8bd7ff 42%, #d1e65b 52%, transparent);
    box-shadow: 0 0 26px rgba(139, 215, 255, .8), 0 0 70px rgba(209, 230, 91, .34);
    animation: qms-cine-scan-sweep 4.8s cubic-bezier(.2, .65, .2, 1) infinite;
}
.qms-entry-topline {
    z-index: 5;
    top: 31px;
    right: 48px;
    left: 48px;
    color: rgba(245, 248, 239, .46);
    font: 10px ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .13em;
}
.qms-entry-topline span:last-child { color: #8bd7ff; }
.qms-entry-stage {
    z-index: 2;
    display: block;
    width: min(1280px, 100vw);
    height: min(730px, 82vh);
    min-height: 520px;
    text-align: left;
}
.qms-cine-header {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    justify-content: space-between;
    width: min(1040px, calc(100vw - 96px));
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(139, 215, 255, .18);
    color: rgba(245, 248, 239, .42);
    font: 10px ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .18em;
    transform: translateX(-50%);
}
.qms-cine-header strong { overflow: hidden; max-width: 56%; color: #f5f8ef; font-weight: 500; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.qms-cine-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.qms-cine-particle {
    position: absolute;
    width: var(--size, 2px);
    height: var(--size, 2px);
    border-radius: 50%;
    background: var(--color, #8bd7ff);
    box-shadow: 0 0 9px var(--color, #8bd7ff);
    opacity: 0;
    animation: qms-cine-particle-float var(--duration, 4s) var(--delay, 0s) linear infinite;
}
.qms-cine-scene {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(1100px, calc(100vw - 72px));
    height: min(610px, 68vh);
    min-height: 430px;
    border: 1px solid rgba(139, 215, 255, .11);
    background: radial-gradient(circle at 50% 50%, rgba(139, 215, 255, .06), transparent 36%);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, .25);
    transform: translate(-50%, -47%) perspective(900px) rotateX(8deg);
    transform-style: preserve-3d;
}
.qms-entry-journey.is-running .qms-cine-scene { animation: qms-cine-scene-arrive 1.15s cubic-bezier(.16, .72, .25, 1) both; }
.qms-cine-scene::before, .qms-cine-scene::after {
    position: absolute;
    inset: 8%;
    border: 1px dashed rgba(139, 215, 255, .12);
    border-radius: 50%;
    content: '';
    transform: rotateX(66deg) rotateZ(-18deg);
}
.qms-cine-scene::after { inset: 22%; border-color: rgba(209, 230, 91, .14); transform: rotateX(66deg) rotateZ(24deg); }
.qms-cine-ring, .qms-cine-cross, .qms-cine-beam, .qms-cine-node, .qms-cine-core, .qms-cine-packet { position: absolute; }
.qms-cine-ring { top: 50%; left: 50%; border: 1px solid rgba(139, 215, 255, .26); border-radius: 50%; transform: translate(-50%, -50%); }
.qms-cine-ring::after { position: absolute; top: -2px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #d1e65b; box-shadow: 0 0 16px #d1e65b; content: ''; }
.ring-a { width: 238px; height: 238px; border-top-color: #d1e65b; animation: qms-cine-ring-spin 8s linear infinite; }
.ring-b { width: 320px; height: 320px; border-right-color: #ed875b; animation: qms-cine-ring-spin-reverse 11s linear infinite; }
.ring-c { width: 435px; height: 435px; border-left-color: #8bd7ff; animation: qms-cine-ring-spin 18s linear infinite; }
.qms-cine-cross { top: 50%; left: 50%; width: 72%; height: 1px; background: linear-gradient(90deg, transparent, rgba(139, 215, 255, .2), transparent); transform: translate(-50%, -50%); }
.cross-a { transform: translate(-50%, -50%) rotate(32deg); }.cross-b { transform: translate(-50%, -50%) rotate(-32deg); }
.qms-cine-beam { z-index: 1; top: 50%; left: 50%; height: 1px; width: 43%; background: linear-gradient(90deg, rgba(139, 215, 255, .03), rgba(139, 215, 255, .8)); transform-origin: left center; opacity: .28; }
.qms-cine-beam::after { position: absolute; inset: -2px 0; background: linear-gradient(90deg, transparent, #d1e65b, transparent); content: ''; opacity: 0; }
.qms-entry-journey.is-running .qms-cine-beam::after { animation: qms-cine-beam-flow 1.8s linear infinite; }
.beam-a { transform: rotate(180deg); }.beam-b { transform: rotate(-151deg); }.beam-c { transform: rotate(-90deg); }.beam-d { transform: rotate(-29deg); }.beam-e { transform: rotate(0deg); }
.qms-cine-core { z-index: 4; top: 50%; left: 50%; display: grid; justify-items: center; gap: 5px; width: 142px; height: 142px; place-content: center; border: 1px solid rgba(209, 230, 91, .64); border-radius: 50%; background: radial-gradient(circle, rgba(209, 230, 91, .18), rgba(5, 14, 22, .96) 58%); box-shadow: 0 0 0 10px rgba(209, 230, 91, .04), 0 0 38px rgba(209, 230, 91, .32), inset 0 0 30px rgba(139, 215, 255, .16); text-align: center; transform: translate(-50%, -50%); animation: qms-cine-core-pulse 1.8s ease-in-out infinite; }
.qms-cine-core::before, .qms-cine-core::after { position: absolute; inset: -18px; border: 1px solid rgba(139, 215, 255, .19); border-radius: 50%; content: ''; animation: qms-cine-core-orbit 5s linear infinite; }
.qms-cine-core::after { inset: -31px; border-color: rgba(237, 135, 91, .16); animation-direction: reverse; animation-duration: 7s; }
.qms-cine-core-logo { display: grid; width: 25px; height: 25px; place-items: center; overflow: hidden; border: 1px solid rgba(245, 248, 239, .5); border-radius: 7px; color: #071116; background: #d1e65b; font-size: 13px; font-weight: 900; box-shadow: 0 0 13px rgba(209, 230, 91, .32); }
.qms-cine-core-logo img { width: 19px; height: 19px; object-fit: contain; border-radius: 4px; }
.qms-cine-core-kicker { color: #8bd7ff; font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; }
.qms-cine-core strong { color: #f5f8ef; font-size: 12px; font-weight: 800; }
.qms-cine-core small { color: rgba(245, 248, 239, .38); font: 7px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.qms-cine-node { z-index: 3; display: grid; justify-items: center; gap: 6px; min-width: 110px; color: rgba(245, 248, 239, .42); text-align: center; transform: translate(-50%, -50%); transition: color .3s ease, filter .3s ease; }
.qms-entry-journey.is-running .qms-cine-node { animation: qms-cine-node-arrive .72s cubic-bezier(.16, .72, .25, 1) both; }
.qms-entry-journey.is-running .node-a { animation-delay: .16s; }.qms-entry-journey.is-running .node-b { animation-delay: .28s; }.qms-entry-journey.is-running .node-c { animation-delay: .4s; }.qms-entry-journey.is-running .node-d { animation-delay: .52s; }.qms-entry-journey.is-running .node-e { animation-delay: .64s; }
.qms-cine-node i { display: block; width: 20px; height: 20px; border: 1px solid rgba(139, 215, 255, .34); border-radius: 50%; background: #071116; box-shadow: 0 0 0 5px rgba(7, 17, 22, .9); transition: background .3s ease, border-color .3s ease, box-shadow .3s ease; }
.qms-cine-node strong { font-size: 11px; font-weight: 800; }.qms-cine-node small { color: rgba(245, 248, 239, .28); font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; }
.qms-cine-node.is-active { color: #d1e65b; filter: drop-shadow(0 0 10px rgba(209, 230, 91, .3)); }.qms-cine-node.is-active i { border-color: #d1e65b; background: #d1e65b; box-shadow: 0 0 0 5px rgba(7, 17, 22, .9), 0 0 24px rgba(209, 230, 91, .9); }
.node-a { top: 50%; left: 7%; }.node-b { top: 18%; left: 28%; }.node-c { top: 9%; left: 50%; }.node-d { top: 18%; left: 72%; }.node-e { top: 50%; left: 93%; }
.qms-cine-packet { z-index: 5; display: grid; width: 32px; height: 14px; place-items: center; border: 1px solid #d1e65b; color: #d1e65b; background: #071116; box-shadow: 0 0 16px rgba(209, 230, 91, .62); font: 7px ui-monospace, SFMono-Regular, Consolas, monospace; font-style: normal; opacity: 0; transform: translate(-50%, -50%); }
.qms-entry-journey.is-running .qms-cine-packet { animation-duration: 3.2s; animation-timing-function: cubic-bezier(.35, 0, .65, 1); animation-iteration-count: infinite; }
.qms-entry-journey.is-running .packet-a { animation-name: qms-cine-packet-a; }.qms-entry-journey.is-running .packet-b { animation: qms-cine-packet-b 3.2s .42s cubic-bezier(.35, 0, .65, 1) infinite; }.qms-entry-journey.is-running .packet-c { border-color: #ed875b; color: #ed875b; animation: qms-cine-packet-c 3.2s .84s cubic-bezier(.35, 0, .65, 1) infinite; }.qms-entry-journey.is-running .packet-d { border-color: #8bd7ff; color: #8bd7ff; animation: qms-cine-packet-d 3.2s 1.26s cubic-bezier(.35, 0, .65, 1) infinite; }.qms-entry-journey.is-running .packet-e { animation: qms-cine-packet-e 3.2s 1.68s cubic-bezier(.35, 0, .65, 1) infinite; }
.qms-cine-footer { position: absolute; bottom: 0; left: 50%; display: flex; justify-content: space-between; width: min(1040px, calc(100vw - 96px)); color: rgba(245, 248, 239, .26); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; transform: translateX(-50%); }
.qms-cine-footer span { transition: color .25s ease, text-shadow .25s ease; }.qms-cine-footer span.is-active { color: #d1e65b; text-shadow: 0 0 12px rgba(209, 230, 91, .55); }
@keyframes qms-cine-grid-drift { from { transform: translateY(0); } to { transform: translateY(42px); } }
@keyframes qms-cine-scene-arrive { from { opacity: 0; transform: translate(-50%, -47%) perspective(900px) rotateX(18deg) scale(1.12); } to { opacity: 1; transform: translate(-50%, -47%) perspective(900px) rotateX(8deg) scale(1); } }
@keyframes qms-cine-node-arrive { from { opacity: 0; transform: translate(-50%, calc(-50% + 22px)) scale(.72); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
@keyframes qms-cine-scan-sweep { 0% { transform: translateX(0); opacity: 0; } 18% { opacity: .8; } 70% { opacity: .65; } 100% { transform: translateX(86vw); opacity: 0; } }
@keyframes qms-cine-ring-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes qms-cine-ring-spin-reverse { to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes qms-cine-core-pulse { 0%, 100% { box-shadow: 0 0 0 10px rgba(209, 230, 91, .04), 0 0 38px rgba(209, 230, 91, .32), inset 0 0 30px rgba(139, 215, 255, .16); } 50% { box-shadow: 0 0 0 19px rgba(209, 230, 91, .02), 0 0 64px rgba(209, 230, 91, .62), inset 0 0 46px rgba(139, 215, 255, .24); } }
@keyframes qms-cine-core-orbit { to { transform: rotate(360deg) translateX(16px) rotate(-360deg); } }
@keyframes qms-cine-beam-flow { 0% { opacity: 0; transform: translateX(-100%); } 25%, 70% { opacity: 1; } 100% { opacity: 0; transform: translateX(100%); } }
@keyframes qms-cine-particle-float { 0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.3); } 15% { opacity: var(--opacity, .7); } 75% { opacity: var(--opacity, .7); } 100% { opacity: 0; transform: translate3d(var(--drift-x, 24px), var(--drift-y, -80px), 0) scale(1.4); } }
@keyframes qms-cine-packet-a { 0%, 5% { left: 7%; top: 50%; opacity: 0; } 15% { opacity: 1; } 45%, 100% { left: 50%; top: 50%; opacity: 0; } }
@keyframes qms-cine-packet-b { 0%, 5% { left: 50%; top: 50%; opacity: 0; } 15% { opacity: 1; } 45%, 100% { left: 28%; top: 18%; opacity: 0; } }
@keyframes qms-cine-packet-c { 0%, 5% { left: 28%; top: 18%; opacity: 0; } 15% { opacity: 1; } 45%, 100% { left: 50%; top: 9%; opacity: 0; } }
@keyframes qms-cine-packet-d { 0%, 5% { left: 50%; top: 9%; opacity: 0; } 15% { opacity: 1; } 45%, 100% { left: 72%; top: 18%; opacity: 0; } }
@keyframes qms-cine-packet-e { 0%, 5% { left: 72%; top: 18%; opacity: 0; } 15% { opacity: 1; } 45%, 100% { left: 93%; top: 50%; opacity: 0; } }
@media (max-width: 700px) {
    .qms-entry-topline { top: 22px; right: 27px; left: 27px; font-size: 8px; }
    .qms-entry-stage { width: 100vw; height: min(660px, 78vh); min-height: 440px; }
    .qms-cine-header, .qms-cine-footer { width: calc(100vw - 48px); font-size: 8px; letter-spacing: .08em; }
    .qms-cine-header { gap: 12px; }.qms-cine-header strong { max-width: 52%; }
    .qms-cine-scene { width: calc(100vw - 30px); height: min(510px, 60vh); min-height: 360px; transform: translate(-50%, -47%) perspective(700px) rotateX(5deg); }
    .qms-cine-ring.ring-a { width: 148px; height: 148px; }.qms-cine-ring.ring-b { width: 208px; height: 208px; }.qms-cine-ring.ring-c { width: 286px; height: 286px; }
    .qms-cine-core { width: 108px; height: 108px; }.qms-cine-core-logo { width: 20px; height: 20px; border-radius: 6px; font-size: 10px; }.qms-cine-core-logo img { width: 15px; height: 15px; }.qms-cine-core strong { font-size: 9px; }.qms-cine-core small { font-size: 6px; }
    .qms-cine-node { min-width: 70px; gap: 4px; }.qms-cine-node i { width: 14px; height: 14px; }.qms-cine-node strong { font-size: 8px; }.qms-cine-node small { font-size: 6px; }
    .node-a { left: 4%; }.node-b { left: 25%; }.node-d { left: 75%; }.node-e { left: 96%; }
    .qms-cine-packet { width: 25px; height: 11px; font-size: 6px; }
    .qms-cine-footer { flex-wrap: wrap; gap: 5px 10px; justify-content: center; bottom: 2px; }
}
@media (prefers-reduced-motion: reduce) {
    .qms-entry-grid, .qms-entry-scan, .qms-cine-scene, .qms-cine-node, .qms-cine-ring, .qms-cine-core, .qms-cine-core::before, .qms-cine-core::after, .qms-cine-beam::after, .qms-cine-particle, .qms-cine-packet { animation: none !important; }
    .qms-cine-packet { opacity: .5; }
}

.qms-cine-node { transition: opacity .55s ease, filter .55s ease, transform .55s cubic-bezier(.2, .7, .2, 1); }
.qms-entry-phase-0 .qms-cine-node:not(.node-a),
.qms-entry-phase-1 .qms-cine-node:not(.node-b),
.qms-entry-phase-2 .qms-cine-node:not(.node-c),
.qms-entry-phase-3 .qms-cine-node:not(.node-d),
.qms-entry-phase-4 .qms-cine-node:not(.node-e) { opacity: .28; filter: saturate(.35); }
.qms-entry-phase-0 .node-a,
.qms-entry-phase-1 .node-b,
.qms-entry-phase-2 .node-c,
.qms-entry-phase-3 .node-d,
.qms-entry-phase-4 .node-e { filter: drop-shadow(0 0 15px rgba(139, 215, 255, .78)); transform: translate(-50%, -50%) scale(1.17); }
.qms-entry-phase-0 .beam-a,
.qms-entry-phase-1 .beam-b,
.qms-entry-phase-2 .beam-c,
.qms-entry-phase-3 .beam-d,
.qms-entry-phase-4 .beam-e { opacity: .95; box-shadow: 0 0 14px rgba(139, 215, 255, .72); }
.qms-entry-phase-0 .packet-a,
.qms-entry-phase-1 .packet-b,
.qms-entry-phase-2 .packet-c,
.qms-entry-phase-3 .packet-d,
.qms-entry-phase-4 .packet-e { box-shadow: 0 0 24px rgba(209, 230, 91, .9); }
.qms-cine-urlbar { position: absolute; top: 22px; left: 50%; z-index: 6; display: flex; align-items: center; gap: 9px; width: min(700px, 78%); height: 29px; padding: 0 11px; border: 1px solid rgba(139, 215, 255, .3); background: rgba(3, 12, 18, .82); box-shadow: 0 0 22px rgba(139, 215, 255, .08); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; transform: translateX(-50%); }
.qms-cine-urlbar > span { color: #8bd7ff; font-weight: 900; }.qms-cine-urlbar strong { overflow: hidden; min-width: 0; flex: 1; color: #f5f8ef; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.qms-cine-urlbar i { width: 1px; height: 13px; background: #d1e65b; box-shadow: 0 0 9px #d1e65b; animation: qms-cine-caret .85s steps(1) infinite; }.qms-cine-urlbar b { color: #ed875b; font-size: 8px; font-weight: 500; }
.qms-entry-journey.is-running .qms-cine-urlbar { animation: qms-cine-urlbar-in .8s cubic-bezier(.16, .72, .25, 1) both; }
@keyframes qms-cine-urlbar-in { from { opacity: 0; transform: translateX(-50%) translateY(-15px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
@keyframes qms-cine-caret { 50% { opacity: 0; } }
@media (max-width: 700px) {
    .qms-cine-urlbar { top: 14px; width: 82%; height: 25px; gap: 6px; padding: 0 8px; font-size: 7px; }.qms-cine-urlbar b { font-size: 6px; }
}
@media (prefers-reduced-motion: reduce) { .qms-cine-urlbar, .qms-cine-urlbar i { animation: none !important; } }

.qms-entry-journey.is-running .qms-entry-grid,
.qms-entry-journey.is-running .qms-entry-scan,
.qms-entry-journey.is-running .qms-cine-ring,
.qms-entry-journey.is-running .qms-cine-core,
.qms-entry-journey.is-running .qms-cine-core::before,
.qms-entry-journey.is-running .qms-cine-core::after,
.qms-entry-journey.is-running .qms-cine-beam::after,
.qms-entry-journey.is-running .qms-cine-particle { animation-iteration-count: 1; animation-duration: 14.35s; }
.qms-entry-journey.is-running .qms-cine-packet { animation-duration: 1.45s; animation-iteration-count: 1; }
.qms-entry-journey.is-running .packet-a { animation-delay: .8s; }
.qms-entry-journey.is-running .packet-b { animation-delay: 3s; }
.qms-entry-journey.is-running .packet-c { animation-delay: 5.2s; }
.qms-entry-journey.is-running .packet-d { animation-delay: 7.4s; }
.qms-entry-journey.is-running .packet-e { animation-delay: 9.6s; }
.qms-entry-journey.is-running .qms-cine-urlbar i { animation-iteration-count: 1; }
.qms-entry-journey { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif; }
.qms-cdn-action { position: absolute; bottom: 70px; left: 50%; z-index: 6; display: flex; align-items: center; gap: 10px; width: min(700px, 78%); color: rgba(245, 248, 239, .7); font-size: 11px; transform: translateX(-50%); }
.qms-cdn-action span { display: grid; width: 26px; height: 26px; flex: 0 0 auto; place-items: center; border: 1px solid #d1e65b; border-radius: 50%; color: #071116; background: #d1e65b; box-shadow: 0 0 17px rgba(209, 230, 91, .55); font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 900; }
.qms-cdn-action strong { color: #f5f8ef; font-weight: 600; letter-spacing: .02em; }
.qms-cdn-metric { position: absolute; right: 50%; bottom: 17px; z-index: 6; display: grid; gap: 5px; width: min(330px, 40%); transform: translateX(50%); }
.qms-cdn-metric > div { display: grid; grid-template-columns: 68px minmax(0, 1fr) 49px; align-items: center; gap: 7px; color: rgba(245, 248, 239, .56); font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; }
.qms-cdn-metric i { display: block; height: 4px; overflow: hidden; background: rgba(245, 248, 239, .12); }.qms-cdn-metric b { display: block; height: 100%; transition: width .55s cubic-bezier(.2, .7, .2, 1); }.qms-cdn-metric .direct { width: 100%; background: #ed875b; box-shadow: 0 0 10px rgba(237, 135, 91, .6); }.qms-cdn-metric .cdn { width: 100%; background: #d1e65b; box-shadow: 0 0 10px rgba(209, 230, 91, .65); }.qms-cdn-metric strong { color: #f5f8ef; font-weight: 600; text-align: right; }
.qms-entry-phase-0 .qms-cdn-metric .cdn { width: 100%; }.qms-entry-phase-1 .qms-cdn-metric .cdn { width: 70%; }.qms-entry-phase-2 .qms-cdn-metric .cdn { width: 47%; }.qms-entry-phase-3 .qms-cdn-metric .cdn { width: 34%; }.qms-entry-phase-4 .qms-cdn-metric .cdn { width: 25%; }.qms-entry-phase-5 .qms-cdn-metric .cdn { width: 20%; }.qms-entry-phase-6 .qms-cdn-metric .cdn { width: 15%; }.qms-entry-phase-7 .qms-cdn-metric .cdn { width: 12%; }
.qms-entry-phase-0 .qms-cine-node:not(.node-a), .qms-entry-phase-1 .qms-cine-node:not(.node-b), .qms-entry-phase-2 .qms-cine-node:not(.node-b), .qms-entry-phase-3 .qms-cine-node:not(.node-c), .qms-entry-phase-4 .qms-cine-node:not(.node-c), .qms-entry-phase-5 .qms-cine-node:not(.node-d), .qms-entry-phase-6 .qms-cine-node:not(.node-d), .qms-entry-phase-7 .qms-cine-node:not(.node-e) { opacity: .28; filter: saturate(.35); }
.qms-entry-phase-0 .node-a, .qms-entry-phase-1 .node-b, .qms-entry-phase-2 .node-b, .qms-entry-phase-3 .node-c, .qms-entry-phase-4 .node-c, .qms-entry-phase-5 .node-d, .qms-entry-phase-6 .node-d, .qms-entry-phase-7 .node-e { filter: drop-shadow(0 0 15px rgba(139, 215, 255, .78)); transform: translate(-50%, -50%) scale(1.17); }
@media (max-width: 700px) {
    .qms-cdn-action { bottom: 66px; width: 82%; font-size: 10px; line-height: 1.35; }.qms-cdn-action span { width: 23px; height: 23px; font-size: 9px; }.qms-cdn-action strong { max-width: calc(100% - 33px); }
    .qms-cdn-metric { right: 50%; bottom: 14px; width: 82%; }.qms-cdn-metric > div { grid-template-columns: 57px minmax(0, 1fr) 46px; font-size: 8px; }
    .qms-cine-footer { bottom: -34px; font-size: 10px; }.qms-cine-footer span { display: none; }.qms-cine-footer span.is-active { display: block; }
}