/* t200 preview: 给一一写信（纸飞机）/ 一一的信箱（邮筒）. Clay warm paper, no orange UI. */
.lt-hit{position:absolute;z-index:5;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:40%}
.lt-hit:focus-visible{outline:3px solid rgba(111,154,106,.85);outline-offset:2px}
/* Homepage: fill the live .prop-plane / .prop-mailbox boxes so hits follow hero.css (incl. t1189+ plane align). */
.art-frame .prop-plane,.art-frame .prop-mailbox{pointer-events:auto!important;z-index:5}
.art-frame .prop-flag{z-index:5;pointer-events:none!important}
.art-frame .lt-hit-plane,.art-frame .lt-hit-mailbox{left:0;top:0;width:100%;height:100%;animation:none;transform:none}
.art-frame .lt-hit-plane::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,52px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:40%}
.art-frame .lt-hit-mailbox::before{content:"";position:absolute;left:50%;top:50%;width:max(160%,46px);height:max(130%,46px);transform:translate(-50%,-50%);border-radius:40%}
.prop-plane.lt-away{visibility:hidden}
.prop-plane.lt-back{animation:planeDrift 10s ease-in-out infinite, ltBack .8s ease both}
@media (max-width:820px){.prop-plane.lt-back{animation:planeDriftSm 10s ease-in-out infinite, ltBack .8s ease both}}
@keyframes ltBack{from{opacity:0}to{opacity:1}}
/* mailbox flag: independent layer; mailbox coordinates unchanged */
.art-frame .prop-flag{left:calc(1052 / 1332 * 100%);top:calc(1050 / 1844 * 100%);width:calc(16 / 1332 * 100%);height:calc(30 / 1844 * 100%);z-index:1}
.prop-flag svg{display:block;width:100%;height:100%;overflow:visible}
.prop-flag .fl{transform-box:view-box;transform-origin:3px 27px;transform:rotate(88deg);transition:transform .6s cubic-bezier(.3,1.6,.5,1)}
.prop-flag.up .fl{transform:rotate(0deg)}
.prop-flag.up .cloth{animation:ltWave 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:0 50%}
@keyframes ltWave{0%,100%{transform:skewY(0)}50%{transform:skewY(-6deg) scaleX(.94)}}
.prop-mailbox.lt-gulp img{animation:ltGulp .6s ease;transform-origin:50% 100%}
@keyframes ltGulp{0%,100%{transform:none}35%{transform:scale(1.22,.86)}65%{transform:scale(.94,1.08)}}
@media (prefers-reduced-motion:reduce){.prop-flag .fl{transition:none}.prop-flag.up .cloth{animation:none}.prop-mailbox.lt-gulp img{animation:none}}

