@media (min-width:768px){:root{--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem}}@media (min-width:1024px){:root{--font-size-base:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.875rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-4xl:3.75rem;--font-size-5xl:4.5rem}}:root{--color-primary:#d32f2f;--color-secondary:gold;--color-accent:#ff6f00;--color-white:#fff;--color-black:#1a1a1a;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--font-serif:"Noto Serif TC",serif;--font-sans:"Noto Sans TC",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--touch-target-min:44px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (min-width:768px){:root{--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem}}@media (min-width:1024px){:root{--font-size-base:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.875rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-4xl:3.75rem;--font-size-5xl:4.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-black);background-color:var(--color-white);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-xl);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-3)var(--space-6);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);background-color:#b71c1c;transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-black);box-shadow:var(--shadow-md)}.btn-secondary:hover{box-shadow:var(--shadow-lg);background-color:#ffc107;transform:translateY(-2px)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-title{text-align:center;margin-bottom:var(--space-12)}.how-to-use-grid{gap:var(--space-8);grid-template-columns:repeat(1,1fr);max-width:1000px;margin:0 auto;display:grid}@media (min-width:768px){.how-to-use-grid{grid-template-columns:repeat(3,1fr)}}.how-to-use-card{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;position:relative;overflow:hidden}.how-to-use-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.step-number{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:var(--font-weight-bold);font-family:var(--font-serif);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.step-icon{margin-bottom:var(--space-4);font-size:4rem;line-height:1}.step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-3);font-family:var(--font-serif)}.step-description{color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:0}.btn-large{padding:var(--space-4)var(--space-8);font-size:var(--font-size-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}img[loading=lazy]{opacity:0;transition:opacity var(--transition-base)}img[loading=lazy].loaded{opacity:1}.embed-responsive{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.embed-responsive iframe,.embed-responsive video{width:100%;height:100%;position:absolute;top:0;left:0}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}button:focus-visible,a:focus-visible{outline:3px solid var(--color-secondary);outline-offset:4px}@media print{body{font-size:12pt;line-height:1.5}a{text-decoration:underline}.no-print{display:none}}