:root {
  --primary:#24324A;
  --primary-deep:#172238;
  --accent:#B73C48;
  --accent-hover:#962F3A;
  --ghost:#6EC8E8;
  --paper:#F7F3EC;
  --paper-alt:#EEF1F5;
  --white:#FFFFFF;
  --ink:#1F2632;
  --text:#313947;
  --muted:#747B86;
  --line:#D8D2C8;
  --max:1240px;
  --nav-h:64px;
  --shadow:0 16px 38px rgba(36,50,74,.13);
  --sans:"Noto Sans TC","Microsoft JhengHei","PingFang TC",Arial,sans-serif;
}
#CM834,#CM834 *{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{  
  margin:0 !important;
  padding:0 !important;}

#CM834 a{color:inherit;text-decoration:none}
#CM834 img{display:block;max-width:100%}
#CM834 button{font:inherit}
#CM834{
  margin:0;padding: 0; width:100%;overflow-x:hidden;font-family:var(--sans);font-size:18px;line-height:1.85;color:var(--text);background:linear-gradient(180deg,#fffaf2 0%,#f4f9ff 48%,#fffaf2 100%);
  
}
#CM834 .container{width:min(calc(100% - 56px),var(--max));margin:0 auto}

#CM834 .site-hero{width:100%;background:var(--primary-deep);overflow:hidden}
#CM834 .site-hero picture,#CM834 .site-hero img{display:block;width:100%}

/* 主視覺要改的位置*/
#CM834 .site-hero img{
  width: 100%; 
  display: block;
  margin: 0 auto;
  object-fit: cover;
  object-position: center top;}
    /* 針對電腦版單獨調整寬度 (如你原稿的 55%) */
    @media (min-width: 1025px) {
      #CM834 .site-hero img {
        width: 100%;
        aspect-ratio: 1920 / 650;
      }
    }

    @media (max-width: 767px) {
      #CM834 .site-hero img {
        aspect-ratio: 750 / 899;
      }
    }
/* 主視覺要改的位置 尾*/

#CM834 .sticky-nav{position:relative;z-index:100;background:var(--accent);box-shadow:0 6px 18px rgba(31,38,50,.18)}
#CM834 .sticky-nav.is-fixed{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}
.MOBILE #CM834{margin-top:45px}
.MOBILE #CM834 .sticky-nav.is-fixed{top:45px}
#CM834 .sticky-nav .inner{width:min(100%,var(--max));height:var(--nav-h);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
#CM834 .sticky-nav a{display:flex;align-items:center;justify-content:center;height:var(--nav-h);padding:0 18px;color:#fff;font-size: 1.5rem  ;font-weight:700;letter-spacing:.08em;border-left:1px solid rgba(255,255,255,.25);transition:background .2s ease}
#CM834 .sticky-nav a:last-child{border-right:1px solid rgba(255,255,255,.25)}
#CM834 .sticky-nav a:hover,#CM834 .sticky-nav a:focus-visible{background:var(--accent-hover)}
#CM834 .nav-spacer{height:0}
#CM834 .nav-spacer.active{height:var(--nav-h)}

#CM834 .section{padding:92px 0}
#CM834 .section--paper{background:var(--paper)}
#CM834 .section--alt{background:var(--paper-alt)}
#CM834 .section-title{text-align:center;max-width:880px;margin:0 auto 38px}
#CM834 .kicker{margin:0 0 10px;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
#CM834 .section-title h1, #CM834 .section-title h2, #CM834 .series-head h2, #CM834 .notes h2{margin:0;color:var(--primary);font-weight:900;line-height:1.3;letter-spacing:.05em}
#CM834 .section-title h1{font-size:44px}
#CM834 .section-title h2, #CM834 .series-head h2, #CM834 .notes h2{font-size:38px}
#CM834 .section-title .lead, #CM834 .series-head p{margin:14px 0 0;color:var(--accent);font-size:22px;font-weight:700;line-height:1.55}

#CM834 .article-body{max-width:900px;margin:0 auto}
#CM834 .article-body p{margin:0 0 1.25em}
#CM834 .article-body .opening{font-size:24px;font-weight:900;color:var(--primary);letter-spacing:.04em}
#CM834 .article-body .final{margin-top:2em;padding:26px 30px;border-left:5px solid var(--accent);background:#fff;box-shadow:var(--shadow);font-weight:700;color:var(--primary)}

