: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;height:100%}body{min-height:100%;overflow:hidden}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{height:100vh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;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-header{position:relative;z-index:3;border-bottom:1px solid rgba(79,236,255,.15);background:#040f372e;box-shadow:0 8px 28px #010a2933}.portal-header__inner{width:min(88vw,1040px);min-height:clamp(64px,10vh,92px);display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 auto}.portal-brand{display:flex;align-items:center;gap:14px;min-width:0}.portal-brand__mark{width:clamp(46px,6vh,54px);height:clamp(46px,6vh,54px);flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,#2d94ff,#1375de);box-shadow:0 14px 26px #0575db61,inset 0 1px #ffffff42}.portal-brand__mark svg{width:32px;height:32px;stroke:#fff;stroke-width:3.2}.portal-brand__name{color:var(--cyan);font-size:clamp(24px,3.4vh,31px);font-weight:700;line-height:1;letter-spacing:.02em;text-shadow:0 0 16px rgba(76,244,255,.24)}.portal-brand__subtitle{margin-top:clamp(6px,1.1vh,10px);color:#dffcff9e;font-size:13px;letter-spacing:.18em}.portal-status{display:flex;align-items:center;gap:18px;color:var(--cyan)}.portal-status__time{display:grid;gap:4px;text-align:right}.portal-status__time span{color:#dffcffb3;font-size:14px}.portal-status__time strong{font-size:20px;line-height:1}.portal-status__divider{width:1px;height:42px;background:#4fecff2e}.portal-status__cloud{width:34px;height:34px}.portal-status__cloud svg{stroke-width:3.2}.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:0;display:flex;align-items:center;justify-content:center;padding:clamp(16px,6vh,56px) 24px clamp(16px,5.8vh,52px);isolation:isolate}.portal-content{position:relative;z-index:2;width:min(80vw,920px);display:grid;gap:clamp(22px,5.6vh,50px)}.portal-heading{text-align:center;color:#fff}.portal-heading__eyebrow{margin:0;color:#dffcffd1;font-size:clamp(18px,2.7vh,24px);font-weight:700;letter-spacing:.34em}.portal-heading__title{margin:clamp(6px,1.1vh,10px) 0 clamp(10px,1.8vh,16px);font-size:clamp(26px,3.6vh,32px);font-weight:700;line-height:1.2;letter-spacing:.02em;text-shadow:0 8px 22px rgba(0,0,0,.24)}.portal-heading__line{width:78px;height:5px;margin:0 auto;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0%,#4a92ff 100%);box-shadow:0 0 18px #4cf4ff80}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(340px,1fr));gap:clamp(22px,3.6vh,32px) 32px}.portal-card{position:relative;height:clamp(158px,26vh,236px);border-radius:24px;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:1px solid rgba(90,244,240,.32);box-shadow:inset 0 1px #9ff7ff1f,0 18px 38px var(--card-shadow);transition:transform .18s ease,background .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(-6px);border-color:#6cfffacc;background:linear-gradient(180deg,#238dda8f,#184e9a7a);box-shadow:inset 0 1px #9ff7ff47,0 26px 44px #081f678f}.portal-card__icon{width:clamp(62px,8.7vh,78px);height:clamp(62px,8.7vh,78px);display:grid;place-items:center;padding:14px;border-radius:20px;background:linear-gradient(180deg,#4cf4ff24,#4cf4ff0a);border:1px solid rgba(90,244,240,.16);box-shadow:inset 0 1px #ffffff14,0 10px 26px #06195e47;filter:drop-shadow(0 0 12px rgba(76,244,255,.22))}.portal-card__title{color:#fff;font-size:clamp(22px,2.9vh,26px);font-weight:700;letter-spacing:.02em;text-shadow:0 0 10px rgba(76,244,255,.18)}.portal-card__action{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:14px;font-weight:600;letter-spacing:.04em;transition:gap .18s ease,transform .18s ease}.portal-card:hover .portal-card__action{gap:13px;transform:translateY(-1px)}.portal-footer{position:relative;z-index:3;border-top:1px solid rgba(79,236,255,.15);background:#040f3724}.portal-footer__inner{min-height:clamp(40px,6.2vh,56px);display:flex;align-items:center;justify-content:center;color:#dffcff85;font-size:13px;letter-spacing:.08em}.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:34px 20px 36px}.portal-header__inner{width:min(100% - 40px,560px);min-height:auto;flex-direction:column;align-items:flex-start;gap:18px;padding:18px 0}.portal-brand__mark{width:48px;height:48px;border-radius:13px}.portal-brand__name{font-size:22px;line-height:1.18}.portal-brand__subtitle{margin-top:7px;font-size:11px;letter-spacing:.1em}.portal-status{width:100%;justify-content:flex-end}.portal-content{width:min(100%,460px);gap:34px}.portal-heading__eyebrow{font-size:16px;letter-spacing:.26em}.portal-heading__title{font-size:26px}.portal-heading__line{width:72px}.card-grid{grid-template-columns:1fr;gap:24px}.portal-card{height:210px;border-radius:20px}.portal-card__icon{width:72px;height:72px}.portal-card__title{font-size:22px}.portal-footer__inner{min-height:52px;padding:0 18px;text-align:center;font-size:12px;line-height:1.6}.globe-left{width:360px;height:360px;left:-110px;bottom:-100px}.network-right,.network-top{opacity:.4}}