@font-face{font-family:SpaceSans;src:url('./codex/fonts/noto-sans-sc-400.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:SpaceSans;src:url('./codex/fonts/noto-sans-sc-700.woff') format('woff');font-weight:700;font-display:swap}
:root{font-family:SpaceSans,'Microsoft YaHei',sans-serif;color:#ececf8;background:#090e24;color-scheme:dark;--muted:#aeb4cf;--line:#b3bfef26}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible{outline:2px solid #b0edff;outline-offset:7px}img{display:block;max-width:100%}h1,h2,p{margin:0}h1,h2{text-wrap:balance}::selection{background:#69579a;color:#fff}.sky{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 18% 35%,#1d436020,transparent 55%),radial-gradient(ellipse at 90% 22%,#61417a23,transparent 55%)}.sky span{position:absolute;inset:0;background-image:radial-gradient(circle,#d5d5ff99 .8px,transparent 1px),radial-gradient(circle,#c6eaff7a .7px,transparent 1px);background-size:173px 199px,283px 257px;background-position:30px 79px,118px 19px;opacity:.3}.sky i,.sky b{position:absolute;width:490px;height:490px;left:-340px;top:22%;border:1px solid #b6b4f214;border-radius:50%;transform:rotate(-35deg) scaleY(.5)}.sky b{left:auto;right:-340px;top:65%;border-color:#ddbee214}.masthead{max-width:1280px;padding:32px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font:500 19px Georgia,serif;letter-spacing:.02em}.brand em{font-size:15px;font-style:italic;color:#b7b1d6;margin:0 2px}.header-note{font-size:11px;color:#9da5c5;letter-spacing:.08em}main{max-width:1120px;margin:auto;padding:0 36px}.intro{text-align:center;padding:28px 0 45px;position:relative}.little-orbit{display:block;width:58px;height:23px;border:1px solid #b6b4e86b;border-radius:50%;transform:rotate(-25deg);margin:5px auto 27px;position:relative}.little-orbit:before{content:'';width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#b5dcf7,#584974);position:absolute;left:20px;top:3px;box-shadow:0 0 25px #c7b5ff30}.little-orbit i{position:absolute;width:4px;height:4px;background:#ecc2e3;border-radius:50%;top:5px;right:0;box-shadow:0 0 10px #e6b7e4}.intro h1{font-size:43px;font-weight:400;letter-spacing:.08em;line-height:1.55}.intro p{font-size:13px;line-height:2.1;color:var(--muted);margin-top:17px;letter-spacing:.04em}.editions{display:grid;grid-template-columns:1fr 1fr;gap:28px}.edition{--accent:#a0dce9;display:block;overflow:hidden;border:1px solid #9bb6dd32;background:linear-gradient(135deg,#18273b8f,#10152bbf);border-radius:25px;box-shadow:0 12px 40px #0000001c;transition:transform .32s,border-color .32s,box-shadow .32s;min-width:0}.edition.claude{--accent:#e2bddb;border-color:#bf98ce36;background:linear-gradient(135deg,#27213a9c,#14152cbf)}.edition:hover{transform:translateY(-7px);border-color:#9ce2f78c;box-shadow:0 14px 60px #5196c01a}.edition.claude:hover{border-color:#dbb4da90;box-shadow:0 14px 60px #a866bb20}.preview{position:relative;aspect-ratio:1.74;overflow:hidden;border-bottom:1px solid var(--line);background:#0b1026}.preview img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s;opacity:.88}.edition:hover .preview img{transform:scale(1.025);opacity:1}.preview:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0d122688)}.preview-hint{position:absolute;left:23px;bottom:17px;font-size:10px;padding:7px 11px;color:#e6e7f8;border:1px solid #bdc5ed35;border-radius:99px;background:#111a30bb;backdrop-filter:blur(12px);z-index:1}.edition-copy{padding:26px 29px 0}.maker{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:700}.maker svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.version{margin-left:auto;font-weight:400;font-size:10px;color:var(--muted);border:1px solid var(--line);padding:5px 10px;border-radius:99px}.edition h2{font-size:24px;font-weight:400;line-height:1.6;letter-spacing:.035em;margin-top:19px}.edition p{font-size:12px;color:var(--muted);line-height:2;margin-top:13px}.features{display:flex;gap:17px;margin-top:23px;color:#bfc5dd;font-size:10px;flex-wrap:wrap}.features span+span{position:relative}.features span+span:before{content:'';position:absolute;left:-9px;top:7px;width:2px;height:2px;border-radius:50%;background:#7e88ac}.entry{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:25px;border-top:1px solid var(--line);font-size:13px;color:var(--accent);font-weight:700}.entry-arrow{border:1px solid #a9c9e749;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-family:sans-serif;font-size:21px;font-weight:400;transition:background .3s,transform .3s}.edition:hover .entry-arrow{background:#a6dce516;transform:translate(2px,-2px)}.switch-note{text-align:center;font-size:11px;color:#9aa4c8;margin:32px 0 45px;line-height:1.9}.switch-note span{font-size:18px;margin-right:9px;color:#c6badf}footer{max-width:1048px;margin:auto;padding:25px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8993b7;font-size:10px}footer>span:first-child{font:14px Georgia,serif;color:#c1c4d9}
@media(max-width:900px){.masthead{padding:25px 32px}main{padding:0 30px}.intro{padding:23px 0 35px}.intro h1{font-size:36px}.editions{gap:20px}.edition-copy{padding:22px 23px 0}.edition h2{font-size:21px}.features{gap:12px;font-size:9px}.features span+span:before{left:-7px}.version{font-size:8px;padding:5px 8px}.maker{font-size:12px}.entry{margin-top:23px;padding:19px 0}.edition{border-radius:20px}footer{margin:0 30px}}
@media(max-width:600px){.masthead{padding:23px 23px 12px}.brand{font-size:18px;gap:9px}.brand img{width:30px;height:30px}.header-note{font-size:9px;letter-spacing:0;max-width:100px;text-align:right;line-height:1.8}main{padding:0 23px}.intro{padding:31px 0 31px}.little-orbit{width:47px;height:20px;margin:2px auto 22px}.little-orbit:before{left:17px;width:13px;height:13px}.intro h1{font-size:28px;letter-spacing:.035em}.intro p{font-size:11px;margin-top:15px;line-height:2}.editions{grid-template-columns:1fr;gap:25px}.preview{aspect-ratio:1.6}.preview-hint{left:18px;bottom:14px;font-size:9px;padding:6px 10px}.edition-copy{padding:23px 23px 0}.maker{font-size:13px}.version{font-size:9px}.edition h2{font-size:22px;margin-top:20px}.edition p{font-size:12px}.features{font-size:10px;gap:17px;margin-top:20px}.features span+span:before{left:-9px}.entry{padding:20px 0;margin-top:23px;font-size:13px}.switch-note{font-size:10px;margin:28px 10px 35px}footer{margin:0 23px;padding:21px 0 26px;flex-wrap:wrap;gap:14px;font-size:9px}footer p{order:3;width:100%;text-align:center;color:#7f8bad;margin-top:6px}.sky i,.sky b{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.edition:hover,.edition:hover .preview img,.edition:hover .entry-arrow{transform:none}}
.skip-link{position:fixed;left:20px;top:12px;z-index:5;padding:12px 18px;border-radius:8px;background:#ececf8;color:#090e24;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
/* Three editions share one selection page; each retains its own visual world. */
main{max-width:1360px}.editions{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.edition{display:flex;flex-direction:column}.edition-copy{display:flex;flex-direction:column;flex:1;padding:24px 24px 0}.edition h2{font-size:22px}.entry{margin-top:auto}.features{margin-bottom:24px}.edition.classic{--accent:#e9d0ad;background:linear-gradient(135deg,#302a318f,#15182ebf);border-color:#e9d0ad36}.edition.classic:hover{border-color:#e9d0ad90}.classic .preview img{object-position:center 25%}.classic .preview{background:#f6f2eb}footer{max-width:1288px;margin-inline:auto}.version{padding-inline:7px;font-size:9px}
@media(max-width:1050px) and (min-width:601px){main{max-width:820px}.editions{grid-template-columns:1fr}.edition{display:grid;grid-template-columns:.9fr 1.1fr}.preview{height:100%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line)}.preview img{position:absolute;inset:0;object-fit:cover;object-position:left top}.classic .preview img{object-position:center top}.edition-copy{padding:24px 24px 0}.edition h2{font-size:24px}.features{margin-bottom:20px}footer{margin-inline:30px}}
@media(max-width:600px){.editions{grid-template-columns:1fr;gap:25px}.edition-copy{padding:23px 23px 0}.edition h2{font-size:22px}.features{margin-bottom:23px}footer{margin-inline:23px}}