/* 本命年运.zip：顶部双向转盘和输入卡片 */
.index-top{position:relative;overflow:hidden}.index-top>img{display:block;width:100%;height:auto}.fortune-seal{display:none}.index-top-rotate{position:absolute;top:10%;left:50%;z-index:2;width:224px;height:224px;margin-left:-112px;overflow:hidden;pointer-events:none;contain:layout paint}.index-top-outer,.index-top-inner{position:absolute;left:50%;top:50%;box-sizing:border-box;margin:0;border-radius:50%;will-change:transform;transform-origin:50% 50%}.index-top-outer{z-index:2;width:224px;height:224px;margin:-112px 0 0 -112px;border:2px solid rgba(255,220,123,.88);box-shadow:0 0 0 5px rgba(140,8,12,.2),inset 0 0 18px rgba(91,0,0,.48);background:repeating-conic-gradient(from 0deg,rgba(255,220,126,.95) 0 1.5deg,transparent 1.5deg 15deg),radial-gradient(circle,transparent 0 68%,rgba(128,4,9,.72) 69% 82%,transparent 83%);animation:bmnyRotateOuter 20s linear infinite}.index-top-outer:after{position:absolute;inset:13px;box-sizing:border-box;content:"子 · 丑 · 寅 · 卯 · 辰 · 巳 · 午 · 未 · 申 · 酉 · 戌 · 亥";display:flex;align-items:center;justify-content:center;padding:20px;color:#ffe39a;font:700 13px/1.65 STKaiti,KaiTi,serif;letter-spacing:5px;text-align:center;border:1px dashed rgba(255,225,145,.8);border-radius:50%}.index-top-inner{z-index:3;width:164px;height:164px;margin:-82px 0 0 -82px;border:2px solid #f4c45f;background:repeating-conic-gradient(from 8deg,#8f1114 0 10deg,#d33b2a 10deg 20deg);box-shadow:inset 0 0 0 12px rgba(119,6,12,.68),0 0 14px rgba(255,215,104,.42);animation:bmnyRotateInner 20s linear infinite}.index-top-inner:after{position:absolute;inset:24px;content:"";background:radial-gradient(circle,#b7181a 0 60%,#efbd54 61% 63%,#8f1013 64%);border-radius:50%}.index-top-words{position:absolute;left:50%;top:50%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;margin:0;color:#ffe8a0;text-align:center;transform:translate(-50%,-50%);text-shadow:0 2px 4px #71070a}.index-top-words small{font-size:10px;line-height:1.4;letter-spacing:2px}.index-top-words strong{margin:5px 0;color:#ffe08a;font:700 25px/1.15 STKaiti,KaiTi,serif;letter-spacing:3px;white-space:nowrap}.index-top-words span{font-size:9px;line-height:1.4;letter-spacing:1px;white-space:nowrap}@keyframes bmnyRotateOuter{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bmnyRotateInner{from{transform:rotate(360deg)}to{transform:rotate(0)}}
.bmny-form{position:relative;z-index:3;margin:0 10px 14px;padding:15px 10px 14px;background:#fff;border:0;border-radius:5px;box-shadow:0 5px 14px rgba(91,11,9,.18);animation:bmnyFormEnter .55s ease-out both}.bmny-form h1,.bmny-form h2{margin:0 0 10px;color:#ac020f;font-size:20px;line-height:40px}.form-row{gap:20px}.form-row>input,.birthday>input:first-child{height:50px;padding:0 10px;color:#5f3025;font-size:18px;background:#fff4ee;border:1px solid #e2baa0;border-radius:5px;outline:0;transition:border-color .2s,box-shadow .2s,transform .2s}.form-row>input:focus,.birthday>input:first-child:focus{border-color:#cb1924;box-shadow:0 0 0 3px rgba(203,25,36,.12);transform:translateY(-1px)}.sex{height:50px;padding:1px;overflow:hidden;background:#fff4ee;border:1px solid #e2baa0;border-radius:30px}.sex button{width:47px;height:46px;padding:0;color:#894921;font-size:18px;background:transparent;border-radius:50%;transition:color .2s,background .2s,transform .2s}.sex button.active{color:#fff;background:linear-gradient(180deg,#d21523,#ae0310);box-shadow:0 3px 7px rgba(150,0,13,.28);transform:scale(1.02)}.birthday{margin-top:14px}.birthday>input:first-child{padding-right:40px;background-color:#fff4ee;background-image:linear-gradient(45deg,transparent 48%,#ac020f 49% 55%,transparent 56%),linear-gradient(-45deg,transparent 48%,#ac020f 49% 55%,transparent 56%);background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px;background-repeat:no-repeat;background-size:7px 7px}.submit{height:56px;margin:10px auto 5px;padding:0;color:#ffe68d;font-size:23px;line-height:56px;letter-spacing:3px;background:linear-gradient(180deg,#d92c30,#b20512 70%,#8e000a);border:2px solid #e8a13f;border-radius:30px;box-shadow:inset 0 1px 0 #ff7768,0 5px 10px rgba(126,0,8,.3);text-shadow:0 3px 3px #83000b;animation:bmnyButtonBreath 1.5s ease-in-out infinite}.agreement{margin-top:4px;color:#894921;font-size:14px}.agreement input{accent-color:#b80714}.bmny-form--bottom{margin:20px 10px}.bmny-form--bottom .submit{animation-delay:.35s}@keyframes bmnyButtonBreath{0%,100%{transform:scale(.94)}50%{transform:scale(1)}}@keyframes bmnyFormEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:350px){.index-top-rotate{top:9%;transform:scale(.9);transform-origin:top center}.bmny-form h1,.bmny-form h2{font-size:17px}.form-row{gap:10px}}@media(prefers-reduced-motion:reduce){.index-top-outer,.index-top-inner,.submit,.bmny-form{animation:none}}

/* Reference artwork: keep the three layers and animation geometry identical to 本命年运.zip. */
.index-top-outer{background:url("images/top_outer.png") no-repeat;background-size:100% auto;border:0;box-shadow:none}
.index-top-inner{background:url("images/top_inner.png") no-repeat;background-size:100% auto;border:0;box-shadow:none}
.index-top-outer:after,.index-top-inner:after{display:none}
.index-top-words{width:130px;height:194px;background:url("images/top_words.png") no-repeat;background-size:100% auto;color:transparent;text-shadow:none}