*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb 60%,#f5576c);background-attachment:fixed;min-height:100vh;min-height:100dvh;color:#2d3436;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overscroll-behavior:none;position:relative}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#fff;border-radius:50%;animation:starTwinkle 2s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 10px #fffc,0 0 20px #fff6}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.sparkle{position:absolute;left:var(--x);top:var(--y);font-size:var(--size);color:#fff;animation:sparklePop 2.5s ease-in-out infinite;animation-delay:var(--delay);text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #FFD700,0 0 40px #FFD700;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}@keyframes sparklePop{0%,to{opacity:.4;transform:scale(.8) rotate(0)}25%{opacity:1;transform:scale(1.2) rotate(10deg)}50%{opacity:.6;transform:scale(1) rotate(-5deg)}75%{opacity:1;transform:scale(1.3) rotate(5deg)}}.shooting-star{position:absolute;top:var(--top);left:-100px;width:120px;height:2px;background:linear-gradient(90deg,#fff,rgba(255,215,0,.8),transparent);border-radius:50%;animation:shootingStar 3s ease-in-out infinite;animation-delay:var(--delay);transform:rotate(35deg);box-shadow:0 0 10px #fff,0 0 20px #fff9}.shooting-star:before{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;background:radial-gradient(circle,#fff,#ffd700cc);border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px gold,0 0 40px #ffb6c180}@keyframes shootingStar{0%{left:-100px;top:var(--top);opacity:0}10%{opacity:1}40%{left:110%;top:calc(var(--top) + 50%);opacity:0}to{left:110%;top:calc(var(--top) + 50%);opacity:0}}.floating-heart{position:absolute;left:var(--x);bottom:-30px;font-size:20px;color:#ffb6c1cc;animation:floatUp 8s ease-in-out infinite;animation-delay:var(--delay);text-shadow:0 0 10px rgba(255,182,193,.6),0 0 20px rgba(255,105,180,.4)}@keyframes floatUp{0%{bottom:-30px;opacity:0;transform:translate(0) scale(.5)}10%{opacity:.8;transform:translate(-10px) scale(1)}50%{transform:translate(20px) scale(1.1)}90%{opacity:.6;transform:translate(-15px) scale(.9)}to{bottom:110%;opacity:0;transform:translate(10px) scale(.5)}}.container{max-width:500px;margin:0 auto;padding:30px 20px;padding-top:max(30px,env(safe-area-inset-top,0px));padding-bottom:max(30px,env(safe-area-inset-bottom,0px));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.title{font-size:32px;font-weight:800;text-align:center;margin-bottom:30px;color:#fff;text-shadow:0 2px 10px rgba(255,255,255,.5),0 4px 20px rgba(0,0,0,.2),0 0 40px rgba(255,200,150,.3);letter-spacing:4px;position:relative;padding:10px 0}.title:after{content:"✧";position:absolute;right:-25px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.8;animation:titleStar 2s ease-in-out infinite}.title:before{content:"✧";position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.8;animation:titleStar 2s ease-in-out infinite 1s}@keyframes titleStar{0%,to{opacity:.4;transform:translateY(-50%) scale(.8)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}.lot-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;margin-top:65px;position:relative}.lot-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,220,180,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.lot-bucket{position:relative;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);animation:floatBucket 3s ease-in-out infinite}@keyframes floatBucket{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lot-bucket:hover{animation:none;transform:scale(1.1) rotate(-3deg)}.lot-bucket:active{transform:scale(.92)}.bucket-body{width:140px;height:155px;background:linear-gradient(180deg,#ffecd2,#fcb69f 40%,#ff9a8b);border-radius:30px 30px 50px 50px;position:relative;box-shadow:inset 8px 0 20px #ffffff80,inset -8px 0 15px #ff786433,0 20px 40px #ff968266,0 8px 20px #00000026;overflow:visible;border:4px solid #FFB088}.bucket-body:before{content:"";position:absolute;top:55%;left:12px;width:25px;height:15px;background:radial-gradient(ellipse,rgba(255,150,150,.6) 0%,transparent 70%);border-radius:50%}.bucket-body:after{content:"";position:absolute;top:55%;right:12px;width:25px;height:15px;background:radial-gradient(ellipse,rgba(255,150,150,.6) 0%,transparent 70%);border-radius:50%}.bucket-face{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:5}.bucket-face:before{content:"◕ ◡ ◕";font-size:22px;color:#8b4513;letter-spacing:8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.bucket-rim{width:160px;height:35px;background:linear-gradient(180deg,#ffe066,gold 40%,#ffc300);border-radius:50% 50% 20% 20%/100% 100% 30% 30%;position:absolute;top:-20px;left:-10px;box-shadow:0 -5px 15px #ffd70080,inset 0 5px 10px #fff9,0 5px 10px #00000026;border:4px solid #E6B800;border-bottom:none}.bucket-rim:before{content:"✦";position:absolute;top:3px;left:50%;transform:translate(-50%);font-size:16px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);animation:twinkle 1.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(.8)}}.bucket-rim:after{content:"";position:absolute;top:8px;left:25px;right:25px;height:5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:3px}.sticks-container{position:absolute;top:-55px;left:50%;transform:translate(-50%);width:100px;height:100px}.stick{position:absolute;width:12px;height:115px;background:linear-gradient(180deg,#fff5e6,#ffe4cc,#ffd4b3);border-radius:6px 6px 3px 3px;left:50%;bottom:0;transform-origin:bottom center;transform:translate(-50%) rotate(calc((var(--i) - 4.5) * 6deg));box-shadow:2px 0 6px #0000001a,inset 3px 0 6px #ffffffb3;border:2px solid #FFCC99}.stick:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:22px;height:22px;background:linear-gradient(135deg,#ff9a9e,#fecfef,#ff9a9e);border-radius:50%;box-shadow:inset 3px 3px 8px #fff9,inset -2px -2px 6px #ff64964d,0 3px 8px #ff96b466;border:2px solid #FF8A9E}.stick:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#ffffffe6;border-radius:50%}.lot-bucket.shaking{animation:bucketWiggle .15s ease-in-out infinite}.lot-bucket.shaking .stick{animation:stickShake .12s ease-in-out infinite}.lot-bucket.shaking .stick:nth-child(odd){animation-delay:.06s}@keyframes bucketWiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes stickShake{0%,to{transform:translate(-50%) rotate(calc((var(--i) - 4.5) * 6deg - 5deg))}50%{transform:translate(-50%) rotate(calc((var(--i) - 4.5) * 6deg + 5deg))}}.lot-bucket.drawing .stick:nth-child(1){animation:stickPop .9s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes stickPop{0%{transform:translate(-50%) rotate(calc((var(--i) - 4.5) * 6deg)) translateY(0)}40%{transform:translate(-50%) rotate(0) translateY(-100px) scale(1.2)}to{transform:translate(-50%) rotate(15deg) translateY(-70px) scale(1);opacity:0}}.tip{margin-top:25px;font-size:15px;color:#fffffffa;text-align:center;padding:14px 28px;font-weight:600;background:linear-gradient(135deg,#ffffff40,#ffdcc833);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:30px;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80;letter-spacing:1px;animation:tipGlow 3s ease-in-out infinite}@keyframes tipGlow{0%,to{box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,0 0 20px #ffc89633}50%{box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,0 0 30px #ffc89666}}.result-container{width:100%;margin-bottom:30px}.result-card{background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:30px;text-align:center;box-shadow:0 8px 32px #00000026,inset 0 1px #fff6}.result-card h2{font-size:28px;color:#fff;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.2);font-weight:700}.gua-symbol{font-size:56px;margin:15px 0;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.2)}.gua-brief{font-size:16px;color:#fffffff2;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.2)}.button-container{display:flex;gap:16px;width:100%;margin-bottom:30px}.btn{flex:1;padding:14px 16px;font-size:15px;border:3px solid rgba(255,255,255,.6);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-weight:700;position:relative;overflow:hidden;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(180deg,#fff0b3,#ffe566,gold);color:#6b5a1e;border-color:#ffd70099;box-shadow:0 5px #e6b800,0 8px 20px #ffc80066,inset 0 2px #ffffffb3;text-shadow:0 1px 0 rgba(255,255,255,.6)}.btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px #e6b800,0 12px 30px #ffc80080,inset 0 2px #ffffffb3}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #e6b800,0 4px 10px #ffc8004d,inset 0 2px #ffffffb3}.btn-secondary{background:linear-gradient(90deg,#ffb6c1,#98d8c8,#ffeaa7,plum,#87ceeb,#ffb6c1);background-size:300% 100%;animation:rainbowMove 3s ease infinite;color:#5d4e6d;border-color:#ffb6c1b3;box-shadow:0 5px #ff9ed280,0 8px 25px #98d8c866,inset 0 2px #ffffffb3;text-shadow:0 1px 0 rgba(255,255,255,.6);position:relative;overflow:hidden;font-weight:700}.btn-secondary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 2s ease-in-out infinite}@keyframes rainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.btn-secondary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px #ff9ed280,0 15px 35px #98d8c880,0 0 25px #ffeaa780,inset 0 2px #ffffffb3}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #ff9ed280,0 4px 10px #98d8c84d,inset 0 2px #ffffffb3}.btn-sparkle-wrapper{position:relative;flex:1;display:flex}.btn-sparkle-wrapper .btn-secondary{width:100%}.btn-sparkle{position:absolute;color:gold;pointer-events:none;text-shadow:0 0 5px #FFD700,0 0 10px #fff,0 0 15px #FFD700;z-index:10}.btn-sparkle.s1{top:-8px;left:10%;font-size:14px;animation:sparkleFloat 1.5s ease-in-out infinite}.btn-sparkle.s2{top:-5px;right:15%;font-size:12px;animation:sparkleFloat 1.8s ease-in-out infinite .3s}.btn-sparkle.s3{bottom:-8px;left:20%;font-size:13px;animation:sparkleFloat 1.6s ease-in-out infinite .6s}.btn-sparkle.s4{bottom:-5px;right:10%;font-size:11px;animation:sparkleFloat 2s ease-in-out infinite .9s}@keyframes sparkleFloat{0%,to{opacity:.6;transform:translateY(0) scale(.8) rotate(0)}50%{opacity:1;transform:translateY(-5px) scale(1.2) rotate(15deg)}}.disclaimer-container{width:100%;padding:16px 18px;background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:18px;margin-bottom:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000001a}.checkbox-wrapper{display:flex;align-items:flex-start;cursor:pointer;gap:12px}.checkbox-wrapper input{display:none}.checkmark{width:24px;height:24px;min-width:24px;border:2px solid rgba(255,255,255,.6);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-top:1px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.checkbox-wrapper input:checked+.checkmark{background:linear-gradient(135deg,#ffe566,gold);border-color:gold;box-shadow:0 2px 10px #ffd70066}.checkbox-wrapper input:checked+.checkmark:after{content:"✓";color:#5d4e00;font-size:14px;font-weight:700}.disclaimer-text{font-size:13px;color:#ffffffe6;line-height:1.6;cursor:pointer;transition:color .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.disclaimer-text:hover{color:#fff;text-decoration:underline}.disclaimer-container.shake{animation:disclaimerShake .5s ease-in-out}@keyframes disclaimerShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.disclaimer-container.highlight{border:2px solid rgba(255,230,100,.8);box-shadow:0 0 20px #ffe66466}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px}.modal.active{display:flex}.modal-content{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:28px;max-width:450px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 25px 50px #00000040}.modal-small{max-width:380px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h2,.modal-content h3{padding:22px 28px;background:linear-gradient(135deg,#667eea26,#f093fb26);color:#4a4a6a;font-size:22px;font-weight:700;border-bottom:1px solid rgba(102,126,234,.2)}.modal-body{padding:25px}.close-btn{position:absolute;top:18px;right:22px;font-size:28px;color:#888;cursor:pointer;transition:all .3s ease;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d}.close-btn:hover{color:#4a4a6a;background:#0000001a}.modal-small .modal-body{font-size:14px;line-height:1.8;color:#4a4a6a}.modal-small ul{margin:15px 0;padding-left:20px}.modal-small li{margin-bottom:8px;color:#666}.modal-small .copyright{margin-top:20px;padding-top:15px;border-top:1px solid rgba(102,126,234,.2);text-align:center;color:#888}.modal-small .copyright strong{color:#667eea}.page-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.back-btn{background:linear-gradient(180deg,#fffffff2,#ffffffd9);border:none;color:#667eea;padding:12px 20px;border-radius:14px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px #667eea4d,0 6px 15px #00000026,inset 0 1px #fffc}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px #667eea4d,0 10px 20px #0003,inset 0 1px #fffc}.back-btn:active{transform:translateY(2px);box-shadow:0 2px #667eea4d,0 3px 8px #0000001a,inset 0 1px #fffc}.gua-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-bottom:30px}.gua-item{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:16px 10px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000001a,inset 0 1px #ffffff4d}.gua-item:hover{transform:translateY(-5px) scale(1.02);background:#ffffff59;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff80}.gua-item .symbol{font-size:26px;margin-bottom:6px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.gua-item .name{font-size:14px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.gua-item .number{font-size:11px;color:#ffffffb3;margin-top:4px}.detail-container{display:none;width:100%}.detail-container.active{display:block}.list-container.hidden{display:none}.detail-header{text-align:center;margin-bottom:25px;background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:30px 20px;box-shadow:0 8px 32px #0000001a}.detail-header .symbol{font-size:72px;margin-bottom:10px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.2)}.detail-header h2{font-size:28px;color:#fff;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,.2);font-weight:700}.detail-header .brief{color:#ffffffe6;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.detail-section{background:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:22px;margin-bottom:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 25px #0000001a}.detail-section h3{color:#667eea;font-size:17px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid rgba(102,126,234,.2);font-weight:700}.detail-section p{color:#4a4a6a;line-height:1.8;font-size:15px}.detail-section .original{color:#5a5a7a;font-style:italic;margin-bottom:12px;padding:14px;background:linear-gradient(135deg,#667eea1a,#f093fb1a);border-radius:12px;border-left:4px solid #667eea}.classic-section{background:linear-gradient(135deg,#ffe66426,#ffffffe6)}.classic-section h3{color:#9c7c38;border-bottom-color:#ffc8004d}.classic-section .original{background:linear-gradient(135deg,#ffd70026,#ffe6641a);border-left-color:gold;color:#6b5a1e}.modern-section.money{background:linear-gradient(135deg,#ffe66433,#ffffffe6)}.modern-section.money h3{color:#9c7c38;border-bottom-color:#ffc8004d}.modern-section.love{background:linear-gradient(135deg,#f093fb26,#ffffffe6)}.modern-section.love h3{color:#c054c0;border-bottom-color:#f093fb4d}.modern-section.career{background:linear-gradient(135deg,#667eea26,#ffffffe6)}.modern-section.career h3{color:#667eea;border-bottom-color:#667eea4d}.back-to-list{width:100%;padding:18px;background:linear-gradient(180deg,#ffe566,gold,#ffc000);color:#5d4e00;border:none;border-radius:18px;font-size:17px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px #cc9f00,0 8px 20px #ffc80066,inset 0 2px #ffffff80;text-shadow:0 1px 0 rgba(255,255,255,.5)}.back-to-list:hover{transform:translateY(-3px);box-shadow:0 9px #cc9f00,0 12px 30px #ffc80080,inset 0 2px #ffffff80}.back-to-list:active{transform:translateY(3px);box-shadow:0 2px #cc9f00,0 4px 10px #ffc8004d,inset 0 2px #ffffff80}.bottom-link{width:100%;margin-top:20px;padding:22px;background:#ffffff40;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px dashed rgba(255,255,255,.5);border-radius:20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.bottom-link:hover{background:#ffffff59;border-color:#ffe664cc;transform:scale(1.02)}.bottom-link p{color:#fff;font-size:17px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0}.bottom-link span{color:#ffffffd9;font-size:13px;display:block;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.hint-text{text-align:center;color:#ffffffd9;margin-bottom:25px;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.page-title{margin:0;font-size:22px;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}@media(max-width:480px){.container{padding:24px 16px;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.title{font-size:28px;margin-bottom:28px;letter-spacing:2px}.lot-container{margin-bottom:28px}.bucket-body{width:130px;height:145px}.bucket-rim{width:150px;height:32px}.stick{width:11px;height:108px}.bucket-face:before{font-size:20px;letter-spacing:6px}.tip{font-size:14px;padding:12px 20px;margin-top:20px}.result-container{margin-bottom:24px}.result-card{padding:24px;border-radius:20px}.result-card h2{font-size:26px;margin-bottom:8px}.gua-symbol{font-size:52px;margin:14px 0}.gua-brief{font-size:15px;line-height:1.6}.disclaimer-container{padding:14px 16px;margin-bottom:18px;border-radius:16px}.checkmark{width:22px;height:22px;min-width:22px}.disclaimer-text{font-size:13px;line-height:1.6}.button-container{gap:12px;margin-bottom:0}.btn{padding:16px 20px;font-size:16px;border-radius:18px;min-height:56px}.modal{padding:16px;align-items:flex-end}.modal-content{border-radius:24px 24px 0 0;max-height:90vh;max-height:90dvh;width:100%;max-width:100%}.gua-grid{grid-template-columns:repeat(4,1fr);gap:10px}.gua-item{padding:14px 8px;border-radius:14px;min-height:85px;display:flex;flex-direction:column;justify-content:center}.gua-item .symbol{font-size:24px;margin-bottom:6px}.gua-item .name{font-size:13px;font-weight:600}.gua-item .number{font-size:10px;margin-top:4px}.detail-header{margin-bottom:20px;padding:24px 16px;border-radius:20px}.detail-header .symbol{font-size:60px;margin-bottom:10px}.detail-header h2{font-size:24px;margin-bottom:8px}.detail-header .brief{font-size:15px;line-height:1.5}.detail-section{padding:18px;margin-bottom:14px;border-radius:18px}.detail-section h3{font-size:16px;margin-bottom:12px;padding-bottom:8px}.detail-section p{font-size:15px;line-height:1.8}.back-to-list{padding:16px;font-size:16px;border-radius:16px;margin-top:16px;min-height:56px}.back-btn{padding:10px 16px;font-size:14px;border-radius:12px;min-height:44px;display:flex;align-items:center}.page-title{font-size:20px}}@media(max-width:375px){.container{padding:20px 14px}.title{font-size:24px;margin-bottom:24px}.bucket-body{width:115px;height:130px}.bucket-rim{width:135px;height:28px}.stick{height:95px;width:10px}.bucket-face:before{font-size:18px;letter-spacing:5px}.gua-grid{gap:8px}.gua-item{padding:12px 6px;min-height:78px}.gua-item .symbol{font-size:22px}.gua-item .name{font-size:12px}.page-title{font-size:18px}}@media(hover:none)and (pointer:coarse){.lot-bucket:hover{transform:none}.lot-bucket:active{transform:scale(.95)}.gua-item:hover{transform:none;background:#ffffff40}.gua-item:active{transform:scale(.95);background:#fff6}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:translateY(3px)}.back-btn:hover,.back-to-list:hover{transform:none}.bottom-link:hover{transform:none;background:#ffffff40}}