.cover-screen{position:relative;overflow:hidden;width:100%;height:100%}.cover-bg{position:absolute;object-fit:cover;object-position:center;z-index:0;pointer-events:none;background:#c4e5f5;width:100%;height:100%;inset:0}.cover-overlay{position:absolute;z-index:1;display:flex;pointer-events:none;justify-content:center;align-items: flex-end;padding-bottom:12%;inset:0}.start-button{pointer-events:auto;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s,filter .15s}.start-button img{display:block;width:clamp(140px,22vw,280px);height:auto}.start-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.start-button:active{filter:brightness(.95);transform:translateY(2px)}.qr-btn{position:absolute;z-index:2;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s;bottom:24px;right:24px}.qr-btn img{display:block;width:52px;height:52px}.qr-btn:hover{transform:scale(1.1)}.qr-overlay{position:fixed;display:flex;z-index:100;background:#00000080;justify-content:center;align-items: center;inset:0}.qr-dialog{text-align:center;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0000004d}.qr-dialog p{color:#333;margin-bottom:16px;font-weight:700}.qr-placeholder{margin-bottom:16px}.qr-close{background:var(--color-primary);color:#fff;border-radius:20px;padding:8px 24px;font-weight:700}@media (orientation:portrait),(max-width:768px){.cover-overlay{padding-bottom:18%}.start-button img{width:clamp(120px,40vw,240px)}}.map-screen{display:flex;position:relative;overflow:hidden;background:#b5e8f7;justify-content:center;align-items: center;width:100%;height:100%}.map-bg{position:absolute;object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;inset:0}.map-svg-container{position:absolute;display:flex;z-index:1;overflow:hidden;justify-content:center;align-items: center;inset:0}@media (orientation:portrait),(max-width:768px){.map-svg-container{padding:2vh 3vw}}.taiwan-map-image-container{position:relative;width:100%;height:100%}.taiwan-map-svg-inline,.taiwan-map-svg-inline svg{width:100%;height:100%}.county-label-img{position:absolute;cursor:pointer;z-index:2;pointer-events:auto;width:clamp(40px,5vw,70px);height:auto;transition:transform .2s;transform:translate(-50%,-50%)}.county-label-img.hovered{transform:translate(-50%,-50%)scale(1.15)}.taiwan-svg-map{width:100%;max-width:100vw;height:100%;max-height:100vh}.county-group{cursor:pointer}.county-path{transition:filter .2s}.county-group:hover .county-path,.county-path.hovered{filter:brightness(1.1)}.county-group:active .county-path{filter:brightness(.95)}.county-label-inner{transform-origin:center}.inset-box,.inset-box .county-group,.inset-box .county-label{cursor:pointer}.map-dialog-overlay{position:fixed;display:flex;z-index:50;background:#00000073;justify-content:center;align-items: center;inset:0}.map-dialog{position:relative;background:var(--color-dialogue-bg,#fff8e1);border-radius:var(--radius,16px);text-align:center;min-width:280px;padding:32px 48px;box-shadow:0 8px 24px #0003}.map-dialog-close{position:absolute;color:#666;background:0 0;padding:4px 8px;font-size:1.5rem;line-height:1;top:8px;right:12px}.map-dialog-close:hover{color:#333}.map-dialog-text{color:#333;margin-bottom:20px;font-size:1.4rem;font-weight:700}.map-dialog-go{background:var(--color-dialogue-bg,#fff8e1);color:#333;border:2px solid #ccc;border-radius:24px;padding:8px 48px;font-size:1.1rem;font-weight:700}.map-dialog-go:hover{background:#f5ecd0;border-color:#aaa}.chat-screen{display:flex;position:relative;background:#f5f0e6;flex-direction:column;width:100%;height:100%}.chat-bg{position:absolute;object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;inset:0}.chat-header{z-index:20;position:relative;overflow:hidden;flex-shrink:0}.chat-header-bg{position:absolute;object-fit:cover;pointer-events:none;width:100%;height:100%;inset:0}.chat-header-content{position:relative;display:flex;z-index:1;justify-content:space-between;align-items: center;padding:8px 16px}.chat-header-left{display:flex;align-items: center;gap:12px}.chat-header-logo-img{object-fit:contain;width:auto;height:28px}.chat-county-label{display:inline-flex;background:url(data:image/png;base64,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) 0/contain no-repeat;align-items: center;height:25px;padding-top:3.2px;padding-left:20px;padding-right:10px}.chat-county-bg{display:none}.chat-county-text{color:#fff;white-space:nowrap;font-size:.8rem;font-weight:700}.chat-header-right{display:flex;align-items: center;gap:12px}.reselect-btn{cursor:pointer;background:0 0;border:none;padding:0}.reselect-btn img{object-fit:contain;width:auto;height:30px}.font-size-control{display:flex;color:#666;align-items: center;gap:4px;font-size:.75rem}.font-size-control span{font-weight:700}.font-size-control input[type=range]{accent-color:var(--color-primary);width:60px}.fullscreen-btn{cursor:pointer;background:0 0;border:none;padding:0}.fullscreen-btn img{object-fit:contain;width:auto;height:24px}.chat-messages{overflow-y:auto;display:flex;position:relative;z-index:1;flex-direction:column;flex:1;gap:12px;padding:16px}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#4cb89a;border-radius:5px;min-height:40px}.chat-bubble-wrapper{display:flex;align-items: flex-start;gap:8px;max-width:75%}.chat-bubble-wrapper.system{align-self: flex-start}.chat-bubble-wrapper.student{flex-direction:row-reverse;align-self: flex-end}.chat-bubble{font-size:var(--chat-font-size);position:relative;word-break:break-word;border:20px solid #0000;border-image-slice:30 fill;background:0 0;border-image-width:20px;border-image-repeat:stretch;padding:4px 8px;line-height:1.6}.chat-bubble.system{color:var(--color-bubble-system-text);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABSsAAAB6CAMAAABgBvbiAAAAM1BMVEVMaXFJhElJhElJhElJhElJhElJhElJhElJhElJhElJhElJhElJhElJhElJhElJhElJhEn72kZbAAAAEHRSTlMA4DCg8NCAQMAQIGCwUJBwCnue8gAAAAlwSFlzAAALEgAACxIB0t1+/AAAAyFJREFUeJzt3Wluo0AQgNFiMWAMdu5/2pETT4LNUiQ/RqPw3gmskvWp6WaJXNk2TTN0AL9P1TRNW+4o4abzeD29Afx23XU8/ziUt87/AziM4fKTXLbVf/DTAf6huvru1XhrSQkcUdd+o5SlUgJHNfQ7S3m++o8AB9bsu/wu/EeAQzvt2LZsjj4kgLdbdv09mBHAW7WdSneeA9ydNm62LG1VAnxYj2VZGxHAw1osXYADTCzHUioBngxLrfT8N8Cz6zyVNyMCeDHOznVMCOBV/bplabMSYO5ly9IVOMCSp6vwszsrAZYU06twZ+AAyyZvaOuNCGDZ5HjHshJgzefC8mxEAGsKh+AAucujld7EBrBu8MgOQO7jy44+2wiw5eLxRoDU4BQcIFXfWzmaE8Cm0gfBAVL3z4V3xgSwqXJ3JUCqiwhTAthWe8cQQC6iNSWAhFYC5FqtBEhpJUBOKwFyWgmQ00qAnFYC5LQSIKeVADmtBMhpJUBOKwFyWgmQ00qAnFYC5LQSIKeVADmtBMhpJUBOKwFyWgmQ00qAnFYC5LQSIKeVADmtBMhpJUBOKwFyWgmQ00qAnFYC5LQSIKeVADmtBMhpJUBOKwFyWgmQ00qAnFYC5LQSIKeVADmtBMhpJUBOKwFyWgmQ00qAXK+VAKmIMCSAhFYCpE4R0RkTwKYuIiojAtjURMTNiAA2jREOwgESfUREbUoAG4p7KmMwIoAN1/dWXowIYMP43sqzEQGsq+ODu4YA1l0frXQSDrCuf7QyCkMCWNH9TaXTHYBV7WcrLSwBVnwtKy0sAdZMlpVeNgSwbJimMkpTApirz0+tjMaMAGZu8eJkRgAvhtdURu91QwDPivOslTGaEcBUXc5T6cYhgGeXpVRGXI0J4NNKKr1wCODLaiqtLAH+2kilPUuAd/VmKiNatw4BFIsn4FO9R8OBoxsW7quc8bgjcGj17MFGS0uAF9WeReVj19LT4cAxde2ORn4ZrS2B4/lmKe/KypE4cCTFtd/RxqXFZeVDPMAxFNfvLykn+rHpbF4Cv9mpa8b95znbyWwBfqM9l90R8QeAT7GXq4vzyQAAAABJRU5ErkJggg==)}.chat-bubble.system.playing{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABSoAAAB6CAMAAACPxJ3cAAAAM1BMVEVMaXFFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEVFqEXqf+cOAAAAEHRSTlMAIOCg8BBgwECAMNCwcFCQJj6augAAAAlwSFlzAAALEgAACxIB0t1+/AAAAxFJREFUeJzt3VmSozAQQEGxI8DL/U87QXd72gtQeObPZB6hwvFCQsKkfXqAj9TsrOC24VR19RXgc3VT/p9iNu2kksAxjKfhn0LZTn4gwJGMp3fXlk0u/UKAw6mKd0qZbbyBY9ofy7MVJXBYdd639/aMEji0cscBT2/vDRxduLDMR58QwPXabZ6FN5URAVyv48YmvBkNCGBWr7ZSKQFu1lqplAC/VlrZGRHAr3rpNroTHYAH4+s5eGtCAI+m51IObp4DPDs9pdKRDsCLp8eVXtIBWNDdl7Kw/QZY0jr9BoiUv6fghWEBLMsWlQCRurGoBIjcLgxdTApgTfmTSsffAOt6rzQCRKqvVPrsGMCG2v4bIHSeP9FoTABbLl7/BoiM/vwcIORRJUCo96oOQOTkVAcgkl1AB4h0DsABIlIJEJJKgFAplQAhqQQISSVASCoBQlIJEJJKgJBUAoSkEiAklQAhqQQISSVASCoBQlIJEJJKgJBUAoSkEiAklQAhqQQISSVASCoBQlIJEJJKgJBUAoSkEiAklQAhqQQISSVASCoBQlIJEJJKgJBUAoSkEiAklQAhqQQISSVASCoBQlIJEJJKgJBUAoSkEiAklQAhqQQISSVASCoBIp1UAkSkEiDUpd6QALZd0mBCANtySiYEsK1PaTQigE1FSpUJAWypU0qtCQFsmVJKhQkBbGlT8rASYFsxp/JkSADrxrmUduAAW05fqUydIQGsar5T6QwcYFWVfpRmBLCiuKXSshJgRZeSZSXAtuE3lWejAlhSpTsOwQEW1M19KovajABenNIDr+wAvOjSk8mMAB49br9njVNwgEf9cylTGjyuBLjXvpYy+SAZwL3LUim9tANwp1oupVYC/LVaypR6zysBrt+f/l43OAcHWDnRubsz5H4lcHjlsF3K+b0dm3Dg2KaXm+cLCv+dARxYed4RytnZE0vgoOq8Z0n5oxVL4IDqyxuhnLW24cDBlO+sKG+Ky+h3AhxFXS38OcbOWraVnTjw8eopx9eDAv0551x1AB9nyjm3fbDtTin9AW9Or7RG6P8AAAAAAElFTkSuQmCC)}.chat-bubble.student{color:var(--color-bubble-student-text);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABSsAAAB5CAMAAADmkoRMAAAAM1BMVEVMaXHM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MjM4MgTiHqbAAAAEHRSTlMAgNAgwKAwQPAQYHBQ4JCw4UzCCAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAxRJREFUeJzt3W1yokAUhtGLgoCoyf5XO2UmmfgBvHF+hnOWcMt6qptusKJ+atq2Hd4Bfp+hbdtm6sfcwjWny85vA9iAXXf63172ncUksCFvp9dDOR7PfiLAxpyb1xaXY2NJCWzR8EotrSmBzRqaH5Zy3/qRABu2O/wklZPtN7BxeWk5dlufEcB7G55a7t2nBHh/H1b34Qf7b4CroZdKgOwolQDZQiylEuDG/DPL0bEOwK1hP9PKNyMCuLN7vjrUmBDAg+7pYaUJATx5/Eybh5UAz4b7XbgdOMCcu1346LoQwKzb93d8MANgXvudyr0RASzoLSsBotbTSoDs6+2dyawAFn0dhbtbCbBscLIDkJ1swQGiv5twf3ELsOb80UojAlh1/ehvb0QAq44+mwEQdV7aAYhaRzsAWVV5wREgcAwOkPVaCRD1rgwBRFoJkGklQKaVAJlWAmRaCZBpJUCmlQCZVgJkWgmQaSVAppUAmVYCZFoJkGklQKaVAJlWAmRaCZBpJUCmlQCZVgJkWgmQaSVAppUAmVYCZFoJkGklQKaVAJlWAmRaCZBpJUCmlQCZVgJkWgmQaSVAppUAmVYCZFoJkGklQKaVAJlWAmRaCZBpJUCmlQCZVgJkfZUpAQRaCZD1VYMxAayrqtaIANZVVWdEAKvaqmqMCGBVV+XSEEAwVTkIBwgO5XAHIBiuqazJmABWdB+t3BsRwIrTRytrZ0YAi/5uwW3CAdZ0n60cveYIsOjw2Uqv7gAsar9S6XQHYFH/r5UWlgALvpeVVXtPLAFm3SwrfUADYF5Xd9yxBHg2jPetPJgRwJNTPbALB3jUPabS54YAHu3G51aOHlkC3BoOz6msOrg4BHBjNpViCXDrOJ9KsQT4tphKsQT4NKyksmrvgAdg6Vjn2/hmSMDmzV0WejDZhwMbd4mlvO7D3UoHtuzc/6CUV0dLS2CrhuaHpbw+tWzUEtikLj+pvKvldPY7ATZmaPYvlfLDqbO4BDbkbfVK5WouL+5bAltw7o6vbb4fjf10aVvJBH6nc9temn69k1X1B+9ttSP8McsEAAAAAElFTkSuQmCC)}.chat-bubble.student.playing{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABSoAAAB6CAMAAACPxJ3cAAAAM1BMVEWW3YWW3YWW3YWW3YWW3YWW3YWW3YVMaXGW3YWW3YWW3YWW3YWW3YWW3YWW3YWW3YWW3YWS0pVyAAAAEHRSTlOA0MAw8CBAABCgYHBQ4JCwCSu+vQAAAAlwSFlzAAALEgAACxIB0t1+/AAAA0hJREFUeJzt3VtzokAQgNERhObiJf//1265JlEUprP7GM55zGOX9dUMraREruv7AvArTX0/5BlMUtnO4+ED4Fc7NpdTvZe1VJ7Go48HsBOHufuPVHYXnQT2pZn+MZXd6BMC7M+5rF/EV1MplMBeHVdPlmupLK7ewH4d+p+ksrXyBvbtkqdy3vuMAA5tPZWDp5QAH8dTLZWDyzfAzbSdSqUE+DRupVIpAb6N66lUSoAnZS2VSgmwMK2k0u4bYKl9S6XvUwK8OA4vqWxNCOBV85JKDyoB3s2LVBYTAnh37J5S2XmXEMCa8SmVtt8A6/rvVHYmBLCu+U6lQyXAlv4zlQ6VAJuun6m8GBHApu6eSutvgG3lbypPJgSw7fw3lZY6ADXtLZXu3wA1JYoXZQDUNVG8fQ0gESWuZgRQ1RevXwNIzCWMCKDuUmx1ABJN6Y0IoK4pfqsDkCn+VQRARioBUlIJkJJKgJRUAqSkEiAllQApqQRISSVASioBUlIJkJJKgJRUAqSkEiAllQApqQRISSVASioBUlIJkJJKgJRUAqSkEiAllQApqQRISSVASioBUlIJkJJKgJRUAqSkEiAllQApqQRISSVASioBUlIJkJJKgJRUAqSkEiAllQApqQRISSVASioBUlIJkJJKgJRUAqSkEiBVTmYEkCi9CQHUNaU1IYC6poQJAdSVEgcjAqiaS4wmBFDVl5hNCKAqStjrAFQ1USLOZgRQMd9S6WElQE13S6Xf6wBUHOKWSjdwgIr5nkpvzADY1t1T2RkRwJYx7qm02AHY1H6l0rESYEMTX6l0rATY0D5SORwNCWDFGI9U+iE4wJrj8JxKr2IDWHGKRSpbV3CAV9dYpjImIwJYOg+vqbQFB1g6tvGWymgMCeDJFCupHKx2AB4epXxOpVYCPDyVcpFKrQT48lzKZSpj8LwS4OO1lC+ptAcHWOy+11MZk++iA3vXDJGkMjqXcGDf3sP4/peI2cES2K+me8/iWipjuPiUAPt0Pq1VcTWVEd3oZAnsz3lab+JGKiOG2f+8Bfbl2m8VcTOVtxezXdQS2Ivr9Lr2/mEqbxfx6dK4igO/2/laNs+TP0rlXd/3pwLw68x9368svJci4g+yj4tMRmvtYQAAAABJRU5ErkJggg==)}.bubble-audio-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self: center;padding:0;transition:transform .2s}.bubble-audio-btn img{object-fit:contain;width:32px;height:32px}.bubble-audio-btn:hover{transform:scale(1.1)}.bubble-image{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;margin-top:8px}.bubble-image img{object-fit:cover;border-radius:var(--radius-sm);display:block;max-width:240px;max-height:180px}.bubble-options{display:flex;flex-direction:column;gap:8px;margin-top:10px}.bubble-option{display:flex;cursor:pointer;align-items: center;gap:8px;padding:4px 0}.bubble-option.confirmed{cursor:default;opacity:.8}.bubble-option .radio-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.bubble-option .radio-img{object-fit:contain;flex-shrink:0;width:20px;height:20px}.bubble-option label{cursor:pointer;flex:1}.bubble-option.confirmed label{cursor:default}.bubble-confirm-btn{cursor:pointer;background:0 0;border:none;align-self: flex-end;margin-top:4px;padding:0;transition:transform .2s}.bubble-confirm-btn img{object-fit:contain;width:auto;height:32px}.bubble-confirm-btn:hover:not(:disabled){transform:scale(1.05)}.bubble-confirm-btn:disabled{opacity:.4}.continue-inline{display:flex;justify-content:flex-end;padding:4px 0}.continue-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.continue-btn img{object-fit:contain;width:auto;height:44px}.continue-btn:hover:not(:disabled){transform:scale(1.05)}.continue-btn:disabled{cursor:default}.chat-bottom{position:relative;z-index:1;background:#9dd1d1;border-radius:20px 20px 0 0;flex-shrink:0}.topic-menu{position:relative;z-index:1;padding:10px 16px}.topic-menu-toggle{display:flex;justify-content:center;margin-top:8px}.menu-toggle-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.menu-toggle-btn img{object-fit:contain;width:auto;height:32px}.menu-toggle-btn:hover{transform:scale(1.05)}.topic-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.topic-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s}.topic-btn img{object-fit:contain;width:auto;height:44px}.topic-btn:hover{transform:translateY(-2px)}.topic-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.lightbox-overlay{position:fixed;display:flex;z-index:100;cursor:pointer;background:#000c;justify-content:center;align-items: center;inset:0}.lightbox-overlay img{object-fit:contain;cursor:default;border-radius:8px;max-width:90%;max-height:90%}.lightbox-close-btn{position:absolute;color:#333;display:flex;cursor:pointer;z-index:101;background:#ffffffe6;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;font-size:1.2rem;font-weight:700;top:16px;right:16px;box-shadow:0 2px 8px #0000004d}.lightbox-close-btn:hover{background:#fff}.confirm-overlay{position:fixed;display:flex;z-index:50;background:#00000080;justify-content:center;align-items: center;inset:0}.confirm-dialog{border-radius:var(--radius);text-align:center;background:#fff;padding:24px 32px;box-shadow:0 8px 24px #0003}.confirm-dialog p{margin-bottom:20px;font-size:1.1rem}.confirm-dialog-buttons{display:flex;justify-content:center;gap:12px}.confirm-dialog-buttons button{border-radius:16px;padding:8px 24px;font-size:.9rem;font-weight:700}.confirm-yes{background:var(--color-primary);color:#fff}.confirm-no{color:#333;background:#ddd}@media (orientation:portrait),(max-width:768px){.chat-bubble-wrapper{max-width:88%}.topic-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.font-size-control input[type=range]{width:40px}.chat-header-content{gap:6px;padding:6px 10px}.chat-header-logo-img{height:22px}.reselect-btn img{height:24px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--chat-font-size:16px;--color-primary:#4caf93;--color-primary-light:#7bcab5;--color-primary-dark:#3a8e77;--color-bg:#e8f4f8;--color-sky:#b5def0;--color-bubble-system:var(--color-dialogue-b);--color-bubble-system-text:#fff;--color-bubble-student:var(--color-dialogue-a);--color-bubble-student-text:#fff;--color-orange:#f28c38;--color-orange-dark:#d4752a;--color-header-bg:#d4eef7;--color-dialogue-a:#a8dcc9;--color-dialogue-a-active:#5dbe9e;--color-dialogue-b:#3a8e77;--color-dialogue-b-active:#1d5c4a;--color-dialogue-bg:#fff8e1;--color-menu-bg:#fffffff2;--shadow:0 2px 8px #0000001a;--radius:16px;--radius-sm:8px}html,body{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,PingFang TC,sans-serif;font-size:var(--chat-font-size);background:var(--color-bg);color:#333;width:100%;height:100%}body[data-font-size=small]{--chat-font-size:14px}body[data-font-size=medium]{--chat-font-size:16px}body[data-font-size=large]{--chat-font-size:18px}#root{display:flex;flex-direction:column;width:100%;height:100%}button{cursor:pointer;outline:none;border:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;height:auto}