#CM834 .coupon-section{background:var(--paper-alt)}
#CM834 .coupon-card{width:min(820px,100%);margin:0 auto;padding:58px 32px;text-align:center;background:var(--primary);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 48px rgba(23,34,56,.22)}
#CM834 .coupon-card .kicker{color:var(--ghost)}
#CM834 .coupon-card h2{margin:0;color:#fff;font-size:42px;line-height:1.3;font-weight:900;letter-spacing:.08em}
#CM834 .coupon-card .subtitle{margin:10px 0 24px;font-size:22px;font-weight:700;color:#F4EDE4}
#CM834 .coupon-meta{margin:0 0 24px;color:#fff;font-size:20px;font-weight:700;line-height:1.8}
#CM834 .coupon-meta span{display:block}
#CM834 .coupon-card .label{margin:0 0 12px;color:#E9E1D7;font-weight:700}
#CM834 .coupon-code{min-width:310px;padding:14px 34px;border:2px dashed var(--ghost);background:rgba(255,255,255,.06);color:#fff;font-size:40px;font-weight:900;letter-spacing:.14em;cursor:pointer;transition:background .2s ease,border-color .2s ease}
#CM834 .coupon-code:hover,#CM834 .coupon-code:focus-visible{background:rgba(110,200,232,.12);border-color:#fff}
#CM834 .copy-note{margin:14px 0 0;color:#D7DDE6;font-size:15px}
#CM834 .copy-msg{min-height:26px;margin:8px 0 0;color:var(--ghost);font-size:15px;font-weight:800}

#CM834 .product-series{padding:88px 0}
#CM834 .product-series.paper{background:var(--paper)}
#CM834 .product-series.alt{background:var(--paper-alt)}
#CM834 .series-head{text-align:center;max-width:820px;margin:0 auto 36px}
#CM834 .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#CM834 .product-card{min-width:0;background:#fff;border:1px solid rgba(36,50,74,.10);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
#CM834 .product-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(36,50,74,.20)}
#CM834 .card-hit{display:flex;flex-direction:column;height:100%}
#CM834 .product-img{margin:0;aspect-ratio:5/3;overflow:hidden;background:#E3E7ED}
#CM834 .product-img img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}
#CM834 .product-body{display:flex;flex-direction:column;flex:1;padding:20px 18px 22px}
#CM834 .product-body h3{margin:0 0 12px;color:var(--primary);font-size:20px;line-height:1.45;font-weight:900}
#CM834 .intro{margin:0 0 18px;color:var(--text);font-size:16px;line-height:1.65}
#CM834 .price{margin:auto 0 18px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
#CM834 .original{color:var(--muted);font-size:14px;text-decoration:line-through}
#CM834 .sale{color:var(--accent);font-size:21px;font-weight:900;letter-spacing:.02em}
#CM834 .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background:var(--accent);color:#fff;font-weight:800;letter-spacing:.08em;transition:background .2s ease}
#CM834 .product-card:hover .btn{background:var(--accent-hover)}

#CM834 .more-japan{position:relative;padding:82px 0;background:#EDE5DA;overflow:hidden}
#CM834 .more-japan:before,#CM834 .more-japan:after{content:"";position:absolute;width:230px;height:230px;opacity:.13;background-image:linear-gradient(45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%);background-size:34px 34px;transform:rotate(12deg)}
#CM834 .more-japan:before{right:-74px;top:-88px}
#CM834 .more-japan:after{left:-110px;bottom:-145px;opacity:.07}
#CM834 .more-box{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}
#CM834 .more-box h2{margin:0 0 12px;color:var(--primary);font-size:36px;line-height:1.4;font-weight:900;letter-spacing:.04em}
#CM834 .more-box p{margin:0 0 26px;font-size:20px;color:#4A5160}
#CM834 .more-link{display:inline-flex;align-items:center;justify-content:center;min-width:250px;height:52px;padding:0 28px;background:var(--accent);color:#fff;font-weight:800;letter-spacing:.08em;transition:background .2s ease}
#CM834 .more-link:hover,#CM834 .more-link:focus-visible{background:var(--accent-hover)}

#CM834 .notes{padding:74px 0;background:var(--paper-alt)}
#CM834 .notes h2{text-align:center;margin-bottom:28px}
#CM834 .notes ol{max-width:960px;margin:0 auto;padding-left:1.5em}
#CM834 .notes li{margin:.65em 0}
#CM834 .notes a{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:4px}

