
  :root { --paper:#F5EBDA; --loess:#D9B47A; --ochre:#8B4A2B; --red:#B8322A; --ink:#2B2420; }
  html, body { margin:0; height:100%; overflow:hidden; background:var(--ink); font-family:"华文楷体","STKaiti","KaiTi",serif; color:var(--ink); }
  canvas { position:fixed; inset:0; width:100%; height:100%; cursor:grab; touch-action:none; }
  canvas:active { cursor:grabbing; }
  .bar { position:fixed; left:0; right:0; top:0; display:flex; align-items:center; gap:16px; padding:14px 24px;
         background:linear-gradient(rgba(43,36,32,.72),rgba(43,36,32,0)); color:var(--paper); pointer-events:none; }
  .bar h1 { margin:0; font-size:34px; letter-spacing:4px; }
  .bar span { font-size:20px; opacity:.85; }
  .tools { position:fixed; right:24px; bottom:24px; display:flex; gap:12px; }
  button { font:inherit; font-size:22px; border:0; border-radius:999px; padding:10px 22px; cursor:pointer;
           background:var(--paper); color:var(--ochre); box-shadow:0 3px 10px rgba(0,0,0,.25); }
  button.on { background:var(--red); color:var(--paper); }
  .hot { position:fixed; transform:translate(-50%,-50%); pointer-events:auto; cursor:pointer; text-align:center; }
  .hot .dot { width:26px; height:26px; margin:0 auto; border-radius:50%; background:var(--red); border:4px solid var(--paper);
              box-shadow:0 0 0 0 rgba(184,50,42,.6); animation:pulse 1.8s infinite; }
  .hot .label { margin-top:8px; padding:6px 14px; border-radius:10px; background:rgba(245,235,218,.94); font-size:22px;
                white-space:nowrap; box-shadow:0 2px 8px rgba(0,0,0,.2); }
  .hot .tip { display:none; margin-top:6px; padding:8px 14px; max-width:320px; white-space:normal; border-radius:10px;
              background:var(--ochre); color:var(--paper); font-size:20px; line-height:1.4; }
  .hot.open .tip { display:block; }
  @keyframes pulse { 70% { box-shadow:0 0 0 18px rgba(184,50,42,0); } 100% { box-shadow:0 0 0 0 rgba(184,50,42,0); } }
  .hint { position:fixed; left:24px; bottom:28px; color:var(--paper); font-size:20px; opacity:.9;
          text-shadow:0 1px 4px rgba(0,0,0,.6); }

h1{font-family:"Microsoft YaHei","微软雅黑",sans-serif!important;font-weight:700!important}.return-note{position:fixed;right:18px;top:10px;font:14px "Microsoft YaHei",sans-serif;color:#fff;background:#70442bd9;padding:5px 9px;z-index:99;pointer-events:none}