:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#293b32;background:#f5f1e8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c9844f;outline-offset:4px}header{max-width:1120px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbded3}.brand{color:inherit;text-decoration:none;font-weight:800;font-size:21px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin:5px 0 0 26px}header button{background:transparent;border:1px solid #c9cdbf;border-radius:24px;padding:11px 18px;font-size:13px}main{max-width:920px;margin:auto;padding:58px 24px 0;text-align:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#778274}h1{font-size:clamp(40px,6vw,64px);line-height:1.2;letter-spacing:-2px;font-weight:800;margin:23px 0 20px}h1 span{color:#ca7248}.intro{color:#788074;font-size:14px;line-height:1.8}.picker{margin:34px auto 0;background:#fffcf5;border:1px solid #dddccf;border-radius:22px;max-width:710px;padding:24px;box-shadow:0 16px 40px #283c3208}.picker-head{display:flex;justify-content:space-between;gap:12px;color:#7c8376;font-size:12px;text-align:left}.picker-head b{font-weight:400}label{display:flex;align-items:center;gap:6px}input[type=checkbox]{accent-color:#375441}.window{height:142px;position:relative;overflow:hidden;margin:24px -24px 0;background:#eeeade;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#reel{display:flex;gap:12px;position:absolute;left:50%;top:24px;transform:translateX(-74px)}.card{width:148px;height:96px;flex-shrink:0;background:#fffdf6;border:1px solid #d9d8c9;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;gap:7px}.card em{font-size:29px;font-style:normal}.pointer{position:absolute;left:calc(50% - 6px);top:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #c9754c;z-index:2}.result{margin:23px 0;font-weight:700;font-size:20px;min-height:50px}.result small{display:block;margin-top:8px;font-size:13px;font-weight:400;color:#7a8275}.primary{background:#324f3e;color:#fffdf5;border-radius:12px;padding:16px 22px;font-weight:600}#spin{width:100%;display:flex;justify-content:space-between}button:disabled{opacity:.55;cursor:wait}.actions{margin-top:15px}.actions button{background:transparent;color:#7c6856;text-decoration:underline;margin:0 12px;font-size:12px}.footnotes{display:flex;justify-content:space-between;max-width:690px;margin:18px auto 42px;color:#8b9082;font-size:11px}.guide{border-top:1px solid #dcded1;border-bottom:1px solid #dcded1;padding:28px 0;display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:20px}.guide b{font-size:11px;color:#ba815e}.guide h3{font-size:14px;margin:10px 0}.guide p{font-size:12px;color:#808779;margin:0}footer{padding:30px 0;color:#7b8475;font-size:12px}footer small{display:block;font-size:10px;line-height:1.7;margin-top:12px}dialog{border:1px solid #dddccf;border-radius:20px;background:#fffcf5;color:#293b32;width:min(600px,94vw);max-height:85vh;padding:25px}dialog::backdrop{background:#15271f75}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:22px;margin:0 0 20px}.dialog-head button{background:transparent;font-size:20px;align-self:flex-start}form{display:flex;gap:8px}form input{min-width:0;flex:1}form input,select{border:1px solid #d6dacb;border-radius:8px;padding:10px;background:#fff}form .primary{padding:10px 14px}.hint{font-size:11px;color:#7b8475}.item{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #e7e5db}.item span{flex:1;font-size:13px;overflow-wrap:anywhere}.item small{font-size:10px;color:#96704d}.item button{background:#eeeade;border-radius:6px;padding:7px 9px;font-size:11px;color:#425241}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#293b32;color:white;border-radius:12px;padding:14px 20px;width:max-content;max-width:92vw;font-size:13px;z-index:10}@media(max-width:520px){header{padding:20px}.brand{font-size:18px}main{padding:36px 18px 0}.picker{padding:18px}.window{margin-left:-18px;margin-right:-18px}.picker-head{font-size:10px}.guide{gap:12px}.guide p{font-size:11px}.footnotes{font-size:9px;gap:10px}form{flex-wrap:wrap}form input{flex-basis:65%}h1{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}