*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e9;color:#171714;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif}.nav{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbc6ba;position:sticky;top:0;background:rgba(243,240,233,.94);backdrop-filter:blur(12px);z-index:20}.nav a,.nav span{color:#555148;text-decoration:none;font-size:13px}.hero{min-height:58vh;padding:9vw 6vw 6vw;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;border-bottom:1px solid #c9c3b7}.hero p{grid-column:1/-1;font-size:13px;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(54px,7vw,112px);line-height:.91;margin:22px 0 0;letter-spacing:-.06em}.hero em{color:#d9562b;font-style:normal}.hero div{font-size:18px;line-height:1.8;max-width:560px;padding-bottom:8px}.case{padding:7vw 6vw;border-bottom:1px solid #c9c3b7}.casehead{display:grid;grid-template-columns:180px 1fr 360px;gap:30px;align-items:end;margin-bottom:42px}.casehead span{font-size:12px;letter-spacing:.15em;font-weight:800;color:#d9562b}.casehead h2{font-size:clamp(36px,4.2vw,70px);line-height:1;margin:0;letter-spacing:-.04em}.casehead p{font-size:16px;line-height:1.7;margin:0;color:#666158}.rove{background:#121212;color:#fff}.rovegrid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:16px;align-items:stretch}.rovegrid img{width:100%;height:630px;object-fit:cover;border-radius:4px}.rovegrid .r2{height:560px;margin-top:35px}.under{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font-size:18px}.under a,.open{background:#f0a126;color:#111;padding:16px 22px;text-decoration:none;font-weight:800}.photos{display:grid;grid-template-columns:1.05fr .75fr 1.05fr;gap:14px}.photos figure,.floorgrid figure,.screens figure{margin:0;position:relative;overflow:hidden;background:#ddd}.photos img{width:100%;height:520px;object-fit:cover;display:block}.photos figure:nth-child(2) img{height:440px;margin-top:40px}.photos figcaption,.screens figcaption{position:absolute;left:14px;bottom:14px;background:#111;color:#fff;padding:8px 11px;font-size:12px}.process{margin:28px 0;display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;background:#1c1c1b;color:#fff;padding:22px}.process b{font-size:14px}.process i{color:#f0a126;font-style:normal}.problem{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:30px 0 48px;border-bottom:1px solid #c9c3b7}.problem strong{font-size:20px}.problem p{max-width:950px;margin:0;font-size:18px;line-height:1.8}.floors h3{font-size:28px}.floorgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.floorgrid img{width:100%;height:260px;object-fit:cover;display:block}.floorgrid b{position:absolute;top:10px;left:10px;background:#f0a126;padding:7px 10px}.web{background:#0b0c10;color:#fff}.webmock{display:block;position:relative;max-width:1420px;margin:auto;padding:40px 120px 0 0;text-decoration:none;color:inherit}.desktop{background:#16171b;border:1px solid #333;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px #000}.bar{height:42px;padding:13px 18px;color:#8c8e96;font-size:12px}.desktop img{width:100%;display:block}.phone{position:absolute;width:250px;right:0;bottom:-20px;border:8px solid #202126;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px #000}.phone img{width:100%;display:block}.open{position:absolute;left:32px;bottom:28px}.webnotes{display:flex;gap:10px;margin-top:55px;flex-wrap:wrap}.webnotes span{border:1px solid #41434a;padding:10px 14px;color:#ccc}.lucky{background:#e9e2d5}.screens{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:12px;position:relative;text-decoration:none;color:inherit}.screens img{width:100%;height:390px;object-fit:cover;display:block}.screens .big img{height:500px}.screens strong{position:absolute;right:18px;bottom:18px;background:#ffbd28;padding:15px 18px;color:#111}.telegram{background:#dce5e8}.chatflow{display:grid;grid-template-columns:.8fr 60px 1.4fr 60px .65fr;align-items:center;gap:14px}.client,.backend,.send{background:#fff;border:1px solid #bbc7cb;border-radius:18px;padding:24px;box-shadow:0 14px 35px rgba(0,0,0,.07)}.client p{font-size:20px;line-height:1.55}.backend{display:grid;gap:10px}.backend button{font:inherit;text-align:left;border:1px solid #ddd;background:#f7f7f7;padding:16px;border-radius:10px;line-height:1.5}.backend .selected{border:2px solid #1689bd;background:#e8f6fc}.backend b{float:right;color:#1689bd}.send{display:grid;gap:13px}.send strong{font-size:30px}.send b{background:#1689bd;color:#fff;padding:13px;text-align:center}.arrow{text-align:center;font-size:28px}.closing{padding:9vw 6vw;background:#d9562b;color:#fff}.closing span{font-size:12px;letter-spacing:.2em}.closing h2{font-size:clamp(34px,4.5vw,72px);line-height:1.15;max-width:1400px}.closing p{font-size:18px;line-height:1.8;max-width:700px}footer{padding:30px 6vw;background:#111;display:flex;justify-content:space-between}footer a{color:#fff;text-decoration:none}

