.progress[data-v-242838a4]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-242838a4]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-242838a4]{font-size:16px;color:#43266d}.progress .outside[data-v-242838a4]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-242838a4]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-242838a4]{height:100%}.progress .bar .left[data-v-242838a4]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-242838a4]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-242838a4]{width:100px}.tooltip[data-v-242838a4]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-242838a4]{flex:1;white-space:nowrap}.progress[data-v-276d0334]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-276d0334]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-276d0334]{font-size:16px;color:#43266d}.progress .outside[data-v-276d0334]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-276d0334]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-276d0334]{height:100%}.progress .bar .left[data-v-276d0334]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-276d0334]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-276d0334]{width:100px}.tooltip[data-v-276d0334]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-276d0334]{flex:1;white-space:nowrap}.progress[data-v-19c6c49e]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-19c6c49e]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-19c6c49e]{font-size:16px;color:#43266d}.progress .outside[data-v-19c6c49e]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-19c6c49e]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-19c6c49e]{height:100%}.progress .bar .left[data-v-19c6c49e]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-19c6c49e]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-19c6c49e]{width:100px}.tooltip[data-v-19c6c49e]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-19c6c49e]{flex:1;white-space:nowrap}.taiwan-heatmap[data-v-aac71702]{width:100%}.map-title[data-v-aac71702]{text-align:center;font-size:16px;font-weight:600;color:#1e293b;margin:10px 0}.map-layout[data-v-aac71702]{display:flex;gap:12px;align-items:flex-start}.map-side[data-v-aac71702]{position:relative;flex:0 0 420px;min-width:300px}.map-container[data-v-aac71702]{width:100%;height:520px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.map-container[data-v-aac71702] path{transition:all .15s ease}.map-container[data-v-aac71702] svg{display:block;width:100%;height:100%}.map-tooltip[data-v-aac71702]{position:absolute;background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;pointer-events:none;z-index:10;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2)}.tooltip-city[data-v-aac71702]{font-weight:600}.tooltip-count[data-v-aac71702]{color:#fbbf24;margin-top:2px}.panel-side[data-v-aac71702]{flex:1;min-width:240px;max-height:580px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s}.panel-side.active[data-v-aac71702]{border-color:#0ea5e9;box-shadow:0 2px 12px rgba(14,165,233,.12)}.panel-header[data-v-aac71702]{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f0f9ff;border-bottom:1px solid #e0f2fe;flex-shrink:0}.panel-header h4[data-v-aac71702]{margin:0;font-size:15px;color:#0c4a6e}.panel-count[data-v-aac71702]{font-size:12px;color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:10px}.panel-close[data-v-aac71702]{margin-left:auto;background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:0 4px;line-height:1}.panel-close[data-v-aac71702]:hover{color:#475569}.district-list[data-v-aac71702]{flex:1;overflow-y:auto;padding:6px 0}.district-row[data-v-aac71702]{cursor:pointer;transition:background .1s}.district-row:hover>.district-info[data-v-aac71702]{background:#f0f9ff}.district-row.expanded>.district-info[data-v-aac71702]{background:#e0f2fe}.district-info[data-v-aac71702]{display:flex;align-items:center;gap:6px;padding:6px 14px}.district-arrow[data-v-aac71702]{font-size:10px;color:#94a3b8;width:14px;flex-shrink:0}.district-name[data-v-aac71702]{font-size:13px;color:#334155;width:60px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.district-bar-bg[data-v-aac71702]{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.district-bar-fill[data-v-aac71702]{height:100%;background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:6px;min-width:4px;transition:width .3s ease}.district-count[data-v-aac71702]{font-size:12px;color:#64748b;width:24px;text-align:right;flex-shrink:0;font-weight:500}.district-pct[data-v-aac71702]{font-size:11px;color:#94a3b8;width:32px;text-align:right;flex-shrink:0}.student-list[data-v-aac71702]{background:#f8fafc;border-top:1px solid #e2e8f0;padding:4px 0}.student-item[data-v-aac71702]{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 4px 42px;font-size:13px}.student-item[data-v-aac71702]:hover{background:#f1f5f9}.student-name[data-v-aac71702]{color:#1e293b;font-weight:500}.student-status[data-v-aac71702]{font-size:11px;padding:1px 6px;border-radius:8px;flex-shrink:0}.student-status.active[data-v-aac71702]{background:#dcfce7;color:#166534}.student-status.inactive[data-v-aac71702]{background:#fee2e2;color:#991b1b}.no-data[data-v-aac71702]{padding:20px;text-align:center;color:#94a3b8;font-size:13px}.no-students[data-v-aac71702]{padding:8px 42px;color:#94a3b8;font-size:12px}.panel-placeholder[data-v-aac71702]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#94a3b8;font-size:14px;text-align:center;line-height:1.6}.placeholder-icon[data-v-aac71702]{font-size:36px;margin-bottom:12px}.legend[data-v-aac71702]{margin-top:15px;text-align:center}.legend-bar[data-v-aac71702]{display:flex;align-items:center;justify-content:center;gap:8px}.legend-label[data-v-aac71702]{font-size:12px;color:#888}.legend-colors[data-v-aac71702]{display:flex;height:16px;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.color-box[data-v-aac71702]{width:24px;height:16px}.legend-text[data-v-aac71702]{font-size:12px;color:#666;margin-top:5px}@include tablet{.map-layout[data-v-aac71702]{flex-direction:column}.map-side[data-v-aac71702]{flex:none;width:100%}.panel-side[data-v-aac71702]{max-height:400px}}@include mobile{.map-container[data-v-aac71702]{height:350px}.legend[data-v-aac71702]{margin-top:10px}.color-box[data-v-aac71702]{width:20px;height:14px}}