:root{--brand-red: #d13a3a;--brand-red-light: #fef2f2;--brand-red-dark: #b92b2b;--brand-beige: #f9f5f1;--brand-white: #ffffff;--text-main: #4a4a4a;--text-heading: #2c2c2c;--text-muted: #666666;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 20px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--radius-md: 12px;--radius-lg: 16px}body{background-color:var(--brand-beige);color:var(--text-main);font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif}main{max-width:100%;padding:0}h1,h2,h3,h4{font-family:"Noto Serif TC",serif;color:var(--text-heading);letter-spacing:-.01em}.vc-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.urgency-bar{background:linear-gradient(90deg,var(--brand-red-dark),var(--brand-red));color:#fff;text-align:center;padding:.75rem 1rem;font-weight:700;font-size:1rem;letter-spacing:.02em}.vc-hero{padding:5rem 0 4rem;text-align:center;position:relative;overflow:hidden}.vc-hero:before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;background:var(--brand-red);opacity:.04;border-radius:50%;filter:blur(80px);pointer-events:none}.vc-badge{display:inline-block;background:var(--brand-red-light);color:var(--brand-red);padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:50px;margin-bottom:1.5rem;letter-spacing:.05em}.vc-hero h1{font-size:3rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;color:var(--text-heading)}.vc-hero h1 span{color:var(--brand-red)}.vc-hero .lead{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto 2rem;line-height:1.8}.vc-hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.vc-hero h1{font-size:2rem}.vc-hero .lead{font-size:1.1rem}}a.btn-primary,a.btn-primary:link,a.btn-primary:visited{display:inline-block;background:var(--brand-red);color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 14px #d13a3a40}a.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d13a3a59;background:var(--brand-red-dark);color:#fff}a.btn-primary:active{transform:translateY(0)}a.btn-secondary,a.btn-secondary:link,a.btn-secondary:visited{display:inline-block;background:transparent;color:var(--text-heading);font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;border:2px solid var(--text-heading);transition:all .25s ease}a.btn-secondary:hover{border-color:var(--brand-red);color:var(--brand-red)}.vc-section{padding:5rem 0;position:relative}.vc-section-white{background:var(--brand-white)}.section-title{text-align:center;font-size:2.25rem;font-weight:700;margin-bottom:1rem;position:relative}.section-title:after{content:"";display:block;width:48px;height:3px;background:var(--brand-red);margin:1rem auto 0;border-radius:2px}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:768px){.pain-grid{grid-template-columns:1fr}}.pain-card{background:var(--brand-white);padding:1.75rem 2rem;border-radius:var(--radius-md);border-left:4px solid #e5e5e5;transition:all .25s ease;box-shadow:var(--shadow-sm)}.pain-card:hover{border-left-color:var(--brand-red);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pain-card p{font-size:1.05rem;margin:0;color:var(--text-main);line-height:1.7}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:768px){.works-grid{grid-template-columns:1fr}}.work-card{background:var(--brand-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.06);transition:all .25s ease;box-shadow:var(--shadow-sm)}.work-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.work-thumb{width:100%;height:110px;background:linear-gradient(135deg,var(--brand-red-light) 0%,#fff5f5 100%);display:flex;align-items:center;justify-content:center;font-size:2.25rem}.work-info{padding:1rem 1.25rem}.work-info h4{font-size:.95rem;margin:0 0 .4rem;font-weight:700;font-family:Noto Sans TC,sans-serif}.work-info .price-tag{font-size:.85rem;color:var(--brand-red);font-weight:600}.curriculum-item{display:flex;gap:2rem;margin-bottom:2.5rem;position:relative}.curriculum-item:before{content:"";position:absolute;left:40px;top:70px;bottom:-30px;width:2px;background:#e5e5e5}.curriculum-item:last-child:before{display:none}.curriculum-time{width:80px;flex-shrink:0;text-align:center}.curriculum-time .hour{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--brand-red);color:#fff;font-size:1.5rem;font-weight:800;border-radius:50%;margin:0 auto .5rem}.curriculum-time .label{font-size:.85rem;color:var(--text-muted)}.curriculum-content{flex:1;background:var(--brand-white);padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow .25s ease}.curriculum-content:hover{box-shadow:var(--shadow-lg)}.curriculum-content h4{font-size:1.2rem;margin:0 0 1rem;font-weight:700;font-family:Noto Sans TC,sans-serif}.curriculum-content ul{margin:0;padding-left:1.25rem;color:var(--text-muted)}.curriculum-content li{margin-bottom:.5rem}.instructor-card{background:var(--brand-white);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow .25s ease;text-align:center}.instructor-card:hover{box-shadow:var(--shadow-lg)}.instructor-img{width:160px;height:160px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid var(--brand-red-light);margin:0 auto 1.5rem}.instructor-info h3{font-size:1.5rem;margin:0 0 .5rem}.instructor-info .title{color:var(--brand-red);font-weight:600;margin-bottom:1.25rem}.instructor-info .bio{color:var(--text-muted);line-height:2;margin-bottom:1.5rem;text-align:left;max-width:680px;margin-left:auto;margin-right:auto}.instructor-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:var(--brand-beige);border-radius:var(--radius-md);padding:1.5rem 1rem;margin-top:1.5rem}.stat-item{text-align:center}.stat-item .num{display:block;font-size:1.5rem;font-weight:800;color:var(--brand-red)}.stat-item .label{font-size:.8rem;color:var(--text-muted);display:block;margin-top:.25rem}.instructor-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;text-align:left}.instructor-highlights li{list-style:none;padding:.75rem 1rem;background:var(--brand-beige);border-radius:8px;font-size:.95rem;color:var(--text-main);line-height:1.6}@media(max-width:768px){.instructor-stats{grid-template-columns:repeat(2,1fr)}.instructor-highlights{grid-template-columns:1fr}}.dates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width:768px){.dates-grid{grid-template-columns:1fr}}.date-card{background:var(--brand-white);padding:2rem;border-radius:var(--radius-md);text-align:center;border:2px solid transparent;transition:all .25s ease;box-shadow:var(--shadow-sm)}.date-card:hover{border-color:var(--brand-red);box-shadow:var(--shadow-md)}.date-card .batch{display:inline-block;font-size:.8rem;color:var(--brand-red);font-weight:700;margin-bottom:.75rem;background:var(--brand-red-light);padding:.25rem .9rem;border-radius:999px;letter-spacing:.02em}.date-card .date{font-size:1.5rem;font-weight:800;color:var(--text-heading);margin-bottom:.5rem}.date-card .time{color:var(--text-muted)}.date-card .status{margin-top:1rem;padding:.5rem 1rem;background:var(--brand-red-light);border-radius:50px;font-size:.85rem;color:var(--brand-red);font-weight:600;display:inline-block}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--brand-white);padding:2.5rem 2rem;border-radius:var(--radius-lg);text-align:center;position:relative;border:2px solid transparent;transition:all .25s ease;box-shadow:var(--shadow-md)}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card.featured{border-color:var(--brand-red);transform:scale(1.02);box-shadow:0 8px 30px #d13a3a26}.pricing-card.featured:hover{box-shadow:0 12px 40px #d13a3a33}.pricing-card.featured:before{content:"🔥 省最多";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-red);color:#fff;padding:.25rem 1rem;border-radius:50px;font-size:.85rem;font-weight:700}.pricing-card h4{font-size:1.2rem;margin:0 0 .5rem;font-weight:700;font-family:Noto Sans TC,sans-serif}.pricing-card .desc{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.pricing-card .price{font-size:2.5rem;font-weight:800;color:var(--text-heading);margin-bottom:.5rem}.pricing-card .price-note{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.pricing-card .original-price{text-decoration:line-through;color:var(--text-muted);font-size:1.05rem}.faq-item{background:var(--brand-white);margin-bottom:1rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{padding:1.5rem;font-weight:700;font-size:1.1rem;color:var(--text-heading)}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--text-muted);line-height:1.8}.key-facts-box{background:var(--brand-white);border:2px solid var(--brand-red);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.key-facts-box h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--brand-red)}.key-facts-box dl{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;margin:0}.key-facts-box dt{font-weight:700;color:var(--text-heading);white-space:nowrap}.key-facts-box dd{margin:0;color:var(--text-main);line-height:1.7}@media(max-width:600px){.key-facts-box dl{grid-template-columns:1fr;gap:.25rem 0}.key-facts-box dt{margin-top:.75rem}}.definition-section p{font-size:1.1rem;line-height:1.9;color:var(--text-main);max-width:720px;margin:0 auto 1.5rem}.definition-features{list-style:none;padding:0;max-width:720px;margin:0 auto}.definition-features li{padding:1rem 1.25rem;margin-bottom:.75rem;background:var(--brand-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:1.05rem;line-height:1.7}.definition-features li strong{color:var(--brand-red)}.comparison-table-wrap{overflow-x:auto;margin-top:2rem;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;background:var(--brand-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);table-layout:fixed}.comparison-table thead{background:var(--text-heading);color:#fff}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--brand-beige);word-break:break-word}.comparison-table th:first-child,.comparison-table td:first-child{width:22%}.comparison-table th{font-weight:700;font-size:.95rem}.comparison-table td{font-size:.95rem;color:var(--text-main)}.comparison-table tbody tr:nth-child(2n){background:var(--brand-beige)}.comparison-table td:nth-child(2){color:var(--brand-red);font-weight:600}.case-studies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}@media(max-width:600px){.case-studies-grid{grid-template-columns:1fr}}.case-card{background:var(--brand-white);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease}.case-card:hover{box-shadow:var(--shadow-md)}.case-card h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-heading)}.case-card p{color:var(--text-muted);line-height:1.8;margin-bottom:.75rem}.cta-section{text-align:center;padding:5rem 1.5rem;background:linear-gradient(135deg,var(--brand-red-dark) 0%,var(--brand-red) 100%)}.cta-section h2{font-size:2.25rem;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.2rem;margin-bottom:2rem;color:#ffffffe6}.cta-section .btn-primary{background:#fff;color:var(--brand-red)}.cta-section .btn-primary:hover{background:var(--brand-beige)}.portfolio-links{text-align:center;margin-top:2rem}.portfolio-links p{font-size:1.05rem;color:var(--text-muted)}.portfolio-links a{color:var(--brand-red);text-decoration:none;font-weight:600}.portfolio-links a:hover{text-decoration:underline}.demo-showcase{margin-top:3rem}.demo-showcase-title{text-align:center;font-size:1.1rem;color:var(--text-heading);margin-bottom:1.5rem;font-weight:600}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.demo-grid{grid-template-columns:1fr}}.demo-card{background:var(--brand-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:all .25s ease;text-decoration:none;display:block;border:1px solid rgba(0,0,0,.04)}.demo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.demo-card img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-bottom:1px solid #eee}.demo-card-info{padding:1.25rem}.demo-card-info h5{font-size:1rem;font-weight:700;color:var(--text-heading);margin:0 0 .5rem;font-family:Noto Sans TC,sans-serif}.demo-card-info .demo-type{font-size:.85rem;color:var(--brand-red);font-weight:600}.bonus-list{text-align:center;margin-top:3rem;color:var(--text-muted);line-height:2}.testimonial-section{background:linear-gradient(180deg,#fef7f7,#fff)}.tm-batch{display:inline-block;width:-moz-fit-content;width:fit-content;font-size:.75rem;font-weight:600;padding:.2rem .75rem;border-radius:999px;letter-spacing:.03em;margin-bottom:.35rem;text-align:center;line-height:1.5;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.tm-batch--1{background:#fef2f2;color:#d13a3a;border-color:#d13a3a26}.tm-batch--2{background:#eef6ff;color:#2563eb;border-color:#2563eb26}.tm-batch--3{background:#f0fdf4;color:#16a34a;border-color:#16a34a26}.tm-batch--4{background:#fefce8;color:#ca8a04;border-color:#ca8a0426}.tm-card{background:var(--brand-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);position:relative;border:1px solid rgba(0,0,0,.04);transition:box-shadow .25s ease}.tm-card:hover{box-shadow:var(--shadow-lg)}.tm-card:before{content:"“";position:absolute;top:1rem;left:1.2rem;font-size:3.5rem;color:var(--brand-red-light);font-family:Georgia,serif;line-height:1;opacity:.5;pointer-events:none}.tm-card--hero{margin-bottom:2.5rem;padding:3rem;box-shadow:0 10px 40px #d13a3a1a}.tm-card--hero:before{font-size:5rem;top:1.5rem;left:2rem;opacity:1}.tm-card--hero .tm-layout{display:grid;grid-template-columns:120px 1fr;gap:2rem;align-items:start}.tm-avatar{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid var(--brand-red-light);filter:saturate(.9) brightness(1.02)}.tm-avatar--sm{width:72px;height:72px}.tm-quote{position:relative;z-index:1}.tm-quote p{font-size:1.05rem;line-height:2;color:var(--text-main);margin-bottom:1rem}.tm-card--hero .tm-quote p{font-size:1.1rem;margin-bottom:1.5rem}.tm-highlight{background:linear-gradient(transparent 60%,#fff3cd 60%);font-weight:600}.tm-expand-content{display:none}.tm-expand-btn{background:none;border:none;color:var(--brand-red);font-size:.9rem;cursor:pointer;padding:.5rem 0;font-family:inherit;font-weight:600;position:relative;z-index:10;display:inline-block;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.tm-expand-btn:hover{text-decoration:underline}.tm-author{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #eee;margin-top:.5rem}.tm-author h4{font-size:1rem;margin:0;font-family:Noto Sans TC,sans-serif}.tm-author h4 a{color:var(--brand-red);text-decoration:none}.tm-author h4 a:hover{text-decoration:underline}.tm-author span{font-size:.85rem;color:var(--text-muted);display:block}.tm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tm-grid .tm-card{padding:1.5rem}.tm-grid .tm-card:before{font-size:2.5rem;top:.8rem;left:1rem}.tm-grid .tm-layout{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.tm-grid .tm-meta{padding-top:.3rem}.tm-grid .tm-meta h4{font-size:.95rem;margin:0 0 .15rem;font-family:Noto Sans TC,sans-serif}.tm-grid .tm-meta h4 a{color:var(--brand-red);text-decoration:none}.tm-grid .tm-meta h4 a:hover{text-decoration:underline}.tm-grid .tm-meta span{font-size:.8rem;color:var(--text-muted);display:block}.tm-grid .tm-card:last-child:nth-child(odd){grid-column:1 / -1}.tm-grid .tm-quote p{font-size:.95rem;line-height:1.9;margin-bottom:.8rem}@media(max-width:768px){.tm-grid{grid-template-columns:1fr}.tm-card--hero .tm-layout{grid-template-columns:1fr;text-align:center}.tm-card--hero .tm-avatar{margin:0 auto}.tm-card--hero{padding:2rem}}.notice-box{background:#fffbeb;border:2px solid #f59e0b;border-radius:var(--radius-md);padding:1.5rem 2rem;margin:2rem auto}.notice-box h4{color:#b45309;font-size:1.1rem;margin:0 0 .75rem;font-family:Noto Sans TC,sans-serif;display:flex;align-items:center;gap:.5rem}.notice-box p{color:#92400e;margin:0;line-height:1.8}.contact-section{text-align:center;padding:3rem 1.5rem;background:var(--brand-beige)}.contact-section p{font-size:1.1rem;color:var(--text-muted);margin:0}.contact-section a{color:var(--brand-red);font-weight:600;text-decoration:none}.contact-section a:hover{text-decoration:underline}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.gallery-item{background:var(--brand-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;text-decoration:none;display:block;border:1px solid rgba(0,0,0,.04)}.gallery-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.03)}.gallery-info{padding:1rem 1.25rem}.gallery-info h5{font-size:.95rem;font-weight:700;color:var(--text-heading);margin:0 0 .35rem;font-family:Noto Sans TC,sans-serif}.gallery-info .gallery-author{font-size:.8rem;color:var(--text-muted)}.gallery-info .gallery-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--brand-red);font-weight:600;margin-top:.5rem;text-decoration:none}.gallery-info .gallery-link:hover{text-decoration:underline}.gallery-grid{justify-items:center}.gallery-grid .gallery-item{width:100%}@media(min-width:769px){.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid .gallery-item:nth-child(4){grid-column:1 / 2;margin-left:auto;margin-right:0;max-width:100%}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.gallery-item img{height:160px}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}@media(max-width:768px){.vc-container{padding:0 1rem}.urgency-bar{font-size:.85rem;padding:.6rem .75rem}.vc-hero{padding:3rem 0 2.5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}.vc-section{padding:3rem 0}.pain-card{padding:1.25rem 1.5rem}.work-thumb{height:110px;font-size:2.25rem}.curriculum-item{flex-direction:column;gap:1rem;margin-bottom:2rem}.curriculum-item:before{display:none}.curriculum-time{width:auto;display:flex;align-items:center;gap:.75rem}.curriculum-time .hour{width:48px;height:48px;font-size:1.25rem;margin:0}.curriculum-time .label{font-size:.9rem}.curriculum-content{padding:1.5rem}.curriculum-content h4{font-size:1.1rem}.instructor-card{padding:2rem 1.5rem}.instructor-img{width:120px;height:120px}.instructor-info h3{font-size:1.3rem}.instructor-info .bio{line-height:1.8}.date-card{padding:1.5rem}.date-card .date{font-size:1.3rem}.pricing-card{padding:2rem 1.5rem}.pricing-card .price{font-size:2rem}.pricing-card.featured{transform:scale(1)}.faq-question{font-size:1rem;padding:1.25rem}.faq-answer{padding:0 1.25rem 1.25rem}.cta-section{padding:3.5rem 1rem}.cta-section h2{font-size:1.75rem}.cta-section p{font-size:1.05rem}.notice-box{padding:1.25rem 1.5rem}.demo-card img{height:150px}.comparison-table-wrap{overflow-x:visible}.comparison-table th,.comparison-table td{padding:.75rem .6rem;font-size:.85rem}.comparison-table th{font-size:.85rem}}@media(max-width:480px){.vc-hero h1{font-size:1.65rem}.vc-hero .lead{font-size:1rem}.section-title{font-size:1.5rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.85rem 2rem;width:100%;text-align:center}.vc-hero-cta{flex-direction:column;align-items:stretch}.pricing-card .price{font-size:1.75rem}.instructor-stats{gap:.75rem;padding:1rem .5rem}.stat-item .num{font-size:1.25rem}.stat-item .label{font-size:.75rem}.tm-card--hero{padding:1.5rem}.tm-card--hero .tm-quote p{font-size:1rem}.cta-section h2{font-size:1.5rem}}