.df-name-only-r1{box-sizing:border-box;width:100%;max-width:560px;min-height:100vh;min-height:100dvh;margin:auto;padding:14px 24px calc(24px + env(safe-area-inset-bottom,0px));color:#f4e9d2;background:url(/account-ui/question-waves.png) bottom/100% auto no-repeat,radial-gradient(ellipse at 35% 0,#352a18 0,#191710 32%,#0d0d0b 75%);font:400 14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.df-name-only-r1 *{box-sizing:border-box}.df-name-only-r1 button,.df-name-only-r1 input{font:inherit}.df-name-only-r1 button{border:0;border-radius:9px;background:none;color:#e8c582;padding:8px;cursor:pointer;touch-action:manipulation}.df-name-only-r1 button:disabled{opacity:.45;cursor:default}.df-name-only-r1 button:focus-visible,.df-name-only-r1 input:focus-visible{outline:2px solid #ebcb8b;outline-offset:3px}
.df-name-only-r1>header{height:48px;display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:6px}.df-name-only-r1>header h1{margin:0;text-align:center;font-size:20px;font-weight:600;white-space:nowrap}.df-name-only-r1>header button{justify-self:start;width:40px;font-size:38px;line-height:1;padding:0}.df-name-only-r1>header img{display:block;width:90px;height:36px;object-fit:contain}
.df-name-only-r1 .name-hero{text-align:center;padding:38px 0 32px}.df-name-only-r1 .name-emblem{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border:1px solid #b39559;border-radius:20px;background:linear-gradient(145deg,#40321e,#1d1b14);color:#f1d292;font-size:29px;box-shadow:0 0 30px #c6953f18}.df-name-only-r1 h2{font-weight:500;margin:0 0 10px;font-size:23px}.df-name-only-r1 p{margin:0;overflow-wrap:anywhere}.df-name-only-r1 .name-hero p{color:#b6ac99;font-size:13px}.df-name-only-r1 .name-card{border:1px solid #81683e;border-radius:17px;padding:28px 22px;background:linear-gradient(130deg,#ffffff06,#ffffff01);box-shadow:0 8px 24px #0002}.df-name-only-r1 .name-card label{display:block;margin-bottom:12px;color:#eadbbf;font-size:15px}.df-name-only-r1 input{display:block;width:100%;height:52px;padding:12px 14px;border:1px solid #74664e;border-radius:10px;background:#10110e;color:#f4ead5;font-size:16px;min-width:0}.df-name-only-r1 input::placeholder{color:#857e71;font-size:14px}.df-name-only-r1 .name-card>p{color:#afa490;font-size:12px;margin-top:14px}.df-name-only-r1 .name-submit{display:block;width:100%;height:52px;margin-top:26px;border:1px solid #e5c27c;color:#251b0b;background:linear-gradient(115deg,#cda45d,#f1d294 55%,#bf9148);font-size:18px;font-weight:600;letter-spacing:1px}.df-name-only-r1 .name-help{text-align:center;font-size:11px;color:#948975;margin-top:18px}.df-name-only-r1 .name-bottom{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px;color:#72674e}.df-name-only-r1 .name-bottom button{font-size:12px}.df-name-only-r1 .name-result{text-align:center}.df-name-only-r1 .name-result h2{font-size:20px}.df-name-only-r1 .name-result>p{font-size:16px;color:#ecddc0}.df-name-only-r1 .name-result small{display:block;color:#a79b86;font-size:12px;margin-top:12px}.df-name-only-r1 .name-notice{border:1px solid #8c7344;border-radius:10px;padding:10px 14px;margin-bottom:16px;color:#e7cd9c;font-size:13px}
@media(max-width:350px){.df-name-only-r1{padding-left:16px;padding-right:16px}.df-name-only-r1>header{grid-template-columns:76px minmax(0,1fr) 76px}.df-name-only-r1>header img{width:76px}.df-name-only-r1>header h1{font-size:19px}.df-name-only-r1 .name-card{padding:24px 18px}}
@media(max-height:700px){.df-name-only-r1 .name-hero{padding:24px 0}.df-name-only-r1 .name-emblem{width:50px;height:50px;margin-bottom:12px;font-size:24px}.df-name-only-r1 .name-submit{margin-top:20px}.df-name-only-r1 .name-card{padding-top:22px;padding-bottom:22px}}
@media(max-height:580px){.df-name-only-r1{padding-top:6px;padding-bottom:12px}.df-name-only-r1 .name-hero{padding:16px 0 20px}.df-name-only-r1 .name-emblem{display:none}.df-name-only-r1 h2{font-size:21px}.df-name-only-r1 .name-help{margin-top:12px}.df-name-only-r1 .name-bottom{margin-top:4px}}
@media(min-width:650px) and (max-height:500px){.df-name-only-r1{max-width:860px;padding-top:4px}.df-name-only-r1 .name-hero{padding:4px 0 12px}.df-name-only-r1 .name-card{padding:14px 20px}.df-name-only-r1 .name-card label{margin-bottom:6px}.df-name-only-r1 input{height:44px}.df-name-only-r1 .name-card>p{margin-top:6px}.df-name-only-r1 .name-submit{margin-top:12px;height:44px}.df-name-only-r1 .name-help{margin-top:8px}.df-name-only-r1 .name-bottom{margin-top:0}}