@charset "utf-8";

/* =========================================================
   銀河潮賞 GalaxyKuji — 官網樣式
   設計稿基準：1920 × 4367，內容欄寬 1366
   1rem = 16px（設計稿像素）
   ========================================================= */

:root{
  --c-ink:        #3a3a3a;
  --c-body:       #6a6f78;
  --c-muted:      #7b818a;
  --c-line:       #e6e9ef;
  --font-serif:   "Noto Serif TC", "Songti TC", "Source Han Serif TC", "PMingLiU", serif;
  --font-sans:    "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
  --content:      85.375rem;   /* 1366 */
  --ease:         cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }

html{
  font-size: clamp(9px, 1.1429vw, 16px);
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  font-family: var(--font-sans);
  color: var(--c-body);
  background-color:#e7eaef;
  background-image:url("assets/bg-stage.jpg");
  background-repeat:no-repeat;
  background-position: top center;
  background-size:100% auto;
  overflow-x:hidden;
}

img{ max-width:100%; border:0; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,p{ margin:0; }
em{ font-style:normal; }

.container{
  width:var(--content);
  max-width: calc(100% - 2rem);
  margin-inline:auto;
}

/* =============== Header =============== */
.hd{
  position:sticky; top:0; z-index:60;
  height:8rem;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.74));
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
  backdrop-filter:blur(10px) saturate(1.05);
  border-bottom:1px solid rgba(226,230,236,.9);
  box-shadow:0 .5rem 1.5rem -.75rem rgba(90,100,120,.16);
}
.hd__in{
  width:var(--content); max-width:calc(100% - 2rem);
  height:100%; margin-inline:auto;
  display:flex; align-items:center; gap:0;
}
.hd__logo img{ width:19.1rem; height:auto; }

.hd__nav{
  margin-left:auto;
  display:flex; align-items:center; gap:3.8rem;
}
.hd__nav a{
  position:relative;
  font-size:1.68rem; font-weight:500; letter-spacing:.02em;
  color:#3f3f3f; padding:.6rem 0;
  transition:color .25s var(--ease);
  font-weight: bold;
}
.hd__nav a::after{
  content:""; position:absolute; left:50%; bottom:.1rem;
  width:0; height:1px; background:linear-gradient(90deg,transparent,#b9975c,transparent);
  transform:translateX(-50%); transition:width .3s var(--ease);
}
.hd__nav a:hover{ color:#8a6a3a; }
.hd__nav a:hover::after{ width:100%; }

.hd__cta{ margin-left:6.6rem; margin-right:.8rem; display:block; }
.hd__cta img{
  width:14.2rem; height:auto;
  transition:transform .3s var(--ease), filter .3s var(--ease);
}
.hd__cta:hover img{ transform:translateY(-2px); filter:brightness(1.06); }

/* =============== KV =============== */
.kv{ position:relative; height:50.25rem; }
.kv__in{ padding-top:3.44rem; }

.kv__tags{ display:flex; gap:1.2rem; }
.kv__tags img{ width:9.1rem; height:auto; }

.kv__h1{
  margin-top:2.99rem;
  font-family:var(--font-serif);
  font-weight:900;
  font-size:5.45rem;
  line-height:1.12;
  letter-spacing:0;
  color:#393939;
  text-shadow:0 .06rem .4rem rgba(255,255,255,.5);
}
.kv__sub{
  margin-top:1.22rem;
  font-size:2.1875rem;
  line-height:1.45;
  font-weight:500;
  letter-spacing:.02em;
  color:#4c4c4c;
}
.kv__cta{
  position:relative; z-index:0;
  display:inline-block;
  margin-top:4.75rem;
  width:27.8rem;
  transition:scale .35s var(--ease);
}
.kv__cta-in{
  display:block; position:relative;
  will-change:transform;
  animation:ctaFloat 5.4s ease-in-out infinite;
}
.kv__cta img{
  width:100%; height:auto; display:block;
  filter:drop-shadow(0 .9rem 1.4rem rgba(60,40,10,.22));
}
.kv__stage{ display:none; }

/* 金色呼吸光暈：只做透明度動畫，走合成層，不重繪 */
.kv__cta::before{
  content:""; position:absolute; inset:-16% -10%; z-index:-1;
  background:radial-gradient(50% 50% at 50% 50%, rgba(255,205,100,.55) 0%, rgba(255,175,65,.22) 45%, rgba(255,175,65,0) 72%);
  opacity:.5;
  pointer-events:none;
  will-change:opacity;
  animation:ctaGlow 3.4s ease-in-out infinite;
}
/* 掃光：遮罩固定在按鈕形狀上，內部光帶用 transform 位移 */
.kv__cta-shine{
  position:absolute; inset:0; overflow:hidden; pointer-events:none;
  -webkit-mask-image:url(assets/btn-draw.png);
          mask-image:url(assets/btn-draw.png);
  -webkit-mask-size:100% 100%;
          mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
}
.kv__cta-shine::before{
  content:""; position:absolute; top:-10%; bottom:-10%; left:0; width:52%;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.3) 34%, rgba(255,246,220,.85) 50%, rgba(255,255,255,.3) 66%, transparent 100%);
  will-change:transform;
  animation:ctaShine 4.6s cubic-bezier(.45,0,.25,1) infinite;
}
.kv__cta:hover{ scale:1.015; }
.kv__cta:hover::before{ opacity:.92; }

