:root{--sans:'Manrope','Noto Sans TC',sans-serif}
body,.brand-mark,.tab,.search input,.condition,.maker-tab,.repair-price-tab{font-family:var(--sans)}
body{line-height:1.7;letter-spacing:.005em}
.hero h1{letter-spacing:-.045em;line-height:1.12}
.hero-art{isolation:isolate}
.phone-18{background:linear-gradient(145deg,#e1e7df,#a7b3a6);border-color:#c1c9c0;box-shadow:0 24px 70px #0009, inset 0 0 0 1px #ffffffa8}
.phone-18 .camera{background:linear-gradient(140deg,#d3d9d0,#a2ada1);border-color:#75807577}
.phone-18 .apple{color:#687568;font-size:25px;left:46%;top:47%}
.device-label{position:absolute;right:15px;bottom:17px;color:#59655a;font:600 10px var(--mono);letter-spacing:.16em}
.foldable{position:absolute;z-index:1;width:274px;height:324px;right:18%;top:50%;transform:translate(42%,-50%) rotate(8deg);display:grid;grid-template-columns:1fr 8px 1fr;padding:7px;border:1px solid #aab5a4;border-radius:28px;background:linear-gradient(145deg,#d8e0d1,#87947f);box-shadow:0 30px 80px #0009,inset 0 1px 1px #fff;overflow:hidden}
.fold-screen{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 60% 35%,#c9fa7877,transparent 52%),linear-gradient(145deg,#151d17,#4b6040 70%,#849365);color:#eaf1df}
.fold-screen-left{border-radius:20px 4px 4px 20px}.fold-screen-right{border-radius:4px 20px 20px 4px}
.fold-screen-left>span{font-size:25px;line-height:1.4;letter-spacing:-.08em;text-align:center}.fold-screen-left b{font-size:34px;color:var(--lime)}
.fold-hinge{z-index:2;background:linear-gradient(90deg,#5b6658,#c0cbb8 45%,#576354);box-shadow:0 0 8px #0006}
.fold-symbol{font-size:46px;color:#d7f49f;text-shadow:0 0 26px #c8fb4a55}
.fold-label{position:absolute;left:0;right:0;bottom:11px;text-align:center;color:#d5ddcf;font:8px var(--mono);letter-spacing:.12em;text-shadow:0 1px 3px #000}
.float-tag{z-index:3;backdrop-filter:blur(8px)}
.service-card,.price-card,.visit-store-photo{transition:transform .22s ease,box-shadow .22s ease}
.service-card:hover,.price-card:hover,.visit-store-photo:hover{transform:translateY(-3px);box-shadow:0 14px 32px #15201512}
.button{transition:background-color .2s ease,transform .2s ease}.button:hover{transform:translateY(-1px)}
.visit-store-media img{transition:transform .35s ease}.visit-store-photo:hover img{transform:scale(1.018)}
@media(max-width:900px){.foldable{width:240px;height:294px;right:16%;transform:translate(42%,-50%) rotate(8deg)}.hero-art{overflow:visible}.float-tag{right:0}}
@media(max-width:680px){.hero-art{height:340px;overflow:hidden}.foldable{width:218px;height:266px;right:20%;top:49%;transform:translate(38%,-50%) rotate(7deg)}.fold-screen-left>span{font-size:20px}.fold-screen-left b{font-size:28px}.fold-symbol{font-size:36px}.device-label{font-size:9px}.hero-foot{letter-spacing:.06em}.service-card:hover,.price-card:hover,.visit-store-photo:hover{transform:none;box-shadow:none}}

/* Real product visual for the refreshed hero */
.hero-art{height:500px;min-width:0;isolation:auto;display:flex;align-items:center;justify-content:center}
.product-glow{position:absolute;z-index:-1;width:min(88%,470px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#9eb87925 0%,#6f835018 47%,transparent 72%)}
.product-frame{position:relative;width:100%;max-width:570px;display:grid;place-items:center}
.iphone-product{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(0 26px 34px #0005);mix-blend-mode:screen}
.product-colors{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);display:flex;gap:10px;padding:9px 13px;border:1px solid #ffffff20;border-radius:999px;background:#121912d9;backdrop-filter:blur(12px);white-space:nowrap;color:#e9eee5;font-size:10px;letter-spacing:.04em}
.product-colors>span{display:flex;align-items:center;gap:6px}.swatch{width:9px;height:9px;border-radius:50%;display:inline-block}.swatch-burgundy{background:#722d3a;box-shadow:0 0 0 1px #ffffff5c}.swatch-glacier{background:#b4d5e7;box-shadow:0 0 0 1px #ffffff75}
@media(max-width:900px){.hero-art{height:410px;transform:none}.iphone-product{max-height:370px}.product-colors{bottom:30px}}
@media(max-width:680px){.hero-art{height:330px;margin-top:6px;overflow:visible}.product-frame{width:112%;max-width:480px}.iphone-product{max-height:300px}.product-colors{bottom:26px;font-size:9px;padding:8px 11px}.art-caption{bottom:1px;font-size:7px}}

.wechat-dialog{position:fixed;inset:0;margin:auto;padding:30px 30px 24px;width:min(92vw,480px);max-height:min(92dvh,820px);overflow:auto;border:1px solid #dfe5d9;border-radius:22px;background:#f7f8f3;color:#182119;box-shadow:0 24px 90px #0006}
.wechat-dialog::backdrop{background:#071009bf;backdrop-filter:blur(5px)}
.wechat-dialog-copy{text-align:center;padding:1px 24px 18px}
.wechat-dialog-copy .eyebrow{justify-content:center;color:#84907f;font-size:9px}
.wechat-dialog-copy h2{font-size:26px;letter-spacing:-.05em;margin:9px 0 4px}
.wechat-dialog-copy p{margin:0;color:#424b40;font-size:12px}
.wechat-dialog-copy small{display:block;margin-top:7px;color:#838b80;font-size:10px}
.wechat-dialog>img{display:block;width:min(100%,360px);height:auto;margin:0 auto;border-radius:12px;background:#fff}
.wechat-close{position:absolute;top:12px;right:13px;width:34px;height:34px;border:0;border-radius:50%;background:#e9ece5;color:#384235;font-size:24px;line-height:1;cursor:pointer}
.wechat-inline{margin-left:10px;padding:0;border:0;border-bottom:1px solid currentColor;background:none;color:#c8fb4a;font:inherit;font-size:11px;cursor:pointer}
.mobile-bar .wechat-open{border:0;background:var(--lime);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:680px){.wechat-dialog{width:min(94vw,430px);padding:26px 17px 17px;border-radius:18px}.wechat-dialog-copy h2{font-size:23px}.wechat-dialog>img{width:min(100%,320px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
