*{box-sizing:border-box}html{color:#eee7d8;background:#121922;font:16px/1.7 "Microsoft YaHei","PingFang SC",sans-serif}body{margin:0;background:radial-gradient(ellipse at 68% 38%,#29344766,transparent 55%)}button,a{font:inherit;color:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f3cf8a;outline-offset:5px}button:disabled{opacity:.5;cursor:default}header,main,footer{max-width:1280px;padding-inline:52px;margin:auto}header{height:88px;display:flex;align-items:center;border-bottom:1px solid #c4b89024;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-family:SimSun,serif}.brand img{width:36px}.wordmark{font:11px Georgia,serif;letter-spacing:3px;color:#a7a7ac;margin-right:auto}.quiet{background:none;border:0;color:#afb1b7;font-size:12px;padding:9px 0}.experience{display:grid;grid-template-columns:1fr 1.12fr;gap:35px;align-items:center;min-height:740px}.panel{padding:36px 0}.eyebrow,.step-label{color:#c9b98b;font-size:11px;letter-spacing:2px}h1,h2,h3{font-family:"Songti SC",SimSun,serif;font-weight:normal}h1{font-size:clamp(44px,5.1vw,70px);line-height:1.28;margin:20px 0 24px;letter-spacing:2px}h1 em{font-style:normal;color:#d9c49b}h2{font-size:31px;line-height:1.5;margin:16px 0}p{color:#adb3bd;font-size:14px;line-height:1.9}.intro-text{max-width:390px}.primary{border:1px solid #dfc48e;background:#e2cca2;color:#242735;padding:13px 23px;border-radius:4px;font-size:14px;font-weight:bold;min-height:48px}.primary:hover{background:#f2dfb8}.intro-actions{margin-top:28px;display:flex;align-items:center;gap:20px}.link{background:none;border:0;color:#c5c6cc;text-decoration:underline;text-underline-offset:5px;font-size:13px;padding:9px 0}.fine{font-size:11px;color:#8a929e}.topics{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0}.topics button{background:none;border:1px solid #556071;color:#c4c8d0;padding:7px 13px;border-radius:20px;font-size:12px}.topics [aria-pressed=true]{background:#363746;border-color:#b9a67f;color:#e9d9b4}.atlas{position:relative;padding:28px 0}.atlas-caption{display:flex;justify-content:space-between;gap:10px;color:#a1a6b0;font-size:10px;letter-spacing:1px;padding:0 10px}.chart{position:relative;width:100%;aspect-ratio:540/650;margin-top:10px}.chart svg,#nodes{position:absolute;inset:0;width:100%;height:100%}.orbit ellipse{fill:none;stroke:#b8a675;stroke-width:.6;opacity:.23}.orbit{transform-origin:270px 325px;animation:orbit 70s linear infinite}.aura{animation:breathe 8s ease-in-out infinite alternate}.edge{stroke:#b5b7c7;stroke-width:1;opacity:.18}.trail{stroke:#dfc38b;stroke-width:2;fill:none;opacity:.9}.draw{stroke-dasharray:1;animation:draw 1s ease-out both}.spark{fill:#f7dfa4;filter:drop-shadow(0 0 7px #f2d9aa)}.node{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid #746d72;background:radial-gradient(circle at 40% 30%,#333442,#18202c);box-shadow:0 0 0 6px #151d2933;color:#d6d3d1;font-size:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;transition:box-shadow .6s,border-color .6s,background .6s}.node small{font:9px Georgia;color:#9396a3;line-height:1.3}.node.visited{border-color:#d2b786;background:radial-gradient(circle,#49413c,#202536);color:#ffebbf;box-shadow:0 0 19px #e5bf4a22}.node.current{animation:nodeglow 2.4s ease-in-out infinite}.node:hover{border-color:#f3d7a0;box-shadow:0 0 25px #e3c08033}.node-label{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);font:8px Georgia;letter-spacing:1.5px;white-space:nowrap;color:#9097a5;pointer-events:none}.dust{position:absolute;inset:0;pointer-events:none}.dust i{position:absolute;font-style:normal;color:#c7b58d;font-size:12px;animation:drift 7s ease-in-out infinite alternate}.dust i:nth-child(1){left:7%;top:13%}.dust i:nth-child(2){left:92%;top:42%;animation-delay:-3s}.dust i:nth-child(3){left:29%;top:43%;animation-delay:-5s}.dust i:nth-child(4){left:75%;top:80%;animation-delay:-2s}.dust i:nth-child(5){left:10%;top:86%;animation-delay:-4s}.map-note{text-align:center;font-size:11px;margin:24px 0 0;color:#8893a0}.about{border-top:1px solid #c4b89024;padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.about h2{font-size:24px;margin:8px 0}.about p{font-size:12px}footer{border-top:1px solid #c4b89024;padding-top:20px;padding-bottom:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;font-size:11px;color:#919ba8}details{max-width:760px}details p{font-size:12px}details a{display:inline-block;margin-right:20px}footer>span{white-space:nowrap}.progress{display:flex;gap:7px;margin:17px 0 23px}.progress i{height:3px;background:#3e4653;flex:1}.progress i.on{background:#c9b98b}.options{display:grid;gap:10px;margin:22px 0}.options button{background:#202a3655;border:1px solid #566071;border-radius:5px;text-align:left;padding:14px 16px;line-height:1.7;font-size:14px;display:flex;align-items:center;gap:13px}.options button:hover{background:#343b4655;border-color:#c9b98b}.options b{font:12px Georgia;color:#cbb98f}.panel h2:focus{outline:0}.nav{display:flex;justify-content:space-between;align-items:center}.step-label{display:flex;justify-content:space-between}.evidence{border-left:2px solid #a58e68;padding:1px 0 1px 18px;margin:24px 0}.evidence p{font-size:13px}.advice{border:1px solid #8f7e5c66;border-radius:6px;background:#a58e6810;padding:17px 19px;margin-bottom:23px}.advice b{font-size:13px;color:#dfc894}.advice p{margin:7px 0 0}.path-list{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.path-list span{font-size:11px;color:#cabc9f}.panel-enter{animation:enter .45s ease-out both}dialog{background:#1a2533;color:#e7dcc7;border:1px solid #796e5b;border-radius:8px;width:min(440px,calc(100% - 32px));padding:30px}dialog::backdrop{background:#091019bf;backdrop-filter:blur(6px)}dialog h2{margin-bottom:12px}.close{float:right;border:0;background:none;color:#d2c2a0;font-size:25px}.reflection{border-top:1px solid #81755866;margin-top:20px;padding-top:15px}.reflection span{font-size:11px;color:#cdb686}.reflection p{margin-bottom:0}.paused *, .paused *::before{animation-play-state:paused!important}.paused .spark{display:none}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{to{opacity:.3}}@keyframes drift{to{transform:translateY(-15px);opacity:.25}}@keyframes nodeglow{50%{box-shadow:0 0 28px #e7cb8555}}@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}.spark{display:none}}
@media(max-width:760px){header,main,footer{padding-inline:22px}header{height:66px;gap:12px}.brand{font-size:18px}.brand img{width:30px}.wordmark{font-size:8px;letter-spacing:1px}#motion{font-size:11px}.experience{display:flex;flex-direction:column;gap:0;min-height:0}.panel{padding:32px 0 12px;width:100%}h1{font-size:46px;margin:12px 0 18px}.intro-actions{margin-top:20px}h2{font-size:25px}.atlas{width:100%;max-width:490px;padding:20px 0}.node{width:48px;height:48px;font-size:11px}.node small{font-size:8px}.node-label{font-size:6px;letter-spacing:1px;top:calc(100% + 5px)}.atlas-caption{font-size:9px;padding:0}.about{display:block;padding:23px 0}.about h2{font-size:23px}footer{display:block}footer>span{display:block;margin-top:15px}.options button{padding:12px;font-size:13px}.map-note{margin-top:18px}.experience.started .atlas{order:-1;max-width:300px;padding:18px 0 0}.experience.started .atlas-caption,.experience.started .map-note{display:none}.experience.started .node{width:37px;height:37px;font-size:9px}.experience.started .node-label{display:none}.experience.started .node small{font-size:7px}.experience.started .panel{padding-top:12px}.experience.started .chart{max-height:340px}.experience.started .atlas{max-width:270px}}
@media(max-width:760px){h1{font-size:39px;letter-spacing:1px}}