* {margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}:root {--red: #f43f5e;--red-deep: #e11d2e;--red-dark: #be123c;--blue: #3b82f6;--blue-deep: #2563eb;--pink: #ec4899;--green: #22c55e;--orange: #f97316;--txt: #e8edf7;--txt-sub: #94a3b8;--card-bg: rgba(28, 40, 78, 0.55);--card-line: rgba(148, 163, 184, 0.2);}html, body {min-height: 100%;}body {font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;color: var(--txt);min-height: 100vh;padding: 58px 12px 20px;background: linear-gradient(180deg, #0a0f2c 0%, #0c1440 55%, #0a1030 100%);display: flex;justify-content: center;position: relative;overflow-x: hidden;}.bg-fx {position: fixed;inset: 0;overflow: hidden;z-index: 0;pointer-events: none;}.bg-fx span {position: absolute;border-radius: 50%;filter: blur(64px);opacity: 0.45;}.bg-fx .b1 {width: 220px;height: 220px;background: #e11d2e;top: -60px;left: -50px;animation: float1 15s ease-in-out infinite;}.bg-fx .b2 {width: 260px;height: 260px;background: #2563eb;top: 30%;right: -90px;animation: float2 18s ease-in-out infinite;}.bg-fx .b3 {width: 200px;height: 200px;background: #7c3aed;bottom: -60px;left: 20%;animation: float3 16s ease-in-out infinite;}@keyframes float1 {0%,100% {transform: translate(0,0) scale(1);}50% {transform: translate(40px,60px) scale(1.15);}}@keyframes float2 {0%,100% {transform: translate(0,0) scale(1);}50% {transform: translate(-50px,40px) scale(1.1);}}@keyframes float3 {0%,100% {transform: translate(0,0) scale(1);}50% {transform: translate(30px,-50px) scale(1.2);}}.app {width: 100%;max-width: 480px;display: flex;flex-direction: column;position: relative;z-index: 2;}#island {position: fixed;top: 10px;left: 50%;transform: translate(-50%, -80px);display: inline-flex;align-items: center;gap: 7px;width: max-content;max-width: 92%;background: rgba(15, 20, 42, 0.95);border: 1px solid rgba(255,255,255,0.12);border-radius: 999px;padding: 6px 14px 6px 7px;box-shadow: 0 8px 22px rgba(0,0,0,0.4);transition: transform 0.42s cubic-bezier(0.22, 1.15, 0.32, 1);z-index: 10000;backdrop-filter: blur(10px);will-change: transform;}#island.show {transform: translate(-50%, 0);}#island .is-ico {width: 20px;height: 20px;flex: 0 0 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}#island .is-ico svg {width: 20px;height: 20px;}#island .is-ico .ring {fill: none;stroke-width: 2.4;stroke-dasharray: 72;stroke-dashoffset: 72;animation: ringDraw 0.4s ease forwards;}#island .is-ico .mk {fill: none;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 24;stroke-dashoffset: 24;animation: mkDraw 0.3s ease 0.36s forwards;}#island.ok .ring, #island.ok .mk {stroke: #34d399;}#island.no .ring, #island.no .mk {stroke: #f87171;}@keyframes ringDraw {to {stroke-dashoffset: 0;}}@keyframes mkDraw {to {stroke-dashoffset: 0;}}#island .is-txt {color: #f1f5f9;font-size: 13px;font-weight: 600;letter-spacing: 0.3px;white-space: nowrap;}.brand {text-align: center;margin-bottom: 13px;position: relative;}.logo-wrap {position: relative;width: 72px;height: 72px;margin: 0 auto 12px;}.logo-wrap .lg-ring {position: absolute;inset: -4px;border-radius: 50%;background: conic-gradient(from 0deg, transparent 0%, #f43f5e 22%, transparent 45%, #3b82f6 72%, transparent 100%);-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));animation: spin 4s linear infinite;}.logo-wrap .lg-ring2 {position: absolute;inset: 3px;border-radius: 50%;background: conic-gradient(from 180deg, transparent 0%, #38bdf8 20%, transparent 40%, #fb7185 65%, transparent 90%);-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));animation: spin 6s linear infinite reverse;}@keyframes spin {to {transform: rotate(360deg);}}.logo-wrap .lg-core {position: absolute;inset: 8px;border-radius: 16px;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.1), transparent);border: 1px solid rgba(255,255,255,0.1);box-shadow: inset 0 0 20px rgba(0,0,0,0.6), 0 5px 15px rgba(0,0,0,0.5);}.logo-text {font-family: 'Arial Black', Impact, sans-serif;font-size: 32px;font-weight: 900;font-style: italic;letter-spacing: 0px;background: linear-gradient(135deg, #ff8a9f 0%, #f43f5e 45%, #3b82f6 55%, #60a5fa 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 2px 2px rgba(0,0,0,0.8)) drop-shadow(0 0 8px rgba(244,63,94,0.4));transform: translateX(-2px) skewX(-4deg);padding: 0 4px;}.brand h1 {font-size: 18px;font-weight: 800;letter-spacing: 1.5px;color: #f8fafc;}.brand .sub {margin-top: 3px;font-size: 11px;letter-spacing: 3px;color: var(--red);font-weight: 600;}.card {position: relative;overflow: hidden;background: var(--card-bg);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-radius: 15px;width: 100%;border: 1px solid var(--card-line);box-shadow: 0 8px 26px rgba(0,0,0,0.32);padding: 12px;margin-bottom: 11px;}.card-head-row {position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}.card-title {position: relative;z-index: 2;display: flex;align-items: center;gap: 7px;font-size: 14px;font-weight: 700;color: #f8fafc;}.card-title::before {content: '';width: 4px;height: 14px;border-radius: 2px;background: linear-gradient(180deg, var(--red), var(--red-dark));}.server-ok {display: flex;align-items: center;gap: 5px;font-size: 11px;color: var(--green);font-weight: 600;}.server-ok .pulse {width: 8px;height: 8px;border-radius: 50%;background: var(--green);box-shadow: 0 0 0 0 rgba(34,197,94,.6);animation: pulse 1.8s infinite;}@keyframes pulse {0% {box-shadow: 0 0 0 0 rgba(34,197,94,.55);}70% {box-shadow: 0 0 0 8px rgba(34,197,94,0);}100% {box-shadow: 0 0 0 0 rgba(34,197,94,0);}}.watermark-text {position: absolute;top: -15px;left: 55%;transform: translateX(-50%) skewX(-8deg);z-index: 0;font-size: 110px;font-weight: 900;line-height: 1;font-family: Impact, "Arial Black", sans-serif;pointer-events: none;opacity: 0.06;background: linear-gradient(90deg, #f43f5e, #3b82f6, #ec4899, #f43f5e);background-size: 300% 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: flowColor 6s linear infinite;}@keyframes flowColor {0% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.meteor-shower {position: absolute;inset: 0;z-index: 0;pointer-events: none;overflow: hidden;}.meteor-shower i {position: absolute;width: 2px;height: 2px;background: #fff;border-radius: 50%;box-shadow: 0 0 8px 1px rgba(255,255,255,0.8), 0 0 16px 2px rgba(59,130,246,0.5);opacity: 0;animation: meteorFly linear infinite;}.meteor-shower i::before {content: '';position: absolute;top: 50%;left: 0;width: 100px;height: 1.5px;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);transform-origin: left center;transform: translateY(-50%) rotate(-45deg);border-radius: 100px;}.meteor-shower i:nth-child(1) {top: -10%;right: 10%;animation-delay: 0s;animation-duration: 2.5s;}.meteor-shower i:nth-child(2) {top: 0%;right: 40%;animation-delay: 1.2s;animation-duration: 3s;}.meteor-shower i:nth-child(3) {top: -15%;right: 70%;animation-delay: 0.5s;animation-duration: 2.2s;}.meteor-shower i:nth-child(5) {top: 20%;right: 20%;animation-delay: 1.8s;animation-duration: 3.5s;}@keyframes meteorFly {0% {transform: translate(0, 0);opacity: 0;}10% {opacity: 1;}90% {opacity: 1;}100% {transform: translate(-300px, 300px);opacity: 0;}}.input-box, .btn-auth, .btn-clear, .step, .link-card, .link-action {position: relative;z-index: 2;}.input-box {display: flex;align-items: center;gap: 7px;height: 42px;border-radius: 11px;padding: 0 12px;background: rgba(255,255,255,0.06);border: 1.5px solid rgba(148,163,184,0.25);transition: border-color .2s, box-shadow .2s, background .2s;}.input-box:focus-within {border-color: var(--red);background: rgba(255,255,255,0.1);box-shadow: 0 0 0 3px rgba(244,63,94,0.14);}.input-box .in-ico {flex: 0 0 18px;width: 18px;height: 18px;}.input-box .in-ico svg {width: 18px;height: 18px;display: block;}.input-box input {flex: 1;min-width: 0;height: 100%;border: none;outline: none;background: transparent;font-size: 14px;color: #f1f5f9;}.input-box input::placeholder {color: #7c89a3;font-weight: 400;}.btn-auth {width: 100%;margin-top: 10px;min-height: 42px;display: flex;align-items: center;justify-content: center;gap: 7px;border: none;border-radius: 11px;cursor: pointer;background: linear-gradient(135deg, #fb7185 0%, var(--red-deep) 55%, var(--red-dark) 100%);color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 1px;box-shadow: 0 6px 16px rgba(225,29,46,0.4);transition: transform .12s, box-shadow .2s, filter .2s;}.btn-auth:hover:not(:disabled) {filter: brightness(1.08);transform: translateY(-1px);}.btn-auth:active {transform: translateY(1px) scale(0.99);}.btn-auth:disabled {cursor: not-allowed;filter: saturate(.85);}.btn-auth .spin {width: 16px;height: 16px;border: 2px solid rgba(255,255,255,0.4);border-top-color: #fff;border-radius: 50%;animation: spin .7s linear infinite;}.btn-clear {width: 100%;margin-top: 8px;min-height: 38px;border: none;border-radius: 11px;cursor: pointer;background: linear-gradient(135deg, #f472b6, var(--pink));color: #fff;font-size: 13.5px;font-weight: 700;box-shadow: 0 5px 14px rgba(236,72,153,0.35);transition: filter .2s, transform .12s;}.btn-clear:hover {filter: brightness(1.07);}.btn-clear:active {transform: scale(.98);}.step {display: flex;align-items: flex-start;gap: 9px;margin-bottom: 9px;}.step:last-child {margin-bottom: 0;}.step .num {flex: 0 0 21px;width: 21px;height: 21px;border-radius: 6px;background: linear-gradient(135deg, var(--red), var(--red-dark));color: #fff;font-size: 12px;font-weight: 800;display: flex;align-items: center;justify-content: center;margin-top: 1px;}.step p {font-size: 14px;line-height: 1.5;color: #e2e8f0;font-weight: 600;}.link-card {display: flex;align-items: center;gap: 10px;}.link-card .lc-ico {flex: 0 0 38px;width: 38px;height: 38px;border-radius: 11px;display: flex;align-items: center;justify-content: center;}.link-card .lc-ico svg {width: 19px;height: 19px;display: block;}.link-card .lc-txt {flex: 1;min-width: 0;}.link-card .lc-txt b {display: block;font-size: 14px;color: #f1f5f9;}.link-card .lc-txt small {display: block;font-size: 11.5px;color: var(--txt-sub);margin-top: 1px;}.ico-orange {background: linear-gradient(135deg, #fbbf24, #f97316);box-shadow: 0 4px 12px rgba(249,115,22,.4);}.ico-red {background: linear-gradient(135deg, #fb7185, var(--red-dark));box-shadow: 0 4px 12px rgba(225,29,46,.4);}.link-action {width: 100%;margin-top: 10px;min-height: 38px;border-radius: 11px;display: flex;align-items: center;justify-content: center;gap: 6px;font-size: 13.5px;font-weight: 700;cursor: pointer;text-decoration: none;}.link-action svg {width: 16px;height: 16px;}.la-orange {background: rgba(249,115,22,0.14);color: #fb923c;border: 1.5px solid rgba(251,146,60,0.4);}.la-red {background: rgba(244,63,94,0.14);color: #fb7185;border: 1.5px solid rgba(244,63,94,0.4);}.footer {text-align: center;font-size: 10.5px;color: #6b7a99;margin-top: 2px;}#modalMask {position: fixed;inset: 0;z-index: 9000;background: rgba(5, 8, 22, 0.68);display: flex;align-items: center;justify-content: center;padding: 12px;opacity: 0;pointer-events: none;transition: opacity .26s;}#modalMask.show {opacity: 1;pointer-events: auto;}#modalWin {width: 100%;max-width: 370px;max-height: calc(100vh - 24px);overflow: hidden;display: flex;flex-direction: column;background: linear-gradient(180deg, #141d3d 0%, #101834 100%);border: 1px solid rgba(148,163,184,0.22);border-radius: 17px;box-shadow: 0 22px 54px rgba(0,0,0,0.5);transform: scale(.92) translateY(14px);transition: transform .3s cubic-bezier(.2,.9,.3,1.2);}#modalMask.show #modalWin {transform: scale(1) translateY(0);}.m-head {position: relative;overflow: hidden;flex: 0 0 auto;padding: 10px 14px;color: #fff;background: linear-gradient(120deg, #f43f5e 0%, #e11d2e 55%, #be123c 100%);display: flex;align-items: center;gap: 9px;}.m-head::after {content: '';position: absolute;right: -24px;top: -34px;width: 96px;height: 96px;border-radius: 50%;background: rgba(255,255,255,0.13);}.m-head .hd-ico {width: 25px;height: 25px;flex: 0 0 25px;border-radius: 8px;z-index: 1;background: rgba(255,255,255,0.22);display: flex;align-items: center;justify-content: center;}.m-head .hd-ico svg {width: 15px;height: 15px;}.m-head h3 {font-size: 14.5px;font-weight: 700;letter-spacing: 1px;z-index: 1;}.m-body {padding: 11px 12px;flex: 1 1 auto;overflow-y: auto;-webkit-overflow-scrolling: touch;}.ac-head {display: flex;gap: 9px;align-items: center;margin-bottom: 9px;}.ac-avatar {flex: 0 0 40px;width: 40px;height: 40px;border-radius: 11px;overflow: hidden;background: rgba(255,255,255,0.08);border: 1.5px solid rgba(244,63,94,0.4);}.ac-avatar img {width: 100%;height: 100%;object-fit: cover;display: block;}.ac-meta {flex: 1;min-width: 0;}.ac-name {font-size: 15px;font-weight: 800;color: #f1f5f9;line-height: 1.2;word-break: break-all;}.ac-status {display: flex;align-items: center;gap: 5px;margin-top: 4px;}.ac-status .dot {width: 8px;height: 8px;border-radius: 50%;}.ac-status .dot.on {background: var(--red);box-shadow: 0 0 6px rgba(244,63,94,.8);}.ac-status .dot.off {background: var(--green);box-shadow: 0 0 6px rgba(34,197,94,.8);}.ac-status span.txt {font-size: 12px;color: var(--txt-sub);font-weight: 600;}.ac-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 7px;margin-bottom: 8px;}.ac-cell {background: rgba(255,255,255,0.06);border: 1px solid rgba(148,163,184,0.18);border-radius: 10px;padding: 6px 9px;}.ac-cell label {display: block;font-size: 10.5px;color: var(--txt-sub);letter-spacing: .5px;margin-bottom: 2px;}.ac-cell b {display: block;font-size: 13.5px;color: #eef2f9;font-weight: 700;word-break: break-all;}.time-box {border: 1px solid rgba(148,163,184,0.18);border-radius: 10px;overflow: hidden;margin-bottom: 8px;}.time-row {padding: 5px 11px;text-align: center;background: rgba(244,63,94,0.1);}.time-row + .time-row {border-top: 1px solid rgba(148,163,184,0.14);}.time-row label {display: block;font-size: 10.5px;color: var(--txt-sub);letter-spacing: 1px;margin-bottom: 1px;}.time-row b {display: block;font-size: 13px;color: #eef2f9;font-weight: 700;word-break: break-all;font-family: "SF Mono", Consolas, "Courier New", monospace;}.op-label {font-size: 12.5px;font-weight: 700;color: #fda4af;margin-bottom: 5px;display: flex;align-items: center;gap: 5px;}.op-label::before {content: '';width: 4px;height: 12px;border-radius: 2px;background: var(--red);}.op-box {background: #0a0e22;border: 1px solid rgba(148,163,184,0.16);border-radius: 10px;padding: 8px 10px;margin-bottom: 9px;}.op-box p {font-family: "SF Mono", Consolas, "Courier New", monospace;font-size: 11.5px;color: #93c5fd;line-height: 1.5;word-break: break-all;}.m-foot {display: flex;gap: 8px;}.m-foot button {flex: 1;min-height: 39px;border-radius: 10px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 5px;font-size: 13.5px;font-weight: 700;transition: transform .12s, background .25s, box-shadow .2s;}.m-foot button:active {transform: scale(.97);}.m-close-btn {background: linear-gradient(135deg, #fb7185, #be123c);color: #fff;border: none;box-shadow: 0 5px 14px rgba(225,29,46,.4);}.m-close-btn svg {width: 15px;height: 15px;}.m-copy {background: linear-gradient(135deg, #60a5fa, #2563eb);color: #fff;border: none;box-shadow: 0 5px 14px rgba(37,99,235,.4);}.m-copy svg {width: 15px;height: 15px;}.m-copy.done {background: linear-gradient(135deg, #22c55e, #15803d);box-shadow: 0 5px 14px rgba(34,197,94,.4);}.m-copy .ck {fill: none;stroke: #fff;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 24;stroke-dashoffset: 24;animation: mkDraw .32s ease forwards;}@media (max-width: 360px) {body {padding: 54px 10px 16px;}.card {padding: 11px;}}