.portal-frame{padding:20px;border-radius:28px;background:#ffffffc9;box-shadow:0 0 0 1px #fff,0 12px 34px #a26ff72b}.portal-banner{height:280px;margin:15px 0;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(115deg,#ffd38f,#fff3d5 47%,#fca88a)}.portal-banner h1{position:absolute;z-index:2;left:11%;top:21%;margin:0;color:#bd3329;font-size:45px;line-height:1.17;text-shadow:2px 2px #ffedbc}.portal-banner h1 small{display:block;background:#ec4d2d;color:#fff;text-shadow:none;font-size:16px;padding:8px 14px;margin-top:15px;border-radius:9px;width:max-content}.portal-orb{position:absolute;right:11%;bottom:-26px;width:250px;height:250px;border-radius:55% 55% 18% 18%;background:radial-gradient(circle at 45% 24%,#fff 0 16%,#7b36e0 17% 28%,transparent 29%),linear-gradient(145deg,#fe7150,#9736df);box-shadow:inset 0 0 0 14px #ffe07b}.portal-announce{padding:22px 38px;background:#fff;border-radius:20px;font-size:19px;font-weight:800;display:flex;justify-content:space-between}.portal-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px;margin:20px 0 15px;background:#fff;border:1px solid #eadcff;border-radius:20px}.portal-nav a{padding:14px 4px;text-align:center;font-size:17px;font-weight:800;color:#a586ce}.portal-nav a.on{color:#6e2fe1;border:1px solid #d8bbff;border-radius:16px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-entry{min-height:89px;border:1px solid #e2cbff;border-radius:16px;background:repeating-linear-gradient(90deg,#fff,#fff 3px,#fbf7ff 4px,#fbf7ff 7px);padding:15px;display:flex;align-items:center;gap:13px}.entry-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(145deg,#2d234e,#a647ee);border:3px solid #e6d3ff}.platform-entry strong{color:#2e1958;font-size:18px}.platform-entry small{color:#a986d2}.rating{margin-left:auto;color:#e8b425;font-size:23px;font-weight:900}.portal-foot{text-align:center;margin:56px 0 12px;color:#a785d5}.portal-foot b{font-size:23px;color:#7133e2}.prediction-card{background:#fff;border-radius:28px;padding:44px 45px}.period{display:flex;align-items:center;gap:20px}.period-num{width:108px;height:108px;border-radius:28px;background:#7430dd;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:900}.period h1{margin:0;font-size:36px;color:#7333df}.period p{font-size:19px;color:#af94d8}.opening{margin:38px 0;padding:37px;border-radius:24px;text-align:center;background:linear-gradient(135deg,#fffdf1,#fff);border:1px solid #fae6c4;color:#ab90d3}.opening b{display:block;font-size:43px;color:#7131e2;margin-top:18px}.stat-grid,.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat,.prediction-item{padding:24px;text-align:center;border:1px solid #e6d4ff;background:#f8f4ff;border-radius:24px;font-size:20px;font-weight:800}.stat b{font-size:39px;color:#7131e2}.prediction-item b{display:block;font-size:25px;color:#7131e2}.tag{display:inline-block;margin-top:14px;padding:7px 20px;border-radius:99px;background:#d9f4e2;color:#4bd884}.history{margin-top:40px;background:#fff;border:1px solid #e7d8fc;border-radius:20px;overflow:hidden}.history th{background:#f5edff;color:#7131e2}.history td{color:#8f70bd}@media(max-width:600px){.portal-frame{padding:10px;border-radius:20px}.portal-banner{height:190px;border-radius:17px}.portal-banner h1{font-size:30px;left:9%;top:20%}.portal-orb{width:140px;height:140px;right:8%;bottom:-10px}.portal-announce{font-size:13px;padding:17px}.portal-nav a{font-size:13px}.platform-grid{grid-template-columns:1fr}.prediction-card{padding:25px 16px}.period h1{font-size:26px}.period-num{width:80px;height:80px}.stat-grid,.prediction-grid{gap:10px}.stat,.prediction-item{padding:17px;font-size:16px}.opening b{font-size:34px}.history{font-size:12px;overflow:auto}}