:root{--jade:#8cc99e;--gold:#e7cb84;--ink:#071c19;--pale:#e9f4e3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 42%,#1c4b3d 0,#0b2824 32%,#071614 70%);color:#eaf0df;font-family:system-ui,"Noto Sans SC",sans-serif;min-height:100vh}main{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,1.6fr) minmax(230px,1fr);align-items:center;gap:2vw;padding:35px 6%}.intro small,aside small,.after small{color:var(--gold);letter-spacing:.18em;font-size:11px}.intro h1{font:clamp(28px,3.1vw,48px)/1.22 Georgia,"Noto Serif SC",serif;margin:20px 0}.intro p{font-size:14px;line-height:1.8;color:#c7d8cb}.object-meta{margin-top:22px!important;color:#d6b774!important;font-size:12px!important}.steps{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}.steps button,aside button,footer button,.close{border:1px solid #d9c07573;background:#12352d;color:#edf3df;padding:10px 13px;cursor:pointer}.steps button.active{background:var(--gold);color:#10241e}.jade-stage{position:relative;min-height:650px;isolation:isolate;overflow:hidden;border-radius:50% 50% 43% 43%/22% 22% 14% 14%;background:radial-gradient(ellipse,#b7e5af17 0 24%,#031512 66%);box-shadow:inset 0 0 100px #b4e9b21c}.jade-stage>*{position:absolute}.aura{inset:15%;border-radius:50%;border:1px solid #d7efba24;box-shadow:0 0 80px #79ce8e2c;animation:breathe 5s ease-in-out infinite}.rings{inset:10%;border-radius:50%;border:1px solid #decf9040;transform:rotate(-20deg)}#cabbage{z-index:2;left:50%;top:50%;height:96%;max-width:104%;object-fit:contain;transform:translate(-50%,-48%);filter:saturate(.84) contrast(1.07) brightness(.92);transition:filter 1s,transform .8s}.jade-veil{z-index:3;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),transparent 0 9%,#06221d9b 37%,#061714e8 78%);mix-blend-mode:multiply;pointer-events:none;transition:background .18s}.beam{z-index:4;inset:-30%;background:linear-gradient(110deg,transparent 43%,#f7ffd557 49%,transparent 55%);mix-blend-mode:screen;transform:translateX(-55%) rotate(7deg);pointer-events:none;transition:transform 1.3s}.art-label{z-index:7;right:8%;bottom:11%;color:#e7cb84;letter-spacing:.14em;font:9px/1.7 system-ui;text-align:right;opacity:.82}.art-label span{color:#d5e9c8;letter-spacing:.1em}.veins{z-index:5;inset:7%;width:86%;height:86%;fill:none;stroke:#d7efb3;stroke-width:2;opacity:0;filter:drop-shadow(0 0 7px #a7f0b8);pointer-events:none;transition:opacity .8s}.color-point,.leaf-zone,.insect{z-index:8;border:1px solid #ead487;background:#0c3329e6;color:#f2e5b5;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.6);transition:.35s}.color-point{opacity:1;transform:none}.p1{left:35%;top:60%}.p2{left:60%;top:31%}.z1{left:40%;top:36%}.z2{left:57%;top:44%}.grasshopper{left:57%;top:18%}.locust{left:66%;top:22%}.stage-hint{z-index:9;bottom:30px;left:50%;transform:translateX(-50%);width:100%;text-align:center;color:#d7d7ba;font-size:12px;letter-spacing:.08em}aside{border-left:1px solid #dfca8340;padding-left:24px}aside h2{font:28px/1.35 Georgia,"Noto Serif SC",serif;margin:17px 0}aside p{font-size:14px;line-height:1.8;color:#c2d4c7}.fact{border-top:1px solid #d8c2754a;margin:23px 0;padding-top:15px}.fact span{color:#dcca8d;font:16px Georgia,"Noto Serif SC",serif}.fact p{margin:8px 0}.after{display:none;text-align:center;padding:100px 20px;background:linear-gradient(#0a2722,#133d31)}.after.show{display:block}.after h2{font:clamp(28px,4vw,54px)/1.3 Georgia,"Noto Serif SC",serif;margin:17px}.after p{max-width:620px;margin:0 auto 25px;line-height:1.9;color:#d4e0d1}footer{padding:25px 6%;border-top:1px solid #d8ca8840;display:flex;justify-content:space-between;color:#c7d6c7;font-size:12px}dialog{max-width:650px;background:#0c2822;color:#e8efde;border:1px solid #d7c779;padding:28px;line-height:1.8}.close{float:right}.photo{clear:both;padding-top:14px;text-align:center}.photo img{max-height:76vh;max-width:100%}dialog a{color:#ead487}@keyframes breathe{50%{transform:scale(1.05);opacity:.45}}body.step1 .leaf-zone,body.step2 .insect{opacity:1;transform:scale(1)}body.step1 .veins,body.step2 .veins{opacity:.75}body.step1 .beam,body.step2 .beam{transform:translateX(60%) rotate(7deg)}body.step2 #cabbage{filter:saturate(1.08) contrast(1.1) brightness(1)}@media(max-width:900px){main{grid-template-columns:1fr;padding:42px 8%;gap:25px}.jade-stage{min-height:560px;order:2}.intro{order:1}aside{order:3;border-left:0;border-top:1px solid #dfca8340;padding:24px 0 0}.museum-four{padding-top:75px}.after{padding:70px 20px}}@media(max-width:520px){.jade-stage{min-height:430px}footer{gap:15px;align-items:center}.steps button{font-size:11px}}