/* 緩慢上下漂浮 */
@keyframes ctaFloat{
  0%,100%{ transform:translate3d(0,0,0); }
  50%{ transform:translate3d(0,-.45rem,0); }
}
@keyframes ctaGlow{
  0%,100%{ opacity:.45; }
  50%{ opacity:.95; }
}
@keyframes ctaShine{
  0%{ transform:translate3d(-170%,0,0); }
  55%,100%{ transform:translate3d(300%,0,0); }
}
@media (prefers-reduced-motion: reduce){
  .kv__cta-in,.kv__cta::before,.kv__cta-shine::before{ animation:none; }
}

/* =============== Panels =============== */
.wrap{ position:relative; }
.panel{ position:relative; border-radius:2.6rem; }
.panel__bd{
  position:absolute; inset:0; z-index:0;
  border:110px solid transparent;
  border-image-repeat:stretch;
  border-image-slice:110 fill;
  pointer-events:none;
}
.panel--1 .panel__bd{ border-image-source:url("assets/panel-1.png"); }
.panel--2 .panel__bd{ border-image-source:url("assets/panel-2.png"); }
.panel--3 .panel__bd{ border-image-source:url("assets/panel-2.png"); }
.panel--4 .panel__bd{ border-image-source:url("assets/panel-4.png"); }
.panel--5 .panel__bd{ border-image-source:url("assets/panel-5.png"); }

.panel__in{ position:relative; z-index:1; }

