:root{--bg:#060a12;--border:#1e2a3c;--border-strong:#243448;--text:#e8f1ff;--muted:#7c8fa8;--faint:#5b6c82;--accent:#3de0ff;--accent-2:#2f6bff;--on-accent:#04121a;--font-sans:"Noto Sans TC", system-ui, sans-serif;--font-mono:"Roboto Mono", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.home{flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.home__content{padding:calc(env(safe-area-inset-top) + 16px) 20px 0;flex-direction:column;flex:1;gap:26px;display:flex}.header{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{background:linear-gradient(-135deg, var(--accent) 14.645%, var(--accent-2) 85.355%);width:32px;height:32px;color:var(--on-accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.brand__name{font-family:var(--font-mono);letter-spacing:2px;font-size:15px;font-weight:700}.brand__tagline{color:var(--muted);font-family:var(--font-mono);letter-spacing:1.6px;font-size:8px}.intro{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.pill{color:var(--accent);background:#3de0ff14;border:1px solid #3de0ff40;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.pill__dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.intro__title{letter-spacing:-.5px;margin:0;font-size:36px;font-weight:700;line-height:45px}.intro__subtitle{color:var(--muted);margin:0;font-size:13px;line-height:22px}.hero{border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:22px;flex-direction:column;justify-content:space-between;height:236px;padding:16px;display:flex;overflow:hidden}.hero__top,.hero__bottom{justify-content:space-between;display:flex}.hero__bottom{align-items:center;gap:12px}.live-tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:1.2px;background:#060a12a6;border:1px solid #3de0ff4d;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:9px;display:flex}.live-tag__dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.hero__coord{color:#a9bdd4;font-family:var(--font-mono);letter-spacing:.8px;font-size:9px}.hero__text{flex-direction:column;flex:1;gap:5px;display:flex}.hero__title{font-size:17px;font-weight:600}.hero__meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.6px;font-size:10px}.cta{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);height:58px;color:var(--on-accent);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 28px #2f6bff59}.recent{flex-direction:column;gap:14px;display:flex}.recent__header{justify-content:space-between;align-items:center;display:flex}.recent__title{margin:0;font-size:15px;font-weight:600}.recent__list{margin:0;padding:0;list-style:none}.row{align-items:center;gap:13px;padding:13px 0;display:flex}.row+.row{border-top:1px solid var(--border)}.row__thumb{border:1px solid var(--border);object-fit:cover;border-radius:13px;flex-shrink:0;width:50px;height:50px}.row__text{flex-direction:column;flex:1;gap:4px;display:flex}.row__title{font-size:14px;font-weight:500}.row__meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.4px;font-size:10px}.row__time{color:var(--faint);font-size:10px}.tab-bar-wrapper{padding:18px 16px calc(env(safe-area-inset-bottom) + 12px);position:sticky;bottom:0}.tab-bar{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0e141fb3;border-radius:28px;gap:4px;height:56px;padding:6px;display:flex;box-shadow:0 8px 24px #0006}.tab{color:var(--muted);border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:500;display:flex}.tab--active{color:var(--accent);background:#3de0ff1f;font-weight:600}.scan{background-blend-mode:color, normal;background:linear-gradient(#0b305099 0%,#07142699 100%),url(/assets/scan-camera-DidhSnsT.jpg) 50%/cover no-repeat;flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.scan__bg{position:absolute;inset:0;overflow:hidden}.scan__scrim{background:linear-gradient(#060a12b3 0%,#060a1200 18% 55%,#060a12e6 78%,#060a12 100%);position:absolute;inset:0}.scan>:not(.scan__bg){z-index:1;position:relative}.scan__top{padding:calc(env(safe-area-inset-top) + 16px) 20px 0;justify-content:space-between;align-items:center;display:flex}.glass-btn{color:var(--text);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0e141fa6;border:1px solid #ffffff1f;justify-content:center;align-items:center;display:flex}.glass-btn--sm{border-radius:13px;width:38px;height:38px}.glass-btn--md{border-radius:14px;width:44px;height:44px}.scan__heading{flex-direction:column;align-items:center;gap:2px;display:flex}.scan__title{font-size:15px;font-weight:600}.scan__mode{color:var(--accent);font-family:var(--font-mono);letter-spacing:1.4px;font-size:8px}.viewfinder{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.frame{background:#3de0ff0a;border:1px solid #3de0ff2e;border-radius:20px;flex-shrink:0;width:258px;height:258px;position:relative;overflow:hidden}.frame__corner{border:0 solid var(--accent);width:42px;height:42px;position:absolute}.frame__corner--tl{border-width:3px 0 0 3px;border-top-left-radius:19px;top:0;left:0}.frame__corner--tr{border-width:3px 3px 0 0;border-top-right-radius:19px;top:0;right:0}.frame__corner--bl{border-width:0 0 3px 3px;border-bottom-left-radius:19px;bottom:0;left:0}.frame__corner--br{border-width:0 3px 3px 0;border-bottom-right-radius:19px;bottom:0;right:0}.frame__trail{background:linear-gradient(90deg,#3de0ff00 0%,#3de0ff38 100%);width:100%;height:62px;position:absolute;top:66px;left:0}.frame__line{background:linear-gradient(-90deg, #3de0ff00 0%, var(--accent) 50%, #3de0ff00 100%);width:100%;height:2px;position:absolute;top:127px;left:0;box-shadow:0 0 14px #3de0ffa6}.lock-tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:.8px;background:#060a12b3;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:flex;position:absolute;top:220px;left:12px}.hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a12b3;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 16px;display:flex}.hint__title{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.spinner{border:2px solid #3de0ff40;border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hint__retry{color:var(--accent);font-size:12px;font-weight:600}.permission{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b121cd9;border:1px solid #2a3c54;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:280px;padding:26px 20px 20px;display:flex;box-shadow:0 14px 34px #00000073}.permission__icon{width:52px;height:52px;color:var(--accent);background:#3de0ff1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.permission__title{margin:0;font-size:17px;font-weight:600}.permission__desc{color:var(--muted);margin:0 0 6px;font-size:13px}.permission .open-ar{flex:none;width:100%}.hint__meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:1.2px;font-size:9px}.result{visibility:hidden;opacity:0;padding:0 20px;transition:opacity .2s}.result--visible{visibility:visible;opacity:1}.result__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b121cd9;border:1px solid #2a3c54;border-radius:20px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 14px 34px #00000073}.result__row{align-items:center;gap:12px;display:flex}.result__thumb{border:1px solid var(--border);object-fit:cover;border-radius:12px;flex-shrink:0;width:48px;height:48px}.result__text{flex-direction:column;flex:1;gap:5px;display:flex}.result__title{font-size:15px;font-weight:600}.result__meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.4px;font-size:9.5px}.result__actions{align-items:center;gap:10px;display:flex}.open-ar{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);height:48px;color:var(--on-accent);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.controls{min-height:calc(44px + 48px + env(safe-area-inset-bottom));padding:22px 48px calc(env(safe-area-inset-bottom) + 26px);justify-content:center;align-items:center;display:flex}