*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#222;background:#f5f6f8;margin:0;font-family:Noto Sans TC,Arial,sans-serif;font-size:18px;line-height:1.7}a{text-decoration:none}header{z-index:999;backdrop-filter:blur(8px);background:#fffffff5;align-items:center;gap:42px;min-height:116px;padding:0 clamp(44px,6.5vw,128px);display:flex;position:sticky;top:0;box-shadow:0 2px 14px #00000014}.logo{color:#8b0000;letter-spacing:1px;white-space:nowrap;flex:none;font-size:clamp(38px,2.65vw,46px);font-weight:900;line-height:1.2}nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(26px,2.2vw,42px);margin-left:auto;display:flex}nav a{color:#333;white-space:nowrap;padding:18px 0;font-size:clamp(23px,1.48vw,27px);font-weight:800;line-height:1.2}nav a:hover{color:#b01616}.menu-toggle{cursor:pointer;background:#ffffffeb;border:2px solid #8b00002e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:54px;height:54px;margin-left:auto;padding:0;display:none}.menu-toggle span{background:#8b0000;border-radius:999px;width:26px;height:3px;transition:transform .2s,opacity .2s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.hero{height:clamp(500px,34vw,660px);min-height:unset;text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#0000005c,#0000005c),url(/images/banner.jpg?v=20260607);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;padding:clamp(44px,4.5vw,72px);display:flex}.hero-content{width:min(92%,980px)}.hero h1{letter-spacing:.06em;text-shadow:0 3px 12px #00000059;margin:0 0 22px;font-size:clamp(56px,4.4vw,82px);line-height:1.15}.hero p{text-shadow:0 2px 10px #00000059;margin:0 0 42px;font-size:clamp(22px,1.6vw,30px);line-height:1.55}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{border-radius:12px;padding:22px 50px;font-size:24px;font-weight:900;line-height:1.2;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:#b01616}.btn-primary:hover{background:#8f1111}.btn-outline{color:#fff;border:2px solid #fff}.btn-outline:hover{color:#000;background:#fff}.features{background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:clamp(70px,5.8vw,88px) clamp(44px,6.5vw,128px);display:grid}.feature-card{text-align:center;background:#fafafa;border-radius:18px;min-height:250px;padding:clamp(44px,3.2vw,58px) 22px;transition:all .2s;display:block;box-shadow:0 4px 18px #0000000d}.feature-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px #0000001f}.feature-card:focus-visible{outline-offset:5px;outline:4px solid #f1b500}.feature-icon{color:#fff;background:#a30000;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 26px;font-size:36px;font-weight:900;display:flex}.feature-icon-image{width:152px;height:152px;color:inherit;background:0 0;border-radius:0;margin-bottom:18px;overflow:visible}.feature-icon-image img{object-fit:contain;width:100%;height:100%;display:block}.feature-card h3{color:#8b0000;letter-spacing:.02em;overflow-wrap:break-word;text-wrap:balance;margin:0 0 18px;font-size:clamp(32px,1.9vw,40px);font-weight:900;line-height:1.18}.feature-card p{color:#555;margin:0;font-size:19px;line-height:1.7}footer{color:#fff;text-align:center;background:#222;margin-top:0;padding:40px 20px}@media (width>=1101px) and (width<=1280px){header{gap:32px;min-height:124px;padding:0 44px}.logo{font-size:50px}nav{gap:28px}nav a{padding:20px 0;font-size:30px}.features{grid-template-columns:repeat(3,1fr);padding-left:42px;padding-right:42px}.feature-card h3{font-size:40px}}@media (width>=1101px){header{min-height:124px!important;padding-top:0!important;padding-bottom:0!important}.logo{font-size:50px!important;font-weight:900!important;line-height:1.15!important}nav a{padding:20px 0!important;font-size:30px!important;font-weight:900!important;line-height:1.15!important}}@media (width<=1100px){header{gap:18px;min-height:88px;padding:0 28px}.logo{font-size:30px}.menu-toggle{display:inline-flex}nav{background:#fffffffa;border-top:1px solid #00000014;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;margin-left:0;padding:10px 28px 20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 26px #0000001f}nav.is-open{display:flex}nav a{text-align:center;border-bottom:1px solid #00000014;width:100%;padding:18px 8px;font-size:22px}nav a:last-child{border-bottom:none}}@media (width<=900px){header{min-height:auto;padding:22px 28px}.logo{font-size:28px}.hero{background-color:#0000;background-image:linear-gradient(#0000005c,#0000005c),url(/images/banner_phone.jpg?v=20260607);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:500px;padding:56px 24px}.hero-content{width:100%;max-width:420px}.hero h1{letter-spacing:1px;margin-bottom:22px;font-size:46px;line-height:1.18}.hero p{margin-bottom:32px;font-size:21px;line-height:1.6}.hero-buttons{flex-direction:column;gap:16px;width:100%}.btn{width:100%;padding:18px 24px;font-size:22px}.features{grid-template-columns:1fr;gap:28px;padding:52px 24px}.feature-card{min-height:auto;padding:42px 24px}.feature-card h3{font-size:38px}.feature-icon-image{width:166px;height:166px}.feature-card p{font-size:18px}}@media (width<=480px){body{font-size:17px}header{padding:18px 20px}.logo{font-size:24px}.hero{background-position:50%;height:430px;padding:44px 20px}.feature-card h3{font-size:36px}.feature-icon-image{width:150px;height:150px}.hero h1{font-size:38px}.hero p{font-size:19px}}
