.name-cell{display:flex;align-items:center;gap:10px}.entry-thumb,.entry-fallback{flex:0 0 auto;border-radius:7px;border:1px solid #4a5360;background:#202832;object-fit:cover;box-shadow:0 2px 8px #0005}.entry-thumb.sm,.entry-fallback.sm{width:36px;height:36px}.entry-thumb.lg,.entry-fallback.lg{width:72px;height:72px}.entry-fallback{display:grid;place-items:center;color:var(--gold2);font:700 15px Georgia}.entry-fallback.lg{font-size:26px}.detail-title{display:flex;align-items:center;gap:16px;margin:0 0 20px}.detail-title h2{margin:4px 0 0}.attribute-chip{display:inline-flex;align-items:center;margin:2px 4px 2px 0;padding:3px 9px;border:1px solid;border-radius:99px;font-size:11px;font-weight:600}.attribute-chip.attack{color:#ffae9b;background:#a43e2b24;border-color:#a8523e}.attribute-chip.survival{color:#9ed9ad;background:#2b7a4224;border-color:#3f8050}.attribute-chip.speed{color:#9edcf1;background:#2f7f9b24;border-color:#3b7b91}.attribute-chip.control{color:#c9b3ff;background:#6849a524;border-color:#7055a4}.attribute-chip.range{color:#f0ca85;background:#8e642124;border-color:#8c6a31}.attribute-chip.resource{color:#ffe37d;background:#9b7a1624;border-color:#937a2b}.attribute-chip.summon{color:#c5a7d8;background:#673b7924;border-color:#775283}.attribute-chip.special{color:#c3c7cc;background:#606a7424;border-color:#5c646d}.result-card{display:flex;text-align:left;align-items:center;gap:12px;cursor:pointer}.result-card>span{display:grid}.result-card strong{color:#ead7aa;font-size:16px}.result-card small{color:var(--muted);margin-top:4px}
.content{width:100%;max-width:none}.table-wrap table{table-layout:fixed}.table-wrap th,.table-wrap td{white-space:normal;vertical-align:middle;overflow-wrap:anywhere}.table-cardTemplate table{width:100%;min-width:0}.table-cardTemplate th:nth-child(1){width:18%}.table-cardTemplate th:nth-child(2){width:30%}.table-cardTemplate th:nth-child(3){width:9%}.table-cardTemplate th:nth-child(4),.table-cardTemplate th:nth-child(5),.table-cardTemplate th:nth-child(6){width:7%}.table-cardTemplate th:nth-child(7){width:16%}.table-cardTemplate th:nth-child(8){width:13%}.table-relicTemplate table{width:100%;min-width:0}.table-relicTemplate th:nth-child(1){width:18%}.table-relicTemplate th:nth-child(2){width:34%}.table-relicTemplate th:nth-child(n+3){width:auto}.table-cardTemplate .pill{white-space:nowrap}.table-cardTemplate td:nth-child(n+7){text-align:left}@media(max-width:820px){.table-cardTemplate table,.table-relicTemplate table{min-width:900px}}
.mechanics-map{margin:8px 0 34px;padding:26px;border:1px solid #4b4230;border-radius:10px;background:linear-gradient(145deg,#1b222a,#13181d)}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.map-heading h2{margin:2px 0 0;font:25px Georgia,"Microsoft YaHei",serif;color:#f0e3c5}.map-heading p{margin:0;color:var(--muted);font-size:12px}.relation-map{display:grid;justify-items:center;gap:9px}.relation-row{width:100%;display:grid;gap:14px}.relation-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.relation-core,.relation-resources{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.relation-node{width:100%;display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #3a444f;border-radius:8px;background:#11171d;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}.relation-node:hover{border-color:#947640;transform:translateY(-1px)}.relation-node>span:last-child{display:grid}.relation-node strong{color:#ead7aa;font-size:16px}.relation-node small{color:var(--muted);line-height:1.45}.node-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#d8b26714;border:1px solid #6e5c38;color:var(--gold2);font:20px Georgia}.node-crown,.node-stage{max-width:560px}.node-crown{border-color:#705d37}.node-gold .node-icon{color:#f2d58f;border-color:#947640;background:#d8b2671c}.node-prosperity .node-icon{color:#82d8e8;border-color:#38798a;background:#2f7f9b24}.node-unit .node-icon{color:#9ed9ad;border-color:#3f8050;background:#2b7a4224}.node-skill .node-icon{color:#c9b3ff;border-color:#7055a4;background:#6849a524}.node-stage .node-icon{color:#9edcf1;border-color:#3b7b91;background:#2f7f9b24}.relation-arrow,.relation-link-note{display:grid;justify-items:center;color:#8f969d;font-size:11px}.relation-arrow i,.relation-link-note i{color:var(--gold);font-style:normal;font-size:20px;line-height:1}.relation-merge{display:grid;grid-template-columns:repeat(3,1fr);width:72%;text-align:center;color:var(--gold);font-size:20px;line-height:1}.relation-merge span{grid-column:1/-1;color:#8f969d;font-size:11px}.relation-merge i{font-style:normal}.relation-feedback{display:flex;align-items:center;justify-content:center;gap:10px;max-width:760px;padding:10px 15px;color:#aeb3b7;text-align:center}.relation-feedback i{color:var(--gold);font-style:normal;font-size:25px}.relation-feedback strong{color:#d9c99f}.resource-notes{margin:0 0 34px}.resource-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resource-note{padding:22px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.resource-note h3{margin:0 0 9px;color:#ead7aa;font:21px Georgia,"Microsoft YaHei",serif}.resource-note h3 span{margin-right:7px}.resource-note p{margin:0;color:#c4c0b7}.resource-note li{margin:7px 0;color:var(--muted)}.note-gold{border-color:#6e5c38}.note-gold h3 span{color:#f2d58f}.note-prosperity{border-color:#376879}.note-prosperity h3 span{color:#82d8e8}@media(max-width:820px){.mechanics-map{padding:20px 14px}.map-heading{display:block}.map-heading p{margin-top:4px}.relation-sources,.relation-core,.relation-resources,.resource-note-grid{grid-template-columns:1fr}.relation-merge{width:100%;grid-template-columns:1fr}.relation-merge i:first-of-type,.relation-merge i:last-of-type{display:none}.relation-node{padding:13px}.relation-feedback{align-items:flex-start;text-align:left}}
.faq-groups{display:grid;gap:24px}.faq-group h2{margin:0 0 10px;color:var(--gold2);font:22px Georgia,"Microsoft YaHei",serif}.faq-item{border-bottom:1px solid var(--line);background:#12171c}.faq-item:first-of-type{border-top:1px solid var(--line)}.faq-item summary{cursor:pointer;padding:13px 16px;color:#ddd5c5;font-weight:600}.faq-item[open] summary{color:var(--gold2);background:#1b222a}.faq-item p{margin:0;padding:4px 18px 17px;color:#b6b4ae;line-height:1.8}.update-list{display:grid;gap:16px}.update-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.update-meta{display:flex;gap:12px;color:var(--gold);font-size:12px}.update-card h2{margin:7px 0 5px;color:#f0e3c5;font:23px Georgia,"Microsoft YaHei",serif}.update-card>p{margin:0 0 12px;color:var(--muted)}.update-card details{border-top:1px solid var(--line);padding-top:10px}.update-card summary{cursor:pointer;color:#d9c99f}.update-card h3{margin:18px 0 5px;color:#d8c18d;font-size:15px}.update-card ul{margin:5px 0;padding-left:22px}.update-card li{margin:5px 0;color:#c0beb8}.update-code{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 13px;border-left:3px solid var(--gold);background:#d8b2670b;color:var(--gold2)}.update-code small{color:var(--muted)}@media(max-width:600px){.update-card{padding:18px}.update-code{display:grid;gap:2px}}
.community-entry{margin-top:34px;padding:25px;border:1px solid #4b4230;border-radius:10px;background:linear-gradient(145deg,#1b222a,#13181d)}.community-entry h2{margin:4px 0 7px;color:#f0e3c5;font:24px Georgia,"Microsoft YaHei",serif}.community-entry p{margin:0;color:var(--muted);line-height:1.7}.community-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.community-links a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid #39434d;border-radius:8px;background:#11171d;color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}.community-links a:hover{border-color:#947640;background:#171e25}.community-links a>span{display:grid;gap:3px}.community-links strong{color:#ead7aa}.community-links small{color:var(--muted)}.community-links b{color:var(--gold2);font-size:12px;font-weight:600}.community-mark{display:block;width:38px;height:38px;object-fit:contain}.community-links a:hover .community-mark{filter:brightness(1.08)}@media(max-width:700px){.community-entry{padding:20px 15px}.community-links{grid-template-columns:1fr}.community-links b{display:none}}
.mechanics-map{position:relative;isolation:isolate;overflow:hidden;perspective:1100px;background:radial-gradient(circle at 50% 15%,#d8b26718,transparent 27%),linear-gradient(155deg,#1d2630,#11161c 62%,#151c24);box-shadow:inset 0 1px #ffffff0a,0 24px 70px #0005}.mechanics-map:before{content:"";position:absolute;z-index:-2;inset:36% -15% -45%;background:repeating-linear-gradient(90deg,#8ab7c812 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#8ab7c812 0 1px,transparent 1px 52px);transform:rotateX(68deg);transform-origin:center top;mask-image:linear-gradient(to bottom,#0009,transparent 72%);animation:grid-drift 14s linear infinite}.mechanics-map:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:50%;top:42%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#8ab7c80d,transparent 66%);animation:map-breathe 5s ease-in-out infinite}.relation-map{transform-style:preserve-3d}.relation-node{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 25px #0003,inset 0 1px #ffffff08;will-change:transform,box-shadow;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.relation-node:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff0b 46%,transparent 70%);translate:-120% 0;transition:translate .55s ease}.relation-node:after{content:"";position:absolute;z-index:-2;inset:auto 12% -18px;height:24px;border-radius:50%;background:#d8b26716;filter:blur(13px);opacity:.5}.relation-node:hover{z-index:3;transform:translateY(-5px) rotateX(3deg) scale(1.015);border-color:#b48b43;box-shadow:0 18px 42px #0007,0 0 28px #d8b26716,inset 0 1px #ffffff12}.relation-node:hover:before{translate:120% 0}.node-icon{position:relative;box-shadow:inset 0 0 16px #d8b26718,0 0 18px #d8b26712;animation:icon-pulse 3.6s ease-in-out infinite}.node-icon:after{content:"";position:absolute;inset:-6px;border:1px solid currentColor;border-radius:50%;opacity:.13;animation:icon-ring 3.6s ease-out infinite}.relation-sources .relation-node:nth-child(2),.node-skill{animation-delay:-1.2s}.relation-sources .relation-node:nth-child(3),.node-stage{animation-delay:-2.2s}.node-crown{transform:translateZ(34px);box-shadow:0 18px 45px #0006,0 0 32px #d8b26714}.relation-sources{transform:translateZ(20px)}.relation-core{transform:translateZ(8px)}.node-stage{transform:translateZ(24px)}.relation-arrow,.relation-link-note,.relation-merge{position:relative}.relation-arrow i,.relation-link-note i,.relation-merge i{filter:drop-shadow(0 0 7px #d8b26788);animation:flow-arrow 1.45s ease-in-out infinite}.relation-merge i:nth-of-type(2){animation-delay:.2s}.relation-merge i:nth-of-type(3){animation-delay:.4s}.relation-arrow:after,.relation-link-note:after{content:"";position:absolute;left:50%;bottom:1px;width:2px;height:18px;translate:-50% 100%;background:linear-gradient(to bottom,#d8b267aa,transparent);opacity:.7;animation:energy-drop 1.45s ease-in-out infinite}.relation-feedback{position:relative;border-radius:99px;background:linear-gradient(90deg,transparent,#d8b26709,transparent)}.relation-feedback i{animation:feedback-spin 6s linear infinite}.relation-feedback:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,#d8b26714,transparent);translate:-100% 0;animation:feedback-scan 5s ease-in-out infinite}@keyframes grid-drift{to{background-position:72px 0,0 52px}}@keyframes map-breathe{50%{scale:1.16;opacity:.6}}@keyframes icon-pulse{50%{box-shadow:inset 0 0 22px #d8b26728,0 0 26px #d8b26724}}@keyframes icon-ring{0%{scale:.82;opacity:0}35%{opacity:.18}100%{scale:1.25;opacity:0}}@keyframes flow-arrow{50%{translate:0 4px;color:#ffe39a}}@keyframes energy-drop{0%{scale:1 0;transform-origin:top}45%{scale:1 1}100%{translate:-50% 150%;opacity:0}}@keyframes feedback-spin{to{rotate:360deg}}@keyframes feedback-scan{50%,100%{translate:100% 0}}@media(max-width:820px){.mechanics-map{perspective:none}.mechanics-map:before{opacity:.5}.relation-node,.node-crown,.relation-sources,.relation-core,.node-stage{transform:none}.relation-node:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.mechanics-map:before,.mechanics-map:after,.node-icon,.node-icon:after,.relation-arrow i,.relation-link-note i,.relation-merge i,.relation-arrow:after,.relation-link-note:after,.relation-feedback i,.relation-feedback:after{animation:none}.relation-node{transition:border-color .15s}.relation-node:hover{transform:none}}
.mechanics-map{perspective:none}.mechanics-map .relation-map,.mechanics-map .relation-sources,.mechanics-map .relation-core,.mechanics-map .relation-node,.mechanics-map .node-crown,.mechanics-map .node-stage{transform:none!important;transform-style:flat;will-change:auto}.mechanics-map .relation-node{transition:border-color .2s,box-shadow .2s}.mechanics-map .relation-node:hover{transform:none!important}
.mechanic-guide{margin:0 0 38px}.mechanic-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mechanic-guide-card{padding:24px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#171e25,#11171c)}.mechanic-guide-card h3{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:#ead7aa;font:21px Georgia,"Microsoft YaHei",serif}.mechanic-guide-card h3 span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #6e5c38;border-radius:50%;color:var(--gold2);font-size:17px}.mechanic-guide-card p{margin:0;color:#d1ccc1;line-height:1.78}.mechanic-detail{margin-top:16px;padding:14px 15px;border-left:3px solid #8c713f;background:#0e1419;color:var(--muted);line-height:1.72}@media(max-width:820px){.mechanic-guide-grid{grid-template-columns:1fr}.mechanic-guide-card{padding:19px 16px}}
.related-detail{margin-top:26px}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #4d4330;border-bottom:0;background:#211d17}.related-heading span{color:var(--gold2);font-weight:700}.related-heading strong{color:var(--muted);font-size:11px;letter-spacing:.08em}.related-detail .detail-grid{border:1px solid var(--line)}