:root{--bg:#fce3cd;--card:#fff5ea;--cap:#fcb55c;--cap-deep:#e99a3c;--green:#9aa666;--green-ink:#5f6b2c;--ink:#5b3417;--ink-soft:#8a6243;--bamboo:#d98935;--pink:#fcc09f;--line:#5b341729;--radius:18px;--font:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html{scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom));scroll-padding-top:76px}html,body{background:var(--bg);color:var(--ink);font:16px/1.65 var(--font);-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.phone{background:var(--bg);max-width:440px;min-height:100dvh;margin:0 auto;position:relative}@media (width>=520px){body{background:#f3d6bb}.phone{box-shadow:0 0 0 1px var(--line), 0 20px 60px #5b34171f}}.page{padding:0 16px calc(112px + env(safe-area-inset-bottom))}h1,h2,h3{letter-spacing:.01em;font-weight:800;line-height:1.3}.dock{z-index:20;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #fce3cd00);gap:10px;max-width:440px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.btn{border-radius:25px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:50px;padding:0 20px;font-size:16px;font-weight:800;transition:transform 80ms;display:inline-flex}.btn:active{transform:translateY(2px)}.btn-main{background:var(--cap);color:var(--ink);box-shadow:inset 0 -4px #5b34171f,0 6px 14px #d9893559}.btn-soft{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);flex:.7}.btn[disabled]{opacity:.45;pointer-events:none}.chip{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.chip-ai{background:var(--ink);color:#fff5ea;box-shadow:none}.fact{background:var(--card);border-left:4px solid var(--bamboo);border-radius:14px;margin-top:18px;padding:12px 14px;font-size:15px}.fact b{color:var(--bamboo);letter-spacing:.1em;font-size:12px;display:block}.lattice{background:linear-gradient(90deg, var(--bamboo) 2px, transparent 2px) 0 0 / 28px 14px, linear-gradient(var(--bamboo) 2px, transparent 2px) 0 0 / 28px 7px;opacity:.35;height:14px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.go-next{background:var(--cap);border-radius:25px;width:100%;min-height:50px;font-size:16px;font-weight:900;animation:1.4s ease-in-out infinite next-bounce;box-shadow:0 6px #d9893573}.go-next:active{transform:translateY(4px);box-shadow:0 2px #d9893573}.go-next[disabled]{opacity:.5}@keyframes next-bounce{50%{transform:translateY(-4px)}}.exhint{color:var(--bamboo);text-align:center;background:#fffaf2f2;border-radius:12px;margin-bottom:6px;padding:4px 10px;font-size:12px;font-weight:900;box-shadow:0 2px 8px #5b34171f}.behind{top:0;left:0;right:0;bottom:var(--table-line,42.5%);pointer-events:none;position:absolute;overflow:hidden}.behind>.who-img{right:var(--who-right,-4%);bottom:var(--who-bottom,-42%);height:var(--who-h,112%);width:auto;max-width:none;position:absolute}.behind.in>.who-img{animation:.8s cubic-bezier(.2,1,.4,1) both who-in}.behind.out>.who-img{animation:.6s ease-in both who-out}@keyframes who-in{0%{transform:translate(110%)}}@keyframes who-out{to{transform:translate(110%)}}.prop{pointer-events:none;filter:drop-shadow(0 6px 6px #5b341738);position:absolute;transform:translate(-50%)}.prop img,.prop .ph{width:100%;height:auto}.frame{pointer-events:none;background:#fff6e8;border-radius:6px;padding:6px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 5px #8a5a32,0 0 0 7px #6b4323,0 8px 14px #00000040}.frame img,.frame .ph{aspect-ratio:1;object-fit:contain;width:100%;display:block}
