.product-case-study{max-width:1380px;margin:0 auto;padding:75px clamp(20px,5vw,70px) 85px;background:#F4F1EA;color:#202522;font-family:system-ui,"Noto Sans TC",sans-serif}.case-locale{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #202522;padding-top:13px;font-size:10px;letter-spacing:.13em;color:#73675c;font-weight:700}.case-locale label{display:flex;align-items:center;gap:10px;letter-spacing:0}.case-locale select{background:#FBFAF7;color:#202522;border:1px solid #D8D3C8;border-radius:5px;min-height:39px;padding:8px;font-size:12px}.case-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin:70px 0}.case-intro h2{font-size:clamp(33px,5vw,69px);font-weight:620;letter-spacing:-.06em;line-height:1.17;margin:0}.case-intro p{align-self:end;max-width:420px;color:#68665F;font-size:15px;line-height:1.9}.case-display{display:grid;grid-template-columns:1.12fr .88fr;border:1px solid #d8d3c8;min-height:510px}.case-visual{background:linear-gradient(145deg,#e8e1d6,#d8d3c8);padding:22px 35px;display:flex;align-items:center;flex-direction:column;position:relative}.case-visual-label{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#72685a}.case-phone{width:min(270px,80%);height:442px;margin-top:23px;background:#FBFAF7;border:8px solid #222925;border-radius:33px;padding:20px 14px;box-shadow:15px 18px 25px #20252220;display:flex;flex-direction:column;gap:15px}.case-device-head{display:flex;justify-content:space-between;font-size:13px;font-weight:760;letter-spacing:.1em}.case-device-head span{font-size:10px}.case-device-title{font-size:16px;font-weight:650}.case-device-art{flex:1;border-radius:7px;position:relative;overflow:hidden;background:#d7cfc3}.case-fashion-art{background:linear-gradient(90deg,#d6cbbe 50%,#a2a6a2 50%)}.case-figure{position:absolute;inset:20px 0 0;display:flex;align-items:center;flex-direction:column}.case-figure i{width:52px;height:68px;border-radius:50%;background:#b48e79;z-index:2}.case-figure b{width:110px;height:120px;background:#F1EBE2;clip-path:polygon(20% 0,80% 0,100% 80%,83% 100%,17% 100%,0 80%);margin-top:-1px}.case-figure em{width:92px;height:130px;background:linear-gradient(90deg,#444c4c 49%,#394145 51%);clip-path:polygon(4% 0,96% 0,84% 100%,53% 100%,50% 18%,46% 100%,16% 100%)}.case-swatch{position:absolute;bottom:13px;right:9px;display:flex;gap:5px}.case-swatch span{width:27px;height:38px;background:#f4efe6;border:2px solid #fff}.case-swatch span:nth-child(2){background:#7c7469}.case-swatch span:nth-child(3){background:#30383d}.case-fitness-art{background:#dce7e7;padding:38px 18px}.case-plan{display:flex;flex-direction:column;gap:11px;text-align:center;color:#203943}.case-plan strong{font-size:34px;letter-spacing:-.05em}.case-plan small{font-size:10px;letter-spacing:.13em}.case-progress{height:8px;background:#b7cacc;border-radius:10px;margin:12px 0}.case-progress span{display:block;width:60%;height:100%;background:#2d5e68;border-radius:10px}.case-device-bottom{font-size:10px;color:#6d655a;text-align:center}.case-visual>small{margin-top:12px;color:#625a4e;font-size:10px}.case-process{padding:50px clamp(22px,4vw,52px);background:#202522;color:#F4F1EA;display:flex;flex-direction:column}.case-process>span,.case-eyebrow{font-size:10px;letter-spacing:.16em;color:#aa9782}.case-process>div{border-bottom:1px solid #ffffff35;display:flex;gap:23px;align-items:center;padding:18px 0}.case-process>div:first-of-type{margin-top:23px}.case-process>div b{font-size:12px;color:#bd9c8a}.case-process>div strong{font-size:20px;font-weight:550}.case-process a{background:#F4F1EA;color:#202522;text-decoration:none;text-align:center;padding:15px;margin-top:auto;font-size:13px;font-weight:750}.case-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;gap:0}.case-eyebrow{grid-column:1/-1;padding-bottom:22px}.case-features article{border-top:1px solid #D8D3C8;border-right:1px solid #D8D3C8;padding:22px 19px 16px}.case-features article:last-child{border-right:0}.case-features b{font-size:11px;color:#9C6756}.case-features h3{font-size:20px;margin:26px 0 12px;font-weight:650}.case-features p,.case-disclaimer{font-size:12px;line-height:1.85;color:#68665F}.case-disclaimer{margin-top:35px;padding-top:18px;border-top:1px solid #D8D3C8}@media(max-width:800px){.case-intro,.case-display{grid-template-columns:1fr}.case-intro{gap:15px;margin:43px 0}.case-features{grid-template-columns:repeat(2,1fr)}.case-features article:nth-child(odd){border-right:0}.case-process{min-height:430px}.case-visual{min-height:510px}}@media(max-width:470px){.product-case-study{padding:48px 18px}.case-features{grid-template-columns:1fr}.case-features article{border-right:0}.case-locale{flex-wrap:wrap}.case-process{padding:27px 23px}.case-process>div strong{font-size:17px}}
.product-language-top{position:relative;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px clamp(20px,5vw,70px);background:#FBFAF7;border-bottom:1px solid #D8D3C8;color:#68665F;font-family:system-ui,sans-serif}.product-language-top label{font-size:10px;font-weight:750;letter-spacing:.13em}.product-language-top select{min-height:40px;border:1px solid #D8D3C8;border-radius:7px;padding:7px 13px;background:#fff;color:#202522;font-size:13px}.product-language-top select:focus-visible{outline:3px solid #B84A32;outline-offset:2px}