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