/* floating window */
.lt-layer{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;
  background:rgba(214,222,236,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;transition:opacity .3s}
.lt-layer.lt-hide{opacity:0}
.lt-float{width:min(440px,100%);margin:auto;animation:ltSway 7s ease-in-out infinite}
.lt-float.still{animation-play-state:paused}
@keyframes ltSway{0%,100%{transform:translate(0,0) rotate(0deg)}30%{transform:translate(1px,-3px) rotate(-.45deg)}65%{transform:translate(-1px,2px) rotate(.35deg)}}
@media (prefers-reduced-motion:reduce){.lt-float{animation:none}}
.lt-win{position:relative;border-radius:26px;padding:22px 20px 18px;color:#4a3b33;
  background:#fffaf0 radial-gradient(circle at 18% 12%,rgba(255,255,255,.9),rgba(255,255,255,0) 55%);
  box-shadow:0 2px 0 #fff inset,0 -4px 0 rgba(222,200,172,.55) inset,0 10px 0 -2px #ecdcc6,0 22px 40px rgba(110,85,70,.22);
  border:2px solid #f0e2cf;font-size:16px;line-height:1.55}
.lt-win::before{content:"";position:absolute;inset:8px;border-radius:20px;border:1.5px dashed rgba(201,96,122,.25);pointer-events:none}
.lt-win.lt-box::before{border-color:rgba(79,154,163,.28)}
.lt-x{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:50%;border:0;background:#f4e8d9;color:#7a6455;font-size:22px;line-height:40px;cursor:pointer;box-shadow:0 2px 0 #e2cfb8;z-index:2}
.lt-h{margin:0 44px 2px 0;font-size:22px;letter-spacing:.06em;color:#5a3f36}
.lt-sub{margin:0 0 12px;color:#9a8273;font-size:13.5px}
.lt-lab{display:block;margin:10px 0 4px;font-size:14px;color:#7a6455}
.lt-lab b{color:#c9607a;font-weight:normal}
.lt-in,.lt-ta{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:#4a3b33;border:2px solid #efdfca;border-radius:16px;background:#fffdf8;padding:9px 12px;outline:none;box-shadow:0 2px 0 #f3e7d6 inset}
.lt-in:focus,.lt-ta:focus{border-color:#a9c7a3}
.lt-ta{min-height:118px;resize:vertical;background-image:repeating-linear-gradient(transparent 0 30px,rgba(201,170,140,.18) 30px 31px);line-height:31px;padding-top:4px}
.lt-row{display:flex;flex-wrap:wrap;gap:7px}
.lt-chip{font:inherit;font-size:14px;border:0;border-radius:999px;padding:6px 12px;background:#eef4ea;color:#4f7a4b;cursor:pointer;box-shadow:0 2px 0 #d3e2cc}
.lt-chip:active{transform:translateY(1px);box-shadow:0 1px 0 #d3e2cc}
.lt-count{text-align:right;font-size:12px;color:#a8968a;margin-top:2px}
.lt-stamps{display:flex;gap:8px;flex-wrap:wrap}
.lt-stamp{width:62px;height:72px;padding:4px;border:2px dashed #e6d4bf;border-radius:10px;background:#fffdf8;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;font-size:11.5px;color:#8a7666}
.lt-stamp img{width:40px;height:40px}
.lt-stamp[aria-pressed=true]{border-style:solid;border-color:#c9607a;background:#fdf1f4;transform:rotate(-4deg)}
.lt-note{font-size:12.5px;color:#a8968a;margin:3px 0 0}
.lt-go{display:block;width:100%;margin:16px 0 0;font:inherit;font-size:18px;letter-spacing:.2em;border:0;border-radius:999px;padding:11px 0;color:#fff;cursor:pointer;
  background:linear-gradient(180deg,#86b07f,#6f9a6a);box-shadow:0 4px 0 #507b4c,0 8px 14px rgba(80,123,76,.25)}
.lt-go:active{transform:translateY(2px);box-shadow:0 2px 0 #507b4c}
.lt-go[disabled]{opacity:.6}
.lt-go.teal{background:linear-gradient(180deg,#6fb3bb,#4f9aa3);box-shadow:0 4px 0 #3a7a82,0 8px 14px rgba(58,122,130,.25)}
.lt-err{color:#c9607a;min-height:1.3em;margin:8px 0 0;font-size:14px}
.lt-shake{animation:ltShake .4s}
@keyframes ltShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.lt-toast{position:fixed;left:50%;top:42%;z-index:36;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;
  padding:14px 26px;border-radius:999px;background:#fffaf0;color:#5a3f36;font-size:22px;letter-spacing:.12em;box-shadow:0 6px 0 #ecdcc6,0 16px 30px rgba(110,85,70,.22);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.lt-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.lt-flyer{position:fixed;left:0;top:0;z-index:37;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 5px 6px rgba(90,60,50,.28))}
/* kid: pattern pad + mailbox */
.lt-dots{display:flex;gap:10px;justify-content:center;margin:4px 0 12px}
.lt-dots i{width:14px;height:14px;border-radius:50%;background:#efe3d3;box-shadow:0 2px 0 #e0cdb6 inset}
.lt-dots i.on{background:#4f9aa3;box-shadow:0 2px 0 #3a7a82}
.lt-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lt-key{aspect-ratio:1;border:0;border-radius:24px;background:#fffdf8;box-shadow:0 5px 0 #ead9c4,0 8px 14px rgba(110,85,70,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}
.lt-key img{width:78%;height:78%;pointer-events:none}
.lt-key:active,.lt-key.hit{transform:translateY(3px);box-shadow:0 2px 0 #ead9c4}
.lt-check{display:flex;align-items:center;gap:8px;justify-content:center;margin:14px 0 0;font-size:14px;color:#7a6455}
.lt-check input{width:20px;height:20px;accent-color:#4f9aa3}
.lt-envs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin:8px 0 4px}
.lt-env{position:relative;border:0;cursor:pointer;font:inherit;color:#5a3f36;aspect-ratio:1.35;border-radius:12px;padding:8px;text-align:left;
  background:linear-gradient(160deg,#fff7e8,#f7e7cf);box-shadow:0 4px 0 #e6d1b4,0 8px 14px rgba(110,85,70,.12);overflow:hidden}
.lt-env::before{content:"";position:absolute;left:0;right:0;top:0;height:52%;background:linear-gradient(to bottom right,transparent 49%,#efdcc0 50%) left/50% 100% no-repeat,linear-gradient(to bottom left,transparent 49%,#efdcc0 50%) right/50% 100% no-repeat;opacity:.9}
.lt-env img{position:absolute;right:8px;top:8px;width:34px;height:34px;border:2px dashed #e0cbb0;border-radius:6px;background:#fffdf8;padding:2px}
.lt-env span{position:absolute;left:10px;bottom:8px;right:10px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt-env .lt-red{position:absolute;left:8px;top:8px;width:14px;height:14px;border-radius:50%;background:#e0566c;box-shadow:0 0 0 3px #fff7e8}
.lt-empty{color:#a8968a;text-align:center;margin:18px 0}
.lt-read{font-size:24px;line-height:1.7;white-space:pre-wrap;margin:6px 0 10px;color:#4a3b33}
.lt-from{text-align:right;color:#8a7666;font-size:18px}
.lt-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lt-bar .lt-chip{font-size:16px;padding:9px 16px}
.lt-chip.teal{background:#e5f2f3;color:#3a7a82;box-shadow:0 2px 0 #c5e0e3}
.lt-chip.on{background:#4f9aa3;color:#fff;box-shadow:0 2px 0 #3a7a82}
.lt-link{background:none;border:0;color:#9a8273;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px 0}
.lt-stks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lt-stk{border:2px solid transparent;border-radius:18px;background:#fffdf8;box-shadow:0 3px 0 #ead9c4;cursor:pointer;padding:6px}
.lt-stk img{width:100%;max-width:72px;aspect-ratio:1}
.lt-stk[aria-pressed=true]{border-color:#4f9aa3;background:#eef7f8}
.lt-rec{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lt-recbtn{width:64px;height:64px;border-radius:50%;border:0;background:#e0566c;color:#fff;font-size:15px;cursor:pointer;box-shadow:0 4px 0 #b8445a}
.lt-recbtn.on{animation:ltPulse 1s infinite}
@keyframes ltPulse{50%{box-shadow:0 4px 0 #b8445a,0 0 0 10px rgba(224,86,108,.18)}}
@media (max-width:520px){
  .lt-layer{padding:10px;align-items:flex-start;padding-top:max(14px,env(safe-area-inset-top))}
  .lt-win{padding:18px 15px 15px;border-radius:22px}
  .lt-h{font-size:20px}
  .lt-stamp{width:calc(25% - 6px);min-width:0}
}

/* t1192/t1193 footer: one row, links left, English copyright right. Overrides hero.css .foot justify. */
.foot{justify-content:space-between;align-items:baseline;gap:6px 16px;width:100%;box-sizing:border-box}
.foot .pv-note{margin:0}
.foot .lt-copy{margin:0 0 0 auto;padding:0;text-align:right;color:#a08c7c;font-size:12px;line-height:1.7;letter-spacing:.04em;white-space:nowrap}
@media (max-width:420px){.foot .lt-copy{white-space:normal}}