@media (min-width:900px){#CM834 .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:899px){#CM834 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  #CM834{font-size:20px;line-height:1.75}
  #CM834 .container{width:min(calc(100% - 32px),var(--max))}
  #CM834 .site-hero img{width:100%;height:auto;object-fit:contain}
  #CM834 .sticky-nav .inner{width:100%;height:54px}
  #CM834 .sticky-nav a{height:54px;padding:0 5px;font-size:1.1rem;letter-spacing:.02em}
  #CM834 .nav-spacer.active{height:54px}
  #CM834 .section{padding:64px 0}
  #CM834 .section-title{margin-bottom:30px}
  #CM834 .section-title h1{font-size:34px}
  #CM834 .section-title h2,#CM834 .series-head h2,#CM834 .notes h2{font-size:31px}
  #CM834 .section-title .lead,#CM834 .series-head p{font-size:21px}
  #CM834 .article-body .opening{font-size:23px}
  #CM834 .article-body .final{padding:22px 20px}
  #CM834 .product-series{padding:64px 0}
  #CM834 .product-grid{grid-template-columns:1fr;gap:22px}
  #CM834 .product-body{padding:22px 20px 24px}
  #CM834 .product-body h3{font-size:22px}
  #CM834 .intro{font-size:18px;line-height:1.65}
  #CM834 .original{font-size:16px}
  #CM834 .sale{font-size:22px}
  #CM834 .btn{height:50px;font-size:18px}
  #CM834 .more-japan{padding:66px 0}
  #CM834 .more-box h2{font-size:30px}
  #CM834 .more-box p{font-size:20px}
  #CM834 .notes{padding:60px 0}
}


/* 2026-07-31 requested refinements */
#CM834 .article-body .opening,
#CM834 .article-body .final{font-size:inherit;font-weight:400;color:inherit;letter-spacing:normal;margin:0 0 1.25em;padding:0;border:0;background:transparent;box-shadow:none}

/* 深色祥雲紋促案區塊 */
#CM834 .coupon-section{position:relative;padding:66px 0;background:#18243A;color:#fff;overflow:hidden;isolation:isolate}
#CM834 .coupon-section:before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse 56px 26px at 25% 30%,transparent 44%,rgba(255,255,255,.075) 46% 51%,transparent 53%),
  radial-gradient(ellipse 42px 20px at 34% 36%,transparent 43%,rgba(255,255,255,.06) 46% 51%,transparent 54%),
  radial-gradient(ellipse 60px 27px at 70% 24%,transparent 44%,rgba(255,255,255,.07) 46% 51%,transparent 53%),
  radial-gradient(ellipse 45px 21px at 78% 31%,transparent 43%,rgba(255,255,255,.055) 46% 51%,transparent 54%),
  radial-gradient(ellipse 52px 24px at 15% 75%,transparent 44%,rgba(110,200,232,.08) 46% 51%,transparent 53%),
  radial-gradient(ellipse 62px 28px at 87% 72%,transparent 44%,rgba(110,200,232,.07) 46% 51%,transparent 53%);
  background-size:420px 190px,420px 190px,510px 210px,510px 210px,460px 200px,540px 220px;
  background-position:0 0,0 0,80px 20px,80px 20px,20px 30px,40px 10px}
#CM834 .coupon-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(36,50,74,.12),rgba(10,19,35,.34))}
#CM834 .coupon-section .container{width:min(calc(100% - 56px),var(--max));padding:0;margin:0 auto}
#CM834 .coupon-card{position:relative;width:min(820px,100%);margin:0 auto;padding:0;text-align:center;background:transparent;color:#fff;border:0;box-shadow:none;clip-path:none}
#CM834 .coupon-card:before,#CM834 .coupon-card:after,#CM834 .ema-hole{display:none}
#CM834 .coupon-card h2{margin:0;color:#fff;font-size:42px;line-height:1.3;font-weight:900;letter-spacing:.08em}
#CM834 .coupon-card .subtitle{margin:8px 0 18px;font-size:22px;font-weight:700;color:#F4EDE4}
#CM834 .coupon-meta{margin:0 0 18px;color:#fff;font-size:20px;font-weight:700;line-height:1.7}
#CM834 .coupon-card .label{margin:0 0 10px;color:#E9E1D7;font-weight:700}
#CM834 .coupon-code{min-width:310px;padding:12px 34px;border:2px dashed rgba(255,255,255,.72);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:38px;font-weight:900;letter-spacing:.14em;cursor:pointer;transition:background .2s ease,border-color .2s ease}
#CM834 .coupon-code:hover,#CM834 .coupon-code:focus-visible{background:rgba(110,200,232,.14);border-color:#fff}
#CM834 .copy-note{margin:11px 0 0;color:#D7DDE6;font-size:15px}
#CM834 .copy-msg{min-height:24px;margin:6px 0 0;color:var(--ghost);font-size:15px;font-weight:800}