.video-showcase{background:#181a1f;color:#fff}.video-showcase .casehead p{color:#aaa}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-card{background:#0e0f12;border:1px solid #34363c;overflow:hidden}.video-frame{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}.video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.play-hint{position:absolute;left:18px;bottom:18px;background:rgba(240,161,38,.94);color:#111;padding:10px 14px;font-size:13px;font-weight:800;pointer-events:none}.video-frame:has(video:focus) .play-hint{display:none}.video-copy{padding:22px 24px 26px}.video-copy small{font-size:11px;letter-spacing:.18em;color:#f0a126;font-weight:800}.video-copy h3{font-size:28px;margin:8px 0 10px}.video-copy p{margin:0;color:#b8b8b8;line-height:1.7}.video-route{margin-top:22px;border-top:1px solid #34363c;border-bottom:1px solid #34363c;padding:18px 0;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.video-route i{font-style:normal;color:#f0a126}.video-route b{font-size:14px}
@media(max-width:900px){.nav span{display:none}.hero{grid-template-columns:1fr;padding-top:100px}.hero div{margin-top:30px}.case{padding:70px 22px}.casehead{grid-template-columns:1fr;gap:12px}.casehead p{max-width:600px}.rovegrid{grid-template-columns:1fr 1fr}.rovegrid img{height:390px}.rovegrid .r1{grid-column:1/-1;height:440px}.rovegrid .r2{height:390px;margin:0}.under{align-items:flex-start;gap:18px;flex-direction:column}.photos{grid-template-columns:1fr 1fr}.photos figure:first-child{grid-column:1/-1}.photos img,.photos figure:nth-child(2) img{height:340px;margin:0}.problem{grid-template-columns:1fr}.floorgrid{grid-template-columns:1fr 1fr}.floorgrid figure:first-child{grid-column:1/-1}.floorgrid img{height:220px}.webmock{padding:20px 50px 0 0}.phone{width:160px}.open{left:12px;bottom:12px;padding:10px;font-size:12px}.screens{grid-template-columns:1fr 1fr}.screens .big{grid-column:1/-1}.screens img,.screens .big img{height:auto}.chatflow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}footer{gap:25px;flex-direction:column}}
@media(max-width:520px){.hero h1{font-size:50px}.hero{padding:90px 22px 55px}.rovegrid{gap:8px}.rovegrid .r1{height:320px}.rovegrid .r2,.rovegrid .r3{height:280px}.photos{gap:8px}.photos img,.photos figure:nth-child(2) img{height:260px}.floorgrid{gap:7px}.floorgrid img{height:170px}.webmock{padding-right:0;padding-bottom:120px}.phone{width:135px;right:10px;bottom:0}.open{bottom:25px}.screens{grid-template-columns:1fr}.screens .big{grid-column:auto}.process{justify-content:flex-start}.closing{padding:80px 22px}}

@media(max-width:900px){.video-grid{grid-template-columns:1fr}.video-copy h3{font-size:24px}}
@media(max-width:520px){.play-hint{left:10px;bottom:10px;padding:8px 10px}.video-copy{padding:18px}.video-route{justify-content:flex-start}}