:root{color-scheme:light;--green:#2e7963;--ink:#28463f}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:'Microsoft YaHei','微软雅黑',sans-serif;background:#f4f0e4;color:var(--ink)}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:46px;border:0;border-radius:12px;padding:12px 19px;background:#fffdf5;color:var(--ink);touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #3e9db4;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}header{position:fixed;z-index:20;top:22px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;align-items:center;pointer-events:none}header>div:first-child{background:#fffdf3ed;border-radius:14px;padding:12px 18px;box-shadow:0 3px 20px #1d462015}header span{font-size:10px;letter-spacing:2px;color:#6c846e}h1{margin:4px 0 0;font-size:22px;letter-spacing:2px}#status{display:flex;align-items:center;gap:8px;background:#fffdf3ed;border-radius:25px;padding:12px 16px;box-shadow:0 3px 20px #1d462015}#status span{letter-spacing:0;font-size:12px;color:#57745d}#status i{height:7px;width:7px;display:block;border-radius:50%;background:#b8b183}#status.tracked i{background:#31a977}#status.lost i{background:#d5a84e}#arContainer{position:fixed;inset:0;overflow:hidden;background:transparent}#arContainer>video{z-index:0!important}#arContainer>canvas{z-index:1!important}#arContainer>div{pointer-events:none;z-index:2!important}#welcome{position:absolute;inset:0;background:#f5f1e5;z-index:10;display:flex;align-items:center;justify-content:center;gap:7vw;padding:115px 8vw 55px}.intro-copy{width:390px;max-width:50%}.kicker{font-size:12px;letter-spacing:3px;color:#7d8a6c}h2{font-size:43px;margin:20px 0;letter-spacing:2px;line-height:1.4}.intro-copy>p{font-size:18px;line-height:1.95;color:#6b7e67}#start{display:block;width:100%;background:#2e7963;color:white;font-size:17px;margin-top:25px;min-height:54px}.minor{font-size:11px!important;line-height:1.8!important;margin:12px 0;color:#8a937b!important}.files{display:flex;gap:20px;margin-top:20px}.files a{font-size:13px;color:#52775b;text-underline-offset:4px}.target-preview{width:min(36vw,430px);transform:rotate(3deg);padding:15px 15px 12px;background:#fffdf5;box-shadow:0 22px 45px #39502c1b;border-radius:8px;text-align:center}.target-preview img{display:block;width:100%;border-radius:4px}.target-preview span{display:block;font-size:12px;color:#7d8b70;margin:13px 0 2px;letter-spacing:2px}#guide{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column}.scan-corners{width:min(63vw,420px);aspect-ratio:1;border:2px dashed #ffffffe0;border-radius:25px;box-shadow:0 0 0 999px #13281b16}#guide p{font-size:14px;letter-spacing:1px;padding:10px 16px;border-radius:25px;color:#fafff4;background:#304b3abf}#loading{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5f1e5dc;font-size:15px;color:#688264;gap:15px}.spinner{display:block;width:35px;height:35px;border:3px solid #cbd8bd;border-top-color:#327c62;border-radius:50%;animation:spin 1s linear infinite}.pipe-hotspot{position:fixed;z-index:8;transform:translate(-50%,-50%);background:var(--pipe-color,#249acc);color:var(--pipe-ink,white);border:2px solid #fffdf3;border-radius:24px;box-shadow:0 4px 18px #1e53713b;font-size:12px;white-space:nowrap;min-height:44px;padding:8px 13px}#speaker{position:fixed;z-index:12;right:24px;bottom:95px;width:260px;background:#fffdf4f5;border:1px solid #dee7d0;border-radius:23px;padding:19px;box-shadow:0 9px 35px #29432c24}#closeSpeaker{position:absolute;right:10px;top:8px;background:transparent;min-height:34px;min-width:34px;font-size:23px;padding:2px 8px;color:#85937a}.character{height:145px;display:flex;align-items:center;justify-content:center;position:relative}.character img{height:100%;max-width:100%;object-fit:contain;transform-origin:50% 90%}#speaker.speaking img{animation:bob .45s ease-in-out infinite alternate}.character span{position:absolute;right:0;bottom:8px;font-size:10px;color:#3a91b5}#speaker h2{font-size:21px;letter-spacing:0;margin:13px 0 10px}#speaker p{font-size:14px;line-height:1.85;color:#60785f;margin:0 0 14px}#replay{width:100%;min-height:42px;background:#2f7e68;color:white;font-size:14px}#controls{position:fixed;bottom:24px;left:4vw;right:4vw;display:flex;align-items:center;gap:9px;z-index:15}#controls button{font-size:12px;background:#fffdf3ed;box-shadow:0 3px 20px #1d462015}#controls span{color:white;background:#244333af;border-radius:22px;padding:9px 15px;font-size:11px;margin-left:auto}#error{position:fixed;bottom:90px;left:5vw;right:5vw;z-index:40;background:#fff6de;color:#805e27;border:1px solid #e1c78e;border-radius:14px;padding:16px;font-size:14px;line-height:1.8}.running header>div:first-child span{display:none}.running header>div:first-child{padding:10px 15px}.running h1{font-size:17px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{to{transform:translateY(-4px) rotate(-1.2deg)}}
@media(max-width:760px){header{top:14px;left:16px;right:16px}header>div:first-child{padding:10px 13px}h1{font-size:19px}#status{padding:10px 12px}#status span{font-size:10px}#welcome{padding:113px 24px 30px;display:flex;flex-direction:column;justify-content:flex-start;gap:25px;overflow:auto}.intro-copy{width:100%;max-width:100%}.intro-copy h2{font-size:34px;margin:14px 0}.intro-copy>p{font-size:16px;line-height:1.8}#start{font-size:15px;margin-top:20px}.target-preview{width:210px;padding:10px;transform:rotate(2deg)}.target-preview span{font-size:10px;margin-top:9px}.files{margin-top:15px}.scan-corners{width:min(77vw,420px)}#controls{left:14px;right:14px;bottom:18px;flex-wrap:wrap;gap:7px}#controls button{min-height:41px;font-size:11px;padding:10px 12px}#controls span{display:none}#speaker{right:14px;bottom:79px;width:225px;padding:16px;border-radius:20px}.character{height:110px}#speaker h2{font-size:18px;margin:9px 0}#speaker p{font-size:12px;line-height:1.8}#replay{min-height:39px;font-size:12px}.character span{font-size:9px}#error{font-size:12px;bottom:80px}}
@media(max-height:580px){header{top:10px}.intro-copy h2{font-size:27px;margin:9px 0}.intro-copy>p{font-size:14px;line-height:1.65}#welcome{padding-top:95px}.target-preview{width:220px}#start{margin-top:12px;min-height:45px}#speaker{bottom:75px;width:225px;padding:13px}.character{height:72px}#speaker p{font-size:11px}.scan-corners{width:260px}#controls{bottom:15px}}
.pipe-hotspot[aria-pressed="true"]{box-shadow:0 0 0 3px #fff8,0 4px 18px #1e53713b}#speaker{border-top:5px solid var(--pipe-color,#249acc)}#speaker .character span{color:var(--pipe-color,#249acc)}#speaker #replay{background:var(--pipe-color,#249acc);color:var(--pipe-ink,white)}
#closeSpeaker{z-index:2;min-height:44px;min-width:44px}