: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%)}.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){.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}}