/* 仙知 V13｜精品化調整：宋體內文、中文章節序、直排標題、落款印章、收斂線條與箭頭。動畫與版面結構不變。 */
:root{
  --serif:"Songti TC","Noto Serif TC","Source Han Serif TC","PMingLiU",serif;
  --sans:var(--serif);
  --v13-seal:#B17061;
  --v13-body:color-mix(in srgb,#263D4E 86%,#FAF9F6);
}
body{
  font-family:var(--serif);
  -webkit-font-smoothing:antialiased;
  background-color:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .15 0 0 0 0 .24 0 0 0 0 .3 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- 導覽 ---------- */
.masthead nav a{font-size:13px;letter-spacing:.22em}
.masthead-note{letter-spacing:.24em}
.masthead .wordmark small{letter-spacing:.42em}

/* ---------- 章節標記：壹　——　關於仙知 ---------- */
.chapter-label{justify-content:flex-start!important;align-items:center;gap:18px;border:0!important}
.chapter-label>span:first-child{font-size:0!important;gap:0!important;display:inline-flex;align-items:center}
.chapter-label .chapter-number{font-family:var(--serif);font-size:15px;font-weight:400;letter-spacing:0;color:var(--v13-seal)}
.chapter-label>span:first-child::after{content:"";display:block;width:44px;height:1px;margin-left:18px;background:var(--v13-seal);opacity:.55}
.chapter-label>span:last-child{font-size:13px!important;letter-spacing:.34em!important;color:var(--soft)}

/* ---------- 小標與段落 ---------- */
.eyebrow{font-size:12px!important;letter-spacing:.3em!important;font-family:var(--serif)}
.about-copy>p:not(.lead),.practitioner-copy>p:not(.lead):not(.eyebrow),.garden-story p,.section-intro p,.method-body,.contact>p:not(.eyebrow),.collection-entry>p{
  font-size:15.5px!important;line-height:2.15!important;letter-spacing:.06em;color:var(--v13-body)
}
.lead{letter-spacing:.1em!important}

/* ---------- 展示標題 ---------- */
.chapter h2,.section-intro h2,.garden-story h2,.contact h2,.journal-layout h2,.mark-caption h2{font-weight:400;letter-spacing:.16em!important}

/* 首屏：直排題字＋落款 */
@media(min-width:1001px){
  .opening h1{writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(46px,4vw,62px)!important;line-height:1.55!important;letter-spacing:.22em!important;margin:26px 0 30px!important;min-height:0;height:auto}
  .opening h1 br{display:block}
}
.opening h1 i.seal{
  position:static!important;display:inline-block;writing-mode:vertical-rl;
  font-family:var(--serif);font-style:normal;font-size:13px!important;line-height:1;letter-spacing:.18em!important;
  color:#FAF9F6;background:var(--v13-seal);padding:7px 5px 5px;border-radius:2px;
  margin:0 0 0 .5em;vertical-align:baseline;transform:none;inset:auto;
}
@media(min-width:1001px){.opening h1 i.seal{margin:.9em 0 0 0}}
.opening .eyebrow .small-rule{background:var(--v13-seal)!important}

/* 關於仙知：直排主題 */
@media(min-width:1001px){
  #about h2{writing-mode:vertical-rl;font-size:clamp(38px,3.2vw,50px)!important;line-height:1.8!important;letter-spacing:.24em!important;justify-self:center;align-self:start;margin:0}
  .journal-layout h2{writing-mode:vertical-rl;letter-spacing:.3em!important;justify-self:center}
}

/* ---------- 連結：去箭頭，細線 ---------- */
.line-link,.realm-enlarge,.all-services-link,.service-footnote a,.opening-index a{
  font-family:var(--serif);font-size:13px!important;letter-spacing:.26em!important;
  border:0!important;gap:0!important;min-width:0!important;min-height:0!important;
  padding:0 0 7px!important;
  background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat!important;
  transition:color .45s var(--ease-ink),background-size .45s var(--ease-ink)!important;
}
.line-link:hover,.realm-enlarge:hover,.all-services-link:hover,.service-footnote a:hover,.opening-index a:hover{color:var(--v13-seal)!important;background-size:36% 1px!important}
.line-link::after,.line-link::before{display:none!important}

/* 主要行動：沉穩墨色，字距拉開 */
.contact>.contact-link{font-size:14px!important;letter-spacing:.4em!important;padding:20px 62px!important;min-width:0!important;border-radius:0}
.contact>small{letter-spacing:.14em}
.explore-panel .contact-link,.outline-link{letter-spacing:.3em!important}

/* ---------- 四專業卡：收細、去框 ---------- */
.fusion-service{border-top:0!important}
.sheet-top{font-size:12px!important;letter-spacing:.32em!important;padding-bottom:18px;border-bottom:1px solid var(--line)}
.sheet-top>span:last-child{font-family:var(--serif);font-size:15px!important;color:var(--v13-seal)!important}
.fusion-service .display-character{opacity:.88}
.service-poetic{letter-spacing:.14em}
.service-question{letter-spacing:.08em}

/* 仙知的方法：中文序號 */
.method-number{font-family:var(--serif);font-size:15px!important;color:var(--v13-seal)!important;letter-spacing:0}
.method-list details summary h3{letter-spacing:.16em}

/* 仙知系列 */
.collection-name h3{letter-spacing:.3em}
.fusion-world .section-intro p{letter-spacing:.8em!important;font-family:var(--serif);color:var(--v13-seal)}

/* 庭園入口與視窗分頁 */
.garden-service-links button span{letter-spacing:.2em}
.explore-tabs button>span{font-family:var(--serif);color:var(--v13-seal)}

/* 首屏索引、頁尾 */
.opening-index .folio{font-family:var(--serif);letter-spacing:.3em;color:var(--v13-seal)}
.footer{letter-spacing:.14em}

/* ---------- 內頁 ---------- */
.atelier-inner .article-heading h1{letter-spacing:.22em}
.atelier-inner .reading-content>p{letter-spacing:.06em;color:var(--v13-body)}
.related a{letter-spacing:.2em}

@media(max-width:1000px){
  .contact>.contact-link{padding:18px 40px!important;letter-spacing:.3em!important}
}

/* ---------- 精簡骨架：新客先找到入口、再認識圓潤、再看方法（完整文字仍在視窗與內頁） ---------- */
.opening-index{display:none!important}
.hero-actions{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:14px;letter-spacing:.42em;padding:16px 34px 16px 40px;text-decoration:none;transition:background .45s var(--ease-ink)}
.hero-cta:hover,.hero-cta:focus-visible{background:var(--sc-lotus-deep)}

/* 服務：名字、字、一句提問、入口 */
.sheet-top,.service-poetic,.service-context{display:none!important}
.fusion-service{padding-top:10px!important}
.garden-story{margin-top:96px}
.garden-story p{display:none!important}

/* 圓潤、關於：一段就好 */
.practitioner-copy>p.lead~p~p:not(.eyebrow){display:none!important}
.about-copy>p:not(.lead),.belief-signature{display:none!important}
.contact>small{display:none!important}

/* 方法：三步並排，不用點開 */
.method-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;border-top:0!important}
.method-list details{border:0!important;border-top:1px solid var(--line)!important;padding-top:28px}
.method-list summary{pointer-events:none;cursor:default;list-style:none;display:flex;align-items:baseline;gap:16px;padding:0!important;min-height:0!important}
.method-list summary::-webkit-details-marker{display:none}
.method-list .detail-symbol{display:none!important}
.method-list .method-body{padding:14px 0 0!important}
@media(max-width:900px){.method-list{grid-template-columns:1fr;row-gap:8px}}

/* 章節標記只剩細線＋名稱 */
.chapter-label>span:first-child::after{margin-left:0}
/* 首屏行動按鈕與說明拉開 */
.opening-copy .opening-description{margin-bottom:34px!important}
/* 四項服務一排看完 */
@media(min-width:1100px){
  .service-spread.fusion-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:40px!important;row-gap:0!important}
  .fusion-service .service-name{flex-direction:column-reverse;align-items:flex-start!important;gap:14px!important;margin-bottom:22px}
  .fusion-service .display-character{font-size:64px!important;line-height:1}
  .fusion-service .service-name h3{font-size:22px!important;letter-spacing:.24em}
  .fusion-service .service-question{font-size:16px!important;line-height:2!important}
  .fusion-service .service-question span{display:inline!important}
}
.fusion-service .service-open{width:auto!important;align-self:flex-start;justify-content:flex-start!important}
.fusion-service .service-open{margin-top:20px!important}

