:root{color-scheme:only light;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;--bg-top: #14289a;--bg-mid: #1733b3;--bg-bottom: #2583e6;--cyan: #4cf4ff;--cyan-soft: rgba(76, 244, 255, .72);--line: rgba(79, 236, 255, .55);--card-top: rgba(28, 118, 194, .48);--card-bottom: rgba(19, 60, 131, .42);--card-shadow: rgba(6, 25, 94, .45)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}a{color:inherit;text-decoration:none}svg{width:100%;height:100%;stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.portal-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 77%,rgba(80,228,255,.22),transparent 24%),radial-gradient(circle at 50% 48%,rgba(58,126,255,.16),transparent 30%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 42%,var(--bg-bottom) 100%)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#05104080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-card{position:relative;width:min(100%,420px);padding:28px 28px 24px;border-radius:22px;text-align:center;color:#dffcff;background:linear-gradient(180deg,#164295f0,#0a1f5af5);border:1px solid rgba(101,245,255,.45);box-shadow:0 24px 60px #010a297a,inset 0 1px #a0f7ff24}.dialog-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#72fcffc7,#72fcff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dialog-card__badge{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 18px;border-radius:14px;color:#0c2d73;font-size:22px;font-weight:700;background:linear-gradient(180deg,#70fbff,#49cfff);box-shadow:0 8px 22px #4cf4ff47}.dialog-card__title{margin:0 0 10px;font-size:24px;font-weight:600;letter-spacing:.04em}.dialog-card__description{margin:0;color:#dffcffd1;font-size:16px;line-height:1.75}.dialog-card__button{min-width:124px;margin:24px auto 0;display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:none;border-radius:999px;color:#0d2e6e;font-size:15px;font-weight:600;cursor:pointer;background:linear-gradient(180deg,#9aefff,#69ccff);box-shadow:0 10px 24px #2da0ff47,inset 0 1px #ffffff80;transition:transform .18s ease,box-shadow .18s ease}.dialog-card__button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2da0ff57,inset 0 1px #ffffff9e}.portal-canvas{position:relative;min-height:100vh;display:grid;place-items:center;padding:48px 24px;isolation:isolate}.card-grid{position:relative;z-index:2;width:min(46vw,680px);min-width:720px;display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:60px 88px}.portal-card{position:relative;height:202px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:var(--cyan);background:linear-gradient(180deg,var(--card-top) 0%,var(--card-bottom) 100%);border:2px solid rgba(90,244,240,.48);box-shadow:inset 0 1px #9ff7ff2e,0 16px 32px var(--card-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);pointer-events:none}.portal-card:hover{transform:translateY(-3px);border-color:#6cfffacc;box-shadow:inset 0 1px #9ff7ff47,0 22px 38px #081f6785}.portal-card__icon{width:90px;height:90px;display:grid;place-items:center;filter:drop-shadow(0 0 10px rgba(76,244,255,.24))}.portal-card__title{font-size:19px;letter-spacing:.02em;text-shadow:0 0 8px rgba(76,244,255,.22)}.halo,.globe,.network{position:absolute;pointer-events:none;z-index:1}.halo-left{width:900px;height:900px;left:-330px;bottom:-360px;background:radial-gradient(circle,rgba(91,238,255,.22) 0%,rgba(91,238,255,.07) 28%,transparent 58%)}.halo-right{width:720px;height:720px;right:-360px;top:-280px;background:radial-gradient(circle,rgba(90,245,255,.13) 0%,transparent 58%)}.globe-left{width:540px;height:540px;left:-88px;bottom:-110px;border-radius:50%;opacity:.55;background:radial-gradient(circle at 52% 48%,transparent 0 61%,rgba(90,245,255,.32) 61.4%,transparent 62.2%),repeating-linear-gradient(12deg,transparent 0 14px,rgba(88,235,255,.17) 14px 15px),repeating-radial-gradient(circle at center,rgba(94,241,255,.24) 0 1px,transparent 1px 12px),radial-gradient(circle at center,rgba(57,161,255,.22) 0%,rgba(57,161,255,.08) 48%,transparent 70%);filter:blur(.2px)}.network{opacity:.72;background-repeat:no-repeat;background-size:contain}.network-right{width:420px;height:100%;right:-20px;top:0;background-image:radial-gradient(circle at 72% 8%,rgba(88,238,255,.88) 0 2px,transparent 3px),radial-gradient(circle at 64% 18%,rgba(88,238,255,.78) 0 3px,transparent 4px),radial-gradient(circle at 86% 28%,rgba(88,238,255,.82) 0 2px,transparent 3px),radial-gradient(circle at 58% 39%,rgba(88,238,255,.82) 0 3px,transparent 4px),radial-gradient(circle at 79% 50%,rgba(88,238,255,.82) 0 3px,transparent 4px),radial-gradient(circle at 62% 62%,rgba(88,238,255,.82) 0 2px,transparent 3px),radial-gradient(circle at 88% 74%,rgba(88,238,255,.82) 0 3px,transparent 4px),radial-gradient(circle at 72% 90%,rgba(88,238,255,.82) 0 2px,transparent 3px),linear-gradient(149deg,transparent 0 47%,rgba(88,238,255,.32) 47.4% 48.2%,transparent 48.6%),linear-gradient(120deg,transparent 0 52%,rgba(88,238,255,.32) 52.4% 53.1%,transparent 53.4%),linear-gradient(88deg,transparent 0 66%,rgba(88,238,255,.26) 66.5% 67.1%,transparent 67.4%),linear-gradient(42deg,transparent 0 62%,rgba(88,238,255,.25) 62.4% 63%,transparent 63.5%)}.network-top{width:480px;height:240px;right:40px;top:0;background-image:radial-gradient(circle at 80% 10%,rgba(88,238,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 64% 22%,rgba(88,238,255,.76) 0 2px,transparent 3px),radial-gradient(circle at 55% 42%,rgba(88,238,255,.76) 0 3px,transparent 4px),radial-gradient(circle at 88% 54%,rgba(88,238,255,.76) 0 2px,transparent 3px),linear-gradient(136deg,transparent 0 57%,rgba(88,238,255,.26) 57.3% 58%,transparent 58.4%),linear-gradient(66deg,transparent 0 54%,rgba(88,238,255,.22) 54.2% 55%,transparent 55.4%)}@media (max-width: 920px){.dialog-card{padding:24px 22px 22px;border-radius:18px}.dialog-card__title{font-size:21px}.dialog-card__description{font-size:15px}.portal-canvas{padding:40px 20px}.card-grid{width:min(100%,420px);min-width:0;grid-template-columns:1fr;gap:28px}.portal-card{height:176px}.portal-card__icon{width:78px;height:78px}.portal-card__title{font-size:18px}.globe-left{width:360px;height:360px;left:-110px;bottom:-100px}.network-right,.network-top{opacity:.4}}