:root{color-scheme:light;--paper:#f6f3e9;--ink:#21372e;--muted:#526257;--green:#284438;--line:#d9dfd1;--gold:#eed6a0;font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #977028;outline-offset:4px}.shell{max-width:1190px;width:calc(100% - 64px);margin-inline:auto}header{background:#faf8f0;border-bottom:1px solid var(--line)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand small{display:block;font:600 9px/1.4 ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.sources a:hover{text-decoration:underline}.version,.eyebrow,.kicker,.plate-no,.plate small,.id,.facts span{letter-spacing:.12em;font-size:12px}.version{border:1px solid #ccd5c4;border-radius:5px;padding:7px 11px;white-space:nowrap}
.hero{background:#233a31 url(terrain.svg) no-repeat right center/auto 100%;color:#faf3dd;overflow:hidden}.hero-inner{position:relative;min-height:460px;display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;padding-block:50px}.eyebrow{color:#ecd8a9;display:flex;align-items:center;gap:9px;font-weight:700}.eyebrow b{height:8px;width:8px;background:#ddb365;transform:rotate(45deg);margin-right:4px}.eyebrow span{opacity:.75;margin-left:10px;font-family:monospace}.hero h1,h2{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;margin:0;font-weight:900;letter-spacing:.045em}.hero h1{font-size:clamp(52px,6.15vw,92px);line-height:1.03;margin:22px 0}.hero h1 em{font:italic 500 .74em Georgia,serif;color:var(--gold);letter-spacing:0}.intro{color:#e4eadc;line-height:1.85;margin-bottom:26px}.cta{display:inline-flex;align-items:center;gap:28px;padding:12px 18px;border-radius:5px;background:var(--gold);color:#283a2e;font-weight:800}.cta:hover{background:#fff0bc}.plate{position:relative;align-self:center;justify-self:center;width:min(100%,340px);height:338px;border:1px solid #eddaa378;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 52%,#d1ae6b31,transparent 64%),#1b312943;box-shadow:0 0 0 8px #223e3238;border-radius:9px}.plate:before{content:"";position:absolute;inset:35px 54px 62px;border:1px solid #ebd3a54f;border-radius:50%}.plate-no{position:absolute;top:17px;left:17px;color:#f6e4bb}.hero-pet{position:relative;image-rendering:pixelated;height:206px;max-width:78%;object-fit:contain;margin-top:-21px;filter:drop-shadow(0 12px 8px #15271caa)}.plate-caption{display:flex;justify-content:space-between;align-items:center;position:absolute;inset:auto 0 0;padding:13px 17px;background:#182d24d9;border-radius:0 0 9px 9px}.plate small{color:#e7d7ab;display:block}.plate strong{font-size:22px}.plate i{font-style:normal;font-size:12px;margin-left:6px;font-weight:500;color:#e7d7ab}.plate button{border:1px solid #ad9f74;background:transparent;color:#fff1d2;border-radius:50%;width:34px;height:34px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dcded0;border-top:0;background:#eeefe2;border-radius:0 0 10px 10px}.facts div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:72px;padding:8px}.facts div+div{border-left:1px solid #dcded0}.facts strong,.field-tag{font:500 30px Georgia,serif}.facts span{color:#43574a}.section{padding-block:60px;scroll-margin-top:10px}.kicker{color:#536a55;font-family:ui-monospace,monospace;font-weight:750;margin:0 0 10px}.section h2{font-size:clamp(34px,5vw,52px);line-height:1.1}.section p{color:var(--muted);line-height:1.7}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:22px}.section-head p{margin-bottom:0}.outline,.pager button{background:#faf8f0;border:1px solid #bccabb;padding:9px 12px;border-radius:6px;white-space:nowrap}.outline:hover:enabled,.pager button:hover:enabled{background:#e7eddf}.outline span{margin-left:4px;color:var(--muted)}
.filters{background:#ecefe2;border:1px solid #dce1d4;padding:14px;border-radius:10px}.filter-row{display:grid;grid-template-columns:2.5fr 1fr 1fr;gap:10px}.filter-row label{background:#fcfbf6;display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px;border:1px solid #d7dfd3;border-radius:6px;font-size:13px;white-space:nowrap}.filter-row label span{color:#536457}.filter-row input,.filter-row select{padding:10px 4px;border:0;background:transparent;min-width:0;flex:1;width:100%}.search span{font-size:24px;line-height:1}.elements{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.chip{border:1px solid #cdd7c8;background:#f8f8f1;border-radius:99px;padding:5px 13px;font-size:13px}.chip[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.results{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:18px 0 11px}.results select{background:transparent;border:1px solid var(--line);border-radius:4px;padding:4px 6px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fcfbf6;border:1px solid #dadfd1;border-radius:10px;min-width:0;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#9aac94;box-shadow:0 6px 18px #28443818}.card-main{border:0;background:transparent;width:100%;text-align:left;padding:0;display:block}.card-main:focus-visible{outline-offset:-3px}.art{height:145px;background:radial-gradient(ellipse at 50% 69%,#cfddc7 0,transparent 55%),repeating-linear-gradient(0deg,transparent 0 19px,#aebca420 19px 20px),#edf1e6;display:grid;place-items:center;position:relative}.art img,.detail-art img{max-height:111px;max-width:73%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 2px #36583e44)}.id{position:absolute;left:11px;top:10px;color:#526951;font:600 11px monospace}.compare-toggle{position:absolute;top:7px;right:7px;z-index:1;border:1px solid #bac9b8;background:#fafbf4;border-radius:5px;padding:3px 7px;font-size:12px}.compare-toggle[aria-pressed=true]{background:#294737;color:white}.card-info{display:block;padding:12px}.family{color:#5b705b;font-size:12px}.card-name{display:block;font-weight:750;margin:3px 0 7px;font-size:19px;line-height:1.25}.card-name small{font-size:11px;color:#536758;font-weight:500;margin-left:6px}.badges{display:flex;flex-wrap:wrap;gap:4px}.badge{font-size:12px;font-weight:750;padding:3px 7px;border-radius:4px}.earth{background:#eadfc8;color:#634d2a}.water{background:#dcebf1;color:#295369}.fire{background:#f3ddd4;color:#813b29}.wind{background:#dfecdc;color:#355b39}.place{display:block;margin:8px 0 0;font-size:12px;color:#506053;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini{margin:10px 0 0;padding-top:7px;border-top:1px solid #e5e8dd;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:11px;color:#566859}.mini strong{display:block;color:var(--ink);font-size:12px;margin-top:2px}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:var(--muted);font-size:13px}.empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #c9d2c6;border-radius:10px}
.guide{background:#e9eee2;border-block:1px solid #dae2d5}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.guides article{border:1px solid #d3ddcf;background:#f8f9f1;padding:21px;border-radius:9px}.guides article span{font:600 14px ui-monospace,monospace;color:#657a61}.guides h3{margin:8px 0 0}.guides p{font-size:14px;margin-bottom:0}.sources{max-width:1190px}.sources p{max-width:740px}.sources ul{padding-left:22px;color:#3c5947;line-height:1.9}footer{background:#243c32;color:#e5ebdf;font-size:12px}footer .shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:22px}
dialog{background:#fcfbf4;color:var(--ink);border:1px solid #a5b3a0;border-radius:12px;width:min(720px,calc(100% - 22px));max-height:90vh;padding:0;box-shadow:0 20px 70px #142b235c}dialog::backdrop{background:#172923b3}.dialog-bar{background:#284438;color:#f4ead0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.dialog-bar button{background:transparent;color:inherit;border:1px solid #b2b9a1;border-radius:4px;min-width:32px;font-size:20px}.detail{padding:18px 20px}.detail h2{font-size:29px;margin:5px 0 8px}.detail-head{display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center}.detail-art{background:#e7eddf;border-radius:7px;min-height:115px;display:grid;place-items:center}.detail p{line-height:1.65;margin:8px 0;color:var(--muted)}.detail h3{margin-bottom:5px}.detail table{border-collapse:collapse;width:100%;font-size:14px}.table-scroll{overflow-x:auto}.detail th,.detail td{text-align:left;padding:8px 6px;border-bottom:1px solid #dee4d7}.detail th{font-weight:700}.detail thead th{background:#ebefe4}.source-link{display:inline-block;text-decoration:underline;margin-right:12px;font-size:13px}.detail .outline{margin-top:8px}
@media(max-width:850px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-inner{min-height:390px}.plate{height:290px}.hero-pet{height:170px}.plate:before{inset:25px 45px 48px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.nav{min-height:58px;gap:10px}nav{gap:12px;font-size:12px}nav a:last-child{display:none}.version{font-size:10px;padding:5px}.brand{font-size:13px;gap:5px}.brand img{width:27px;height:27px}.brand small{font-size:7px}.hero-inner{grid-template-columns:1fr;gap:25px;padding-block:28px}.hero h1{font-size:clamp(44px,11vw,64px);margin-block:15px}.hero{background-size:auto 75%;background-position:65% bottom}.intro{font-size:14px;margin-bottom:15px}.plate{width:min(100%,420px);height:210px}.plate:before{inset:16px 28% 35px}.hero-pet{height:118px;margin-top:-20px}.plate-caption{padding:7px 13px}.plate strong{font-size:17px}.facts{grid-template-columns:repeat(3,1fr)}.facts div{min-height:54px;gap:5px}.facts div:last-child{display:none}.facts strong{font-size:23px}.facts span{font-size:10px}.section{padding-block:38px}.section-head{align-items:start}.section-head p{font-size:13px}.outline{font-size:12px;padding:7px}.filter-row{grid-template-columns:1fr 1fr;gap:6px}.filter-row .search{grid-column:1/-1}.filter-row label{padding-inline:6px;font-size:12px;gap:4px}.filters{padding:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.art{height:115px}.art img{max-height:80px}.card-info{padding:8px}.card-name{font-size:16px}.card-name small{display:block;margin:2px 0 0}.mini{gap:1px}.mini strong{font-size:10px}.guides{grid-template-columns:1fr;gap:8px}.guides article{padding:12px}.detail{padding:12px}.detail table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.detail-head{grid-template-columns:minmax(180px,220px) 1fr}
.turntable{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;justify-items:center;min-height:150px;background:radial-gradient(ellipse at center,#f3f6ed,#e2eadb);border-radius:8px;touch-action:pan-y;cursor:grab;user-select:none}
.turntable:active{cursor:grabbing}.turntable img{width:100%;height:136px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.turntable button{z-index:1;border:1px solid #b9c8b4;background:#f9faf2;border-radius:5px;width:28px;height:36px;font-size:24px;line-height:1;padding:0}
.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:5px;font-size:12px}
.viewer-controls select{background:#f9faf2;border:1px solid #bccabb;border-radius:4px;padding:2px}
.viewer-hint{display:block;font-size:11px;color:var(--muted);margin-top:3px}
@media(max-width:460px){.detail-head{grid-template-columns:1fr;gap:10px}.turntable{max-width:330px}}
.viewer-sound{display:flex;gap:6px;margin-top:6px}.viewer-sound button{background:#f9faf2;border:1px solid #bccabb;border-radius:4px;padding:4px 7px;font-size:12px}.viewer-sound button[aria-pressed=true]{background:#284438;color:#fff}.viewer-hint:empty{display:none}
.edition-filters{margin:0 0 10px}.hero h1 em{white-space:nowrap;font-size:.58em}
/* 尼斯大陆地图作为全站底图，内容保持居中可读。 */
body{position:relative;isolation:isolate;background:#95b4a7}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:#9bb6aa url("nis-world-illustration.png") center center / cover no-repeat}
body>header,body>main,body>footer{max-width:1200px;margin-inline:auto;box-shadow:0 0 38px #1a342b35}
body>header{background:#faf8f0f0}
body>main{background:#f6f3e9e8}
.hero{background:linear-gradient(100deg,#19372ef2,#2e5344c9)}
.guide{background:#e9eee2e8}
.attribute-note{font-size:12px;color:#536457;line-height:1.55}
@media(max-width:620px){body::before{background-position:center;background-size:auto 100%}body>main{background:#f6f3e9ed}.hero{background:linear-gradient(115deg,#19372ff2,#315344d6)}}

.map-link{display:inline-block;margin-left:18px;color:#f9e8c0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.map-link:hover{color:#fff}
body>main{background:#f6f3e9db}
.hero{background:linear-gradient(100deg,#19372fe3,#2e5344bd)}
@media(max-width:620px){body>main{background:#f6f3e9e5}.hero{background:linear-gradient(115deg,#19372fe8,#315344c9)}}