/* 區塊小標 */
.chip{
  position:absolute; z-index:3;
  top:-0.1rem; left:-0.1rem;
  height:3.44rem;
  display:inline-flex; align-items:center;
  padding:0 2.6rem 0 3rem;
  font-size:1.25rem; font-weight:500; letter-spacing:.09em;
  color:#f7f0e3;
  background-image:url("assets/diamond.png"), url("assets/chipbg-1.png");
  background-repeat:no-repeat,no-repeat;
  background-position:1.2rem 50%, 0 0;
  background-size:1.4rem 1.4rem, 100% 100%;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.chip--2{
  background-image:url("assets/diamond.png"), url("assets/chipbg-2.png");
  padding-right:2.1rem;
}

/* =============== 01 四大亮點 =============== */
.panel--1 .panel__in{ padding:2.55rem 2.0625rem 4.13rem; }

.hi{ display:grid; grid-template-columns:repeat(4,1fr); text-align:center; }
.hi li{ padding:0 .6rem; }
.hi__ico{ width:9.8rem; height:auto; margin:0 auto; }
.hi__t{
  margin-top:.76rem;
  font-size:1.625rem; font-weight:700; letter-spacing:.035em; color:#444;
}
.hi__d{
  margin-top:.25rem;
  font-size:1.1875rem; line-height:1.42; color:#7a7f88;
}

/* =============== 02 最新消息 =============== */
.panel--2{ margin-top:4.5rem; }
.panel--2 .panel__in{ padding:4.9rem 2.0625rem 4.93rem; }

.sec-hd{ display:flex; align-items:flex-end; }
.sec-hd__t{
  font-family:var(--font-serif); font-weight:700;
  font-size:3.375rem; line-height:1.12; letter-spacing:.05em; color:#333;
}
.sec-hd__line{
  flex:0 0 auto;
  width:5rem; height:2px; margin:0 .85rem .85rem;
  background:linear-gradient(90deg, rgba(108,114,124,.6), rgba(108,114,124,.12));
}
.sec-hd__s{
  font-size:1.475rem; font-weight:500; letter-spacing:.04em;
  color:#5c626b; padding-bottom:.3rem;
}

.news{
  margin-top:1.5rem;
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.375rem;
}
.news__card{
  background:#fff;
  border:1px solid var(--c-line);
  box-shadow:0 .3rem .9rem -.4rem rgba(90,100,120,.16);
  overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.news__card:hover{
  transform:translateY(-.3rem);
  box-shadow:0 .9rem 1.6rem -.6rem rgba(90,100,120,.3);
}
.news__link{ display:block; }
.news__thumb{ display:block; overflow:hidden; }
.news__thumb img{ width:100%; height:auto; transition:transform .5s var(--ease); }
.news__card:hover .news__thumb img{ transform:scale(1.04); }
.news__body{ display:block; padding:.55rem 1.1rem 1.05rem; }
.news__meta{ display:flex; align-items:center; justify-content:space-between; }
.news__meta time{ font-size:.875rem; letter-spacing:.03em; color:#8b9199; }
.tag{
  font-size:.75rem; line-height:1.45; color:#fff; letter-spacing:.04em;
  padding:.1rem .55rem .12rem; border-radius:.22rem; white-space:nowrap;
}
.tag--gray{ background:linear-gradient(180deg,#c3c8d0,#aeb4bd); }
.tag--pink{ background:linear-gradient(180deg,#f7b9ca,#f093ac); }
.tag--cyan{ background:linear-gradient(180deg,#93ddec,#6ac9df); }

.news__t{
  display:block; margin-top:.2rem;
  font-size:1.15rem; font-weight:700; letter-spacing:.02em; color:#3d3d3d;
}
.news__d{
  display:block; margin-top:.35rem;
  font-size:.8125rem; line-height:1.6; color:#838992;
}

/* =============== 03 品牌介紹 =============== */
.panel--3{ margin-top:5.25rem; }
.panel--3 .panel__in{ padding:4.7rem 2.0625rem 4.53rem; }

.brand{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:1.6rem;
}
.brand__t{
  font-family:var(--font-serif); font-weight:700;
  font-size:3.6rem; line-height:1.3; letter-spacing:.03em; color:#333;
}
.brand__lead{
  margin-top:1.21rem;
  font-size:1.875rem; font-weight:700; line-height:1.63; color:#4c4c4c;
  letter-spacing:.02em;
}
.brand__p{
  margin-top:.5rem;
  font-size:1.5625rem; line-height:1.48; color:#61666f;
}
.brand__list{
  display:grid; grid-template-columns:repeat(3,15.4rem); gap:.5rem;
  text-align:center; margin-top:1.125rem;
}
.brand__list img{ width:14.875rem; height:auto; margin:0 auto; }
.brand__list p{
  margin-top:-8.6rem;
  font-size:1.75rem; line-height:1.12; color:#555b64; letter-spacing:.04em;font-weight: bold;
}

/* =============== 04 平台特色 =============== */
.panel--4{ margin-top:4rem; }
.panel--4 .panel__in{ padding:3.3rem 2.0625rem 8.8125rem; }

.ft__lead{
  margin-top:1.64rem;
  font-size:1.75rem; line-height:1.4; color:#5f646d;
}
.ft{
  margin-top:1.5rem;
  display:grid; grid-template-columns:repeat(3,1fr); gap:3.125rem 1.25rem;
}
.ft li{
  min-height:17rem;
  display:flex; flex-direction:column;
  padding:1.7rem 1rem .75rem;
  text-align:center;
  background-image:url("assets/fcard-bg.png");
  background-repeat:no-repeat;
  background-size:100% 100%;
  transition:transform .35s var(--ease), filter .35s var(--ease);
}
.ft li:hover{ transform:translateY(-.3rem); filter:brightness(1.02); }
.ft__ico{ height:8rem; width:auto; margin:0 auto; }
.ft__t{
  margin-top:.3rem;
  font-size:1.5625rem; font-weight:700; letter-spacing:.03em; color:#3f3f3f;
}
.ft__d{
  margin-top:.5rem;
  font-size:1.15rem; line-height:1.42; color:#7b818a;
}

/* =============== 05 聯絡與公司資訊 =============== */
.panel--5{ margin-top:5.6rem; }
.panel--5 .panel__in{ padding:4rem 2.0625rem 2.21rem; }

.ct__title{
  font-family:var(--font-serif); font-weight:700;
  font-size:1.8rem; letter-spacing:.14em; color:#333;
  text-align:center; padding-left:3.2rem;
}
.ct{
  margin-top:2.2rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) 2px 46.6rem;
  gap:2.4rem;
  align-items:center;
}
.ct__logo{ width:25.7rem; height:auto; margin:auto; }
.ct__desc{
  margin-top:1.4rem;
  font-size:1.3rem; line-height:1.8; color:#4f545c;
}
.soc{ display:flex; gap:2.85rem; margin-top:1.6rem; }
.soc img{ width:4.15rem; height:auto; transition:transform .3s var(--ease); }
.soc a:hover img{ transform:translateY(-3px) scale(1.05); }

.ct__divider{
  width:2px; height:13rem;
  background-image:url("assets/divider.png");
  background-repeat:no-repeat; background-size:100% 100%;
  opacity:.75;
}

.info{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1rem;
  align-content:center;
}
.info__box{
  position:relative;
  display:grid;
  grid-template-columns:2.9rem minmax(0,1fr);
  align-items:center;
  column-gap:.55rem;
  padding:.8rem .9rem;
  min-height:7.1rem;
  background-image:url("assets/info-box.png");
  background-repeat:no-repeat; background-size:100% 100%;
}
.info__box > img{ grid-row:1 / span 2; width:2.9rem; height:auto; }
.info__k{
  align-self:end;
  font-size:1rem; line-height:1.4; color:#6b7079; letter-spacing:.03em;font-weight: bold;
}
.info__v{
  align-self:start;
  font-size:1.3125rem; line-height:1.35; color:#3d3d3d; font-weight:500;
  letter-spacing:0;
}
.info__v a{ transition:color .25s var(--ease); }
.info__v a:hover{ color:#a5824b; }
.info__v small{
  display:block; margin-top:.15rem;
  font-size:.9375rem; font-weight:400; color:#868c95;
}
.info__box--wide{ grid-column:1 / -1; }

/* =============== Footer =============== */
.ft2{ margin-top:2.3rem; }
.ft2__links{
  display:flex; align-items:center; justify-content:center; gap:2.8rem;
  padding:.7rem 0 2.6rem;
}
.ft2__links a{
  font-family:var(--font-serif);
  font-size:1.9375rem; font-weight:700; letter-spacing:.1em; color:#3f4450;
  transition:color .25s var(--ease);
}
.ft2__links a:hover{ color:#a5824b; }
.ft2__sep{ width:2px; height:2.1rem; background:linear-gradient(180deg,#b98a53,#8d5f33); }
.copy{
  height:8rem;
  display:flex; align-items:center; justify-content:center;
  background-image:url("assets/copyright.png");
  background-repeat:no-repeat; background-position:center;
  background-size:100% 100%;
}
.copy p{
  font-size:1.25rem; letter-spacing:.1em; color:#f0eadd;
  text-shadow:0 1px 6px rgba(0,0,0,.35);
}

/* =============== Reveal =============== */
[data-reveal]{
  opacity:0;
  transform:translateY(1.6rem);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
}
[data-reveal].is-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  [data-reveal]{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:1180px){
  .hd__nav{ gap:2.2rem; }
  .hd__nav a{ font-size:1.05rem; letter-spacing:.02em; }
  .hd__cta{ margin-left:1.6rem; }
}

@media (max-width:900px){
  html{ font-size:15px; }

  .container,.hd__in{ width:auto; max-width:none; padding-inline:1.1rem; }

  .hd{ height:4.6rem; }
  .hd__in{ gap:.8rem; }
  .hd__logo img{ width:9.4rem; }
  .hd__nav{ display:none; }
  .hd__cta{ margin-left:auto; }
  .hd__cta img{ width:8.4rem; }

  body{
    /*background-image:none;
    background:radial-gradient(120% 55% at 50% 0%, #f4f7fb 0%, #e9eef5 38%, #e6ebf2 62%, #eef1f6 100%);*/
    background-attachment:fixed;
  }
  .kv{ height:auto; padding-bottom:.6rem; }
  .kv__in{ padding-top:1.8rem; padding-inline:1.15rem; }
  .kv__stage{
    display:block; width:calc(100% + 2.3rem); margin:.2rem 0 0 -1.15rem;
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 94%, transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 94%, transparent 100%);
  }
  .kv__tags{ gap:.6rem; }
  .kv__tags img{ width:5.6rem; }
  .kv__h1{ margin-top:1rem; font-size:clamp(21px, 7.6vw, 32px); line-height:1.38; }
  .kv__sub{ margin-top:.7rem; font-size:.95rem; line-height:1.7; }
  .kv__cta{ margin-top:1.2rem; width:12.6rem; }

  .panel{ border-radius:1.5rem; }
  .panel__bd{ border-width:3rem; }
  .panel--2 .panel__in,
  .panel--3 .panel__in,
  .panel--4 .panel__in,
  .panel--5 .panel__in{ padding:3.1rem 1.15rem 1.6rem; }
  .panel--1 .panel__in{ padding:1.6rem 1rem 1.4rem; }

  .chip{
    top:-1.2rem; left:1rem; height:2.3rem;
    font-size:.76rem; letter-spacing:.06em;
    padding:0 1.1rem 0 1.9rem;
    background-position:.6rem 50%, 0 0;
    background-size:1rem 1rem, 100% 100%;
  }

  .hi{ grid-template-columns:repeat(2,1fr); gap:1.4rem .6rem; }
  .hi__ico{ width:5.6rem; }
  .hi__t{ font-size:1.02rem; margin-top:.3rem; }
  .hi__d{ font-size:.82rem; margin-top:.35rem; }

  .panel--2,.panel--3,.panel--4,.panel--5{ margin-top:3.2rem; }
  .sec-hd{ flex-wrap:wrap; align-items:flex-end; }
  .sec-hd__t{ font-size:1.6rem; }
  .panel--4 .sec-hd__t{ font-size:1.5rem; letter-spacing:.02em; }
  .sec-hd__line{ width:2rem; margin:0 .5rem .55rem; }
  .sec-hd__s{ font-size:.92rem; padding-bottom:.15rem; }
  .news{ grid-template-columns:1fr; gap:1rem; margin-top:1.1rem; }
  .news__t{ font-size:1rem; }
  .news__d{ font-size:.85rem; }

  .brand{ grid-template-columns:1fr; gap:1.8rem; }
  .brand__t{ font-size:1.85rem; line-height:1.45; }
  .brand__lead{ margin-top:.9rem; font-size:1rem; line-height:1.8; }
  .brand__p{ font-size:.92rem; margin-top:.6rem; }
  .brand__list{ grid-template-columns:repeat(3,1fr); gap:.4rem; margin-top:1rem; }
  .brand__list img{ width:6.2rem; }
  .brand__list p{ font-size:.85rem; margin-top:-3.5rem; line-height:1.5; }

  .ft__lead{ font-size:.98rem; line-height:1.75; margin-top:1.1rem; }
  .ft{ grid-template-columns:1fr; gap:.9rem; margin-top:1.4rem; }
  .ft li{ min-height:0; padding:1.7rem 1rem 1.4rem; }
  /*.ft__ico{ width:4.4rem; }*/
  .ft__t{ font-size:1rem; }
  .ft__d{ font-size:.82rem; }

  .ct__title{ font-size:1.5rem; letter-spacing:.1em; }
  .ct{ grid-template-columns:1fr; gap:1.8rem; margin-top:1.6rem; }
  .ct__divider{ display:none; }
  .ct__logo{ width:13rem; margin-inline:auto; }
  .ct__left{ text-align:center; }
  .ct__desc{ font-size:.92rem; margin-top:1rem; }
  .soc{ justify-content:center; gap:1.1rem; margin-top:1.2rem; }
  .soc img{ width:3.2rem; }
  .info{ grid-template-columns:1fr; gap:.7rem; }
  .info__box{ min-height:5.4rem; padding:.8rem .9rem; grid-template-columns:2.9rem minmax(0,1fr); column-gap:.7rem; }
  .info__box > img{ width:2.9rem; }
  .info__k{ font-size:.78rem; }
  .info__v{ font-size:1rem; }
  .info__v small{ font-size:.78rem; }

  .ft2{ margin-top:2rem; }
  .ft2__links{ gap:1.6rem; padding:1rem 0 1.8rem; }
  .ft2__links a{ font-size:.95rem; }
  .copy{ height:5rem; }
  .copy p{ font-size:.78rem; letter-spacing:.06em; }
}

/* 平台特色標題略大（僅桌面，避免覆蓋行動版設定） */
@media (min-width:901px){
  .panel--4 .sec-hd__t{ font-size:3.9rem; }
}

@media (min-width: 1921px) and (max-width: 2559px) {
  /* 1K ~ 2K之间 */
  .kv {
    height: 54.25rem;
  }
}

@media (min-width: 2560px) and (max-width: 3839px) {
  /* 2K ~ 4K之间 */
  .kv {
    height: 68.25rem;
  }
}

/* =========================================================
   消息詳情頁（news-detail.html）
   ========================================================= */
.panel--nd{ margin-top:4.5rem; }
.panel--nd .panel__in{ padding:1.6rem 3.2rem 4rem; }

.nd__crumb{
  font-size:1.05rem; letter-spacing:.04em; color:#8b9199;
}
.nd__crumb a{ color:#8b9199; transition:color .25s var(--ease); }
.nd__crumb a:hover{ color:#a5824b; }
.nd__crumb .sep{ margin:0 .55rem; opacity:.55; }
.nd__crumb .cur{ color:#6a6f78; }

.nd{ margin-top:1.4rem; }

.nd__state{
  padding:3rem 0; text-align:center;
  font-size:1.3rem; letter-spacing:.05em; color:#8b9199;
}

.nd__t{
  font-family:var(--font-serif); font-weight:700;
  font-size:2.75rem; line-height:1.4; letter-spacing:.02em;
  color:#333; text-align:center;
}
.nd__meta{
  margin-top:1rem;
  display:flex; align-items:center; justify-content:center; gap:1rem;
}
.nd__meta time{ font-size:1.05rem; letter-spacing:.06em; color:#8b9199; }

.nd__cover{
  margin:2rem auto 0;
  max-width:46rem;
  border-radius:1.2rem; overflow:hidden;
  box-shadow:0 .6rem 1.6rem -.7rem rgba(90,100,120,.38);
}
.nd__cover img{ width:100%; height:auto; }

.nd__body{
  margin-top:1.9rem;
  font-size:1.25rem; line-height:2; color:#5f646d;
  letter-spacing:.01em;
  word-break:break-word;
}
.nd__body p{ margin:0 0 1rem; }
.nd__body p:last-child{ margin-bottom:0; }
.nd__body img{ max-width:100%; height:auto; border-radius:.8rem; margin:.8rem 0; }
.nd__body a{ color:#a5824b; text-decoration:underline; }
.nd__body ul,.nd__body ol{ margin:0 0 1rem; padding-left:1.6rem; }
.nd__body li{ margin:.2rem 0; }
.nd__empty{ color:#9aa0a8; }

.nd__foot{
  margin-top:2.4rem; padding-top:1.5rem;
  border-top:1px solid var(--c-line);
}
.nd__back{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.7rem 1.8rem;
  font-size:1.15rem; font-weight:500; letter-spacing:.06em;
  color:#8a6a3a;
  background:linear-gradient(180deg,#fffdf8,#f6efe2);
  border:1px solid #dfd0b3; border-radius:2rem;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), color .3s var(--ease);
}
.nd__back::before{ content:"‹"; font-size:1.4rem; line-height:1; }
.nd__back:hover{
  transform:translateY(-2px);
  color:#7a5a2a;
  box-shadow:0 .5rem 1.1rem -.5rem rgba(150,120,60,.4);
}

.nd__pager{
  margin-top:1.6rem;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
}
.nd__pager a{
  max-width:48%;
  font-size:1.05rem; line-height:1.5; color:#6a6f78;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  transition:color .25s var(--ease);
}
.nd__pager a:hover{ color:#a5824b; }
.nd__pager-r{ margin-left:auto; text-align:right; }

@media (max-width:900px){
  .panel--nd{ margin-top:3.2rem; }
  .panel--nd .panel__in{ padding:0.6rem 1.15rem 1.8rem; }
  .nd__crumb{ font-size:.82rem; }
  .nd__crumb .sep{ margin:0 .35rem; }
  .nd__t{ font-size:1.5rem; line-height:1.5; }
  .nd__meta{ margin-top:.8rem; gap:.7rem; }
  .nd__meta time{ font-size:.85rem; }
  .nd__cover{ margin-top:1.2rem; border-radius:.8rem; }
  .nd__body{ margin-top:1.2rem; font-size:1rem; line-height:1.95; }
  .nd__body p{ margin-bottom:.8rem; }
  .nd__state{ padding:2rem 0; font-size:1rem; }
  .nd__foot{ margin-top:1.6rem; padding-top:1.2rem; }
  .nd__back{ padding:.55rem 1.3rem; font-size:.95rem; }
  .nd__pager{ flex-direction:column; align-items:stretch; gap:.6rem; margin-top:1.2rem; }
  .nd__pager a{ max-width:none; font-size:.9rem; white-space:normal; }
  .nd__pager-r{ text-align:left; }
}