@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#334f3c}body{background:radial-gradient(ellipse at 17% 12%,#e1edd9 0,transparent 40%),radial-gradient(ellipse at 92% 84%,#f6e9d4 0,transparent 42%),#f7f7ec}.gate-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.gate-card{width:min(100%,390px);padding:34px 28px 30px;text-align:center;background:#fffdf4;border:1px solid #e2e7d7;border-radius:28px;box-shadow:0 14px 45px #395b3616}.gate-logo{width:66px;height:73px;display:grid;place-items:center;background:#4a7054;color:#fffef2;border-radius:35px 35px 8px 8px;margin:0 auto 23px;font:42px "Songti SC",serif}.eyebrow{color:#9c755c;font-size:11px;letter-spacing:3px}.gate-card h1{font:37px/1.3 "Songti SC",serif;margin:15px 0 9px}.intro{font-size:14px;color:#7d8a78}.pin-dots{display:flex;justify-content:center;gap:17px;margin:30px 0 15px}.pin-dots span{height:14px;width:14px;border:1.5px solid #87a383;border-radius:50%}.pin-dots span.filled{background:#55785a}.message{font-size:12px;min-height:38px;color:#8c7f66}.pin-pad{display:grid;grid-template-columns:repeat(3,76px);justify-content:center;gap:17px 24px}.pin-pad button{height:76px;width:76px;border-radius:50%;border:1px solid #d6e0d0;background:#e8efe2;color:#36543d;font-size:29px;box-shadow:0 4px 0 #d2dfcb;cursor:pointer;touch-action:manipulation}.pin-pad button:hover{background:#dcebd6}.pin-pad button:active{transform:translateY(3px);box-shadow:none}.pin-pad button.small{font-size:12px;background:transparent;box-shadow:none;border:0}.pin-pad button:disabled{opacity:.55;cursor:wait}.pin-pad button:focus-visible{outline:3px solid #c87850;outline-offset:4px}.foot{font-size:11px;color:#9a9d8e;margin:33px 0 0}@media(max-width:400px){.gate-card{padding:27px 16px}.pin-pad{gap:12px 17px;grid-template-columns:repeat(3,70px)}.pin-pad button{width:70px;height:70px}}