:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#423c31;background:#f4efe5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 42%,#fcf9f1 0%,#f4efe5 60%,#eee6d8 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}header{max-width:1280px;margin:auto;padding:30px 50px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:serif;font-size:24px;letter-spacing:4px;color:inherit;text-decoration:none}.seal{background:#9e5945;color:#fff2dc;border-radius:5px;font-size:20px;padding:4px 6px;letter-spacing:0}.brand-sub{font:11px sans-serif;letter-spacing:3px;color:#928777;border-left:1px solid #cfc4b2;padding-left:15px;margin-left:5px}.sound{background:transparent;border:1px solid #d8cfbf;border-radius:30px;padding:10px 17px;color:#7b705e;font-size:12px;cursor:pointer}main{text-align:center;padding:24px 20px 0}.eyebrow{font-size:11px;letter-spacing:4px;color:#9d8e76;display:flex;align-items:center;justify-content:center;gap:15px}.eyebrow span{width:25px;height:1px;background:#cfc0a6}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(29px,4vw,43px);font-weight:500;letter-spacing:6px;margin:22px 0 14px}h1 span{color:#a58a62}.intro{font-size:13px;letter-spacing:2px;color:#978b78}.practice{height:385px;position:relative;max-width:550px;margin:0 auto}.halo{position:absolute;width:330px;height:330px;border:1px solid #ded2bc;border-radius:50%;left:50%;top:18px;transform:translateX(-50%);opacity:.55}.halo-inner{width:290px;height:290px;top:38px;border-style:dashed;opacity:.35}.scene{position:relative;width:400px;height:350px;margin:auto}.monk{width:400px;height:350px;position:absolute;left:0;top:0;pointer-events:none}.fish{position:absolute;left:125px;top:240px;width:150px;height:109px;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;transition:filter .2s;z-index:2}.fish svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 7px #62432218)}.fish:hover{filter:brightness(1.08)}.fish:focus-visible,.sound:focus-visible{outline:2px solid #9e5945;outline-offset:7px}.fish.hit{animation:knock .15s ease-out}#mallet{transform-origin:201px 284px}.striking #mallet{animation:mallet .17s ease-out}#hint{position:relative;font-size:11px;color:#a59985;letter-spacing:2px;margin:7px 0}.counter{max-width:340px;margin:5px auto 0;padding:20px 30px 22px;border-top:1px solid #d9cebb;border-bottom:1px solid #d9cebb;position:relative}.counter-label{font-size:12px;color:#8c7e67;letter-spacing:4px}.counter strong{font-family:Georgia,serif;font-size:50px;font-weight:400;color:#80613f;font-variant-numeric:tabular-nums;display:inline-block;max-width:100%;overflow-wrap:anywhere;margin:5px 10px 3px}.unit{font-size:12px;color:#a09179}.counter-note{font-size:10px;color:#a79a85;letter-spacing:2px}.daily{font-family:serif;font-size:14px;letter-spacing:3px;color:#8a7d66;margin:29px 0 32px}.daily span{font-family:sans-serif;font-size:9px;letter-spacing:2px;border:1px solid #cbbb9e;padding:4px 6px;margin-right:13px;color:#a28b65}footer{max-width:1180px;margin:auto;padding:20px 30px 24px;border-top:1px solid #e0d7c7;display:flex;justify-content:space-between;color:#a89b87;font-size:10px;letter-spacing:1px}.merit{position:absolute;left:50%;top:220px;white-space:nowrap;color:#96713d;font-family:serif;letter-spacing:4px;font-size:24px;pointer-events:none;z-index:3;animation:float 1.1s ease-out forwards}.ripple{position:absolute;width:110px;height:70px;border:1px solid #b29461;border-radius:50%;left:145px;top:263px;pointer-events:none;animation:ripple .7s ease-out forwards}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes knock{40%{transform:scale(.94) translateY(3px)}100%{transform:scale(1)}}@keyframes mallet{40%{transform:rotate(22deg)}100%{transform:rotate(0)}}@keyframes float{0%{opacity:0;transform:translate(-50%,0)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-90px)}}@keyframes ripple{0%{opacity:.6;transform:scale(.7)}100%{opacity:0;transform:scale(2.1)}}@media(max-width:600px){header{padding:22px}.brand-sub{display:none}main{padding-top:22px}h1{letter-spacing:3px}.intro{font-size:11px;letter-spacing:1px}.practice{height:354px}.scene{transform:scale(.9);transform-origin:top center;width:400px;left:50%;margin-left:-200px}.halo{width:290px;height:290px}.halo-inner{width:250px;height:250px}.practice #hint{margin-top:-22px}.counter{margin-top:0;padding:17px}.counter strong{font-size:44px}footer{flex-direction:column;gap:10px;align-items:center;margin-top:0}.daily{font-size:12px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}