*{box-sizing:border-box}body{color:#5d5267;background:linear-gradient(150deg,#f7e8e8,#e8deee 48%,#cbd8e9);min-height:100vh;margin:0;font-family:PingFang SC,Microsoft YaHei UI,sans-serif}button,a{font:inherit}main{width:min(100%,1080px);margin:auto;padding:28px 20px 60px}header{justify-content:space-between;align-items:center;gap:20px;display:flex}header small,.tag{color:#a66f88;letter-spacing:.08em;font-weight:700}h1{margin:5px 0 0;font-size:clamp(25px,4vw,42px)}header a{color:#6f6282;background:#fff9;border-radius:999px;padding:11px 16px;text-decoration:none}nav{background:#ffffff87;border-radius:999px;gap:8px;width:max-content;margin:25px auto 18px;padding:5px;display:flex}nav button{color:#6b6071;background:0 0;border:0;border-radius:999px;padding:10px 18px}nav .active{color:#fff;background:#796889}.phone{border:2px solid #fff9;border-radius:42px;width:min(100%,440px);height:min(72vh,720px);min-height:600px;margin:auto;position:relative;overflow:hidden;box-shadow:0 30px 90px #62537230}.phone.month{background:linear-gradient(165deg,#f7e9e5,#e0d9ec 53%,#c5d3e5)}.tag{z-index:8;background:#fff9;border-radius:999px;padding:8px 13px;font-size:12px;position:absolute;top:25px;left:25px}.celestial{aspect-ratio:1;contain:layout paint;border-radius:50%;width:90%;position:absolute;top:7%;left:5%;overflow:hidden;transform:translateZ(0)}.month-sky{background:radial-gradient(circle at 50% 48%,#f7e7bc 0 3%,#0000 18%),radial-gradient(circle at 42% 52%,#7387b34a,#0000 55%)}.mist{filter:blur(20px);opacity:.35;border-radius:50%;position:absolute}.mist-one{background:#7188b5;inset:12% 28% 35% 2%}.mist-two{background:#b29bbc;inset:35% 1% 6% 34%}.orbit{will-change:transform;border:1px solid #d4b878;border-radius:50%;animation:18s linear infinite orbitTurn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit:after{content:"";border:1px dotted #f8edcc;border-radius:50%;position:absolute;inset:8%}.orbit i{background:#c58fa6;border-radius:44% 56% 52% 48%;width:14px;height:14px;position:absolute;top:-7px;left:50%;box-shadow:0 0 11px #fff}.orbit-a{width:42%;height:42%}.orbit-b{width:64%;height:64%;animation-duration:25s;animation-direction:reverse}.orbit-b i{background:#91a3c5}.orbit-c{width:86%;height:86%;animation-duration:34s}.orbit-c i{background:#9d88b4}.month-core{background:radial-gradient(circle at 35% 30%,#fffce8,#e5bd72 55%,#a97876);border-radius:50%;width:68px;height:68px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px #fff2c8}.month-core i{border:1px solid #d8b873;border-radius:50%;position:absolute;inset:-15px}.dust,.year-dust{background:#fff8d7;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 7px #fff}.dust-0{top:33%;left:14%}.dust-1{top:17%;left:24%}.dust-2{top:28%;left:78%}.dust-3{top:55%;left:87%}.dust-4{top:81%;left:66%}.dust-5{top:77%;left:29%}.dust-6{top:61%;left:10%}.dust-7{top:14%;left:56%}.dust-8{top:64%;left:72%}.dust-9{top:87%;left:41%}.dust-10{top:27%;left:36%}.dust-11{top:40%;left:83%}.dust-12{top:49%;left:17%}.dust-13{top:70%;left:61%}.dust-14{top:20%;left:49%}.dust-15{top:67%;left:23%}.dust-16{top:18%;left:70%}.dust-17{top:72%;left:88%}.year-orrery{background:radial-gradient(circle,#65709a 0,#36486f 46%,#162b4b 78%,#101f38 100%);box-shadow:inset 0 0 70px #050f24}.year-wash{filter:blur(22px);opacity:.48;border-radius:50%;position:absolute}.wash-one{background:#bc95bd;inset:3% 30% 45% 1%}.wash-two{background:#688cba;inset:42% 1% 3% 34%}.gold-orbit{border:1px solid #e2c58399;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #e5c88822}.gold-orbit:after{content:"";border:1px dotted #fff1c766;border-radius:50%;position:absolute;inset:6%}.gold-a{width:34%;height:34%;animation:17s linear infinite orbitTurn}.gold-b{width:51%;height:51%;animation:25s linear infinite reverse orbitTurn}.gold-c{width:69%;height:69%;animation:37s linear infinite orbitTurn}.gold-d{width:88%;height:88%;animation:52s linear infinite reverse orbitTurn}.month-wheel{will-change:transform;animation:44s linear infinite wheelTurn;position:absolute;inset:7%}.month-wheel span{--radius:155px;width:10px;height:10px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * var(--radius)));position:absolute;top:50%;left:50%}.month-wheel i{background:radial-gradient(circle at 30% 25%,#fff9d8,#e7c67d 42%,#a96f8f);border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 9px #fff0bd}.month-wheel span:nth-child(3n) i{background:radial-gradient(circle at 30% 25%,#fcecea,#c99dbf 48%,#7c6aa1);width:13px;height:13px}.month-wheel span:nth-child(4n) i{background:radial-gradient(circle at 30% 25%,#f5f0ff,#9fb7d8 50%,#64769d)}.annual-core{background:radial-gradient(circle,#fff9da 0 12%,#e6c37b 13% 27%,#8b6a8b 29% 31%,#263b63 32%);border-radius:50%;width:90px;height:90px;animation:5s ease-in-out infinite corePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #f2cf7c99,0 0 80px #d8a9c84d}.annual-core:before,.annual-core:after{content:"";filter:drop-shadow(0 0 5px #f8df9a);background:linear-gradient(90deg,#0000,#f6dfa1,#0000);width:145%;height:15%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.annual-core:after{transform:translate(-50%,-50%)rotate(90deg)}.annual-core i,.annual-core b{border:1px solid #ead093;border-radius:50%;position:absolute;inset:-18px}.annual-core b{border-style:dotted;animation:15s linear infinite orbitTurn;inset:-31px}.lunar{background:#f7e8c3;border-radius:50%;width:25px;height:25px;position:absolute;box-shadow:0 0 10px #fff0c8}.lunar:after{content:"";background:#35486f;border-radius:50%;width:24px;height:24px;position:absolute;top:-3px;left:8px}.lunar-one{animation:6s ease-in-out infinite float;top:31%;left:19%}.lunar-two{animation:7s ease-in-out 1s infinite float;bottom:24%;right:16%;transform:scale(.62)}.year-dust{opacity:.85;animation:2.7s ease-in-out infinite alternate twinkle}.yd-0{top:22%;left:11%}.yd-1{top:69%;left:20%}.yd-2{top:13%;left:31%}.yd-3{top:82%;left:45%}.yd-4{top:19%;left:58%}.yd-5{top:76%;left:73%}.yd-6{top:44%;left:88%}.yd-7{top:17%;left:80%}.yd-8{top:48%;left:15%}.yd-9{top:31%;left:38%}.yd-10{top:56%;left:66%}.yd-11{top:71%;left:53%}@keyframes orbitTurn{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes wheelTurn{to{transform:rotate(360deg)}}@keyframes corePulse{50%{filter:brightness(1.12);transform:translate(-50%,-50%)scale(1.08)}}@keyframes float{50%{margin-top:-8px}}@keyframes twinkle{to{opacity:.22;transform:scale(.55)}}article{z-index:6;text-align:center;position:absolute;bottom:42px;left:25px;right:25px}article small{color:#a16d87;font-weight:700}article h2{margin:10px 0;font-family:Georgia,Noto Serif SC,serif;font-size:25px;line-height:1.35}article p{font-size:13px;line-height:1.7}.phone.year article h2{letter-spacing:-.055em;white-space:nowrap;color:#fff9eb;text-shadow:0 2px 18px #17243f;font-size:20px;line-height:1.2}.note{text-align:center;max-width:600px;margin:20px auto 0;font-size:13px;line-height:1.7}@media (width<=520px){main{padding:16px 10px 36px}header{padding:0 8px}header h1{font-size:21px}header a{font-size:12px}.phone{border-radius:34px;min-height:590px}.celestial{width:94%;top:8%;left:3%}.month-wheel span{--radius:min(36vw,144px)}article h2{font-size:21px}.phone.year article{left:10px;right:10px}.phone.year article h2{letter-spacing:-.075em;font-size:clamp(14px,3.85vw,17px)}}@media (prefers-reduced-motion:reduce){.orbit,.month-wheel,.gold-orbit,.annual-core,.annual-core b,.lunar,.year-dust{animation-duration:1ms;animation-iteration-count:1}}.phone.year{color:#574f6a;background:linear-gradient(#91b8dc 0%,#b8cce6 24%,#d8d6e8 55%,#edcfdf 78%,#f6e3dc 100%);border-color:#fff9;box-shadow:0 30px 100px #5a66844f}.year .tag{color:#735e86;background:#fff9;border:1px solid #fff}.year-orrery{background:radial-gradient(at 50% 33%,#fbf0d6a3 0 8%,#0000 33%),linear-gradient(#8eb7dd 0,#bdcce5 35%,#ded8e8 68%,#f1d9df 100%);position:absolute;inset:0;overflow:hidden}.year-orrery:before,.year-orrery:after{content:"";filter:blur(18px);opacity:.72;border-radius:50%;position:absolute}.year-orrery:before{background:#f7e9e0;width:300px;height:95px;top:85px;left:-90px}.year-orrery:after{background:#d9c3dd;width:330px;height:105px;top:180px;right:-120px}.sky-cloud{z-index:1;filter:blur(8px);background:#f8eee5cc;border-radius:50%;width:190px;height:62px;position:absolute;box-shadow:54px 15px #f7eee1aa,-36px 26px #e9d9e5a8}.cloud-left{top:120px;left:-55px}.cloud-right{top:245px;right:-48px;transform:scale(.78)}.orrery-stage{z-index:3;width:355px;height:355px;transform-style:preserve-3d;filter:drop-shadow(0 22px 18px #59688936);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)perspective(700px)rotateX(61deg)rotate(-24deg)}.tilted-ring{transform:translate(-50%,-50%) translateZ(var(--z));animation:tiltedSpin var(--speed) linear infinite;transform-style:preserve-3d;border:2px solid #f3d99c;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #fff9,0 0 12px #fff1bd85}.tilted-ring:before,.tilted-ring:after{content:"";border:1px dotted #fff4ca;border-radius:50%;position:absolute;inset:5%}.tilted-ring:after{border-style:solid;border-color:#d9b9c8aa;inset:13%}.ring-outer{--z:-22px;--speed:32s;width:94%;height:94%}.ring-middle{--z:10px;--speed:22s;width:72%;height:72%;animation-direction:reverse}.ring-inner{--z:38px;--speed:14s;width:48%;height:48%}.tilted-ring>i{background:radial-gradient(circle at 30% 25%,#fff8da,#d6a9c3 48%,#796b9b);border-radius:50%;width:15px;height:15px;position:absolute;transform:rotateX(-61deg);box-shadow:0 0 12px #fff}.tilted-ring>i:first-child{top:-8px;left:50%}.tilted-ring>i:nth-child(2){bottom:20%;right:5%}.tilted-ring>i:nth-child(3){background:radial-gradient(circle at 30% 25%,#fffbe2,#e4c17b 48%,#aa7890);bottom:16%;left:10%}.zodiac-filigree{border:1px solid #fff4cdb8;border-radius:50%;animation:45s linear infinite reverse filigreeSpin;position:absolute;inset:8%;transform:translateZ(54px)}.zodiac-filigree:before,.zodiac-filigree:after,.zodiac-filigree i,.zodiac-filigree b{content:"";transform-origin:50%;background:linear-gradient(90deg,#0000,#f3d695,#0000);width:100%;height:1px;position:absolute;top:50%;left:50%}.zodiac-filigree:after{transform:translate(-50%,-50%)rotate(45deg)}.zodiac-filigree:before{transform:translate(-50%,-50%)rotate(90deg)}.zodiac-filigree i{transform:translate(-50%,-50%)rotate(135deg)}.zodiac-filigree b{width:118%;transform:translate(-50%,-50%)rotate(22.5deg)}.year-orrery .month-wheel{transform-style:preserve-3d;animation:38s linear infinite wheelSpin3d;inset:4%}.year-orrery .month-wheel i{width:12px;height:12px;transform:rotateX(-61deg);box-shadow:0 0 10px #fff7d0,0 0 22px #d7afcf}.year-orrery .annual-core{background:radial-gradient(circle,#fff 0 8%,#fff0bd 9% 23%,#d9a9c5 25% 39%,#7784ad 41% 53%,#0000 55%);width:84px;height:84px;transform:translate(-50%,-50%)translateZ(78px)rotateX(-61deg);box-shadow:0 0 30px #fff3be,0 0 70px #fff}.year-orrery .annual-core:before,.year-orrery .annual-core:after{width:180%;height:7%}.rose{z-index:5;filter:drop-shadow(0 8px 9px #5c547238);width:74px;height:74px;animation:6s ease-in-out infinite roseFloat;position:absolute}.rose-one{top:48%;left:7%;transform:rotate(-14deg)}.rose-two{animation-delay:-2s;top:19%;right:5%;transform:scale(.68)rotate(17deg)}.rose i{transform-origin:16px 32px;width:31px;height:43px;transform:rotate(var(--r));background:linear-gradient(145deg,#c0b3dc,#786d9f 70%);border-radius:70% 30% 65% 35%;position:absolute;top:5px;left:22px;box-shadow:inset 5px 4px #ffffff5c}.rose i:first-child{--r:0deg}.rose i:nth-child(2){--r:72deg}.rose i:nth-child(3){--r:144deg}.rose i:nth-child(4){--r:216deg}.rose i:nth-child(5){--r:288deg}.rose b{background:#ead3dc;border-radius:50%;width:19px;height:19px;position:absolute;top:26px;left:28px;box-shadow:0 0 13px #fff}.falling-petal{z-index:6;left:var(--px);opacity:.75;width:10px;height:18px;animation:petalFall var(--pd) var(--delay) linear infinite;background:linear-gradient(#f2d5e1,#9b8aba);border-radius:80% 20% 65% 35%;position:absolute;top:-30px}.petal-0{--px:8%;--pd:9s;--delay:-1s}.petal-1{--px:18%;--pd:12s;--delay:-7s}.petal-2{--px:29%;--pd:10s;--delay:-4s}.petal-3{--px:42%;--pd:13s;--delay:-9s}.petal-4{--px:54%;--pd:8s;--delay:-5s}.petal-5{--px:67%;--pd:11s;--delay:-2s}.petal-6{--px:79%;--pd:12s;--delay:-8s}.petal-7{--px:91%;--pd:9s;--delay:-6s}.petal-8{--px:13%;--pd:14s;--delay:-11s}.petal-9{--px:36%;--pd:10s;--delay:-8s}.petal-10{--px:61%;--pd:13s;--delay:-3s}.petal-11{--px:84%;--pd:11s;--delay:-10s}.petal-12{--px:47%;--pd:15s;--delay:-12s}.petal-13{--px:73%;--pd:9s;--delay:-4s}.year-orrery .year-dust{z-index:2}.year article{z-index:8;text-shadow:0 2px 16px #fff}.year article small{color:#8c6688}.year article p{color:#6d6479}.phone.year article h2{color:#5b516c;text-shadow:0 2px 18px #fff;letter-spacing:-.05em}@keyframes tiltedSpin{to{transform:translate(-50%,-50%) translateZ(var(--z)) rotate(360deg)}}@keyframes filigreeSpin{to{transform:translateZ(54px)rotate(360deg)}}@keyframes wheelSpin3d{to{transform:rotate(360deg)}}@keyframes roseFloat{50%{filter:drop-shadow(0 16px 12px #5c54724d)brightness(1.08);margin-top:-13px}}@keyframes petalFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:.8}55%{transform:translate(32px,380px)rotate(210deg)}to{opacity:0;transform:translate(-22px,760px)rotate(480deg)}}@media (width<=520px){.orrery-stage{width:min(82vw,340px);height:min(82vw,340px);top:42%}.year-orrery .month-wheel span{--radius:min(36vw,150px)}.rose-one{top:50%;left:3%}.rose-two{top:21%;right:1%}}.orrery-stage{filter:drop-shadow(0 24px 22px #59688940);width:350px;height:350px;top:41%;transform:translate(-50%,-50%)perspective(900px)}.orbit-plane{transform-style:preserve-3d;perspective:900px;pointer-events:none;position:absolute;inset:0}.plane-horizontal{transform:rotateX(68deg)rotate(-12deg)}.plane-vertical{transform:rotateY(72deg)rotate(13deg)}.plane-diagonal{transform:rotateX(48deg)rotateY(51deg)rotate(-32deg)}.plane-cross{transform:rotateX(-35deg)rotateY(63deg)rotate(42deg)}.space-ring{transform-style:preserve-3d;animation:spaceOrbit var(--speed) linear infinite;border:1.5px solid #efd08d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #fff8,0 0 13px #fff0b8a6}.space-ring:before,.space-ring:after{content:"";border-radius:50%;position:absolute}.space-ring:before{border:1px dotted #fff7d4;inset:5%}.space-ring:after{border:1px solid #cbaac78c;inset:14%}.ring-outer{--speed:34s;width:96%;height:96%}.ring-middle{--speed:23s;width:78%;height:78%;animation-direction:reverse}.ring-inner{--speed:16s;width:58%;height:58%}.ring-cross{--speed:27s;border-color:#e7b9d0;width:87%;height:87%;animation-direction:reverse}.space-ring>i{background:radial-gradient(circle at 30% 25%,#fff,#f1d18c 35%,#9c739b 72%);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 8px #fff,0 0 20px #f0c9dc}.space-ring>i:first-child{top:-7px;left:50%}.space-ring>i:nth-child(2){background:radial-gradient(circle at 30% 25%,#fff,#b9c9ed 44%,#746899);bottom:18%;right:7%}.space-ring>i:nth-child(3){background:radial-gradient(circle,#fff,#dba9c7 52%,#756792);width:9px;height:9px;bottom:22%;left:8%}.year-orrery .zodiac-filigree{z-index:4;animation:36s linear infinite reverse filigreeSpinFlat;inset:27%;transform:none}.year-orrery .month-wheel{z-index:5;animation:31s linear infinite wheelTurn;inset:15%}.year-orrery .month-wheel span{--radius:122px}.year-orrery .month-wheel i{width:8px;height:8px;transform:none}.year-orrery .annual-core{z-index:10;clip-path:polygon(50% 0,59% 34%,85% 15%,69% 42%,100% 50%,68% 58%,85% 86%,59% 67%,50% 100%,41% 67%,15% 86%,32% 58%,0 50%,32% 42%,15% 15%,41% 34%);width:94px;height:94px;box-shadow:none;filter:drop-shadow(0 0 14px #fff4c4)drop-shadow(0 0 32px #f0c5dc);background:radial-gradient(circle,#fff 0 9%,#fff1b7 16%,#deb86c 39%,#b98ba7 61%,#727ba7 78%,#0000 80%);animation:4.6s ease-in-out infinite coreStarPulse;transform:translate(-50%,-50%)}.year-orrery .annual-core:before,.year-orrery .annual-core:after{display:none}.year-orrery .annual-core i,.year-orrery .annual-core b{clip-path:none;border-color:#f6d99e;border-radius:50%}.year-orrery .annual-core i{inset:-18px}.year-orrery .annual-core b{inset:-31px}.hibiscus{z-index:7;filter:drop-shadow(0 10px 13px #5b4e7247);width:96px;height:96px;transform-style:preserve-3d;animation:6s ease-in-out infinite flowerDrift;position:absolute}.hibiscus-one{top:46%;left:1%;transform:rotate(-17deg)}.hibiscus-two{animation-delay:-2.4s;top:17%;right:-1%;transform:scale(.72)rotate(16deg)}.hibiscus i{transform-origin:18px 41px;width:36px;height:53px;transform:rotate(calc(var(--petal) * 36deg)) scale(var(--petal-scale));background:radial-gradient(at 55% 82%,#7c507f 0 12%,#a879ad 25%,#cba7d3 63%,#efe1f2 100%);border-radius:68% 32% 72% 28%/72% 38% 62% 28%;position:absolute;top:8px;left:31px;box-shadow:inset 5px 7px 9px #ffffff5c,inset -4px -7px 9px #654b7933}.hibiscus i:first-child{--petal:0;--petal-scale:1}.hibiscus i:nth-child(2){--petal:1;--petal-scale:.94}.hibiscus i:nth-child(3){--petal:2;--petal-scale:1.02}.hibiscus i:nth-child(4){--petal:3;--petal-scale:.95}.hibiscus i:nth-child(5){--petal:4;--petal-scale:1}.hibiscus i:nth-child(6){--petal:5;--petal-scale:.9}.hibiscus i:nth-child(7){--petal:6;--petal-scale:.98}.hibiscus i:nth-child(8){--petal:7;--petal-scale:.92}.hibiscus i:nth-child(9){--petal:8;--petal-scale:1}.hibiscus i:nth-child(10){--petal:9;--petal-scale:.94}.hibiscus b{z-index:2;background:radial-gradient(circle,#f9e5a5 0 22%,#d9aebf 25% 51%,#82567f 56%);border-radius:50%;width:20px;height:20px;position:absolute;top:39px;left:39px;box-shadow:0 0 11px #fff}.hibiscus em{z-index:3;transform-origin:bottom;background:linear-gradient(#fff2bf,#cf9bb8);border-radius:4px;width:4px;height:35px;position:absolute;top:34px;left:47px;transform:rotate(-18deg)}.hibiscus em:after{content:"";background:radial-gradient(circle,#fff9d7 0 18%,#e4bc75 24% 36%,#0000 40%),radial-gradient(circle at 20% 70%,#efd48d 0 13%,#0000 16%),radial-gradient(circle at 82% 70%,#efd48d 0 13%,#0000 16%);border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;left:-5px}@keyframes spaceOrbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes coreStarPulse{50%{filter:drop-shadow(0 0 20px #fff7d2)drop-shadow(0 0 42px #edc3dd);transform:translate(-50%,-50%)scale(1.09)rotate(5deg)}}@keyframes filigreeSpinFlat{to{transform:rotate(360deg)}}@keyframes flowerDrift{50%{filter:drop-shadow(0 18px 15px #5b4e7257)brightness(1.08);margin-top:-12px}}@media (width<=520px){.orrery-stage{width:min(84vw,338px);height:min(84vw,338px);top:40%}.year-orrery .month-wheel span{--radius:min(29vw,119px)}.hibiscus-one{top:48%;left:-4%}.hibiscus-two{top:19%;right:-5%}}