:root{--bg:#fdf6e3;--bg-deep:#f6ecd7;--ink:#6b4f2e;--ink-soft:#a3845c;--accent:#e8a33d;--paper-shadow:0 10px 30px #6b4f2e2e}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);background:#fdf6e3;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;z-index:1;display:block;position:absolute;inset:0}.page{z-index:2;padding:18px 14px 28px;position:absolute;inset:0;overflow-y:auto}.page-card{background:#fffdf6f0;border:1px solid #6b4f2e29;border-radius:14px;max-width:460px;margin:0 auto;padding:20px 20px 14px;box-shadow:0 10px 30px #6b4f2e1f}.page-card-wide{max-width:860px}.pool-line{border-bottom:1px dashed #6b4f2e40;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;font-size:15px;display:flex}.pool-line b{color:var(--accent);font-size:18px}.btn{font:inherit;cursor:pointer;color:var(--ink);background:#fffdf6;border:1px solid #6b4f2e66;border-radius:10px;padding:9px 16px;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b4f2e2e}.btn:active{transform:translateY(0)}.btn-ghost{border-style:dashed}.btn-danger{color:#a33b2e;border-color:#a33b2e73}.actions-sub{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;display:grid}.pool-item{background:#fff;border-radius:6px;margin:0;padding:6px 6px 4px;position:relative;box-shadow:0 3px 10px #6b4f2e26}.pool-item img{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%;display:block}.pool-item figcaption{text-align:center;color:var(--ink-soft);padding-top:3px;font-size:12px}.pool-del{color:#a33b2e;cursor:pointer;background:#fff;border:1px solid #a33b2e80;border-radius:50%;width:22px;height:22px;font-size:12px;line-height:1;position:absolute;top:-7px;right:-7px}.pool-del:hover{background:#fdeceb}.empty-tip{text-align:center;color:var(--ink-soft);padding:18px 0 8px;font-size:14px}.toast{color:#fdf6e3;z-index:30;text-align:center;background:#3c2a14eb;border-radius:10px;max-width:86vw;padding:10px 18px;font-size:14px;transition:opacity .35s;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.toast-out{opacity:0}