/* 恆美首頁・老相館底片風（2026-10-09，Tim 選①）
   牛皮紙底、白邊相片（像剛洗出來的照片）斜斜疊著、紙膠帶、手寫字（霞鶩文楷）、SINCE 1994 紅印章
   恆美藍只用在按鈕和連結；標題明體；說明、圖說、小標用手寫字。舊照片在這裡是優點，不是缺點 */
body:has(.fm-film){background-color:#ece2cf;background-image:radial-gradient(circle at 15% 8%,rgba(255,255,255,.4),transparent 50%),radial-gradient(circle at 85% 60%,rgba(120,90,50,.07),transparent 55%)}
body:has(.fm-film) .site-main,body:has(.fm-film) .ct-container-full{background:transparent}
.fm-v3.fm-film{--kraft:#ece2cf;--paper:#fffdf8;--ink:#33281f;--text:#4a3f35;--brown:#7a5f48;--line:#d9cbb0;--tape:rgba(214,194,150,.78);--stamp:#b5523b;
  --hand:'Iansui','LXGW WenKai TC','Kaiti TC','DFKai-SB',serif;background:transparent;color:var(--text)}
.fm-film .hand{font-family:var(--hand);font-weight:400}
.fm-film h1,.fm-film h2,.fm-film h3{color:var(--ink)}
.fm-film a{color:var(--blue)}

/* 白邊相片＋紙膠帶＋紙條 */
.fm-film .print{background:var(--paper);padding:8px 8px 34px;box-shadow:0 12px 24px rgba(60,40,20,.20),0 1px 2px rgba(0,0,0,.14);position:relative;margin:0!important}
.fm-film .print img{width:100%;height:auto;display:block}
.fm-film .print .cap{position:absolute;left:8px;right:8px;bottom:7px;text-align:center;font-family:var(--hand);font-size:.92rem;color:var(--brown);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-film .tape{position:absolute;width:88px;height:24px;background:var(--tape);top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:2;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.fm-film .paper{background:var(--paper);box-shadow:0 8px 20px rgba(60,40,20,.14),0 1px 2px rgba(0,0,0,.08);position:relative;padding:24px 18px 20px}

/* ── 第一屏 ── */
.fm-film .fh{text-align:center;padding:28px 18px 46px}
.fm-film .since{font-family:var(--hand);font-size:1rem;color:var(--brown);letter-spacing:.2em;margin:0 0 8px}
.fm-film .pile{position:relative;height:312px;max-width:420px;margin:4px auto 26px}
.fm-film .pile .print{position:absolute}
.fm-film .pile .p1{width:42%;left:0;top:34px;transform:rotate(-8deg)}
.fm-film .pile .p2{width:46%;right:0;top:4px;transform:rotate(7deg)}
.fm-film .pile .p3{width:76%;left:12%;top:96px;transform:rotate(-1.5deg);z-index:1}
.fm-film .fh h1{font-size:clamp(1.8rem,7.4vw,2.6rem);line-height:1.45;margin:6px 0 10px;letter-spacing:.03em;font-weight:700}
.fm-film .fh h1 .k{display:block;font-family:var(--hand);font-size:1.02rem;font-weight:400;letter-spacing:.18em;color:var(--brown);margin:0 0 6px}
.fm-film .fh .sub{font-size:1.04rem;margin:0 0 4px;color:var(--text)}
.fm-film .fh .sub b{color:var(--ink)}
.fm-film .acts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.fm-film .b-line{background:rgba(255,253,248,.6)}
.fm-film .trust{display:inline-flex;align-items:center;gap:14px;margin:22px auto 0;padding:0;background:none;border:0;text-align:left}
.fm-film .stamp{flex:none;width:66px;height:66px;border:2px solid var(--stamp);border-radius:50%;color:var(--stamp);display:grid;place-items:center;text-align:center;font-size:.72rem;line-height:1.15;font-weight:700;letter-spacing:.06em;transform:rotate(-12deg);opacity:.9}
.fm-film .trust .hand{font-size:1.08rem;line-height:1.5;color:var(--brown)}
.fm-film .trust .hand b{color:var(--ink);font-weight:400}

/* ── 段落 ── */
.fm-film .fs{padding:42px 18px 48px;border-top:1px dashed #cdbd9e}
.fm-film .fs > .in{max-width:880px;margin:0 auto}
.fm-film .fs .ft{text-align:center;margin:0 0 6px}
.fm-film .fs .ft .hand{display:block;font-size:1rem;color:var(--brown);letter-spacing:.18em;margin:0 0 4px}
.fm-film .fs h2{font-size:clamp(1.5rem,6vw,2.1rem);line-height:1.5;font-weight:700;margin:0}
.fm-film .fs .intro{text-align:center;color:var(--text);margin:8px auto 24px;max-width:34em}

/* 價錢：小工具放在一張紙上 */
.fm-film .pick-card{background:var(--paper);border:0;border-radius:0;box-shadow:0 8px 20px rgba(60,40,20,.14);padding:28px 18px 20px;position:relative;max-width:760px;margin:0 auto}
.fm-film .pick label span{border-color:#e4d9c6}
.fm-film .result{border-top:1px dashed #d9cbb0}

/* 為什麼：一張照片＋三張紙條 */
.fm-film .why{display:grid;gap:26px;align-items:start}
.fm-film .why .print{max-width:340px;margin:0 auto!important;transform:rotate(-2deg)}
.fm-film .notes{display:grid;gap:16px}
.fm-film .notes .paper{padding:20px 18px 16px 58px}
.fm-film .notes .paper:nth-child(2){transform:rotate(.6deg)}
.fm-film .notes .n{position:absolute;left:16px;top:14px;font-family:var(--hand);font-size:2rem;line-height:1;color:var(--stamp)}
.fm-film .notes h3{font-size:1.14rem;margin:0 0 4px;font-weight:700}
.fm-film .notes p{margin:0;font-size:.97rem;line-height:1.8}

/* 護照代辦：一張紙 */
.fm-film .pass{max-width:760px;margin:0 auto;text-align:center;transform:rotate(-.4deg)}
.fm-film .pass p{margin:0 0 4px}
.fm-film .pass .docs{justify-content:center;margin-top:18px}
.fm-film .docs a{background:#fbf6ec;border-color:#e4d9c6}

/* 客人怎麼說：紙條 */
.fm-film .voices{display:grid;gap:22px;max-width:1000px;margin:0 auto}
.fm-film .voices .paper{padding:24px 18px 14px}
.fm-film .voices .paper:nth-child(odd){transform:rotate(-1deg)}
.fm-film .voices .paper:nth-child(even){transform:rotate(1.1deg)}
.fm-film .voices blockquote{font-family:var(--hand)!important;font-size:1.14rem;line-height:1.75;color:var(--ink);margin:0 0 6px!important}
.fm-film .voices figcaption{font-size:.82rem;color:var(--brown)}

/* 其他服務：一張張相片 */
.fm-film .prints{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px;max-width:1000px;margin:0 auto}
.fm-film .prints > a{text-decoration:none;color:var(--text);display:block}
.fm-film .prints > a:nth-child(4n+1) .print{transform:rotate(-2deg)}
.fm-film .prints > a:nth-child(4n+2) .print{transform:rotate(1.6deg)}
.fm-film .prints > a:nth-child(4n+3) .print{transform:rotate(1deg)}
.fm-film .prints > a:nth-child(4n) .print{transform:rotate(-1.4deg)}
.fm-film .prints .print{padding:6px 6px 26px}
.fm-film .prints .print .cap{font-size:.78rem;bottom:5px}
.fm-film .prints .print img{aspect-ratio:auto}
.fm-film .prints h3{font-size:1.08rem;margin:14px 0 2px;font-weight:700;text-align:center}
.fm-film .prints p{margin:0;font-size:.88rem;text-align:center;line-height:1.6}
.fm-film .prints .go{display:block;text-align:center;font-family:var(--hand);color:var(--blue);margin-top:4px}

/* 還有這些：像一張手寫價目表 */
.fm-film .list{max-width:640px;margin:0 auto;padding:26px 22px 18px;transform:rotate(.3deg)}
.fm-film .list ul{list-style:none;margin:0;padding:0}
.fm-film .list li a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #e0d3bb;text-decoration:none;color:var(--ink)}
.fm-film .list li:last-child a{border-bottom:0}
.fm-film .list li span{font-family:var(--hand);color:var(--brown);white-space:nowrap}

/* 常見問題、怎麼來 */
.fm-film .faq-in{max-width:760px;margin:0 auto}
.fm-film .faq-in details{border-bottom:1px dashed #e0d3bb}
.fm-film .faq-in details:last-child{border-bottom:0}
.fm-film .visit{max-width:760px;margin:0 auto;text-align:center}
.fm-film .visit dl{display:inline-grid;grid-template-columns:auto auto;gap:6px 18px;text-align:left;margin:16px auto 0}
.fm-film .visit dt{color:var(--brown);font-family:var(--hand)}.fm-film .visit dd{margin:0;color:var(--ink)}

@media (min-width:860px){
  .fm-film .fh{padding:64px 32px 72px}
  .fm-film .fh .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;max-width:1080px;margin:0 auto;text-align:left}
  .fm-film .fh .acts{justify-content:flex-start}
  .fm-film .pile{height:440px;max-width:520px;margin:0}
  .fm-film .fh h1{font-size:2.6rem}
  .fm-film .fs{padding:72px 32px 80px}
  .fm-film .why{grid-template-columns:.8fr 1.2fr;gap:48px;max-width:1000px;margin:0 auto}
  .fm-film .voices{grid-template-columns:repeat(3,1fr)}
  .fm-film .prints{grid-template-columns:repeat(4,1fr);gap:32px 24px}
}
@media (prefers-reduced-motion:reduce){.fm-film *{transition:none!important}}