*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#73527d #f1ece8}
body{margin:0;max-width:100%;overflow-x:hidden;background:#fffaf6;color:#403740;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.7}
body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#f1ece8}body::-webkit-scrollbar-thumb{background:#73527d;border-radius:99px}
.header{position:fixed;z-index:30;top:0;left:0;right:0;height:82px;padding:10px 5vw;display:flex;align-items:center;justify-content:space-between;background:#fffaf6dd;backdrop-filter:blur(15px);border-bottom:1px solid #eadfe8}
.brand{display:flex;align-items:center;gap:9px;color:#403740;text-decoration:none}.logo{width:55px;height:55px}.brand b{display:block;font-size:20px;letter-spacing:2px}.brand small{display:block;font-size:11px;color:#82777f;letter-spacing:1px}
.nav{display:flex;gap:7px}.nav a{position:relative;text-decoration:none;color:#514951;font-size:14px;font-weight:800;padding:10px 18px;border-radius:12px;transition:.3s}.nav a:after{content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2px;background:#5a806c;transform:scaleX(0);transition:.3s}.nav a:hover,.nav a.active{background:#eee5f0;color:#60466d;transform:translateY(-2px)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
.menu-toggle{display:none;border:0;background:#5a806c;color:#fff;border-radius:10px;font-size:22px;padding:5px 10px}
.hero{height:100vh;min-height:650px;position:relative;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.slide.active{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#241b2abf,#241b2a4a,#241b2a0a)}
.hero-content{position:relative;z-index:2;color:#fff;margin-left:9vw;padding-top:24vh;max-width:780px}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:900;color:#5a806c}.eyebrow.light{color:#e9c6a6}
.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.15;margin:18px 0}.hero h1 em{font-style:normal;font-size:clamp(21px,2.1vw,30px);font-weight:500}.hero-content>p{font-size:18px;max-width:650px;margin-bottom:30px}
.btn{display:inline-block;border:0;border-radius:99px;padding:12px 27px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:.3s}.primary{background:#70507b;color:#fff;box-shadow:0 10px 25px #5034602e}.primary:hover{background:#5c3e68;transform:translateY(-3px)}.white{background:#ffffffe8;color:#4c3c51;margin-left:8px}.white:hover{background:#fff;transform:translateY(-3px)}
.slider{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px}.slider button{width:38px;height:38px;border:1px solid #ffffff88;background:#ffffff22;color:#fff;border-radius:50%;font-size:25px;cursor:pointer}.slider #dots{display:flex;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff80}.dot.active{width:25px;border-radius:10px;background:#fff}
.section{padding:105px 8vw}.heading{text-align:center;max-width:760px;margin:0 auto 42px}.heading h2{font-size:clamp(33px,4vw,50px);line-height:1.2;color:#4c3b52;margin:7px 0 12px}.heading p{color:#766d74}.soft{background:#f3eee9}
.recruit-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recruit-card{padding:30px;background:#fff;border-radius:20px;border:1px solid #e7dce4;box-shadow:0 12px 35px #4938470f;transition:.3s}.recruit-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #49384718;border-color:#aa8caf}.recruit-card .icon{font-size:36px}.recruit-card h3{margin:10px 0 6px;color:#4c3b52}.recruit-card p{margin:0;color:#766d74;font-size:14px}
.benefit-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:#fff;border-radius:18px;padding:26px;border:1px solid #e3d8df}.benefit b{font-size:28px}.benefit h3{margin:7px 0}.benefit p{margin:0;color:#766d74;font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:linear-gradient(135deg,#fffaf6,#eee6ef)}.copy h2{font-size:clamp(38px,5vw,60px);line-height:1.1;color:#4c3b52;margin:8px 0 20px}.copy p{color:#675e65}.quote{margin-top:25px;padding:18px 20px;border-left:4px solid #5b806c;background:#f1ebe5;color:#5c4a61;font-weight:800}
.career-card{background:#fff;border-radius:25px;padding:40px;box-shadow:0 20px 50px #49384715;text-align:center}.career-number{font-size:80px;line-height:1;color:#70507b;font-weight:900}.career-number span{font-size:28px;color:#5b806c}.career-card h3{font-size:24px;color:#4c3b52}.career-card p{color:#766d74}.career-line{height:8px;background:#eee7eb;border-radius:20px;overflow:hidden;margin:28px 0 10px}.career-line span{display:block;height:100%;background:linear-gradient(90deg,#70507b,#5b806c);border-radius:20px}.career-card small{color:#82777f}
.training{background:#fff}.training-steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.training-steps>div{padding:25px;background:#f5f0eb;border-radius:18px}.training-steps b{color:#70507b;font-size:26px}.training-steps h3{margin:7px 0}.training-steps p{font-size:14px;color:#766d74;margin:0}
.contact{background:linear-gradient(135deg,#f3eee9,#eee6ef)}.contact-layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.contact-info{padding:20px}.contact-info h3{font-size:28px;color:#4c3b52}.contact-info ul{list-style:none;padding:0}.contact-info li{margin:14px 0}.contact-box{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;background:#fff;border-radius:12px;margin-top:12px}.contact-box span{color:#5b806c;font-weight:800}
.form-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 15px 45px #49384718}.form-card h3{margin-top:0;color:#4c3b52}.form-card label{display:block;font-size:14px;font-weight:800;margin-bottom:13px}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;margin-top:5px;padding:12px 14px;border:1px solid #dfd3dc;border-radius:12px;background:#fff;font:inherit;color:#443b45;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#73527d;box-shadow:0 0 0 3px #73527d14}.status{color:#5b806c;font-size:14px}
footer{padding:28px 8vw;background:#403541;color:#eee7ed;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:12px;right:12px;padding:12px;background:#fffaf6fa;border-radius:16px;box-shadow:0 15px 40px #38283f26;flex-direction:column}.nav.open{display:flex}.nav a{text-align:center}.hero-content{margin-left:7vw;margin-right:7vw}.recruit-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.split,.contact-layout{grid-template-columns:1fr}.training-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand b{font-size:17px}.brand small{font-size:9px}.logo{width:47px}.hero{min-height:620px}.hero-content{padding-top:23vh}.hero h1{font-size:40px}.hero h1 em{font-size:18px}.hero-content>p{font-size:15px}.section{padding:80px 5vw}.recruit-grid,.benefit-grid,.training-steps{grid-template-columns:1fr}.career-number{font-size:65px}.form-card{padding:22px}footer{flex-direction:column}}