.shell[data-v-bb2ac922]{position:relative}:root{--bg-page: #F9EDC9;--bg-canvas: #FFF7E2;--bg-surface: #FFFDF4;--bg-slot: #FFF1D2;--ink: #3E2A1E;--ink-2: #7A5F4C;--ink-3: #AC9168;--line: #3E2A1E;--line-soft: #EBD6AE;--red: #E14B32;--red-deep: #B53420;--red-dark: #8F2A17;--gold: #F5A623;--gold-deep: #D98A0B;--yellow: #FFD45E;--jade: #1FA288;--jade-deep: #147A66;--blue: #3B6FB5;--pink: #F2939B;--correct: #22A06B;--wrong: #E14B32;--mute: #CDB793;--font-display: "Yuanti SC", "YouYuan", "STYuanti", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--shadow-pop: 0 4px 0 var(--line);--shadow-card: 0 5px 0 rgba(62, 42, 30, .14);--pattern-clouds: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%23B53420' stroke-opacity='.055' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M22 62c-2-12 7-22 19-21 2-9 12-14 21-11 9 3 14 12 12 21 9 1 15 9 13 18'/%3E%3Cpath d='M41 62a9 9 0 1 1 9-9'/%3E%3Cpath d='M92 128c-1.5-9 5.5-17 14.5-16.5 1.5-7 9.5-11 16.5-8.5 7 2.5 11 10 9 17'/%3E%3Cpath d='M106 128a6.5 6.5 0 1 1 6.5-6.5'/%3E%3C/g%3E%3C/svg%3E");--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus{outline:none}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}html,body{margin:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-page);overscroll-behavior:none;-webkit-font-smoothing:antialiased}#app{height:100dvh}::selection{background:var(--yellow);color:var(--ink)}.shell{position:relative;width:100%;max-width:430px;height:100dvh;margin:0 auto;background:var(--bg-page);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 700px){body{background:#e8d5ae var(--pattern-clouds);background-size:150px 150px}.shell{height:min(100dvh,880px);margin:max(0px,calc((100dvh - 880px)/2)) auto;border-radius:34px;border:3px solid var(--line);box-shadow:0 10px #3e2a1e47,0 30px 60px #3e2a1e40}}.view{flex:1;display:flex;flex-direction:column;min-height:0}.navbar{height:44px;flex:0 0 44px;display:flex;align-items:center;gap:10px;padding:0 14px;padding-top:var(--safe-top);height:calc(44px + var(--safe-top))}.navbar .back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-left:-6px;cursor:pointer;color:var(--ink);background:var(--bg-surface);border:2px solid var(--line);border-radius:12px;box-shadow:0 3px 0 var(--line);transition:transform .1s ease,box-shadow .1s ease}.navbar .back:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.navbar .ttl{flex:1;font-family:var(--font-display);font-size:17px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1.5px}.navbar .ttl small{display:block;font-family:var(--font-body);font-size:10.5px;color:var(--ink-3);font-weight:400;letter-spacing:.2px;margin-top:1px}.navbar .act{min-width:34px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:12px;color:var(--ink-2);border:0;background:none;cursor:pointer;font-family:inherit}.btn-primary{position:relative;overflow:hidden;border:2.5px solid var(--line);cursor:pointer;background:linear-gradient(180deg,#F0603F 0%,var(--red) 55%,#D23B22 100%);color:#fff8ea;border-radius:999px;font-family:var(--font-display);font-size:18px;font-weight:700;padding:13px 22px 14px;width:100%;box-shadow:0 5px 0 var(--red-dark),0 12px 22px #e14b3252;letter-spacing:4px;text-shadow:0 2px 0 rgba(140,30,10,.4);transition:transform .12s ease,box-shadow .12s ease}.btn-primary:after{content:"";position:absolute;left:14px;right:14px;top:5px;height:12px;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,#ffffff8c,#fff0)}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--red-dark)}.btn-ghost{border:2px solid var(--line);background:var(--bg-surface);color:var(--ink);border-radius:999px;font-size:14px;font-weight:600;padding:10px 16px;cursor:pointer;font-family:var(--font-display);letter-spacing:1px;box-shadow:0 3px #3e2a1ed9;transition:transform .12s ease,box-shadow .12s ease}.btn-ghost:active{transform:translateY(2px);box-shadow:0 1px #3e2a1ed9}.q-card{background:var(--bg-surface);border:2.5px solid var(--line);border-radius:20px;box-shadow:var(--shadow-card)}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#3e2a1e80;display:flex;align-items:flex-end;z-index:60;animation:fadeIn .18s ease}.sheet{width:100%;background:var(--bg-surface) var(--pattern-clouds);background-size:150px 150px;border-top:3px solid var(--line);border-radius:26px 26px 0 0;padding:18px 18px calc(18px + var(--safe-bottom));max-height:78%;overflow:auto;animation:slideUp .26s cubic-bezier(.3,1.35,.5,1)}.sheet h3{margin:0 0 4px;font-family:var(--font-display);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:space-between;letter-spacing:1px}.sheet .sub{font-size:12px;color:var(--ink-3);margin:0 0 12px}@keyframes slideUp{0%{transform:translateY(46%);opacity:.4}to{transform:none;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%);background:var(--ink);color:var(--yellow);font-size:13px;font-weight:600;border:2px solid var(--yellow);padding:8px 18px;border-radius:999px;z-index:90;white-space:nowrap;box-shadow:0 4px #1e120a80;animation:toastPop .25s cubic-bezier(.3,1.6,.5,1)}@keyframes toastPop{0%{transform:translate(-50%) scale(.7);opacity:0}}.feedback-row{height:20px;font-size:12.5px;text-align:center;flex:0 0 20px;color:var(--ink-2);transition:color .2s;font-weight:500}.feedback-row.ok{color:var(--correct);font-weight:700}.feedback-row.bad{color:var(--wrong);font-weight:700}.seal{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff6e0;border:2px solid var(--red-deep);outline:2px solid rgba(225,75,50,.35);outline-offset:2px;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:2px;padding:4px 8px;text-indent:2px;box-shadow:0 3px 0 var(--red-dark);transform:rotate(-3deg)}.switch{position:relative;width:52px;height:30px;flex:0 0 52px}.switch input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;background:#eadfc2;border:2.5px solid var(--line);border-radius:999px;transition:background .18s;pointer-events:none}.switch i:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--bg-surface);border:2.5px solid var(--line);top:1.5px;left:2px;transition:left .18s cubic-bezier(.3,1.4,.5,1)}.switch input:checked+i{background:var(--red)}.switch input:checked+i:after{left:23px}.stars{display:inline-flex;gap:4px}.stars .on path{fill:var(--gold);stroke:var(--line)}.stars .off path{fill:#f3e7cb;stroke:var(--mute)}.canvas-bg{background-color:var(--bg-canvas);background-image:var(--pattern-clouds);background-size:150px 150px}.no-bar::-webkit-scrollbar{display:none}.no-bar{scrollbar-width:none}@keyframes q-pop{0%{transform:scale(.5)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes q-wobble{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes q-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.route-enter-active{transition:transform .22s ease,opacity .22s ease}.route-enter-from{transform:translate(24px);opacity:0}.route-leave-active{transition:opacity .15s ease;position:absolute;top:0;right:0;bottom:0;left:0}.route-leave-to{opacity:0}