@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{--blue:#1769aa;--navy:#102a43;--ice:#eaf3fa;--text:#394b59;--line:#d6e4ef;--muted:#738695;--font:'Manrope','Noto Sans TC',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:#fff;font:14px/1.8 var(--font)}button,input,select{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #67b6ed;outline-offset:4px}.container{max-width:1240px;width:calc(100% - 96px);margin:auto}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--blue);text-transform:uppercase;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy)}h2{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.025em}h3{font-weight:600}.section{padding:84px 0}.topline{padding:6px 0;background:var(--navy);color:#c4d9e9;font-size:10px;letter-spacing:.06em}.topline .container{display:flex;justify-content:space-between}.topline span{display:flex;gap:8px;align-items:center}.topline svg{width:13px;height:13px}.header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #edf2f6}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;gap:10px;align-items:center;color:var(--blue)}.logo-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--blue);border-radius:50%;font-size:23px;font-weight:500}.logo strong{display:block;font-size:20px;letter-spacing:.13em;line-height:1.3}.logo small{display:block;font-size:8px;letter-spacing:.24em;color:#68879d}.nav{display:flex;align-items:center;gap:30px}.nav a{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:12px;min-height:44px;color:#657786}.nav a svg{width:19px;height:19px;color:#8dadc7}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active svg{color:var(--blue)}.menu{display:none;width:44px;height:44px;background:transparent;border:0;color:var(--navy)}.hero{position:relative;background:linear-gradient(110deg,#eaf4fc 0%,#f6faff 52%,#e4f0fa 100%);overflow:hidden}.hero:after{content:'';position:absolute;right:-140px;top:40px;width:690px;height:690px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 50px #ffffff30,0 0 0 100px #ffffff20;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:580px;position:relative;z-index:1;gap:60px}.hero h1{font-size:clamp(34px,3.45vw,51px);font-weight:500;line-height:1.45;letter-spacing:.01em;margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lead{max-width:475px;line-height:1.95;color:#657c8e;font-size:15px}.hero-copy{padding:54px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:0 24px;background:var(--blue);color:#fff;border:1px solid var(--blue);font-size:12px;font-weight:600;border-radius:3px}.button svg{width:17px}.button.outline{background:transparent;color:var(--blue)}.hero-visual{position:relative;height:510px;display:flex;align-items:center;justify-content:center}.hero-stage{position:absolute;bottom:33px;width:92%;height:62px;border-radius:50%;background:linear-gradient(#fff,#dbe8f2);box-shadow:0 26px 36px #32638a12}.hero-visual img{position:relative;height:420px;width:100%;object-fit:contain;mix-blend-mode:multiply;z-index:1}.hero-caption{position:absolute;right:6px;bottom:10px;display:flex;align-items:center;gap:16px;color:#698398;font-size:10px}.hero-caption b{color:var(--navy);font-size:12px}.service-strip{border-bottom:1px solid var(--line)}.services{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.services article{padding:4px 24px;display:flex;gap:14px;border-right:1px solid var(--line)}.services article:first-child{padding-left:0}.services article:last-child{border:0}.services svg{color:#6597bd;flex:none;margin-top:3px}.services h3{font-size:13px;margin-bottom:3px}.services p{font-size:11px;margin:0;color:var(--muted)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{margin:0 0 14px}.divider{display:flex;align-items:center;justify-content:center;gap:13px;color:#79a5c6;margin-bottom:22px}.divider:before,.divider:after{content:'';width:100px;height:1px;background:#cbdfea}.divider svg{width:13px;height:13px}.intro{max-width:790px;text-align:center;margin:auto;color:#718394;line-height:2;font-size:14px}.intro p{margin-bottom:12px}.light{background:#f3f8fc}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:28px}.section-heading h2{margin:0}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--blue);font-size:12px;min-height:44px}.text-link svg{width:16px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:box-shadow .25s,transform .25s;min-width:0;display:flex;flex-direction:column}.product:hover{transform:translateY(-4px);box-shadow:0 16px 28px #1139550c}.product-image{position:relative;height:255px;background:white;padding:23px 15px 5px;display:block}.product-image img{height:100%;width:100%;object-fit:contain}.product-category{position:absolute;top:14px;left:16px;background:#edf5fb;color:#5284a9;font-size:8px;letter-spacing:.08em;padding:2px 7px}.product-copy{padding:18px 19px 0;display:flex;flex:1;flex-direction:column}.product h3{font-size:14px;line-height:1.6;margin-bottom:7px}.product-copy p{font-size:10px;line-height:1.8;color:#82909b;margin-bottom:18px}.product-links{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f6;margin-top:auto;min-height:54px;gap:10px}.product-links a,.product-links button{display:inline-flex;align-items:center;min-height:44px;font-size:10px;color:var(--blue);border:0;background:none;padding:0}.product-links svg{width:13px;height:13px;margin-left:8px}.center{text-align:center;margin-top:35px}.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.support-art{position:relative;padding:36px;background:linear-gradient(135deg,#f0f7fc,#dcecf6);border-radius:8px}.support-art img{height:280px;width:100%;object-fit:contain;mix-blend-mode:multiply}.support-copy h2{font-size:30px}.support-copy p{color:#7c8d9b}.support-items{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px}.support-items span{display:flex;align-items:center;gap:10px;font-size:12px}.support-items svg{color:#69a0c8;width:17px}.faq-wrap{max-width:850px;margin:auto}details{border-bottom:1px solid var(--line);padding:0 4px}summary{padding:20px 0;cursor:pointer;color:var(--navy);list-style:none;display:flex;justify-content:space-between;font-size:13px}summary:after{content:'+';color:var(--blue);font-size:20px}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);padding:0 30px 10px 0}.contact-band{padding:52px 0;background:#e9f3fb}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-row h2{font-size:27px;margin-bottom:6px}.contact-row p{margin:0;font-size:12px;color:#718b9f}.footer{padding:60px 0 24px;background:#f4f8fc}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr 1.2fr;gap:35px}.footer p{color:#8b9aa5;font-size:11px;max-width:230px;margin-top:18px}.footer h3{font-size:12px;margin-bottom:16px}.footer a:not(.logo),.footer button{display:block;color:#7f93a2;font-size:11px;margin:8px 0;border:0;background:none;padding:0;text-align:left;min-height:28px}.footer .logo{margin:0}.copyright{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:10px;color:#96a5b0;display:flex;justify-content:space-between}.float-contact{position:fixed;bottom:22px;right:22px;z-index:35;display:flex;flex-direction:column;gap:8px}.float-contact button{width:48px;height:48px;border:1px solid #d6e5ef;border-radius:7px;background:#fff;color:var(--blue);box-shadow:0 5px 15px #19344b13;display:grid;place-items:center}.float-contact button:last-child{background:var(--blue);color:#fff}.float-contact svg{width:24px;height:24px}.page-hero{padding:62px 0 52px;background:linear-gradient(120deg,#edf6fc,#f7fafc);text-align:center}.page-hero h1{font-weight:500;font-size:38px;margin:0 0 12px}.page-hero p:last-child{color:#7990a3;font-size:12px;margin:0}.catalog{padding:44px 0 80px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:22px}.catalog-toolbar p{font-size:12px;color:#8194a4;margin:0}.search{display:flex;align-items:center;border:1px solid var(--line);padding:0 14px;border-radius:4px;background:#fff;min-width:270px;color:#7e9ab1}.search input{min-height:44px;border:0;outline:none;min-width:0;width:100%;padding-left:10px;color:var(--navy);font-size:12px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--line)}.filters button{padding:0 16px;min-height:40px;font-size:11px;border:1px solid var(--line);border-radius:3px;background:#fff;color:#658299}.filters button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}.empty{padding:60px;text-align:center;color:#7890a2;grid-column:1/-1}.modal{border:1px solid var(--line);border-radius:12px;width:min(430px,calc(100% - 32px));padding:34px;color:var(--navy);box-shadow:0 25px 90px #0a27452b}.modal::backdrop{background:#102a4370;backdrop-filter:blur(4px)}.modal h2{font-size:25px;margin-bottom:10px}.modal p{font-size:12px;color:#8395a3}.modal .close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:#8c9eac;width:34px;height:34px}.modal .button{width:100%;margin-top:10px}.modal .qr{width:170px;height:215px;object-fit:contain;margin:18px auto}.modal small{display:block;text-align:center;min-height:24px;color:var(--blue);margin-top:12px}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav{gap:21px}.hero-grid{gap:20px}.hero h1{font-size:38px}.hero-visual{height:460px}.hero-visual img{height:380px}.products-grid{gap:15px}.product-image{height:215px}.services article{padding-inline:15px}.support-grid{gap:40px}}
@media(max-width:820px){.container{width:calc(100% - 40px)}.header-inner{height:76px}.menu{display:grid;place-items:center}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;background:#fff;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px}.nav.open{display:grid}.nav a{flex-direction:row;justify-content:flex-start;gap:14px}.hero-grid{min-height:490px}.hero h1{font-size:32px}.hero .lead{font-size:13px}.hero-visual img{height:320px}.hero-visual{height:370px}.services{grid-template-columns:1fr 1fr;row-gap:22px}.services article:nth-child(2){border:0}.services article:nth-child(3){padding-left:0}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:64px 0}.support-grid{gap:30px}.support-art{padding:15px}.support-copy h2{font-size:24px}.contact-row h2{font-size:23px}}
@media(max-width:600px){body{font-size:13px}.container{width:calc(100% - 36px)}.topline{font-size:9px}.topline .container>span:last-child{display:none}.logo-symbol{width:34px;height:34px;font-size:20px}.logo strong{font-size:17px}.logo small{font-size:7px}.header-inner{height:70px}.nav{top:70px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:43px 0 0;width:100%}.hero .eyebrow{font-size:9px;margin-bottom:18px}.hero h1{font-size:33px;line-height:1.5;margin-bottom:16px}.hero .lead{font-size:12px;margin-bottom:0;max-width:330px}.actions{gap:9px;margin-top:24px}.button{padding-inline:19px;min-height:45px;gap:18px;font-size:11px}.hero-visual{height:315px;width:100%;margin-top:14px}.hero-visual img{height:290px;max-width:300px}.hero-stage{bottom:24px;width:78%;height:35px}.hero-caption{bottom:8px;right:8px;font-size:8px}.hero-caption b{font-size:10px}.hero:after{width:450px;height:450px;top:auto;bottom:-120px;right:-180px}.services{padding:24px 0;gap:20px 0}.services article{padding:0 10px;gap:9px}.services h3{font-size:12px}.services p{font-size:10px;line-height:1.8}.services svg{width:17px;height:17px}.section{padding:54px 0}.section-title{margin-bottom:27px}h2{font-size:25px}.intro{font-size:12px;text-align:left;line-height:2.1}.section-heading{gap:10px;align-items:center}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:8px;margin-bottom:8px}.text-link{font-size:10px;gap:6px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product{border-radius:6px}.product-image{height:190px;padding:28px 9px 4px}.product-category{font-size:7px;top:10px;left:10px;padding:1px 5px}.product-copy{padding:12px 11px 0}.product h3{font-size:12px;margin-bottom:6px}.product-copy p{font-size:9px;margin-bottom:10px;line-height:1.7}.product-links{min-height:49px;gap:4px}.product-links a,.product-links button{font-size:9px}.product-links svg{width:10px;margin-left:3px}.support-grid{grid-template-columns:1fr;gap:30px}.support-art img{height:230px}.support-copy h2{font-size:25px}.support-copy p{font-size:12px}.support-items{gap:14px}.support-items span{font-size:11px}summary{font-size:12px;gap:18px;padding:17px 0}.contact-row{display:block}.contact-row h2{font-size:24px}.contact-row .button{margin-top:24px}.footer{padding:42px 0 80px}.footer-grid{gap:26px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer p{max-width:300px}.copyright{display:block;font-size:9px}.copyright span{display:block;margin-bottom:6px}.float-contact{right:12px;bottom:16px;gap:7px}.float-contact button{width:42px;height:42px}.float-contact svg{width:21px;height:21px}.page-hero{padding:44px 0 36px}.page-hero h1{font-size:31px}.page-hero .eyebrow{font-size:9px}.page-hero p:last-child{font-size:11px;max-width:290px;margin:auto}.catalog{padding-top:27px}.catalog-toolbar{align-items:stretch;flex-direction:column-reverse;gap:17px}.search{min-width:0}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:15px;margin-bottom:24px}.filters button{flex:none;min-height:44px;padding-inline:14px}.modal{padding:28px}.modal h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}