:root{--brand: #f5a623;--brand-dark: #d98a00;--ink: #1a1a1a;--bg: #f4f5f7}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#222}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111,#262626 55%,#4a3a14 130%)}.login-card{width:360px;background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 20px 60px #00000040;text-align:center}.login-logo{font-size:48px}.login-card h1{font-size:22px;margin:8px 0 2px}.login-sub{color:#999;font-size:13px;letter-spacing:1px;margin:0 0 24px}.login-label{display:block;text-align:left;font-size:13px;color:#666;margin-bottom:6px}.login-input{width:100%;padding:11px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:16px}.login-input:focus{outline:none;border-color:var(--brand)}.login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--brand);color:var(--ink);font-size:15px;font-weight:700;cursor:pointer;margin-bottom:10px}.login-btn:hover{background:var(--brand-dark)}.login-btn-ms{background:#2f2f2f;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn-ms:disabled{opacity:.5;cursor:not-allowed}.ms-logo{width:16px;height:16px;background:linear-gradient(to right,#f25022 50%,#7fba00 50%) top / 100% 50% no-repeat,linear-gradient(to right,#00a4ef 50%,#ffb900 50%) bottom / 100% 50% no-repeat;display:inline-block}.app{height:100%;display:flex;flex-direction:column}.topbar{height:54px;background:var(--ink);color:#fff;border-bottom:3px solid var(--brand);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.brand-logo{font-size:22px}.topbar-right{display:flex;align-items:center;gap:14px;font-size:14px}.logout-btn{background:#fff3;border:none;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer}.logout-btn:hover{background:#ffffff59}.map-area{position:relative;flex:1;overflow:hidden}.map-root{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.key-warning{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:30;background:#fff3cd;border:1px solid #ffe69c;color:#7a5b00;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 4px 12px #0000001f}.key-warning code{background:#fff;padding:1px 5px;border-radius:4px}.hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:20;background:#000000b8;color:#fff;padding:8px 18px;border-radius:20px;font-size:13px}.layer-toggle{position:absolute;top:14px;left:14px;z-index:20;background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 20px #00000026;width:168px}.layer-toggle-title{font-size:12px;color:#999;margin-bottom:8px;font-weight:600}.layer-btn{width:100%;display:flex;align-items:center;gap:8px;background:#f7f7f9;border:2px solid transparent;border-radius:8px;padding:7px 9px;margin-bottom:6px;cursor:pointer;font-size:13px}.layer-btn:hover{background:#eef0f3}.layer-btn.on{background:#fff;font-weight:600}.layer-btn-icon{font-size:15px}.layer-btn-label{flex:1;text-align:left}.layer-btn-dot{width:9px;height:9px;border-radius:50%}.score-card{position:absolute;top:14px;right:14px;bottom:14px;z-index:25;width:320px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #00000038;padding:20px;overflow-y:auto}.score-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:24px;color:#aaa;cursor:pointer;line-height:1}.score-close:hover{color:#555}.score-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.score-circle{width:78px;height:78px;border-radius:50%;border:5px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.score-num{font-size:30px;font-weight:800;line-height:1}.score-unit{font-size:11px;color:#999}.score-grade{display:inline-block;color:#fff;font-weight:700;font-size:14px;padding:4px 12px;border-radius:6px;margin-bottom:6px}.score-coord{font-size:12px;color:#999}.score-metrics{display:flex;flex-direction:column;gap:14px}.metric-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.metric-label{font-size:14px;font-weight:600}.metric-score{font-size:15px;font-weight:700}.metric-bar{height:7px;background:#eee;border-radius:4px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.metric-detail{font-size:11.5px;color:#888;margin-top:4px}.score-foot{margin-top:20px;padding-top:14px;border-top:1px solid #eee;font-size:11px;color:#aaa;line-height:1.6}.data-badge{position:absolute;top:14px;right:14px;z-index:21;background:#fff;border-radius:18px;padding:7px 14px;font-size:12.5px;font-weight:600;box-shadow:0 4px 14px #0000002e}.data-badge.live{color:#1b7a3d}.data-badge.mock{color:#9a6a00}.time-slider{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:22;display:flex;align-items:center;gap:14px;background:#fffffff5;border-radius:26px;padding:10px 18px;box-shadow:0 6px 20px #0003;width:min(560px,80vw)}.ts-all{flex-shrink:0;border:none;background:var(--brand);color:var(--ink);font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:14px;cursor:pointer}.ts-all.on{background:#fdecc8;color:var(--brand-dark)}.ts-range{flex:1;accent-color:var(--brand);cursor:pointer}.ts-range:disabled{opacity:.55;cursor:default}.ts-readout{flex-shrink:0;width:96px;text-align:right;display:flex;flex-direction:column;line-height:1.2}.ts-time{font-size:16px;font-weight:800;color:#222}.ts-peak{font-size:11px;color:var(--brand);font-weight:600}.chat-launcher{position:absolute;right:16px;bottom:16px;z-index:26;border:none;background:var(--ink);color:#fff;font-size:14px;font-weight:700;padding:12px 18px;border-radius:24px;cursor:pointer;box-shadow:0 6px 20px #00000047;border-bottom:3px solid var(--brand)}.chat-launcher:hover{background:#000}.chat-panel{position:absolute;right:16px;bottom:16px;z-index:26;width:350px;height:min(460px,70vh);background:#fff;border-radius:14px;box-shadow:0 10px 36px #00000047;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:var(--ink);color:#fff;padding:12px 16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--brand)}.chat-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0 4px}.chat-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.chat-welcome{color:#888;font-size:13px;line-height:1.7;text-align:center;margin:auto 0}.chat-welcome b{color:var(--brand-dark)}.chat-row{display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:85%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.report-btn{align-self:flex-start;border:1.5px solid var(--brand);background:#fff8ea;color:var(--brand-dark);font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer}.report-btn:hover{background:var(--brand);color:var(--ink)}.report-btn:disabled{opacity:.6;cursor:progress}.chat-msg.user{align-self:flex-end;background:var(--brand);color:var(--ink);font-weight:600;border-bottom-right-radius:3px}.chat-msg.bot{align-self:flex-start;background:#fff;color:#222;border:1px solid #e6e6e6;border-bottom-left-radius:3px}.chat-typing{color:#999;font-style:italic}.chat-thinking{color:#777;display:flex;align-items:center;gap:8px}.chat-spinner{width:13px;height:13px;border:2px solid #e0e0e0;border-top-color:var(--brand);border-radius:50%;flex-shrink:0;animation:chat-spin .7s linear infinite}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid #eee;background:#fff}.chat-input input{flex:1;border:1px solid #ddd;border-radius:8px;padding:9px 11px;font-size:13px}.chat-input input:focus{outline:none;border-color:var(--brand)}.chat-input button{border:none;background:var(--brand);color:var(--ink);font-weight:700;padding:0 16px;border-radius:8px;cursor:pointer}.chat-input button:disabled{opacity:.5;cursor:default}.map-area.chat-open .score-card{bottom:auto;max-height:calc(100% - 510px)}.geolocate-btn{position:absolute;left:14px;bottom:18px;z-index:22;width:46px;height:46px;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 14px #00000038;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.geolocate-btn:hover{background:#f3f3f5}.geolocate-btn:disabled{cursor:progress}.geo-msg{position:absolute;left:70px;bottom:26px;z-index:22;max-width:280px;background:#000000c7;color:#fff;padding:8px 14px;border-radius:8px;font-size:12.5px;line-height:1.5}.site-pin{width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 2px 6px #0006;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}.site-pin>*{transform:rotate(45deg)}