@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Microsoft JhengHei,"Noto Serif TC",sans-serif;color:#000;background-color:#f0fafc}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-wrap{flex-wrap:wrap}.h-screen{height:100vh}.w-full{width:100%}.w-20{width:80px}.w-64{width:256px}.min-w-48{min-width:192px}.max-w-sm{max-width:384px}.max-h-64{max-height:256px}.h-64{height:256px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.ml-1{margin-left:4px}.ml-4{margin-left:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.col-span-2{grid-column:span 2}.text-primary{color:#2faece}.text-primary-dark{color:#005f6b}.text-accent{color:#d4af37}.text-danger{color:#d92525}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.text-blue-500{color:#3b82f6}.bg-light{background-color:#f0fafc}.bg-white{background-color:#fff}.bg-primary{background-color:#2faece}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-yellow-100{background-color:#fef9c3}.bg-blue-500{background-color:#3b82f6}.bg-red-500{background-color:#ef4444}.bg-gray-200{background-color:#e5e7eb}.bg-gray-400{background-color:#9ca3af}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.leading-tight{line-height:1.25}.font-mono{font-family:monospace}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-b-2{border-bottom:2px solid}.border-b-4{border-bottom:4px solid}.border-t{border-top:1px solid #e5e7eb}.border-dashed{border-style:dashed}.border-primary{border-color:#2faece}.border-accent{border-color:#d4af37}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-transparent{border-color:transparent}.border-red-200{border-color:#fecaca}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,.1)}.shadow-2xl{box-shadow:0 25px 50px rgba(0,0,0,.25)}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.fixed{position:fixed}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.cursor-pointer{cursor:pointer}.transition{transition:all .2s}.duration-300{transition-duration:.3s}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid rgba(47,174,206,.15)}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;font-size:14px;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2faece,#005f6b);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px rgba(47,174,206,.4)}.btn-secondary{background:#f0f4f8;color:#333}.btn-secondary:hover{background:#e0e8f0}.btn-danger{background:#d92525;color:#fff}input,select,textarea{border:2px solid #ddd;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s;background:#fff;color:#000}input:focus,select:focus,textarea:focus{outline:none;border-color:#2faece;box-shadow:0 0 0 3px rgba(47,174,206,.15)}table{width:100%;border-collapse:collapse;background:#fff}thead tr{background:linear-gradient(135deg,#005f6b,#2faece);color:#fff}th{padding:10px 12px;text-align:left;font-weight:700;white-space:nowrap}td,th{font-size:13px}td{padding:8px 12px;border-bottom:1px solid #f0f0f0}tbody tr:hover{background-color:#f8fdfe}tbody tr:last-child td{border-bottom:none}h1{font-size:28px;font-weight:900}h1,h2{font-family:"Noto Serif TC",serif;color:#2faece}h2{font-size:18px;font-weight:700}.bg-gradient-to-b.from-primary.to-primary-dark{background:linear-gradient(180deg,#2faece,#005f6b)}.bg-gradient-to-br.from-light.via-white.to-light{background:linear-gradient(135deg,#f0fafc,#fff,#f0fafc)}.hover\:bg-white\/10:hover{background:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background:hsla(0,0%,100%,.2)}.hover\:text-gray-700:hover{color:#374151}.hover\:text-primary:hover{color:#2faece}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-light:hover{background-color:#f0fafc}.bg-accent{background-color:#d4af37}.text-green-700{color:#15803d}.text-yellow-700{color:#a16207}.from-primary{--tw-gradient-from:#2faece}.to-primary-dark{--tw-gradient-to:#005f6b}.disabled\:opacity-50:disabled{opacity:.5}