/* ---------- 第三輪：留白、細節與觸感 ---------- */
::selection{background:#E8D7D1;color:var(--ink)}
/* 大標改用宋體細字重，更輕盈 */
.opening h1,.chapter h2,.section-intro h2,.garden-story h2,.contact h2,.journal-layout h2,.practitioner-copy h2{font-weight:300!important}

/* 章節之間不用分隔線，改一枚淡金細菱＋更多留白 */
.atelier-home .chapter{border-top:0!important;position:relative}
@media(min-width:1001px){.atelier-home .chapter{padding-block:150px!important}}
.atelier-home main>section.chapter:not(#services)::before{
  content:"";position:absolute;top:0;left:50%;width:7px;height:7px;margin-left:-4px;
  border:1px solid var(--sc-gold);transform:rotate(45deg);opacity:.75
}

/* 庭園四入口：滑過改成暖絹色＋淡金細線 */
.garden-service-links button{transition:background .5s var(--ease-ink),color .5s var(--ease-ink),border-color .5s var(--ease-ink)!important}
.garden-service-links button:hover,.garden-service-links button:focus-visible{background:#F1ECE3!important;border-top-color:var(--sc-gold)!important;color:var(--sc-lotus-deep)}
.garden-service-links button:hover span,.garden-service-links button:focus-visible span{color:var(--sc-gold-deep)}

/* 四項服務：滑過時字轉淡金 */
.fusion-service .display-character{transition:color .6s var(--ease-ink)}
.fusion-service:hover .display-character,.fusion-service:focus-within .display-character{color:var(--sc-gold)!important}
.fusion-service h3{transition:color .6s var(--ease-ink)}
.fusion-service:hover h3{color:var(--sc-lotus-deep)}

/* 細底線改淡，滑過才加深 */
.line-link,.realm-enlarge,.all-services-link,.service-footnote a{background-image:linear-gradient(color-mix(in srgb,currentColor 45%,transparent),color-mix(in srgb,currentColor 45%,transparent))!important}

/* 首屏按鈕 */
.hero-cta{box-shadow:inset 0 0 0 1px var(--ink)}
.hero-cta:hover,.hero-cta:focus-visible{background:transparent!important;color:var(--ink)!important}

/* 聯絡區：上方一枚淡金細菱 */
.contact{position:relative}
.contact::before{content:"";display:block;width:7px;height:7px;margin:0 auto 44px;border:1px solid var(--sc-gold);transform:rotate(45deg);opacity:.75}
.contact>.contact-link{box-shadow:inset 0 0 0 1px var(--ink);transition:background .5s var(--ease-ink),color .5s var(--ease-ink)!important}
.contact>.contact-link:hover,.contact>.contact-link:focus-visible{background:transparent!important;color:var(--ink)!important}

/* ---------- 手機與平板：統一字級、對齊同一條邊線 ---------- */
@media(max-width:1000px){
  /* 首屏：直排題字＋落款，兩顆等寬按鈕 */
  .opening h1{writing-mode:vertical-rl;text-orientation:upright;font-size:40px!important;line-height:1.5!important;letter-spacing:.2em!important;margin:26px 0 28px!important;height:auto;min-height:0}
  .opening h1 i.seal{margin:.8em 0 0!important;font-size:12px!important}
  .opening-copy .opening-description{font-size:15px!important;line-height:2.1!important;letter-spacing:.06em!important;margin-bottom:28px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px}
  .hero-actions>a{display:flex!important;align-items:center;justify-content:center;height:52px;padding:0!important;margin:0!important;font-size:14px!important;letter-spacing:.34em!important;box-sizing:border-box}
  .hero-actions>.line-link{background:none!important;box-shadow:inset 0 0 0 1px var(--ink)}
  .realm-figure figcaption{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px}
  .realm-figure figcaption>*{font-size:12px!important;letter-spacing:.2em!important;line-height:1.6!important;margin:0!important;padding-top:0!important}
}
@media(max-width:760px){
  /* 標題：一律 28px */
  .chapter h2,.section-intro h2,.garden-story h2,.contact h2,.journal-layout h2,.practitioner-copy h2,.mark-caption h2,#about h2{font-size:28px!important;line-height:1.7!important;letter-spacing:.12em!important}
  .journal-layout h2{writing-mode:horizontal-tb}
  /* 小標題：一律 20px */
  .fusion-service .service-name h3,.collection-name h3,.method-list summary h3,.garden-service-links button,.scent-name h3{font-size:20px!important;letter-spacing:.16em!important;line-height:1.6!important}
  .fusion-service .display-character{font-size:56px!important}
  /* 導言：一律 18px */
  .lead,.fusion-service .service-question,.practitioner-copy .lead,.journal-layout .lead{font-size:18px!important;line-height:1.95!important;letter-spacing:.08em!important}
  /* 內文：一律 15px */
  .about-copy>p:not(.lead),.practitioner-copy>p:not(.lead):not(.eyebrow),.section-intro p,.method-body,.contact>p:not(.eyebrow),.collection-entry>p,.garden-scent p,.teacher-role,.mark-caption>p{font-size:15px!important;line-height:2.05!important;letter-spacing:.05em!important}
  /* 標籤與小連結：一律 12px */
  .eyebrow,.chapter-label>span:last-child,.garden-service-links button span,.garden-scent small,.pattern-controls button,.mark-controls,.mark-controls button,#replay,.service-footnote p,.belief-line p{font-size:12px!important;letter-spacing:.22em!important}
  .line-link,.service-footnote a,.all-services-link{font-size:13px!important;letter-spacing:.24em!important}
  /* 對齊：拿掉多餘縮排，全部貼齊左邊線 */
  .garden-scent,.garden-scent>*{padding-left:0!important;margin-left:0!important}
  .method-list summary{display:block!important}
  .method-list .method-number{display:block;margin-bottom:8px}
  .method-list .method-body{padding-left:0!important}
  .belief-companion{justify-content:space-between;align-items:baseline}
}
@media(max-width:760px){
  .opening h1{margin-left:-6px!important}
  .garden-service-links button{padding:18px 0!important}
  .garden-service-links button:nth-child(even){padding-left:18px!important}
  .atelier-home .chapter{padding-top:104px!important;padding-bottom:88px!important}
  .atelier-home main>section.chapter:not(#services)::before{top:36px}
}
@media(max-width:760px){
  .belief-companion{justify-content:flex-start!important}
  .mark-stage{width:100%!important;margin-left:0!important;justify-self:stretch}
  .mark-controls{justify-content:space-between}
}
.verse-list li a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .45s var(--ease-ink),color .45s var(--ease-ink)}
.verse-list li a:hover{color:var(--v13-seal);background-size:100% 1px}
.reading-contact{display:flex;flex-wrap:wrap;gap:12px}
.reading-contact .outline-link{flex:1 1 220px;max-width:320px;justify-content:center;text-align:center;margin:0!important}
@media(max-width:760px){.reading-contact .outline-link{max-width:none}}
@media(max-width:760px){.belief-companion{grid-template-columns:1fr!important}.belief-companion .line-link{justify-self:start!important}}