@charset "UTF-8";*{box-sizing:border-box}body{margin:0;background:#fff4dc;background-image:radial-gradient(#e7cda5 1px,transparent 1px);background-size:22px 22px;color:#705447;font:15px "Microsoft YaHei",sans-serif}header{max-width:940px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 24px}header a{color:#8d6267;text-decoration:none;font-weight:800;font-size:20px}header span{font:10px monospace;letter-spacing:2px}main{max-width:800px;margin:20px auto 60px;padding:0 20px}.hero{text-align:center;padding:25px 0}.mascot{font-size:90px;display:block;filter:drop-shadow(0 6px 0 #e5c7b4);margin:8px}h1{font-size:clamp(30px,6vw,48px);line-height:1.4;margin:15px 0;font-weight:900;letter-spacing:2px}h2{font-size:23px;line-height:1.5}p{line-height:1.9}.muted{color:#a18b7b;font-size:12px}.sticker{display:inline-block;background:#f8d6e1;padding:8px 20px;border:2px solid #fff;border-radius:9px;transform:rotate(-4deg);font-size:12px}.paper{background:#fffdf7;border:2px solid #e6d4ba;border-radius:24px;box-shadow:0 7px 0 #ecdac1;padding:28px;margin:25px 0;position:relative}.paper:before{content:"";position:absolute;width:80px;height:23px;background:#efd3dba6;top:-12px;left:calc(50% - 40px);transform:rotate(3deg)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e3a25c;outline-offset:3px}button{border:2px solid #e3ccb7;background:white;border-radius:16px;padding:13px 20px}button:disabled{opacity:.5;cursor:default}.primary{display:block;width:100%;background:#dd9eac;border-color:#c98a98;box-shadow:0 4px 0 #ba7c8b;color:#fff;font-weight:bold;margin-top:20px}.secondary{background:#f6ead6}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}input{border:1px solid #e8d9c7;border-radius:12px;background:#fffaf2;padding:12px;width:100%;margin:7px 0}label{display:block;font-size:13px;margin-top:15px}.pets{display:flex;gap:12px;margin:15px 0}.pets button{flex:1;font-size:32px}.chosen{background:#fce6ec!important;border-color:#c5849a!important;box-shadow:0 3px 0 #e8bacb}.q-editor{border-top:1px dashed #d9c6b5;margin-top:24px;padding-top:15px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.option{text-align:left;min-height:76px;line-height:1.6}.option small{display:block;color:#be8e9b;font-weight:bold}.progress{height:10px;background:#e8dac6;border-radius:20px;overflow:hidden;margin:25px 0}.progress i{display:block;height:100%;background:#d99bab;border-radius:20px}.score{font:86px Georgia,serif;color:#bf7f96;margin:15px 0}.score small{font:18px sans-serif}.rank{display:grid;grid-template-columns:50px 1fr 65px;padding:15px 0;gap:10px;border-bottom:1px dashed #ead8c8;align-items:center}.rank strong{color:#b97a90}.rank span{overflow-wrap:anywhere}.review{padding:16px 0;border-bottom:1px dashed #e5d4c0}.review p{margin:6px 0;font-size:13px}.good{color:#60927d}.wrong{color:#ba7c8b}.share{font-size:12px;word-break:break-all;background:#f6eedf;padding:15px;border-radius:12px}.error{color:#a34f61}footer{text-align:center;font-size:11px;line-height:1.9;color:#ab9585;padding:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#79576b;color:white;padding:14px 20px;border-radius:15px;display:none;max-width:90%;z-index:10}details summary{cursor:pointer;padding:12px;color:#9a7183}a{color:#a76e88}@media(max-width:550px){header{padding:20px}header span{font-size:8px}.paper{padding:22px 18px}.options{grid-template-columns:1fr}.mascot{font-size:74px}.q-editor .row{gap:5px}.q-editor .row button{flex:0 0 55px;padding:10px}.hero{padding:8px 0}h1{font-size:34px}}
.categories{display:flex;flex-wrap:wrap;gap:8px}.categories button{font-size:12px;padding:9px 12px}.q-editor>.row button{font-size:12px;padding:8px}.q-editor>.row b{font-size:13px}

.pet-image{width:38px;height:38px;object-fit:cover;border-radius:11px;vertical-align:middle}.mascot .pet-image{width:108px;height:108px;border-radius:26px;border:4px solid #fffdf7}.pets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pets button{min-width:0;padding:12px 6px;display:grid;place-items:center}.pets .pet-image{width:64px;height:64px;border-radius:15px}.mascot{line-height:1.3}@media(max-width:450px){.pets{gap:7px}.pets .pet-image{width:51px;height:51px}.pets button{padding:10px 4px}.mascot .pet-image{width:96px;height:96px}}