:root{color-scheme:dark;font-family:Arial,'PingFang TC','Microsoft JhengHei',sans-serif;color:#EDF5FF;background:#061B30;--muted:#B1C6D7;--line:#20374C;--blue:#67C5FF}*{box-sizing:border-box}body{margin:0;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;color:#EDF5FF;cursor:pointer}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid #87D4FF;outline-offset:4px}.preview-header,main,footer{width:calc(100% - 80px);max-width:1420px;margin:auto}.preview-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:1.125rem;color:#9CD5F4;display:flex;align-items:center;min-height:44px}.preview-header>span{font-size:.75rem;letter-spacing:.16em;color:#88A0B5}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:38px 0 22px}.eyebrow{color:#9CD5F4;font-size:.875rem;letter-spacing:.1em;margin:0 0 6px}h1{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.5;margin:0}.edition{font-size:.8125rem;color:var(--muted);padding:5px 12px;border:1px solid #294055;border-radius:5px}.preview{border:1px solid #294055;border-radius:10px;overflow:hidden;background:#061B30}.stage{display:grid;grid-template-columns:35% 65%;align-items:center;padding:10px 26px 0 12px;min-height:410px;background:radial-gradient(ellipse at 22% 40%,#102f4b 0%,#081f36 37%,#061b30 73%)}.model-region{height:420px;position:relative;min-width:0;width:100%}.model-region:after{content:'';position:absolute;left:23%;right:23%;bottom:48px;height:10px;background:#0009;filter:blur(9px);pointer-events:none;border-radius:50%}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:relative;z-index:1}canvas.dragging{cursor:grabbing}.wordmark{position:relative;aspect-ratio:5.3;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent)}.wordmark img{position:absolute;width:145%;max-width:none;left:-42%;top:50%;transform:translateY(-50%);pointer-events:none;user-select:none}.wordmark:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#081f36,transparent 18%,transparent 82%,#061b30);pointer-events:none}.stage.model-only{grid-template-columns:1fr;padding:0;min-height:470px}.model-only .model-region{width:min(600px,100%);height:470px;margin:auto}.model-only .wordmark{display:none}.controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:17px 22px;border-top:1px solid var(--line)}.control-group{display:flex;flex-wrap:wrap;gap:8px}button{background:#102d45;border:1px solid #294055;min-width:46px;min-height:46px;border-radius:6px;padding:9px 14px;font-size:.9375rem}button:hover{background:#153b58;border-color:var(--blue)}button[aria-pressed=true]{background:#67C5FF;color:#061B30;border-color:#67C5FF}button:disabled{opacity:.45;cursor:not-allowed}.hint{margin:0;padding:0 23px 17px;font-size:.875rem;color:#9CD5F4}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px}.details>div{border-top:1px solid var(--line);padding-top:16px}.details span{font-size:.8125rem;color:#9CD5F4}.details p{font-size:1rem;line-height:1.8;color:var(--muted);margin:8px 0 0}.download-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 35px;font-size:.875rem}.download-row p{color:#88A0B5}.download-row a{color:#67C5FF;min-height:44px;display:inline-flex;align-items:center;gap:15px}.download-row a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 26px;border-top:1px solid var(--line);font-size:.75rem;color:#88A0B5}footer span{letter-spacing:.12em}@media(max-width:1000px){.preview-header,main,footer{width:calc(100% - 44px)}.stage{grid-template-columns:37% 63%;padding:0 12px 0 0;min-height:340px}.model-region{height:340px}.model-region:after{bottom:35px}.wordmark{aspect-ratio:4.8}.details{gap:22px}.controls{gap:14px}.heading{margin-top:28px}.edition{white-space:nowrap}}@media(max-width:650px){.preview-header,main,footer{width:calc(100% - 28px)}.preview-header{height:72px}.preview-header>span{font-size:.65rem;letter-spacing:.05em}.brand{font-size:1rem}.heading{display:block;margin:22px 0 17px}.edition{display:inline-block;margin-top:12px}.eyebrow{font-size:.8125rem}h1{font-size:1.5rem}.stage{grid-template-columns:1fr;padding:0 13px 22px;gap:0}.model-region{height:330px;width:min(365px,100%);margin:auto}.wordmark{width:100%;aspect-ratio:5.1}.stage.model-only{min-height:360px;padding:0}.model-only .model-region{height:360px}.controls{padding:14px;gap:10px}.control-group{gap:6px}button{font-size:.875rem;padding:9px 11px;min-width:44px}.hint{font-size:.8125rem;padding:0 15px 14px}.details{grid-template-columns:1fr;gap:16px;margin-top:21px}.details>div{padding-top:12px}.details p{margin-top:5px;font-size:.9375rem}.download-row{align-items:start;flex-direction:column;gap:0;margin:16px 0 22px}.download-row p{font-size:.8125rem}.model-region:after{bottom:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.word-glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;filter:brightness(2.1) contrast(1.35);z-index:1}

.version-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.version-picker span{color:var(--muted);font-size:.875rem}

.word-sun{position:absolute;top:50%;width:12%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:3;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0%,#fffbe5 5%,#ffe5a0aa 15%,#ffd67944 32%,transparent 67%);filter:drop-shadow(0 0 7px #ffedab)}.word-sun:before,.word-sun:after{content:"";position:absolute;inset:5%;background:linear-gradient(0deg,transparent 43%,#fff5c9bb 49%,white 50%,#fff5c9bb 51%,transparent 57%);clip-path:polygon(0 50%,44% 44%,50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%)}.word-sun:after{transform:rotate(60deg)}

.word-sun{top:23%}

/* Remove the baked blue backdrop at display time; retain the original gold image. */
.wordmark img{filter:url(#wordmark-blue-key)}.wordmark:after{display:none}
.word-sun:before{inset:5%;background:radial-gradient(circle,#fffdf1 0%,#fff2cb 25%,#ffe9ba88 65%,transparent 100%);clip-path:polygon(100% 50%,57.79% 54.5%,75% 93.3%,50% 59%,25% 93.3%,42.21% 54.5%,0 50%,42.21% 45.5%,25% 6.7%,50% 41%,75% 6.7%,57.79% 45.5%);filter:blur(.4px)}.word-sun:after{display:none}

.word-sun{top:32%;width:10%}

.stage{grid-template-columns:220px 670px;justify-content:center;align-items:center;gap:0;min-height:290px;padding:0;overflow:hidden}.model-region{width:220px;height:220px;margin:0}.wordmark-stack{width:670px;min-width:0;position:relative}.wordmark{width:100%;aspect-ratio:auto;height:154px;mask-image:none;-webkit-mask-image:none}.cn-title{display:flex;justify-content:space-between;align-items:center;width:100%;white-space:nowrap}.english-name{display:flex;justify-content:space-between;font:500 28px/1.5 Arial,sans-serif;letter-spacing:0;color:#9CD5F4;white-space:nowrap}.stage.model-only{grid-template-columns:1fr}.model-only .wordmark-stack{display:none}.model-only .model-region{transform:none;width:min(600px,100%);height:470px;margin:auto}@media(max-width:950px){.preview{overflow-x:auto}.stage:not(.model-only){width:890px}.controls,.hint{min-width:0}}
.cn-title.original-lettering{height:154px;padding:0;gap:0;filter:none;font-size:inherit}.cn-title.original-lettering>.original-glyph{position:relative;display:block;width:16.6667%;height:154px;overflow:hidden;background:none;filter:none;-webkit-text-fill-color:initial}.wordmark{height:154px}.wordmark .original-glyph img{position:absolute!important;max-width:none!important;width:var(--crop-width)!important;left:var(--crop-left)!important;top:50%!important;transform:translateY(-50%)!important;filter:url(#wordmark-blue-key)}.english-name{margin-top:0}.word-glow .original-glyph{filter:none}
.wordmark{height:139px}.cn-title.original-lettering{width:100%;height:154px;transform:scale(.9);transform-origin:center top}.english-name{margin-top:-12px;padding-left:2.3%;padding-right:2.3%;column-gap:0;width:97.7%;margin-left:auto;margin-right:auto;font-size:28px}
.english-name{width:90%;max-width:90%;margin-left:auto;margin-right:auto;padding-left:1%;padding-right:1%;font-size:28px}.original-lettering>.original-glyph:nth-child(2){-webkit-mask-image:radial-gradient(ellipse 5px 6px at 21.73% 63.1%,transparent 92%,#000 100%),radial-gradient(ellipse 4.5px 5.5px at 79.17% 64.4%,transparent 92%,#000 100%);mask-image:radial-gradient(ellipse 5px 6px at 21.73% 63.1%,transparent 92%,#000 100%),radial-gradient(ellipse 4.5px 5.5px at 79.17% 64.4%,transparent 92%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.stage .model-region{transform:translateX(18px)}
.stage .wordmark-stack{transform:translateX(-12px)}
/* Cool white highlight; gold lettering remains unchanged. */
.word-sun{background:radial-gradient(circle,#fff 0%,#f1fbff 5%,#bfeaffaa 15%,#85d4ff44 32%,transparent 67%);filter:drop-shadow(0 0 7px #bceaff)}.word-sun:before{background:radial-gradient(circle,#fff 0%,#eefaff 25%,#b8e6ff88 65%,transparent 100%)}

/* The complete star fades as one object; only individual source glyphs are cropped. */
.wordmark-stack,.wordmark{overflow:visible!important}.word-sun{clip-path:none!important;pointer-events:none}