/* 狩獵者回憶 — FEATURE 03 */
.hunter-detail-page{margin:0;background:#f6f8fa;color:#44536a}
.hunter-detail-page .header{box-shadow:0 1px 0 rgba(54,70,94,.08)}
.hunter-wrap{width:84%;max-width:1440px;margin:0 auto}
.hunter-kicker{display:block;color:#7e91b0;font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:5px}
.hunter-line{display:block;width:62px;height:1px;background:linear-gradient(90deg,#c79b55,rgba(199,155,85,.08))}

/* Hero — 不使用一般圖片卡片版型，裂隙直接成為版面的一部分 */
.hunter-hero{position:relative;min-height:100vh;padding-top:72px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 46%,rgba(127,145,190,.15),transparent 26%),radial-gradient(circle at 83% 52%,rgba(202,166,107,.10),transparent 17%),linear-gradient(118deg,#fffdf9 0%,#f2f5f8 49%,#e8edf3 100%)}
.hunter-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 52%,rgba(95,111,153,.05) 52.2%,transparent 52.5%)}
.hunter-hero-number{position:absolute;right:5%;top:12%;font:240px/1 Georgia,"Times New Roman",serif;color:rgba(48,71,105,.035);letter-spacing:-12px}
.hunter-hero-inner{position:relative;z-index:2;width:88%;max-width:1580px;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}
.hunter-hero-copy{padding-left:4%}.hunter-hero-copy .hunter-line{margin:25px 0 27px}.hunter-hero-copy h1{margin:0;color:#314f79;font-size:68px;font-weight:400;letter-spacing:9px}.hunter-hero-copy p{margin:30px 0 0;color:#617087;font-size:20px;line-height:2.05;letter-spacing:2px}.hunter-hero-copy small{display:block;margin-top:42px;color:rgba(75,94,122,.48);font:11px Georgia,"Times New Roman",serif;letter-spacing:4px}
.rift-stage{position:relative;height:min(65vh,640px);min-height:480px;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,rgba(230,211,169,.28) 0 3%,rgba(123,111,166,.25) 4% 9%,rgba(67,78,117,.20) 10% 17%,transparent 18%),radial-gradient(circle at 50% 50%,rgba(116,128,169,.13),transparent 38%),linear-gradient(135deg,#dce5e9,#cfd7e0 45%,#bcc6d2);box-shadow:0 26px 70px rgba(55,70,94,.13)}
.rift-stage::before,.rift-stage::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:78%;background:linear-gradient(transparent,rgba(247,229,190,.85),rgba(122,106,167,.7),rgba(247,229,190,.75),transparent);transform-origin:center;filter:blur(.2px)}
.rift-stage::before{transform:translate(-50%,-50%) rotate(8deg)}.rift-stage::after{transform:translate(-50%,-50%) rotate(-5deg)}
.rift-glow{position:absolute;left:50%;top:50%;width:250px;height:430px;transform:translate(-50%,-50%) rotate(6deg);border-radius:48% 52% 44% 56%;background:radial-gradient(ellipse,rgba(255,239,195,.55),rgba(119,103,164,.24) 38%,transparent 68%);filter:blur(9px)}
.rift-core{position:absolute;left:50%;top:50%;width:44px;height:330px;transform:translate(-50%,-50%) rotate(5deg);border-radius:50%;background:rgba(249,232,188,.72);box-shadow:0 0 45px rgba(236,211,164,.7),0 0 110px rgba(111,98,159,.42);filter:blur(3px)}
.rift-label{position:absolute;left:22px;bottom:20px;color:rgba(255,255,255,.92);font:10px Georgia,"Times New Roman",serif;letter-spacing:3px}.rift-caption{position:absolute;right:22px;bottom:20px;color:rgba(255,255,255,.68);font-size:12px;letter-spacing:1px}
.hunter-scroll{position:absolute;z-index:3;left:50%;bottom:17px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#8190a4;font:8px Arial,sans-serif;letter-spacing:3px}.hunter-scroll i{width:1px;height:34px;margin-top:8px;background:linear-gradient(#9ba8b8,transparent)}

/* Intro */
.rift-intro{padding:125px 0 115px;background:#fff}.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:110px;align-items:start}.intro-title h2{margin:22px 0 0;color:#304f7d;font-size:44px;font-weight:400;line-height:1.6;letter-spacing:4px}.intro-copy{padding-top:32px;color:#5f6f85;font-size:20px;line-height:2.08;letter-spacing:1.15px}.intro-copy p{margin:0}.intro-copy p+p{margin-top:20px}

/* Two echoes — deliberately not cards */
.dual-rift{padding:120px 0 130px;background:linear-gradient(105deg,#f2f6f8 0 49.8%,#ececf2 50.2% 100%);overflow:hidden}.dual-heading{text-align:center;max-width:820px;margin:0 auto 75px}.dual-heading h2{margin:20px 0 0;color:#304f7d;font-size:42px;font-weight:400;letter-spacing:4px}
.rift-compare{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch}.rift-compare article{position:relative;padding:58px 62px 52px;border-top:1px solid rgba(174,139,83,.45)}.memory-side{background:rgba(255,255,255,.42)}.nightmare-side{background:linear-gradient(135deg,rgba(80,76,103,.08),rgba(112,79,94,.07))}
.side-index{position:absolute;right:28px;top:16px;color:rgba(55,75,106,.07);font:90px Georgia,"Times New Roman",serif}.side-en{color:#a77e46;font:11px Georgia,"Times New Roman",serif;letter-spacing:4px}.nightmare-side .side-en{color:#8e6675}.rift-compare h3{margin:18px 0;color:#344f78;font-size:32px;font-weight:400;letter-spacing:4px}.nightmare-side h3{color:#514b68}.rift-compare p{position:relative;z-index:2;max-width:470px;margin:0;color:#627186;font-size:18px;line-height:2;letter-spacing:1px}.side-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid rgba(70,87,112,.12)}.side-meta span{padding:20px 8px 0}.side-meta b{display:block;color:#9a7541;font-size:19px;font-weight:400}.side-meta small{display:block;margin-top:6px;color:#7b899b;font-size:14px;letter-spacing:1px}.nightmare-side .side-meta b{color:#806171}
.rift-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#9a7a58}.rift-divider i{width:1px;height:82px;background:linear-gradient(transparent,rgba(126,107,145,.45),transparent)}.rift-divider b{font:11px Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:4px;writing-mode:vertical-rl}

/* Trial */
.trial-section{padding:135px 0;background:#f7f9fb}.trial-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:100px;align-items:center}.trial-visual{position:relative;height:520px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 46%,rgba(218,192,151,.19),transparent 14%),radial-gradient(circle at 50% 50%,rgba(95,81,132,.20),transparent 38%),linear-gradient(145deg,#cbd4dc,#9faab8 48%,#777b92);box-shadow:0 24px 60px rgba(49,62,83,.13)}
.trial-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.trial-visual::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(35,31,49,.20) 100%)}
.trial-ghost{position:absolute;width:70px;height:110px;border:1px solid rgba(242,228,198,.45);border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 50% 30%,rgba(242,229,196,.35),rgba(120,107,157,.14) 45%,transparent 70%);filter:blur(.3px)}.ghost-a{left:18%;top:26%}.ghost-b{left:39%;top:53%;transform:scale(.78)}.ghost-c{right:23%;top:23%;transform:scale(.9)}.ghost-d{right:12%;bottom:16%;transform:scale(.64)}
.trial-visual-label{position:absolute;z-index:2;left:22px;bottom:20px;color:rgba(255,255,255,.9);font:10px Georgia,"Times New Roman",serif;letter-spacing:3px}.trial-placeholder{position:absolute;right:22px;bottom:20px;color:rgba(255,255,255,.65);font-size:12px}
.trial-copy h2{margin:22px 0 28px;color:#304f7d;font-size:44px;font-weight:400;line-height:1.6;letter-spacing:4px}.trial-copy .hunter-line{margin-bottom:29px}.trial-copy>p{margin:0;color:#5f6f85;font-size:19px;line-height:2.05;letter-spacing:1.15px}.trial-timeline{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;margin-top:46px;padding-top:28px;border-top:1px solid rgba(66,84,111,.13)}.trial-timeline>i{height:1px;background:rgba(174,139,83,.38)}.trial-timeline div{text-align:center}.trial-timeline b{color:#9a7541;font:28px Georgia,"Times New Roman",serif;font-weight:400}.trial-timeline span{margin-left:4px;color:#9a7541;font-size:13px}.trial-timeline small{display:block;margin-top:8px;color:#778698;font-size:13px;line-height:1.5}

/* Spoils */
.spoils-section{padding:125px 0;background:#fff}.spoils-heading{text-align:center;max-width:860px;margin:0 auto}.spoils-heading h2{margin:21px 0 20px;color:#304f7d;font-size:40px;font-weight:400;line-height:1.6;letter-spacing:4px}.spoils-heading p{margin:0;color:#68778b;font-size:18px;line-height:2;letter-spacing:1.2px}.spoils-line{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center;margin-top:72px}.spoils-line>i{height:1px;background:linear-gradient(90deg,rgba(159,174,188,.2),rgba(181,143,75,.42),rgba(159,174,188,.2))}.spoils-line div{text-align:center}.spoils-line span{display:block;color:#8d99a8;font:11px Georgia,"Times New Roman",serif;letter-spacing:3px}.spoils-line b{display:block;margin-top:12px;color:#a17842;font:27px Georgia,"Times New Roman",serif;font-weight:400}.spoils-line small{display:block;margin-top:8px;color:#748296;font-size:14px}.spoils-nightmare b{color:#806171}

/* Ending */
.hunter-ending{padding:120px 24px;background:radial-gradient(circle at 50% 10%,rgba(199,171,126,.12),transparent 30%),linear-gradient(120deg,#edf2f5,#e7ebf0 50%,#eeeaf0);text-align:center}.ending-inner{max-width:900px}.ending-inner h2{margin:23px 0 37px;color:#344f76;font-size:39px;font-weight:400;line-height:1.7;letter-spacing:4px}.ending-inner a{display:inline-flex;align-items:center;justify-content:space-between;width:225px;height:56px;padding:0 22px;border:1px solid rgba(160,129,81,.55);background:rgba(255,255,255,.55);color:#405b82;font-size:14px;letter-spacing:1.4px;transition:.3s}.ending-inner a:hover{transform:translateY(-2px);background:#fff}
.feature-next{padding:90px 0;background:#fff}.feature-next-inner>.hunter-kicker{text-align:center}.feature-next-links{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid rgba(68,84,108,.12);border-bottom:1px solid rgba(68,84,108,.12)}.feature-next-links a{padding:28px;transition:background .25s ease}.feature-next-links a:first-child{border-right:1px solid rgba(68,84,108,.1)}.feature-next-links a:hover{background:#f7f9fb}.feature-next-links small{display:block;color:#aa8651;font:11px Georgia,"Times New Roman",serif;letter-spacing:3px}.feature-next-links b{display:block;margin-top:10px;color:#506681;font-size:19px;font-weight:400;letter-spacing:2px}.next-right{text-align:right}

@media(max-width:1100px){
  .hunter-hero-inner{width:90%;grid-template-columns:.9fr 1.1fr;gap:45px}.hunter-hero-copy h1{font-size:54px}.rift-stage{min-height:430px}
  .intro-grid{grid-template-columns:1fr 1.05fr;gap:60px}.intro-title h2{font-size:38px}
  .rift-compare{grid-template-columns:1fr 70px 1fr}.rift-compare article{padding:48px 36px}.trial-grid{gap:60px}.trial-copy h2{font-size:38px}
}
@media(max-width:768px){
  .hunter-hero{min-height:auto;padding:112px 0 75px}.hunter-hero-number{font-size:150px;top:90px}.hunter-hero-inner{width:86%;grid-template-columns:1fr;gap:38px}.hunter-hero-copy{padding-left:0}.hunter-hero-copy h1{font-size:43px;letter-spacing:6px}.hunter-hero-copy p{font-size:17px}.rift-stage{height:58vw;min-height:300px}.hunter-scroll{display:none}
  .hunter-wrap{width:86%}.rift-intro{padding:85px 0}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-title h2{font-size:32px}.intro-copy{padding-top:0;font-size:18px}
  .dual-rift{padding:85px 0}.dual-heading{margin-bottom:48px}.dual-heading h2{font-size:31px}.rift-compare{grid-template-columns:1fr}.rift-divider{flex-direction:row;padding:25px 0}.rift-divider i{width:70px;height:1px}.rift-divider b{writing-mode:horizontal-tb}.rift-compare article{padding:40px 30px}.rift-compare p{font-size:17px}
  .trial-section{padding:90px 0}.trial-grid{grid-template-columns:1fr;gap:55px}.trial-visual{height:58vw;min-height:300px}.trial-copy h2{font-size:32px}.trial-copy>p{font-size:17px}.trial-timeline{grid-template-columns:1fr}.trial-timeline>i{width:1px;height:24px;margin:12px auto}
  .spoils-section{padding:90px 0}.spoils-heading h2{font-size:31px}.spoils-heading p{font-size:17px}.spoils-line{grid-template-columns:1fr;gap:18px;margin-top:48px}.spoils-line>i{width:1px;height:22px;margin:auto}
  .hunter-ending{padding:90px 20px}.ending-inner h2{font-size:30px}.feature-next-links{grid-template-columns:1fr}.feature-next-links a:first-child{border-right:0;border-bottom:1px solid rgba(68,84,108,.1)}
}


/* =========================================================
   V2 — Hero 主視覺 / 與初曦秘境同步文字層級
   ========================================================= */
.rift-stage { background:#dce5e9; }
.rift-stage::before, .rift-stage::after, .rift-glow, .rift-core { display:none; }
.rift-stage img { width:100%; height:100%; object-fit:cover; display:block; border-radius:12px; }

/* 同層級字級以 FEATURE 02 初曦秘境定案值為準 */
.hunter-kicker { font-size:12px; letter-spacing:5px; }
.hunter-hero-copy h1 { font-size:68px; }
.hunter-hero-copy p { font-size:20px; line-height:2.05; }
.hunter-hero-copy small { font-size:11px; }
.intro-title h2, .dual-heading h2 { font-size:42px; }
.intro-copy { font-size:20px; line-height:2.05; }
.rift-compare h3 { font-size:32px; }
.rift-compare p { font-size:19px; line-height:2; }
.side-meta b { font-size:20px; }
.side-meta small { font-size:15px; line-height:1.55; }
.trial-copy h2 { font-size:46px; line-height:1.55; }
.trial-copy > p { font-size:20px; line-height:2.05; }
.trial-timeline small { font-size:15px; line-height:1.55; }
.spoils-heading h2 { font-size:40px; }
.spoils-heading p { font-size:19px; line-height:2; }
.spoils-line span { font-size:12px; }
.spoils-line small { font-size:15px; line-height:1.55; }
.feature-next-links small { font-size:12px; }
.feature-next-links b { font-size:19px; }

@media (max-width:1100px) and (min-width:769px) {
  .intro-title h2 { font-size:38px; letter-spacing:3px; line-height:1.55; }
  .trial-copy h2 { font-size:39px; }
}

@media (max-width:768px) {
  .hunter-kicker { font-size:10px; letter-spacing:4px; }
  .hunter-hero-copy h1 { font-size:43px; }
  .hunter-hero-copy p { font-size:17px; }
  .intro-title h2, .dual-heading h2 { font-size:31px; }
  .intro-copy { font-size:18px; }
  .rift-compare p { font-size:17px; }
  .trial-copy h2 { font-size:32px; }
  .trial-copy > p { font-size:18px; }
  .trial-timeline small { font-size:14px; }
  .spoils-heading h2 { font-size:31px; }
  .spoils-heading p { font-size:17px; }
  .spoils-line small { font-size:14px; }
}


/* V5 — 詳細頁底部統一：與 FEATURE 02 初曦秘境相同 */
.feature-next{padding:100px 0;background:#fff}
.feature-next-inner>.hunter-kicker{text-align:center}
.feature-next-links{margin-top:38px}
.feature-next-links a{padding:30px 28px}
.detail-download{padding:105px 24px 110px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(255,239,205,.5),transparent 34%),linear-gradient(#f6f9fb,#fffdf9)}
.detail-download h2{margin:22px 0 34px;color:#304f7d;font-size:38px;font-weight:400;letter-spacing:4px}
.detail-download a{display:inline-flex;align-items:center;justify-content:space-between;width:238px;height:58px;padding:0 23px;border:1px solid rgba(165,132,78,.62);background:rgba(255,255,255,.8);color:#405b82;font-size:15px;letter-spacing:1.5px;transition:.3s}
.detail-download a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 28px rgba(68,84,108,.08)}
@media(max-width:768px){.detail-download h2{font-size:30px}}

/* =========================================================
   FINAL — Two Echoes 背景統一
   ========================================================= */
.dual-rift {
    background: #f4f6f8;
}

/* 保留回憶／噩夢內容本身的輕微差異，不再切割整個頁面背景 */
.memory-side {
    background: rgba(255,255,255,.48);
}

.nightmare-side {
    background: rgba(112,79,94,.055);
}


/* 2026-10 visual consistency: shared Feature hero / ending baseline */
.hunter-hero{background:radial-gradient(circle at 18% 20%,rgba(255,239,204,.52),transparent 27%),linear-gradient(120deg,#fffdf9 0%,#f7fafc 48%,#edf4f8 100%)}
.hunter-hero-number{left:5.5%;right:auto;top:13%;font-size:240px;color:rgba(66,91,126,.035)}
.detail-download{padding:105px 24px 110px;background:radial-gradient(circle at 50% 20%,rgba(255,239,205,.5),transparent 34%),linear-gradient(#f6f9fb,#fffdf9)}
.detail-download h2{margin:22px 0 34px;color:#304f7d;font-size:38px;font-weight:400;letter-spacing:4px}
.detail-download a{display:inline-flex;align-items:center;justify-content:space-between;width:238px;height:58px;padding:0 23px}
@media(max-width:768px){.hunter-hero-number{left:5.5%;right:auto;top:90px;font-size:150px}.detail-download h2{font-size:30px}}