.special-items-page{min-height:70vh;background:linear-gradient(180deg,#090c0a 0,#0d110e 38%,#080a09 100%);color:#ece7da}
.si-hero{padding:72px 0 58px;border-bottom:1px solid rgba(209,170,85,.2);background:radial-gradient(circle at 78% 35%,rgba(214,171,78,.15),transparent 29%),linear-gradient(135deg,#121711,#070908)}
.si-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:42px}.si-hero h1{margin:10px 0 15px;font:500 clamp(40px,5vw,68px)/1.05 Georgia,"Noto Serif TC",serif;color:#f0e4c0}.si-hero p{max-width:760px;margin:0;color:#a9a69d;font-size:17px;line-height:1.8}
.si-hero__seal{width:150px;height:150px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(214,174,83,.42);background:rgba(8,11,9,.58);box-shadow:inset 0 0 36px rgba(214,174,83,.08),0 0 0 10px rgba(214,174,83,.025)}.si-hero__seal strong{font:34px Georgia,serif;color:#e7c66e}.si-hero__seal span{margin-top:6px;color:#817354;font-size:11px;letter-spacing:.24em}
.si-section{padding-top:44px}.si-jump{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:52px}.si-jump a{padding:16px 17px;border:1px solid rgba(209,170,85,.2);background:rgba(18,22,18,.72);text-decoration:none;transition:.2s}.si-jump a:hover{transform:translateY(-2px);border-color:rgba(225,187,94,.48);background:rgba(31,31,23,.88)}.si-jump small,.si-jump strong{display:block}.si-jump small{color:#82795f;font-size:10px;letter-spacing:.13em}.si-jump strong{margin-top:5px;color:#e4d8b5;font-size:15px}
.si-group{scroll-margin-top:100px;margin-bottom:58px}.si-heading{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(209,170,85,.14)}.si-heading h2{margin:6px 0 0;font:500 30px/1.25 Georgia,"Noto Serif TC",serif;color:#eadbb0}.si-heading--split{display:flex;justify-content:space-between;align-items:end;gap:28px}.si-heading--split p{max-width:700px;margin:0;color:#98968e;font-size:15px;line-height:1.75;text-align:right}
.si-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.si-card{border:1px solid rgba(209,170,85,.2);background:linear-gradient(145deg,rgba(24,29,24,.96),rgba(9,12,10,.98));overflow:hidden}.si-card__top{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center;padding:20px;border-bottom:1px solid rgba(209,170,85,.13);background:radial-gradient(circle at 12% 50%,rgba(220,174,74,.075),transparent 30%)}.si-card__icon{width:112px;height:112px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(209,170,85,.18);background:#090d0a}.si-card__icon img{width:84px;height:84px;max-width:84px;max-height:84px;object-fit:contain;image-rendering:pixelated}.si-card__placeholder{color:#6e695b;font-size:11px;letter-spacing:.14em}.si-card__identity span{display:block;color:#867957;font-size:11px;letter-spacing:.12em}.si-card__identity h3{margin:7px 0 0;color:#eadcaf;font:500 24px/1.35 Georgia,"Noto Serif TC",serif}
.si-card__body{display:grid;grid-template-columns:1.15fr .85fr;gap:0}.si-card__body section{padding:20px}.si-card__body section+section{border-left:1px solid rgba(209,170,85,.12)}.si-card__body small{display:block;color:#7e7357;font-size:10px;letter-spacing:.14em}.si-card__body h4{margin:5px 0 10px;color:#d7c28b;font-size:16px}.si-card__body p{margin:5px 0;color:#a8a69e;font-size:15px;line-height:1.7}.si-tags{display:flex;flex-wrap:wrap;gap:7px}.si-tags span{padding:7px 9px;border:1px solid rgba(214,174,83,.18);background:rgba(214,174,83,.055);color:#c9bc98;font-size:13px}
.si-essence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.si-essence-card{--si-accent:#b69f74;--si-glow:rgba(182,159,116,.12);border:1px solid color-mix(in srgb,var(--si-accent) 42%,transparent);background:linear-gradient(145deg,rgba(24,29,24,.97),rgba(8,11,9,.99));padding:22px}.si-essence-card--rare{--si-accent:#9370d8;--si-glow:rgba(147,112,216,.14)}.si-essence-card--hero{--si-accent:#cf665d;--si-glow:rgba(207,102,93,.14)}.si-essence-card--legendary{--si-accent:#d6ae59;--si-glow:rgba(214,174,89,.14)}
.si-essence-card__head{display:flex;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}.si-essence-card__icon{width:92px;height:92px;display:flex;align-items:center;justify-content:center;border:1px solid var(--si-accent);background:radial-gradient(circle,var(--si-glow),rgba(5,8,6,.88) 72%);box-shadow:inset 0 0 24px var(--si-glow)}.si-essence-card__icon img{width:68px;height:68px;object-fit:contain;image-rendering:pixelated}.si-essence-card__head small{color:var(--si-accent);font-size:11px;letter-spacing:.13em}.si-essence-card__head h3{margin:6px 0 0;color:#e9dfc1;font-size:21px}.si-map-list{padding-top:17px}.si-map-list>span{display:block;margin-bottom:10px;color:#93876a;font-size:12px}.si-map-list>div{display:flex;flex-wrap:wrap;gap:7px}.si-map-list em{font-style:normal;padding:7px 9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#aaa79e;font-size:13px}
@media(max-width:980px){.si-jump{grid-template-columns:repeat(3,minmax(0,1fr))}.si-grid,.si-essence-grid{grid-template-columns:1fr}.si-heading--split{display:block}.si-heading--split p{margin-top:10px;text-align:left}}
@media(max-width:680px){.si-hero{padding:48px 0}.si-hero__inner{display:block}.si-hero__seal{margin-top:26px;width:120px;height:120px}.si-jump{grid-template-columns:1fr 1fr}.si-card__top{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:16px}.si-card__icon{width:92px;height:92px}.si-card__icon img{width:68px;height:68px;max-width:68px;max-height:68px}.si-card__identity h3{font-size:20px}.si-card__body{grid-template-columns:1fr}.si-card__body section+section{border-left:0;border-top:1px solid rgba(209,170,85,.12)}.si-essence-card{padding:17px}.si-essence-card__icon{width:76px;height:76px}.si-essence-card__icon img{width:56px;height:56px}}

/* NETPC-2-6 Hotfix-4-1 | Relic Crystal terminology + droplist integration */
.si-essence-card--mythic{--si-accent:#e7cf8b;--si-glow:rgba(231,207,139,.20)}
.si-muted{margin:0;color:#77756e;font-size:13px;line-height:1.65}


/* NETPC-2-6 Hotfix-4-2 | Blessing category + Relic Crystal content alignment */
.si-jump{grid-template-columns:repeat(3,minmax(0,1fr))}
.si-relic-detail{display:grid;grid-template-columns:1.15fr .85fr;margin-top:16px;border-top:1px solid rgba(255,255,255,.06)}
.si-relic-detail section{padding:16px 0 0}
.si-relic-detail section+section{padding-left:18px;border-left:1px solid rgba(255,255,255,.06)}
.si-relic-detail small{display:block;color:#7e7357;font-size:10px;letter-spacing:.14em}
.si-relic-detail h4{margin:5px 0 9px;color:#d7c28b;font-size:15px}
.si-relic-detail p{margin:0;color:#a8a69e;font-size:14px;line-height:1.7}
@media(max-width:680px){
  .si-jump{grid-template-columns:1fr 1fr}
  .si-relic-detail{grid-template-columns:1fr}
  .si-relic-detail section+section{padding-left:0;border-left:0}
}