:root {
                  --text: #F5FCFF;
                  --muted: rgba(226, 243, 252, .84);
                  --ink: #315B82;

                  --lavender-1: #12345F;
                  --lavender-2: #247FAE;
                  --lavender-3: #68DDF8;
                  --lavender-4: #D8F8FF;

                  --line: rgba(104, 221, 248, .58);
                  --shadow: rgba(8, 39, 76, .28);
                }

                .ax-info-wrap {
                  width: min(100%, 1040px);
                  max-width: 1040px;
                  margin: 18px auto 22px;
                  padding: 0;
                  box-sizing: border-box;
                }

                .ax-info-box {
                  position: relative;
                  width: 100%;
                  box-sizing: border-box;
                  background: linear-gradient(135deg,
                      #12345F 0%,
                      #247FAE 40%,
                      #68DDF8 72%,
                      #D8F8FF);
                  border: 1px solid var(--line);
                  border-radius: 20px;
                  padding: 20px 20px 18px;
                  color: var(--text);
                  overflow: hidden;
                  box-shadow:
                    0 14px 32px var(--shadow),
                    inset 0 1px 0 rgba(255,255,255,.35),
                    inset 0 0 0 1px rgba(255,255,255,.10);
                }

                .ax-info-box::before {
                  content: "";
                  position: absolute;
                  inset: 0;
                  background:
                    linear-gradient(120deg,
                      rgba(255,255,255,.25),
                      transparent 45%),
                    linear-gradient(300deg,
                      rgba(18,52,95,.18),
                      transparent 35%);
                  pointer-events: none;
                }

                .ax-info-box::after {
                  content: "";
                  position: absolute;
                  top: -12%;
                  right: -4%;
                  width: 36%;
                  height: 140%;
                  background: linear-gradient(135deg,
                      rgba(255,255,255,.35),
                      rgba(104,221,248,.18));
                  clip-path: polygon(34% 0,100% 0,100% 100%,0 100%);
                  pointer-events: none;
                }

                .ax-info-title {
                  position: relative;
                  z-index: 1;
                  margin: 0 0 14px;
                  font-weight: 800;
                  letter-spacing: .3px;
                  line-height: 1.2;
                  font-size: clamp(18px,2.1vw,26px);
                  display: flex;
                  align-items: center;
                  gap: 10px;
                  flex-wrap: wrap;
                  color: var(--ink);
                  text-shadow: 0 1px 0 rgba(255,255,255,.28);
                }

                .ax-badge {
                  display: inline-flex;
                  align-items: center;
                  gap: 8px;
                  padding: 7px 12px;
                  border-radius: 999px;
                  background: rgba(18,52,95,.22);
                  border: 1px solid rgba(255,255,255,.22);
                  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
                  font-size: 12px;
                  color: #F5FCFF;
                  white-space: nowrap;
                }

                .ax-dot {
                  width: 8px;
                  height: 8px;
                  border-radius: 50%;
                  background: #D8F8FF;
                  box-shadow: 0 0 0 5px rgba(255,255,255,.12);
                }

                .ax-grid {
                  position: relative;
                  z-index: 1;
                  display: grid;
                  grid-template-columns: 1fr 1fr;
                  gap: 12px 14px;
                  margin-top: 10px;
                }

                .ax-row {
                  background: linear-gradient(180deg,
                      rgba(18,52,95,.22),
                      rgba(36,127,174,.18));
                  border: 1px solid rgba(255,255,255,.12);
                  border-radius: 14px;
                  padding: 13px 14px;
                  box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.12),
                    inset 0 0 0 1px rgba(255,255,255,.04);
                  backdrop-filter: blur(2px);
                }

                .ax-label {
                  display: block;
                  font-size: 12px;
                  color: var(--muted);
                  margin-bottom: 6px;
                }

                .ax-value {
                  font-size: 14px;
                  font-weight: 700;
                  color: var(--text);
                  line-height: 1.35;
                }

                .ax-rating {
                  display: flex;
                  align-items: center;
                  gap: 10px;
                  flex-wrap: wrap;
                }

                .ax-stars {
                  font-size: 16px;
                  letter-spacing: 1px;
                  color: #9B93FF;
                  text-shadow: 0 0 10px rgba(113,104,232,.35);
                }

                .ax-note {
                  margin-top: 12px;
                  position: relative;
                  z-index: 1;
                  font-size: 12px;
                  color: rgba(241,249,253,.88);
                }

                @media (max-width:640px){
                  .ax-info-wrap{
                    width:calc(100% - 24px);
                    max-width:none;
                  }

                  .ax-info-box{
                    padding:16px 14px;
                    border-radius:16px;
                  }

                  .ax-grid{
                    grid-template-columns:1fr;
                  }

                  .ax-badge{
                    font-size:11px;
                  }
                }