:is(#view-identity-select, #view-dungeon) {
  --ink: #10245f;
  --muted: #6677aa;
  --line: rgba(126, 137, 205, .24);
  --violet: #7454df;
  --violet-2: #4f42d4;
  --glass: rgba(255, 255, 255, .75);
  font-family: var(--font);
  color: var(--ink);
}:is(#view-identity-select, #view-dungeon) *{ box-sizing: border-box; }:is(#view-identity-select, #view-dungeon) button{ font: inherit; color: inherit; }:is(#view-identity-select, #view-dungeon) button, :is(#view-identity-select, #view-dungeon) [tabindex]{ -webkit-tap-highlight-color: transparent; }:is(#view-identity-select, #view-dungeon) .sect-app{
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: clamp(238px, 16.55vw, 300px) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(49, 59, 119, .76);
  border-radius: clamp(17px, 1.3vw, 23px);
  background: #f8f9ff;
  box-shadow: inset 0 0 45px rgba(116, 129, 198, .12);
}:is(#view-identity-select, #view-dungeon) .sidebar{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,248,255,.82));
  border-right: 1px solid rgba(133, 143, 199, .22);
  backdrop-filter: blur(16px);
  box-shadow: 9px 0 28px rgba(78, 90, 159, .08);
}:is(#view-identity-select, #view-dungeon) .sidebar::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 40% 8%, rgba(255,255,255,.55), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.2), transparent 30%);
}:is(#view-identity-select, #view-dungeon) .sidebar > *{ position: relative; z-index: 1; }:is(#view-identity-select, #view-dungeon) .sect-brand{
  width: 100%;
  height: 132px;
  padding: 26px 29px;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 13px;
  text-align: left;
  cursor: pointer;
}:is(#view-identity-select, #view-dungeon) .sect-brand-seal{
  position: relative;
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  display: grid;
  place-items: center;
  border: 2px solid #8a72ee;
  border-radius: 50%;
  color: #5e48cf;
  font-family: var(--font);
  font-size: 30px;
  background: radial-gradient(circle, #fff 16%, #dad7ff 17% 31%, transparent 32%), conic-gradient(from 30deg, #8770eb, #dcd7ff, #8066e6);
  box-shadow: 0 0 0 6px rgba(117, 91, 222, .07), inset 0 0 16px white;
}:is(#view-identity-select, #view-dungeon) .sect-brand-seal::before, :is(#view-identity-select, #view-dungeon) .sect-brand-seal::after{
  content: "鉁?;
  position: absolute;
  right: -8px;
  top: 3px;
  font-size: 11px;
  color: #9888e7;
}:is(#view-identity-select, #view-dungeon) .sect-brand-seal::after{ left: -8px; right: auto; top: auto; bottom: 5px; }:is(#view-identity-select, #view-dungeon) .sect-brand-seal b{ position: relative; z-index: 2; text-shadow: 0 1px white; }:is(#view-identity-select, #view-dungeon) .sect-brand-copy strong{
  display: block;
  white-space: nowrap;
  font-family: var(--font);
  font-size: clamp(21px, 1.55vw, 27px);
  letter-spacing: .04em;
  color: #061342;
}:is(#view-identity-select, #view-dungeon) .sect-brand-copy small{ display:block; margin-top:5px; white-space:nowrap; font-size: 9px; letter-spacing:.16em; color:#7682a9; }:is(#view-identity-select, #view-dungeon) .sidebar-section{
  position: relative;
  margin-top: 4px;
  padding: 0 16px 72px 18px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}:is(#view-identity-select, #view-dungeon) /* 鏋佹贰涔﹁剨姘村嵃锛氬彧鏆楃ず涔︽灦锛屼笉鎶㈠垪琛?*/
.bookshelf{
  position: absolute;
  inset: 42px 8px 58px 8px;
  z-index: 0;
  pointer-events: none;
  border-radius: 14px;
  overflow: hidden;
  opacity: .4;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 13px,
      rgba(154, 133, 255, .1) 13px 15px,
      transparent 15px 26px,
      rgba(130, 148, 220, .07) 26px 27px,
      transparent 27px 38px,
      rgba(175, 160, 245, .09) 38px 40px,
      transparent 40px 49px,
      rgba(145, 135, 220, .06) 49px 50px
    );
  mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
}:is(#view-identity-select, #view-dungeon) .bookshelf::before, :is(#view-identity-select, #view-dungeon) .bookshelf::after{ display: none; }:is(#view-identity-select, #view-dungeon) .sidebar-title{
  position: relative;
  z-index: 1;
  margin: 8px 0 18px 6px;
  font-family: var(--font);
  font-size: clamp(17px, 1.1vw, 20px);
  font-weight: 600;
  letter-spacing: .14em;
  color: #536694;
}:is(#view-identity-select, #view-dungeon) .dungeon-list{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  padding: 2px 2px 8px;
}:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol{
  position: relative;
  width: 100%;
  min-height: 72px;
  border: 1px solid rgba(154, 133, 255, .22);
  border-radius: 4px 14px 14px 4px;
  background:
    linear-gradient(105deg, rgba(255,255,255,.92) 0%, rgba(247,245,255,.88) 70%, rgba(238,236,255,.82) 100%);
  display: grid;
  grid-template-columns: 16px 32px 1fr 9px;
  align-items: center;
  column-gap: 8px;
  padding: 11px 6px 11px 0;
  text-align: left;
  cursor: pointer;
  box-shadow:
    0 6px 16px rgba(86, 78, 160, .1),
    inset 0 0 0 6px rgba(255,255,255,.35);
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
  overflow: hidden;
}:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol::before{
  content: "";
  position: absolute;
  inset: 7px 12px 7px 24px;
  border: 1px dashed rgba(154, 133, 255, .16);
  border-radius: 3px;
  pointer-events: none;
}:is(#view-identity-select, #view-dungeon) .book-spine{
  position: relative;
  align-self: stretch;
  width: 16px;
  margin: -1px 0;
  border-radius: 3px 0 0 3px;
  background: linear-gradient(180deg, #9a85ff, #7454df 45%, #5a42c8 100%);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(40, 30, 100, .15);
}:is(#view-identity-select, #view-dungeon) .book-spine i{
  position: absolute;
  left: 3px;
  right: 3px;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.15), rgba(230, 220, 255, .7), rgba(255,255,255,.15));
}:is(#view-identity-select, #view-dungeon) .book-spine i:first-child{ top: 12px; }:is(#view-identity-select, #view-dungeon) .book-spine i:last-child{ bottom: 12px; }:is(#view-identity-select, #view-dungeon) .dungeon-item:nth-child(2) .book-spine{ background: linear-gradient(180deg, #8ea4ef, #5f72d4 45%, #4a58b8); }:is(#view-identity-select, #view-dungeon) .dungeon-item:nth-child(3) .book-spine{ background: linear-gradient(180deg, #b28aef, #7b52d4 45%, #5e3ab8); }:is(#view-identity-select, #view-dungeon) .dungeon-item:nth-child(4) .book-spine{ background: linear-gradient(180deg, #9a92ef, #6d64d0 45%, #5248b0); }:is(#view-identity-select, #view-dungeon) .book-edge{
  align-self: stretch;
  width: 8px;
  margin: 8px 0;
  border-radius: 0 8px 8px 0;
  background:
    repeating-linear-gradient(180deg, #f7f5ff 0 2px, #e8e4f8 2px 3px),
    #efecfa;
  box-shadow: inset 1px 0 0 rgba(154, 133, 255, .2);
}:is(#view-identity-select, #view-dungeon) .dungeon-mark{
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(154, 133, 255, .28);
  background: linear-gradient(145deg, #c4b5fd, #7eb8a8 40%, #5fad8a);
  color: white;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(100, 140, 180, .22), inset 0 1px 0 rgba(255,255,255,.45);
}:is(#view-identity-select, #view-dungeon) .dungeon-copy{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding-right: 4px;
}:is(#view-identity-select, #view-dungeon) .dungeon-name{
  font-family: var(--font);
  font-size: clamp(16px, 1.05vw, 19px);
  letter-spacing: .06em;
  color: #344877;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}:is(#view-identity-select, #view-dungeon) .dungeon-meta{
  font-size: 11px;
  letter-spacing: .06em;
  color: #7b88ad;
}:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol:hover{
  transform: translateX(4px);
  border-color: rgba(127, 91, 226, .42);
  box-shadow: 0 10px 22px rgba(94, 78, 185, .16), inset 0 0 0 6px rgba(255,255,255,.45);
}:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol:hover .dungeon-name{ color: #6049d9; }:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol.is-active{
  border-color: rgba(127, 91, 226, .5);
  background: linear-gradient(105deg, rgba(255,255,255,.97) 0%, rgba(242,238,255,.95) 100%);
  box-shadow:
    0 10px 24px rgba(104, 86, 210, .18),
    inset 0 0 0 1px rgba(154, 133, 255, .2),
    inset 0 0 0 6px rgba(255,255,255,.5);
}:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol.is-active .dungeon-name{ color: #6446dd; font-weight: 700; }:is(#view-identity-select, #view-dungeon) .dungeon-item.book-vol.is-active .book-spine{
  box-shadow: inset -1px 0 0 rgba(255,255,255,.35), 0 0 10px rgba(154, 133, 255, .35);
}:is(#view-identity-select, #view-dungeon) .back-button{
  position:absolute; left:50%; bottom:66px; transform:translateX(-50%);
  min-width:96px; height:42px; padding:0 16px 0 12px; border-radius:999px; border:1px solid #b7c3e6;
  background:rgba(255,255,255,.55); color:#7485ba; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:2px;
  font-family:var(--font); font-size:17px; letter-spacing:.12em;
  transition:.25s ease;
}
:is(#view-identity-select, #view-dungeon) .back-button-chevron{
  font-size:28px; line-height:1; font-family:var(--font); margin-top:-2px;
}
:is(#view-identity-select, #view-dungeon) .back-button-text{ line-height:1; }
:is(#view-identity-select, #view-dungeon) .back-button:hover{ transform:translateX(-50%) scale(1.06); background:#fff; color:#594ad5; box-shadow:0 5px 18px rgba(83,72,177,.18); }:is(#view-identity-select, #view-dungeon) .world{ position:relative; min-width:0; height:100%; overflow:hidden; isolation:isolate; }:is(#view-identity-select, #view-dungeon) .world::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.10) 35%,rgba(255,255,255,.02) 74%);
}:is(#view-identity-select, #view-dungeon) .landscape{
  position:absolute; inset:0; z-index:-5;
  background-image: linear-gradient(180deg, rgba(249,250,255,.02) 0%, rgba(249,250,255,.12) 55%, rgba(246,247,255,.18) 100%), url("assets/sect-landscape.png");
  background-size:cover; background-position:center bottom;
  opacity:.76;
}:is(#view-identity-select, #view-dungeon) .ambient{ position:absolute; border-radius:50%; z-index:-3; pointer-events:none; filter:blur(1px); }:is(#view-identity-select, #view-dungeon) .ambient-a{ width:680px; height:680px; left:330px; top:-160px; background:radial-gradient(circle, rgba(255,255,255,.7), transparent 67%); }:is(#view-identity-select, #view-dungeon) .ambient-b{ width:520px; height:350px; right:-80px; top:15px; background:radial-gradient(circle, rgba(218,221,255,.34), transparent 68%); }:is(#view-identity-select, #view-dungeon) .sect-topbar{ position:absolute; z-index:8; top:24px; right:30px; display:flex; align-items:center; gap:35px; }:is(#view-identity-select, #view-dungeon) .currencies{ display:flex; gap:14px; }:is(#view-identity-select, #view-dungeon) .currency{
  height:48px; min-width:174px; padding:0 18px; border:1px solid rgba(130,139,202,.22); border-radius:24px;
  display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.60); box-shadow:0 7px 18px rgba(102,111,176,.09); cursor:pointer;
  transition:.22s ease;
}:is(#view-identity-select, #view-dungeon) .currency:hover{ transform:translateY(-2px); background:rgba(255,255,255,.9); box-shadow:0 10px 22px rgba(94,78,185,.15); }:is(#view-identity-select, #view-dungeon) .currency b{ color:#5d6591; font-weight:500; }:is(#view-identity-select, #view-dungeon) .currency strong{ font-size:18px; letter-spacing:.03em; color:#455280; }:is(#view-identity-select, #view-dungeon) .gem{ width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:white; font-weight:700; text-shadow:0 1px 3px rgba(31,35,101,.4); box-shadow:inset 0 0 9px white, 0 2px 5px rgba(53,69,150,.2); }:is(#view-identity-select, #view-dungeon) .gem.cyan{ background:linear-gradient(145deg,#82f2ff,#09a6e9 62%,#1d55c7); transform:rotate(45deg); }:is(#view-identity-select, #view-dungeon) .gem.cyan::first-letter{ transform:rotate(-45deg); }:is(#view-identity-select, #view-dungeon) .gem.violet{ background:linear-gradient(145deg,#dcc9ff,#7644df 58%,#4d38bd); }:is(#view-identity-select, #view-dungeon) .gem.purple{ border-radius:50%; background:linear-gradient(145deg,#bcb6ff,#7148d7 60%,#46319c); font-size:11px; }:is(#view-identity-select, #view-dungeon) .sect-profile{ height:64px; border:0; background:transparent; display:flex; align-items:center; gap:12px; cursor:pointer; text-align:left; }:is(#view-identity-select, #view-dungeon) .sect-avatar{ width:59px; height:59px; border-radius:50%; padding:3px; background:linear-gradient(145deg,#fff,#8f7ae7); box-shadow:0 3px 10px rgba(68,61,137,.25); }:is(#view-identity-select, #view-dungeon) .sect-avatar > span{ width:100%; height:100%; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 62% 32%,#e8e5fa,#332e48 64%,#141727); color:white; font-family:var(--font); font-size:20px; }:is(#view-identity-select, #view-dungeon) .sect-profile b{ display:block; font-size:18px; color:#172650; }:is(#view-identity-select, #view-dungeon) .sect-profile small{ display:block; margin-top:4px; font-size:15px; color:#6975a0; }:is(#view-identity-select, #view-dungeon) .sect-profile i{ margin-left:8px; color:#7b85ae; font-style:normal; }:is(#view-identity-select, #view-dungeon) .sect-profile-menu{ position:absolute; right:0; top:72px; width:150px; padding:8px; background:rgba(255,255,255,.94); border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 30px rgba(65,72,130,.15); }:is(#view-identity-select, #view-dungeon) .sect-profile-menu button{ width:100%; border:0; padding:10px; background:transparent; border-radius:8px; cursor:pointer; }:is(#view-identity-select, #view-dungeon) .sect-profile-menu button:hover{ background:#f0edff; color:#6149d3; }:is(#view-identity-select, #view-dungeon) .hero-copy{ position:absolute; z-index:3; left:32px; top:162px; width:360px; }:is(#view-identity-select, #view-dungeon) .hero-copy h1{ margin:0; font-family:"STXingkai","FZXingKai-S04S","KaiTi",serif; font-weight:700; font-size:clamp(57px,4.15vw,69px); line-height:1.27; letter-spacing:.015em; color:#09184d; text-shadow:0 1px 0 white; }:is(#view-identity-select, #view-dungeon) .red-seal{ display:inline-grid; place-items:center; width:22px; height:35px; margin-left:10px; border:2px solid #c53643; color:#c53643; font-family:"KaiTi",serif; font-size:14px; vertical-align:18px; border-radius:5px; }:is(#view-identity-select, #view-dungeon) .hero-copy p{ margin:24px 0 0 7px; font-family:var(--font); font-size:19px; line-height:1.75; letter-spacing:.08em; color:#596d9c; }:is(#view-identity-select, #view-dungeon) .hero-actions{ margin:37px 0 0 6px; display:grid; gap:14px; width:272px; }:is(#view-identity-select, #view-dungeon) .sect-btn{
  height:52px; border-radius:27px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font); font-size:21px; letter-spacing:.08em; transition:.25s ease;
}:is(#view-identity-select, #view-dungeon) .sect-btn span{ float:none; margin:0; font-family:var(--font); font-size:22px; line-height:1; }:is(#view-identity-select, #view-dungeon) .sect-btn-primary{ border:1px solid #8b6cec; color:white; background:linear-gradient(180deg,#9f7bf0,#6745d5); box-shadow:inset 0 0 0 3px rgba(255,255,255,.24), 0 6px 16px rgba(90,59,190,.22); }:is(#view-identity-select, #view-dungeon) .sect-btn-secondary{ border:1px solid #9788e3; color:#515f98; background:rgba(255,255,255,.55); }:is(#view-identity-select, #view-dungeon) .sect-btn:hover{ transform:translateY(-2px) scale(1.01); filter:saturate(1.1); box-shadow:0 10px 22px rgba(78,59,171,.19); }:is(#view-identity-select, #view-dungeon) .formation{ position:absolute; z-index:2; left:45.55%; top:324px; width:560px; height:560px; transform:translate(-50%,-50%); }:is(#view-identity-select, #view-dungeon) .formation-lines{ position:absolute; inset:0; overflow:visible; filter:drop-shadow(0 0 8px rgba(124,103,218,.08)); animation:spin 80s linear infinite; }@keyframes spin{ to { transform:rotate(360deg); } }:is(#view-identity-select, #view-dungeon) .realm-core{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:235px; height:235px; border-radius:50%; border:3px solid rgba(255,255,255,.92);
  color:white; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer;
  background:
    radial-gradient(circle at 45% 32%, rgba(255,255,255,.38), transparent 16%),
    repeating-radial-gradient(circle, transparent 0 20px, rgba(255,255,255,.045) 21px 22px),
    linear-gradient(145deg,#8f73ef,#4a39b3 72%,#392896);
  box-shadow:0 0 0 8px rgba(113,88,219,.14), 0 0 0 12px rgba(255,255,255,.72), 0 0 34px rgba(101,75,214,.42), inset 0 0 42px rgba(255,255,255,.28);
  font-family:var(--font); transition:.3s ease;
}:is(#view-identity-select, #view-dungeon) .realm-core::before, :is(#view-identity-select, #view-dungeon) .realm-core::after{ content:"鉁?; position:absolute; left:50%; transform:translateX(-50%); color:white; text-shadow:0 0 12px white; font-size:19px; }:is(#view-identity-select, #view-dungeon) .realm-core::before{ top:-21px; }:is(#view-identity-select, #view-dungeon) .realm-core::after{ bottom:-21px; }:is(#view-identity-select, #view-dungeon) .realm-core:hover{ transform:translate(-50%,-50%) scale(1.035); box-shadow:0 0 0 8px rgba(113,88,219,.17),0 0 0 12px rgba(255,255,255,.82),0 0 48px rgba(101,75,214,.55),inset 0 0 50px rgba(255,255,255,.36); }:is(#view-identity-select, #view-dungeon) .core-star{ position:absolute; top:20px; font-style:normal; font-size:18px; }:is(#view-identity-select, #view-dungeon) .realm-core small{ font-size:18px; letter-spacing:.1em; }:is(#view-identity-select, #view-dungeon) .realm-core strong{ margin-top:8px; font-size:40px; font-weight:500; letter-spacing:.04em; font-family:var(--font); }:is(#view-identity-select, #view-dungeon) .realm-core > span{ width:122px; height:1px; margin:10px 0 5px; background:rgba(255,255,255,.45); }:is(#view-identity-select, #view-dungeon) .realm-core em{ font-size:15px; font-style:normal; color:#d9eafa; letter-spacing:.08em; }:is(#view-identity-select, #view-dungeon) .realm-core b{ font-family:var(--font); font-size:22px; font-weight:500; letter-spacing:.1em; }:is(#view-identity-select, #view-dungeon) .realm-node{ position:absolute; width:124px; border:0; background:transparent; cursor:pointer; text-align:center; color:#344877; font-family:var(--font); transition:.25s ease; }:is(#view-identity-select, #view-dungeon) .realm-node > span{ position:relative; z-index:1; width:68px; height:68px; margin:auto; display:grid; place-items:center; border-radius:50%; border:2px solid #bec8e5; background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(231,234,248,.78)); box-shadow:0 0 0 6px rgba(255,255,255,.62),inset 0 0 15px white; font-family:var(--font); font-size:15px; font-weight:600; letter-spacing:.02em; color:#52628d; white-space:nowrap; }:is(#view-identity-select, #view-dungeon) .realm-node b{ display:block; margin-top:9px; font-size:20px; letter-spacing:.04em; white-space:nowrap; }:is(#view-identity-select, #view-dungeon) .realm-node:hover{ transform:scale(1.07); color:#5f45d4; }:is(#view-identity-select, #view-dungeon) .realm-node:hover > span, :is(#view-identity-select, #view-dungeon) .realm-node.is-active > span{ color:white; border-color:#ddacf0; background:linear-gradient(145deg,#cf85eb,#7044d4 70%); box-shadow:0 0 0 7px rgba(255,255,255,.7),0 0 18px rgba(116,67,210,.52),inset 0 0 18px rgba(255,255,255,.45); }:is(#view-identity-select, #view-dungeon) .node-1{ left:218px; top:24px; }:is(#view-identity-select, #view-dungeon) .node-2{ right:-6px; top:216px; }:is(#view-identity-select, #view-dungeon) .node-3{ left:218px; bottom:-13px; }:is(#view-identity-select, #view-dungeon) .node-4{ left:-7px; top:216px; }:is(#view-identity-select, #view-dungeon) .identity-card{ position:absolute; z-index:5; right:34px; top:121px; width:370px; height:520px; padding:7px; border-radius:23px; background:rgba(255,255,255,.46); border:1px solid rgba(130,116,212,.34); box-shadow:0 10px 24px rgba(81,74,151,.14),0 0 0 4px rgba(255,255,255,.54); }:is(#view-identity-select, #view-dungeon) .identity-inner{ position:relative; height:100%; overflow:hidden; padding:24px 22px 18px; border:1px solid rgba(158,148,216,.27); border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(250,249,255,.63)); }:is(#view-identity-select, #view-dungeon) .identity-inner::before{ content:""; position:absolute; inset:11px; border:1px dashed rgba(139,126,201,.14); border-radius:13px; pointer-events:none; }:is(#view-identity-select, #view-dungeon) .identity-heading{ display:flex; align-items:center; justify-content:center; gap:22px; font-family:var(--font); }:is(#view-identity-select, #view-dungeon) .identity-heading::before, :is(#view-identity-select, #view-dungeon) .identity-heading::after{ content:""; width:50px; height:1px; background:linear-gradient(90deg,transparent,#9a8ee0); }:is(#view-identity-select, #view-dungeon) .identity-heading::after{ transform:scaleX(-1); }:is(#view-identity-select, #view-dungeon) .identity-heading h2{ margin:0; font-size:21px; letter-spacing:.12em; }:is(#view-identity-select, #view-dungeon) .identity-heading i{ margin-left:-20px; margin-right:-20px; color:#8d6fe5; font-style:normal; }:is(#view-identity-select, #view-dungeon) .identity-card h3{ margin:12px 0 8px; text-align:center; font-family:var(--font); font-size:37px; font-weight:500; letter-spacing:.09em; color:#5135c0; }:is(#view-identity-select, #view-dungeon) .level-pill{ width:140px; height:34px; margin:auto; display:grid; place-items:center; clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%); background:linear-gradient(90deg,#f2f2ff,#e7e0ff,#f4f3ff); color:#503aaf; font-family:var(--font); font-size:17px; }:is(#view-identity-select, #view-dungeon) .identity-card dl{ position:relative; z-index:1; margin:16px 0 0; }:is(#view-identity-select, #view-dungeon) .identity-card dl > div{ height:46px; padding:0 3px; border-bottom:1px solid rgba(125,132,184,.18); display:flex; align-items:center; justify-content:space-between; font-family:var(--font); font-size:17px; }:is(#view-identity-select, #view-dungeon) .identity-card dt{ color:#5b6a9b; }:is(#view-identity-select, #view-dungeon) .identity-card dt span{ display:inline-block; width:27px; color:#7485cc; font-family:var(--font); }:is(#view-identity-select, #view-dungeon) .identity-card dd{ margin:0; color:#334575; }:is(#view-identity-select, #view-dungeon) .identity-card dd.accent{ color:#5c3bcf; }:is(#view-identity-select, #view-dungeon) .identity-detail{
  position:relative; z-index:2; width:226px; height:45px; margin:14px auto 0; display:flex; align-items:center; justify-content:center; gap:8px;
  border:1px solid #8b6ce3; border-radius:23px; color:white; font-family:var(--font); font-size:20px; letter-spacing:.12em;
  background:linear-gradient(180deg,#9d76e8,#6946d0); box-shadow:inset 0 0 0 2px rgba(255,255,255,.23),0 5px 13px rgba(96,66,188,.19); cursor:pointer; transition:.25s ease;
}:is(#view-identity-select, #view-dungeon) .identity-detail span{ float:none; margin:0; font-family:var(--font); font-size:20px; line-height:1; }:is(#view-identity-select, #view-dungeon) .identity-detail:hover{ transform:translateY(-2px); filter:brightness(1.08); }:is(#view-identity-select, #view-dungeon) .identity-mountains{ position:absolute; left:0; right:0; bottom:-12px; height:92px; opacity:.4; background:linear-gradient(160deg,transparent 0 29%,rgba(165,152,222,.20) 30% 37%,transparent 38%),linear-gradient(25deg,transparent 0 44%,rgba(123,107,198,.22) 45% 51%,transparent 52%); }:is(#view-identity-select, #view-dungeon) .feature-grid{ position:absolute; z-index:6; left:28px; right:44px; bottom:38px; height:232px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }:is(#view-identity-select, #view-dungeon) .feature-card{ position:relative; overflow:hidden; min-width:0; padding:25px 16px; border:1px solid rgba(127,137,193,.26); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.87),rgba(247,247,255,.73)); box-shadow:0 7px 17px rgba(70,82,145,.13),inset 0 0 0 7px rgba(255,255,255,.42); outline:none; cursor:pointer; transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease; }:is(#view-identity-select, #view-dungeon) .feature-card::after{ content:""; position:absolute; width:210px; height:210px; left:-82px; bottom:-118px; border-radius:50%; background:radial-gradient(circle,rgba(143,117,237,.18),transparent 68%); pointer-events:none; }:is(#view-identity-select, #view-dungeon) .feature-card:hover, :is(#view-identity-select, #view-dungeon) .feature-card:focus-visible, :is(#view-identity-select, #view-dungeon) .feature-card.is-selected{ transform:translateY(-5px); border-color:rgba(112,83,218,.44); box-shadow:0 14px 28px rgba(78,63,160,.18),inset 0 0 0 7px rgba(255,255,255,.53); }:is(#view-identity-select, #view-dungeon) .feature-copy{ position:absolute; left:48%; top:28px; width:48%; font-family:var(--font); }:is(#view-identity-select, #view-dungeon) .feature-copy h2{ margin:0 0 9px; font-size:25px; color:#101d50; white-space:nowrap; }:is(#view-identity-select, #view-dungeon) .feature-copy p{ margin:0; font-size:15px; line-height:1.65; color:#62729a; letter-spacing:.04em; }:is(#view-identity-select, #view-dungeon) .feature-card > button{
  position:absolute; z-index:3; right:21px; bottom:28px; width:147px; height:39px;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  border:1px solid rgba(103,77,196,.65); border-radius:21px; color:white;
  background:linear-gradient(180deg,#8270d8,#563fba); box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);
  font-family:var(--font); font-size:16px; letter-spacing:.08em; cursor:pointer; transition:.2s ease;
}:is(#view-identity-select, #view-dungeon) .feature-card > button:hover{ transform:translateX(3px); filter:brightness(1.1); }:is(#view-identity-select, #view-dungeon) .feature-card > button span{ float:none; margin:0; font-family:var(--font); font-size:18px; line-height:1; }:is(#view-identity-select, #view-dungeon) .feature-art{ position:absolute; left:18px; top:30px; width:118px; height:158px; }:is(#view-identity-select, #view-dungeon) .art-book{ transform:rotate(-8deg); border:5px solid #4665a8; border-radius:6px 13px 13px 6px; background:linear-gradient(135deg,#6a8fc4,#2e538d); box-shadow:9px 8px 14px rgba(45,57,111,.2),inset 0 0 22px rgba(255,255,255,.35); }:is(#view-identity-select, #view-dungeon) .art-book::before, :is(#view-identity-select, #view-dungeon) .art-book::after{ content:""; position:absolute; top:-8px; bottom:-8px; width:6px; border:2px solid #9eb6dc; border-radius:4px; background:#e5ecfa; }:is(#view-identity-select, #view-dungeon) .art-book::before{left:-8px}:is(#view-identity-select, #view-dungeon) .art-book::after{right:-8px}:is(#view-identity-select, #view-dungeon) .art-book b{position:absolute;left:34px;top:52px;width:42px;height:42px;border:2px solid #d8d19c;border-radius:50%;display:grid;place-items:center;color:#e6dda9;font-family:"KaiTi",serif;font-size:20px}:is(#view-identity-select, #view-dungeon) .art-book i{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.27)}:is(#view-identity-select, #view-dungeon) .art-scroll{ left:32px; top:27px; width:72px; height:168px; border-radius:22px; transform:rotate(-8deg); background:linear-gradient(90deg,#4b2e9a,#a788ed 28%,#5331ad 72%,#291b6e); border:4px solid #2f2271; box-shadow:8px 10px 16px rgba(62,41,137,.25),inset 0 0 12px rgba(255,255,255,.4); }:is(#view-identity-select, #view-dungeon) .art-scroll::before, :is(#view-identity-select, #view-dungeon) .art-scroll::after{content:"";position:absolute;left:-13px;right:-13px;height:20px;border-radius:50%;background:linear-gradient(#a897e8,#5233a6);border:2px solid #40278e}:is(#view-identity-select, #view-dungeon) .art-scroll::before{top:-8px}:is(#view-identity-select, #view-dungeon) .art-scroll::after{bottom:-8px}:is(#view-identity-select, #view-dungeon) .art-scroll b{position:absolute;top:58px;left:16px;color:#eddaac;font-family:"KaiTi";font-size:27px}:is(#view-identity-select, #view-dungeon) .art-scroll i{position:absolute;width:24px;height:38px;left:-13px;top:67px;border:3px solid #6d50be;border-radius:50%}:is(#view-identity-select, #view-dungeon) .art-swords{ left:20px; top:38px; width:128px; height:140px; }:is(#view-identity-select, #view-dungeon) .art-swords i{position:absolute;left:58px;top:-8px;width:12px;height:145px;border-radius:5px 5px 12px 12px;background:linear-gradient(90deg,#d3d8ea,#fff,#687494);box-shadow:0 0 0 2px #4c5679,0 8px 12px rgba(57,51,110,.2);transform:rotate(35deg);transform-origin:50% 80%}:is(#view-identity-select, #view-dungeon) .art-swords i:nth-child(2){transform:rotate(-35deg);background:linear-gradient(90deg,#727e9e,#fff,#cad0e4)}:is(#view-identity-select, #view-dungeon) .art-swords b{position:absolute;left:20px;right:20px;bottom:0;height:28px;border-radius:50%;background:radial-gradient(ellipse,#b574ef,#5331bd 48%,#e8d7ff 52%,transparent 56%);filter:drop-shadow(0 5px 7px rgba(94,50,164,.3))}:is(#view-identity-select, #view-dungeon) .art-plaza{ left:18px; top:32px; width:112px; height:152px; transform:rotate(4deg); border-radius:50% 50% 12px 12px; background:linear-gradient(180deg,#c9b8ff 0%,#7b5fd8 45%,#4a38a8 100%); border:4px solid #3d2f8a; box-shadow:8px 10px 16px rgba(62,41,137,.22),inset 0 0 18px rgba(255,255,255,.35); }:is(#view-identity-select, #view-dungeon) .art-plaza::before{ content:""; position:absolute; left:50%; top:-18px; transform:translateX(-50%); width:52px; height:52px; border-radius:50%; background:radial-gradient(circle at 40% 35%,#fff,#b8a8f0 55%,#6d52c8); border:3px solid #4a38a8; box-shadow:0 4px 10px rgba(74,56,168,.25); }:is(#view-identity-select, #view-dungeon) .art-plaza::after{ content:""; position:absolute; left:8px; right:8px; bottom:12px; height:28px; border-radius:50%; background:radial-gradient(ellipse,rgba(255,255,255,.45),transparent 70%); }:is(#view-identity-select, #view-dungeon) .art-plaza b{ position:absolute; left:50%; top:58px; transform:translateX(-50%); width:38px; height:38px; display:grid; place-items:center; border:2px solid rgba(255,255,255,.55); border-radius:50%; color:#f5eeda; font-family:"KaiTi",serif; font-size:18px; text-shadow:0 1px 3px rgba(45,35,100,.4); }:is(#view-identity-select, #view-dungeon) .art-plaza i{ position:absolute; inset:14px 10px 36px; border:1px solid rgba(255,255,255,.22); border-radius:40% 40% 8px 8px; }:is(#view-identity-select, #view-dungeon) .footer-motto{ position:absolute; z-index:7; left:50%; bottom:3px; transform:translateX(-50%); margin:0; font-family:var(--font); font-size:15px; letter-spacing:.14em; color:#6c78a7; white-space:nowrap; }:is(#view-identity-select, #view-dungeon) .footer-motto span{ color:#b9b8df; }:is(#view-identity-select, #view-dungeon) .toast{ position:absolute; z-index:30; left:50%; bottom:270px; transform:translate(-50%,14px); padding:12px 24px; border:1px solid rgba(109,89,200,.34); border-radius:22px; color:#fff; background:rgba(71,53,153,.86); box-shadow:0 12px 30px rgba(60,45,130,.25); opacity:0; pointer-events:none; transition:.28s ease; }:is(#view-identity-select, #view-dungeon) .toast.is-visible{opacity:1;transform:translate(-50%,0)}@media (max-width: 1500px){
  :is(#view-identity-select, #view-dungeon) .sect-topbar { gap:18px; }
  :is(#view-identity-select, #view-dungeon) .currency { min-width:146px; padding:0 13px; }
  :is(#view-identity-select, #view-dungeon) .currency strong {font-size:16px}
  :is(#view-identity-select, #view-dungeon) .sect-profile {gap:8px}
  :is(#view-identity-select, #view-dungeon):not(:has(.sect-hub)) .hero-copy { left:32px; top:155px; transform:scale(.91); transform-origin:left top; }
  :is(#view-identity-select, #view-dungeon):not(:has(.sect-hub)) .formation { left:46%; top:315px; transform:translate(-50%,-50%) scale(.9); }
  :is(#view-identity-select, #view-dungeon):not(:has(.sect-hub)) .identity-card { right:24px; width:350px; transform:scale(.92); transform-origin:right top; }
  :is(#view-identity-select, #view-dungeon) .feature-grid:not(.hub-features) { left:20px; right:25px; height:220px; }
  :is(#view-identity-select, #view-dungeon) .hub-features.feature-grid,
  :is(#view-identity-select, #view-dungeon) .hub-features {
    left: auto !important;
    right: auto !important;
    height: auto !important;
  }
  :is(#view-identity-select, #view-dungeon) .feature-copy h2 {font-size:22px}
  :is(#view-identity-select, #view-dungeon) .feature-art {transform:scale(.9)}
  :is(#view-identity-select, #view-dungeon) .art-book {transform:rotate(-8deg) scale(.9)}

}@media (min-width: 1800px){
  :is(#view-identity-select, #view-dungeon) .sect-topbar { right:42px; }
  :is(#view-identity-select, #view-dungeon) .hero-copy { left:50px; }
  :is(#view-identity-select, #view-dungeon) .identity-card { right:42px; }
  :is(#view-identity-select, #view-dungeon) .feature-grid:not(.hub-features) {left:34px;right:42px;}

}


:is(#view-identity-select, #view-dungeon).view-path.active,
:is(#view-identity-select, #view-dungeon).active {
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  height: 0;
  overflow: hidden;
}
:is(#view-identity-select, #view-dungeon) .sect-app {
  flex: 1;
  min-height: 0;
  height: 100%;
  width: 100%;
  border-radius: 18px;
}
.app.app--sect {
  padding: 10px 12px 16px;
  height: 100dvh;
  overflow: hidden;
}
.app.app--sect .bg { opacity: 0.35; }

/* 鈥斺€?鍓湰涓婚〉锛氫换鍔′晶鏍?+ 涓棿杩涘害 + 韬唤锛涘簳閮ㄥ叆鍙ｅ父鏄?鈥斺€?*/
:is(#view-identity-select, #view-dungeon) .sect-hub {
  grid-template-columns: clamp(340px, 22vw, 390px) minmax(0, 1fr);
  min-height: 0;
}

:is(#view-identity-select, #view-dungeon) .hub-tasks {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
:is(#view-identity-select, #view-dungeon) .hub-tasks .sect-brand {
  flex: 0 0 auto;
  height: auto;
  min-height: 96px;
  padding: 18px 16px 12px;
}
:is(#view-identity-select, #view-dungeon) .hub-tasks .sect-brand-seal {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  font-size: 26px;
}
:is(#view-identity-select, #view-dungeon) .hub-tasks .sect-brand-copy strong {
  font-size: clamp(20px, 1.4vw, 24px);
}
:is(#view-identity-select, #view-dungeon) .hub-tasks .sect-brand-copy small {
  font-size: 12px !important;
}
:is(#view-identity-select, #view-dungeon) .hub-task-scroll,
:is(#view-identity-select, #view-dungeon) .hub-tasks .sidebar-section {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 14px 12px 14px !important;
  margin-top: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.85) transparent;
}
:is(#view-identity-select, #view-dungeon) .hub-task-scroll::-webkit-scrollbar,
:is(#view-identity-select, #view-dungeon) .hub-tasks .sidebar-section::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
:is(#view-identity-select, #view-dungeon) .hub-task-scroll::-webkit-scrollbar-track,
:is(#view-identity-select, #view-dungeon) .hub-tasks .sidebar-section::-webkit-scrollbar-track {
  background: transparent;
}
:is(#view-identity-select, #view-dungeon) .hub-task-scroll::-webkit-scrollbar-thumb,
:is(#view-identity-select, #view-dungeon) .hub-tasks .sidebar-section::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.82);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
:is(#view-identity-select, #view-dungeon) .hub-task-scroll::-webkit-scrollbar-button,
:is(#view-identity-select, #view-dungeon) .hub-tasks .sidebar-section::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
:is(#view-identity-select, #view-dungeon) .hub-task-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 0 2px 8px;
}
:is(#view-identity-select, #view-dungeon) .hub-task-head .sidebar-title {
  margin: 0 !important;
  font-size: 19px !important;
}
:is(#view-identity-select, #view-dungeon) .hub-task-count {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  color: #5e48cf;
  background: rgba(140, 120, 230, 0.12);
  border: 1px solid rgba(120, 100, 220, 0.22);
}
:is(#view-identity-select, #view-dungeon) .hub-task-lead {
  margin: 0 4px 12px;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.5;
  color: #6a78a4;
}
:is(#view-identity-select, #view-dungeon) .task-list {
  display: grid;
  gap: 10px;
  padding-bottom: 8px;
}
:is(#view-identity-select, #view-dungeon) .task-item {
  width: 100%;
  border: 1px solid rgba(154, 133, 255, 0.22);
  border-radius: 14px;
  padding: 12px 12px 10px;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(245,243,255,.88));
  box-shadow: 0 5px 12px rgba(86, 78, 160, 0.08);
}
:is(#view-identity-select, #view-dungeon) .task-item:hover:not(.is-locked) {
  transform: translateX(3px);
  border-color: rgba(127, 91, 226, 0.42);
}
:is(#view-identity-select, #view-dungeon) .task-item.is-active {
  border-color: rgba(127, 91, 226, 0.5);
  background: linear-gradient(135deg, #fff, #f3efff);
}
:is(#view-identity-select, #view-dungeon) .task-item.is-done { border-color: rgba(72, 160, 130, 0.35); }
:is(#view-identity-select, #view-dungeon) .task-item.is-locked { opacity: 0.58; cursor: not-allowed; }
:is(#view-identity-select, #view-dungeon) .task-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
:is(#view-identity-select, #view-dungeon) .task-item-idx {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #5e48cf;
  background: rgba(140, 120, 230, 0.14);
}
:is(#view-identity-select, #view-dungeon) .task-item.is-done .task-item-idx {
  color: #fff;
  background: linear-gradient(145deg, #7eb8a8, #4e9a7a);
}
:is(#view-identity-select, #view-dungeon) .task-item-status { font-size: 13px; color: #6f7da8; }
:is(#view-identity-select, #view-dungeon) .task-item.is-active .task-item-status { color: #6446dd; }
:is(#view-identity-select, #view-dungeon) .task-item-name {
  display: block;
  font-family: var(--font);
  font-size: 17px;
  color: #2a3a6e;
  margin-bottom: 8px;
}
:is(#view-identity-select, #view-dungeon) .task-item.is-active .task-item-name { color: #5538d0; font-weight: 700; }
:is(#view-identity-select, #view-dungeon) .task-item-bar {
  display: block;
  height: 7px;
  border-radius: 999px;
  background: rgba(140, 150, 200, 0.18);
  overflow: hidden;
}
:is(#view-identity-select, #view-dungeon) .task-item-bar > i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #9a85ff, #5e48cf);
}
:is(#view-identity-select, #view-dungeon) .task-item-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 13px;
  color: #6f7da8;
}

/* 宸︿晶搴曢儴鎿嶄綔锛氬父鏄撅紝涓嶈浠诲姟鍒楄〃鎸ゆ帀 */
:is(#view-identity-select, #view-dungeon) .hub-side-actions {
  flex: 0 0 auto;
  position: relative !important;
  z-index: 5;
  display: grid !important;
  gap: 10px;
  padding: 12px 14px 16px;
  border-top: 1px solid rgba(133, 143, 199, 0.22);
  background: linear-gradient(180deg, rgba(248,249,255,.92), rgba(255,255,255,.96));
}
:is(#view-identity-select, #view-dungeon) .hub-switch-btn,
:is(#view-identity-select, #view-dungeon) .hub-back-btn {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100%;
  height: 44px;
  margin: 0;
  font-size: 17px;
  border-radius: 22px;
}
:is(#view-identity-select, #view-dungeon) .hub-back-btn {
  border: 1px solid #b7c3e6;
  color: #4f5f98;
  background: rgba(255,255,255,.8);
}

/* 鍙充晶涓诲尯锛氫笂鍐呭 + 涓嬪洓鍏ュ彛 */
:is(#view-identity-select, #view-dungeon) .hub-world {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
:is(#view-identity-select, #view-dungeon) .hub-topbar {
  position: absolute !important;
  z-index: 20;
  top: 14px;
  left: auto !important;
  right: 20px !important;
  width: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
#view-identity-select .hub-topbar .hub-top-back {
  display: none !important;
}
:is(#view-identity-select, #view-dungeon) .hub-topbar .sect-profile {
  margin-left: 0 !important;
}
#view-identity-select .hub-topbar .sect-profile-menu {
  left: auto;
  right: 0;
}

:is(#view-identity-select, #view-dungeon) .hub-body {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 150px;
  gap: 10px;
  padding: 58px 16px 12px 16px;
  overflow: hidden;
}

:is(#view-identity-select, #view-dungeon) .hub-main-grid {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 100px 340px;
  gap: 20px;
  align-items: stretch;
  overflow: hidden;
  padding: 0 4px !important;
}
:is(#view-identity-select, #view-dungeon) .hub-center {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  justify-self: stretch;
  position: relative;
  z-index: 1;
}
:is(#view-identity-select, #view-dungeon) .hub-hero {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100%;
  max-width: 520px;
  text-align: center;
  transform: none !important;
  padding: 0 8px;
  flex: 0 0 auto;
}
:is(#view-identity-select, #view-dungeon) .hub-kicker {
  margin: 0 0 6px;
  font-family: var(--font);
  font-size: 16px;
  letter-spacing: 0.14em;
  color: #7a6ad4;
}
:is(#view-identity-select, #view-dungeon) .hub-hero h1 {
  margin: 0;
  font-size: clamp(34px, 2.8vw, 48px) !important;
  line-height: 1.22;
}
:is(#view-identity-select, #view-dungeon) .hub-hero p {
  margin: 10px auto 0 !important;
  max-width: 420px;
  font-size: 16px !important;
  line-height: 1.55;
  color: #4f6194 !important;
}
:is(#view-identity-select, #view-dungeon) .hub-hero .hero-actions {
  margin: 12px auto 0 !important;
  width: auto;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
:is(#view-identity-select, #view-dungeon) .hub-hero .sect-btn {
  height: 46px;
  min-width: 150px;
  font-size: 18px;
  padding: 0 18px;
}

:is(#view-identity-select, #view-dungeon) .hub-formation {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: min(320px, 36vh, 100%);
  height: min(320px, 36vh, 100%);
  aspect-ratio: 1;
  margin: 0 auto;
  flex: 0 1 auto;
}
:is(#view-identity-select, #view-dungeon) .hub-formation .formation-lines { animation: none; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-core {
  width: 160px;
  height: 160px;
}
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-core strong { font-size: 32px; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-core small { font-size: 16px; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-core b { font-size: 18px; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-node { width: 88px; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-node > span {
  width: 50px;
  height: 50px;
  font-size: 13px;
}
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-node b { font-size: 15px; margin-top: 5px; }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-1 { left: 50%; top: 1%; transform: translateX(-50%); }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-2 { right: -2%; top: 50%; transform: translateY(-50%); left: auto; }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-3 { left: 50%; bottom: -2%; top: auto; transform: translateX(-50%); }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-4 { left: -2%; top: 50%; transform: translateY(-50%); }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-5 { left: 10%; top: 12%; }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-6 { right: 10%; top: 12%; left: auto; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-node.is-locked { opacity: 0.45; pointer-events: none; }
:is(#view-identity-select, #view-dungeon) .hub-formation .realm-node.is-done > span {
  color: white;
  border-color: #8fd0b8;
  background: linear-gradient(145deg, #8fd0b8, #3d9a72 70%);
}
:is(#view-identity-select, #view-dungeon) .hub-formation .node-1.is-active,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-1:hover,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-3.is-active,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-3:hover { transform: translateX(-50%) scale(1.05); }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-2.is-active,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-2:hover,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-4.is-active,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-4:hover { transform: translateY(-50%) scale(1.05); }
:is(#view-identity-select, #view-dungeon) .hub-formation .node-5.is-active,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-5:hover,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-6.is-active,
:is(#view-identity-select, #view-dungeon) .hub-formation .node-6:hover { transform: scale(1.05); }

:is(#view-identity-select, #view-dungeon) .hub-right {
  position: relative !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100%;
  max-width: 340px;
  min-height: 0;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  z-index: 2;
}
:is(#view-identity-select, #view-dungeon) .hub-water {
  position: relative !important;
  right: auto;
  top: auto;
  transform: none !important;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}
:is(#view-identity-select, #view-dungeon) .hub-identity {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0;
  max-height: 100%;
  padding: 7px !important;
  border-radius: 20px;
  overflow: auto;
}
:is(#view-identity-select, #view-dungeon) .hub-identity .identity-inner {
  min-height: 0;
  height: auto;
  padding: 20px 18px 16px;
}
:is(#view-identity-select, #view-dungeon) .hub-identity .identity-heading h2 { font-size: 20px; }
:is(#view-identity-select, #view-dungeon) .hub-identity h3 {
  margin: 10px 0 8px;
  font-size: 32px !important;
  text-align: center;
  color: #5135c0;
}
:is(#view-identity-select, #view-dungeon) .hub-identity .level-pill {
  width: 140px;
  height: 32px;
  font-size: 16px;
}
:is(#view-identity-select, #view-dungeon) .hub-identity dl { margin: 12px 0 0; }
:is(#view-identity-select, #view-dungeon) .hub-identity dl > div {
  height: 42px;
  font-size: 17px;
}
:is(#view-identity-select, #view-dungeon) .hub-identity .identity-detail {
  width: 100%;
  max-width: 200px;
  height: 42px;
  margin: 14px auto 0;
  font-size: 17px;
}

/* 搴曢儴鍥涘叆鍙ｏ細鍗犵嫭绔嬬綉鏍艰锛屾案涓嶈鍒?*/
:is(#view-identity-select, #view-dungeon) .hub-features {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 8;
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
:is(#view-identity-select, #view-dungeon) .hub-features .feature-card {
  height: 150px !important;
  min-height: 150px !important;
  padding: 14px 12px !important;
}
:is(#view-identity-select, #view-dungeon) .hub-features .feature-copy {
  left: 42% !important;
  top: 14px !important;
  width: 54% !important;
}
:is(#view-identity-select, #view-dungeon) .hub-features .feature-copy h2 {
  font-size: 20px !important;
  margin-bottom: 4px !important;
}
:is(#view-identity-select, #view-dungeon) .hub-features .feature-copy p {
  font-size: 13px !important;
  line-height: 1.4;
}
:is(#view-identity-select, #view-dungeon) .hub-features .feature-art {
  transform: scale(0.58) !important;
  transform-origin: left top;
  left: 10px !important;
  top: 14px !important;
}
:is(#view-identity-select, #view-dungeon) .hub-features .feature-card > button {
  right: 12px !important;
  bottom: 12px !important;
  width: 120px !important;
  height: 34px !important;
  font-size: 14px !important;
}

:is(#view-identity-select, #view-dungeon) .sect-hub[data-path="hardware"] .sect-brand-seal {
  border-color: #5a8fd4;
  color: #2f6bb8;
  background: radial-gradient(circle, #fff 16%, #d4e6ff 17% 31%, transparent 32%), conic-gradient(from 30deg, #6a9ee0, #dceaff, #4f87d0);
}
:is(#view-identity-select, #view-dungeon) .sect-hub[data-path="business"] .sect-brand-seal {
  border-color: #a078e0;
  color: #6b3ab0;
  background: radial-gradient(circle, #fff 16%, #ead9ff 17% 31%, transparent 32%), conic-gradient(from 30deg, #a078e0, #f0e4ff, #8a5ad0);
}

@media (max-width: 1400px) {
  :is(#view-identity-select, #view-dungeon) .hub-main-grid {
    grid-template-columns: minmax(0, 1fr) 80px 280px;
    gap: 14px;
    align-items: stretch;
  }
  :is(#view-identity-select, #view-dungeon) .hub-water {
    width: 100%;
  }
  :is(#view-identity-select, #view-dungeon) .hub-right {
    max-width: 280px;
  }
  :is(#view-identity-select, #view-dungeon) .hub-formation {
    width: min(280px, 32vh);
    height: min(280px, 32vh);
  }
  :is(#view-identity-select, #view-dungeon) .hub-body {
    grid-template-rows: minmax(0, 1fr) 132px;
  }
  :is(#view-identity-select, #view-dungeon) .hub-features,
  :is(#view-identity-select, #view-dungeon) .hub-features .feature-card {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
  }
}
@media (max-width: 1500px) {
  :is(#view-identity-select, #view-dungeon) .hub-features.feature-grid,
  :is(#view-identity-select, #view-dungeon) .hub-features {
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
}
/* 中间任务面板撑满左栏 */
:is(#view-identity-select, #view-dungeon) .hub-center {
  align-items: stretch;
  justify-content: center;
  gap: 14px;
  padding-right: 0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  justify-self: stretch;
}
:is(#view-identity-select, #view-dungeon) .hub-board {
  flex: 1 1 auto;
  min-height: 0;
  width: min(560px, 100%);
  margin: 0 auto;
  display: flex;
}
:is(#view-identity-select, #view-dungeon) .hub-board-glass {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 18px 18px 14px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  background:
    linear-gradient(160deg, rgba(255,255,255,.42), rgba(245,242,255,.28) 55%, rgba(230,236,255,.34)),
    rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  box-shadow:
    0 18px 40px rgba(70, 60, 140, 0.14),
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 0 0 1px rgba(140, 120, 220, 0.12);
  animation: hub-board-float 5.5s ease-in-out infinite;
}
@keyframes hub-board-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
:is(#view-identity-select, #view-dungeon) .hub-board-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
:is(#view-identity-select, #view-dungeon) .hub-board-head em {
  display: block;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.18em;
  color: #7a6ad4;
  margin-bottom: 4px;
}
:is(#view-identity-select, #view-dungeon) .hub-board-head h2 {
  margin: 0;
  font-family: var(--font);
  font-size: 24px;
  letter-spacing: 0.08em;
  color: #1a2a60;
}
:is(#view-identity-select, #view-dungeon) .hub-board-date {
  flex-shrink: 0;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  color: #5e48cf;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(140, 120, 220, 0.22);
}
:is(#view-identity-select, #view-dungeon) .hub-board-sub {
  margin: 0 0 12px;
  font-size: 14px;
  color: #6677aa;
}
:is(#view-identity-select, #view-dungeon) .hub-board-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
:is(#view-identity-select, #view-dungeon) .hub-board-empty {
  padding: 28px 12px;
  text-align: center;
  color: #7a88b0;
  font-size: 15px;
}
:is(#view-identity-select, #view-dungeon) .hub-board-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 12px 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(140, 120, 220, 0.16);
  background: rgba(255,255,255,.48);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
:is(#view-identity-select, #view-dungeon) .hub-board-item:hover {
  transform: translateY(-2px);
  border-color: rgba(127, 91, 226, 0.35);
  box-shadow: 0 10px 22px rgba(90, 70, 170, 0.12);
}
:is(#view-identity-select, #view-dungeon) .hub-board-item.is-priority {
  border-color: rgba(127, 91, 226, 0.4);
  background: linear-gradient(120deg, rgba(255,255,255,.7), rgba(236,230,255,.55));
}
:is(#view-identity-select, #view-dungeon) .hub-board-tag {
  display: inline-block;
  margin-bottom: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: #5e48cf;
  background: rgba(140, 120, 230, 0.14);
}
:is(#view-identity-select, #view-dungeon) .hub-board-item.is-priority .hub-board-tag {
  color: #fff;
  background: linear-gradient(90deg, #8b6cec, #6745d5);
}
:is(#view-identity-select, #view-dungeon) .hub-board-item-main strong {
  display: block;
  font-family: var(--font);
  font-size: 18px;
  color: #243568;
  margin-bottom: 3px;
}
:is(#view-identity-select, #view-dungeon) .hub-board-item-main small {
  display: block;
  font-size: 13px;
  color: #6f7da8;
  margin-bottom: 8px;
}
:is(#view-identity-select, #view-dungeon) .hub-board-bar {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: rgba(140, 150, 200, 0.18);
  overflow: hidden;
}
:is(#view-identity-select, #view-dungeon) .hub-board-bar em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #9a85ff, #5e48cf);
}
:is(#view-identity-select, #view-dungeon) .hub-board-enter {
  height: 38px;
  min-width: 72px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #8b6cec;
  color: #fff;
  background: linear-gradient(180deg, #9f7bf0, #6745d5);
  font-family: var(--font);
  font-size: 16px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.22);
}
:is(#view-identity-select, #view-dungeon) .hub-board-enter:hover { filter: brightness(1.08); }
:is(#view-identity-select, #view-dungeon) .hub-board-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(140, 120, 220, 0.22);
  font-size: 13px;
  color: #6677aa;
}
:is(#view-identity-select, #view-dungeon) .hub-board-link {
  border: 0;
  background: transparent;
  color: #5e48cf;
  font-size: 14px;
  cursor: pointer;
  font-family: var(--font);
}
:is(#view-identity-select, #view-dungeon) .hub-board-link:hover { text-decoration: underline; }

/* 鈥斺€?閫氬叧 / 鑾疯韩浠藉姩鐢?鈥斺€?*/
.clearance-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 40%, rgba(90, 60, 180, 0.42), rgba(12, 16, 40, 0.72));
  backdrop-filter: blur(8px);
}
.clearance-overlay[hidden] { display: none !important; }
.clearance-overlay-inner {
  position: relative;
  width: min(420px, 88vw);
  padding: 42px 28px 36px;
  text-align: center;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.35);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,236,255,.88));
  box-shadow: 0 30px 80px rgba(30, 20, 80, 0.35);
  transform: scale(0.86);
  opacity: 0;
}
.clearance-overlay.is-in .clearance-overlay-inner {
  animation: clearance-pop-in 0.55s cubic-bezier(0.2, 0.9, 0.2, 1.15) forwards;
}
.clearance-overlay.is-out .clearance-overlay-inner {
  animation: clearance-pop-out 0.4s ease forwards;
}
@keyframes clearance-pop-in {
  to { transform: scale(1); opacity: 1; }
}
@keyframes clearance-pop-out {
  to { transform: scale(0.92); opacity: 0; }
}
.clearance-burst {
  position: absolute;
  left: 50%;
  top: 28%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,220,140,.55), transparent 40%),
    conic-gradient(from 0deg, rgba(154,133,255,.0), rgba(154,133,255,.35), rgba(255,210,120,.25), rgba(154,133,255,.0));
  animation: clearance-spin 2.4s linear infinite;
  pointer-events: none;
}
@keyframes clearance-spin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
.clearance-seal {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 3px solid #c53643;
  color: #c53643;
  font-family: var(--font);
  font-size: 34px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 6px rgba(197, 54, 67, 0.08);
  animation: clearance-seal 0.7s ease both;
}
@keyframes clearance-seal {
  0% { transform: scale(0.4) rotate(-18deg); opacity: 0; }
  70% { transform: scale(1.08) rotate(4deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); }
}
.clearance-kicker {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  letter-spacing: 0.2em;
  color: #7a6ad4;
  font-size: 14px;
}
.clearance-overlay-inner h2,
.clearance-title {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  font-family: var(--font);
  font-size: clamp(26px, 3vw, 34px);
  color: #1a2a60;
}
.clearance-desc,
.clearance-overlay-inner p:not(.clearance-kicker) {
  position: relative;
  z-index: 1;
  margin: 0 auto 18px;
  max-width: 320px;
  color: #5a6a98;
  font-size: 15px;
  line-height: 1.6;
}
.clearance-id-card {
  position: relative;
  z-index: 1;
  width: min(260px, 100%);
  margin: 0 auto 18px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(140, 120, 220, 0.28);
  background: linear-gradient(145deg, #fff, #f0ebff);
  box-shadow: 0 12px 28px rgba(90, 70, 170, 0.16);
}
.clearance-id-card small {
  display: block;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: #7a6ad4;
  margin-bottom: 6px;
}
.clearance-id-card strong {
  display: block;
  font-family: var(--font);
  font-size: 28px;
  color: #5135c0;
  letter-spacing: 0.08em;
}
.clearance-id-card.is-pop {
  animation: clearance-card-pop 0.75s cubic-bezier(0.2, 0.9, 0.2, 1.2) 0.25s both;
}
@keyframes clearance-card-pop {
  0% { transform: translateY(18px) scale(0.85); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
.clearance-stage {
  position: relative;
  overflow: hidden;
  max-width: 560px;
  margin: 40px auto;
  padding: 36px 28px 28px;
  text-align: center;
  border-radius: 24px;
  animation: clearance-pop-in 0.55s cubic-bezier(0.2, 0.9, 0.2, 1.15) both;
}
.clearance-stage .clearance-burst { top: 18%; opacity: 0.55; }
.clearance-badge-tag { position: relative; z-index: 1; }

@media (max-width: 1400px) {
  :is(#view-identity-select, #view-dungeon) .hub-board-head h2 { font-size: 20px; }
  :is(#view-identity-select, #view-dungeon) .hub-board-item-main strong { font-size: 16px; }
}