:root{--bg:#f39aa3;--bg2:#f6bea5;--ink:#3a2a2a;--muted:#6f5050;--brand:#c53030;--brand2:#db4b60;--line:#edc7cb;--card:#fffdfd}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--ink);line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

.hero-new{background:linear-gradient(180deg,#e87b8f 0%, #ee9f97 100%);border-bottom:1px solid rgba(255,255,255,.25);padding-top:72px}
.top-nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(214,84,116,.88);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.25)}
.brand{font-weight:900;letter-spacing:.02em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.nav-links{display:flex;gap:14px;flex-wrap:wrap}.nav-links a{text-decoration:none;color:#fff7f7;font-weight:700;font-size:14px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:28px 20px 52px}
.tag{display:inline-block;padding:5px 10px;border-radius:999px;background:#fff7f8;color:#9f2e45;border:1px solid #ffd2da;font-weight:700;font-size:13px}
h1{font-size:clamp(34px,5.3vw,64px);line-height:1.08;margin:12px 0;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.2)}
.lead{color:#fff7f7;max-width:620px}
.hero-meta{display:grid;gap:10px;align-content:start}
.hero-meta>div{background:rgba(255,255,255,.88);border:1px solid #ffe2e7;padding:14px;border-radius:14px}
.hero-meta span{display:block;font-size:12px;color:var(--muted)}.hero-meta strong{font-size:22px;color:#7a1f2f}

.page-stack{padding:26px 20px 56px;display:grid;gap:16px}
.block{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(94,38,38,.08)}
#gallery,#pricing,#features,#shipping,#order,#map,#learn{scroll-margin-top:88px}
h2{margin:0 0 12px;font-size:clamp(24px,3.2vw,34px)}h3{margin:0 0 10px;font-size:22px}

.carousel{display:grid;grid-template-columns:auto minmax(0,760px) auto;justify-content:center;gap:8px;align-items:center}
#carouselImage{height:min(46vw,420px);object-fit:cover}
.car-btn{width:38px;height:38px;border-radius:999px;border:1px solid #efc2cd;background:#fff;color:#9f2e45;font-size:24px;line-height:1;cursor:pointer}
.thumb-row{margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:760px;margin-left:auto;margin-right:auto}
.thumb{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}
.thumb img{width:100%;height:72px;object-fit:cover;display:block}
.thumb.is-active{border-color:#d24d69}
.learn-links{display:flex;gap:10px;flex-wrap:wrap}
.learn-links a{display:inline-flex;align-items:center;padding:8px 12px;background:#fff3f6;border:1px solid #efc2cd;border-radius:999px;text-decoration:none;font-weight:700}

.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.price-panel{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff7f8}
.price-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.price-panel li{display:flex;justify-content:space-between;padding:8px 10px;border-radius:10px;background:#fff}
.price-panel b{color:var(--brand);font-size:20px}
.hint{color:#8a2f65;font-weight:700;margin:10px 0 0}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.two-col article{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
ul{padding-left:20px;margin:0}

.order-block{background:linear-gradient(180deg,#fff6f8,#fff)}
.cta-row{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.btn{border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:11px 16px;border-radius:12px;font-weight:800;cursor:pointer;text-decoration:none}
.btn-ghost{background:#fff;color:#9f2e45;border:1px solid #f1c0ca}
.links{margin:12px 0 0;color:var(--muted)}
.account-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.copy-inline{border:1px solid #efc2cd;background:#fff;color:#9f2e45;border-radius:8px;padding:4px 10px;font-weight:700;cursor:pointer}
.quick-contact{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px dashed #e7b7c0;border-radius:12px;background:#fff8fa}
.quick-contact img{width:110px;height:110px;border-radius:10px;border:1px solid #f2ced5;background:#fff}

.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#fff}

.poster{width:100%;border-radius:12px;border:1px solid var(--line)}
footer{text-align:center;padding:20px;color:#7c4b4b}
a{color:#9f2e45}

@media (max-width:860px){
  .hero-grid,.price-layout,.two-col{grid-template-columns:1fr}
  .top-nav{padding:10px 14px}
  .nav-links{gap:10px}
  .hero-new{padding-top:106px}
  .quick-contact{flex-direction:column;align-items:flex-start}
  .quick-contact img{width:96px;height:96px}
  .carousel{grid-template-columns:34px 1fr 34px}
  #carouselImage{height:250px}
  .thumb-row{grid-template-columns:repeat(5,minmax(56px,1fr));overflow-x:auto}
  .thumb img{height:58px}
  .map-wrap iframe{height:260px}
}

.map-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.map-wrap iframe{display:block;width:100%;height:320px;border:0}
.social-row{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.fb-icon{width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:#1877f2;color:#fff;text-decoration:none;font-weight:900;font-family:Arial,sans-serif}