*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111a2d;color:#fff8e9;font-family:"Trebuchet MS","PingFang SC","Microsoft YaHei",system-ui,sans-serif}button{font:inherit}.riddle-game{position:relative;width:min(100%,480px);min-height:100dvh;margin:auto;padding:max(13px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 80% 7%,#ffe39b24,transparent 24%),linear-gradient(165deg,#172943,#2d3f5c 48%,#654b67);box-shadow:0 0 70px #060a15}.glow,.glow i{position:absolute;inset:0;pointer-events:none}.glow{overflow:hidden}.glow i{width:180px;height:180px;border-radius:50%;filter:blur(50px);opacity:.12;background:#7fe1ce}.glow i:nth-child(1){left:-90px;top:15%}.glow i:nth-child(2){left:auto;right:-90px;top:45%;background:#ff9fb5}.glow i:nth-child(3){left:28%;top:auto;bottom:-110px;background:#ffe38b}.topbar{position:relative;display:grid;grid-template-columns:88px 1fr 42px;align-items:center;min-height:48px}.home{color:#d8dce4;text-decoration:none;font-size:11px}.brand{text-align:center}.brand small,.brand strong{display:block}.brand small{color:#aebdcc;font-size:8px;letter-spacing:.7px}.brand strong{font-size:18px;letter-spacing:2px;text-shadow:0 2px #8c5367}.sound{width:38px;height:38px;border:1px solid #fff4d33d;border-radius:50%;background:#ffffff10;color:#ffe8a9;font-size:19px}.hud{position:relative;margin:5px 0 9px;padding:8px 12px;display:grid;grid-template-columns:1fr 1.15fr 1fr auto;gap:8px;align-items:center;border:1px solid #ffffff2b;border-radius:16px;background:#0d172c55;box-shadow:inset 0 1px #ffffff1e}.hud div:not(.hearts){text-align:center}.hud small,.hud b{display:block}.hud small{color:#aebaca;font-size:7px;letter-spacing:1px}.hud b{margin-top:1px;font-size:14px}.hud-score{border-inline:1px solid #ffffff1c}.hud-score b{color:#ffe099}.hearts{color:#ff8ca6;font-size:13px;letter-spacing:1px;white-space:nowrap}.stage{position:relative;padding:11px 12px 12px;border:1px solid #ffffff35;border-radius:24px;background:linear-gradient(150deg,#ffffff15,#ffffff08);box-shadow:inset 0 1px #ffffff2d,0 12px 28px #090f244e}.category{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#f1cad5;font-size:8px;letter-spacing:1px}.category span{padding:4px 9px;border-radius:20px;background:#f08fa620}.category i{color:#ffd677;font-style:normal;letter-spacing:2px}.picture-wrap{position:relative;width:100%;aspect-ratio:1.45;overflow:hidden;border:1px solid #fff0c54d;border-radius:19px;background:#101a2c;box-shadow:0 7px 20px #09102066}.picture-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s}.image-loading{position:absolute;inset:0;display:grid;place-items:center;color:#aebaca;font-size:10px;background:#17233b}.picture-wrap.loaded .image-loading{display:none}.zoom{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border:1px solid #ffffff42;border-radius:12px;background:#111c31b9;color:#fff2c3;font-size:20px;backdrop-filter:blur(6px)}.clue{min-height:15px;margin:9px 2px 7px;text-align:center;color:#cbd2db;font-size:10px}.answer{min-height:43px;display:flex;justify-content:center;gap:5px}.answer button{width:min(42px,10vw);height:40px;border:1px solid #fff0c76b;border-radius:10px;background:linear-gradient(#7a668f,#554c74);box-shadow:inset 0 1px #ffffff55,0 4px #332e50;color:#fff8db;font-size:20px;font-weight:800}.answer button.locked{color:#ffe386;background:linear-gradient(#76603f,#59482f)}.answer button.wrong{animation:shake .28s;background:#8b4858}.answer button.correct{background:#397a72;box-shadow:inset 0 1px #ffffff55,0 4px #244d4b}.feedback{height:20px;display:grid;place-items:center;color:#ffb1bf;font-size:10px;font-weight:700}.feedback.good{color:#97e5cc}.letter-bank{min-height:92px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.letter-bank button{height:39px;border:1px solid #ffffff4d;border-radius:11px;background:linear-gradient(#f9ead0,#d8b98e);box-shadow:0 4px #806b62;color:#493d4b;font-size:18px;font-weight:800;touch-action:manipulation}.letter-bank button:active{transform:translateY(2px);box-shadow:0 2px #806b62}.letter-bank button.used{opacity:.12;pointer-events:none}.tools{display:grid;grid-template-columns:1fr .8fr 1fr;gap:7px;margin-top:11px}.tools button{height:38px;border:1px solid #ffffff2d;border-radius:13px;background:#ffffff0d;color:#e8e2df;font-size:10px}.tools button span{margin-right:3px;color:#ffe291}.tools button b{color:#ffe291}.tools button:disabled{opacity:.35}.dogs{position:relative;height:69px;display:flex;align-items:end;justify-content:space-between;padding:0 8px}.dogs>div{display:flex;align-items:center}.dogs svg{width:60px;height:60px;filter:drop-shadow(0 5px 4px #08101f66)}.dogs .doubao{transform:scaleX(-1)}.dogs i{max-width:105px;padding:5px 7px;border:1px solid #ffffff2a;border-radius:11px;background:#ffffff0d;color:#cbd2db;font-size:7px;font-style:normal}.panel{position:fixed;z-index:10;inset:0;width:min(calc(100% - 28px),440px);max-height:calc(100dvh - 32px);margin:auto;padding:23px 20px 20px;overflow:auto;border:1px solid #fff1ca5c;border-radius:25px;background:linear-gradient(160deg,#273a58,#4f4059);box-shadow:0 24px 80px #060a16;color:#fff8ea;text-align:center}.panel::backdrop{background:#070c17c9;backdrop-filter:blur(5px)}.panel small{color:#f4c3cf;font-size:9px;letter-spacing:2px}.panel h1,.panel h2{margin:6px 0 8px;font-size:24px}.panel>p{margin:0 auto 14px;max-width:330px;color:#cbd1d9;font-size:10px;line-height:1.65}.packs{display:grid;gap:9px}.pack{position:relative;width:100%;padding:12px 43px 12px 15px;border:1px solid #ffffff38;border-radius:17px;background:#ffffff0c;color:#fff;text-align:left}.pack strong,.pack span{display:block}.pack strong{font-size:15px}.pack span{margin-top:4px;color:#c2ccd6;font-size:8px}.pack i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ffe093;font-size:19px;font-style:normal}.pack:nth-child(2){background:#b7748c16}.pack:nth-child(3){background:#65bcae16}.best{margin-top:13px;color:#aebac8;font-size:9px}.best b{color:#ffe093}.result-score{margin:12px auto;padding:11px;width:165px;border-radius:18px;background:#111c304f}.result-score span,.result-score b{display:block}.result-score span{color:#b7c2ce;font-size:8px}.result-score b{color:#ffe08e;font-size:30px}.result button{width:100%;height:43px;margin-top:8px;border:0;border-radius:14px;background:linear-gradient(135deg,#f0bc7f,#dc8b83);box-shadow:0 5px #8a5864;color:#3f3342;font-weight:900}.result button.secondary{border:1px solid #ffffff35;background:#ffffff0d;box-shadow:none;color:#e6e1df}.result>a{display:inline-block;margin-top:15px;color:#cbd4dd;font-size:10px}.wrong-review{display:grid;gap:5px;max-height:120px;overflow:auto}.wrong-review div{display:flex;justify-content:space-between;padding:7px 10px;border-radius:10px;background:#10182b47;font-size:9px}.wrong-review b{color:#ffe092}.zoom-dialog{width:min(94vw,650px);padding:0;border:1px solid #ffffff4d;border-radius:20px;background:#111a2d;overflow:hidden}.zoom-dialog::backdrop{background:#030711e8}.zoom-dialog img{display:block;width:100%;height:auto}.zoom-dialog button{position:absolute;right:9px;top:9px;width:38px;height:38px;border:1px solid #ffffff58;border-radius:50%;background:#111b2dcc;color:white;font-size:25px}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:355px){.riddle-game{padding-inline:9px}.topbar{grid-template-columns:75px 1fr 38px}.letter-bank{gap:4px}.letter-bank button{height:36px}.answer button{height:37px}.picture-wrap{aspect-ratio:1.55}.dogs{height:59px}.dogs svg{width:51px;height:51px}}@media(max-height:720px){.topbar{min-height:40px}.hud{margin-block:3px 6px;padding-block:6px}.stage{padding-top:8px}.picture-wrap{aspect-ratio:1.72}.clue{margin-block:6px 4px}.letter-bank{min-height:77px}.letter-bank button{height:34px}.tools{margin-top:8px}.dogs{height:49px}.dogs svg{width:45px;height:45px}.dogs i{display:none}}@media(prefers-reduced-motion:reduce){.picture-wrap img{transition:none}.answer button.wrong{animation:none}}