/* 產品卡片維持原樣式，僅縮短整體高度 */
#CM834 .product-card{border-radius:18px}
#CM834 .product-body{border:0;padding:16px 17px 17px}
#CM834 .method{margin:0 0 4px;color:var(--accent);font-size:14px;line-height:1.3;letter-spacing:.04em;font-weight:800}
#CM834 .product-body h3{margin:0 0 8px;font-size:19px;line-height:1.38}
#CM834 .intro{margin:0 0 12px;font-size:16px;line-height:1.55}
#CM834 .price{margin:auto 0 12px;border-top:0;padding-top:0;gap:1px;line-height:1.32}
#CM834 .sale{font-size:18px;font-weight:400}
#CM834 .btn{height:44px;border-radius:999px}

/* 傳統矢絣紋：僅在右上與左下局部點綴 */
#CM834 .more-japan{position:relative;background:#E8DED1;overflow:hidden}
#CM834 .more-japan:before,#CM834 .more-japan:after{content:"";position:absolute;pointer-events:none;background-color:transparent;background-image:
  linear-gradient(30deg,transparent 0 38%,currentColor 39% 47%,transparent 48% 100%),
  linear-gradient(150deg,transparent 0 38%,currentColor 39% 47%,transparent 48% 100%),
  linear-gradient(210deg,transparent 0 38%,currentColor 39% 47%,transparent 48% 100%),
  linear-gradient(330deg,transparent 0 38%,currentColor 39% 47%,transparent 48% 100%);
  background-size:48px 78px;background-position:0 0,0 0,24px 39px,24px 39px}
#CM834 .more-japan:before{right:-12px;top:-18px;width:300px;height:220px;color:rgba(183,60,72,.18);opacity:1;transform:none}
#CM834 .more-japan:after{left:-48px;bottom:-74px;width:250px;height:190px;color:rgba(36,50,74,.10);opacity:1;transform:none}
#CM834 .notes a{color:#1455a8;font-weight:400}

@media(max-width:767px){
  #CM834 .coupon-section{padding:50px 0}
  #CM834 .coupon-section .container{width:min(calc(100% - 32px),var(--max));padding:0}
  #CM834 .coupon-card{padding:0;clip-path:none}
  #CM834 .coupon-card h2{font-size:34px}
  #CM834 .coupon-card .subtitle{margin-bottom:16px}
  #CM834 .coupon-code{min-width:min(290px,100%);font-size:34px;padding:12px 20px}
  #CM834 .product-body{padding:17px 18px 18px}
  #CM834 .method{font-size:16px}
  #CM834 .product-body h3{font-size:21px;margin-bottom:7px}
  #CM834 .intro{font-size:18px;margin-bottom:11px}
  #CM834 .price{margin-bottom:11px}
  #CM834 .btn{height:48px}
  #CM834 .more-japan:before{width:210px;height:170px;background-size:40px 66px;background-position:0 0,0 0,20px 33px,20px 33px}
  #CM834 .more-japan:after{width:170px;height:140px;background-size:40px 66px;background-position:0 0,0 0,20px 33px,20px 33px}
}

#CM834 .story-box{width:100%;max-width:none;margin:18px 0 28px;padding:20px 24px;background:rgba(255,255,255,.72);border-left:4px solid var(--accent);border-radius:12px;box-shadow:0 8px 22px rgba(36,50,74,.08)}
#CM834 .story-name{font-size:.95rem;color:var(--accent);font-weight:700;margin:0 0 8px}
#CM834 .story-quote{margin:0;padding:0;border:0;font-style:normal;color:var(--text);line-height:1.9}
@media(max-width:767px){#CM834 .story-box{padding:18px 18px;margin:16px 0 24px}}
/* 促案與前往日本命理館：純 CSS 漸層底色，移除所有雲紋圖案 */
#CM834 .coupon-section{
position:relative;
isolation:isolate;
overflow:hidden;
background:linear-gradient(135deg,#9A5A8D 0%,#6A4A82 45%,#2B3558 100%);
}
#CM834 .more-japan{
position:relative;
isolation:isolate;
overflow:hidden;
background:linear-gradient(315deg,#9A5A8D 0%,#6A4A82 45%,#2B3558 100%);
}
#CM834 .coupon-section:before,
#CM834 .coupon-section:after,
#CM834 .more-japan:before,
#CM834 .more-japan:after{display:none!important;content:none!important}
#CM834 .more-box h2{color:#FFFFFF}
#CM834 .more-box p{color:#F4EDE4}
#CM834 .method{color:var(--primary)}
#CM834 .product-body h3{color:var(--accent)}