:root{
  --bg:#080604;
  --coffee:#120d09;
  --gold:#c89a4d;
  --gold2:#f0c878;
  --text:#f0dfc5;
  --muted:#b9a17c;
  --line:rgba(203,157,79,.35);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050403;color:var(--text);font-family:"Noto Serif TC",serif}body{overflow-x:hidden}.hero{position:relative;height:100vh;min-height:680px;overflow:hidden;background:radial-gradient(circle at 70% 35%,rgba(190,123,38,.26),transparent 34%),radial-gradient(circle at 56% 84%,rgba(203,137,48,.18),transparent 32%),linear-gradient(180deg,#040302 0%,#080604 42%,#0b0704 100%)}
.bg-mountain{position:absolute;inset:0;background-image:url('assets/mountain-bg.jpg');background-size:cover;background-position:center bottom;opacity:.70;filter:contrast(1.03) saturate(.9) brightness(.62);transform:scale(1.035);animation:mountainDrift 18s ease-out forwards}.bg-ink{position:absolute;inset:0;background:radial-gradient(ellipse at 22% 32%,rgba(255,218,150,.06),transparent 28%),radial-gradient(ellipse at 76% 38%,rgba(236,171,72,.16),transparent 34%);mix-blend-mode:screen;opacity:.85}.bg-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 34%,rgba(0,0,0,.26) 66%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.55) 24%,rgba(0,0,0,.14) 62%,rgba(0,0,0,.9) 100%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 68% 44%,transparent 0 28%,rgba(5,3,2,.2) 64%,rgba(5,3,2,.68) 100%),linear-gradient(180deg,rgba(255,244,210,.025),transparent 28%,rgba(0,0,0,.18));}
.bg-silk{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(105deg,rgba(235,196,120,.18) 0 1px,transparent 1px 12px);mix-blend-mode:soft-light;filter:blur(.25px)}
.gold-dust{position:absolute;inset:-20%;opacity:.22;background-image:radial-gradient(circle at 70% 18%,rgba(190,124,45,.15) 0 .7px,transparent 1.8px),radial-gradient(circle at 66% 48%,rgba(173,112,39,.13) 0 .7px,transparent 1.8px),radial-gradient(circle at 83% 28%,rgba(202,146,60,.12) 0 .7px,transparent 1.8px);background-size:120px 120px,190px 190px,260px 260px;animation:dust 34s linear infinite}.star-field{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.78;background-image:radial-gradient(circle at 12% 18%,rgba(242,204,132,.8) 0 1px,transparent 1.7px),radial-gradient(circle at 24% 9%,rgba(218,160,75,.58) 0 1px,transparent 1.6px),radial-gradient(circle at 38% 16%,rgba(238,193,106,.72) 0 1.2px,transparent 2px),radial-gradient(circle at 51% 11%,rgba(185,129,54,.55) 0 1px,transparent 1.8px),radial-gradient(circle at 61% 21%,rgba(239,198,118,.72) 0 1px,transparent 1.8px),radial-gradient(circle at 76% 12%,rgba(245,210,135,.82) 0 1.3px,transparent 2.2px),radial-gradient(circle at 88% 23%,rgba(219,165,82,.62) 0 1px,transparent 1.7px),radial-gradient(circle at 45% 33%,rgba(229,178,88,.45) 0 1px,transparent 1.7px),radial-gradient(circle at 70% 38%,rgba(250,221,155,.52) 0 1px,transparent 1.7px);background-size:470px 470px,390px 390px,530px 530px,420px 420px,580px 580px,360px 360px,510px 510px,460px 460px,620px 620px;mix-blend-mode:screen;animation:starDrift 90s linear infinite}.star-field:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 16%,rgba(245,211,143,.65) 0 1px,transparent 2px),radial-gradient(circle at 34% 26%,rgba(232,184,101,.42) 0 1px,transparent 2px),radial-gradient(circle at 58% 15%,rgba(245,211,143,.56) 0 1px,transparent 2px),radial-gradient(circle at 83% 18%,rgba(246,218,152,.68) 0 1px,transparent 2px);background-size:260px 260px,310px 310px,230px 230px,340px 340px;opacity:.42;animation:twinkle 5.8s ease-in-out infinite}.constellation-field{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.26;mask-image:linear-gradient(180deg,black 0%,black 48%,transparent 78%)}
.star-field .star{position:absolute;width:1px;height:1px;border-radius:50%;background:rgba(243,206,132,.82);box-shadow:0 0 6px rgba(229,176,85,.38);opacity:.42;animation:softTwinkle 7s ease-in-out infinite}
.star-field .star.big{width:2px;height:2px;opacity:.58;box-shadow:0 0 10px rgba(239,196,112,.55)}
.constellation-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(205,163,92,.22),transparent);opacity:.16}
.constellation-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(232,196,126,.48);box-shadow:0 0 5px rgba(232,184,96,.22);opacity:.32}
@keyframes softTwinkle{0%,100%{opacity:.18;transform:scale(.8)}48%{opacity:.72;transform:scale(1.18)}}
.nav{position:relative;z-index:20;height:112px;display:flex;align-items:flex-start;padding:28px 52px 14px;gap:48px;opacity:0;animation:fadeDown .9s ease 2.95s forwards;overflow:visible}.brand{display:block;line-height:0;transform:translateY(14px)}.brand img{display:block;width:142px;height:auto;filter:drop-shadow(0 0 8px rgba(218,167,74,.14))}.links,.nav-actions{padding-top:18px}.links{margin-left:auto;display:flex;gap:52px;align-items:center}.links a,.reserve{color:#d7b16a;text-decoration:none;font-size:14px;letter-spacing:.22em;line-height:1;white-space:nowrap}.links a{opacity:.85;position:relative}.links a:after{content:"";position:absolute;left:0;right:.22em;bottom:-12px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transform:scaleX(0);transition:.45s}.links a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:22px}.reserve{padding:15px 35px;border:1px solid rgba(225,177,88,.74);border-radius:999px;transition:.35s;background:rgba(8,5,2,.18)}.reserve:hover{background:rgba(207,153,70,.16);box-shadow:0 0 22px rgba(207,153,70,.18)}.menu-dot{width:32px;height:32px;border:1px solid rgba(216,171,86,.5);border-radius:50%;background:transparent;display:grid;place-items:center}.menu-dot span{width:4px;height:4px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px var(--gold2)}
.hero-content{position:relative;z-index:5;height:calc(100vh - 112px);min-height:560px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);align-items:center;padding:0 7vw 8vh}.copy{max-width:520px;transform:translateY(-1.4vh)}
.copy > *{opacity:0;transform:translateY(14px);animation:itemIn 1.08s cubic-bezier(.22,.72,.18,1) forwards}
.copy .eyebrow{animation-delay:3.35s}.copy h1{animation-delay:3.72s}.copy .hairline{animation-delay:4.18s}.copy .lead{animation-delay:4.55s}.copy .desc{animation-delay:4.86s}.copy .cta-row{animation-delay:5.18s}.eyebrow{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.34em;color:rgba(214,174,102,.72);margin:0 0 22px}.copy h1{font-weight:500;font-size:clamp(30px,2.62vw,46px);letter-spacing:.115em;line-height:1.68;margin:0;color:#f4dfbd;text-shadow:0 0 24px rgba(202,149,62,.12)}.copy h1 span{display:block}.hairline{width:112px;height:1px;background:linear-gradient(90deg,var(--gold2),rgba(220,166,77,.18));margin:26px 0 28px;position:relative}.hairline:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px rgba(240,200,120,.8)}.lead{font-size:14.5px;line-height:1.95;letter-spacing:.14em;color:#ead6b5;margin:0 0 18px}.desc{max-width:520px;font-size:13.5px;line-height:2.05;letter-spacing:.12em;color:rgba(235,214,180,.78);margin:0}.cta-row{display:flex;gap:22px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:166px;height:50px;text-decoration:none;font-size:14.5px;letter-spacing:.18em;color:#16100a;border:1px solid rgba(218,169,82,.72);transition:.35s}.btn span{font-family:serif;font-size:18px}.btn.primary{background:linear-gradient(135deg,#a97932,#f0ca80 45%,#a6752f);box-shadow:0 0 34px rgba(201,149,69,.14)}.btn.secondary{color:#e7c37d;background:rgba(0,0,0,.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(231,182,92,.22)}
.cosmos{position:relative;width:min(47vw,590px);aspect-ratio:1;margin-left:auto;opacity:0;animation:cosmosIn 1.6s cubic-bezier(.18,.72,.16,1) 3.15s forwards}.compass{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 14px rgba(144,94,36,.08))}.compass-rotor{transform-origin:380px 380px;animation:barelyRotate 180s linear infinite}.draw-rings circle{stroke-dasharray:2200;stroke-dashoffset:2200;animation:ringDraw 2.5s cubic-bezier(.2,.78,.16,1) forwards}.draw-rings circle:nth-child(1){animation-delay:3.18s}.draw-rings circle:nth-child(2){animation-delay:3.28s}.draw-rings circle:nth-child(3){animation-delay:3.38s}.draw-rings circle:nth-child(4){animation-delay:3.48s}.draw-rings circle:nth-child(5){animation-delay:3.58s}.draw-rings circle:nth-child(6){animation-delay:3.68s}.draw-rings circle:nth-child(7){animation-delay:3.78s}.draw-rings circle:nth-child(8){animation-delay:3.88s}.draw-rings circle:nth-child(9){animation-delay:3.98s}.draw-rings circle:nth-child(10){animation-delay:4.08s}.draw-rings circle:nth-child(11){animation-delay:4.18s}.sectors line{stroke:#8f622c;stroke-width:.18;opacity:.105}.ticks line{stroke:#c89445;stroke-width:.24;opacity:.18}.ticks .mid{stroke:#d1a25c;stroke-width:.36;opacity:.26}.ticks .major{stroke:#e3b86d;stroke-width:.52;opacity:.38}.micro-ticks line{stroke:#9a682e;stroke-width:.16;opacity:.09}.orbit-text text{font-family:"Noto Serif TC",serif;letter-spacing:.16em}.orbit-text.outer text{fill:#b9803b;font-size:10.4px;opacity:.31}.orbit-text.inner text{fill:#d0a158;font-size:8.8px;opacity:.23}.bagua-marks{filter:drop-shadow(0 0 1px rgba(0,0,0,.95))}.bagua-marks{opacity:0;animation:fade .9s ease 4.42s forwards}.bagua-marks line{stroke:#9d7138;stroke-width:.82;stroke-linecap:round;opacity:.46}.bagua-marks .broken{stroke-dasharray:6 7;opacity:.42}.bagua-marks .underlay{stroke:#050302;stroke-width:1.72;opacity:.58}.bagua-marks .guide{stroke:#604521;stroke-width:.2;opacity:.08}.bagua-marks text{fill:#bd8b4a;font-size:10.8px;letter-spacing:.1em;opacity:.58;paint-order:stroke;stroke:rgba(4,3,2,.85);stroke-width:1.8px}.xiu-stars{opacity:0;animation:fade 1s ease 4.7s forwards}.xiu-stars text{font-family:"Noto Serif TC",serif;font-size:12px;letter-spacing:.06em;fill:#dcb36e;opacity:.7;paint-order:stroke;stroke:rgba(4,3,2,.85);stroke-width:2px}.xiu-stars circle{fill:#e2b86f;opacity:.64;filter:drop-shadow(0 0 3px rgba(231,181,91,.26))}.xiu-stars line{stroke:#c0904a;stroke-width:.5;opacity:.25}.xiu-stars .xiu-node{opacity:.42;animation:xiuGlow 8.4s linear infinite}.xiu-stars .xiu-node text,.xiu-stars .xiu-node circle,.xiu-stars .xiu-node line{transition:opacity .35s}.cross{opacity:0;animation:fade .9s ease 4.25s forwards}.cardinal{opacity:0;animation:fade .9s ease 4.55s forwards}.palace{opacity:0;animation:fade .9s ease 4.72s forwards}.logo-core{opacity:0;animation:fade 1.2s ease 4.95s forwards}.stars{opacity:0;animation:fade 1s ease 5.1s forwards}.sweep-dot{opacity:0;animation:fade .8s ease 5.24s forwards}.cardinal text{fill:#f1d299;font-size:20px;letter-spacing:.18em;paint-order:stroke;stroke:rgba(4,3,2,.92);stroke-width:3px}.palace text{paint-order:stroke;stroke:rgba(4,3,2,.72);stroke-width:2.6px}.logo-core image{filter:drop-shadow(0 0 13px rgba(224,168,76,.25))}.sweep-dot{filter:drop-shadow(0 0 6px rgba(255,217,136,.45));transform-origin:380px 380px;animation:fade .8s ease 5.24s forwards, sweep 16s linear 5.4s infinite}.side-scroll{display:none!important;position:absolute;z-index:10;left:52px;top:42%;flex-direction:column;align-items:center;gap:16px;color:#c99a4f;font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.18em;opacity:.76}.side-scroll span{height:118px;width:1px;background:linear-gradient(180deg,transparent,var(--gold2),transparent);position:relative}.side-scroll span:before,.side-scroll span:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;border:1px solid var(--gold2)}.side-scroll span:before{top:0}.side-scroll span:after{bottom:0}.bottom-scroll{position:absolute;z-index:8;left:50%;bottom:5.2vh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#dab16a;font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.18em;opacity:0;animation:fade 1s ease 5.7s forwards}.bottom-scroll i{display:block;margin-top:10px;width:1px;height:62px;background:linear-gradient(180deg,var(--gold2),transparent);position:relative}.bottom-scroll i:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#f1c66f;box-shadow:0 0 20px #f1c66f;animation:drop 2s ease-in-out infinite}.page-curve{position:absolute;z-index:7;left:0;right:0;bottom:0;height:34px;border-top:1px solid rgba(217,170,85,.55);clip-path:ellipse(58% 100% at 50% 0%);opacity:.9}.intro{position:fixed;inset:0;z-index:100;background:#030201;display:grid;place-items:center;animation:introOut .85s ease 2.1s forwards}.intro-dot{width:8px;height:8px;border-radius:50%;background:#f2c46d;box-shadow:0 0 28px #f2c46d;animation:pulse .9s ease infinite}.intro-line{position:absolute;width:1px;height:0;background:linear-gradient(180deg,transparent,#f2c46d,transparent);animation:introLine 1.4s ease .45s forwards}.intro-ring{position:absolute;width:112px;height:112px;border:1px solid rgba(242,196,109,.35);border-radius:50%;opacity:0;transform:scale(.68);animation:introRing 1.25s ease .72s forwards}
@keyframes pulse{50%{transform:scale(1.75);opacity:.5}}@keyframes introRing{45%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes introLine{to{height:220px}}@keyframes introOut{to{opacity:0;visibility:hidden}}@keyframes fadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes itemIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes copyIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(-1vh)}}@keyframes cosmosIn{from{opacity:0;transform:translateX(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes ringDraw{to{stroke-dashoffset:0}}@keyframes barelyRotate{to{transform:rotate(360deg)}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes fade{to{opacity:1}}@keyframes dust{to{transform:translate3d(-120px,70px,0)}}@keyframes starDrift{to{transform:translate3d(-80px,45px,0)}}@keyframes twinkle{0%,100%{opacity:.26}50%{opacity:.68}}@keyframes mountainDrift{to{transform:scale(1)}}@keyframes drop{0%{top:0;opacity:1}80%{top:54px;opacity:.1}100%{top:54px;opacity:0}}@keyframes xiuGlow{0%,100%{opacity:.34;filter:drop-shadow(0 0 1px rgba(231,181,91,.08))}8%{opacity:.95;filter:drop-shadow(0 0 8px rgba(246,207,127,.5))}18%{opacity:.46;filter:drop-shadow(0 0 3px rgba(231,181,91,.18))}}
@media(max-width:1050px){.links{display:none}.nav{padding:20px 24px;height:104px}.brand img{width:136px}.hero-content{display:block;padding:7vh 28px 16vh}.copy h1{font-size:36px}.cosmos{position:absolute;right:-140px;top:18vh;width:560px;opacity:.48!important}.desc{max-width:480px}.side-scroll{display:none}}@media(max-width:620px){.hero{min-height:100svh}.brand img{width:118px}.reserve{display:none}.copy{padding-top:10vh}.copy h1{font-size:30px;line-height:1.65}.lead{font-size:16px}.desc{font-size:14px}.cta-row{flex-direction:column;gap:14px}.btn{width:100%}.cosmos{right:-260px;top:12vh;width:560px}.bg-mountain{opacity:.54}.bottom-scroll{bottom:5vh}}
/* V10 refinement overrides */
.xiu-stars{pointer-events:none;mix-blend-mode:screen;opacity:0;animation:fade 1.2s ease 4.68s forwards!important}
.xiu-stars .xiu-node{opacity:.34;animation:xiuGlow 8.4s linear infinite!important;animation-delay:var(--d,5s)!important}
.xiu-stars .xiu-node text{font-size:12.5px;opacity:.78}
.xiu-stars .xiu-node circle{opacity:.62}
.xiu-stars .xiu-node line{opacity:.24}
.compass-rotor .xiu-stars{display:none}


/* V11 refinement: header centerline + constellation-only 28 stars */
.nav{
  height:104px!important;
  align-items:center!important;
  padding:18px 52px 16px!important;
  gap:44px!important;
}
.brand{transform:none!important;align-self:center!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.brand img{width:136px!important;max-height:78px!important;object-fit:contain!important;object-position:center!important;}
.links,.nav-actions{padding-top:0!important;align-items:center!important;}
.links a,.reserve{font-size:13.5px!important;letter-spacing:.2em!important;display:inline-flex;align-items:center;height:42px;}
.reserve{height:46px!important;padding:0 34px!important;}
.menu-dot{align-self:center!important;}
.hero-content{height:calc(100vh - 104px)!important;padding-top:0!important;}
.copy{transform:translateY(-2vh)!important;}
.copy h1{font-size:clamp(28px,2.38vw,42px)!important;line-height:1.62!important;letter-spacing:.105em!important;}
.lead{font-size:14px!important;line-height:1.95!important;}
.desc{font-size:13px!important;line-height:2!important;}
.cosmos{width:min(45vw,560px)!important;transform-origin:center!important;}

/* remove xiu文字，改成星宿圖案 */
.xiu-stars text{display:none!important;}
.xiu-stars{opacity:0;animation:fade 1.2s ease 4.95s forwards!important;mix-blend-mode:screen;}
.xiu-stars .xiu-node{opacity:.25;animation:xiuConstellationGlow 12s linear infinite!important;animation-delay:var(--d,0s)!important;}
.xiu-stars .xiu-node circle{fill:#e8bf76;opacity:.56;filter:drop-shadow(0 0 2px rgba(232,191,118,.18));}
.xiu-stars .xiu-node line{stroke:#c99852;stroke-width:.55;opacity:.28;stroke-linecap:round;}
.xiu-stars .xiu-node .main-star{opacity:.82;filter:drop-shadow(0 0 4px rgba(240,203,127,.25));}
@keyframes xiuConstellationGlow{
  0%,100%{opacity:.18;filter:drop-shadow(0 0 1px rgba(220,171,88,.04));}
  7%{opacity:.76;filter:drop-shadow(0 0 7px rgba(240,203,127,.34));}
  14%{opacity:.30;filter:drop-shadow(0 0 2px rgba(220,171,88,.08));}
}
/* 縮一點，避免完整畫面被裁 */
.cardinal text{font-size:19px!important;}
.bagua-marks line{stroke-width:.72!important;opacity:.42!important;}
.bagua-marks text{font-size:10px!important;opacity:.48!important;}


/* V12 refinement: use wide logo + visible 28 xiu constellations with Chinese labels */
.nav{
  height:104px!important;
  align-items:center!important;
  padding:20px 52px 16px!important;
  gap:42px!important;
}
.brand{width:268px!important;min-width:268px!important;height:72px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;transform:none!important;}
.brand img{width:258px!important;max-height:70px!important;object-fit:contain!important;object-position:left center!important;display:block!important;}
.links{flex:1!important;justify-content:center!important;gap:54px!important;}
.nav-actions{width:286px!important;justify-content:flex-end!important;gap:24px!important;}
.hero-content{height:calc(100vh - 104px)!important;}
.cosmos{width:min(44vw,548px)!important;right:6vw!important;}
.copy h1{font-size:clamp(27px,2.22vw,38px)!important;line-height:1.62!important;}
.lead{font-size:13.5px!important;}
.desc{font-size:12.8px!important;max-width:570px!important;}

/* 星宿清楚可見：圖案＋中文字，依序微亮 */
.xiu-stars{opacity:0!important;animation:fade 1.2s ease 4.95s forwards!important;mix-blend-mode:screen!important;}
.xiu-stars text{display:block!important;font-family:"Noto Serif TC",serif!important;font-size:10.5px!important;fill:rgba(238,202,132,.72)!important;letter-spacing:.08em!important;filter:drop-shadow(0 0 4px rgba(0,0,0,.95));}
.xiu-stars .xiu-node{opacity:.40!important;animation:xiuConstellationGlow 16.8s linear infinite!important;animation-delay:var(--d,0s)!important;}
.xiu-stars .xiu-node circle{fill:#efc878!important;opacity:.72!important;filter:drop-shadow(0 0 3px rgba(239,200,120,.25));}
.xiu-stars .xiu-node line{stroke:#c8964b!important;stroke-width:.62!important;opacity:.42!important;stroke-linecap:round;}
.xiu-stars .xiu-node .main-star{opacity:.95!important;filter:drop-shadow(0 0 6px rgba(245,209,128,.36));}
@keyframes xiuConstellationGlow{
  0%,100%{opacity:.24;filter:drop-shadow(0 0 1px rgba(220,171,88,.02));}
  4%{opacity:.92;filter:drop-shadow(0 0 9px rgba(240,203,127,.38));}
  9%{opacity:.40;filter:drop-shadow(0 0 2px rgba(220,171,88,.08));}
}

/* V13: 星宿重新審視：移除舊兩組星座後，讓二十八星宿明確可見但仍保留暗金精品感 */
.compass { overflow: visible !important; }
.cosmos { overflow: visible !important; }
.xiu-stars{
  display:block!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
  animation:xiuLayerIn 1.6s cubic-bezier(.2,.72,.16,1) 3.85s both!important;
  transform-origin:380px 380px;
}
.xiu-stars .xiu-node{
  opacity:.50!important;
  animation:xiuNodePulse 19.6s linear infinite!important;
  animation-delay:var(--d,0s)!important;
  transform-box:fill-box;
  transform-origin:center;
}
.xiu-stars .xiu-node text{
  display:block!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:13.2px!important;
  fill:rgba(242,211,153,.78)!important;
  letter-spacing:.10em!important;
  paint-order:stroke!important;
  stroke:rgba(2,1,0,.92)!important;
  stroke-width:2.5px!important;
  filter:drop-shadow(0 0 4px rgba(0,0,0,.95));
}
.xiu-stars .xiu-node circle{
  fill:rgba(239,200,120,.74)!important;
  opacity:.78!important;
  filter:drop-shadow(0 0 4px rgba(239,200,120,.22));
}
.xiu-stars .xiu-node line{
  stroke:rgba(211,157,74,.58)!important;
  stroke-width:.72!important;
  opacity:.52!important;
  stroke-linecap:round!important;
}
.xiu-stars .xiu-node .main-star{
  opacity:1!important;
  filter:drop-shadow(0 0 7px rgba(246,210,132,.38));
}
@keyframes xiuLayerIn{
  from{opacity:0;filter:blur(4px);}
  to{opacity:1;filter:blur(0);}
}
@keyframes xiuNodePulse{
  0%,100%{opacity:.36;filter:drop-shadow(0 0 1px rgba(220,171,88,.04));}
  2.5%{opacity:1;filter:drop-shadow(0 0 12px rgba(245,207,128,.52));}
  6.5%{opacity:.48;filter:drop-shadow(0 0 3px rgba(220,171,88,.12));}
}

/* V13: 出場順序細化，不再整片瞬間出現 */
.nav{animation:fadeDown .9s ease 1.9s forwards!important;}
.copy .eyebrow{animation-delay:2.55s!important;}
.copy h1{animation-delay:2.9s!important;}
.copy .hairline{animation-delay:3.2s!important;}
.copy .lead{animation-delay:3.45s!important;}
.copy .desc{animation-delay:3.72s!important;}
.cta-row{animation-delay:4.05s!important;}
.cosmos{animation:cosmosIn 1.25s cubic-bezier(.18,.72,.16,1) 2.65s forwards!important;}
.compass-rotor{animation:barelyRotate 220s linear infinite!important;}
.bagua-marks{animation:fade .9s ease 4.15s forwards!important;}
.cardinal{animation:fade .9s ease 4.25s forwards!important;}
.palace{animation:fade .9s ease 4.45s forwards!important;}
.logo-core{animation:fade 1.05s ease 4.65s forwards!important;}
.sweep-dot{animation:fade .8s ease 4.9s forwards, sweep 18s linear 5.1s infinite!important;}

/* V13: Header logo 橫式圖保持完整，不裁切 */
.nav{height:104px!important;align-items:center!important;padding-top:20px!important;padding-bottom:12px!important;overflow:visible!important;}
.brand{width:318px!important;min-width:318px!important;height:82px!important;overflow:visible!important;align-items:center!important;}
.brand img{width:300px!important;max-height:82px!important;object-fit:contain!important;object-position:left center!important;}
.links,.nav-actions{padding-top:0!important;align-items:center!important;}


/* V14 refinement: header nudged right, compass details strengthened but kept premium */
.nav{
  padding-left:78px!important;
  padding-right:58px!important;
  height:106px!important;
}
.brand{width:330px!important;min-width:330px!important;height:84px!important;}
.brand img{width:312px!important;max-height:84px!important;}
.links{gap:56px!important;}
.nav-actions{width:292px!important;}

/* Center emblem inside the compass, less blown-out */
.logo-core image{filter:drop-shadow(0 0 8px rgba(224,168,76,.18))!important;}
.logo-core circle:first-child{stroke-width:.7!important;}

/* Twenty-eight lunar mansions: larger, visible, sequentially glowing */
.xiu-stars{
  opacity:1!important;
  animation:xiuLayerIn 1.6s cubic-bezier(.2,.72,.16,1) 3.7s both!important;
  mix-blend-mode:screen!important;
}
.xiu-stars .xiu-node{
  opacity:.62!important;
  animation:xiuNodePulseStrong 22.4s linear infinite!important;
  animation-delay:var(--d,0s)!important;
}
.xiu-stars .xiu-node text{
  display:block!important;
  font-size:14.2px!important;
  fill:rgba(246,214,153,.88)!important;
  stroke:rgba(5,3,2,.95)!important;
  stroke-width:2.8px!important;
  paint-order:stroke!important;
  letter-spacing:.06em!important;
  filter:drop-shadow(0 0 5px rgba(236,190,104,.20))!important;
}
.xiu-stars .xiu-node circle{
  fill:#f1c879!important;
  opacity:.88!important;
  r:1.65;
  filter:drop-shadow(0 0 3px rgba(239,200,120,.28))!important;
}
.xiu-stars .xiu-node .main-star{
  opacity:1!important;
  filter:drop-shadow(0 0 8px rgba(245,209,128,.45))!important;
}
.xiu-stars .xiu-node line{
  stroke:#d2a05a!important;
  stroke-width:.78!important;
  opacity:.58!important;
  stroke-linecap:round!important;
}
@keyframes xiuNodePulseStrong{
  0%,100%{opacity:.42;filter:drop-shadow(0 0 1px rgba(231,181,91,.05));}
  2.5%{opacity:1;filter:drop-shadow(0 0 12px rgba(245,207,128,.55));}
  5.5%{opacity:.70;filter:drop-shadow(0 0 5px rgba(231,181,91,.22));}
  8%{opacity:.42;filter:drop-shadow(0 0 1px rgba(231,181,91,.05));}
}

/* Bagua becomes an engraved rotating layer, visible enough to enrich the compass */
.bagua-marks line{stroke:#c6924d!important;stroke-width:1.02!important;opacity:.60!important;}
.bagua-marks .broken{opacity:.58!important;}
.bagua-marks .underlay{stroke:#060403!important;stroke-width:2.1!important;opacity:.68!important;}
.bagua-marks text{fill:#d3a15d!important;font-size:12px!important;opacity:.72!important;stroke-width:2.2px!important;}
.orbit-text.outer text{font-size:10.8px!important;opacity:.38!important;}
.orbit-text.inner text{font-size:9.3px!important;opacity:.30!important;}
.ticks .major{opacity:.45!important;}
.draw-rings circle{opacity:.44;}


/* V15 corrections: nav words left, cleaner bagua, central emblem alignment */
.nav{
  padding-left:52px!important;
  padding-right:58px!important;
  gap:28px!important;
}
.brand{width:300px!important;min-width:300px!important;}
.brand img{width:286px!important;}
.links{
  flex:0 1 auto!important;
  margin-left:2px!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
  gap:50px!important;
  transform:translateX(-38px)!important;
}
.nav-actions{margin-left:auto!important;transform:none!important;}

/* 后天八卦：改為短刻線，不用長導線；暗金刻痕，避免怪異突兀 */
.bagua-marks{opacity:0;animation:fade .9s ease 4.15s forwards!important;}
.bagua-marks .guide{display:none!important;}
.bagua-marks .yao{
  stroke:#b88645!important;
  stroke-width:.92!important;
  stroke-linecap:round!important;
  opacity:.50!important;
  filter:drop-shadow(0 0 1px rgba(0,0,0,.9));
}
.bagua-marks .yao.broken{opacity:.47!important;}
.bagua-marks text{
  fill:#c89552!important;
  font-size:10.5px!important;
  opacity:.54!important;
  stroke:rgba(5,3,2,.95)!important;
  stroke-width:2px!important;
  paint-order:stroke!important;
}

.logo-core{transform-origin:380px 380px!important;}
.logo-core .core-emblem{filter:drop-shadow(0 0 7px rgba(224,168,76,.16))!important;}
.logo-core circle:first-child{stroke-width:.65!important;}

/* keep center less swollen */
.logo-core{filter:drop-shadow(0 0 7px rgba(224,168,76,.08))!important;}

/* Slightly enrich visible mansion layer without overpowering */
.xiu-stars .xiu-node text{font-size:15px!important;}
.xiu-stars .xiu-node line{stroke-width:.82!important;opacity:.62!important;}
.xiu-stars .xiu-node circle{opacity:.92!important;}

/* V17 correction: revert V16 scale, align header to reservation, restore visible engraved Hou-Tian Bagua */
.nav{
  height:104px!important;
  padding:20px 56px 14px 56px!important;
  gap:28px!important;
  align-items:center!important;
  overflow:visible!important;
}
.brand{
  width:300px!important;
  min-width:300px!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transform:none!important;
  overflow:visible!important;
}
.brand img{
  width:286px!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.links{
  flex:1 1 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:46px!important;
  margin-left:24px!important;
  margin-right:30px!important;
  transform:none!important;
  padding-top:0!important;
}
.links a{
  height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  font-size:13.5px!important;
  letter-spacing:.2em!important;
  line-height:1!important;
}
.nav-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  margin-left:0!important;
  padding-top:0!important;
  transform:none!important;
}
.reserve{height:46px!important;display:inline-flex!important;align-items:center!important;padding:0 34px!important;font-size:13.5px!important;line-height:1!important;}
.menu-dot{align-self:center!important;}

/* Revert headline scale to the more refined previous size */
.copy h1{
  font-size:clamp(27px,2.22vw,38px)!important;
  line-height:1.62!important;
  letter-spacing:.105em!important;
}
.copy{transform:translateY(-2vh)!important;padding-top:0!important;}
.lead{font-size:13.5px!important;line-height:1.95!important;}
.desc{font-size:12.8px!important;line-height:2!important;max-width:570px!important;}
.cosmos{width:min(44vw,548px)!important;right:6vw!important;}
.hero-content{height:calc(100vh - 104px)!important;padding-top:0!important;}

/* Bagua: visible carved Hou-Tian trigrams, no long strange center lines */
.bagua-marks{opacity:0;animation:fade .9s ease 4.15s forwards!important;}
.bagua-marks .guide{display:none!important;}
.bagua-marks .yao{
  stroke:#bc8b48!important;
  stroke-width:1.05!important;
  stroke-linecap:round!important;
  opacity:.66!important;
  filter:drop-shadow(0 0 1px rgba(0,0,0,.9));
}
.bagua-marks .yao.broken{opacity:.62!important;}
.bagua-marks text{
  fill:#d0a05a!important;
  font-size:11px!important;
  opacity:.68!important;
  stroke:rgba(5,3,2,.96)!important;
  stroke-width:2px!important;
  paint-order:stroke!important;
}

/* Center emblem optical adjustment */
.logo-core{transform-origin:380px 380px!important;filter:drop-shadow(0 0 7px rgba(224,168,76,.08))!important;}
.logo-core .core-emblem{transform:translate(-1px, -1px)!important;filter:drop-shadow(0 0 7px rgba(224,168,76,.16))!important;}
.logo-core circle:first-child{stroke-width:.65!important;}

/* Twenty-eight mansions stay visible enough, but still dark-gold */
.xiu-stars{opacity:1!important;animation:xiuLayerIn 1.35s cubic-bezier(.2,.72,.16,1) 4.45s both!important;mix-blend-mode:screen!important;}
.xiu-stars .xiu-node{opacity:.58!important;animation:xiuNodePulseV17 24s linear infinite!important;animation-delay:var(--d,0s)!important;}
.xiu-stars .xiu-node text{display:block!important;font-size:14.4px!important;fill:rgba(247,216,158,.86)!important;stroke:rgba(4,3,2,.96)!important;stroke-width:2.8px!important;paint-order:stroke!important;filter:drop-shadow(0 0 4px rgba(231,179,86,.18))!important;}
.xiu-stars .xiu-node line{stroke:rgba(219,164,82,.68)!important;stroke-width:.85!important;opacity:.72!important;stroke-linecap:round!important;}
.xiu-stars .xiu-node circle{fill:#f1c879!important;opacity:.92!important;filter:drop-shadow(0 0 3px rgba(239,200,120,.25))!important;}
.xiu-stars .xiu-node .main-star{filter:drop-shadow(0 0 9px rgba(245,209,128,.42))!important;}
@keyframes xiuNodePulseV17{
  0%,100%{opacity:.44;filter:drop-shadow(0 0 0 rgba(231,181,91,0));}
  2.3%{opacity:1;filter:drop-shadow(0 0 10px rgba(245,207,128,.46));}
  5.2%{opacity:.70;filter:drop-shadow(0 0 4px rgba(231,181,91,.18));}
  8%{opacity:.44;filter:drop-shadow(0 0 0 rgba(231,181,91,0));}
}

/* Twenty-eight mansion labels: one calm inner orbit, independent from constellation sketches. */
.xiu-stars .xiu-label-track{
  display:block!important;
  fill:none!important;
  stroke:rgba(185,145,110,.34)!important;
  stroke-width:.55!important;
  vector-effect:non-scaling-stroke;
  opacity:.72!important;
}
.xiu-stars .xiu-label{
  display:block!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:11.4px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  fill:rgba(236,205,150,.84)!important;
  stroke:rgba(4,3,2,.94)!important;
  stroke-width:2.3px!important;
  paint-order:stroke!important;
  filter:drop-shadow(0 0 3px rgba(185,145,110,.13))!important;
  opacity:.92!important;
}
.xiu-stars .xiu-node{
  opacity:.46!important;
}

/* ===== Full scroll-story skeleton V18 ===== */
body{background:#050403;}
.story-section{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:linear-gradient(180deg,#070503 0%,#0b0704 52%,#050403 100%);
  border-top:1px solid rgba(196,145,68,.10);
  isolation:isolate;
}
.story-section:before{
  content:"";
  position:absolute;inset:0;z-index:-2;
  background:radial-gradient(circle at 72% 34%,rgba(196,145,68,.10),transparent 32%),radial-gradient(circle at 18% 70%,rgba(94,59,24,.20),transparent 38%);
}
.story-section:after{
  content:"";
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.34) 48%,rgba(0,0,0,.76)),linear-gradient(180deg,rgba(0,0,0,.56),transparent 45%,rgba(0,0,0,.72));
}
.section-inner{
  position:relative;z-index:2;
  width:min(1180px,calc(100% - 112px));
  min-height:100vh;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:120px 0;
}
.two-col{display:grid;grid-template-columns:.88fr 1.12fr;gap:min(8vw,110px);align-items:center;}
.chapter-mark{
  position:absolute;left:54px;top:50%;transform:translateY(-50%);z-index:4;
  display:flex;flex-direction:column;align-items:center;gap:22px;color:rgba(239,199,117,.58);
  font-family:"Cormorant Garamond",serif;letter-spacing:.16em;font-size:18px;
}
.chapter-mark i{display:block;width:1px;height:160px;background:linear-gradient(180deg,transparent,rgba(201,154,77,.58),transparent);}
.section-title h2,.center-title h2,.centered-narrow h2{margin:0;font-size:clamp(42px,5vw,82px);font-weight:500;letter-spacing:.16em;color:#f1dfc0;line-height:1.15;}
.section-title .chapter-lead,.center-title p,.large-quote{color:#e8d5b6;font-size:clamp(18px,2.1vw,30px);line-height:1.85;letter-spacing:.12em;font-weight:400;}
.section-copy{color:rgba(230,209,174,.78);font-size:15px;line-height:2.25;letter-spacing:.08em;max-width:620px;}
.section-copy p{margin:0 0 24px;}
.center-title{text-align:center;margin:0 auto 70px;max-width:760px;}
.center-title .eyebrow,.section-title .eyebrow,.centered-narrow .eyebrow{color:rgba(219,170,89,.70);font-size:12px;letter-spacing:.34em;font-family:"Cormorant Garamond",serif;margin-bottom:22px;}
.section-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.46;}
.section-bg-ring{background:radial-gradient(circle at 76% 52%,transparent 0 17%,rgba(208,157,77,.16) 17.2% 17.4%,transparent 17.8% 24%,rgba(208,157,77,.10) 24.1% 24.25%,transparent 25%),radial-gradient(circle at 76% 52%,rgba(208,157,77,.10),transparent 32%);}
.grid-bg{background-image:linear-gradient(rgba(202,150,72,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(202,150,72,.12) 1px,transparent 1px);background-size:120px 120px;mask-image:radial-gradient(circle at 50% 50%,black 0 35%,transparent 70%);}
.flow-bg{background:radial-gradient(circle at 50% 46%,rgba(204,153,75,.20),transparent 36%);}
.service-orbit{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch;}
.service-node{appearance:none;border:1px solid rgba(205,158,82,.30);background:linear-gradient(180deg,rgba(32,22,14,.72),rgba(8,6,4,.62));color:#ecd7b5;border-radius:999px;min-height:168px;padding:26px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:transform .6s cubic-bezier(.2,.72,.16,1),border-color .6s,background .6s;}
.service-node span{font-family:"Noto Serif TC",serif;font-size:20px;letter-spacing:.16em;}
.service-node em{font-style:normal;font-family:"Noto Sans TC",sans-serif;font-size:12px;letter-spacing:.12em;color:rgba(218,188,135,.68);}
.service-node:hover{transform:translateY(-8px);border-color:rgba(241,199,117,.72);background:linear-gradient(180deg,rgba(48,33,20,.82),rgba(12,8,5,.7));}
.flow-system{position:relative;width:min(860px,100%);margin:0 auto;text-align:center;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.flow-item.top,.flow-result{border:1px solid rgba(229,181,96,.58);border-radius:999px;padding:20px 52px;color:#f0d8ae;letter-spacing:.22em;background:rgba(12,8,5,.72);box-shadow:0 0 36px rgba(194,132,45,.08);}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;margin:120px 0 46px;}
.flow-grid button{appearance:none;border:1px solid rgba(204,151,72,.32);background:rgba(18,12,7,.68);color:#dfc291;border-radius:999px;padding:18px 16px;letter-spacing:.18em;cursor:pointer;}
.flow-lines{position:absolute;inset:102px 12% 128px;pointer-events:none;}
.flow-lines i{position:absolute;top:0;left:50%;width:1px;height:168px;background:linear-gradient(180deg,rgba(235,189,102,.65),transparent);transform-origin:top;opacity:.55;}
.flow-lines i:nth-child(1){transform:rotate(-42deg)}.flow-lines i:nth-child(2){transform:rotate(-15deg)}.flow-lines i:nth-child(3){transform:rotate(15deg)}.flow-lines i:nth-child(4){transform:rotate(42deg)}
.centered-narrow{text-align:center;align-items:center;width:min(760px,calc(100% - 80px));}
.large-quote{margin:30px 0 44px;font-size:clamp(25px,3.2vw,48px);line-height:1.75;color:#f0d8b4;}
.door-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:-1;opacity:.52;}
.round-door{width:min(54vw,640px);height:min(54vw,640px);border:1px solid rgba(219,169,88,.42);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(185,126,48,.035),0 0 90px rgba(191,130,52,.14);background:radial-gradient(circle,transparent 0 51%,rgba(219,169,88,.16) 51.2% 51.4%,transparent 52%);}
.door-light{position:absolute;width:min(34vw,420px);height:min(34vw,420px);border-radius:50%;background:radial-gradient(circle,rgba(241,198,112,.28),rgba(161,99,31,.08) 42%,transparent 70%);filter:blur(28px);animation:doorPulse 8s ease-in-out infinite;}
@keyframes doorPulse{0%,100%{opacity:.38;transform:scale(.92)}50%{opacity:.72;transform:scale(1.04)}}
.about-cards{display:grid;grid-template-columns:1fr;gap:18px;}
.about-cards article{border:1px solid rgba(204,151,72,.25);background:rgba(20,13,8,.62);border-radius:22px;padding:26px 30px;}
.about-cards span{display:block;color:#e8bd69;letter-spacing:.22em;margin-bottom:12px;}
.about-cards p{margin:0;color:rgba(230,209,174,.76);line-height:2;letter-spacing:.08em;}
.site-footer{position:relative;padding:70px 56px;background:#040302;border-top:1px solid rgba(205,158,82,.18);display:grid;grid-template-columns:1fr auto auto;gap:42px;align-items:center;color:rgba(231,207,167,.72);}
.footer-brand img{width:260px;display:block;margin-bottom:12px}.footer-brand p{margin:0;color:#d9b46c;letter-spacing:.28em}.footer-info{display:flex;gap:26px;align-items:center}.footer-info a,.footer-info span{color:rgba(231,207,167,.72);text-decoration:none;font-size:13px;letter-spacing:.16em}.site-footer small{font-family:"Cormorant Garamond",serif;letter-spacing:.12em;color:rgba(231,207,167,.45)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(.2,.72,.16,1),transform 1.1s cubic-bezier(.2,.72,.16,1)}
.reveal.in{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.16s}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 44px));border:1px solid rgba(224,176,92,.45);border-radius:26px;background:linear-gradient(180deg,rgba(28,19,12,.96),rgba(8,6,4,.96));padding:54px 58px;color:#edd6b2;box-shadow:0 26px 90px rgba(0,0,0,.72)}.modal-panel h3{font-size:40px;font-weight:500;letter-spacing:.18em;margin:0 0 16px}.modal-tagline{font-size:18px;color:#efc878;letter-spacing:.12em}.modal-panel p:not(.eyebrow):not(.modal-tagline){line-height:2.1;letter-spacing:.08em;color:rgba(233,212,177,.78)}.modal-close{position:absolute;right:22px;top:18px;appearance:none;border:0;background:none;color:#d6aa61;font-size:32px;cursor:pointer}.modal-actions{display:flex;gap:16px;margin-top:32px}
@media (max-width:980px){.section-inner{width:calc(100% - 46px);padding:96px 0}.two-col{grid-template-columns:1fr;gap:40px}.chapter-mark{left:22px;top:92px;transform:none;font-size:14px}.chapter-mark i{height:84px}.service-orbit{grid-template-columns:1fr;gap:12px}.service-node{min-height:112px}.flow-grid{grid-template-columns:repeat(2,1fr);margin-top:96px}.site-footer{grid-template-columns:1fr;}.footer-info{flex-wrap:wrap}.section-title h2,.center-title h2,.centered-narrow h2{font-size:44px}.large-quote{font-size:28px}}

/* ===== Story V2: master layout refinement + richer graphics / animation ===== */
:root{--llg-gold:#c99a52;--llg-bright:#f2d49a;--llg-ink:#050302;--llg-brown:#100a05;}
html{scroll-behavior:smooth;}
body{background:#030201;}
.hero{box-shadow:inset 0 -1px 0 rgba(211,160,78,.18);}

/* global chapter rhythm closer to selected master */
.story-section{min-height:unset!important;border-top:1px solid rgba(205,158,82,.16)!important;}
.story-section:after{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.30) 48%,rgba(0,0,0,.76)),linear-gradient(180deg,rgba(0,0,0,.58),transparent 46%,rgba(0,0,0,.70))!important;}
.section-inner{min-height:520px!important;padding:84px 0!important;}
.section-fate .section-inner{min-height:430px!important;}
.section-ju .section-inner{min-height:680px!important;}
.quote-chapter .section-inner{min-height:430px!important;}
.create-grid-section .section-inner{min-height:620px!important;}
.section-about .section-inner{min-height:500px!important;}
.chapter-mark{left:58px!important;color:rgba(238,188,100,.75)!important;}
.chapter-mark span{font-size:25px!important;letter-spacing:.10em;text-shadow:0 0 18px rgba(203,154,82,.12);}
.chapter-mark i{height:150px!important;background:linear-gradient(180deg,rgba(207,158,79,.0),rgba(207,158,79,.72),rgba(207,158,79,.0))!important;}
.chapter-mark i:before,.chapter-mark i:after{content:"";position:absolute;left:50%;width:6px;height:6px;border:1px solid rgba(238,188,100,.75);border-radius:50%;transform:translateX(-50%);background:#050302;}
.chapter-mark i:before{top:0}.chapter-mark i:after{bottom:0}
.section-title h2,.center-title h2,.centered-narrow h2,.create-copy h2,.need-list h2{font-size:clamp(38px,4.1vw,66px)!important;font-weight:500!important;letter-spacing:.18em!important;color:#f0ddbd!important;}
.section-title .chapter-lead,.center-title p,.large-quote{font-size:clamp(16px,1.65vw,24px)!important;}
.section-copy{font-size:14px!important;line-height:2.18!important;color:rgba(235,216,181,.74)!important;}

/* Section 01: subtle rotating chart, book-page spacing */
.section-fate{background:linear-gradient(180deg,#090603,#080503)!important;}
.section-fate .section-bg-ring{opacity:.58!important;background:
  radial-gradient(circle at 78% 52%,transparent 0 15%,rgba(214,162,78,.13) 15.2% 15.35%,transparent 15.7% 23%,rgba(214,162,78,.08) 23.1% 23.25%,transparent 24%),
  repeating-conic-gradient(from -12deg at 78% 52%,rgba(213,160,76,.16) 0 1deg,transparent 1deg 15deg),
  radial-gradient(circle at 78% 52%,rgba(214,162,78,.09),transparent 35%)!important;animation:slowTurn 120s linear infinite;}
@keyframes slowTurn{to{transform:rotate(360deg)}}
.section-fate .section-title{padding-left:74px;border-left:1px solid rgba(207,158,79,.20);}
.section-fate .section-copy{position:relative;padding:32px 42px;border:1px solid rgba(205,158,82,.14);background:linear-gradient(180deg,rgba(21,13,7,.42),rgba(5,3,2,.25));box-shadow:inset 0 0 40px rgba(205,158,82,.025);}
.section-fate .section-copy:before,.section-fate .section-copy:after{content:"";position:absolute;width:42px;height:42px;border-color:rgba(205,158,82,.38);border-style:solid;}
.section-fate .section-copy:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.section-fate .section-copy:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}

/* Section 02: service objects like the master image, with animated golden flow */
.section-ju{background:linear-gradient(180deg,#050302,#080503 48%,#050302)!important;}
.section-ju .grid-bg{opacity:.32!important;background-image:
  radial-gradient(circle at 50% 85%,rgba(236,187,99,.16),transparent 18%),
  repeating-linear-gradient(90deg,rgba(202,150,72,.06) 0 1px,transparent 1px 120px),
  repeating-linear-gradient(0deg,rgba(202,150,72,.04) 0 1px,transparent 1px 120px)!important;}
.service-orbit{position:relative;grid-template-columns:repeat(5,1fr)!important;gap:24px!important;margin-top:14px;}
.service-orbit:before{content:"";position:absolute;left:8%;right:8%;bottom:-62px;height:90px;background:
  radial-gradient(circle at 50% 84%,rgba(242,194,96,.70),rgba(194,126,44,.12) 13%,transparent 28%),
  linear-gradient(90deg,transparent,rgba(214,160,76,.62),transparent);clip-path:polygon(0 60%,50% 100%,100% 60%,100% 100%,0 100%);opacity:.72;filter:blur(.2px);animation:flowBreath 5.8s ease-in-out infinite;}
.service-orbit:after{content:"奇門遁甲整合分析\A 為您提供完整的人生策略與造運規劃";white-space:pre;position:absolute;left:50%;bottom:-122px;transform:translateX(-50%);text-align:center;color:#e9c37e;font-family:"Noto Serif TC",serif;letter-spacing:.22em;font-size:20px;line-height:1.9;text-shadow:0 0 18px rgba(203,143,62,.12);}
@keyframes flowBreath{0%,100%{opacity:.42;transform:scaleX(.96)}50%{opacity:.78;transform:scaleX(1.04)}}
.service-node{border:none!important;background:transparent!important;min-height:210px!important;padding:0!important;gap:8px!important;border-radius:0!important;}
.service-node:hover{transform:translateY(-7px)!important;background:transparent!important;}
.service-node span{font-size:20px!important;letter-spacing:.16em;color:#e7c584;}
.service-node em{font-size:11.5px!important;color:rgba(221,190,132,.62)!important;}
.service-glyph{width:118px;height:118px;border:1px solid rgba(213,164,85,.55);border-radius:50%;display:block;margin-bottom:22px;position:relative;background:radial-gradient(circle,rgba(221,166,76,.08),transparent 62%);box-shadow:0 0 32px rgba(199,139,54,.05),inset 0 0 24px rgba(218,168,86,.035);transition:border-color .55s,box-shadow .55s,transform .55s;}
.service-node:hover .service-glyph{border-color:rgba(242,204,126,.84);box-shadow:0 0 40px rgba(227,176,88,.16),inset 0 0 28px rgba(218,168,86,.06);transform:scale(1.035);}
.service-glyph:before,.service-glyph:after{content:"";position:absolute;inset:24px;border:1px solid rgba(216,165,82,.38);}
.glyph-qimen:before{inset:31px;border-radius:0;box-shadow:0 -18px 0 -17px rgba(216,165,82,.6),0 18px 0 -17px rgba(216,165,82,.6),18px 0 0 -17px rgba(216,165,82,.6),-18px 0 0 -17px rgba(216,165,82,.6)}
.glyph-qimen:after{inset:45px;border-radius:50%;background:radial-gradient(circle,rgba(239,199,117,.72) 0 2px,transparent 3px)}
.glyph-bazi:before{inset:25px;background:linear-gradient(90deg,transparent 32%,rgba(216,165,82,.45) 32% 34%,transparent 34% 66%,rgba(216,165,82,.45) 66% 68%,transparent 68%),linear-gradient(0deg,transparent 32%,rgba(216,165,82,.45) 32% 34%,transparent 34% 66%,rgba(216,165,82,.45) 66% 68%,transparent 68%)}
.glyph-bazi:after{display:none}.glyph-ziwei:before{border-radius:50%;inset:27px}.glyph-ziwei:after{inset:24px;border:0;background:radial-gradient(circle at 28% 28%,#e7be72 0 2px,transparent 3px),radial-gradient(circle at 68% 34%,#e7be72 0 2px,transparent 3px),radial-gradient(circle at 46% 72%,#e7be72 0 2px,transparent 3px);clip-path:polygon(28% 28%,68% 34%,46% 72%)}
.glyph-name:before{inset:33px;border-radius:8px;background:linear-gradient(90deg,transparent 48%,rgba(216,165,82,.42) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(216,165,82,.42) 48% 52%,transparent 52%)}.glyph-name:after{inset:44px;border-radius:4px}
.glyph-fengshui:before{inset:26px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 14deg,rgba(216,165,82,.46) 14deg 16deg,transparent 16deg 44deg,rgba(216,165,82,.46) 44deg 46deg,transparent 46deg)}.glyph-fengshui:after{inset:44px;border-radius:50%}

/* Section 03: quote panel with engraved frame and red seal */
.quote-chapter{background:linear-gradient(180deg,#080503,#070402)!important;min-height:440px!important;}
.quote-chapter:before{background:radial-gradient(circle at 78% 20%,rgba(184,119,45,.11),transparent 38%),radial-gradient(circle at 22% 90%,rgba(87,50,20,.30),transparent 35%)!important;}
.bamboo-shadow{position:absolute;right:0;bottom:0;width:34%;height:100%;opacity:.20;background:linear-gradient(120deg,transparent 0 68%,rgba(199,148,70,.18) 68.4% 68.8%,transparent 69%),repeating-linear-gradient(102deg,transparent 0 36px,rgba(214,161,76,.14) 37px 38px,transparent 39px 92px);mask-image:linear-gradient(90deg,transparent,black 35%);}
.quote-layout{display:grid!important;grid-template-columns:250px 1fr!important;gap:70px!important;align-items:center!important;min-height:440px!important;}
.quote-side h2{font-size:42px!important;margin:0 0 20px;color:#e9c884;letter-spacing:.32em;}
.quote-side p:not(.eyebrow){color:rgba(231,207,167,.72);letter-spacing:.18em;line-height:2;}
.small-gold-btn{appearance:none;background:rgba(15,10,6,.62);border:1px solid rgba(206,155,77,.45);color:#e9c884;padding:14px 34px;font-family:"Noto Serif TC",serif;letter-spacing:.18em;cursor:pointer;transition:.5s;}
.small-gold-btn:hover{border-color:#eac678;background:rgba(206,155,77,.08)}
.classic-quote{position:relative;text-align:center;padding:78px 80px;border:1px solid rgba(202,150,72,.24);background:linear-gradient(180deg,rgba(23,15,9,.42),rgba(6,4,3,.22));box-shadow:inset 0 0 80px rgba(220,167,78,.035);}
.classic-quote:before{content:"";position:absolute;inset:16px;border:1px solid rgba(202,150,72,.10);}
.classic-quote p{margin:0;color:#f0d6ac;font-size:clamp(28px,3.35vw,52px);font-family:"Noto Serif TC",serif;letter-spacing:.22em;line-height:1.65;text-shadow:0 0 20px rgba(203,143,62,.08);}
.classic-quote em{display:block;margin-top:22px;font-style:normal;color:rgba(226,185,112,.58);font-family:"Cormorant Garamond",serif;letter-spacing:.28em;font-size:13px;}
.classic-quote .seal{position:absolute;right:70px;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(185,43,30,.72);color:rgba(198,46,34,.86);display:grid;place-items:center;font-size:13px;line-height:1.1;letter-spacing:.10em;font-weight:500;}
.corner{position:absolute;width:34px;height:34px;border-color:rgba(219,169,88,.36);border-style:solid}.tl{left:-1px;top:-1px;border-width:1px 0 0 1px}.tr{right:-1px;top:-1px;border-width:1px 1px 0 0}.bl{left:-1px;bottom:-1px;border-width:0 0 1px 1px}.br{right:-1px;bottom:-1px;border-width:0 1px 1px 0}

/* Section 04: split door scene like master */
.create-grid-section{background:linear-gradient(180deg,#050302,#090604)!important;}
.create-grid-section:before{background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.72)),url('assets/mountain-bg.jpg')!important;background-size:cover!important;background-position:center bottom!important;opacity:.58!important;}
.create-split{display:grid!important;grid-template-columns:320px 1fr!important;gap:min(9vw,120px)!important;align-items:center!important;min-height:620px!important;}
.need-list h2{font-size:18px!important;letter-spacing:.14em!important;color:rgba(238,216,180,.78)!important;margin:0 0 28px!important;}
.need-list ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}.need-list li{display:flex;align-items:center;gap:16px;color:#e4ca9b;letter-spacing:.16em;font-size:15px}.need-list li span{width:34px;height:34px;border:1px solid rgba(213,164,85,.48);border-radius:50%;display:grid;place-items:center;color:#e8bd69;font-size:13px;}
.create-copy{text-align:left;max-width:620px;margin-left:auto;}
.create-copy h2{font-size:clamp(38px,4.4vw,72px)!important;margin:0;color:#f0d8ae;}
.create-copy .large-quote{font-size:clamp(24px,2.7vw,42px)!important;margin:26px 0 34px;}
.door-scene{opacity:.68!important;justify-content:center!important;align-items:center!important;}
.round-door{width:min(45vw,560px)!important;height:min(45vw,560px)!important;background:radial-gradient(circle,rgba(241,199,117,.05),transparent 48%,rgba(219,169,88,.22) 49% 49.4%,transparent 50%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 50%,rgba(0,0,0,.45))!important;animation:doorApproach 10s ease-in-out infinite;}
.round-door:before,.round-door:after{content:"";position:absolute;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(219,169,88,.45),transparent);}.round-door:before{left:32%}.round-door:after{right:32%}
@keyframes doorApproach{0%,100%{transform:scale(.98)}50%{transform:scale(1.025)}}

/* Footer more like selected master */
.site-footer{padding:48px 64px!important;grid-template-columns:280px 1fr auto!important;background:#040302!important;}
.footer-brand img{width:228px!important}.footer-info{justify-content:center!important;gap:34px!important;}

/* modal: ancient book open animation */
.modal.is-open .modal-panel{animation:bookOpen .52s cubic-bezier(.2,.72,.16,1) both;transform-origin:center;}
@keyframes bookOpen{from{opacity:0;transform:translate(-50%,-50%) scaleX(.72) scaleY(.96);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%) scaleX(1) scaleY(1);filter:blur(0)}}

@media(max-width:980px){.story-section .section-inner{min-height:auto!important;padding:96px 0!important}.quote-layout,.create-split{grid-template-columns:1fr!important;gap:42px!important}.service-orbit{grid-template-columns:1fr!important}.service-orbit:before,.service-orbit:after{display:none}.classic-quote{padding:52px 30px}.chapter-mark{left:22px!important}.site-footer{grid-template-columns:1fr!important}.footer-info{justify-content:flex-start!important}}

/* ===== Story V3: refine from rough to boutique metaphysics ===== */
/* overall: finer lines, lower glare, layered paper / lacquer atmosphere */
.story-section{
  background:
    radial-gradient(circle at 50% 0%, rgba(175,112,42,.055), transparent 38%),
    linear-gradient(180deg,#050302 0%,#090604 54%,#040302 100%) !important;
}
.story-section:before{
  opacity:.74 !important;
  background:
    radial-gradient(circle at 78% 24%,rgba(202,150,72,.075),transparent 34%),
    radial-gradient(circle at 18% 86%,rgba(94,59,24,.17),transparent 38%),
    repeating-linear-gradient(112deg,rgba(231,184,103,.018) 0 1px,transparent 1px 7px) !important;
}
.story-section:after{
  z-index:1 !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.24) 48%,rgba(0,0,0,.74)),
    linear-gradient(180deg,rgba(0,0,0,.50),transparent 44%,rgba(0,0,0,.68)) !important;
}
.section-bg{z-index:0!important;opacity:.72!important;}
.section-inner,.chapter-mark{z-index:3!important;}

/* left chapter rail: thinner, less diagram-like */
.chapter-mark{left:56px!important;gap:18px!important;color:rgba(232,181,93,.68)!important;}
.chapter-mark span{font-size:22px!important;font-weight:500!important;text-shadow:none!important;}
.chapter-mark i{height:132px!important;background:linear-gradient(180deg,transparent,rgba(211,163,84,.48),transparent)!important;}
.chapter-mark i:before,.chapter-mark i:after{width:4px!important;height:4px!important;border-color:rgba(236,190,102,.62)!important;background:#050302!important;}

/* typography: slightly smaller, more refined */
.section-title h2,.center-title h2,.centered-narrow h2,.create-copy h2,.need-list h2{
  font-size:clamp(34px,3.35vw,56px)!important;
  letter-spacing:.22em!important;
  font-weight:500!important;
  text-shadow:0 0 18px rgba(210,157,78,.04)!important;
}
.section-title .chapter-lead,.center-title p,.large-quote{
  font-size:clamp(15px,1.34vw,20px)!important;
  line-height:2!important;
  letter-spacing:.13em!important;
  color:rgba(236,217,183,.78)!important;
}
.section-copy{font-size:13.5px!important;line-height:2.25!important;letter-spacing:.09em!important;color:rgba(235,216,181,.68)!important;}
.center-title{margin-bottom:54px!important;}
.center-title .eyebrow,.section-title .eyebrow,.centered-narrow .eyebrow{font-size:10.5px!important;color:rgba(214,164,82,.58)!important;}

/* 01 知命：visible but quiet compass / manuscript frame */
.section-fate{background:linear-gradient(180deg,#060403,#080503 55%,#050302)!important;}
.section-fate .section-bg-ring{
  opacity:1!important;
  background:
    radial-gradient(circle at 76% 52%, transparent 0 17%, rgba(209,158,79,.22) 17.08% 17.20%, transparent 17.36% 23.6%, rgba(209,158,79,.16) 23.72% 23.84%, transparent 24.1% 29.8%, rgba(209,158,79,.105) 29.92% 30.04%, transparent 30.4%),
    conic-gradient(from 4deg at 76% 52%, transparent 0 4deg, rgba(209,158,79,.16) 4.3deg 4.7deg, transparent 5deg 14deg, rgba(209,158,79,.08) 14.2deg 14.6deg, transparent 15deg 30deg),
    radial-gradient(circle at 76% 52%,rgba(209,158,79,.13),transparent 34%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 8%,rgba(0,0,0,.55) 42%,black 74%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 8%,rgba(0,0,0,.55) 42%,black 74%,transparent 100%);
}
.section-fate .section-bg-ring:before{
  content:"";position:absolute;left:62%;top:14%;width:540px;height:540px;border-radius:50%;
  border:1px solid rgba(211,163,84,.12);box-shadow:inset 0 0 0 34px rgba(211,163,84,.018), inset 0 0 0 96px rgba(211,163,84,.014);opacity:.72;
}
.section-fate .section-title{padding-left:58px!important;border-left:1px solid rgba(207,158,79,.14)!important;}
.section-fate .section-copy{
  padding:30px 38px!important;
  border:1px solid rgba(205,158,82,.095)!important;
  background:linear-gradient(180deg,rgba(18,12,7,.30),rgba(5,3,2,.18))!important;
  box-shadow:inset 0 0 58px rgba(205,158,82,.018),0 0 0 1px rgba(255,228,170,.012)!important;
}
.section-fate .section-copy:before,.section-fate .section-copy:after{width:30px!important;height:30px!important;border-color:rgba(205,158,82,.22)!important;}

/* 02 局：service icons become fine-line ornaments, not heavy badges */
.section-ju .grid-bg{opacity:.26!important;background-image:
  radial-gradient(circle at 50% 82%,rgba(236,187,99,.11),transparent 16%),
  repeating-linear-gradient(90deg,rgba(202,150,72,.035) 0 1px,transparent 1px 136px),
  repeating-linear-gradient(0deg,rgba(202,150,72,.026) 0 1px,transparent 1px 136px)!important;}
.service-orbit{gap:18px!important;}
.service-orbit:before{opacity:.46!important;filter:blur(1px)!important;height:76px!important;bottom:-52px!important;}
.service-orbit:after{font-size:17px!important;color:rgba(232,190,120,.72)!important;text-shadow:none!important;bottom:-112px!important;}
.service-node span{font-size:18px!important;color:rgba(232,198,135,.82)!important;}
.service-node em{font-size:10.5px!important;color:rgba(221,190,132,.52)!important;}
.service-glyph{
  width:104px!important;height:104px!important;margin-bottom:18px!important;
  border-color:rgba(213,164,85,.32)!important;
  box-shadow:inset 0 0 22px rgba(218,168,86,.018)!important;
  background:radial-gradient(circle,rgba(221,166,76,.035),transparent 66%)!important;
}
.service-glyph:before,.service-glyph:after{border-color:rgba(216,165,82,.24)!important;}
.service-node:hover .service-glyph{border-color:rgba(238,199,117,.60)!important;box-shadow:0 0 22px rgba(227,176,88,.08),inset 0 0 24px rgba(218,168,86,.035)!important;}

/* 03 勢：engraved frame refined */
.quote-chapter{min-height:410px!important;}
.quote-layout{min-height:410px!important;grid-template-columns:230px 1fr!important;}
.quote-side h2{font-size:36px!important;letter-spacing:.34em!important;}
.small-gold-btn{border-color:rgba(206,155,77,.30)!important;background:rgba(15,10,6,.38)!important;padding:12px 30px!important;font-size:13px!important;}
.classic-quote{
  padding:64px 70px!important;
  border-color:rgba(202,150,72,.145)!important;
  background:linear-gradient(180deg,rgba(23,15,9,.30),rgba(6,4,3,.18))!important;
  box-shadow:inset 0 0 70px rgba(220,167,78,.02)!important;
}
.classic-quote:before{inset:18px!important;border-color:rgba(202,150,72,.065)!important;}
.classic-quote p{font-size:clamp(25px,2.7vw,42px)!important;letter-spacing:.24em!important;text-shadow:none!important;}
.classic-quote .seal{right:66px!important;width:42px!important;height:42px!important;border-color:rgba(185,43,30,.58)!important;color:rgba(198,46,34,.76)!important;}
.corner{width:24px!important;height:24px!important;border-color:rgba(219,169,88,.24)!important;}
.bamboo-shadow{opacity:.13!important;}

/* 04 造運：round door and list more delicate */
.create-grid-section:before{opacity:.48!important;filter:saturate(.85) contrast(.96)!important;}
.create-split{grid-template-columns:300px 1fr!important;min-height:590px!important;}
.need-list h2{font-size:16px!important;color:rgba(238,216,180,.68)!important;}
.need-list li{font-size:13.5px!important;color:rgba(228,202,155,.72)!important;}
.need-list li span{width:30px!important;height:30px!important;border-color:rgba(213,164,85,.34)!important;color:rgba(232,189,105,.72)!important;}
.round-door{width:min(41vw,510px)!important;height:min(41vw,510px)!important;border-color:rgba(219,169,88,.28)!important;box-shadow:inset 0 0 0 12px rgba(185,126,48,.022),0 0 60px rgba(191,130,52,.08)!important;}
.door-light{filter:blur(34px)!important;opacity:.42!important;}
.create-copy .large-quote{font-size:clamp(22px,2.3vw,34px)!important;color:rgba(240,216,180,.82)!important;}

/* footer line weight */
.site-footer{border-top-color:rgba(205,158,82,.12)!important;}
.footer-info a,.footer-info span{font-size:12px!important;color:rgba(231,207,167,.62)!important;}

/* finer reveal */
.reveal{transform:translateY(18px)!important;transition-duration:1.35s!important;}

/* ===== V4 Design System Pass: antique / refined / less infographic ===== */
:root{
  --llg-gold:#b9916e;
  --llg-gold-soft:#e6c486;
  --llg-dark:#050302;
  --llg-line:rgba(201,150,80,.18);
  --llg-line-soft:rgba(201,150,80,.105);
}
.story-section{background:#050302!important;overflow:hidden;}
.story-section:before{height:1px!important;background:linear-gradient(90deg,transparent,rgba(218,169,91,.22),transparent)!important;opacity:.7!important;}
.chapter-mark{color:rgba(226,180,108,.78)!important;left:6.3vw!important;}
.chapter-mark span{font-size:clamp(20px,1.55vw,30px)!important;font-family:"Cormorant Garamond",serif!important;font-weight:500!important;letter-spacing:.09em!important;}
.chapter-mark i{width:1px!important;background:linear-gradient(180deg,rgba(218,169,91,.9),rgba(218,169,91,.28),transparent)!important;box-shadow:none!important;}
.chapter-mark i:before,.chapter-mark i:after{width:4px!important;height:4px!important;border:1px solid rgba(231,184,102,.6)!important;background:#050302!important;box-shadow:0 0 10px rgba(231,184,102,.18)!important;}
.section-title h2,.center-title h2,.quote-side h2,.create-copy h2{font-weight:500!important;letter-spacing:.28em!important;color:rgba(241,214,174,.92)!important;text-shadow:none!important;}
.section-title .chapter-lead,.center-title p,.quote-side p,.need-list h2,.large-quote{color:rgba(229,198,146,.72)!important;font-weight:400!important;}
.section-copy p{font-size:14px!important;line-height:2.22!important;color:rgba(230,210,181,.72)!important;}
.eyebrow{color:rgba(201,150,80,.68)!important;letter-spacing:.32em!important;font-size:11px!important;}

/* 01 知命：真正淡羅盤背景，細圈多層，不再只有兩條線 */
.section-fate{min-height:430px!important;}
.section-fate .section-inner{position:relative;z-index:2;}
.section-ornate-compass{position:absolute;right:4vw;top:50%;width:min(48vw,700px);height:min(48vw,700px);transform:translateY(-50%);opacity:.34;filter:blur(.05px);z-index:0;mix-blend-mode:screen;}
.section-ornate-compass circle,.section-ornate-compass path{stroke-width:.68;}
.section-ornate-compass .ornate-ticks{display:block;}
.section-fate .section-bg-ring{opacity:.34!important;background:radial-gradient(circle at 78% 50%,rgba(191,129,52,.12),transparent 36%),linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.25) 58%,rgba(0,0,0,.72))!important;}
.section-fate .section-title{border-left:0!important;padding-left:72px!important;}
.section-fate .section-title:before{content:"";position:absolute;left:46px;top:36px;width:1px;height:128px;background:linear-gradient(180deg,transparent,rgba(216,168,86,.28),transparent);}
.section-fate .section-copy{border:0!important;background:linear-gradient(90deg,rgba(18,11,7,.28),rgba(31,20,11,.18),transparent)!important;box-shadow:none!important;padding:18px 0 18px 42px!important;}
.section-fate .section-copy:before{left:0!important;top:0!important;height:100%!important;width:1px!important;border:0!important;background:linear-gradient(180deg,transparent,rgba(204,154,82,.22),transparent)!important;}
.section-fate .section-copy:after{display:none!important;}

/* 02 局：服務符號從 icon 改成古盤元件 */
.section-ju{min-height:620px!important;padding-bottom:90px!important;background:radial-gradient(circle at 50% 72%,rgba(178,113,42,.08),transparent 32%),#050302!important;}
.service-orbit{gap:18px!important;margin-top:38px!important;}
.service-node{min-height:178px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 8px 10px!important;}
.service-node:before{content:"";position:absolute;left:50%;top:0;width:138px;height:138px;border:1px solid rgba(210,160,82,.42);border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(218,171,91,.08),transparent 62%),repeating-radial-gradient(circle,transparent 0 18px,rgba(210,160,82,.14) 18.5px 19px,transparent 19.5px 32px);box-shadow:inset 0 0 0 8px rgba(177,111,42,.025),0 0 34px rgba(184,120,50,.06);}
.service-node:after{content:"";position:absolute;left:50%;top:8px;width:122px;height:122px;border-radius:50%;transform:translateX(-50%);border:1px solid rgba(205,150,70,.18);}
.service-glyph{width:96px!important;height:96px!important;border:0!important;margin:20px auto 20px!important;background:none!important;position:relative;z-index:2;opacity:.94;}
.service-node span{font-size:17px!important;letter-spacing:.18em!important;margin-top:0!important;color:rgba(239,207,155,.9)!important;}
.service-node em{font-size:11px!important;letter-spacing:.12em!important;color:rgba(207,168,105,.54)!important;}
.service-node:hover:before{border-color:rgba(234,191,111,.68);box-shadow:0 0 28px rgba(214,153,70,.12),inset 0 0 0 8px rgba(177,111,42,.035);}
.glyph-qimen:before{content:"";position:absolute;inset:13px;border:1px solid rgba(220,169,88,.58);background:linear-gradient(90deg,transparent 32%,rgba(220,169,88,.35) 32% 33%,transparent 33% 66%,rgba(220,169,88,.35) 66% 67%,transparent 67%),linear-gradient(0deg,transparent 32%,rgba(220,169,88,.35) 32% 33%,transparent 33% 66%,rgba(220,169,88,.35) 66% 67%,transparent 67%);}
.glyph-qimen:after{content:"中宮";position:absolute;inset:0;display:grid;place-items:center;font-family:"Noto Serif TC";font-size:11px;letter-spacing:.12em;color:rgba(234,191,111,.76);}
.glyph-bazi:before{content:"甲\A 子\A 乙\A 丑";white-space:pre;position:absolute;inset:8px;columns:2;text-align:center;font-family:"Noto Serif TC";font-size:17px;line-height:1.55;color:rgba(224,176,96,.75);border-top:1px solid rgba(220,169,88,.26);border-bottom:1px solid rgba(220,169,88,.26);}
.glyph-ziwei:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(220,169,88,.48);background:radial-gradient(circle at 50% 50%,rgba(233,187,105,.78) 0 2px,transparent 3px),radial-gradient(circle at 34% 28%,rgba(233,187,105,.6) 0 1.5px,transparent 2.5px),radial-gradient(circle at 66% 30%,rgba(233,187,105,.55) 0 1.5px,transparent 2.5px),radial-gradient(circle at 72% 68%,rgba(233,187,105,.55) 0 1.5px,transparent 2.5px),radial-gradient(circle at 30% 70%,rgba(233,187,105,.5) 0 1.5px,transparent 2.5px);}
.glyph-ziwei:after{content:"";position:absolute;left:29px;top:30px;width:43px;height:37px;border-top:1px solid rgba(220,169,88,.35);border-left:1px solid rgba(220,169,88,.2);transform:rotate(-18deg);}
.glyph-name:before{content:"玲瓏";position:absolute;inset:12px;border:1px solid rgba(180,42,31,.54);display:grid;place-items:center;color:rgba(198,45,34,.8);font-family:"Noto Serif TC";font-size:18px;letter-spacing:.2em;box-shadow:inset 0 0 28px rgba(150,25,20,.06);}
.glyph-fengshui:before{content:"";position:absolute;inset:10px;border:1px solid rgba(220,169,88,.42);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 7deg,rgba(220,169,88,.20) 7deg 8deg,transparent 8deg 15deg);}
.glyph-fengshui:after{content:"";position:absolute;left:27px;top:42px;width:42px;height:28px;border:1px solid rgba(220,169,88,.35);border-top:0;transform:perspective(60px) rotateX(20deg);}
.qimen-confluence{height:112px;position:relative;margin-top:36px;text-align:center;color:rgba(232,190,120,.72);font-family:"Noto Serif TC";letter-spacing:.24em;}
.qimen-confluence span{position:absolute;left:50%;top:14px;width:25%;height:1px;background:linear-gradient(90deg,transparent,rgba(218,169,91,.42),transparent);transform-origin:left center;opacity:.55;}
.qimen-confluence span:nth-child(1){transform:translateX(-50%) rotate(9deg)}.qimen-confluence span:nth-child(2){transform:translateX(-50%) rotate(0)}.qimen-confluence span:nth-child(3){transform:translateX(-50%) rotate(-9deg)}
.qimen-confluence b{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-weight:400;font-size:18px;text-shadow:0 0 18px rgba(224,165,82,.12);}
.service-orbit:before,.service-orbit:after{display:none!important;}

/* 03 勢：古籍框線 SVG 化 */
.classic-quote{border:0!important;background:linear-gradient(180deg,rgba(22,14,9,.42),rgba(5,3,2,.18))!important;box-shadow:inset 0 0 80px rgba(220,167,78,.018)!important;}
.classic-quote:before,.classic-quote .corner{display:none!important;}
.quote-frame-svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(207,157,83,.28);stroke-width:1;vector-effect:non-scaling-stroke;}
.classic-quote p{font-size:clamp(24px,2.48vw,40px)!important;letter-spacing:.22em!important;color:rgba(244,216,174,.88)!important;}
.classic-quote .seal{right:9%!important;border-color:rgba(178,42,32,.50)!important;color:rgba(194,48,36,.72)!important;background:rgba(80,10,8,.04)!important;}
.bamboo-shadow{opacity:.26!important;filter:blur(.1px)!important;}

/* 04 造運：圓門重新出現，做成場景而非單純圓圈 */
.section-create{min-height:520px!important;background:radial-gradient(circle at 52% 54%,rgba(218,169,91,.08),transparent 34%),#050302!important;}
.door-scene{opacity:1!important;z-index:0!important;}
.mountain-window{position:absolute;left:50%;top:50%;width:min(32vw,420px);height:min(24vw,320px);transform:translate(-50%,-43%);background:linear-gradient(180deg,rgba(235,187,99,.18),rgba(42,25,13,.1)),url('assets/mountain-bg.jpg') center 69%/cover no-repeat;filter:saturate(.78) contrast(1.05) brightness(.70);clip-path:circle(46% at 50% 50%);opacity:.72;}
.round-door{position:relative!important;width:min(35vw,470px)!important;height:min(35vw,470px)!important;border:1px solid rgba(226,175,94,.42)!important;border-radius:50%!important;background:radial-gradient(circle,transparent 0 49%,rgba(226,175,94,.16) 49.2% 49.5%,transparent 50%),linear-gradient(90deg,rgba(0,0,0,.66),transparent 44%,transparent 56%,rgba(0,0,0,.66))!important;box-shadow:inset 0 0 0 1px rgba(226,175,94,.12),inset 0 0 0 18px rgba(226,175,94,.018),0 0 70px rgba(218,140,50,.08)!important;}
.round-door .door-left,.round-door .door-right{position:absolute;top:18%;bottom:18%;width:18%;border:1px solid rgba(226,175,94,.22);background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(226,175,94,.10) 10px 11px),linear-gradient(180deg,rgba(8,5,3,.65),rgba(8,5,3,.18));}
.round-door .door-left{left:22%;}.round-door .door-right{right:22%;}
.door-floor{position:absolute;left:50%;top:73%;width:min(46vw,580px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(226,175,94,.30),transparent);}
.door-light{width:min(25vw,340px)!important;height:min(25vw,340px)!important;background:radial-gradient(circle,rgba(239,194,105,.22),rgba(170,103,36,.05) 50%,transparent 72%)!important;filter:blur(26px)!important;animation:doorPulse 9s ease-in-out infinite!important;}
.create-split{position:relative;z-index:2;}
.need-list ul li{border:0!important;background:transparent!important;color:rgba(230,203,164,.70)!important;}
.need-list ul li span{border-color:rgba(221,170,88,.42)!important;background:rgba(10,6,3,.32)!important;}

/* more graceful reveal */
.reveal{transform:translateY(18px)!important;filter:blur(2px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.72,.16,1),filter 1.1s ease!important;}
.reveal.in{filter:blur(0);}
@media(max-width:980px){.section-ornate-compass{right:-30vw;width:120vw;height:120vw;opacity:.18}.service-node:before{width:112px;height:112px}.service-glyph{width:80px!important;height:80px!important}.qimen-confluence{display:none}.mountain-window{width:70vw;height:48vw}.round-door{width:70vw!important;height:70vw!important}}

/* ===== V5 fine-detail pass: visible antique system, static-first ===== */
/* stop relying on heavy CSS icons; use detailed inline SVG plates */
.story-section{position:relative!important;background:#050302!important;}
.story-section .section-inner{position:relative;z-index:3;}

/* 01 知命：羅盤必須明確看得到，但仍然是淡背景 */
.section-fate{min-height:470px!important;background:linear-gradient(180deg,#050302 0%,#090503 55%,#050302 100%)!important;}
.section-fate .section-bg-ring{opacity:.82!important;background:
  radial-gradient(circle at 72% 52%,rgba(225,171,88,.20),transparent 30%),
  linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22) 55%,rgba(0,0,0,.78))!important;}
.section-ornate-compass{display:block!important;right:1.5vw!important;top:51%!important;width:min(52vw,760px)!important;height:min(52vw,760px)!important;opacity:.58!important;z-index:1!important;mix-blend-mode:screen!important;filter:none!important;pointer-events:none!important;}
.section-ornate-compass circle{stroke:rgba(215,164,84,.52)!important;stroke-width:.72!important;fill:none!important;}
.section-ornate-compass path{stroke:rgba(215,164,84,.34)!important;stroke-width:.55!important;fill:none!important;}
.section-ornate-compass .ornate-ticks line{stroke:rgba(225,177,98,.48)!important;stroke-width:.55!important;}
.section-fate:after{content:"";position:absolute;right:4vw;top:50%;width:min(44vw,650px);height:min(44vw,650px);transform:translateY(-50%);border-radius:50%;background:
  repeating-conic-gradient(from 0deg,rgba(224,170,87,.22) 0 .35deg,transparent .35deg 3.75deg),
  radial-gradient(circle,transparent 0 36%,rgba(224,170,87,.20) 36.1% 36.25%,transparent 36.4% 44%,rgba(224,170,87,.15) 44.1% 44.25%,transparent 44.5% 53%,rgba(224,170,87,.11) 53.1% 53.25%,transparent 53.5%);
  opacity:.36;mix-blend-mode:screen;z-index:0;}
.section-fate .section-title h2{font-size:clamp(40px,3vw,58px)!important;}
.section-fate .section-copy{max-width:520px!important;background:rgba(7,4,2,.22)!important;}

/* Global fine lines */
.chapter-mark i{height:116px!important;background:linear-gradient(180deg,rgba(224,170,87,.78),rgba(224,170,87,.26),transparent)!important;}
.chapter-mark i:before,.chapter-mark i:after{width:5px!important;height:5px!important;border-color:rgba(237,194,113,.72)!important;}
.story-section:before{background:linear-gradient(90deg,transparent,rgba(220,170,88,.28),transparent)!important;}

/* 02 局：重做為古盤群，不再簡易 icon */
.section-ju{min-height:720px!important;padding:74px 0 108px!important;background:
  radial-gradient(circle at 50% 74%,rgba(214,154,70,.14),transparent 23%),
  radial-gradient(circle at 50% 40%,rgba(214,154,70,.055),transparent 50%),#050302!important;}
.section-ju .grid-bg{opacity:.42!important;background-image:
  radial-gradient(circle at 50% 88%,rgba(236,187,99,.14),transparent 18%),
  repeating-linear-gradient(90deg,rgba(202,150,72,.045) 0 1px,transparent 1px 96px),
  repeating-linear-gradient(0deg,rgba(202,150,72,.034) 0 1px,transparent 1px 96px)!important;}
.service-orbit-v5{display:grid!important;grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:22px!important;align-items:start!important;margin-top:50px!important;}
.service-orbit-v5 .service-node{position:relative!important;min-height:230px!important;padding:0 8px 20px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#ead2a8!important;}
.service-orbit-v5 .service-node:before,.service-orbit-v5 .service-node:after{display:none!important;}
.service-orbit-v5 .service-glyph{display:block!important;width:150px!important;height:150px!important;margin:0 auto 18px!important;border:0!important;background:none!important;opacity:1!important;}
.node-plate-svg{width:150px;height:150px;overflow:visible;}
.node-plate-svg circle,.node-plate-svg path,.node-plate-svg line{fill:none;stroke:rgba(222,169,86,.62);stroke-width:.85;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;}
.node-plate-svg .fine{stroke:rgba(222,169,86,.32);stroke-width:.55;}
.node-plate-svg text{font-family:"Noto Serif TC",serif;font-size:14px;fill:rgba(236,197,122,.78);stroke:rgba(2,1,0,.7);stroke-width:1.8px;paint-order:stroke;letter-spacing:.12em;text-anchor:middle;dominant-baseline:middle;}
.seal-svg path{stroke:rgba(178,44,35,.45)!important;}
.seal-svg text{fill:rgba(194,48,37,.84)!important;stroke:rgba(10,2,1,.55)!important;font-size:17px!important;}
.service-orbit-v5 .service-node span{display:block!important;font-size:17px!important;letter-spacing:.18em!important;color:rgba(239,211,160,.92)!important;margin-top:0!important;font-weight:500!important;}
.service-orbit-v5 .service-node em{display:block!important;margin-top:9px!important;font-size:10.5px!important;letter-spacing:.12em!important;color:rgba(214,177,111,.62)!important;}
.service-orbit-v5 .service-node:hover .node-plate-svg circle,.service-orbit-v5 .service-node:hover .node-plate-svg path,.service-orbit-v5 .service-node:hover .node-plate-svg line{stroke:rgba(244,199,113,.80);}
.service-orbit-v5 .service-node:hover{transform:translateY(-5px)!important;}
.qimen-confluence-v5{height:128px!important;margin-top:16px!important;}
.qimen-confluence-v5 span{display:block!important;position:absolute!important;left:50%!important;top:18px!important;width:34%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(224,170,87,.54),transparent)!important;opacity:.52!important;transform-origin:left center!important;}
.qimen-confluence-v5 span:nth-child(1){transform:translateX(-50%) rotate(18deg)!important;}.qimen-confluence-v5 span:nth-child(2){transform:translateX(-50%) rotate(9deg)!important;}.qimen-confluence-v5 span:nth-child(3){transform:translateX(-50%) rotate(0)!important;}.qimen-confluence-v5 span:nth-child(4){transform:translateX(-50%) rotate(-9deg)!important;}.qimen-confluence-v5 span:nth-child(5){transform:translateX(-50%) rotate(-18deg)!important;}
.qimen-confluence-v5 b{bottom:18px!important;font-size:20px!important;letter-spacing:.28em!important;color:rgba(235,194,121,.78)!important;text-shadow:0 0 24px rgba(224,170,87,.16)!important;}

/* 03 勢：古籍框加細節，但不用粗邊 */
.quote-chapter{min-height:460px!important;background:radial-gradient(circle at 72% 45%,rgba(181,117,48,.07),transparent 36%),#050302!important;}
.classic-quote{padding:70px 82px!important;background:linear-gradient(180deg,rgba(18,11,7,.42),rgba(5,3,2,.14))!important;border:0!important;box-shadow:inset 0 0 90px rgba(210,150,72,.018)!important;}
.quote-frame-svg{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;stroke:rgba(215,164,84,.30)!important;stroke-width:.72!important;vector-effect:non-scaling-stroke!important;}
.classic-quote:after{content:"";position:absolute;inset:26px;border:1px solid rgba(215,164,84,.075);pointer-events:none;}
.classic-quote p{font-size:clamp(27px,2.55vw,43px)!important;letter-spacing:.25em!important;color:rgba(244,219,181,.90)!important;}
.classic-quote .seal{width:44px!important;height:44px!important;right:10%!important;border-color:rgba(176,42,33,.58)!important;color:rgba(204,50,38,.78)!important;}
.bamboo-shadow{opacity:.18!important;}

/* 04 造運：圓門明確回來，像母版一樣是場景中心 */
.section-create,.create-grid-section{min-height:620px!important;background:#050302!important;}
.door-scene{display:flex!important;opacity:1!important;z-index:1!important;pointer-events:none!important;}
.mountain-window{display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:min(36vw,500px)!important;height:min(25vw,350px)!important;transform:translate(-50%,-40%)!important;background:linear-gradient(180deg,rgba(237,189,102,.18),rgba(10,6,4,.18)),url('assets/mountain-bg.jpg') center 68%/cover no-repeat!important;clip-path:circle(48% at 50% 50%)!important;opacity:.78!important;filter:saturate(.78) contrast(1.04) brightness(.75)!important;}
.round-door{display:block!important;position:relative!important;width:min(38vw,530px)!important;height:min(38vw,530px)!important;border:1px solid rgba(226,175,94,.50)!important;border-radius:50%!important;background:radial-gradient(circle,transparent 0 49%,rgba(226,175,94,.20) 49.1% 49.45%,transparent 49.7%),linear-gradient(90deg,rgba(0,0,0,.72),transparent 43%,transparent 57%,rgba(0,0,0,.72))!important;box-shadow:inset 0 0 0 1px rgba(226,175,94,.12),inset 0 0 0 18px rgba(226,175,94,.018),0 0 75px rgba(218,140,50,.10)!important;}
.round-door:before,.round-door:after{content:"";position:absolute;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg,transparent,rgba(226,175,94,.35),transparent)!important;}
.round-door:before{left:32%!important}.round-door:after{right:32%!important}
.round-door .door-left,.round-door .door-right{display:block!important;position:absolute!important;top:17%!important;bottom:17%!important;width:18%!important;border:1px solid rgba(226,175,94,.26)!important;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(226,175,94,.12) 12px 13px),linear-gradient(180deg,rgba(9,5,3,.72),rgba(10,6,3,.20))!important;}
.round-door .door-left{left:22%!important}.round-door .door-right{right:22%!important}
.door-light{display:block!important;opacity:.48!important;width:min(26vw,360px)!important;height:min(26vw,360px)!important;filter:blur(30px)!important;background:radial-gradient(circle,rgba(239,194,105,.23),rgba(170,103,36,.05) 50%,transparent 72%)!important;}
.door-floor{display:block!important;position:absolute!important;left:50%!important;top:75%!important;width:min(50vw,680px)!important;height:1px!important;transform:translateX(-50%)!important;background:linear-gradient(90deg,transparent,rgba(226,175,94,.32),transparent)!important;}
.create-split{position:relative!important;z-index:4!important;}

/* reduce current roughness: smaller type, quieter shine */
.section-title h2,.center-title h2,.quote-side h2,.create-copy h2{font-size:clamp(36px,3vw,56px)!important;text-shadow:none!important;}
.center-title p,.chapter-lead,.section-copy,.need-list li,.create-copy p{font-weight:400!important;}

/* V6 — 02 局：精品藝術櫥窗 */
.section-ju{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 48% 44%, rgba(150,92,34,.18), transparent 28%),
    radial-gradient(circle at 70% 30%, rgba(102,63,24,.16), transparent 34%),
    linear-gradient(180deg,#050302 0%, #0b0704 45%, #050302 100%)!important;
}
.section-ju:before{
  content:"";position:absolute;inset:-10%;pointer-events:none;opacity:.55;
  background:
    radial-gradient(circle at 50% 48%, transparent 0 9%, rgba(202,145,66,.09) 9.2% 9.35%, transparent 9.55% 13%, rgba(202,145,66,.07) 13.2% 13.35%, transparent 13.55% 18%, rgba(202,145,66,.045) 18.2% 18.35%, transparent 18.55%),
    linear-gradient(90deg, transparent 49.95%, rgba(204,150,76,.13) 50%, transparent 50.05%),
    linear-gradient(0deg, transparent 49.95%, rgba(204,150,76,.10) 50%, transparent 50.05%);
  mask-image:radial-gradient(circle at 50% 48%, #000 0 48%, transparent 72%);
}
.section-ju:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image: url('assets/mountain-bg.jpg');
  background-size:cover;background-position:center 62%;
  mix-blend-mode:screen;filter:sepia(.6) saturate(.7) contrast(.9) brightness(.42);
}
.section-ju .section-inner{position:relative;z-index:2;}
.section-ju .grid-bg{display:none!important;}
.section-ju .center-title{max-width:760px;margin:0 auto 0!important;}
.section-ju .center-title h2{font-size:70px!important;font-weight:500!important;letter-spacing:.34em!important;text-indent:.34em!important;color:rgba(239,211,162,.94)!important;}
.section-ju .center-title p:not(.eyebrow){font-size:17px!important;line-height:2.15!important;color:rgba(223,204,172,.72)!important;}
.service-gallery-v6{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:28px!important;
  align-items:start!important;
  margin-top:58px!important;
  position:relative!important;
}
.service-gallery-v6:before{
  content:"";position:absolute;left:4%;right:4%;top:104px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(199,143,66,.28),rgba(237,194,116,.38),rgba(199,143,66,.28),transparent);
  opacity:.7;
}
.art-card{
  appearance:none;border:0;background:transparent;color:#ead2a8;cursor:pointer;padding:0 4px 12px;
  display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;
  transition:transform .75s cubic-bezier(.2,.72,.16,1), filter .75s ease;
}
.art-card:hover{transform:translateY(-8px);filter:brightness(1.12);}
.art-medallion{
  width:188px;height:188px;margin:0 auto 20px;border-radius:50%;position:relative;
  background:
    radial-gradient(circle at 36% 28%,rgba(237,194,116,.10),transparent 31%),
    radial-gradient(circle at 52% 58%,rgba(8,5,3,.88),rgba(5,3,2,.98) 70%);
  box-shadow:
    inset 0 0 0 1px rgba(220,164,81,.22),
    inset 0 0 38px rgba(205,137,48,.07),
    0 20px 70px rgba(0,0,0,.44);
  overflow:visible;
}
.art-medallion:before{
  content:"";position:absolute;inset:-10px;border-radius:50%;
  border:1px solid rgba(207,153,77,.14);
  background:repeating-conic-gradient(from 0deg, transparent 0deg 5.2deg, rgba(218,160,78,.10) 5.25deg 5.55deg, transparent 5.6deg 7.5deg);
  mask:radial-gradient(circle, transparent 0 82%, #000 83% 100%);
}
.art-medallion svg{width:100%;height:100%;display:block;overflow:visible;}
.art-medallion .rim circle{fill:none;stroke:rgba(224,169,87,.38);stroke-width:.62;vector-effect:non-scaling-stroke;}
.art-medallion .rim circle:nth-child(2){stroke:rgba(224,169,87,.22)}
.art-medallion .rim circle:nth-child(3){stroke:rgba(224,169,87,.18)}
.art-medallion path,.art-medallion rect,.art-medallion line,.art-medallion circle{
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
}
.art-medallion .qimen-grid path,.art-medallion .qimen-grid rect,.art-medallion .qimen-grid circle,
.art-medallion .bazi-pillars path,.art-medallion .ziwei-board path,.art-medallion .ziwei-board rect,.art-medallion .ziwei-board circle,
.art-medallion .feng-lines path,.art-medallion .feng-lines circle{
  fill:none;stroke:rgba(229,178,95,.58);stroke-width:.72;
}
.art-medallion .fine{stroke:rgba(229,178,95,.30)!important;stroke-width:.48!important;}
.art-medallion text{font-family:"Noto Serif TC",serif;fill:rgba(241,203,133,.76);font-size:13px;text-anchor:middle;dominant-baseline:middle;letter-spacing:.08em;stroke:rgba(5,3,2,.75);stroke-width:1.3;paint-order:stroke;}
.art-medallion .small-label{font-size:12px;letter-spacing:.16em;fill:rgba(232,185,104,.64);}
.art-medallion .paper{fill:rgba(28,20,14,.68);stroke:rgba(224,169,87,.34);stroke-width:.6;}
.art-medallion .ink-wash{fill:rgba(74,48,25,.26);stroke:none;}
.art-medallion .scroll-paper{fill:rgba(42,30,22,.45);stroke:rgba(230,183,105,.34);stroke-width:.65;}
.art-medallion .calligraphy{fill:none;stroke:rgba(238,203,138,.62);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(187,108,38,.14));}
.art-medallion .seal-word{font-size:36px;fill:rgba(238,203,138,.24);stroke:none;}
.art-medallion .red-stamp{fill:rgba(122,28,18,.32);stroke:rgba(198,69,42,.34);stroke-width:.75;}
.art-card span{font-family:"Noto Serif TC",serif!important;font-size:18px!important;letter-spacing:.22em!important;color:rgba(241,214,170,.92)!important;font-weight:500!important;}
.art-card em{display:block!important;margin-top:10px!important;font-style:normal!important;font-family:"Noto Sans TC",sans-serif!important;font-size:11px!important;letter-spacing:.14em!important;color:rgba(215,180,121,.60)!important;}
.art-card:after{content:"";width:34px;height:1px;background:rgba(217,164,83,.32);margin-top:15px;transition:width .7s ease,background .7s ease;}
.art-card:hover:after{width:64px;background:rgba(239,198,119,.66);}
.service-gallery-v6 + .qimen-confluence-v5{height:122px!important;margin-top:18px!important;}
.service-gallery-v6 + .qimen-confluence-v5 span{display:block!important;opacity:.28!important;background:linear-gradient(90deg,transparent,rgba(224,170,87,.42),transparent)!important;}
.service-gallery-v6 + .qimen-confluence-v5 b{font-size:18px!important;letter-spacing:.32em!important;color:rgba(234,195,124,.76)!important;}
@media(max-width:980px){
  .service-gallery-v6{grid-template-columns:1fr!important;gap:28px!important;}
  .service-gallery-v6:before{display:none!important;}
  .art-medallion{width:156px;height:156px;}
  .section-ju .center-title h2{font-size:46px!important;}
}

/* V7 refinement: service art cards, especially Professional Naming */
.service-gallery-v6{gap:34px!important;}
.art-medallion{width:184px;height:184px;}
.art-medallion:before{opacity:.72;border-color:rgba(207,153,77,.10);}
.art-card:hover{transform:translateY(-5px);filter:brightness(1.07) contrast(1.03);}
.art-medallion .rim circle{stroke:rgba(226,178,101,.30);stroke-width:.46;}
.art-medallion .rim circle:nth-child(2){stroke:rgba(226,178,101,.18)}
.art-medallion .rim circle:nth-child(3){stroke:rgba(226,178,101,.12)}
.art-medallion .qimen-grid path,.art-medallion .qimen-grid rect,.art-medallion .qimen-grid circle,
.art-medallion .bazi-pillars path,.art-medallion .ziwei-board path,.art-medallion .ziwei-board rect,.art-medallion .ziwei-board circle,
.art-medallion .feng-lines path,.art-medallion .feng-lines circle{
  stroke:rgba(226,178,101,.46);stroke-width:.52;
}
.art-medallion .fine{stroke:rgba(226,178,101,.22)!important;stroke-width:.34!important;}
.art-medallion text{fill:rgba(239,203,139,.68);stroke:rgba(5,3,2,.72);stroke-width:1.05;}
.art-medallion .red-stamp{fill:rgba(122,28,18,.24);stroke:rgba(198,69,42,.28);stroke-width:.55;}
.art-name .paper{stroke:rgba(226,178,101,.22)!important;stroke-width:.45!important;}
.name-art .paper-fibers path{fill:none;stroke:rgba(235,202,148,.105);stroke-width:.42;stroke-linecap:round;}
.name-art .scroll-paper{fill:rgba(47,34,24,.34);stroke:rgba(235,196,123,.30);stroke-width:.48;filter:drop-shadow(0 10px 22px rgba(0,0,0,.18));}
.name-art .name-grid path{fill:none;stroke:rgba(232,191,116,.13);stroke-width:.34;stroke-linecap:round;}
.name-art .name-strokes path{fill:none;stroke:rgba(239,203,138,.52);stroke-width:1.08;stroke-linecap:round;stroke-linejoin:round;filter:none;}
.name-art .seal-word.refined{font-size:34px;fill:rgba(238,203,138,.16);stroke:none;letter-spacing:0;}
.name-art .stamp-box path{fill:rgba(125,31,20,.24);stroke:rgba(201,75,48,.32);stroke-width:.52;}
.name-art .stamp-box text{font-size:8px;fill:rgba(232,145,108,.46);stroke:none;letter-spacing:.08em;}
.art-card span{font-size:17px!important;letter-spacing:.20em!important;}
.art-card em{font-size:10.5px!important;color:rgba(215,180,121,.55)!important;}
.service-gallery-v6:before{top:100px;opacity:.42;height:.5px;}

/* V8 — 02 局：重構為收藏品式玄學藝術底圖與材質卡 */
.section-ju{
  background:
    radial-gradient(circle at 50% 46%, rgba(193,130,52,.13), transparent 26%),
    radial-gradient(circle at 18% 65%, rgba(105,65,29,.13), transparent 34%),
    linear-gradient(180deg,#050302 0%,#0b0704 46%,#050302 100%)!important;
}
.section-ju:before{
  opacity:.78!important;
  background:
    radial-gradient(circle at 50% 52%, transparent 0 9%, rgba(208,153,76,.105) 9.12% 9.22%, transparent 9.34% 13%, rgba(208,153,76,.08) 13.14% 13.24%, transparent 13.4% 18%, rgba(208,153,76,.06) 18.15% 18.25%, transparent 18.42% 23%, rgba(208,153,76,.04) 23.15% 23.25%, transparent 23.4%),
    conic-gradient(from -18deg at 50% 52%, transparent 0deg 13deg, rgba(216,160,82,.075) 13.2deg 13.8deg, transparent 14deg 28deg, rgba(216,160,82,.05) 28.2deg 28.8deg, transparent 29deg 44deg),
    linear-gradient(90deg, transparent 49.95%, rgba(212,158,82,.09) 50%, transparent 50.05%),
    linear-gradient(0deg, transparent 49.95%, rgba(212,158,82,.08) 50%, transparent 50.05%);
  mask-image:radial-gradient(circle at 50% 52%, #000 0 55%, transparent 74%)!important;
}
.section-ju:after{
  opacity:.42!important;
  background:
    radial-gradient(circle at 50% 58%, rgba(230,174,91,.10), transparent 22%),
    url('assets/mountain-bg.jpg')!important;
  background-size:cover!important;
  background-position:center 70%!important;
  mix-blend-mode:screen!important;
  filter:sepia(.72) saturate(.65) contrast(.95) brightness(.34)!important;
}
.section-ju .center-title{margin-bottom:24px!important;}
.section-ju .center-title h2{font-size:62px!important;letter-spacing:.32em!important;text-indent:.32em!important;}
.service-gallery-v6{
  grid-template-columns:1.05fr .96fr .98fr .96fr 1.05fr!important;
  gap:30px!important;
  margin-top:52px!important;
  padding:0 20px!important;
}
.service-gallery-v6:before{
  top:112px!important;
  opacity:.36!important;
  height:.5px!important;
  background:linear-gradient(90deg,transparent,rgba(175,119,53,.24),rgba(236,192,116,.48),rgba(175,119,53,.24),transparent)!important;
}
.art-card{padding-top:10px!important;}
.art-card:nth-child(1) .art-medallion{width:196px!important;height:196px!important;}
.art-card:nth-child(3) .art-medallion{width:190px!important;height:190px!important;}
.art-medallion{
  width:176px!important;height:176px!important;
  background:
    radial-gradient(circle at 38% 25%, rgba(239,200,126,.08), transparent 28%),
    radial-gradient(circle at 50% 58%, rgba(26,16,9,.9), rgba(5,3,2,.985) 72%)!important;
  box-shadow:
    inset 0 0 0 .6px rgba(224,170,87,.22),
    inset 0 0 32px rgba(194,125,45,.055),
    0 18px 54px rgba(0,0,0,.42)!important;
}
.art-medallion:before{
  inset:-8px!important;
  border-color:rgba(212,158,82,.105)!important;
  background:repeating-conic-gradient(from 1deg, transparent 0deg 4.6deg, rgba(216,160,78,.075) 4.7deg 4.98deg, transparent 5.1deg 7.4deg)!important;
}
.art-card:hover .art-medallion{filter:brightness(1.09) contrast(1.03);}
.art-medallion .rim circle{stroke:rgba(224,169,87,.24)!important;stroke-width:.38!important;}
.art-medallion text{font-size:12px!important;fill:rgba(239,204,145,.58)!important;stroke:rgba(4,3,2,.70)!important;stroke-width:.9!important;}
.art-medallion .qimen-grid path,.art-medallion .qimen-grid rect,.art-medallion .qimen-grid circle,
.art-medallion .bazi-pillars path,.art-medallion .ziwei-board path,.art-medallion .ziwei-board rect,.art-medallion .ziwei-board circle,
.art-medallion .feng-lines path,.art-medallion .feng-lines circle{
  stroke:rgba(226,178,101,.38)!important;stroke-width:.43!important;
}
.art-medallion .fine{stroke:rgba(226,178,101,.18)!important;stroke-width:.28!important;}
.art-name .art-medallion,
.name-seal-art{background:radial-gradient(circle at 42% 28%,rgba(76,50,27,.13),transparent 30%),radial-gradient(circle,rgba(12,8,5,.96),rgba(3,2,1,.99) 72%)!important;}
.name-seal-art .rim circle{stroke:rgba(213,165,92,.20)!important;}
.name-seal-art .seal-faint-script text{font-size:18px!important;fill:rgba(226,178,101,.105)!important;stroke:none!important;letter-spacing:.12em;}
.name-seal-art .jade-seal path,
.name-seal-art .jade-seal rect{fill:none;stroke:url(#jadeGold);stroke-width:.9;stroke-linecap:round;stroke-linejoin:round;}
.name-seal-art .jade-seal .seal-body{fill:rgba(46,33,20,.16);stroke-width:.85;}
.name-seal-art .jade-seal .seal-base{fill:rgba(28,19,12,.28);stroke-width:.8;}
.name-seal-art .jade-seal .seal-face{fill:rgba(16,10,6,.34);stroke:rgba(232,190,114,.34);stroke-width:.55;}
.name-seal-art .jade-seal .seal-cut{stroke:rgba(244,209,140,.45);stroke-width:.75;}
.name-seal-art .jade-seal .seal-highlight{stroke:rgba(250,223,166,.24);stroke-width:.55;}
.name-seal-art .vermillion-print rect{fill:rgba(121,24,16,.20);stroke:rgba(200,64,44,.32);stroke-width:.55;}
.name-seal-art .vermillion-print path{fill:none;stroke:rgba(220,93,70,.28);stroke-width:.45;stroke-linecap:round;}
.name-seal-art .gold-sweep{fill:none;stroke:rgba(235,190,111,.24);stroke-width:.6;stroke-linecap:round;}
.art-fengshui .feng-lines .plan{stroke:rgba(230,184,104,.46)!important;stroke-width:.58!important;}
.art-card span{font-size:16px!important;letter-spacing:.18em!important;color:rgba(241,214,170,.88)!important;}
.art-card em{font-size:10px!important;letter-spacing:.12em!important;color:rgba(215,180,121,.50)!important;}
.service-gallery-v6 + .qimen-confluence-v5{margin-top:22px!important;}
@media(max-width:980px){
  .service-gallery-v6{grid-template-columns:1fr!important;}
  .art-card:nth-child(1) .art-medallion,.art-card:nth-child(3) .art-medallion,.art-medallion{width:158px!important;height:158px!important;}
}

/* V9｜02「局」改為母版精品櫥窗風格 */
.section-ju{
  min-height: 840px !important;
  padding: 92px 0 78px !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(190,132,55,.12), transparent 33%),
    linear-gradient(180deg, rgba(5,4,3,.96), rgba(14,10,7,.98) 48%, rgba(5,4,3,.98)) !important;
  overflow:hidden;
}
.section-ju::before{
  content:"";
  position:absolute; inset:0;
  background-image:url('assets/ju-master-bg.png');
  background-size:cover;
  background-position:center 42%;
  opacity:.34;
  filter:saturate(.8) contrast(.92) brightness(.72);
  mix-blend-mode:screen;
  pointer-events:none;
}
.section-ju::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), transparent 18%, transparent 82%, rgba(0,0,0,.78)),
    radial-gradient(circle at 50% 62%, transparent 0 42%, rgba(0,0,0,.46) 72%, rgba(0,0,0,.82)),
    linear-gradient(180deg, rgba(0,0,0,.52), transparent 26%, rgba(0,0,0,.72));
  pointer-events:none;
}
.section-ju .section-inner{position:relative;z-index:2;width:min(1500px,92vw);}
.section-ju .chapter-mark{display:none!important;}
.section-ju .center-title{
  text-align:center; margin:0 auto 58px!important;
  max-width:740px;
}
.section-ju .center-title::before,
.section-ju .center-title::after{
  content:""; display:inline-block; width:90px; height:1px;
  margin:0 18px 10px;
  background:linear-gradient(90deg,transparent,rgba(212,160,82,.85),transparent);
  vertical-align:middle;
}
.section-ju .center-title .eyebrow{display:none!important;}
.section-ju .center-title h2{
  font-size: clamp(52px,5vw,82px)!important;
  line-height:1!important;
  margin:0 0 18px!important;
  color:#ead1a3!important;
  letter-spacing:.22em!important;
  text-shadow:0 0 28px rgba(200,137,58,.16);
}
.section-ju .center-title h2::before{
  content:"02";
  display:block;
  font-family:"Cormorant Garamond",serif;
  font-size:18px;
  line-height:1;
  letter-spacing:.28em;
  color:rgba(211,158,78,.78);
  margin-bottom:18px;
}
.section-ju .center-title p{
  font-size:18px!important;
  letter-spacing:.26em!important;
  line-height:1.9!important;
  color:rgba(229,199,146,.82)!important;
}
.service-gallery-v6{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(160px,1fr));
  gap: clamp(26px,3vw,54px)!important;
  align-items:start!important;
  margin:0 auto!important;
  width:min(1400px,94vw)!important;
}
.service-gallery-v6 .art-card{
  height:auto!important;
  min-height:330px!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:210px 42px 32px 28px!important;
  justify-items:center!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#e8c990!important;
  text-align:center!important;
  transition:transform .75s cubic-bezier(.18,.7,.2,1), filter .75s ease;
}
.service-gallery-v6 .art-card:hover{transform:translateY(-7px);filter:brightness(1.08);}
.service-gallery-v6 .art-medallion{
  width:204px!important; height:204px!important;
  margin:0 auto 18px!important;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 45% 34%, rgba(237,201,135,.16), transparent 27%),
    radial-gradient(circle, rgba(25,17,11,.92), rgba(5,4,3,.98) 72%);
  box-shadow:
    inset 0 0 0 1px rgba(239,190,98,.62),
    inset 0 0 0 3px rgba(49,31,15,.88),
    0 0 0 1px rgba(219,162,76,.42),
    0 22px 52px rgba(0,0,0,.66);
}
.service-gallery-v6 .art-medallion::after{
  content:""; position:absolute; inset:6px; border-radius:50%;
  border:1px solid rgba(226,177,90,.28);
  pointer-events:none;
}
.service-gallery-v6 .art-medallion svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 7px rgba(204,143,61,.08));}
.service-gallery-v6 .art-card > span{
  display:block!important;
  height:34px!important;
  font-size:26px!important;
  line-height:34px!important;
  letter-spacing:.16em!important;
  color:#eed2a0!important;
  white-space:nowrap!important;
  text-shadow:0 0 16px rgba(201,139,60,.13);
}
.service-gallery-v6 .art-card > em{
  display:block!important;
  height:28px!important;
  font-style:normal!important;
  font-size:14px!important;
  line-height:28px!important;
  letter-spacing:.18em!important;
  color:rgba(213,176,115,.78)!important;
  white-space:nowrap!important;
}
.service-gallery-v6 .art-card::after{
  content:"";
  width:120px; height:16px; margin-top:12px;
  background:
    linear-gradient(90deg,transparent 0 14%,rgba(197,138,57,.65) 14% 45%,transparent 45% 55%,rgba(197,138,57,.65) 55% 86%,transparent 86%),
    radial-gradient(circle at center,rgba(232,181,87,.82) 0 2px,transparent 2.5px);
  opacity:.74;
}
/* SVG tone refinement */
.service-gallery-v6 .rim circle,
.service-gallery-v6 .qimen-grid rect,
.service-gallery-v6 .qimen-grid path,
.service-gallery-v6 .ziwei-board rect,
.service-gallery-v6 .ziwei-board path,
.service-gallery-v6 .feng-lines path{
  stroke:rgba(224,171,86,.68)!important; stroke-width:.75!important; fill:none!important;
}
.service-gallery-v6 .fine{stroke:rgba(224,171,86,.28)!important;stroke-width:.45!important;}
.service-gallery-v6 text{font-family:"Noto Serif TC",serif;fill:rgba(234,197,127,.82)!important;}
.service-gallery-v6 .ring-letters text,.service-gallery-v6 .small-label{font-size:12px!important;letter-spacing:.16em!important;}
.service-gallery-v6 .red-stamp{fill:rgba(128,36,25,.24)!important;stroke:rgba(183,66,46,.42)!important;stroke-width:.75!important;}
/* 專業姓名：改為單一「名」字，去除複雜物件 */
.service-gallery-v6 .art-name .art-medallion{
  background:
    radial-gradient(circle at 48% 38%, rgba(232,217,186,.82), rgba(168,139,92,.58) 42%, rgba(68,42,22,.56) 66%, rgba(8,5,3,.98) 100%);
  box-shadow:inset 0 0 0 1px rgba(243,209,138,.72), inset 0 0 45px rgba(95,57,25,.5), 0 24px 58px rgba(0,0,0,.72);
}
.service-gallery-v6 .art-name svg > *{display:none!important;}
.service-gallery-v6 .art-name svg::before{content:none;}
.service-gallery-v6 .art-name .art-medallion::before{
  content:"名";
  position:absolute; inset:0;
  display:grid; place-items:center;
  font-family:"Noto Serif TC",serif;
  font-size:88px;
  line-height:1;
  color:#8d5f27;
  text-shadow:1px 2px 0 rgba(255,235,174,.28), 0 0 18px rgba(91,50,18,.15);
  z-index:2;
}
.service-gallery-v6 .art-name .art-medallion::after{
  content:"張\A 印";
  white-space:pre;
  position:absolute; right:42px; bottom:38px;
  width:28px; height:34px;
  display:grid; place-items:center;
  color:rgba(132,45,33,.82);
  border:1px solid rgba(132,45,33,.64);
  font-size:10px; line-height:1.2;
  z-index:3;
}
.service-gallery-v6 .paper{fill:rgba(211,179,123,.22)!important;stroke:rgba(218,164,77,.5)!important;}
.qimen-confluence-v5{
  position:relative!important;
  width:min(980px,84vw)!important;
  height:86px!important;
  margin:46px auto 0!important;
  border-top:1px solid rgba(190,132,57,.34);
  border-bottom:1px solid rgba(190,132,57,.20);
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(90deg,transparent,rgba(40,25,12,.26),transparent);
}
.qimen-confluence-v5 span{display:none!important;}
.qimen-confluence-v5 b{
  font-size:20px!important;
  font-weight:400!important;
  letter-spacing:.38em!important;
  color:rgba(232,198,139,.82)!important;
}
.qimen-confluence-v5 b::before{content:"五術合一 · 洞悉全局 · 趨吉避凶 · 創造屬於你的最佳人生布局";}
.qimen-confluence-v5 b{font-size:0!important;}
.qimen-confluence-v5 b::before{font-size:18px!important;}
/* V9｜04 修正擁擠：三欄與圓門主體 */
.section-seeking .section-inner, .section-zao .section-inner{width:min(1280px,88vw)!important;}
.section-zao .zao-grid,
.seeking-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(360px,520px) minmax(260px,1fr)!important;
  align-items:center!important;
  gap:58px!important;
}
.round-gate,.moon-gate{
  min-height:420px!important;
  transform:scale(1.12)!important;
  transform-origin:center;
}
.seeking-list li{margin-bottom:28px!important;}
@media (max-width:1100px){
  .service-gallery-v6{grid-template-columns:repeat(2,minmax(220px,1fr));}
  .section-ju{padding-top:80px!important;}
}
@media (max-width:760px){
  .service-gallery-v6{grid-template-columns:1fr;}
  .service-gallery-v6 .art-card{min-height:310px!important;}
  .section-ju .center-title h2{font-size:52px!important;}
}

/* ===== V10 fixes requested: restore chapter style, align gallery, visible Name glyph, and 04 three-column layout ===== */
.section-ju{
  min-height: 780px !important;
  padding: 88px 0 92px !important;
}
.section-ju .chapter-mark{
  display:flex !important;
  left:58px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
}
.section-ju .center-title{
  margin:0 auto 48px !important;
  padding-left:70px !important;
}
.section-ju .center-title::before,
.section-ju .center-title::after{ display:none !important; }
.section-ju .center-title .eyebrow{display:block !important; opacity:.62 !important;}
.section-ju .center-title h2::before{display:none !important;}
.section-ju .center-title h2{
  font-size:clamp(46px,4.2vw,70px) !important;
  letter-spacing:.24em !important;
  text-indent:.24em !important;
}
.section-ju .center-title p{
  font-size:15px !important;
  line-height:2 !important;
  letter-spacing:.18em !important;
}
.section-ju::before{
  opacity:.42 !important;
  filter:saturate(.85) contrast(1.02) brightness(.64) !important;
}
.service-gallery-v6{
  width:min(1320px,88vw) !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:clamp(26px,2.6vw,44px) !important;
  align-items:start !important;
  padding-left:48px !important;
}
.service-gallery-v6 .art-card{
  min-height:300px !important;
  grid-template-rows:188px 38px 28px 22px !important;
  align-items:start !important;
}
.service-gallery-v6 .art-medallion{
  width:180px !important;
  height:180px !important;
  margin:0 auto 16px !important;
}
.service-gallery-v6 .art-card span{
  height:34px !important;
  line-height:34px !important;
  font-size:23px !important;
  letter-spacing:.13em !important;
}
.service-gallery-v6 .art-card em{
  height:26px !important;
  line-height:26px !important;
  font-size:12.5px !important;
  letter-spacing:.14em !important;
}
.service-gallery-v6 .art-card::after{
  width:96px !important;
  margin-top:8px !important;
  opacity:.62 !important;
}
/* 專業姓名：實體「名」字置中，避免 SVG 被蓋住後整圈變黑 */
.service-gallery-v6 .art-name .art-medallion{
  background:
    radial-gradient(circle at 42% 32%, rgba(242,225,184,.72), rgba(171,139,85,.42) 36%, rgba(75,45,22,.42) 62%, rgba(6,4,3,.98) 100%) !important;
}
.service-gallery-v6 .art-name svg{opacity:.18 !important;}
.service-gallery-v6 .art-name svg > *{display:none !important;}
.service-gallery-v6 .art-name .name-glyph{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  z-index:5;
  font-family:"Noto Serif TC",serif;
  font-weight:500;
  font-size:86px;
  line-height:1;
  color:rgba(151,94,38,.92);
  text-shadow:
    1px 1px 0 rgba(255,233,176,.26),
    0 0 18px rgba(218,160,82,.16);
  pointer-events:none;
}
.service-gallery-v6 .art-name .art-medallion::before{display:none !important;}
.service-gallery-v6 .art-name .art-medallion::after{
  content:"玲瓏\A 印" !important;
  white-space:pre !important;
  right:36px !important;
  bottom:32px !important;
  width:26px !important;
  height:32px !important;
  z-index:6 !important;
  font-size:9px !important;
}
.qimen-confluence-v5{
  width:min(900px,74vw) !important;
  margin:28px auto 0 !important;
  height:68px !important;
  transform:translateX(28px);
}
.qimen-confluence-v5 b::before{font-size:15px !important; letter-spacing:.28em !important;}

/* 04 造運：真正三欄，圓門在中間，不再擠在左側 */
.section-create.create-grid-section{
  min-height:640px !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(188,119,41,.12), transparent 34%),
    linear-gradient(180deg,#050302,#080503 52%,#040302) !important;
  overflow:hidden !important;
}
.section-create .chapter-mark{display:flex !important; left:58px !important; z-index:6 !important;}
.create-split{
  width:min(1280px,88vw) !important;
  min-height:640px !important;
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) minmax(360px,520px) minmax(280px,1fr) !important;
  gap:52px !important;
  align-items:center !important;
  position:relative !important;
  z-index:4 !important;
  padding:70px 0 !important;
}
.gate-slot{min-height:440px;}
.door-scene{
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  z-index:1 !important;
}
.mountain-window{
  width:min(35vw,480px) !important;
  height:min(27vw,360px) !important;
  transform:translate(-50%,-35%) !important;
  opacity:.82 !important;
}
.round-door{
  width:min(36vw,500px) !important;
  height:min(36vw,500px) !important;
}
.need-list{align-self:center !important;}
.need-list h2{font-size:22px !important; line-height:1.8 !important; margin-bottom:34px !important;}
.need-list ul{gap:25px !important;}
.need-list li{font-size:17px !important; letter-spacing:.17em !important;}
.need-list li span{width:42px !important; height:42px !important; font-size:15px !important;}
.create-copy{align-self:center !important; text-align:left !important; max-width:360px !important; justify-self:end !important;}
.create-copy h2{font-size:48px !important; margin:0 0 24px !important;}
.create-copy .large-quote{font-size:24px !important; line-height:1.9 !important; margin:22px 0 34px !important;}
.create-copy .btn{width:max-content;}
@media(max-width:1100px){
  .service-gallery-v6{grid-template-columns:repeat(2,minmax(220px,1fr)) !important;padding-left:0 !important;}
  .section-ju .chapter-mark{display:none !important;}
  .create-split{grid-template-columns:1fr !important;gap:30px !important;}
  .gate-slot{min-height:360px;}
  .create-copy{justify-self:start !important;}
}

/* V11｜品牌長文 Modal：立業精神 / 經營理念 */
body.modal-open{overflow:hidden;}
.about-cards{
  gap:16px !important;
}
.about-card{
  position:relative;
  display:block;
  width:100%;
  min-height:116px;
  border:1px solid rgba(185,145,110,.28);
  border-radius:4px;
  background:
    linear-gradient(180deg,rgba(42,34,29,.62),rgba(23,18,15,.48)),
    repeating-linear-gradient(105deg,rgba(236,226,205,.025) 0 1px,transparent 1px 9px);
  padding:24px 28px;
  text-align:left;
  color:#ece4d8;
  box-shadow:inset 0 0 40px rgba(216,190,140,.018);
}
.about-cards article{border-radius:4px!important;padding:24px 28px!important;background:linear-gradient(180deg,rgba(42,34,29,.54),rgba(23,18,15,.42))!important;}
.about-card span,
.about-cards span{
  color:#d8be8c!important;
  letter-spacing:.24em!important;
  margin-bottom:10px!important;
}
.about-card p,
.about-cards p{
  color:rgba(236,228,216,.72)!important;
  line-height:2!important;
  letter-spacing:.08em!important;
}
.about-card-action{
  appearance:none;
  font-family:"Noto Serif TC",serif;
  cursor:pointer;
  transition:border-color .5s ease, transform .5s ease, background .5s ease;
}
.about-card-action:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.62),transparent);
  opacity:.58;
}
.about-card-action em{
  display:inline-flex;
  margin-top:14px;
  color:rgba(216,190,140,.68);
  font-style:normal;
  font-size:12px;
  letter-spacing:.2em;
}
.about-card-action:hover{
  transform:translateY(-2px);
  border-color:rgba(216,190,140,.58);
  background:
    linear-gradient(180deg,rgba(52,42,35,.66),rgba(23,18,15,.48)),
    repeating-linear-gradient(105deg,rgba(236,226,205,.03) 0 1px,transparent 1px 9px);
}
.about-card-action:hover em{color:#d8be8c;}
.about-card-action:focus-visible{
  outline:1px solid rgba(216,190,140,.72);
  outline-offset:4px;
}

.brand-modal{z-index:120;}
.brand-modal-backdrop{
  background:
    radial-gradient(circle at 50% 42%,rgba(185,145,110,.12),transparent 38%),
    rgba(4,3,2,.82)!important;
  backdrop-filter:blur(10px);
}
.brand-modal-panel{
  width:min(1080px,calc(100% - 44px))!important;
  max-height:min(86vh,840px);
  padding:0!important;
  border-radius:4px!important;
  border-color:rgba(185,145,110,.46)!important;
  background:#17120f!important;
  overflow:hidden;
  box-shadow:0 34px 120px rgba(0,0,0,.76),0 0 0 1px rgba(216,190,140,.08)!important;
}
.brand-modal-panel:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(216,190,140,.12);
  pointer-events:none;
  z-index:2;
}
.brand-modal-close{
  right:24px!important;
  top:22px!important;
  z-index:6;
  color:#d8be8c!important;
  font-size:28px!important;
}
.brand-modal-shell{
  display:grid;
  grid-template-columns:286px minmax(0,1fr);
  min-height:620px;
  max-height:min(86vh,840px);
}
.brand-modal-aside{
  position:relative;
  padding:56px 30px 44px;
  background:
    linear-gradient(180deg,rgba(33,26,22,.98),rgba(23,18,15,.98)),
    repeating-linear-gradient(90deg,rgba(236,226,205,.025) 0 1px,transparent 1px 10px);
  border-right:1px solid rgba(185,145,110,.24);
}
.brand-modal-aside:after{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  bottom:38px;
  height:1px;
  background:linear-gradient(90deg,rgba(139,46,46,.82),rgba(216,190,140,.28),transparent);
}
.brand-modal-aside .eyebrow{
  margin-bottom:18px!important;
  color:rgba(216,190,140,.58)!important;
}
.brand-modal-aside strong{
  display:block;
  color:#ece4d8;
  font-weight:500;
  letter-spacing:.28em;
  line-height:2.1;
  writing-mode:vertical-rl;
  min-height:178px;
}
.brand-modal-tabs{
  display:grid;
  gap:12px;
  margin-top:42px;
}
.brand-modal-tabs button{
  appearance:none;
  min-height:44px;
  border:1px solid rgba(185,145,110,.28);
  border-radius:3px;
  background:rgba(23,18,15,.38);
  color:rgba(236,228,216,.66);
  font-family:"Noto Serif TC",serif;
  letter-spacing:.18em;
  cursor:pointer;
  transition:border-color .4s ease, color .4s ease, background .4s ease;
}
.brand-modal-tabs button.is-active,
.brand-modal-tabs button[aria-selected="true"]{
  border-color:rgba(216,190,140,.62);
  color:#d8be8c;
  background:rgba(185,145,110,.08);
}
.brand-modal-tabs button:focus-visible{
  outline:1px solid rgba(216,190,140,.72);
  outline-offset:3px;
}
.brand-modal-scroll{
  position:relative;
  max-height:min(86vh,840px);
  overflow:auto;
  padding:66px clamp(38px,5.4vw,82px) 72px;
  background:
    linear-gradient(180deg,rgba(236,228,216,.035),rgba(42,34,29,.16)),
    radial-gradient(circle at 80% 18%,rgba(216,190,140,.075),transparent 28%),
    #17120f;
  scroll-behavior:smooth;
}
.brand-modal-scroll:focus{outline:none;}
.brand-modal-scroll::-webkit-scrollbar{width:9px;}
.brand-modal-scroll::-webkit-scrollbar-track{background:rgba(23,18,15,.9);}
.brand-modal-scroll::-webkit-scrollbar-thumb{background:rgba(185,145,110,.36);border-radius:999px;border:2px solid rgba(23,18,15,.9);}
.brand-modal-content{
  max-width:700px;
  margin:0 auto;
}
.brand-modal-content[hidden]{display:none!important;}
.brand-modal-content .eyebrow{
  margin-bottom:20px!important;
  color:rgba(216,190,140,.62)!important;
}
.brand-modal-panel h3{
  margin:0 0 22px!important;
  color:#ece4d8!important;
  font-size:clamp(30px,3.2vw,48px)!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.2em!important;
}
.brand-lede{
  margin:0 0 34px!important;
  color:#d8be8c!important;
  font-size:clamp(17px,1.6vw,22px)!important;
  line-height:2!important;
  letter-spacing:.14em!important;
}
.brand-prose{
  position:relative;
  padding:34px 0 0;
  border-top:1px solid rgba(185,145,110,.24);
}
.brand-prose:before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:78px;
  height:1px;
  background:#8b2e2e;
}
.brand-modal-panel .brand-prose p{
  margin:0 0 20px!important;
  color:rgba(236,228,216,.76)!important;
  font-size:15px!important;
  line-height:2.18!important;
  letter-spacing:.08em!important;
}
.brand-prose h4{
  margin:48px 0 20px;
  color:#d8be8c;
  font-weight:500;
  font-size:19px;
  letter-spacing:.18em;
}
@media(max-width:860px){
  .about-card{min-height:auto;padding:22px 24px;}
  .brand-modal-panel{width:calc(100% - 26px)!important;max-height:88vh;}
  .brand-modal-shell{grid-template-columns:1fr;min-height:0;max-height:88vh;}
  .brand-modal-aside{
    padding:28px 24px 20px;
    border-right:0;
    border-bottom:1px solid rgba(185,145,110,.22);
  }
  .brand-modal-aside strong{
    writing-mode:horizontal-tb;
    min-height:0;
    letter-spacing:.2em;
  }
  .brand-modal-tabs{
    grid-template-columns:1fr 1fr;
    margin-top:22px;
  }
  .brand-modal-tabs button{
    min-height:42px;
    font-size:13px;
    letter-spacing:.12em;
  }
  .brand-modal-aside:after{display:none;}
  .brand-modal-scroll{
    max-height:calc(88vh - 182px);
    padding:36px 24px 44px;
  }
  .brand-modal-panel h3{
    font-size:30px!important;
    letter-spacing:.12em!important;
  }
  .brand-modal-panel .brand-prose p{
    font-size:14px!important;
    line-height:2.08!important;
  }
}
@media(max-width:520px){
  .brand-modal-close{right:14px!important;top:12px!important;}
  .brand-modal-panel:before{inset:8px;}
  .brand-modal-aside{padding:24px 18px 18px;}
  .brand-modal-scroll{padding:30px 18px 38px;}
  .brand-modal-tabs{gap:8px;}
  .brand-modal-tabs button{font-size:12px;}
  .brand-lede{font-size:16px!important;}
}

/* V12｜02 局精品化：五術展件收束為奇門，不再使用生硬橫槓 */
.section-ju{
  min-height:860px!important;
  padding:88px 0 104px!important;
  background:
    radial-gradient(circle at 50% 58%,rgba(185,145,110,.10),transparent 34%),
    radial-gradient(circle at 86% 26%,rgba(139,46,46,.08),transparent 24%),
    linear-gradient(180deg,#050403 0%,#0a0705 54%,#050403 100%)!important;
}
.section-ju::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 50% 53%,transparent 0 22%,rgba(216,190,140,.095) 22.1% 22.25%,transparent 22.5% 34%,rgba(216,190,140,.06) 34.1% 34.25%,transparent 34.6%),
    conic-gradient(from -8deg at 50% 54%,transparent 0 8deg,rgba(185,145,110,.085) 8.2deg 8.45deg,transparent 8.8deg 15deg),
    repeating-linear-gradient(112deg,rgba(236,228,216,.018) 0 1px,transparent 1px 11px)!important;
  opacity:.9!important;
  filter:none!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}
.section-ju::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.18) 50%,rgba(0,0,0,.76)),
    linear-gradient(180deg,rgba(0,0,0,.54),transparent 40%,rgba(0,0,0,.74))!important;
  pointer-events:none!important;
}
.section-ju .section-inner{
  width:min(1260px,calc(100% - 116px))!important;
  min-height:680px!important;
  padding:38px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.section-ju .chapter-mark{
  display:flex!important;
  left:58px!important;
  top:145px!important;
  transform:none!important;
}
.section-ju .center-title{
  max-width:620px!important;
  margin:0 0 52px clamp(38px,4vw,62px)!important;
  padding-left:0!important;
  text-align:left!important;
}
.section-ju .center-title .eyebrow{
  display:block!important;
  margin-bottom:18px!important;
  color:rgba(185,145,110,.76)!important;
}
.section-ju .center-title h2{
  margin:0 0 20px!important;
  color:#ece4d8!important;
  font-size:clamp(54px,5.2vw,76px)!important;
  line-height:1.1!important;
  letter-spacing:.18em!important;
  text-indent:0!important;
  text-shadow:none!important;
}
.section-ju .center-title p{
  max-width:620px!important;
  margin:0!important;
  color:rgba(236,228,216,.70)!important;
  font-size:clamp(14px,1.15vw,16px)!important;
  line-height:2.05!important;
  letter-spacing:.14em!important;
}
.service-gallery-v6{
  position:relative!important;
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,34px)!important;
  align-items:start!important;
}
.service-gallery-v6::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:88px!important;
  width:min(620px,62vw)!important;
  height:min(620px,62vw)!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(216,190,140,.105),transparent 30%),
    radial-gradient(circle,transparent 0 42%,rgba(216,190,140,.075) 42.15% 42.35%,transparent 42.7%)!important;
  opacity:.56!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.service-gallery-v6 .art-card{
  position:relative!important;
  min-height:292px!important;
  grid-template-rows:176px 34px 28px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  justify-items:center!important;
  align-items:start!important;
  color:#ece4d8!important;
  transform:none!important;
  filter:none!important;
}
.service-gallery-v6 .art-card::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:166px!important;
  width:1px!important;
  height:54px!important;
  transform:translateX(-50%) scaleY(.72)!important;
  transform-origin:top!important;
  background:linear-gradient(180deg,rgba(216,190,140,.30),transparent)!important;
  opacity:0!important;
  transition:opacity .65s ease, transform .65s ease!important;
}
.service-gallery-v6 .art-card::after{
  display:none!important;
  content:none!important;
}
.service-gallery-v6 .art-card:hover{
  transform:translateY(-4px)!important;
  filter:none!important;
}
.service-gallery-v6 .art-card:hover::before{
  opacity:.72!important;
  transform:translateX(-50%) scaleY(1)!important;
}
.service-gallery-v6 .art-medallion{
  width:168px!important;
  height:168px!important;
  margin:0 auto 18px!important;
  border-radius:50%!important;
  overflow:visible!important;
  position:relative!important;
  background:
    radial-gradient(circle at 44% 34%,rgba(216,190,140,.16),transparent 30%),
    radial-gradient(circle,rgba(23,18,15,.96),rgba(5,4,3,.98) 72%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.36),
    inset 0 0 38px rgba(185,145,110,.035),
    0 18px 46px rgba(0,0,0,.54)!important;
}
.service-gallery-v6 .art-card:nth-child(1) .art-medallion,
.service-gallery-v6 .art-card:nth-child(3) .art-medallion{
  width:168px!important;
  height:168px!important;
}
.service-gallery-v6 .art-medallion::before{
  content:""!important;
  position:absolute!important;
  inset:-10px!important;
  border-radius:50%!important;
  border:1px solid rgba(185,145,110,.18)!important;
  background:conic-gradient(from 20deg,transparent 0 16deg,rgba(216,190,140,.18) 16.2deg 16.8deg,transparent 17deg 30deg)!important;
  opacity:.62!important;
  pointer-events:none!important;
}
.service-gallery-v6 .art-medallion::after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.18)!important;
  background:none!important;
  pointer-events:none!important;
}
.service-gallery-v6 .artifact-svg{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  filter:none!important;
}
.service-gallery-v6 .artifact-disc{
  fill:rgba(8,6,4,.80)!important;
  stroke:rgba(216,190,140,.34)!important;
  stroke-width:.58!important;
}
.service-gallery-v6 .paper{
  fill:rgba(42,34,29,.52)!important;
  stroke:rgba(216,190,140,.32)!important;
}
.service-gallery-v6 .paper-wash{
  fill:rgba(216,190,140,.085)!important;
  stroke:none!important;
}
.service-gallery-v6 .artifact-rings circle,
.service-gallery-v6 .artifact-ticks path,
.service-gallery-v6 .qimen-oracle path,
.service-gallery-v6 .qimen-grid rect,
.service-gallery-v6 .qimen-grid path,
.service-gallery-v6 .qimen-grid circle,
.service-gallery-v6 .bazi-slips path,
.service-gallery-v6 .ziwei-board rect,
.service-gallery-v6 .ziwei-board path,
.service-gallery-v6 .ziwei-orbits path,
.service-gallery-v6 .feng-lines path{
  fill:none!important;
  stroke:rgba(216,190,140,.48)!important;
  stroke-width:.54!important;
  vector-effect:non-scaling-stroke!important;
}
.service-gallery-v6 .qimen-oracle circle,
.service-gallery-v6 .ziwei-orbits circle{
  fill:rgba(216,190,140,.58)!important;
  stroke:none!important;
}
.service-gallery-v6 .qimen-oracle path,
.service-gallery-v6 .ziwei-orbits path{
  opacity:.42!important;
}
.service-gallery-v6 .bazi-slips path{
  fill:rgba(236,228,216,.035)!important;
}
.service-gallery-v6 .fine,
.service-gallery-v6 .mountain-line{
  stroke:rgba(216,190,140,.24)!important;
  stroke-width:.42!important;
}
.service-gallery-v6 .star{
  fill:#d8be8c!important;
  stroke:none!important;
  opacity:.62!important;
}
.service-gallery-v6 .main-star{opacity:.88!important;}
.service-gallery-v6 text{
  font-family:"Noto Serif TC",serif!important;
  fill:rgba(236,228,216,.74)!important;
  stroke:rgba(5,4,3,.92)!important;
  stroke-width:1.1px!important;
  paint-order:stroke!important;
}
.service-gallery-v6 .artifact-label,
.service-gallery-v6 .artifact-labels text{
  display:none!important;
}
.service-gallery-v6 .artifact-core{
  font-size:30px!important;
  letter-spacing:.05em!important;
  fill:#ece4d8!important;
}
.service-gallery-v6 .small-core{font-size:24px!important;}
.service-gallery-v6 .small-label{font-size:10px!important;}
.service-gallery-v6 .vermilion-mark,
.service-gallery-v6 .name-stamp rect{
  fill:rgba(139,46,46,.34)!important;
  stroke:rgba(185,75,61,.45)!important;
  stroke-width:.62!important;
}
.service-gallery-v6 .name-stamp path{
  fill:none!important;
  stroke:rgba(236,155,124,.46)!important;
  stroke-width:.7!important;
}
.service-gallery-v6 .name-script text{
  font-size:76px!important;
  fill:rgba(216,190,140,.78)!important;
  stroke:rgba(5,4,3,.74)!important;
  stroke-width:1.2px!important;
}
.service-gallery-v6 .name-glyph{
  display:none!important;
}
.service-gallery-v6 .art-name svg > *{
  display:initial!important;
}
.service-gallery-v6 .art-name .art-medallion::before{
  display:block!important;
}
.service-gallery-v6 .art-name .art-medallion::after{
  content:""!important;
  display:block!important;
  right:8px!important;
  bottom:8px!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(216,190,140,.18)!important;
  color:transparent!important;
}
.service-gallery-v6 .art-name .art-medallion{
  background:
    radial-gradient(circle at 48% 34%,rgba(216,190,140,.13),transparent 31%),
    radial-gradient(circle,rgba(42,34,29,.62),rgba(8,6,4,.98) 72%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.32),
    inset 0 0 34px rgba(139,46,46,.035),
    0 18px 46px rgba(0,0,0,.54)!important;
}
.service-gallery-v6 .art-name .paper-wash{
  fill:rgba(216,190,140,.055)!important;
}
.service-gallery-v6 .art-name .name-script text{
  fill:rgba(216,190,140,.58)!important;
  stroke:rgba(5,4,3,.88)!important;
}
.service-gallery-v6 .art-card span{
  height:auto!important;
  min-height:31px!important;
  line-height:1.55!important;
  color:#ece4d8!important;
  font-size:clamp(18px,1.6vw,22px)!important;
  letter-spacing:.14em!important;
  text-shadow:none!important;
}
.service-gallery-v6 .art-card em{
  height:auto!important;
  line-height:1.7!important;
  margin-top:0!important;
  color:rgba(183,171,157,.72)!important;
  font-size:12px!important;
  letter-spacing:.10em!important;
  white-space:normal!important;
}
.qimen-confluence-v5{
  position:relative!important;
  width:min(760px,74vw)!important;
  height:118px!important;
  margin:10px auto 0!important;
  transform:none!important;
  border:0!important;
  background:none!important;
  display:block!important;
}
.qimen-confluence-v5::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:2px!important;
  width:9px!important;
  height:9px!important;
  transform:translateX(-50%) rotate(45deg)!important;
  border:1px solid rgba(216,190,140,.64)!important;
  background:#050403!important;
  box-shadow:0 0 18px rgba(216,190,140,.18)!important;
}
.qimen-confluence-v5::after{
  content:"奇門遁甲整合分析"!important;
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  transform:translateX(-50%)!important;
  color:rgba(216,190,140,.64)!important;
  font-size:12px!important;
  letter-spacing:.32em!important;
  white-space:nowrap!important;
}
.qimen-confluence-v5 span{
  display:block!important;
  position:absolute!important;
  top:8px!important;
  left:50%!important;
  width:min(230px,26vw)!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.42),transparent)!important;
  opacity:.46!important;
  transform-origin:left center!important;
}
.qimen-confluence-v5 span:nth-child(1){transform:translateX(-50%) rotate(22deg)!important;}
.qimen-confluence-v5 span:nth-child(2){transform:translateX(-50%) rotate(10deg)!important;}
.qimen-confluence-v5 span:nth-child(3){transform:translateX(-50%) rotate(0deg)!important;}
.qimen-confluence-v5 span:nth-child(4){transform:translateX(-50%) rotate(-10deg)!important;}
.qimen-confluence-v5 span:nth-child(5){transform:translateX(-50%) rotate(-22deg)!important;}
.qimen-confluence-v5 b{
  position:absolute!important;
  left:50%!important;
  top:38px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 34px!important;
  border:1px solid rgba(185,145,110,.28)!important;
  background:rgba(23,18,15,.46)!important;
  color:rgba(236,228,216,.82)!important;
  font-weight:400!important;
  font-size:15px!important;
  letter-spacing:.22em!important;
  white-space:nowrap!important;
}
.qimen-confluence-v5 b::before{
  content:none!important;
}

/* V12｜全站手機章節軸與重疊修正 */
@media(max-width:1100px){
  .section-ju{
    min-height:auto!important;
    padding:82px 0 96px!important;
  }
  .section-ju .section-inner{
    width:min(760px,calc(100% - 56px))!important;
    min-height:auto!important;
    padding:0!important;
  }
  .section-ju .chapter-mark{
    display:flex!important;
    left:24px!important;
    top:38px!important;
    transform:none!important;
    flex-direction:row!important;
    gap:14px!important;
  }
  .section-ju .chapter-mark i{
    width:64px!important;
    height:1px!important;
    margin-top:13px!important;
    background:linear-gradient(90deg,rgba(216,190,140,.65),transparent)!important;
  }
  .section-ju .center-title{
    margin:0 auto 38px!important;
    padding-top:22px!important;
  }
  .service-gallery-v6{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(620px,100%)!important;
    gap:32px 26px!important;
  }
  .service-gallery-v6 .art-card{
    min-height:260px!important;
    grid-template-rows:156px auto auto!important;
  }
  .service-gallery-v6 .art-medallion{
    width:148px!important;
    height:148px!important;
  }
  .service-gallery-v6 .art-card:nth-child(1) .art-medallion,
  .service-gallery-v6 .art-card:nth-child(3) .art-medallion{
    width:148px!important;
    height:148px!important;
  }
  .qimen-confluence-v5{
    width:min(520px,88vw)!important;
    margin-top:8px!important;
  }
}
@media(max-width:760px){
  .story-section .section-inner{
    width:calc(100% - 44px)!important;
    padding-top:86px!important;
    padding-bottom:86px!important;
  }
  .story-section .chapter-mark{
    left:22px!important;
    top:28px!important;
    transform:none!important;
    flex-direction:row!important;
    gap:12px!important;
    align-items:center!important;
  }
  .story-section .chapter-mark i{
    width:58px!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(216,190,140,.66),transparent)!important;
  }
  .story-section .chapter-mark i:before,
  .story-section .chapter-mark i:after{
    display:none!important;
  }
  .section-fate .section-title{
    padding-left:0!important;
  }
  .section-fate .section-title:before{
    display:none!important;
  }
  .quote-layout,
  .create-split,
  .about-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .quote-side h2{
    margin-left:0!important;
    text-indent:0!important;
    letter-spacing:.18em!important;
  }
  .quote-side,
  .need-list,
  .section-about .section-title{
    padding-left:0!important;
  }
  .classic-quote{
    margin-top:8px!important;
  }
  .section-create.create-grid-section{
    min-height:auto!important;
  }
  .create-split{
    min-height:auto!important;
    padding:92px 0 84px!important;
  }
  .gate-slot{
    min-height:280px!important;
  }
  .round-door{
    width:min(78vw,360px)!important;
    height:min(78vw,360px)!important;
  }
  .mountain-window{
    width:min(68vw,340px)!important;
    height:min(48vw,250px)!important;
  }
  .create-copy{
    max-width:none!important;
  }
  .section-about .section-inner{
    min-height:auto!important;
  }
}

/* V114｜Hero compass center correction: keep emblem optically centered in the 380,380 core */
.hero .logo-core{
  transform-origin:380px 380px!important;
}
.hero .logo-core .core-emblem{
  transform:none!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
}
@media(max-width:560px){
  .section-ju{
    padding:86px 0 92px!important;
  }
  .section-ju .section-inner{
    width:calc(100% - 38px)!important;
  }
  .section-ju .center-title{
    margin-bottom:34px!important;
  }
  .section-ju .center-title .eyebrow{
    font-size:12px!important;
    letter-spacing:.22em!important;
  }
  .section-ju .center-title h2{
    font-size:58px!important;
    margin-bottom:20px!important;
  }
  .section-ju .center-title p{
    font-size:18px!important;
    line-height:2!important;
    letter-spacing:.10em!important;
    text-align:left!important;
  }
  .section-ju .center-title p br{
    display:none;
  }
  .service-gallery-v6{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .service-gallery-v6::before{
    width:360px!important;
    height:360px!important;
    top:80px!important;
  }
  .service-gallery-v6 .art-card{
    min-height:236px!important;
    grid-template-rows:148px auto auto!important;
  }
  .service-gallery-v6 .art-medallion{
    width:140px!important;
    height:140px!important;
    margin-bottom:14px!important;
  }
  .service-gallery-v6 .art-card:nth-child(1) .art-medallion,
  .service-gallery-v6 .art-card:nth-child(3) .art-medallion{
    width:140px!important;
    height:140px!important;
  }
  .service-gallery-v6 .art-card span{
    font-size:22px!important;
  }
  .service-gallery-v6 .art-card em{
    font-size:13px!important;
  }
  .qimen-confluence-v5{
    height:112px!important;
    width:100%!important;
  }
  .qimen-confluence-v5 span{
    width:36vw!important;
  }
  .qimen-confluence-v5 b{
    width:100%!important;
    padding:0 16px!important;
    font-size:14px!important;
    letter-spacing:.12em!important;
  }
  .qimen-confluence-v5::after{
    letter-spacing:.18em!important;
  }
}

/* V169｜05 cards + footer contact library */
.section-about .about-card-static{
  cursor:default;
  transition:border-color .5s ease,background .5s ease,box-shadow .5s ease!important;
}
.section-about .about-card-static:hover{
  border-color:rgba(216,190,140,.64)!important;
  background:
    linear-gradient(180deg,rgba(57,46,37,.68),rgba(24,18,14,.52)),
    repeating-linear-gradient(105deg,rgba(236,226,205,.032) 0 1px,transparent 1px 9px)!important;
  box-shadow:inset 0 1px 0 rgba(216,190,140,.10),inset 0 0 34px rgba(216,190,140,.026)!important;
}
.section-about .about-card-static:hover span{color:#e3c993!important;}
.section-about .about-card-static:hover p{color:rgba(236,228,216,.82)!important;}

.site-footer{
  display:grid!important;
  grid-template-columns:minmax(270px,1.08fr) minmax(276px,.98fr) minmax(238px,.84fr) auto!important;
  gap:clamp(30px,3.4vw,62px)!important;
  align-items:center!important;
  padding:64px clamp(34px,5.2vw,94px) 28px!important;
  background:#070504!important;
  border-top:1px solid rgba(185,145,110,.34)!important;
  overflow:visible!important;
}
.site-footer::before{
  background:
    linear-gradient(90deg,rgba(5,3,2,.96),rgba(35,27,22,.42) 46%,rgba(5,3,2,.94)),
    repeating-linear-gradient(105deg,rgba(216,190,140,.018) 0 1px,transparent 1px 22px)!important;
  opacity:1!important;
}
.footer-identity{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
}
.footer-brand-mark{
  position:relative;
  flex:0 0 86px;
  width:86px;
  height:86px;
  display:grid;
  place-content:center;
  gap:1px;
  border:1px solid rgba(185,145,110,.68);
  color:rgba(216,190,140,.92);
  background:linear-gradient(145deg,rgba(44,34,27,.88),rgba(11,8,6,.92));
  box-shadow:inset 0 0 0 5px rgba(216,190,140,.025),inset 0 0 28px rgba(0,0,0,.36);
}
.footer-brand-mark::before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid rgba(185,145,110,.23);
  pointer-events:none;
}
.footer-brand-mark span{
  position:relative;
  z-index:1;
  font-family:"Noto Serif TC",serif;
  font-size:18px;
  line-height:1.02;
  letter-spacing:.08em;
}
.footer-motto{
  margin:0 0 9px!important;
  color:rgba(224,199,154,.90)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:16px!important;
  letter-spacing:.18em!important;
  white-space:nowrap;
}
.footer-english{
  margin:0!important;
  color:rgba(183,171,157,.58)!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:12px!important;
  letter-spacing:.16em!important;
}
.footer-qr-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(112px,1fr));
  gap:14px;
}
.footer-qr{
  display:grid;
  justify-items:center;
  gap:7px;
  color:rgba(216,190,140,.84)!important;
  text-align:center;
  text-decoration:none;
}
.footer-qr-image{
  width:118px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:6px;
  border:1px solid rgba(185,145,110,.46);
  background:#e8e0d3;
  box-shadow:inset 0 0 0 1px rgba(81,57,35,.22),0 0 22px rgba(185,145,110,.05);
}
.footer-qr-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.footer-qr strong{
  font-family:"Noto Serif TC",serif;
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
}
.footer-qr small{
  color:rgba(183,171,157,.64);
  font-size:10px;
  letter-spacing:.08em;
}
.footer-qr:hover .footer-qr-image{
  border-color:rgba(216,190,140,.74);
  box-shadow:inset 0 0 0 1px rgba(81,57,35,.22),0 0 26px rgba(185,145,110,.12);
}
.footer-contact{
  display:grid;
  gap:10px;
  margin:0;
  font-style:normal;
}
.footer-contact p,
.footer-contact a{
  margin:0;
  color:rgba(226,214,195,.70)!important;
  font-size:12px!important;
  line-height:1.65;
  letter-spacing:.08em;
  text-decoration:none;
}
.footer-contact a:hover{color:rgba(216,190,140,.94)!important;}
.footer-copyright{
  align-self:end;
  justify-self:end;
  color:rgba(183,171,157,.42)!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:10px!important;
  letter-spacing:.1em!important;
  white-space:nowrap;
}
@media(max-width:1080px){
  .site-footer{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)!important;}
  .footer-contact{grid-column:1!important;}
  .footer-copyright{grid-column:2!important;}
}
@media(max-width:680px){
  .site-footer{grid-template-columns:1fr!important;gap:30px!important;padding:48px 28px 26px!important;}
  .footer-qr-grid{max-width:290px;}
  .footer-contact,.footer-copyright{grid-column:auto!important;justify-self:start!important;}
  .footer-copyright{padding-top:8px;}
}

/* V163｜04 造運：實體門環入門、桃源水紋與星點歸光 */
@media(min-width:1101px){
  .section-create .gate-slot{
    transform:translateX(7%)!important;
  }
}

.section-create .fortune-gate-window{
  clip-path:circle(47.4% at 50% 50%)!important;
  background:#070402!important;
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.56),
    0 0 24px rgba(185,145,110,.07)!important;
}

.section-create .fortune-scenery{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  animation:none!important;
}

.section-create .fortune-scenery img{
  opacity:.31!important;
  filter:saturate(.94) contrast(1.01) brightness(.78)!important;
  transform:none!important;
  transition:opacity 1.35s cubic-bezier(.23,.72,.18,1),filter 1.35s cubic-bezier(.23,.72,.18,1)!important;
}

.section-create .fortune-gate-window::before{
  z-index:15!important;
  opacity:.60!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.58),rgba(5,3,2,.06) 32%,rgba(5,3,2,.06) 68%,rgba(5,3,2,.58)),
    radial-gradient(ellipse at 50% 50%,transparent 0 67%,rgba(3,2,1,.18) 84%,rgba(3,2,1,.54) 100%)!important;
}

.section-create .fortune-gate-window::after{
  content:none!important;
  display:none!important;
}

.section-create .fortune-moon-ring{
  inset:1.4%!important;
  z-index:40!important;
  background:none!important;
  border:1px solid rgba(216,190,140,.54)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.05),
    0 0 26px rgba(185,145,110,.10)!important;
}

.section-create .fortune-gate-panels{
  z-index:25!important;
  clip-path:circle(47.4% at 50% 50%)!important;
}

.section-create .fortune-door-panel{
  top:10.5%!important;
  bottom:10.5%!important;
  width:25%!important;
  overflow:visible!important;
  opacity:.94!important;
  border:1px solid rgba(190,145,92,.22)!important;
  background-image:
    linear-gradient(180deg,rgba(12,7,3,.20),rgba(3,2,1,.12) 48%,rgba(3,2,1,.28)),
    url("assets/fortune-antique-door-wood.png")!important;
  background-size:100% 100%,400% 100%!important;
  background-repeat:no-repeat!important;
  box-shadow:
    inset 0 0 0 1px rgba(246,226,172,.035),
    inset 0 0 18px rgba(0,0,0,.35),
    0 4px 16px rgba(0,0,0,.22)!important;
  transition:transform 1.35s cubic-bezier(.19,.75,.16,1),opacity 1.35s cubic-bezier(.19,.75,.16,1),filter 1.35s cubic-bezier(.19,.75,.16,1)!important;
}

.section-create .fortune-door-panel::before,
.section-create .fortune-door-panel::after{
  content:none!important;
  display:none!important;
}

.section-create .fortune-door-outer-left{left:0!important;background-position:center,0% 50%!important;}
.section-create .fortune-door-inner-left{left:25%!important;background-position:center,33.333% 50%!important;}
.section-create .fortune-door-inner-right{left:50%!important;background-position:center,66.667% 50%!important;}
.section-create .fortune-door-outer-right{left:75%!important;background-position:center,100% 50%!important;}

.section-create .fortune-lion-handle{
  position:absolute!important;
  top:48%!important;
  z-index:4!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  opacity:.84!important;
  background:none!important;
  box-shadow:0 3px 10px rgba(0,0,0,.40)!important;
  filter:saturate(.78) contrast(.90) brightness(.84)!important;
  transition:filter 1.35s cubic-bezier(.19,.75,.16,1),opacity 1.35s cubic-bezier(.19,.75,.16,1)!important;
}

.section-create .fortune-lion-handle::before,
.section-create .fortune-lion-handle::after{
  content:none!important;
  display:none!important;
}

.section-create .fortune-door-inner-left .fortune-lion-handle{right:-20px!important;left:auto!important;transform:translateY(-50%)!important;}
.section-create .fortune-door-inner-right .fortune-lion-handle{left:-20px!important;right:auto!important;transform:translateY(-50%)!important;}

.section-create .fortune-water-flow{
  z-index:7!important;
  left:50%!important;
  bottom:8%!important;
  width:34%!important;
  height:48%!important;
  opacity:0!important;
  transform:translateX(-50%)!important;
  background:
    repeating-radial-gradient(ellipse at 50% 100%,rgba(246,226,172,.26) 0 1px,transparent 1px 17px),
    linear-gradient(90deg,transparent,rgba(246,226,172,.20),transparent)!important;
  background-size:100% 54px,100% 100%!important;
  background-position:50% 0,50% 50%!important;
  border:0!important;
  filter:blur(.25px)!important;
  mix-blend-mode:screen!important;
}

.section-create .fortune-water-flow::before,
.section-create .fortune-water-flow::after{
  content:none!important;
  display:none!important;
}

.section-create .fortune-star-flow{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:11!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  transform:none!important;
  background:none!important;
  box-shadow:none!important;
  opacity:1!important;
  overflow:visible!important;
}

.section-create .fortune-star-flow::after{
  content:none!important;
  display:none!important;
}

.section-create .fortune-star-core{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  opacity:0!important;
  background:rgba(255,238,190,.94)!important;
  box-shadow:0 0 5px rgba(255,238,190,.78),0 0 13px rgba(185,145,110,.32)!important;
  transform:translate3d(var(--sx),var(--sy),0) scale(.42)!important;
  will-change:transform,opacity,filter!important;
}

.section-create .star-flow-a{--sx:-82px;--sy:-54px;--delay:0s;}
.section-create .star-flow-b{--sx:76px;--sy:-46px;--delay:.82s;}
.section-create .star-flow-c{--sx:-68px;--sy:36px;--delay:1.64s;}
.section-create .star-flow-d{--sx:70px;--sy:42px;--delay:2.46s;}
.section-create .star-flow-e{--sx:0px;--sy:62px;--delay:3.28s;}

.section-create .fortune-gate-scene:hover .fortune-scenery,
.section-create .fortune-gate-scene:focus-within .fortune-scenery,
.section-create .fortune-gate-scene.is-open .fortune-scenery{
  animation:fortuneSceneryBreath 12s ease-in-out infinite alternate!important;
}

.section-create .fortune-gate-scene:hover .fortune-scenery img,
.section-create .fortune-gate-scene:focus-within .fortune-scenery img,
.section-create .fortune-gate-scene.is-open .fortune-scenery img{
  opacity:1!important;
  filter:saturate(1.02) contrast(1.03) brightness(1.01)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{
  opacity:.07!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-outer-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-left,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-left{transform:translateX(-36%)!important;}

.section-create .fortune-gate-scene:hover .fortune-door-inner-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-left,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-left{transform:translateX(-88%)!important;}

.section-create .fortune-gate-scene:hover .fortune-door-inner-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-right,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-right{transform:translateX(88%)!important;}

.section-create .fortune-gate-scene:hover .fortune-door-outer-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-right,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-right{transform:translateX(36%)!important;}

.section-create .fortune-gate-scene:hover .fortune-lion-handle,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle{
  opacity:.96!important;
  filter:saturate(.92) contrast(.96) brightness(1.05)!important;
}

.section-create .fortune-gate-scene:hover .fortune-water-flow,
.section-create .fortune-gate-scene:focus-within .fortune-water-flow,
.section-create .fortune-gate-scene.is-open .fortune-water-flow{
  opacity:.46!important;
  animation:fortuneWaterCurrent 5.8s linear infinite!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-core,
.section-create .fortune-gate-scene:focus-within .fortune-star-core,
.section-create .fortune-gate-scene.is-open .fortune-star-core{
  animation:fortuneStarIntoLight 4.9s cubic-bezier(.24,.58,.18,1) infinite!important;
  animation-delay:var(--delay)!important;
}

@keyframes fortuneSceneryBreath{
  from{transform:scale(1.004) translate3d(0,0,0);}
  to{transform:scale(1.018) translate3d(0,-.8%,0);}
}

@keyframes fortuneWaterCurrent{
  from{background-position:50% 0,50% 50%;filter:blur(.25px) brightness(.82);}
  50%{filter:blur(.35px) brightness(1.18);}
  to{background-position:50% -54px,50% 50%;filter:blur(.25px) brightness(.82);}
}

@keyframes fortuneStarIntoLight{
  0%{opacity:0;transform:translate3d(var(--sx),var(--sy),0) scale(.35);filter:brightness(.76);}
  12%{opacity:.92;}
  56%{opacity:.68;transform:translate3d(calc(var(--sx) * .36),calc(var(--sy) * .38),0) scale(.70);filter:brightness(1.12);}
  84%{opacity:.48;transform:translate3d(0,0,0) scale(.48);filter:brightness(1.34);}
  100%{opacity:0;transform:translate3d(0,-4px,0) scale(.20);filter:brightness(.84);}
}

@media(max-width:560px){
  .section-create .fortune-lion-handle{width:28px!important;height:28px!important;}
  .section-create .fortune-door-inner-left .fortune-lion-handle{right:-14px!important;}
  .section-create .fortune-door-inner-right .fortune-lion-handle{left:-14px!important;}
  .section-create .fortune-star-core{width:3px!important;height:3px!important;}
}

/* V13｜02 局：回到 01 的章節規格，修正桌機與手機錯位 */
.section-ju .chapter-mark{
  left:6.3vw!important;
  top:145px!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
}
.section-ju .chapter-mark i{
  width:1px!important;
  height:150px!important;
  margin-top:0!important;
  background:linear-gradient(180deg,rgba(218,169,91,.78),rgba(218,169,91,.26),transparent)!important;
}
.section-ju .chapter-mark i:before,
.section-ju .chapter-mark i:after{
  display:block!important;
}
.section-ju .center-title{
  width:min(620px,calc(100% - 72px))!important;
  max-width:620px!important;
  margin:0 0 52px 72px!important;
  padding-left:0!important;
  text-align:left!important;
}
.section-ju .center-title .eyebrow{
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.34em!important;
  margin-bottom:22px!important;
}
.section-ju .center-title h2{
  font-size:clamp(40px,3vw,58px)!important;
  line-height:1.15!important;
  letter-spacing:.28em!important;
  text-indent:0!important;
  margin-bottom:18px!important;
}
.section-ju .center-title p{
  max-width:620px!important;
  font-size:clamp(16px,1.65vw,24px)!important;
  line-height:1.85!important;
  letter-spacing:.12em!important;
}

@media(max-width:1100px){
  .section-ju{
    padding:82px 0 96px!important;
  }
  .section-ju .section-inner{
    width:calc(100% - 46px)!important;
    min-height:auto!important;
    padding:0!important;
  }
  .section-ju .chapter-mark{
    left:6.3vw!important;
    top:92px!important;
    flex-direction:column!important;
    gap:18px!important;
    align-items:center!important;
  }
  .section-ju .chapter-mark i{
    width:1px!important;
    height:132px!important;
    margin-top:0!important;
    background:linear-gradient(180deg,rgba(218,169,91,.72),rgba(218,169,91,.24),transparent)!important;
  }
  .section-ju .center-title{
    width:min(620px,calc(100% - 72px))!important;
    margin:0 0 42px 72px!important;
    padding-top:22px!important;
  }
  .section-ju .center-title h2{
    font-size:40px!important;
  }
  .section-ju .center-title p{
    font-size:clamp(16px,2.15vw,21px)!important;
  }
}

@media(max-width:760px){
  .section-ju{
    padding:0 0 92px!important;
  }
  .section-ju .section-inner{
    width:calc(100% - 44px)!important;
    padding-top:86px!important;
    padding-bottom:86px!important;
  }
  .section-ju .chapter-mark{
    left:22px!important;
    top:28px!important;
    flex-direction:row!important;
    gap:12px!important;
    align-items:center!important;
  }
  .section-ju .chapter-mark i{
    width:58px!important;
    height:1px!important;
    margin-top:0!important;
    background:linear-gradient(90deg,rgba(216,190,140,.66),transparent)!important;
  }
  .section-ju .chapter-mark i:before,
  .section-ju .chapter-mark i:after{
    display:none!important;
  }
  .section-ju .center-title{
    width:100%!important;
    max-width:none!important;
    margin:0 0 34px!important;
    padding-top:0!important;
  }
  .section-ju .center-title .eyebrow{
    font-size:10.5px!important;
    letter-spacing:.30em!important;
  }
  .section-ju .center-title h2{
    font-size:40px!important;
    line-height:1.15!important;
    margin-bottom:18px!important;
  }
  .section-ju .center-title p{
    font-size:16px!important;
    line-height:1.95!important;
    letter-spacing:.10em!important;
  }
}

@media(max-width:560px){
  .section-ju{
    padding-top:0!important;
  }
  .section-ju .section-inner{
    width:calc(100% - 38px)!important;
  }
  .section-ju .center-title h2{
    font-size:40px!important;
  }
}

.reveal.in{
  transform:translateY(0)!important;
}

/* V13｜五術展件細修：姓名印更清楚，匯流不做 UI 框線 */
.service-gallery-v6 .art-name .art-medallion{
  background:
    radial-gradient(circle at 50% 38%,rgba(216,190,140,.16),transparent 28%),
    radial-gradient(circle,rgba(42,34,29,.70),rgba(8,6,4,.98) 72%)!important;
}
.service-gallery-v6 .art-name .name-script text{
  font-size:64px!important;
  fill:rgba(236,228,216,.76)!important;
  stroke:rgba(5,4,3,.76)!important;
  stroke-width:.78px!important;
}
.service-gallery-v6 .art-name .name-stamp rect{
  fill:rgba(139,46,46,.42)!important;
  stroke:rgba(216,126,96,.54)!important;
}
.service-gallery-v6 .art-name .name-stamp path{
  stroke:rgba(236,180,142,.54)!important;
  stroke-width:.62!important;
}
.qimen-confluence-v5{
  height:138px!important;
  margin-top:2px!important;
}
.qimen-confluence-v5::before{
  top:8px!important;
  width:7px!important;
  height:7px!important;
  border-color:rgba(216,190,140,.48)!important;
  box-shadow:none!important;
}
.qimen-confluence-v5::after{
  bottom:8px!important;
  color:rgba(216,190,140,.46)!important;
  font-size:11px!important;
  letter-spacing:.30em!important;
}
.qimen-confluence-v5 span{
  top:12px!important;
  width:min(188px,21vw)!important;
  opacity:.32!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.38),transparent)!important;
}
.qimen-confluence-v5 b{
  top:50px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(236,228,216,.74)!important;
  font-size:15px!important;
  letter-spacing:.28em!important;
}

@media(max-width:760px){
  .qimen-confluence-v5{
    height:120px!important;
  }
  .qimen-confluence-v5 span{
    width:34vw!important;
  }
  .qimen-confluence-v5 b{
    top:46px!important;
    font-size:14px!important;
    letter-spacing:.18em!important;
  }
  .qimen-confluence-v5::after{
    letter-spacing:.14em!important;
  }
}

/* V14｜本輪細修：02 色彩、姓名朱印、手機 Header 三線 */
.section-ju .center-title h2{
  color:rgba(241,214,174,.92)!important;
}
.service-gallery-v6 .art-name .name-stamp{
  opacity:1!important;
}
.service-gallery-v6 .art-name .name-stamp rect{
  fill:rgba(139,46,46,.86)!important;
  stroke:rgba(216,126,96,.90)!important;
  stroke-width:.9!important;
}
.service-gallery-v6 .art-name .name-stamp path{
  stroke:rgba(252,202,166,.88)!important;
  stroke-width:.78!important;
}

@media(max-width:1050px){
  .nav{
    height:86px!important;
    padding:16px 24px 12px!important;
    gap:18px!important;
    align-items:center!important;
  }
  .links{
    display:none!important;
  }
  .brand{
    width:min(238px,62vw)!important;
    min-width:0!important;
    height:58px!important;
  }
  .brand img{
    width:min(226px,60vw)!important;
    max-height:58px!important;
  }
  .nav-actions{
    width:auto!important;
    margin-left:auto!important;
    gap:0!important;
  }
  .menu-dot{
    position:relative!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  .menu-dot span,
  .menu-dot::before,
  .menu-dot::after{
    content:""!important;
    position:absolute!important;
    left:9px!important;
    width:24px!important;
    height:1px!important;
    border-radius:0!important;
    background:rgba(216,190,140,.84)!important;
    box-shadow:none!important;
  }
  .menu-dot span{
    top:21px!important;
  }
  .menu-dot::before{
    top:14px!important;
  }
  .menu-dot::after{
    top:28px!important;
  }
}

@media(max-width:760px){
  .reserve{
    display:none!important;
  }
  .nav{
    height:78px!important;
    padding:14px 20px 10px!important;
  }
  .brand{
    width:min(206px,64vw)!important;
    height:54px!important;
  }
  .brand img{
    width:min(196px,62vw)!important;
    max-height:54px!important;
  }
  .nav-actions{
    width:auto!important;
  }
}

/* V15｜手機微調：Hero 文字下移、三線選單可展開、姓名朱印不刻字 */
.service-gallery-v6 .art-name .name-stamp path{
  display:none!important;
}

@media(max-width:1050px){
  .menu-dot{
    cursor:pointer!important;
    z-index:42!important;
  }
  .nav.is-menu-open .links{
    display:flex!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:20px!important;
    right:20px!important;
    width:auto!important;
    margin:0!important;
    padding:14px 0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    transform:none!important;
    border:1px solid rgba(185,145,110,.26)!important;
    background:linear-gradient(180deg,rgba(23,18,15,.96),rgba(8,6,4,.96))!important;
    box-shadow:0 22px 60px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(12px)!important;
    z-index:40!important;
  }
  .nav.is-menu-open .links a{
    display:flex!important;
    height:48px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 22px!important;
    color:rgba(236,228,216,.82)!important;
    border-bottom:1px solid rgba(185,145,110,.12)!important;
  }
  .nav.is-menu-open .links a:last-child{
    border-bottom:0!important;
  }
  .nav.is-menu-open .menu-dot::before{
    top:21px!important;
    transform:rotate(36deg)!important;
  }
  .nav.is-menu-open .menu-dot span{
    opacity:0!important;
  }
  .nav.is-menu-open .menu-dot::after{
    top:21px!important;
    transform:rotate(-36deg)!important;
  }
}

@media(max-width:760px){
  .hero-content{
    height:calc(100svh - 78px)!important;
    min-height:560px!important;
    padding:13.5vh 20px 14vh!important;
    align-items:flex-start!important;
  }
  .copy{
    padding-top:0!important;
    transform:none!important;
  }
  .copy .eyebrow{
    margin-top:0!important;
  }
}

/* V16｜手機精修：CTA 不與 Scroll 打架，05 卡片文字統一 */
@media(max-width:760px){
  .bottom-scroll{
    display:none!important;
  }
  .page-curve{
    opacity:.62!important;
  }
  .about-cards{
    gap:18px!important;
  }
  .about-card,
  .about-cards article{
    min-height:auto!important;
    padding:24px!important;
    border-radius:6px!important;
  }
  .about-card span,
  .about-cards span{
    display:block!important;
    font-size:20px!important;
    line-height:1.45!important;
    letter-spacing:.18em!important;
    margin:0 0 18px!important;
  }
  .about-card p,
  .about-cards p{
    font-size:17px!important;
    line-height:1.95!important;
    letter-spacing:.07em!important;
    margin:0!important;
  }
  .about-card-action em{
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.6!important;
    letter-spacing:.16em!important;
  }
}

/* V17｜桌機 05 卡片統一、姓名「名」字提高可讀性 */
.service-gallery-v6 .art-name svg{
  opacity:1!important;
}
.service-gallery-v6 .art-name .name-script text{
  font-size:64px!important;
  fill:rgba(241,214,174,.90)!important;
  stroke:rgba(5,4,3,.68)!important;
  stroke-width:.72px!important;
}
.about-card,
.about-cards article{
  font-family:"Noto Serif TC",serif!important;
  min-height:130px!important;
  padding:24px 28px!important;
}
.about-card span,
.about-cards span{
  display:block!important;
  font-size:clamp(18px,1.25vw,20px)!important;
  line-height:1.45!important;
  letter-spacing:.20em!important;
  margin:0 0 12px!important;
}
.about-card p,
.about-cards p{
  font-size:clamp(14.5px,.95vw,16px)!important;
  line-height:2!important;
  letter-spacing:.075em!important;
  margin:0!important;
}
.about-card-action em{
  margin-top:14px!important;
  font-size:12.5px!important;
  line-height:1.7!important;
  letter-spacing:.18em!important;
}

@media(max-width:760px){
  .about-card,
  .about-cards article{
    min-height:auto!important;
    padding:24px!important;
  }
  .about-card span,
  .about-cards span{
    font-size:20px!important;
    margin-bottom:18px!important;
  }
  .about-card p,
  .about-cards p{
    font-size:17px!important;
    line-height:1.95!important;
  }
  .about-card-action em{
    margin-top:18px!important;
    font-size:15px!important;
  }
}

/* V18｜姓名展件收細：移除弧線後，朱印只作暗紅落款 */
.service-gallery-v6 .art-name .name-stamp rect{
  fill:rgba(139,46,46,.34)!important;
  stroke:rgba(216,126,96,.42)!important;
  stroke-width:.62!important;
}

/* V19｜桌機章節軸安全距離：03 與 05 不再壓線 */
@media(min-width:761px){
  .quote-layout{
    grid-template-columns:minmax(300px,.42fr) 1fr!important;
    gap:clamp(72px,7vw,116px)!important;
  }
  .quote-side{
    padding-left:clamp(78px,7vw,104px)!important;
  }
  .quote-side h2{
    margin-left:0!important;
    text-indent:0!important;
  }
  .section-about .section-title{
    padding-left:clamp(76px,7vw,106px)!important;
  }
  .section-about .section-title:before{
    left:clamp(42px,4.8vw,64px)!important;
  }
}

/* V20｜02 玲瓏五卷：卷冊文案與奇門收束 */
.modal-panel:not(.brand-modal-panel){
  width:min(820px,calc(100% - 44px))!important;
  max-height:min(86vh,820px)!important;
  overflow:auto!important;
  border-radius:8px!important;
  border-color:rgba(185,145,110,.38)!important;
  background:
    linear-gradient(105deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 16% 10%,rgba(216,190,140,.075),transparent 30%),
    linear-gradient(180deg,rgba(33,26,22,.98),rgba(10,7,5,.98))!important;
  padding:46px 56px 38px!important;
}
.modal-panel:not(.brand-modal-panel)::-webkit-scrollbar{width:6px;}
.modal-panel:not(.brand-modal-panel)::-webkit-scrollbar-thumb{background:rgba(185,145,110,.35);border-radius:99px;}
.modal-panel:not(.brand-modal-panel) .eyebrow{
  color:rgba(185,145,110,.82)!important;
  letter-spacing:.22em!important;
}
.modal-panel:not(.brand-modal-panel) h3{
  font-size:clamp(34px,3vw,46px)!important;
  line-height:1.18!important;
  letter-spacing:.22em!important;
  margin-bottom:14px!important;
  color:rgba(236,228,216,.96)!important;
}
.modal-panel:not(.brand-modal-panel) .modal-tagline{
  margin:0!important;
  color:rgba(216,190,140,.86)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:18px!important;
  letter-spacing:.16em!important;
}
.modal-body{
  margin-top:30px!important;
  padding-top:30px!important;
  border-top:1px solid rgba(185,145,110,.22)!important;
}
.service-modal-prose{
  position:relative;
  color:rgba(236,228,216,.78);
}
.service-volume{
  margin:0 0 28px!important;
  color:rgba(216,190,140,.80)!important;
  font-family:"Cormorant Garamond","Noto Serif TC",serif!important;
  font-size:15px!important;
  letter-spacing:.28em!important;
}
.service-modal-prose section{
  position:relative;
  padding:0 0 30px 24px;
  margin:0 0 30px;
  border-left:1px solid rgba(185,145,110,.22);
}
.service-modal-prose section:last-child{
  margin-bottom:0;
  padding-bottom:0;
}
.service-modal-prose section:before{
  content:"";
  position:absolute;
  left:-4px;
  top:9px;
  width:7px;
  height:7px;
  border:1px solid rgba(216,190,140,.76);
  border-radius:50%;
  background:#17120f;
}
.service-modal-prose h4{
  margin:0 0 18px;
  color:rgba(216,190,140,.94);
  font-family:"Noto Serif TC",serif;
  font-size:20px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.20em;
}
.service-modal-prose p{
  margin:0 0 16px!important;
  color:rgba(236,228,216,.74)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:16px!important;
  line-height:2.05!important;
  letter-spacing:.075em!important;
}
.service-modal-prose p:last-child{margin-bottom:0!important;}
.service-modal-prose ul{
  display:grid;
  gap:10px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
}
.service-modal-prose li{
  position:relative;
  padding:12px 18px 12px 34px;
  border:1px solid rgba(185,145,110,.16);
  background:rgba(42,34,29,.34);
  color:rgba(236,228,216,.82);
  font-family:"Noto Serif TC",serif;
  font-size:15px;
  line-height:1.8;
  letter-spacing:.08em;
}
.service-modal-prose li:before{
  content:"";
  position:absolute;
  left:17px;
  top:24px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(185,145,110,.74);
}
.service-view-block{
  padding-bottom:4px!important;
}
.service-view-block h4{
  color:rgba(236,228,216,.90);
}
.modal-panel:not(.brand-modal-panel) .modal-actions{
  margin-top:34px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(185,145,110,.18)!important;
}
.service-gallery-v6 + .qimen-confluence-v5{
  display:block!important;
  height:188px!important;
  margin-top:18px!important;
  color:rgba(216,190,140,.78)!important;
}
.service-gallery-v6 + .qimen-confluence-v5::before{
  opacity:.42!important;
}
.service-gallery-v6 + .qimen-confluence-v5::after{
  content:"奇門掌局"!important;
  bottom:8px!important;
  font-size:12px!important;
  letter-spacing:.34em!important;
  color:rgba(185,145,110,.60)!important;
}
.service-gallery-v6 + .qimen-confluence-v5 span{
  display:block!important;
  top:22px!important;
  width:30%!important;
  opacity:.36!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.50),transparent)!important;
}
.service-gallery-v6 + .qimen-confluence-v5 b{
  position:absolute!important;
  left:50%!important;
  top:46px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:max-content!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:.34em!important;
  color:rgba(216,190,140,.82)!important;
}
.service-gallery-v6 + .qimen-confluence-v5 b::before{
  content:none!important;
  display:none!important;
}
.service-gallery-v6 + .qimen-confluence-v5 strong,
.service-gallery-v6 + .qimen-confluence-v5 em{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(720px,92vw);
  font-family:"Noto Serif TC",serif;
  font-weight:400;
  text-align:center;
}
.service-gallery-v6 + .qimen-confluence-v5 strong{
  top:78px;
  color:rgba(236,228,216,.86);
  font-size:clamp(19px,2vw,28px);
  line-height:1.5;
  letter-spacing:.14em;
}
.service-gallery-v6 + .qimen-confluence-v5 em{
  top:124px;
  color:rgba(183,171,157,.70);
  font-style:normal;
  font-size:14px;
  line-height:1.7;
  letter-spacing:.20em;
}

@media(max-width:760px){
  .modal-panel:not(.brand-modal-panel){
    width:calc(100% - 28px)!important;
    max-height:88vh!important;
    padding:34px 22px 28px!important;
  }
  .modal-panel:not(.brand-modal-panel) h3{
    font-size:32px!important;
    letter-spacing:.16em!important;
  }
  .modal-panel:not(.brand-modal-panel) .modal-tagline{
    font-size:16px!important;
    line-height:1.8!important;
    letter-spacing:.12em!important;
  }
  .modal-body{
    margin-top:24px!important;
    padding-top:24px!important;
  }
  .service-volume{
    font-size:13px!important;
    line-height:1.8!important;
    letter-spacing:.18em!important;
  }
  .service-modal-prose section{
    padding-left:18px;
    margin-bottom:28px;
  }
  .service-modal-prose h4{
    font-size:18px;
    letter-spacing:.16em;
  }
  .service-modal-prose p{
    font-size:15px!important;
    line-height:2!important;
    letter-spacing:.055em!important;
  }
  .service-modal-prose li{
    padding:11px 14px 11px 28px;
    font-size:14px;
    letter-spacing:.05em;
  }
  .service-modal-prose li:before{
    left:14px;
  }
  .service-gallery-v6 + .qimen-confluence-v5{
    display:block!important;
    height:168px!important;
    margin-top:10px!important;
  }
  .service-gallery-v6 + .qimen-confluence-v5 span{
    top:18px!important;
    width:46%!important;
  }
  .service-gallery-v6 + .qimen-confluence-v5 b{
    top:42px!important;
    font-size:12px!important;
    letter-spacing:.24em!important;
  }
  .service-gallery-v6 + .qimen-confluence-v5 strong{
    top:70px;
    width:min(320px,88vw);
    font-size:20px;
    line-height:1.65;
    letter-spacing:.08em;
  }
  .service-gallery-v6 + .qimen-confluence-v5 em{
    top:126px;
    width:min(320px,88vw);
    font-size:12px;
    letter-spacing:.12em;
  }
  .service-gallery-v6 + .qimen-confluence-v5::after{
    bottom:0!important;
    font-size:11px!important;
    letter-spacing:.24em!important;
  }
}

/* V21｜修正彈窗卷名：卷號留上方，章名放大；終卷入口維持題跋感 */
button.qimen-confluence-v5{
  appearance:none!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  font:inherit!important;
}
button.qimen-confluence-v5 small{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  color:rgba(216,190,140,.68);
  font-family:"Noto Serif TC",serif;
  font-size:13px;
  line-height:1;
  letter-spacing:.28em;
  transition:color .45s ease,transform .45s ease;
}
button.qimen-confluence-v5:hover strong{
  color:rgba(236,228,216,.96)!important;
}
button.qimen-confluence-v5:hover small{
  color:rgba(216,190,140,.90);
  transform:translateX(-50%) translateY(-2px);
}
.modal-panel:not(.brand-modal-panel) .eyebrow{
  font-size:12px!important;
  letter-spacing:.34em!important;
}
.service-modal-prose section:first-child h4{
  font-size:clamp(26px,2.2vw,34px)!important;
  line-height:1.25!important;
  letter-spacing:.24em!important;
  margin-bottom:24px!important;
}
.service-volume{
  display:none!important;
}

@media(max-width:760px){
  button.qimen-confluence-v5 small{
    bottom:24px;
    font-size:11px;
    letter-spacing:.20em;
  }
  .service-modal-prose section:first-child h4{
    font-size:28px!important;
    letter-spacing:.18em!important;
  }
}

/* V22｜終卷入口排版：閱讀終卷獨立成行，不再與題跋重疊 */
.service-gallery-v6 + button.qimen-confluence-v5{
  height:226px!important;
  margin-top:22px!important;
}
.service-gallery-v6 + button.qimen-confluence-v5::after{
  content:none!important;
  display:none!important;
}
.service-gallery-v6 + button.qimen-confluence-v5 b{
  top:44px!important;
}
.service-gallery-v6 + button.qimen-confluence-v5 strong{
  top:78px!important;
}
.service-gallery-v6 + button.qimen-confluence-v5 em{
  top:126px!important;
}
.service-gallery-v6 + button.qimen-confluence-v5 small{
  top:174px!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:120px!important;
  height:34px!important;
  padding:0 18px!important;
  border-top:1px solid rgba(185,145,110,.26)!important;
}

@media(max-width:760px){
  .service-gallery-v6 + button.qimen-confluence-v5{
    height:226px!important;
    margin-top:14px!important;
  }
  .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:34px!important;
  }
  .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:66px!important;
    width:min(330px,88vw)!important;
    font-size:19px!important;
    line-height:1.62!important;
  }
  .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:134px!important;
    width:min(330px,88vw)!important;
    line-height:1.7!important;
  }
  .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:178px!important;
    height:32px!important;
    min-width:104px!important;
    padding:0 14px!important;
  }
}

/* V23｜01 知命生成動畫：微光 → 太極 → 九宮 → 羅盤 */
.section-ornate-compass .fate-seed-layer,
.section-ornate-compass .fate-taiji-layer,
.section-ornate-compass .fate-grid-layer,
.section-ornate-compass .fate-compass-layer,
.section-ornate-compass .fate-compass-ticks{
  transform-origin:320px 320px!important;
  transform-box:fill-box;
  opacity:0;
}
.section-ornate-compass .fate-seed-halo{
  fill:rgba(216,190,140,.10)!important;
  stroke:rgba(216,190,140,.40)!important;
  stroke-width:.8!important;
}
.section-ornate-compass .fate-seed-core{
  fill:rgba(255,230,166,.92)!important;
  stroke:none!important;
  filter:drop-shadow(0 0 9px rgba(216,190,140,.44));
}
.section-ornate-compass .taiji-ground{
  fill:rgba(10,7,5,.48)!important;
  stroke:rgba(216,190,140,.42)!important;
  stroke-width:.9!important;
}
.section-ornate-compass .taiji-swirl{
  fill:rgba(216,190,140,.56)!important;
  stroke:none!important;
}
.section-ornate-compass .taiji-dot-light{
  fill:rgba(12,8,6,.90)!important;
  stroke:rgba(216,190,140,.28)!important;
  stroke-width:.5!important;
}
.section-ornate-compass .taiji-dot-dark{
  fill:rgba(216,190,140,.72)!important;
  stroke:none!important;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.58)!important;
  stroke-width:.72!important;
  fill:none!important;
  stroke-dasharray:720;
  stroke-dashoffset:720;
}
.section-ornate-compass .fate-grid-layer .grid-cross{
  opacity:.30;
}
.section-ornate-compass .fate-compass-layer circle,
.section-ornate-compass .fate-compass-layer path{
  stroke-dasharray:1900;
  stroke-dashoffset:1900;
}
.section-fate.is-awake .fate-seed-layer{
  animation:fateSeed 1.35s cubic-bezier(.2,.72,.16,1) both;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaiji 2.8s cubic-bezier(.2,.72,.16,1) .72s both;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridLayer 2.2s cubic-bezier(.2,.72,.16,1) 2.05s both;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateLineDraw 2.2s cubic-bezier(.2,.72,.16,1) 2.05s both;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassLayer 2.2s ease 3.35s both;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassDraw 3.1s cubic-bezier(.2,.72,.16,1) 3.35s both;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksIn 1.8s ease 4.55s both;
}
@keyframes fateSeed{
  0%{opacity:0;transform:scale(.32);}
  34%{opacity:.95;transform:scale(1);}
  68%{opacity:.78;transform:scale(1.42);}
  100%{opacity:.08;transform:scale(1.9);}
}
@keyframes fateTaiji{
  0%{opacity:0;transform:scale(.58) rotate(-18deg);}
  28%{opacity:.68;transform:scale(1) rotate(0deg);}
  68%{opacity:.52;transform:scale(1.04) rotate(72deg);}
  100%{opacity:.10;transform:scale(1.18) rotate(108deg);}
}
@keyframes fateGridLayer{
  0%{opacity:0;transform:scale(.72);}
  30%{opacity:.70;transform:scale(1);}
  72%{opacity:.54;transform:scale(1.04);}
  100%{opacity:.16;transform:scale(1.16);}
}
@keyframes fateLineDraw{
  0%{stroke-dashoffset:720;}
  55%,100%{stroke-dashoffset:0;}
}
@keyframes fateCompassLayer{
  0%{opacity:0;transform:scale(.86);}
  100%{opacity:1;transform:scale(1);}
}
@keyframes fateCompassDraw{
  0%{stroke-dashoffset:1900;}
  100%{stroke-dashoffset:0;}
}
@keyframes fateTicksIn{
  0%{opacity:0;transform:scale(.96) rotate(-3deg);}
  100%{opacity:.34;transform:scale(1) rotate(0deg);}
}

@media(max-width:980px){
  .section-fate.is-awake .fate-taiji-layer{
    animation-duration:2.5s;
  }
  .section-fate.is-awake .fate-compass-ticks{
    animation-name:fateTicksMobile;
  }
  @keyframes fateTicksMobile{
    0%{opacity:0;transform:scale(.96) rotate(-3deg);}
    100%{opacity:.20;transform:scale(1) rotate(0deg);}
  }
}

@media(prefers-reduced-motion:reduce){
  .section-ornate-compass .fate-seed-layer,
  .section-ornate-compass .fate-taiji-layer,
  .section-ornate-compass .fate-grid-layer{
    display:none!important;
  }
  .section-ornate-compass .fate-compass-layer,
  .section-ornate-compass .fate-compass-ticks{
    opacity:1!important;
    animation:none!important;
  }
  .section-ornate-compass .fate-compass-layer circle,
  .section-ornate-compass .fate-compass-layer path{
    stroke-dashoffset:0!important;
    animation:none!important;
  }
}

/* V24｜01 知命精修：太極由中心生出，內圈逐層展開，再成九宮羅盤 */
.section-ornate-compass .fate-inner-rings{
  transform-origin:320px 320px!important;
  transform-box:fill-box;
  opacity:0;
}
.section-ornate-compass .fate-seed-halo{
  fill:rgba(216,190,140,.05)!important;
  stroke:rgba(216,190,140,.48)!important;
  stroke-width:.72!important;
}
.section-ornate-compass .fate-seed-core{
  fill:rgba(255,235,183,.95)!important;
  filter:drop-shadow(0 0 7px rgba(216,190,140,.36));
}
.section-ornate-compass .taiji-ground{
  fill:rgba(10,7,5,.62)!important;
  stroke:rgba(216,190,140,.48)!important;
  stroke-width:.72!important;
}
.section-ornate-compass .taiji-swirl{
  fill:rgba(216,190,140,.46)!important;
}
.section-ornate-compass .taiji-dot-light{
  fill:rgba(12,8,6,.92)!important;
  stroke:rgba(216,190,140,.20)!important;
}
.section-ornate-compass .taiji-dot-dark{
  fill:rgba(216,190,140,.64)!important;
}
.section-ornate-compass .birth-ring{
  stroke:rgba(216,190,140,.44)!important;
  stroke-width:.62!important;
  stroke-dasharray:1200;
  stroke-dashoffset:1200;
  transform-origin:320px 320px!important;
}
.section-ornate-compass .birth-axis{
  stroke:rgba(216,190,140,.26)!important;
  stroke-width:.48!important;
  stroke-dasharray:420;
  stroke-dashoffset:420;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.48)!important;
  stroke-width:.58!important;
}
.section-ornate-compass .fate-compass-layer circle{
  stroke:rgba(216,190,140,.40)!important;
  stroke-width:.58!important;
}
.section-ornate-compass .fate-compass-layer path{
  stroke:rgba(216,190,140,.24)!important;
  stroke-width:.46!important;
}
.section-fate.is-awake .fate-seed-layer{
  animation:fateSeedLux 1.8s cubic-bezier(.16,.72,.14,1) both!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiLux 4.2s cubic-bezier(.16,.72,.14,1) .56s both!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateInnerRingsLux .8s ease 1.55s both!important;
}
.section-fate.is-awake .birth-ring{
  animation:fateRingDrawLux 2.4s cubic-bezier(.16,.72,.14,1) both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:1.46s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:1.66s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:1.86s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:2.08s!important;}
.section-fate.is-awake .birth-axis{
  animation:fateAxisDrawLux 1.9s cubic-bezier(.16,.72,.14,1) 2.18s both!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridLux 2.7s cubic-bezier(.16,.72,.14,1) 2.65s both!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateLineDrawLux 2.55s cubic-bezier(.16,.72,.14,1) 2.65s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassLayerLux 2.9s cubic-bezier(.16,.72,.14,1) 3.46s both!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassDrawLux 3.9s cubic-bezier(.16,.72,.14,1) 3.46s both!important;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksLux 2.3s ease 5.2s both!important;
}
@keyframes fateSeedLux{
  0%{opacity:0;transform:scale(.16);}
  22%{opacity:.9;transform:scale(.72);}
  48%{opacity:.72;transform:scale(1.18);}
  100%{opacity:.18;transform:scale(2.18);}
}
@keyframes fateTaijiLux{
  0%{opacity:0;transform:scale(.12) rotate(-44deg);}
  20%{opacity:.76;transform:scale(.82) rotate(-8deg);}
  44%{opacity:.68;transform:scale(1) rotate(28deg);}
  72%{opacity:.46;transform:scale(1.08) rotate(92deg);}
  100%{opacity:.26;transform:scale(1.18) rotate(138deg);}
}
@keyframes fateInnerRingsLux{
  0%{opacity:0;transform:scale(.48);}
  100%{opacity:.72;transform:scale(1);}
}
@keyframes fateRingDrawLux{
  0%{stroke-dashoffset:1200;opacity:0;transform:scale(.62);}
  22%{opacity:.76;}
  72%{stroke-dashoffset:0;opacity:.58;}
  100%{stroke-dashoffset:0;opacity:.34;transform:scale(1.04);}
}
@keyframes fateAxisDrawLux{
  0%{stroke-dashoffset:420;opacity:0;}
  42%{opacity:.38;}
  100%{stroke-dashoffset:0;opacity:.20;}
}
@keyframes fateGridLux{
  0%{opacity:0;transform:scale(.44) rotate(-2deg);}
  36%{opacity:.66;transform:scale(.96) rotate(0deg);}
  74%{opacity:.48;transform:scale(1.03);}
  100%{opacity:.24;transform:scale(1.08);}
}
@keyframes fateLineDrawLux{
  0%{stroke-dashoffset:720;opacity:0;}
  24%{opacity:.76;}
  82%,100%{stroke-dashoffset:0;opacity:.52;}
}
@keyframes fateCompassLayerLux{
  0%{opacity:0;transform:scale(.64);}
  56%{opacity:.72;transform:scale(.98);}
  100%{opacity:1;transform:scale(1);}
}
@keyframes fateCompassDrawLux{
  0%{stroke-dashoffset:1900;opacity:0;}
  20%{opacity:.62;}
  100%{stroke-dashoffset:0;opacity:.72;}
}
@keyframes fateTicksLux{
  0%{opacity:0;transform:scale(.95) rotate(-4deg);}
  100%{opacity:.30;transform:scale(1) rotate(0deg);}
}

@media(max-width:980px){
  .section-fate.is-awake .fate-compass-ticks{
    animation:fateTicksLuxMobile 2.2s ease 5.2s both!important;
  }
  @keyframes fateTicksLuxMobile{
    0%{opacity:0;transform:scale(.95) rotate(-4deg);}
    100%{opacity:.18;transform:scale(1) rotate(0deg);}
  }
}

/* V25｜01 知命再精修：羅盤存在感與古銅細節加強 */
.section-fate .section-ornate-compass{
  right:-2vw!important;
  width:min(60vw,840px)!important;
  height:min(60vw,840px)!important;
  opacity:.78!important;
  filter:drop-shadow(0 0 18px rgba(185,145,110,.09))!important;
}
.section-ornate-compass .fate-taiji-layer{
  filter:drop-shadow(0 0 10px rgba(216,190,140,.11));
}
.section-ornate-compass .birth-ring{
  stroke:rgba(216,190,140,.58)!important;
  stroke-width:.72!important;
}
.section-ornate-compass .birth-axis{
  stroke:rgba(216,190,140,.34)!important;
  stroke-width:.54!important;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.62)!important;
  stroke-width:.64!important;
}
.section-ornate-compass .fate-compass-layer circle{
  stroke:rgba(216,190,140,.54)!important;
  stroke-width:.70!important;
}
.section-ornate-compass .fate-compass-layer path{
  stroke:rgba(216,190,140,.36)!important;
  stroke-width:.54!important;
}
.section-ornate-compass .fate-compass-ticks line{
  stroke:rgba(216,190,140,.52)!important;
}
.section-fate.is-awake .birth-ring{
  animation:fateRingDrawGallery 2.7s cubic-bezier(.16,.72,.14,1) both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:1.36s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:1.60s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:1.84s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:2.08s!important;}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridGallery 2.8s cubic-bezier(.16,.72,.14,1) 2.65s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassLayerGallery 3.1s cubic-bezier(.16,.72,.14,1) 3.42s both!important;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksGallery 2.3s ease 5.15s both!important;
}
@keyframes fateRingDrawGallery{
  0%{stroke-dashoffset:1200;opacity:0;transform:scale(.58);}
  22%{opacity:.86;}
  70%{stroke-dashoffset:0;opacity:.70;}
  100%{stroke-dashoffset:0;opacity:.56;transform:scale(1.045);}
}
@keyframes fateGridGallery{
  0%{opacity:0;transform:scale(.42) rotate(-2deg);}
  34%{opacity:.76;transform:scale(.96) rotate(0deg);}
  76%{opacity:.58;transform:scale(1.03);}
  100%{opacity:.42;transform:scale(1.08);}
}
@keyframes fateCompassLayerGallery{
  0%{opacity:0;transform:scale(.62);}
  52%{opacity:.82;transform:scale(.98);}
  100%{opacity:1;transform:scale(1);}
}
@keyframes fateTicksGallery{
  0%{opacity:0;transform:scale(.95) rotate(-4deg);}
  100%{opacity:.40;transform:scale(1) rotate(0deg);}
}

@media(max-width:980px){
  .section-fate .section-ornate-compass{
    right:-34vw!important;
    width:118vw!important;
    height:118vw!important;
    opacity:.40!important;
  }
  .section-fate.is-awake .fate-compass-ticks{
    animation:fateTicksGalleryMobile 2.2s ease 5.15s both!important;
  }
  @keyframes fateTicksGalleryMobile{
    0%{opacity:0;transform:scale(.95) rotate(-4deg);}
    100%{opacity:.24;transform:scale(1) rotate(0deg);}
  }
}

/* V26｜01 節奏重排：太極先成形，再生圈、成九宮、開羅盤 */
.section-ornate-compass .taiji-ground{
  fill:rgba(10,7,5,.70)!important;
  stroke:rgba(216,190,140,.66)!important;
}
.section-ornate-compass .taiji-swirl{
  fill:rgba(216,190,140,.66)!important;
}
.section-ornate-compass .taiji-dot-dark{
  fill:rgba(216,190,140,.82)!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiGallery 5.2s cubic-bezier(.16,.72,.14,1) .45s both!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateInnerRingsGallery 1.15s ease 2.05s both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:2.02s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:2.24s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:2.46s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:2.70s!important;}
.section-fate.is-awake .birth-axis{
  animation:fateAxisDrawLux 2.0s cubic-bezier(.16,.72,.14,1) 3.02s both!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridGallery 2.8s cubic-bezier(.16,.72,.14,1) 3.38s both!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateLineDrawLux 2.65s cubic-bezier(.16,.72,.14,1) 3.38s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassLayerGallery 3.1s cubic-bezier(.16,.72,.14,1) 4.35s both!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassDrawLux 4.0s cubic-bezier(.16,.72,.14,1) 4.35s both!important;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksGallery 2.3s ease 6.05s both!important;
}
@keyframes fateTaijiGallery{
  0%{opacity:0;transform:scale(.10) rotate(-52deg);}
  18%{opacity:.92;transform:scale(.78) rotate(-10deg);}
  42%{opacity:.86;transform:scale(1) rotate(22deg);}
  68%{opacity:.70;transform:scale(1.08) rotate(82deg);}
  100%{opacity:.42;transform:scale(1.16) rotate(132deg);}
}
@keyframes fateInnerRingsGallery{
  0%{opacity:0;transform:scale(.34);}
  100%{opacity:.78;transform:scale(1);}
}

/* V27｜01 SVG 原點修正：所有生成層鎖定羅盤中心，不漂移 */
.section-ornate-compass .fate-seed-layer,
.section-ornate-compass .fate-taiji-layer,
.section-ornate-compass .fate-inner-rings,
.section-ornate-compass .fate-grid-layer,
.section-ornate-compass .fate-compass-layer,
.section-ornate-compass .fate-compass-ticks{
  transform-box:view-box!important;
  transform-origin:center center!important;
}

/* V28｜01 終態修正：太極成局後退為暗紋，不停留成滿版符號 */
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiToPattern 5.2s cubic-bezier(.16,.72,.14,1) .45s both!important;
}
@keyframes fateTaijiToPattern{
  0%{opacity:0;transform:scale(.10) rotate(-52deg);}
  18%{opacity:.92;transform:scale(.78) rotate(-10deg);}
  42%{opacity:.84;transform:scale(1) rotate(22deg);}
  68%{opacity:.52;transform:scale(1.08) rotate(82deg);}
  100%{opacity:.18;transform:scale(1.18) rotate(132deg);}
}

/* V29｜01 左右協調：移除舊底部弧形，左側加入低調金線掠影 */
.section-fate:after{
  display:none!important;
}
.section-fate .section-bg-ring{
  background:
    radial-gradient(circle at 76% 52%,rgba(216,190,140,.14),transparent 31%),
    radial-gradient(circle at 18% 38%,rgba(185,145,110,.055),transparent 24%),
    linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.30) 54%,rgba(0,0,0,.78))!important;
}
.fate-left-lines{
  position:absolute;
  left:0;
  top:0;
  width:min(42vw,540px);
  height:100%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
}
.section-fate.is-awake .fate-left-lines{
  animation:fateLeftLinesIn 1.45s ease 1.05s both;
}
.fate-left-lines:before{
  content:"";
  position:absolute;
  left:-18%;
  top:31%;
  width:72%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.10),rgba(216,190,140,.46),rgba(216,190,140,.08),transparent);
  transform:rotate(-14deg) translateX(-44%);
  filter:drop-shadow(0 0 7px rgba(216,190,140,.18));
  opacity:0;
}
.section-fate.is-awake .fate-left-lines:before{
  animation:fateLeftSweep 7.2s cubic-bezier(.18,.72,.16,1) 1.45s infinite;
}
.fate-left-lines:after{
  content:"";
  position:absolute;
  left:clamp(32px,7vw,112px);
  top:18%;
  width:1px;
  height:56%;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.20),transparent);
  opacity:.36;
}
.fate-left-lines span{
  position:absolute;
  top:18%;
  height:54%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(185,145,110,.22),rgba(216,190,140,.12),transparent);
  transform-origin:center;
  opacity:0;
}
.fate-left-lines span:nth-child(1){
  left:clamp(22px,4.8vw,78px);
  transform:rotate(0deg) scaleY(.72);
}
.fate-left-lines span:nth-child(2){
  left:clamp(74px,12vw,162px);
  top:24%;
  height:42%;
  transform:rotate(9deg) scaleY(.58);
}
.fate-left-lines span:nth-child(3){
  left:clamp(126px,19vw,252px);
  top:30%;
  height:34%;
  transform:rotate(-12deg) scaleY(.48);
}
.section-fate.is-awake .fate-left-lines span:nth-child(1){
  animation:fateThreadIn 2.2s ease 1.35s both,fateThreadBreath 6.8s ease-in-out 3.6s infinite;
}
.section-fate.is-awake .fate-left-lines span:nth-child(2){
  animation:fateThreadIn 2.2s ease 1.72s both,fateThreadBreath 7.4s ease-in-out 4s infinite;
}
.section-fate.is-awake .fate-left-lines span:nth-child(3){
  animation:fateThreadIn 2.2s ease 2.08s both,fateThreadBreath 8s ease-in-out 4.4s infinite;
}
@keyframes fateLeftLinesIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fateLeftSweep{
  0%{opacity:0;transform:rotate(-14deg) translateX(-48%);}
  18%{opacity:.62;}
  42%{opacity:.24;transform:rotate(-14deg) translateX(84%);}
  100%{opacity:0;transform:rotate(-14deg) translateX(84%);}
}
@keyframes fateThreadIn{
  0%{opacity:0;clip-path:inset(0 0 100% 0);}
  100%{opacity:.64;clip-path:inset(0 0 0 0);}
}
@keyframes fateThreadBreath{
  0%,100%{opacity:.34;}
  45%{opacity:.62;}
}

@media(max-width:760px){
  .fate-left-lines{
    width:62vw;
    opacity:.74;
  }
  .fate-left-lines:before{
    top:26%;
    width:92%;
  }
  .fate-left-lines span:nth-child(2),
  .fate-left-lines span:nth-child(3){
    opacity:.42;
  }
}

/* V30｜01 完整玄學場域：古籍經緯、命局金線、章節暗場銜接 */
.section-fate{
  min-height:560px!important;
  background:
    radial-gradient(circle at 72% 50%,rgba(216,190,140,.055),transparent 34%),
    radial-gradient(circle at 18% 42%,rgba(139,46,46,.045),transparent 30%),
    linear-gradient(180deg,#050302 0%,#080503 52%,#040302 100%)!important;
  box-shadow:inset 0 -120px 90px rgba(0,0,0,.52)!important;
}
.section-fate:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.72),transparent 36%,transparent 62%,rgba(0,0,0,.58)),
    radial-gradient(circle at 68% 54%,rgba(216,190,140,.13),transparent 26%),
    radial-gradient(circle at 21% 50%,rgba(185,145,110,.055),transparent 24%)!important;
}
.section-fate:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:-1px!important;
  height:170px!important;
  transform:none!important;
  border-radius:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,transparent 0%,rgba(5,3,2,.58) 52%,#050302 100%),
    linear-gradient(90deg,transparent,rgba(185,145,110,.12),transparent)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.section-fate .section-bg-ring{
  opacity:1!important;
  background:
    radial-gradient(circle at 72% 52%,rgba(216,190,140,.16),transparent 27%),
    radial-gradient(circle at 28% 48%,rgba(185,145,110,.055),transparent 28%),
    linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.20) 52%,rgba(0,0,0,.76))!important;
}
.fate-atlas-field{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  opacity:0;
}
.section-fate.is-awake .fate-atlas-field{
  animation:fateAtlasIn 1.5s ease .85s both;
}
.fate-atlas-field:before{
  content:"";
  position:absolute;
  left:10%;
  right:9%;
  top:51%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(185,145,110,.12) 18%,rgba(216,190,140,.42) 52%,rgba(185,145,110,.12) 78%,transparent);
  transform:scaleX(.08);
  transform-origin:18% 50%;
  opacity:0;
  filter:drop-shadow(0 0 8px rgba(216,190,140,.18));
}
.section-fate.is-awake .fate-atlas-field:before{
  animation:fateAtlasBridge 5.6s cubic-bezier(.18,.72,.16,1) 1.9s both;
}
.fate-atlas-field:after{
  content:"";
  position:absolute;
  left:5%;
  top:13%;
  width:min(38vw,520px);
  height:74%;
  background:
    radial-gradient(circle at 22% 22%,rgba(216,190,140,.34) 0 1px,transparent 2px),
    radial-gradient(circle at 58% 36%,rgba(216,190,140,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 38% 70%,rgba(216,190,140,.22) 0 1px,transparent 2px),
    linear-gradient(90deg,transparent 0 19%,rgba(185,145,110,.12) 19.1% 19.25%,transparent 19.5% 49%,rgba(185,145,110,.08) 49.1% 49.25%,transparent 49.5%),
    linear-gradient(180deg,transparent 0 26%,rgba(185,145,110,.10) 26.1% 26.25%,transparent 26.5% 61%,rgba(185,145,110,.08) 61.1% 61.25%,transparent 61.5%);
  opacity:.30;
  mask-image:linear-gradient(90deg,transparent,black 18%,black 68%,transparent);
}
.fate-atlas-field i{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.34),transparent);
  transform-origin:left center;
  opacity:0;
}
.fate-atlas-field i:nth-child(1){
  left:7%;
  top:34%;
  width:34%;
  transform:rotate(-10deg);
}
.fate-atlas-field i:nth-child(2){
  left:13%;
  top:57%;
  width:29%;
  transform:rotate(7deg);
}
.fate-atlas-field i:nth-child(3){
  left:26%;
  top:41%;
  width:42%;
  transform:rotate(16deg);
}
.fate-atlas-field i:nth-child(4){
  right:16%;
  top:70%;
  width:30%;
  transform:rotate(-22deg);
}
.section-fate.is-awake .fate-atlas-field i:nth-child(1){animation:fateAtlasThread 3.8s ease 1.25s both;}
.section-fate.is-awake .fate-atlas-field i:nth-child(2){animation:fateAtlasThread 4.1s ease 1.65s both;}
.section-fate.is-awake .fate-atlas-field i:nth-child(3){animation:fateAtlasThread 4.4s ease 2.10s both;}
.section-fate.is-awake .fate-atlas-field i:nth-child(4){animation:fateAtlasThread 4.6s ease 2.50s both;}
.section-fate .section-ornate-compass{
  z-index:2!important;
  right:-5vw!important;
  opacity:.66!important;
  mix-blend-mode:screen!important;
}
.section-ornate-compass .fate-compass-layer circle{
  stroke:rgba(216,190,140,.48)!important;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.50)!important;
}
.section-ornate-compass .fate-taiji-layer{
  filter:drop-shadow(0 0 8px rgba(216,190,140,.08));
}
.fate-left-lines{
  width:min(44vw,560px)!important;
  z-index:2!important;
  opacity:0;
  mix-blend-mode:screen;
}
.fate-left-lines:before{
  top:47%!important;
  width:84%!important;
  background:linear-gradient(90deg,transparent,rgba(185,145,110,.10),rgba(216,190,140,.36),rgba(185,145,110,.10),transparent)!important;
}
.fate-left-lines:after{
  left:clamp(42px,8vw,126px)!important;
  top:23%!important;
  height:48%!important;
  opacity:.28!important;
}
.fate-left-lines span{
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.20),rgba(185,145,110,.10),transparent)!important;
}
.section-fate .section-inner{
  z-index:4!important;
}
.section-fate .section-title,
.section-fate .section-copy{
  position:relative;
  z-index:5!important;
}
.section-fate .section-copy{
  background:linear-gradient(90deg,rgba(5,3,2,.38),rgba(23,18,15,.16),transparent)!important;
}
@keyframes fateAtlasIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fateAtlasBridge{
  0%{opacity:0;transform:scaleX(.08);}
  28%{opacity:.72;}
  72%{opacity:.34;transform:scaleX(1);}
  100%{opacity:.20;transform:scaleX(1);}
}
@keyframes fateAtlasThread{
  0%{opacity:0;clip-path:inset(0 100% 0 0);}
  38%{opacity:.46;}
  100%{opacity:.20;clip-path:inset(0 0 0 0);}
}

@media(max-width:980px){
  .section-fate .section-ornate-compass{
    right:-42vw!important;
    opacity:.34!important;
  }
  .fate-atlas-field:after{
    width:72vw;
    opacity:.18;
  }
  .fate-atlas-field:before{
    left:8%;
    right:0;
    top:48%;
  }
}

@media(max-width:760px){
  .section-fate{
    min-height:720px!important;
  }
  .fate-atlas-field i:nth-child(3),
  .fate-atlas-field i:nth-child(4){
    display:none;
  }
  .fate-left-lines{
    width:74vw!important;
    opacity:.62;
  }
  .section-fate:after{
    height:140px!important;
  }
}

/* V31｜01 閱讀區保護：羅盤退到右側暗場，金線不穿字 */
.section-fate .section-ornate-compass{
  right:-15vw!important;
  width:min(64vw,880px)!important;
  height:min(64vw,880px)!important;
  opacity:.58!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 18%,#000 44%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 18%,#000 44%,#000 100%)!important;
}
.fate-atlas-field:before{
  top:56%!important;
  background:linear-gradient(90deg,transparent,rgba(185,145,110,.06) 18%,rgba(216,190,140,.24) 54%,rgba(185,145,110,.08) 78%,transparent)!important;
}
.section-fate.is-awake .fate-atlas-field:before{
  animation:fateAtlasBridgeQuiet 5.8s cubic-bezier(.18,.72,.16,1) 1.9s both!important;
}
.fate-atlas-field i{
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.22),transparent)!important;
}
.fate-atlas-field:after{
  opacity:.22!important;
}
.section-fate .section-copy{
  background:linear-gradient(90deg,rgba(5,3,2,.58),rgba(5,3,2,.32) 64%,transparent)!important;
}
@keyframes fateAtlasBridgeQuiet{
  0%{opacity:0;transform:scaleX(.08);}
  28%{opacity:.38;}
  72%{opacity:.18;transform:scaleX(1);}
  100%{opacity:.10;transform:scaleX(1);}
}

@media(max-width:980px){
  .section-fate .section-ornate-compass{
    right:-58vw!important;
    width:132vw!important;
    height:132vw!important;
    opacity:.25!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 24%,#000 52%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 24%,#000 52%,#000 100%)!important;
  }
  .fate-atlas-field:before{
    top:58%!important;
    opacity:.7;
  }
}

/* V32｜01 桌機版重排：左側書頁、右側羅盤場，避免文字壓在動畫上 */
@media(min-width:981px){
  .section-fate{
    min-height:760px!important;
  }
  .section-ju{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .section-fate .section-inner.two-col{
    display:grid!important;
    grid-template-columns:minmax(380px,520px) minmax(420px,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:clamp(82px,9vw,150px)!important;
    row-gap:34px!important;
    align-content:center!important;
    align-items:start!important;
    min-height:760px!important;
    padding:96px 0 118px!important;
  }
  .section-fate .section-title{
    grid-column:1!important;
    grid-row:1!important;
    align-self:end!important;
    max-width:520px!important;
  }
  .section-fate .section-copy{
    grid-column:1!important;
    grid-row:2!important;
    max-width:540px!important;
    margin:0!important;
    padding:20px 0 18px 42px!important;
  }
  .section-fate .section-ornate-compass{
    right:-8vw!important;
    top:50%!important;
    width:min(58vw,820px)!important;
    height:min(58vw,820px)!important;
    opacity:.62!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.42) 26%,#000 48%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.42) 26%,#000 48%,#000 100%)!important;
  }
  .fate-atlas-field:before{
    left:12%!important;
    right:13%!important;
    top:50%!important;
  }
  .fate-atlas-field:after{
    width:min(34vw,480px)!important;
    opacity:.18!important;
  }
}

/* V33｜01 金線避開閱讀欄，只做場域銜接 */
@media(min-width:981px){
  .fate-atlas-field:before{
    left:34%!important;
    right:12%!important;
    top:48%!important;
    background:linear-gradient(90deg,transparent,rgba(185,145,110,.08) 14%,rgba(216,190,140,.28) 52%,rgba(185,145,110,.08) 82%,transparent)!important;
  }
  .fate-atlas-field i:nth-child(1),
  .fate-atlas-field i:nth-child(2){
    width:24%!important;
    opacity:.16!important;
  }
}

/* V34｜01 重新佈局：文字疊入命局場域，動畫完整生成太極、九宮、羅盤 */
.section-ornate-compass .fate-seed-layer,
.section-ornate-compass .fate-taiji-layer,
.section-ornate-compass .fate-inner-rings,
.section-ornate-compass .fate-grid-layer,
.section-ornate-compass .fate-compass-layer,
.section-ornate-compass .fate-compass-ticks{
  will-change:opacity,transform;
  transform-box:view-box!important;
  transform-origin:center center!important;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle,
.section-ornate-compass .fate-compass-layer circle,
.section-ornate-compass .fate-compass-layer path,
.section-ornate-compass .birth-ring,
.section-ornate-compass .birth-axis{
  will-change:stroke-dashoffset,opacity;
}

@media(min-width:981px){
  .section-fate{
    min-height:820px!important;
    overflow:hidden!important;
  }
  .section-fate:before{
    background:
      linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 25%,rgba(0,0,0,.22) 54%,rgba(0,0,0,.62) 100%),
      radial-gradient(circle at 59% 53%,rgba(216,190,140,.12),transparent 31%),
      radial-gradient(circle at 20% 38%,rgba(139,46,46,.04),transparent 29%)!important;
  }
  .section-fate .section-bg-ring{
    background:
      radial-gradient(circle at 58% 51%,rgba(216,190,140,.15),transparent 28%),
      radial-gradient(circle at 81% 50%,rgba(185,145,110,.06),transparent 24%),
      linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.34) 48%,rgba(0,0,0,.72))!important;
  }
  .section-fate .section-inner.two-col{
    display:block!important;
    width:min(1180px,88vw)!important;
    min-height:820px!important;
    padding:92px 0 142px!important;
    position:relative!important;
    z-index:5!important;
  }
  .section-fate .section-title{
    max-width:660px!important;
    padding-left:82px!important;
    margin-left:clamp(8px,1.4vw,24px)!important;
    margin-bottom:0!important;
  }
  .section-fate .section-title:before{
    left:50px!important;
    top:32px!important;
    height:150px!important;
    background:linear-gradient(180deg,transparent,rgba(216,190,140,.34),rgba(185,145,110,.10),transparent)!important;
  }
  .section-fate .section-copy{
    max-width:770px!important;
    margin:58px 0 0 clamp(8px,1.4vw,24px)!important;
    padding:28px 54px 28px 82px!important;
    border:0!important;
    background:
      linear-gradient(90deg,rgba(3,2,1,.82) 0%,rgba(5,3,2,.66) 46%,rgba(5,3,2,.30) 76%,transparent 100%)!important;
    box-shadow:none!important;
    backdrop-filter:blur(.2px);
  }
  .section-fate .section-copy:before{
    left:52px!important;
    top:10px!important;
    bottom:10px!important;
    width:1px!important;
    height:auto!important;
    border:0!important;
    background:linear-gradient(180deg,transparent,rgba(216,190,140,.28),transparent)!important;
  }
  .section-fate .section-copy:after{
    display:block!important;
    right:8px!important;
    bottom:6px!important;
    width:82px!important;
    height:82px!important;
    border:0!important;
    background:radial-gradient(circle,rgba(216,190,140,.12),transparent 60%)!important;
    opacity:.45!important;
  }
  .section-fate .section-ornate-compass{
    right:-5vw!important;
    top:52%!important;
    width:min(76vw,1080px)!important;
    height:min(76vw,1080px)!important;
    opacity:.48!important;
    z-index:2!important;
    mix-blend-mode:screen!important;
    filter:drop-shadow(0 0 22px rgba(185,145,110,.08))!important;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.44) 21%,#000 43%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.44) 21%,#000 43%,#000 100%)!important;
  }
  .fate-atlas-field{
    z-index:3!important;
  }
  .fate-atlas-field:before{
    left:13%!important;
    right:6%!important;
    top:51%!important;
    background:linear-gradient(90deg,transparent,rgba(185,145,110,.08) 12%,rgba(216,190,140,.30) 52%,rgba(185,145,110,.07) 84%,transparent)!important;
    filter:drop-shadow(0 0 5px rgba(216,190,140,.13))!important;
  }
  .fate-atlas-field:after{
    left:7%!important;
    top:13%!important;
    width:min(48vw,640px)!important;
    opacity:.18!important;
    mask-image:linear-gradient(90deg,transparent,black 14%,black 68%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,black 14%,black 68%,transparent 100%)!important;
  }
  .fate-atlas-field i:nth-child(1){
    left:9%!important;
    top:34%!important;
    width:45%!important;
  }
  .fate-atlas-field i:nth-child(2){
    left:11%!important;
    top:61%!important;
    width:38%!important;
  }
  .fate-left-lines{
    width:min(49vw,670px)!important;
    z-index:3!important;
  }
}

.section-fate.is-awake .fate-seed-layer{
  animation:fateSeedCeremony 2.65s cubic-bezier(.18,.72,.16,1) both!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiCeremony 6.8s cubic-bezier(.18,.72,.16,1) .62s both!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateRingFieldCeremony 5.6s cubic-bezier(.18,.72,.16,1) 1.86s both!important;
}
.section-fate.is-awake .birth-ring{
  animation:fateBirthRingCeremony 4.7s cubic-bezier(.18,.72,.16,1) both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:1.96s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:2.24s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:2.52s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:2.82s!important;}
.section-fate.is-awake .birth-axis{
  animation:fateAxisCeremony 3.6s cubic-bezier(.18,.72,.16,1) 3.10s both!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridCeremony 5.8s cubic-bezier(.18,.72,.16,1) 3.55s both!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateGridLineCeremony 5.2s cubic-bezier(.18,.72,.16,1) 3.55s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassCeremony 7.2s cubic-bezier(.18,.72,.16,1) 5.10s both!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassLineCeremony 6.4s cubic-bezier(.18,.72,.16,1) 5.10s both!important;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksCeremony 4.2s ease 7.35s both!important;
}
.section-fate.is-awake .fate-atlas-field:before{
  animation:fateAtlasBridgeCeremony 8.8s cubic-bezier(.18,.72,.16,1) 2.8s both!important;
}

@keyframes fateSeedCeremony{
  0%{opacity:0;transform:scale(.08);}
  18%{opacity:.96;transform:scale(.74);}
  43%{opacity:.76;transform:scale(1.22);}
  72%{opacity:.26;transform:scale(2.36);}
  100%{opacity:0;transform:scale(3.1);}
}
@keyframes fateTaijiCeremony{
  0%{opacity:0;transform:scale(.08) rotate(-34deg);}
  20%{opacity:.88;transform:scale(.78) rotate(-7deg);}
  38%{opacity:.80;transform:scale(1) rotate(0deg);}
  58%{opacity:.58;transform:scale(1.08) rotate(38deg);}
  78%{opacity:.28;transform:scale(1.16) rotate(84deg);}
  100%{opacity:.13;transform:scale(1.24) rotate(116deg);}
}
@keyframes fateRingFieldCeremony{
  0%{opacity:0;transform:scale(.26);}
  24%{opacity:.76;transform:scale(.86);}
  64%{opacity:.62;transform:scale(1);}
  100%{opacity:.38;transform:scale(1.035);}
}
@keyframes fateBirthRingCeremony{
  0%{stroke-dashoffset:1200;opacity:0;transform:scale(.56);}
  26%{opacity:.74;}
  68%{stroke-dashoffset:0;opacity:.58;}
  100%{stroke-dashoffset:0;opacity:.38;transform:scale(1.035);}
}
@keyframes fateAxisCeremony{
  0%{stroke-dashoffset:420;opacity:0;}
  38%{opacity:.34;}
  100%{stroke-dashoffset:0;opacity:.16;}
}
@keyframes fateGridCeremony{
  0%{opacity:0;transform:scale(.36) rotate(-1.5deg);}
  25%{opacity:.78;transform:scale(.92) rotate(0deg);}
  56%{opacity:.64;transform:scale(1);}
  100%{opacity:.34;transform:scale(1.08);}
}
@keyframes fateGridLineCeremony{
  0%{stroke-dashoffset:720;opacity:0;}
  22%{opacity:.76;}
  76%{stroke-dashoffset:0;opacity:.62;}
  100%{stroke-dashoffset:0;opacity:.44;}
}
@keyframes fateCompassCeremony{
  0%{opacity:0;transform:scale(.62) rotate(-2deg);}
  34%{opacity:.58;transform:scale(.94) rotate(0deg);}
  66%{opacity:.84;transform:scale(1);}
  100%{opacity:1;transform:scale(1);}
}
@keyframes fateCompassLineCeremony{
  0%{stroke-dashoffset:1900;opacity:0;}
  20%{opacity:.50;}
  78%{stroke-dashoffset:0;opacity:.62;}
  100%{stroke-dashoffset:0;opacity:.56;}
}
@keyframes fateTicksCeremony{
  0%{opacity:0;transform:scale(.96) rotate(-2deg);}
  100%{opacity:.32;transform:scale(1) rotate(0deg);}
}
@keyframes fateAtlasBridgeCeremony{
  0%{opacity:0;transform:scaleX(.04);}
  26%{opacity:.34;}
  70%{opacity:.16;transform:scaleX(1);}
  100%{opacity:.08;transform:scaleX(1);}
}

@media(max-width:980px){
  .section-fate .section-copy{
    background:linear-gradient(90deg,rgba(4,3,2,.76),rgba(5,3,2,.52) 62%,transparent)!important;
  }
  .section-fate .section-ornate-compass{
    right:-64vw!important;
    top:54%!important;
    width:148vw!important;
    height:148vw!important;
    opacity:.25!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.26) 27%,#000 55%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.26) 27%,#000 55%,#000 100%)!important;
  }
  .section-fate.is-awake .fate-taiji-layer{
    animation:fateTaijiCeremony 6.2s cubic-bezier(.18,.72,.16,1) .62s both!important;
  }
  .section-fate.is-awake .fate-compass-ticks{
    animation:fateTicksMobileCeremony 4s ease 7.15s both!important;
  }
  @keyframes fateTicksMobileCeremony{
    0%{opacity:0;transform:scale(.96) rotate(-2deg);}
    100%{opacity:.18;transform:scale(1) rotate(0deg);}
  }
}

@media(max-width:760px){
  .section-fate{
    min-height:780px!important;
  }
  .section-fate .section-ornate-compass{
    right:-78vw!important;
    top:57%!important;
    width:170vw!important;
    height:170vw!important;
    opacity:.22!important;
  }
  .section-fate .section-copy{
    padding-right:22px!important;
  }
}

/* V35｜01 閱讀暗場收細：去除黑塊感，讓九宮與羅盤終態更有存在 */
@media(min-width:981px){
  .section-fate .section-copy{
    max-width:745px!important;
    padding:26px 42px 26px 76px!important;
    background:
      linear-gradient(90deg,rgba(3,2,1,.66) 0%,rgba(5,3,2,.42) 45%,rgba(5,3,2,.15) 74%,transparent 100%)!important;
  }
  .section-fate .section-copy:before{
    left:48px!important;
    opacity:.78!important;
  }
  .section-fate .section-copy:after{
    opacity:.22!important;
  }
  .section-fate .section-ornate-compass{
    opacity:.54!important;
  }
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.58)!important;
}
.section-ornate-compass .fate-compass-layer circle{
  stroke:rgba(216,190,140,.50)!important;
}
.section-ornate-compass .fate-compass-layer path{
  stroke:rgba(216,190,140,.31)!important;
}
@keyframes fateGridCeremony{
  0%{opacity:0;transform:scale(.36) rotate(-1.5deg);}
  25%{opacity:.78;transform:scale(.92) rotate(0deg);}
  56%{opacity:.64;transform:scale(1);}
  100%{opacity:.42;transform:scale(1.08);}
}
@keyframes fateGridLineCeremony{
  0%{stroke-dashoffset:720;opacity:0;}
  22%{opacity:.76;}
  76%{stroke-dashoffset:0;opacity:.64;}
  100%{stroke-dashoffset:0;opacity:.50;}
}
@keyframes fateCompassLineCeremony{
  0%{stroke-dashoffset:1900;opacity:0;}
  20%{opacity:.50;}
  78%{stroke-dashoffset:0;opacity:.64;}
  100%{stroke-dashoffset:0;opacity:.60;}
}

@media(max-width:980px){
  .section-fate .section-copy{
    background:linear-gradient(90deg,rgba(4,3,2,.62),rgba(5,3,2,.38) 60%,transparent)!important;
  }
  .section-fate .section-ornate-compass{
    opacity:.28!important;
  }
}

/* V36｜01 文字保護改為霧面暗場，不形成矩形卡片 */
@media(min-width:981px){
  .section-fate .section-copy{
    background:
      radial-gradient(ellipse 95% 72% at 28% 50%,rgba(3,2,1,.70) 0%,rgba(5,3,2,.48) 42%,rgba(5,3,2,.16) 73%,transparent 100%)!important;
  }
}

@media(max-width:980px){
  .section-fate .section-copy{
    background:
      radial-gradient(ellipse 112% 78% at 20% 50%,rgba(3,2,1,.62) 0%,rgba(5,3,2,.40) 46%,rgba(5,3,2,.13) 76%,transparent 100%)!important;
  }
}

/* V37｜01 文字真正疊入動畫：取消底色，只保留陰影與金線 */
.section-fate .section-copy{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  text-shadow:
    0 1px 10px rgba(0,0,0,.82),
    0 0 22px rgba(0,0,0,.60)!important;
}
.section-fate .section-copy:after{
  display:none!important;
}

/* V38｜01 絲滑低調高奢：用顯影取代硬畫線，讓太極、九宮、羅盤慢慢從暗場浮出 */
.section-fate{
  --fate-lux-ease:cubic-bezier(.22,1,.36,1);
}
.section-fate .section-bg-ring{
  overflow:hidden;
}
.section-fate .section-bg-ring:before{
  content:"";
  position:absolute;
  inset:-18% -12%;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(ellipse at 62% 50%,rgba(216,190,140,.16),transparent 28%),
    radial-gradient(ellipse at 30% 48%,rgba(185,145,110,.06),transparent 34%);
  transform:scale(.92);
}
.section-fate .section-bg-ring:after{
  content:"";
  position:absolute;
  left:-34%;
  top:4%;
  width:46%;
  height:92%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(105deg,transparent 0%,rgba(216,190,140,.02) 22%,rgba(216,190,140,.14) 48%,rgba(185,145,110,.03) 64%,transparent 100%);
  filter:blur(10px);
  transform:skewX(-10deg) translateX(-18%);
}
.section-fate.is-awake .section-bg-ring:before{
  animation:fateAmbientSilk 12.6s var(--fate-lux-ease) .2s both;
}
.section-fate.is-awake .section-bg-ring:after{
  animation:fateSilkSweep 11.8s var(--fate-lux-ease) 1.1s both;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle,
.section-ornate-compass .fate-compass-layer circle,
.section-ornate-compass .fate-compass-layer path,
.section-ornate-compass .birth-ring,
.section-ornate-compass .birth-axis{
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dashoffset:0!important;
}
.section-ornate-compass .fate-seed-core{
  filter:drop-shadow(0 0 10px rgba(216,190,140,.22))!important;
}
.section-ornate-compass .fate-seed-halo{
  fill:rgba(216,190,140,.035)!important;
  stroke:rgba(216,190,140,.32)!important;
}
.section-ornate-compass .taiji-ground{
  fill:rgba(12,8,6,.56)!important;
  stroke:rgba(216,190,140,.34)!important;
}
.section-ornate-compass .taiji-swirl{
  fill:rgba(216,190,140,.38)!important;
}
.section-ornate-compass .taiji-dot-dark{
  fill:rgba(216,190,140,.54)!important;
}
.section-ornate-compass .taiji-dot-light{
  fill:rgba(9,6,4,.82)!important;
}
.section-ornate-compass .birth-ring{
  stroke:rgba(216,190,140,.38)!important;
  stroke-width:.56!important;
}
.section-ornate-compass .birth-axis{
  stroke:rgba(216,190,140,.16)!important;
  stroke-width:.42!important;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.42)!important;
  stroke-width:.50!important;
}
.section-ornate-compass .fate-compass-layer circle{
  stroke:rgba(216,190,140,.38)!important;
  stroke-width:.54!important;
}
.section-ornate-compass .fate-compass-layer path{
  stroke:rgba(216,190,140,.20)!important;
  stroke-width:.40!important;
}
.section-ornate-compass .fate-compass-ticks line{
  stroke:rgba(216,190,140,.30)!important;
}
.section-fate.is-awake .fate-seed-layer{
  animation:fateSeedSilk 4.7s var(--fate-lux-ease) both!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiSilk 9.4s var(--fate-lux-ease) .65s both!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateRingFieldSilk 8.8s var(--fate-lux-ease) 2.35s both!important;
}
.section-fate.is-awake .birth-ring{
  animation:fateStrokeSilk 8.2s var(--fate-lux-ease) both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:2.45s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:2.75s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:3.05s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:3.35s!important;}
.section-fate.is-awake .birth-axis{
  animation:fateAxisSilk 6.9s var(--fate-lux-ease) 3.75s both!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridSilk 9.2s var(--fate-lux-ease) 4.35s both!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateLineSilk 8.4s var(--fate-lux-ease) 4.35s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassSilk 11.2s var(--fate-lux-ease) 5.65s both!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassLineSilk 10.2s var(--fate-lux-ease) 5.65s both!important;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksSilk 8.6s var(--fate-lux-ease) 7.25s both!important;
}
.section-fate.is-awake .fate-atlas-field:before{
  animation:fateAtlasBridgeSilk 12.6s var(--fate-lux-ease) 3.1s both!important;
}

@keyframes fateAmbientSilk{
  0%{opacity:0;transform:scale(.92);}
  28%{opacity:.64;}
  70%{opacity:.48;transform:scale(1);}
  100%{opacity:.28;transform:scale(1.04);}
}
@keyframes fateSilkSweep{
  0%{opacity:0;transform:skewX(-10deg) translateX(-18%);}
  22%{opacity:.34;}
  62%{opacity:.16;transform:skewX(-10deg) translateX(260%);}
  100%{opacity:0;transform:skewX(-10deg) translateX(260%);}
}
@keyframes fateSeedSilk{
  0%{opacity:0;transform:scale(.06);}
  22%{opacity:.86;transform:scale(.72);}
  52%{opacity:.42;transform:scale(1.7);}
  100%{opacity:0;transform:scale(3.25);}
}
@keyframes fateTaijiSilk{
  0%{opacity:0;transform:scale(.06) rotate(-16deg);}
  22%{opacity:.58;transform:scale(.78) rotate(-3deg);}
  42%{opacity:.46;transform:scale(1) rotate(0deg);}
  68%{opacity:.22;transform:scale(1.12) rotate(34deg);}
  100%{opacity:.095;transform:scale(1.22) rotate(72deg);}
}
@keyframes fateRingFieldSilk{
  0%{opacity:0;transform:scale(.42) rotate(-.7deg);}
  32%{opacity:.56;transform:scale(.92) rotate(0deg);}
  68%{opacity:.42;transform:scale(1);}
  100%{opacity:.24;transform:scale(1.03);}
}
@keyframes fateStrokeSilk{
  0%{opacity:0;stroke-dashoffset:0;transform:scale(.82);}
  34%{opacity:.46;}
  72%{opacity:.34;transform:scale(1);}
  100%{opacity:.22;stroke-dashoffset:0;transform:scale(1.02);}
}
@keyframes fateAxisSilk{
  0%{opacity:0;stroke-dashoffset:0;}
  45%{opacity:.22;}
  100%{opacity:.11;stroke-dashoffset:0;}
}
@keyframes fateGridSilk{
  0%{opacity:0;transform:scale(.72) rotate(-.8deg);}
  36%{opacity:0;transform:scale(.78) rotate(-.4deg);}
  62%{opacity:.44;transform:scale(.98) rotate(0deg);}
  100%{opacity:.28;transform:scale(1.04);}
}
@keyframes fateLineSilk{
  0%,30%{opacity:0;stroke-dashoffset:0;}
  66%{opacity:.46;}
  100%{opacity:.32;stroke-dashoffset:0;}
}
@keyframes fateCompassSilk{
  0%{opacity:0;transform:scale(.76) rotate(-.9deg);}
  42%{opacity:0;transform:scale(.80) rotate(-.5deg);}
  70%{opacity:.58;transform:scale(.96) rotate(0deg);}
  100%{opacity:.92;transform:scale(1);}
}
@keyframes fateCompassLineSilk{
  0%,38%{opacity:0;stroke-dashoffset:0;}
  76%{opacity:.46;}
  100%{opacity:.38;stroke-dashoffset:0;}
}
@keyframes fateTicksSilk{
  0%,42%{opacity:0;transform:scale(.985) rotate(-.6deg);}
  82%{opacity:.24;}
  100%{opacity:.19;transform:scale(1) rotate(0deg);}
}
@keyframes fateAtlasBridgeSilk{
  0%{opacity:0;transform:scaleX(.06);}
  30%{opacity:.18;}
  72%{opacity:.09;transform:scaleX(1);}
  100%{opacity:.045;transform:scaleX(1);}
}

@media(min-width:981px){
  .section-fate .section-ornate-compass{
    opacity:.62!important;
    filter:none!important;
  }
}

@media(max-width:980px){
  .section-fate.is-awake .fate-taiji-layer{
    animation:fateTaijiSilk 8.8s var(--fate-lux-ease) .65s both!important;
  }
  .section-fate.is-awake .fate-compass-ticks{
    animation:fateTicksMobileSilk 7.8s var(--fate-lux-ease) 7.05s both!important;
  }
  @keyframes fateTicksMobileSilk{
    0%,42%{opacity:0;transform:scale(.985) rotate(-.6deg);}
    82%{opacity:.16;}
    100%{opacity:.12;transform:scale(1) rotate(0deg);}
  }
}

/* V39｜01 太極降為古銅暗紋，避免符號感過重 */
.section-ornate-compass .taiji-ground{
  fill:rgba(185,145,110,.045)!important;
  stroke:rgba(216,190,140,.22)!important;
}
.section-ornate-compass .taiji-swirl{
  fill:rgba(216,190,140,.20)!important;
}
.section-ornate-compass .taiji-dot-dark{
  fill:rgba(216,190,140,.30)!important;
}
.section-ornate-compass .taiji-dot-light{
  fill:rgba(7,5,3,.48)!important;
  stroke:rgba(216,190,140,.12)!important;
}
@keyframes fateTaijiSilk{
  0%{opacity:0;transform:scale(.06) rotate(-16deg);}
  22%{opacity:.40;transform:scale(.78) rotate(-3deg);}
  42%{opacity:.34;transform:scale(1) rotate(0deg);}
  68%{opacity:.16;transform:scale(1.12) rotate(34deg);}
  100%{opacity:.065;transform:scale(1.22) rotate(72deg);}
}

/* V40｜01 手機版提亮與重構：保留低調，但讓古銅、九宮、羅盤看得見 */
@media(max-width:760px){
  .section-fate{
    min-height:760px!important;
    background:
      radial-gradient(circle at 76% 50%,rgba(216,190,140,.075),transparent 34%),
      radial-gradient(circle at 18% 42%,rgba(139,46,46,.045),transparent 30%),
      linear-gradient(180deg,#060403 0%,#090604 52%,#050302 100%)!important;
  }
  .section-fate:before{
    background:
      linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.56) 100%),
      radial-gradient(circle at 70% 50%,rgba(216,190,140,.14),transparent 30%),
      radial-gradient(circle at 12% 38%,rgba(185,145,110,.06),transparent 28%)!important;
  }
  .section-fate .section-bg-ring{
    background:
      radial-gradient(circle at 72% 50%,rgba(216,190,140,.18),transparent 30%),
      linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.26) 58%,rgba(0,0,0,.62))!important;
  }
  .section-fate .section-bg-ring:before{
    background:
      radial-gradient(ellipse at 70% 50%,rgba(216,190,140,.24),transparent 34%),
      radial-gradient(ellipse at 26% 46%,rgba(185,145,110,.10),transparent 38%)!important;
  }
  .section-fate.is-awake .section-bg-ring:before{
    animation:fateAmbientMobileSilk 10.8s var(--fate-lux-ease) .2s both!important;
  }
  .section-fate .section-ornate-compass{
    right:-58vw!important;
    top:56%!important;
    width:150vw!important;
    height:150vw!important;
    opacity:.44!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 15%,#000 42%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 15%,#000 42%,#000 100%)!important;
  }
  .section-fate .section-title h2{
    color:#f1dfc3!important;
    text-shadow:0 2px 18px rgba(0,0,0,.62)!important;
  }
  .section-fate .chapter-lead,
  .section-fate .section-copy p{
    color:rgba(238,224,198,.82)!important;
  }
  .section-fate .section-copy{
    max-width:calc(100vw - 42px)!important;
    padding-left:42px!important;
    padding-right:18px!important;
    text-shadow:
      0 1px 9px rgba(0,0,0,.84),
      0 0 18px rgba(0,0,0,.58)!important;
  }
  .section-fate .section-copy:before{
    background:linear-gradient(180deg,transparent,rgba(216,190,140,.36),transparent)!important;
  }
  .fate-atlas-field:before{
    left:8%!important;
    right:0!important;
    top:52%!important;
    background:linear-gradient(90deg,transparent,rgba(216,190,140,.22),rgba(216,190,140,.34),transparent)!important;
  }
  .fate-atlas-field i:nth-child(1),
  .fate-atlas-field i:nth-child(2){
    background:linear-gradient(90deg,transparent,rgba(216,190,140,.30),transparent)!important;
  }
  .section-ornate-compass .birth-ring{
    stroke:rgba(216,190,140,.52)!important;
    stroke-width:.66!important;
  }
  .section-ornate-compass .birth-axis{
    stroke:rgba(216,190,140,.26)!important;
    stroke-width:.48!important;
  }
  .section-ornate-compass .fate-grid-layer rect,
  .section-ornate-compass .fate-grid-layer path,
  .section-ornate-compass .fate-grid-layer circle{
    stroke:rgba(216,190,140,.58)!important;
    stroke-width:.56!important;
  }
  .section-ornate-compass .fate-compass-layer circle{
    stroke:rgba(216,190,140,.54)!important;
    stroke-width:.62!important;
  }
  .section-ornate-compass .fate-compass-layer path{
    stroke:rgba(216,190,140,.34)!important;
    stroke-width:.48!important;
  }
  .section-ornate-compass .fate-compass-ticks line{
    stroke:rgba(216,190,140,.38)!important;
  }
  .section-ornate-compass .taiji-ground{
    fill:rgba(185,145,110,.06)!important;
    stroke:rgba(216,190,140,.30)!important;
  }
  .section-ornate-compass .taiji-swirl{
    fill:rgba(216,190,140,.26)!important;
  }
  .section-fate.is-awake .fate-taiji-layer{
    animation:fateTaijiMobileSilk 8.4s var(--fate-lux-ease) .65s both!important;
  }
  .section-fate.is-awake .fate-inner-rings{
    animation:fateRingMobileSilk 7.8s var(--fate-lux-ease) 2.05s both!important;
  }
  .section-fate.is-awake .fate-grid-layer{
    animation:fateGridMobileSilk 8.4s var(--fate-lux-ease) 3.7s both!important;
  }
  .section-fate.is-awake .fate-grid-layer rect,
  .section-fate.is-awake .fate-grid-layer path,
  .section-fate.is-awake .fate-grid-layer circle{
    animation:fateLineMobileSilk 7.8s var(--fate-lux-ease) 3.7s both!important;
  }
  .section-fate.is-awake .fate-compass-layer{
    animation:fateCompassMobileSilk 9.4s var(--fate-lux-ease) 5s both!important;
  }
  .section-fate.is-awake .fate-compass-layer circle,
  .section-fate.is-awake .fate-compass-layer path{
    animation:fateCompassLineMobileSilk 8.8s var(--fate-lux-ease) 5s both!important;
  }
  .section-fate.is-awake .fate-compass-ticks{
    animation:fateTicksMobileVisible 7.6s var(--fate-lux-ease) 6.6s both!important;
  }
}

@keyframes fateAmbientMobileSilk{
  0%{opacity:0;transform:scale(.94);}
  32%{opacity:.72;}
  76%{opacity:.58;transform:scale(1.02);}
  100%{opacity:.44;transform:scale(1.04);}
}
@keyframes fateTaijiMobileSilk{
  0%{opacity:0;transform:scale(.06) rotate(-16deg);}
  24%{opacity:.46;transform:scale(.78) rotate(-3deg);}
  48%{opacity:.36;transform:scale(1) rotate(0deg);}
  72%{opacity:.20;transform:scale(1.12) rotate(34deg);}
  100%{opacity:.11;transform:scale(1.22) rotate(72deg);}
}
@keyframes fateRingMobileSilk{
  0%{opacity:0;transform:scale(.46) rotate(-.6deg);}
  34%{opacity:.64;transform:scale(.92) rotate(0deg);}
  72%{opacity:.50;transform:scale(1);}
  100%{opacity:.34;transform:scale(1.03);}
}
@keyframes fateGridMobileSilk{
  0%{opacity:0;transform:scale(.72) rotate(-.7deg);}
  36%{opacity:.04;transform:scale(.80) rotate(-.3deg);}
  66%{opacity:.58;transform:scale(.98) rotate(0deg);}
  100%{opacity:.44;transform:scale(1.035);}
}
@keyframes fateLineMobileSilk{
  0%,28%{opacity:0;stroke-dashoffset:0;}
  68%{opacity:.62;}
  100%{opacity:.48;stroke-dashoffset:0;}
}
@keyframes fateCompassMobileSilk{
  0%{opacity:0;transform:scale(.78) rotate(-.8deg);}
  40%{opacity:.04;transform:scale(.82) rotate(-.4deg);}
  70%{opacity:.74;transform:scale(.96) rotate(0deg);}
  100%{opacity:1;transform:scale(1);}
}
@keyframes fateCompassLineMobileSilk{
  0%,36%{opacity:0;stroke-dashoffset:0;}
  76%{opacity:.62;}
  100%{opacity:.50;stroke-dashoffset:0;}
}
@keyframes fateTicksMobileVisible{
  0%,42%{opacity:0;transform:scale(.985) rotate(-.6deg);}
  82%{opacity:.24;}
  100%{opacity:.18;transform:scale(1) rotate(0deg);}
}

/* V41｜01 電腦版右側說明＋洛書九點：更東方、更玄學，但保持精品留白 */
.fate-mystic-marks{
  position:absolute;
  right:clamp(150px,17vw,280px);
  top:51%;
  width:clamp(150px,15vw,228px);
  aspect-ratio:1;
  z-index:3;
  pointer-events:none;
  opacity:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  transform:translateY(-50%) rotate(45deg) scale(.86);
  transform-origin:center;
  mix-blend-mode:screen;
}
.fate-mystic-marks:before,
.fate-mystic-marks:after{
  content:"";
  position:absolute;
  inset:18%;
  pointer-events:none;
  opacity:.32;
}
.fate-mystic-marks:before{
  border:1px solid rgba(216,190,140,.16);
  box-shadow:
    inset 0 0 0 1px rgba(185,145,110,.045),
    0 0 22px rgba(216,190,140,.035);
}
.fate-mystic-marks:after{
  background:
    linear-gradient(90deg,transparent 49.6%,rgba(216,190,140,.14) 49.8% 50.2%,transparent 50.4%),
    linear-gradient(0deg,transparent 49.6%,rgba(216,190,140,.14) 49.8% 50.2%,transparent 50.4%),
    linear-gradient(45deg,transparent 49.7%,rgba(216,190,140,.08) 49.9% 50.1%,transparent 50.3%),
    linear-gradient(-45deg,transparent 49.7%,rgba(216,190,140,.08) 49.9% 50.1%,transparent 50.3%);
}
.fate-mystic-marks i{
  width:4px;
  height:4px;
  border-radius:50%;
  place-self:center;
  background:rgba(216,190,140,.48);
  box-shadow:0 0 12px rgba(216,190,140,.18);
  opacity:.58;
}
.fate-mystic-marks i:nth-child(5){
  width:6px;
  height:6px;
  background:rgba(216,190,140,.64);
  opacity:.76;
}
.fate-mystic-marks i:nth-child(2),
.fate-mystic-marks i:nth-child(4),
.fate-mystic-marks i:nth-child(6),
.fate-mystic-marks i:nth-child(8){
  opacity:.42;
}
.section-fate.is-awake .fate-mystic-marks{
  animation:fateMysticMarksIn 10.8s var(--fate-lux-ease) 3.4s both;
}

@media(min-width:981px){
  .section-fate .section-inner.two-col{
    display:grid!important;
    grid-template-columns:minmax(330px,430px) minmax(520px,1fr)!important;
    column-gap:clamp(76px,8vw,140px)!important;
    align-items:center!important;
    min-height:820px!important;
    padding:92px 0 142px!important;
  }
  .section-fate .section-title{
    grid-column:1!important;
    max-width:430px!important;
    margin-left:clamp(8px,1.4vw,24px)!important;
    padding-left:82px!important;
    align-self:start!important;
    margin-top:12px!important;
  }
  .section-fate .section-copy{
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:min(540px,38vw)!important;
    max-width:540px!important;
    margin:108px clamp(14px,2.8vw,58px) 0 0!important;
    padding:22px 0 22px 44px!important;
    background:transparent!important;
    color:rgba(238,224,198,.82)!important;
  }
  .section-fate .section-copy:before{
    left:0!important;
    top:8px!important;
    bottom:8px!important;
    width:1px!important;
    height:auto!important;
    background:linear-gradient(180deg,transparent,rgba(216,190,140,.30),rgba(185,145,110,.10),transparent)!important;
  }
  .section-fate .section-copy p{
    color:rgba(238,224,198,.80)!important;
  }
  .section-fate .section-ornate-compass{
    right:clamp(130px,13vw,240px)!important;
    top:52%!important;
    width:min(58vw,860px)!important;
    height:min(58vw,860px)!important;
    opacity:.54!important;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.72) 22%,#000 44%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.72) 22%,#000 44%,#000 100%)!important;
  }
  .fate-atlas-field:before{
    left:18%!important;
    right:10%!important;
    top:52%!important;
    background:linear-gradient(90deg,transparent,rgba(185,145,110,.07) 13%,rgba(216,190,140,.22) 52%,rgba(185,145,110,.06) 84%,transparent)!important;
  }
  .fate-atlas-field:after{
    left:8%!important;
    width:min(42vw,560px)!important;
    opacity:.20!important;
  }
}

@media(max-width:980px){
  .fate-mystic-marks{
    right:-8vw;
    top:54%;
    width:42vw;
    opacity:0;
  }
  .section-fate.is-awake .fate-mystic-marks{
    animation:fateMysticMarksMobileIn 9.4s var(--fate-lux-ease) 3.2s both;
  }
}

@keyframes fateMysticMarksIn{
  0%{opacity:0;transform:translateY(-50%) rotate(45deg) scale(.72);}
  36%{opacity:.32;}
  72%{opacity:.22;transform:translateY(-50%) rotate(45deg) scale(.96);}
  100%{opacity:.16;transform:translateY(-50%) rotate(45deg) scale(1);}
}
@keyframes fateMysticMarksMobileIn{
  0%{opacity:0;transform:translateY(-50%) rotate(45deg) scale(.72);}
  46%{opacity:.24;}
  100%{opacity:.10;transform:translateY(-50%) rotate(45deg) scale(.94);}
}

/* V42｜01 一炁生兩儀：太極不再突然出現，而是由一圓分化後旋合成形 */
.section-ornate-compass .fate-liangyi-layer{
  opacity:0;
  transform-box:view-box!important;
  transform-origin:center center!important;
  will-change:opacity,transform;
}
.section-ornate-compass .liangyi-orbit,
.section-ornate-compass .liangyi-dot{
  transform-box:view-box!important;
  transform-origin:center center!important;
  will-change:opacity,transform;
}
.section-ornate-compass .liangyi-orbit{
  fill:none!important;
  stroke:rgba(216,190,140,.24)!important;
  stroke-width:.55!important;
  stroke-dasharray:2 10;
  opacity:0;
}
.section-ornate-compass .liangyi-dot-light{
  fill:rgba(216,190,140,.46)!important;
  stroke:rgba(216,190,140,.18)!important;
  stroke-width:.45!important;
  opacity:0;
}
.section-ornate-compass .liangyi-dot-dark{
  fill:rgba(8,5,3,.62)!important;
  stroke:rgba(216,190,140,.26)!important;
  stroke-width:.45!important;
  opacity:0;
}
.section-fate.is-awake .fate-seed-layer{
  animation:fateOneQi 4.2s var(--fate-lux-ease) both!important;
}
.section-fate.is-awake .fate-liangyi-layer{
  animation:fateLiangyiField 6.8s var(--fate-lux-ease) 1.15s both!important;
}
.section-fate.is-awake .liangyi-orbit{
  animation:fateLiangyiOrbit 6.4s var(--fate-lux-ease) 1.22s both!important;
}
.section-fate.is-awake .liangyi-dot-light{
  animation:fateLiangyiLight 6.4s var(--fate-lux-ease) 1.22s both!important;
}
.section-fate.is-awake .liangyi-dot-dark{
  animation:fateLiangyiDark 6.4s var(--fate-lux-ease) 1.22s both!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiFromLiangyi 9.8s var(--fate-lux-ease) 4.45s both!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateRingFieldSilk 8.8s var(--fate-lux-ease) 5.65s both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:5.78s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:6.06s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:6.34s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:6.64s!important;}
.section-fate.is-awake .birth-axis{
  animation:fateAxisSilk 6.9s var(--fate-lux-ease) 7.05s both!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridSilk 9.2s var(--fate-lux-ease) 7.55s both!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateLineSilk 8.4s var(--fate-lux-ease) 7.55s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassSilk 11.2s var(--fate-lux-ease) 8.95s both!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassLineSilk 10.2s var(--fate-lux-ease) 8.95s both!important;
}
.section-fate.is-awake .fate-compass-ticks{
  animation:fateTicksSilk 8.6s var(--fate-lux-ease) 10.35s both!important;
}
.section-fate.is-awake .fate-mystic-marks{
  animation:fateMysticMarksIn 10.8s var(--fate-lux-ease) 6.4s both!important;
}

@keyframes fateOneQi{
  0%{opacity:0;transform:scale(.05);}
  20%{opacity:.86;transform:scale(.58);}
  42%{opacity:.62;transform:scale(1.12);}
  68%{opacity:.24;transform:scale(1.86);}
  100%{opacity:0;transform:scale(2.68);}
}
@keyframes fateLiangyiField{
  0%{opacity:0;transform:scale(.72) rotate(-28deg);}
  22%{opacity:.72;transform:scale(.92) rotate(-8deg);}
  56%{opacity:.58;transform:scale(1) rotate(58deg);}
  78%{opacity:.26;transform:scale(1.08) rotate(116deg);}
  100%{opacity:0;transform:scale(1.14) rotate(160deg);}
}
@keyframes fateLiangyiOrbit{
  0%{opacity:0;transform:scale(.18);}
  28%{opacity:.44;transform:scale(.82);}
  62%{opacity:.26;transform:scale(1);}
  100%{opacity:0;transform:scale(1.08);}
}
@keyframes fateLiangyiLight{
  0%{opacity:0;transform:scale(.36);}
  24%{opacity:.82;transform:scale(1);}
  48%{opacity:.66;transform:translateY(-30px) scale(1);}
  72%{opacity:.36;transform:translateY(-22px) scale(.78);}
  100%{opacity:0;transform:translateY(-4px) scale(.38);}
}
@keyframes fateLiangyiDark{
  0%{opacity:0;transform:scale(.36);}
  24%{opacity:.74;transform:scale(1);}
  48%{opacity:.62;transform:translateY(30px) scale(1);}
  72%{opacity:.32;transform:translateY(22px) scale(.78);}
  100%{opacity:0;transform:translateY(4px) scale(.38);}
}
@keyframes fateTaijiFromLiangyi{
  0%{opacity:0;transform:scale(.18) rotate(-20deg);}
  18%{opacity:.26;transform:scale(.72) rotate(-6deg);}
  38%{opacity:.34;transform:scale(1) rotate(0deg);}
  62%{opacity:.20;transform:scale(1.10) rotate(32deg);}
  100%{opacity:.065;transform:scale(1.22) rotate(72deg);}
}

@media(max-width:760px){
  .section-fate.is-awake .fate-taiji-layer{
    animation:fateTaijiMobileFromLiangyi 8.8s var(--fate-lux-ease) 4.25s both!important;
  }
  .section-fate.is-awake .fate-inner-rings{
    animation:fateRingMobileSilk 7.8s var(--fate-lux-ease) 5.28s both!important;
  }
  .section-fate.is-awake .birth-ring-1{animation-delay:5.42s!important;}
  .section-fate.is-awake .birth-ring-2{animation-delay:5.70s!important;}
  .section-fate.is-awake .birth-ring-3{animation-delay:5.98s!important;}
  .section-fate.is-awake .birth-ring-4{animation-delay:6.26s!important;}
  .section-fate.is-awake .birth-axis{
    animation:fateAxisSilk 6.5s var(--fate-lux-ease) 6.55s both!important;
  }
  .section-fate.is-awake .fate-grid-layer{
    animation:fateGridMobileSilk 8.4s var(--fate-lux-ease) 6.95s both!important;
  }
  .section-fate.is-awake .fate-grid-layer rect,
  .section-fate.is-awake .fate-grid-layer path,
  .section-fate.is-awake .fate-grid-layer circle{
    animation:fateLineMobileSilk 7.8s var(--fate-lux-ease) 6.95s both!important;
  }
  .section-fate.is-awake .fate-compass-layer{
    animation:fateCompassMobileSilk 9.4s var(--fate-lux-ease) 8.12s both!important;
  }
  .section-fate.is-awake .fate-compass-layer circle,
  .section-fate.is-awake .fate-compass-layer path{
    animation:fateCompassLineMobileSilk 8.8s var(--fate-lux-ease) 8.12s both!important;
  }
  .section-fate.is-awake .fate-compass-ticks{
    animation:fateTicksMobileVisible 7.6s var(--fate-lux-ease) 9.3s both!important;
  }
}

@keyframes fateTaijiMobileFromLiangyi{
  0%{opacity:0;transform:scale(.18) rotate(-20deg);}
  20%{opacity:.34;transform:scale(.72) rotate(-6deg);}
  42%{opacity:.38;transform:scale(1) rotate(0deg);}
  68%{opacity:.22;transform:scale(1.12) rotate(34deg);}
  100%{opacity:.12;transform:scale(1.22) rotate(72deg);}
}

/* V43｜01 兩儀階段加長：先看見一分為二，再慢慢成太極 */
.section-ornate-compass .liangyi-orbit{
  stroke:rgba(216,190,140,.34)!important;
}
.section-ornate-compass .liangyi-dot-light{
  fill:rgba(216,190,140,.58)!important;
}
.section-ornate-compass .liangyi-dot-dark{
  fill:rgba(8,5,3,.72)!important;
  stroke:rgba(216,190,140,.34)!important;
}
.section-fate.is-awake .fate-liangyi-layer{
  animation:fateLiangyiFieldClear 7.2s var(--fate-lux-ease) 1.12s both!important;
}
.section-fate.is-awake .liangyi-orbit{
  animation:fateLiangyiOrbitClear 6.9s var(--fate-lux-ease) 1.18s both!important;
}
.section-fate.is-awake .liangyi-dot-light{
  animation:fateLiangyiLightClear 6.9s var(--fate-lux-ease) 1.18s both!important;
}
.section-fate.is-awake .liangyi-dot-dark{
  animation:fateLiangyiDarkClear 6.9s var(--fate-lux-ease) 1.18s both!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateTaijiFromLiangyiClear 9.6s var(--fate-lux-ease) 5.55s both!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateRingFieldSilk 8.8s var(--fate-lux-ease) 6.7s both!important;
}
.section-fate.is-awake .birth-ring-1{animation-delay:6.86s!important;}
.section-fate.is-awake .birth-ring-2{animation-delay:7.14s!important;}
.section-fate.is-awake .birth-ring-3{animation-delay:7.42s!important;}
.section-fate.is-awake .birth-ring-4{animation-delay:7.72s!important;}
.section-fate.is-awake .birth-axis{
  animation:fateAxisSilk 6.9s var(--fate-lux-ease) 8.06s both!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateGridSilk 9.2s var(--fate-lux-ease) 8.45s both!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateLineSilk 8.4s var(--fate-lux-ease) 8.45s both!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCompassSilk 11.2s var(--fate-lux-ease) 9.75s both!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path{
  animation:fateCompassLineSilk 10.2s var(--fate-lux-ease) 9.75s both!important;
}

@keyframes fateLiangyiFieldClear{
  0%{opacity:0;transform:scale(.70) rotate(-24deg);}
  20%{opacity:.82;transform:scale(.92) rotate(-8deg);}
  54%{opacity:.72;transform:scale(1) rotate(72deg);}
  78%{opacity:.34;transform:scale(1.08) rotate(142deg);}
  100%{opacity:0;transform:scale(1.14) rotate(184deg);}
}
@keyframes fateLiangyiOrbitClear{
  0%{opacity:0;transform:scale(.16);}
  28%{opacity:.52;transform:scale(.90);}
  64%{opacity:.38;transform:scale(1.12);}
  100%{opacity:0;transform:scale(1.18);}
}
@keyframes fateLiangyiLightClear{
  0%{opacity:0;transform:scale(.30);}
  22%{opacity:.86;transform:scale(1);}
  46%{opacity:.78;transform:translateY(-42px) scale(1.06);}
  70%{opacity:.56;transform:translateY(-38px) scale(.92);}
  100%{opacity:0;transform:translateY(-5px) scale(.34);}
}
@keyframes fateLiangyiDarkClear{
  0%{opacity:0;transform:scale(.30);}
  22%{opacity:.78;transform:scale(1);}
  46%{opacity:.72;transform:translateY(42px) scale(1.06);}
  70%{opacity:.50;transform:translateY(38px) scale(.92);}
  100%{opacity:0;transform:translateY(5px) scale(.34);}
}
@keyframes fateTaijiFromLiangyiClear{
  0%{opacity:0;transform:scale(.12) rotate(-18deg);}
  18%{opacity:.20;transform:scale(.70) rotate(-5deg);}
  40%{opacity:.34;transform:scale(1) rotate(0deg);}
  66%{opacity:.20;transform:scale(1.10) rotate(34deg);}
  100%{opacity:.065;transform:scale(1.22) rotate(72deg);}
}

@media(max-width:760px){
  .section-fate.is-awake .fate-taiji-layer{
    animation:fateTaijiMobileFromLiangyiClear 8.8s var(--fate-lux-ease) 5.05s both!important;
  }
  .section-fate.is-awake .fate-inner-rings{
    animation:fateRingMobileSilk 7.8s var(--fate-lux-ease) 6.05s both!important;
  }
  .section-fate.is-awake .birth-ring-1{animation-delay:6.22s!important;}
  .section-fate.is-awake .birth-ring-2{animation-delay:6.50s!important;}
  .section-fate.is-awake .birth-ring-3{animation-delay:6.78s!important;}
  .section-fate.is-awake .birth-ring-4{animation-delay:7.06s!important;}
  .section-fate.is-awake .fate-grid-layer{
    animation:fateGridMobileSilk 8.4s var(--fate-lux-ease) 7.55s both!important;
  }
  .section-fate.is-awake .fate-grid-layer rect,
  .section-fate.is-awake .fate-grid-layer path,
  .section-fate.is-awake .fate-grid-layer circle{
    animation:fateLineMobileSilk 7.8s var(--fate-lux-ease) 7.55s both!important;
  }
  .section-fate.is-awake .fate-compass-layer{
    animation:fateCompassMobileSilk 9.4s var(--fate-lux-ease) 8.82s both!important;
  }
  .section-fate.is-awake .fate-compass-layer circle,
  .section-fate.is-awake .fate-compass-layer path{
    animation:fateCompassLineMobileSilk 8.8s var(--fate-lux-ease) 8.82s both!important;
  }
}

@keyframes fateTaijiMobileFromLiangyiClear{
  0%{opacity:0;transform:scale(.14) rotate(-18deg);}
  20%{opacity:.28;transform:scale(.70) rotate(-5deg);}
  44%{opacity:.38;transform:scale(1) rotate(0deg);}
  70%{opacity:.22;transform:scale(1.12) rotate(34deg);}
  100%{opacity:.12;transform:scale(1.22) rotate(72deg);}
}

/* V44｜01 兩儀可辨識度：一金一暗銅，清楚分化但不發光 */
.section-ornate-compass .liangyi-dot-light{
  fill:rgba(216,190,140,.66)!important;
  stroke:rgba(236,218,178,.28)!important;
  stroke-width:.55!important;
}
.section-ornate-compass .liangyi-dot-dark{
  fill:rgba(18,12,8,.72)!important;
  stroke:rgba(216,190,140,.58)!important;
  stroke-width:.72!important;
}
.section-ornate-compass .liangyi-orbit{
  stroke:rgba(216,190,140,.42)!important;
}
@keyframes fateLiangyiLightClear{
  0%{opacity:0;transform:scale(.30);}
  22%{opacity:.90;transform:scale(1);}
  46%{opacity:.82;transform:translateY(-50px) scale(1.08);}
  70%{opacity:.58;transform:translateY(-44px) scale(.92);}
  100%{opacity:0;transform:translateY(-5px) scale(.34);}
}
@keyframes fateLiangyiDarkClear{
  0%{opacity:0;transform:scale(.30);}
  22%{opacity:.86;transform:scale(1);}
  46%{opacity:.78;transform:translateY(50px) scale(1.08);}
  70%{opacity:.56;transform:translateY(44px) scale(.92);}
  100%{opacity:0;transform:translateY(5px) scale(.34);}
}

/* V45｜01 生成舞台位移：桌機移到標題與說明之間的留白，避開文字背後 */
.section-ornate-compass .fate-origin-stage{
  transform-box:view-box!important;
  transform-origin:center center!important;
  will-change:transform;
}
@media(min-width:981px){
  .section-ornate-compass .fate-origin-stage{
    transform:translate(-116px,-64px)!important;
  }
  .fate-mystic-marks{
    right:clamp(270px,27vw,460px)!important;
    top:43%!important;
  }
  .section-fate .section-copy{
    margin-top:132px!important;
  }
}

@media(max-width:980px){
  .section-ornate-compass .fate-origin-stage{
    transform:none!important;
  }
}

/* V46｜01 太極陰陽眼修正：兩顆小圈都保留可辨識度 */
.section-ornate-compass .taiji-dot-dark{
  fill:rgba(9,6,4,.76)!important;
  stroke:rgba(216,190,140,.42)!important;
  stroke-width:1.05!important;
}
.section-ornate-compass .taiji-dot-light{
  fill:rgba(216,190,140,.62)!important;
  stroke:rgba(8,5,3,.50)!important;
  stroke-width:.95!important;
}

@media(max-width:760px){
  .section-ornate-compass .taiji-dot-dark{
    fill:rgba(9,6,4,.82)!important;
    stroke:rgba(216,190,140,.54)!important;
  }
  .section-ornate-compass .taiji-dot-light{
    fill:rgba(216,190,140,.70)!important;
    stroke:rgba(8,5,3,.58)!important;
  }
}

/* V47｜03 勢：四句箴言改為古籍題句節奏 */
.section-shi .classic-quote{
  padding:54px clamp(50px,6vw,88px)!important;
}
.section-shi .classic-quote .quote-lines{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}
.section-shi .classic-quote .quote-lines p{
  margin:0!important;
  font-size:clamp(18px,1.42vw,28px)!important;
  line-height:1.95!important;
  letter-spacing:.22em!important;
  color:rgba(244,219,181,.90)!important;
}
.section-shi .classic-quote em{
  position:relative;
  z-index:1;
  margin-top:18px!important;
}
.section-shi .classic-quote .seal{
  z-index:2;
}

@media(max-width:980px){
  .section-shi .classic-quote{
    padding:42px 28px!important;
  }
  .section-shi .classic-quote .quote-lines{
    gap:10px;
  }
  .section-shi .classic-quote .quote-lines p{
    font-size:18px!important;
    line-height:1.82!important;
    letter-spacing:.15em!important;
  }
}

/* V48｜Scroll Story 骨架校正：01-05 共用章節軸線與內容寬度 */
.hero{
  box-shadow:none!important;
}
.hero .page-curve{
  display:none!important;
}
#fate.story-section{
  border-top:1px solid rgba(205,158,82,.15)!important;
}

@media(min-width:981px){
  .story-section .section-inner{
    width:min(1280px,88vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:112px!important;
    padding-bottom:112px!important;
  }
  .story-section .chapter-mark{
    display:flex!important;
    left:6.3vw!important;
    top:clamp(112px,13vh,146px)!important;
    transform:none!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:18px!important;
  }
  .story-section .chapter-mark i{
    width:1px!important;
    height:150px!important;
    margin-top:0!important;
    background:linear-gradient(180deg,rgba(218,169,91,.74),rgba(218,169,91,.24),transparent)!important;
  }
  .story-section .chapter-mark i:before,
  .story-section .chapter-mark i:after{
    display:block!important;
  }

  .section-fate{
    min-height:760px!important;
  }
  .section-fate .section-inner.two-col{
    display:grid!important;
    width:min(1280px,88vw)!important;
    grid-template-columns:minmax(330px,430px) minmax(520px,1fr)!important;
    column-gap:clamp(76px,8vw,132px)!important;
    align-items:center!important;
    min-height:760px!important;
  }
  .section-fate .section-title{
    grid-column:1!important;
    max-width:430px!important;
    margin:0!important;
    padding-left:82px!important;
    align-self:start!important;
  }
  .section-fate .section-title:before{
    left:50px!important;
  }
  .section-fate .section-copy{
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:min(520px,37vw)!important;
    max-width:520px!important;
    margin:74px clamp(10px,2.2vw,42px) 0 0!important;
    padding:20px 0 20px 42px!important;
  }
  .section-fate .section-ornate-compass{
    right:clamp(110px,11vw,220px)!important;
    top:52%!important;
  }
  .section-fate .fate-mystic-marks{
    right:clamp(260px,26vw,440px)!important;
    top:43%!important;
  }

  .section-ju .section-inner{
    width:min(1280px,88vw)!important;
    min-height:720px!important;
    padding-top:112px!important;
    padding-bottom:112px!important;
  }
  .section-ju .center-title{
    width:min(640px,calc(100% - 82px))!important;
    max-width:640px!important;
    margin:0 0 52px 82px!important;
    text-align:left!important;
  }
  .quote-layout{
    grid-template-columns:minmax(260px,330px) 1fr!important;
    gap:clamp(64px,7vw,116px)!important;
    min-height:520px!important;
  }
  .create-split{
    grid-template-columns:minmax(260px,320px) minmax(260px,1fr) minmax(340px,520px)!important;
    gap:clamp(48px,6vw,96px)!important;
  }
  .section-about .section-inner{
    width:min(1280px,88vw)!important;
  }
  .section-about .section-title{
    padding-left:82px!important;
  }

  .section-shi .classic-quote .seal{
    right:34px!important;
    top:auto!important;
    bottom:34px!important;
    transform:none!important;
    width:38px!important;
    height:38px!important;
    font-size:11px!important;
  }
  .section-shi .classic-quote em{
    padding-right:54px!important;
  }
}

@media(max-width:980px){
  .story-section .section-inner{
    width:calc(100% - 44px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-height:auto!important;
    padding-top:104px!important;
    padding-bottom:92px!important;
  }
  .story-section .chapter-mark{
    display:flex!important;
    left:22px!important;
    top:28px!important;
    transform:none!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
  }
  .story-section .chapter-mark i{
    width:58px!important;
    height:1px!important;
    margin-top:0!important;
    background:linear-gradient(90deg,rgba(216,190,140,.66),transparent)!important;
  }
  .story-section .chapter-mark i:before,
  .story-section .chapter-mark i:after{
    display:none!important;
  }

  .section-fate{
    min-height:auto!important;
  }
  .section-ju{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .section-fate .section-inner.two-col{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
    min-height:auto!important;
  }
  .section-fate .section-title{
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
  }
  .section-fate .section-title:before{
    display:none!important;
  }
  .section-fate .section-copy{
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:16px 0 16px 28px!important;
  }
  .section-fate .section-copy:before{
    left:0!important;
  }
  .section-ju .section-inner{
    width:calc(100% - 44px)!important;
    padding-top:104px!important;
    padding-bottom:92px!important;
  }
  .section-ju .center-title{
    width:100%!important;
    max-width:none!important;
    margin:0 0 34px!important;
    padding-top:0!important;
  }
  .quote-layout,
  .create-split,
  .about-grid{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  .section-about .section-title,
  .quote-side,
  .need-list{
    padding-left:0!important;
  }
  .section-shi .classic-quote .seal{
    width:34px!important;
    height:34px!important;
    right:22px!important;
    top:auto!important;
    bottom:24px!important;
    transform:none!important;
    font-size:10px!important;
  }
  .section-shi .classic-quote em{
    padding-right:46px!important;
  }
}

/* V49｜章節統一修正：01 去除多餘側線，03 色彩/框線收齊，04/05 桌機位置復位 */
.section-title .eyebrow,
.center-title .eyebrow,
.quote-side .eyebrow,
.need-list .eyebrow,
.create-copy .eyebrow{
  color:rgba(185,145,110,.72)!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.34em!important;
  font-weight:600!important;
}

@media(min-width:981px){
  .section-fate .section-title:before{
    display:none!important;
  }
  .section-fate .section-title{
    padding-left:82px!important;
  }

  .section-shi .quote-side .eyebrow{
    margin-bottom:34px!important;
  }
  .section-shi .quote-side h2{
    color:rgba(241,214,174,.92)!important;
  }
  .section-shi .classic-quote{
    min-height:390px!important;
    padding:78px clamp(76px,6vw,104px) 74px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .section-shi .quote-frame-svg{
    inset:-18px -22px!important;
    width:calc(100% + 44px)!important;
    height:calc(100% + 36px)!important;
  }
  .section-shi .classic-quote .quote-lines{
    gap:14px!important;
  }
  .section-shi .classic-quote em{
    margin-top:22px!important;
    padding-right:0!important;
  }
  .section-shi .classic-quote .seal{
    right:28px!important;
    bottom:28px!important;
  }

  .section-create .create-split{
    grid-template-columns:minmax(330px,1fr) minmax(380px,520px) minmax(320px,1fr)!important;
  }
  .section-create .need-list{
    position:relative!important;
    left:82px!important;
  }

  .section-about .section-inner.about-grid{
    display:grid!important;
    grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr)!important;
    gap:clamp(72px,7vw,116px)!important;
    align-items:start!important;
    min-height:760px!important;
    padding-top:112px!important;
    padding-bottom:112px!important;
  }
  .section-about .section-title{
    align-self:start!important;
    padding-top:72px!important;
    padding-left:82px!important;
  }
  .section-about .about-cards{
    align-self:start!important;
  }
}

@media(max-width:980px){
  .section-shi .classic-quote{
    min-height:310px!important;
    padding:50px 30px 62px!important;
    overflow:visible!important;
  }
  .section-shi .quote-frame-svg{
    inset:-10px -8px!important;
    width:calc(100% + 16px)!important;
    height:calc(100% + 20px)!important;
  }
}

/* V50｜章節英文標籤最終對齊：02/03 不吃舊局部規則 */
.section-ju .center-title .eyebrow,
.section-shi .quote-side .eyebrow{
  color:rgba(185,145,110,.72)!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.34em!important;
  font-weight:600!important;
}

@media(min-width:981px){
  .section-shi .quote-side{
    padding-left:82px!important;
  }
}

/* V51｜01 知命 10% 可見度測試：動畫與底部金線略提亮，不加強成發光 */
.section-fate .section-ornate-compass{
  opacity:.60!important;
}
.section-ornate-compass .liangyi-orbit{
  stroke:rgba(216,190,140,.48)!important;
}
.section-ornate-compass .liangyi-dot-light{
  fill:rgba(216,190,140,.74)!important;
  stroke:rgba(236,218,178,.34)!important;
}
.section-ornate-compass .liangyi-dot-dark{
  stroke:rgba(216,190,140,.64)!important;
}
.section-ornate-compass .taiji-ground{
  fill:rgba(216,190,140,.24)!important;
}
.section-ornate-compass .taiji-swirl{
  fill:rgba(10,7,5,.74)!important;
  stroke:rgba(216,190,140,.32)!important;
}
.section-ornate-compass .birth-ring{
  stroke:rgba(216,190,140,.48)!important;
}
.section-ornate-compass .birth-axis{
  stroke:rgba(216,190,140,.34)!important;
}
.section-ornate-compass .fate-grid-layer rect,
.section-ornate-compass .fate-grid-layer path,
.section-ornate-compass .fate-grid-layer circle{
  stroke:rgba(216,190,140,.64)!important;
}
.section-ornate-compass .fate-compass-layer circle{
  stroke:rgba(216,190,140,.57)!important;
}
.section-ornate-compass .fate-compass-layer path{
  stroke:rgba(216,190,140,.38)!important;
}
.section-ornate-compass .fate-compass-ticks line{
  stroke:rgba(216,190,140,.46)!important;
}
.fate-atlas-field:before{
  background:linear-gradient(90deg,transparent,rgba(185,145,110,.09) 13%,rgba(216,190,140,.26) 52%,rgba(185,145,110,.08) 84%,transparent)!important;
}
.fate-atlas-field:after{
  opacity:.24!important;
}
.fate-atlas-field i{
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.34),transparent)!important;
}
.fate-left-lines{
  opacity:.70!important;
}
.fate-left-lines:before{
  opacity:.34!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.20),rgba(185,145,110,.08),transparent)!important;
}
.fate-left-lines:after{
  opacity:.34!important;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.28),transparent)!important;
}
.fate-left-lines span{
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.24),rgba(185,145,110,.12),transparent)!important;
}
.fate-mystic-marks:before{
  border-color:rgba(216,190,140,.19)!important;
}
.fate-mystic-marks:after{
  background:
    linear-gradient(90deg,transparent 49.6%,rgba(216,190,140,.17) 49.8% 50.2%,transparent 50.4%),
    linear-gradient(0deg,transparent 49.6%,rgba(216,190,140,.17) 49.8% 50.2%,transparent 50.4%),
    linear-gradient(45deg,transparent 49.7%,rgba(216,190,140,.10) 49.9% 50.1%,transparent 50.3%),
    linear-gradient(-45deg,transparent 49.7%,rgba(216,190,140,.10) 49.9% 50.1%,transparent 50.3%)!important;
}
.fate-mystic-marks i{
  background:rgba(216,190,140,.54)!important;
  opacity:.64!important;
}
.fate-mystic-marks i:nth-child(5){
  background:rgba(216,190,140,.70)!important;
  opacity:.82!important;
}

@keyframes fateMysticMarksIn{
  0%{opacity:0;transform:translateY(-50%) rotate(45deg) scale(.72);}
  36%{opacity:.36;}
  72%{opacity:.25;transform:translateY(-50%) rotate(45deg) scale(.96);}
  100%{opacity:.18;transform:translateY(-50%) rotate(45deg) scale(1);}
}
@keyframes fateMysticMarksMobileIn{
  0%{opacity:0;transform:translateY(-50%) rotate(45deg) scale(.72);}
  46%{opacity:.28;}
  100%{opacity:.12;transform:translateY(-50%) rotate(45deg) scale(.94);}
}

@media(max-width:760px){
  .section-fate .section-ornate-compass{
    opacity:.50!important;
  }
  .fate-atlas-field:before{
    background:linear-gradient(90deg,transparent,rgba(216,190,140,.26),rgba(216,190,140,.38),transparent)!important;
  }
}

/* V52｜01 手機動畫退到右側暗場；03 勢的古籍框改為真正包住題句 */
.section-fate:after{
  display:none!important;
}

.section-shi .classic-quote{
  min-height:430px!important;
  padding:112px clamp(88px,6.8vw,124px) 92px!important;
  overflow:hidden!important;
}
.section-shi .quote-frame-svg{
  inset:28px 34px!important;
  width:calc(100% - 68px)!important;
  height:calc(100% - 56px)!important;
}
.section-shi .classic-quote:after{
  inset:44px 56px!important;
  border-color:rgba(215,164,84,.055)!important;
}
.section-shi .classic-quote .quote-lines{
  max-width:760px!important;
  margin:0 auto!important;
  gap:14px!important;
}
.section-shi .classic-quote .quote-lines p{
  line-height:1.78!important;
}
.section-shi .classic-quote em{
  margin-top:26px!important;
  padding-right:0!important;
}
.section-shi .classic-quote .seal{
  right:54px!important;
  bottom:48px!important;
  top:auto!important;
  transform:none!important;
}

@media(max-width:980px){
  .section-shi .classic-quote{
    min-height:390px!important;
    padding:86px 36px 82px!important;
  }
  .section-shi .quote-frame-svg{
    inset:20px 16px!important;
    width:calc(100% - 32px)!important;
    height:calc(100% - 40px)!important;
  }
  .section-shi .classic-quote:after{
    inset:32px 26px!important;
  }
  .section-shi .classic-quote .quote-lines{
    gap:12px!important;
  }
  .section-shi .classic-quote .quote-lines p{
    font-size:17px!important;
    line-height:1.76!important;
    letter-spacing:.13em!important;
  }
  .section-shi .classic-quote em{
    margin-top:20px!important;
    padding-right:0!important;
  }
  .section-shi .classic-quote .seal{
    right:28px!important;
    bottom:28px!important;
  }
}

@media(max-width:760px){
  .section-fate .section-ornate-compass{
    right:-92vw!important;
    top:61%!important;
    width:166vw!important;
    height:166vw!important;
    opacity:.40!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 25%,rgba(0,0,0,.58) 52%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 25%,rgba(0,0,0,.58) 52%,#000 100%)!important;
  }
  .section-ornate-compass .fate-origin-stage{
    transform:translate(28px,18px) scale(.94)!important;
    transform-box:view-box!important;
    transform-origin:center center!important;
  }
  .fate-atlas-field:before{
    left:24%!important;
    right:-16%!important;
    top:61%!important;
    background:linear-gradient(90deg,transparent,rgba(216,190,140,.14),rgba(216,190,140,.25),transparent)!important;
  }
  .fate-atlas-field:after{
    left:18%!important;
    opacity:.14!important;
  }
  .fate-atlas-field i{
    opacity:.36!important;
  }
  .section-fate .fate-mystic-marks{
    right:-26vw!important;
    top:61%!important;
    width:34vw!important;
  }
  .section-fate.is-awake .fate-mystic-marks{
    animation:fateMysticMarksMobileTucked 9.4s var(--fate-lux-ease) 3.2s both!important;
  }
}

@keyframes fateMysticMarksMobileTucked{
  0%{opacity:0;transform:translateY(-50%) rotate(45deg) scale(.72);}
  46%{opacity:.18;}
  100%{opacity:.07;transform:translateY(-50%) rotate(45deg) scale(.92);}
}

/* V53｜修正：手機 01 羅盤回到可辨識範圍；03 去掉穿字內線，讓題句真正落在框內 */
.section-shi .quote-frame-svg path:nth-child(3){
  display:none!important;
}
.section-shi .classic-quote{
  padding-top:100px!important;
  padding-bottom:104px!important;
}
.section-shi .quote-frame-svg{
  inset:24px 30px!important;
  width:calc(100% - 60px)!important;
  height:calc(100% - 48px)!important;
}
.section-shi .classic-quote:after{
  inset:58px 72px!important;
}
.section-shi .classic-quote .quote-lines{
  position:relative!important;
  z-index:3!important;
}
.section-shi .classic-quote em{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:760px){
  .section-fate .section-ornate-compass{
    right:-58vw!important;
    top:58%!important;
    width:150vw!important;
    height:150vw!important;
    opacity:.52!important;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.72) 24%,#000 48%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.72) 24%,#000 48%,#000 100%)!important;
  }
  .section-ornate-compass .fate-origin-stage{
    transform:translate(-10px,4px) scale(1)!important;
  }
  .section-ornate-compass .birth-ring{
    stroke:rgba(216,190,140,.56)!important;
  }
  .section-ornate-compass .birth-axis{
    stroke:rgba(216,190,140,.32)!important;
  }
  .section-ornate-compass .fate-grid-layer rect,
  .section-ornate-compass .fate-grid-layer path,
  .section-ornate-compass .fate-grid-layer circle{
    stroke:rgba(216,190,140,.66)!important;
  }
  .section-ornate-compass .fate-compass-layer circle{
    stroke:rgba(216,190,140,.62)!important;
  }
  .section-ornate-compass .fate-compass-layer path{
    stroke:rgba(216,190,140,.42)!important;
  }
  .section-ornate-compass .fate-compass-ticks line{
    stroke:rgba(216,190,140,.52)!important;
  }
  .fate-atlas-field:before{
    left:12%!important;
    right:-4%!important;
    top:57%!important;
    background:linear-gradient(90deg,transparent,rgba(216,190,140,.18),rgba(216,190,140,.32),transparent)!important;
  }
  .fate-atlas-field:after{
    left:2%!important;
    width:78vw!important;
    opacity:.18!important;
  }
  .section-fate .fate-mystic-marks{
    right:-14vw!important;
    top:57%!important;
    width:38vw!important;
  }
  .section-fate.is-awake .fate-mystic-marks{
    animation:fateMysticMarksMobileIn 9.4s var(--fate-lux-ease) 3.2s both!important;
  }

  .section-shi .classic-quote{
    min-height:420px!important;
    padding:94px 34px 90px!important;
  }
  .section-shi .quote-frame-svg{
    inset:18px 14px!important;
    width:calc(100% - 28px)!important;
    height:calc(100% - 36px)!important;
  }
  .section-shi .classic-quote:after{
    inset:42px 30px!important;
  }
  .section-shi .classic-quote .quote-lines{
    gap:13px!important;
  }
  .section-shi .classic-quote .quote-lines p{
    line-height:1.72!important;
  }
  .section-shi .classic-quote .seal{
    right:30px!important;
    bottom:32px!important;
  }
}

/* V54｜03 框線改為乾淨雙層古籍框：不讓任何裝飾線進入文字區 */
.section-shi .quote-frame-svg{
  display:none!important;
}
.section-shi .classic-quote{
  border:1px solid rgba(215,164,84,.16)!important;
  box-shadow:
    inset 0 0 0 1px rgba(215,164,84,.035),
    inset 0 0 86px rgba(216,190,140,.018)!important;
}
.section-shi .classic-quote:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:34px!important;
  border:1px solid rgba(215,164,84,.11)!important;
  pointer-events:none!important;
  z-index:1!important;
}
.section-shi .classic-quote:after{
  display:none!important;
}
.section-shi .classic-quote .quote-lines,
.section-shi .classic-quote em,
.section-shi .classic-quote .seal{
  z-index:3!important;
}

@media(max-width:760px){
  .section-shi .classic-quote{
    padding:88px 34px 92px!important;
  }
  .section-shi .classic-quote:before{
    inset:28px!important;
  }
}

/* V55｜全站視差卷軸系統：金線、星點、金霧、九宮、卷序與五卷 hover 紋理 */
:root{
  --page-scroll:0;
  --parallax-mist:0px;
  --parallax-stars:0px;
  --parallax-grid:0px;
  --nine-opacity:.05;
}
body{
  position:relative;
}
.hero,
.story-section,
.site-footer{
  position:relative;
  z-index:1;
}
.scroll-atmosphere{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:.86;
  contain:layout paint;
}
.scroll-atmosphere span{
  position:absolute;
  display:block;
}
.atmo-gold-line{
  height:1px;
  width:min(46vw,720px);
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.10),rgba(216,190,140,.44),rgba(185,145,110,.10),transparent);
  opacity:.22;
  transform-origin:left center;
  animation:atmoGoldLine 13s cubic-bezier(.2,.72,.16,1) infinite both;
}
.atmo-gold-line.line-a{
  left:9vw;
  top:31vh;
}
.atmo-gold-line.line-b{
  right:7vw;
  top:72vh;
  width:min(36vw,560px);
  animation-delay:3.2s;
  opacity:.16;
}
.atmo-stars{
  inset:-8%;
  background-image:
    radial-gradient(circle at 12% 22%,rgba(216,190,140,.46) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 18%,rgba(216,190,140,.34) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 62%,rgba(216,190,140,.28) 0 1px,transparent 1.8px),
    radial-gradient(circle at 32% 76%,rgba(185,145,110,.26) 0 1px,transparent 1.8px);
  background-size:320px 280px,420px 360px,520px 460px,380px 340px;
  opacity:.32;
  transform:translate3d(0,var(--parallax-stars),0);
  animation:atmoStarDrift 18s ease-in-out infinite alternate;
}
.atmo-mist{
  width:min(54vw,820px);
  height:min(34vw,520px);
  border-radius:50%;
  filter:blur(36px);
  mix-blend-mode:screen;
  opacity:.20;
  background:radial-gradient(ellipse at center,rgba(216,190,140,.18),rgba(185,145,110,.055) 46%,transparent 72%);
  transform:translate3d(0,var(--parallax-mist),0);
  animation:atmoMistDrift 24s ease-in-out infinite alternate;
}
.atmo-mist.mist-a{
  left:-12vw;
  top:18vh;
}
.atmo-mist.mist-b{
  right:-18vw;
  bottom:8vh;
  opacity:.16;
  animation-delay:-8s;
}
.atmo-nine-grid{
  right:7vw;
  top:18vh;
  width:min(35vw,520px);
  aspect-ratio:1;
  opacity:var(--nine-opacity,.05);
  transform:translate3d(0,var(--parallax-grid),0);
  background:
    linear-gradient(90deg,transparent 32.9%,rgba(216,190,140,.18) 33% 33.16%,transparent 33.28% 66.6%,rgba(216,190,140,.14) 66.72% 66.88%,transparent 67%),
    linear-gradient(0deg,transparent 32.9%,rgba(216,190,140,.18) 33% 33.16%,transparent 33.28% 66.6%,rgba(216,190,140,.14) 66.72% 66.88%,transparent 67%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.13),transparent 52%);
  mask-image:radial-gradient(circle,black 0 55%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle,black 0 55%,transparent 78%);
  animation:atmoNineFade 8s cubic-bezier(.2,.72,.16,1) both;
}

.volume-index{
  position:fixed;
  right:clamp(18px,2vw,34px);
  top:50%;
  transform:translateY(-50%);
  z-index:28;
  display:grid;
  gap:12px;
  pointer-events:auto;
}
.volume-index:before{
  content:"卷序";
  position:absolute;
  right:calc(100% + 16px);
  top:0;
  writing-mode:vertical-rl;
  color:rgba(185,145,110,.42);
  font-size:11px;
  letter-spacing:.28em;
  font-family:"Noto Serif TC",serif;
}
.volume-index a{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
  min-width:84px;
  color:rgba(183,171,157,.46);
  text-decoration:none;
  opacity:.58;
  transition:opacity .45s ease,color .45s ease,transform .45s ease;
}
.volume-index a:before{
  content:"";
  display:block;
  width:16px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,190,140,.32),transparent);
  transition:width .45s ease,background .45s ease;
}
.volume-index b{
  font-size:12px;
  line-height:1;
  letter-spacing:.16em;
  font-weight:500;
}
.volume-index span{
  grid-column:2;
  margin-top:2px;
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  opacity:.66;
}
.volume-index a.is-active{
  color:rgba(236,228,216,.88);
  opacity:1;
  transform:translateX(-3px);
}
.volume-index a.is-active:before{
  width:42px;
  background:linear-gradient(90deg,rgba(216,190,140,.82),rgba(185,145,110,.18),transparent);
}

.story-section.is-current .chapter-mark i{
  animation:chapterLineBreathe 4.8s ease-in-out infinite;
}
.story-section.is-current .chapter-mark span{
  color:rgba(216,190,140,.90)!important;
}
.story-section.is-current .section-title h2,
.story-section.is-current .center-title h2,
.story-section.is-current .quote-side h2,
.story-section.is-current .create-copy h2{
  text-shadow:0 0 22px rgba(216,190,140,.075)!important;
}
.reveal{
  clip-path:inset(0 0 12% 0);
  filter:blur(.6px) saturate(.92);
}
.reveal.in{
  clip-path:inset(0 0 0 0);
  filter:blur(0) saturate(1);
}
.section-title.reveal.in h2,
.center-title.reveal.in h2,
.quote-side.reveal.in h2,
.create-copy.reveal.in h2,
.section-copy.reveal.in p,
.classic-quote.reveal.in p{
  animation:inkTextFloat .92s cubic-bezier(.2,.72,.16,1) both;
}
.service-gallery-v6.reveal.in .art-card{
  animation:scrollUnfurl .95s cubic-bezier(.2,.72,.16,1) both;
}
.service-gallery-v6.reveal.in .art-card:nth-child(2){animation-delay:.06s;}
.service-gallery-v6.reveal.in .art-card:nth-child(3){animation-delay:.12s;}
.service-gallery-v6.reveal.in .art-card:nth-child(4){animation-delay:.18s;}
.service-gallery-v6.reveal.in .art-card:nth-child(5){animation-delay:.24s;}

.service-gallery-v6 .art-card{
  isolation:isolate;
}
.service-gallery-v6 .art-medallion,
.service-gallery-v6 .art-card span,
.service-gallery-v6 .art-card em{
  position:relative;
  z-index:2;
  transition:transform .62s cubic-bezier(.2,.72,.16,1),color .62s ease,opacity .62s ease,filter .62s ease,box-shadow .62s ease!important;
}
.service-gallery-v6 .art-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:18px!important;
  width:min(210px,100%)!important;
  height:218px!important;
  transform:translateX(-50%) translateY(8px)!important;
  opacity:0!important;
  z-index:1!important;
  pointer-events:none!important;
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.72,.16,1)!important;
  mask-image:radial-gradient(circle,black 0 46%,transparent 74%)!important;
  -webkit-mask-image:radial-gradient(circle,black 0 46%,transparent 74%)!important;
}
.service-gallery-v6 .art-card:hover{
  transform:translateY(-2px)!important;
}
.service-gallery-v6 .art-card:hover::after{
  opacity:.58!important;
  transform:translateX(-50%) translateY(0)!important;
}
.service-gallery-v6 .art-card:hover > span{
  transform:translateY(-4px)!important;
  color:rgba(244,219,181,.96)!important;
}
.service-gallery-v6 .art-card:hover > em{
  transform:translateY(-2px)!important;
  color:rgba(216,190,140,.72)!important;
}
.service-gallery-v6 .art-card:hover .art-medallion{
  transform:translateY(-2px)!important;
  filter:brightness(1.055) contrast(1.02)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.46),
    inset 0 0 42px rgba(185,145,110,.045),
    0 20px 50px rgba(0,0,0,.56)!important;
}
.service-gallery-v6 .art-qimen::after{
  background:
    linear-gradient(90deg,transparent 32.9%,rgba(216,190,140,.35) 33% 33.25%,transparent 33.5% 66.5%,rgba(216,190,140,.25) 66.75% 67%,transparent 67.2%),
    linear-gradient(0deg,transparent 32.9%,rgba(216,190,140,.35) 33% 33.25%,transparent 33.5% 66.5%,rgba(216,190,140,.25) 66.75% 67%,transparent 67.2%),
    radial-gradient(circle,rgba(216,190,140,.14),transparent 58%);
}
.service-gallery-v6 .art-bazi::after{
  background:
    repeating-linear-gradient(90deg,transparent 0 24px,rgba(216,190,140,.22) 24px 25px,transparent 25px 48px),
    linear-gradient(180deg,transparent,rgba(216,190,140,.10),transparent),
    radial-gradient(circle,rgba(216,190,140,.12),transparent 62%);
}
.service-gallery-v6 .art-ziwei::after{
  background:
    radial-gradient(circle at 30% 34%,rgba(216,190,140,.62) 0 1.4px,transparent 2.2px),
    radial-gradient(circle at 68% 30%,rgba(216,190,140,.42) 0 1.2px,transparent 2px),
    radial-gradient(circle at 74% 66%,rgba(216,190,140,.52) 0 1.4px,transparent 2.2px),
    conic-gradient(from 38deg,transparent 0 50deg,rgba(216,190,140,.18) 52deg 54deg,transparent 56deg 180deg,rgba(216,190,140,.12) 182deg 184deg,transparent 186deg);
}
.service-gallery-v6 .art-name::after{
  background:
    linear-gradient(90deg,transparent 47%,rgba(216,190,140,.24) 47.4% 47.8%,transparent 48.3% 52%,rgba(216,190,140,.18) 52.4% 52.8%,transparent 53.3%),
    linear-gradient(0deg,transparent 45%,rgba(216,190,140,.18) 45.3% 45.7%,transparent 46.2%),
    radial-gradient(circle at 70% 69%,rgba(139,46,46,.36) 0 8px,transparent 9px),
    radial-gradient(circle,rgba(216,190,140,.09),transparent 62%);
}
.service-gallery-v6 .art-fengshui::after{
  background:
    radial-gradient(ellipse at 50% 66%,transparent 0 34%,rgba(216,190,140,.20) 34.4% 34.8%,transparent 35.3%),
    linear-gradient(125deg,transparent 0 41%,rgba(216,190,140,.18) 41.4% 41.9%,transparent 42.4%),
    linear-gradient(55deg,transparent 0 48%,rgba(216,190,140,.16) 48.4% 48.8%,transparent 49.3%),
    radial-gradient(circle,rgba(216,190,140,.10),transparent 62%);
}

.site-footer{
  grid-template-columns:minmax(220px,1fr) minmax(138px,168px) minmax(260px,1fr) auto!important;
  overflow:hidden;
}
.site-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% 42%,rgba(216,190,140,.08),transparent 28%),
    linear-gradient(90deg,rgba(5,3,2,.94),rgba(23,18,15,.38),rgba(5,3,2,.92));
  opacity:.86;
}
.site-footer > *{
  position:relative;
  z-index:1;
}
.footer-seal{
  width:150px;
  height:150px;
  justify-self:center;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(185,145,110,.40);
  color:rgba(216,190,140,.72);
  background:
    linear-gradient(135deg,rgba(216,190,140,.035),rgba(139,46,46,.025)),
    rgba(5,3,2,.42);
  box-shadow:
    inset 0 0 0 8px rgba(216,190,140,.018),
    inset 0 0 36px rgba(216,190,140,.035);
}
.footer-seal strong{
  display:block;
  margin:0 auto 8px;
  font-size:24px;
  line-height:1.2;
  letter-spacing:.18em;
  font-weight:500;
}
.footer-seal span{
  display:block;
  max-width:92px;
  margin:0 auto;
  font-family:"Cormorant Garamond",serif;
  font-size:11px;
  line-height:1.25;
  letter-spacing:.08em;
  color:rgba(236,228,216,.50);
}
.section-about .about-cards .about-card,
.section-about .about-cards article.about-card{
  min-height:152px!important;
}

/* 05 card hover stays within its frame; no upward translate means no clipped top edge. */
.section-about,
.section-about .section-inner,
.section-about .about-cards{
  overflow:visible!important;
}
.section-about .about-card-action:hover{
  transform:none!important;
  border-color:rgba(216,190,140,.64)!important;
  background:
    linear-gradient(180deg,rgba(57,46,37,.68),rgba(24,18,14,.52)),
    repeating-linear-gradient(105deg,rgba(236,226,205,.032) 0 1px,transparent 1px 9px)!important;
  box-shadow:inset 0 1px 0 rgba(216,190,140,.10),inset 0 0 34px rgba(216,190,140,.026)!important;
}

@keyframes atmoGoldLine{
  0%{opacity:0;transform:scaleX(.05);}
  26%{opacity:.22;}
  62%{opacity:.14;transform:scaleX(1);}
  100%{opacity:0;transform:scaleX(1);}
}
@keyframes atmoStarDrift{
  0%{opacity:.20;transform:translate3d(0,var(--parallax-stars),0);}
  100%{opacity:.36;transform:translate3d(12px,calc(var(--parallax-stars) + 10px),0);}
}
@keyframes atmoMistDrift{
  0%{transform:translate3d(-10px,var(--parallax-mist),0) scale(.96);opacity:.12;}
  100%{transform:translate3d(18px,calc(var(--parallax-mist) - 8px),0) scale(1.04);opacity:.22;}
}
@keyframes atmoNineFade{
  0%{opacity:0;}
  100%{opacity:var(--nine-opacity,.05);}
}
@keyframes chapterLineBreathe{
  0%,100%{opacity:.55;transform:scaleY(.86);}
  48%{opacity:.90;transform:scaleY(1);}
}
@keyframes inkTextFloat{
  0%{opacity:0;filter:blur(2px);transform:translateY(10px);}
  100%{opacity:1;filter:blur(0);transform:translateY(0);}
}
@keyframes scrollUnfurl{
  0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(18px);}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0);}
}

@media(max-width:980px){
  .volume-index{
    display:none!important;
  }
  .scroll-atmosphere{
    opacity:.48;
  }
  .atmo-gold-line.line-b,
  .atmo-nine-grid,
  .atmo-mist.mist-b{
    display:none!important;
  }
  .atmo-stars{
    opacity:.18;
    background-size:420px 360px,520px 460px,620px 540px,480px 420px;
  }
  .atmo-mist{
    width:90vw;
    height:56vw;
    filter:blur(34px);
    opacity:.12;
  }
  .service-gallery-v6 .art-card::after{
    opacity:0!important;
  }
  .service-gallery-v6 .art-card:hover::after{
    opacity:.28!important;
  }
  .site-footer{
    grid-template-columns:1fr!important;
  }
  .footer-seal{
    width:128px;
    height:128px;
    justify-self:start;
  }
}

@media(prefers-reduced-motion:reduce){
  .scroll-atmosphere,
  .volume-index,
  .service-gallery-v6 .art-card::after{
    animation:none!important;
  }
  .atmo-gold-line,
  .atmo-stars,
  .atmo-mist,
  .atmo-nine-grid,
  .reveal,
  .reveal.in,
  .story-section.is-current .chapter-mark i,
  .service-gallery-v6.reveal.in .art-card{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
  }
}

/* V56｜02 局重新精品化：移除右側卷序，五卷改為器物級主視覺 */
.volume-index{
  display:none!important;
}
.section-ju{
  overflow:hidden!important;
}
.section-ju .grid-bg{
  opacity:.34!important;
}
.section-ju .center-title{
  margin-bottom:clamp(42px,5vw,76px)!important;
}
.service-gallery-v6{
  width:min(1180px,calc(100% - 84px))!important;
  gap:clamp(22px,2.2vw,38px)!important;
  align-items:start!important;
  overflow:visible!important;
  z-index:3!important;
}
.service-gallery-v6::before{
  display:none!important;
}
.service-gallery-v6 .art-card{
  min-height:342px!important;
  grid-template-rows:214px auto auto!important;
  overflow:visible!important;
  isolation:isolate!important;
  padding:0 6px!important;
  background:transparent!important;
}
.service-gallery-v6 .art-card::before{
  top:202px!important;
  height:38px!important;
  width:1px!important;
  opacity:.24!important;
  background:linear-gradient(180deg,rgba(216,190,140,.38),rgba(216,190,140,.05),transparent)!important;
  transform:translateX(-50%) scaleY(.8)!important;
}
.service-gallery-v6 .art-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:6px!important;
  width:206px!important;
  height:206px!important;
  border-radius:50%!important;
  transform:translateX(-50%)!important;
  opacity:.10!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.16),transparent 38%),
    radial-gradient(circle,transparent 0 57%,rgba(216,190,140,.18) 57.25% 57.7%,transparent 58%),
    radial-gradient(circle,transparent 0 72%,rgba(185,145,110,.14) 72.25% 72.7%,transparent 73%)!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.72,.16,1)!important;
}
.service-gallery-v6 .art-card:hover{
  transform:translateY(-3px)!important;
}
.service-gallery-v6 .art-card:hover::before{
  opacity:.58!important;
  transform:translateX(-50%) scaleY(1)!important;
}
.service-gallery-v6 .art-card:hover::after{
  opacity:.18!important;
  transform:translateX(-50%) translateY(-2px)!important;
}
.service-gallery-v6 .art-medallion{
  width:188px!important;
  height:188px!important;
  margin:0 auto 22px!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(236,228,216,.055),transparent 25%),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.74),rgba(8,6,5,.98) 72%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.34),
    inset 0 0 0 9px rgba(216,190,140,.018),
    inset 0 0 42px rgba(185,145,110,.045),
    0 22px 54px rgba(0,0,0,.62)!important;
}
.service-gallery-v6 .art-medallion::before{
  inset:-8px!important;
  border-color:rgba(216,190,140,.22)!important;
  background:none!important;
  opacity:.74!important;
}
.service-gallery-v6 .art-medallion::after{
  inset:12px!important;
  border-color:rgba(216,190,140,.16)!important;
  background:none!important;
}
.service-gallery-v6 .artifact-svg{
  opacity:.18!important;
  transform:scale(.95)!important;
  pointer-events:none!important;
}
.service-gallery-v6 .artifact-core,
.service-gallery-v6 .name-script text,
.service-gallery-v6 .feng-lines text{
  opacity:.08!important;
}
.service-gallery-v6 .vermilion-mark,
.service-gallery-v6 .name-stamp{
  opacity:.22!important;
}
.service-gallery-v6 .art-medallion .lux-symbol{
  position:absolute;
  left:50%;
  top:50%;
  z-index:5;
  width:122px;
  height:122px;
  transform:translate(-50%,-50%);
  display:block;
  color:#d8be8c;
  font-style:normal;
  pointer-events:none;
  transition:transform .7s cubic-bezier(.2,.72,.16,1),opacity .7s ease,filter .7s ease;
}
.service-gallery-v6 .art-card:hover .lux-symbol{
  transform:translate(-50%,-52%);
  filter:brightness(1.08);
}
.symbol-qimen{
  border:1px solid rgba(216,190,140,.44);
  background:
    linear-gradient(90deg,transparent 32.7%,rgba(216,190,140,.34) 33% 33.35%,transparent 33.7% 66.4%,rgba(216,190,140,.28) 66.75% 67.05%,transparent 67.4%),
    linear-gradient(0deg,transparent 32.7%,rgba(216,190,140,.34) 33% 33.35%,transparent 33.7% 66.4%,rgba(216,190,140,.28) 66.75% 67.05%,transparent 67.4%),
    radial-gradient(circle,rgba(216,190,140,.075),transparent 62%);
}
.symbol-qimen::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(236,228,216,.16);
}
.symbol-qimen::after{
  content:"局";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(236,228,216,.88);
  font-family:"Noto Serif TC",serif;
  font-size:38px;
  letter-spacing:.08em;
}
.symbol-qimen span{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(216,190,140,.78);
}
.symbol-qimen span:nth-child(1){left:50%;top:-2px;transform:translateX(-50%);}
.symbol-qimen span:nth-child(2){right:-2px;top:50%;transform:translateY(-50%);}
.symbol-qimen span:nth-child(3){left:50%;bottom:-2px;transform:translateX(-50%);}
.symbol-qimen span:nth-child(4){left:-2px;top:50%;transform:translateY(-50%);}
.art-bazi .art-medallion{
  background:
    repeating-linear-gradient(90deg,transparent 0 27px,rgba(216,190,140,.075) 27px 28px,transparent 28px 55px),
    radial-gradient(circle at 50% 42%,rgba(236,228,216,.052),transparent 25%),
    radial-gradient(circle,rgba(42,34,29,.72),rgba(8,6,5,.98) 72%)!important;
}
.symbol-bazi{
  width:132px!important;
  height:118px!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:0 5px;
}
.symbol-bazi span{
  display:grid;
  place-items:center;
  min-width:0;
  border:1px solid rgba(216,190,140,.30);
  background:
    linear-gradient(180deg,rgba(236,228,216,.055),transparent 28%,rgba(216,190,140,.05) 72%,transparent),
    rgba(23,18,15,.28);
  color:rgba(236,228,216,.76);
  font-family:"Noto Serif TC",serif;
  font-size:20px;
  writing-mode:vertical-rl;
  letter-spacing:.24em;
}
.art-ziwei .art-medallion{
  background:
    radial-gradient(circle at 34% 34%,rgba(216,190,140,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 69% 31%,rgba(216,190,140,.20) 0 1px,transparent 2px),
    radial-gradient(circle at 67% 70%,rgba(216,190,140,.23) 0 1px,transparent 2px),
    radial-gradient(circle at 41% 73%,rgba(216,190,140,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.72),rgba(8,6,5,.98) 72%)!important;
}
.symbol-ziwei{
  border:1px solid rgba(216,190,140,.26);
  border-radius:50%;
  background:
    conic-gradient(from 18deg,transparent 0 35deg,rgba(216,190,140,.18) 36deg 37deg,transparent 38deg 102deg,rgba(216,190,140,.12) 103deg 104deg,transparent 105deg),
    radial-gradient(circle,transparent 0 38%,rgba(216,190,140,.16) 38.3% 38.8%,transparent 39.2% 62%,rgba(216,190,140,.10) 62.3% 62.8%,transparent 63%);
}
.symbol-ziwei::before{
  content:"";
  position:absolute;
  inset:23px;
  border:1px solid rgba(236,228,216,.14);
}
.symbol-ziwei::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(236,228,216,.78);
  transform:translate(-50%,-50%);
}
.symbol-ziwei span{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(216,190,140,.78);
}
.symbol-ziwei span:nth-child(1){left:26px;top:30px;}
.symbol-ziwei span:nth-child(2){right:28px;top:24px;}
.symbol-ziwei span:nth-child(3){right:26px;bottom:32px;}
.symbol-ziwei span:nth-child(4){left:31px;bottom:25px;}
.symbol-ziwei span:nth-child(5){left:50%;top:13px;transform:translateX(-50%);}
.art-name .art-medallion{
  background:
    linear-gradient(116deg,transparent 0 34%,rgba(216,190,140,.08) 34.6% 35.2%,transparent 35.8%),
    linear-gradient(84deg,transparent 0 58%,rgba(216,190,140,.055) 58.4% 59%,transparent 59.6%),
    radial-gradient(circle,rgba(42,34,29,.76),rgba(8,6,5,.98) 72%)!important;
}
.symbol-name{
  display:grid!important;
  place-items:center!important;
  color:rgba(236,228,216,.86)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:70px!important;
  letter-spacing:0!important;
}
.symbol-name::before{
  content:"";
  position:absolute;
  right:11px;
  bottom:13px;
  width:23px;
  height:23px;
  border:1px solid rgba(139,46,46,.52);
  background:rgba(139,46,46,.11);
}
.symbol-name::after{
  content:"";
  position:absolute;
  left:21px;
  top:29px;
  width:78px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.42),transparent);
  transform:rotate(-18deg);
}
.art-fengshui .art-medallion{
  background:
    radial-gradient(ellipse at 50% 74%,rgba(216,190,140,.095),transparent 47%),
    linear-gradient(180deg,rgba(216,190,140,.055),transparent 32%),
    radial-gradient(circle,rgba(42,34,29,.72),rgba(8,6,5,.98) 72%)!important;
}
.symbol-fengshui{
  background:
    linear-gradient(90deg,transparent 49.5%,rgba(216,190,140,.24) 49.8% 50.2%,transparent 50.5%),
    linear-gradient(0deg,transparent 56%,rgba(216,190,140,.18) 56.4% 56.9%,transparent 57.4%);
}
.symbol-fengshui::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:35px;
  height:58px;
  border:1px solid rgba(216,190,140,.34);
  border-top:0;
  clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%);
}
.symbol-fengshui::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:22px;
  height:38px;
  border-radius:50%;
  border-top:1px solid rgba(216,190,140,.40);
  box-shadow:0 -12px 0 -11px rgba(216,190,140,.28),0 -24px 0 -23px rgba(216,190,140,.18);
}
.symbol-fengshui span{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(216,190,140,.16);
  transform:translate(-50%,-50%);
}
.symbol-fengshui span:nth-child(1){width:86px;height:86px;}
.symbol-fengshui span:nth-child(2){width:104px;height:104px;}
.symbol-fengshui span:nth-child(3){width:122px;height:122px;}
.service-gallery-v6 .art-card span{
  margin-top:0!important;
  color:rgba(236,228,216,.91)!important;
  font-size:clamp(19px,1.45vw,22px)!important;
  letter-spacing:.16em!important;
  transition:transform .65s cubic-bezier(.2,.72,.16,1),color .65s ease!important;
}
.service-gallery-v6 .art-card em{
  color:rgba(183,171,157,.68)!important;
  letter-spacing:.16em!important;
  transition:transform .65s cubic-bezier(.2,.72,.16,1),color .65s ease!important;
}
.service-gallery-v6 .art-card:hover span{
  transform:translateY(-3px)!important;
  color:rgba(244,219,181,.98)!important;
}
.service-gallery-v6 .art-card:hover em{
  transform:translateY(-2px)!important;
  color:rgba(216,190,140,.80)!important;
}
.qimen-confluence-v5{
  margin-top:2px!important;
}

@media(max-width:1180px){
  .service-gallery-v6{
    width:min(760px,calc(100% - 52px))!important;
    grid-template-columns:repeat(2,minmax(240px,1fr))!important;
    row-gap:46px!important;
  }
  .service-gallery-v6 .art-card:nth-child(5){
    grid-column:1 / -1;
  }
}

@media(max-width:640px){
  .service-gallery-v6{
    width:calc(100% - 44px)!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .service-gallery-v6 .art-card,
  .service-gallery-v6 .art-card:nth-child(5){
    grid-column:auto!important;
    min-height:318px!important;
    grid-template-rows:204px auto auto!important;
  }
  .service-gallery-v6 .art-medallion{
    width:176px!important;
    height:176px!important;
  }
  .service-gallery-v6 .art-card::after{
    width:192px!important;
    height:192px!important;
  }
  .service-gallery-v6 .art-medallion .lux-symbol{
    transform:translate(-50%,-50%) scale(.92);
  }
}

@media(prefers-reduced-motion:reduce){
  .service-gallery-v6 .art-medallion .lux-symbol,
  .service-gallery-v6 .art-card::before,
  .service-gallery-v6 .art-card::after,
  .service-gallery-v6 .art-card > span,
  .service-gallery-v6 .art-card > em{
    transition:none!important;
  }
}

/* V56b｜修正五卷內部符號 span 與服務標題樣式衝突 */
.service-gallery-v6 .art-card:nth-child(1) .art-medallion,
.service-gallery-v6 .art-card:nth-child(3) .art-medallion{
  width:188px!important;
  height:188px!important;
}
.service-gallery-v6 .art-card .lux-symbol span{
  min-height:0!important;
  margin:0!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  transform:none!important;
}
.service-gallery-v6 .art-card:hover .lux-symbol span{
  transform:none!important;
}
.service-gallery-v6 .symbol-qimen span{
  position:absolute!important;
  display:block!important;
  width:5px!important;
  height:5px!important;
  min-height:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:rgba(216,190,140,.78)!important;
  color:transparent!important;
  font-size:0!important;
}
.service-gallery-v6 .symbol-qimen span:nth-child(1){left:50%!important;top:-2px!important;transform:translateX(-50%)!important;}
.service-gallery-v6 .symbol-qimen span:nth-child(2){right:-2px!important;top:50%!important;transform:translateY(-50%)!important;}
.service-gallery-v6 .symbol-qimen span:nth-child(3){left:50%!important;bottom:-2px!important;transform:translateX(-50%)!important;}
.service-gallery-v6 .symbol-qimen span:nth-child(4){left:-2px!important;top:50%!important;transform:translateY(-50%)!important;}
.service-gallery-v6 .symbol-bazi span{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:1px solid rgba(216,190,140,.30)!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(236,228,216,.055),transparent 28%,rgba(216,190,140,.05) 72%,transparent),
    rgba(23,18,15,.28)!important;
  color:rgba(236,228,216,.76)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:20px!important;
  writing-mode:vertical-rl!important;
  letter-spacing:.24em!important;
}
.service-gallery-v6 .symbol-ziwei span{
  position:absolute!important;
  display:block!important;
  width:5px!important;
  height:5px!important;
  min-height:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:rgba(216,190,140,.78)!important;
  color:transparent!important;
  font-size:0!important;
}
.service-gallery-v6 .symbol-ziwei span:nth-child(1){left:26px!important;top:30px!important;}
.service-gallery-v6 .symbol-ziwei span:nth-child(2){right:28px!important;top:24px!important;}
.service-gallery-v6 .symbol-ziwei span:nth-child(3){right:26px!important;bottom:32px!important;}
.service-gallery-v6 .symbol-ziwei span:nth-child(4){left:31px!important;bottom:25px!important;}
.service-gallery-v6 .symbol-ziwei span:nth-child(5){left:50%!important;top:13px!important;transform:translateX(-50%)!important;}
.service-gallery-v6 .symbol-fengshui span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.16)!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  transform:translate(-50%,-50%)!important;
}
.service-gallery-v6 .symbol-fengshui span:nth-child(1){width:86px!important;height:86px!important;}
.service-gallery-v6 .symbol-fengshui span:nth-child(2){width:104px!important;height:104px!important;}
.service-gallery-v6 .symbol-fengshui span:nth-child(3){width:122px!important;height:122px!important;}

/* V56c｜降低造境舊地脈線稿，避免第五卷視覺過度複雜 */
.service-gallery-v6 .art-fengshui .artifact-svg{
  opacity:.055!important;
}
.service-gallery-v6 .art-fengshui .symbol-fengshui span{
  display:none!important;
}
.service-gallery-v6 .art-fengshui .symbol-fengshui::after{
  left:18px!important;
  right:18px!important;
  bottom:23px!important;
  height:34px!important;
  border-top-color:rgba(216,190,140,.32)!important;
  box-shadow:0 -13px 0 -12px rgba(216,190,140,.22)!important;
}

/* V57｜五卷圈內去中文：以底紋與線稿呈現東方玄學精品感 */
.service-gallery-v6 .artifact-svg text,
.service-gallery-v6 .artifact-core,
.service-gallery-v6 .name-script,
.service-gallery-v6 .name-glyph{
  display:none!important;
  opacity:0!important;
}
.service-gallery-v6 .art-medallion{
  background:
    radial-gradient(circle at 50% 40%,rgba(236,228,216,.045),transparent 25%),
    radial-gradient(circle at 50% 54%,rgba(216,190,140,.055),transparent 44%),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.70),rgba(8,6,5,.98) 72%)!important;
}
.service-gallery-v6 .art-qimen .art-medallion{
  background:
    linear-gradient(90deg,transparent 32.85%,rgba(216,190,140,.045) 33% 33.25%,transparent 33.5% 66.5%,rgba(216,190,140,.04) 66.75% 67%,transparent 67.2%),
    linear-gradient(0deg,transparent 32.85%,rgba(216,190,140,.045) 33% 33.25%,transparent 33.5% 66.5%,rgba(216,190,140,.04) 66.75% 67%,transparent 67.2%),
    radial-gradient(circle at 50% 54%,rgba(216,190,140,.06),transparent 44%),
    radial-gradient(circle,rgba(42,34,29,.72),rgba(8,6,5,.98) 72%)!important;
}
.service-gallery-v6 .symbol-qimen::after{
  content:""!important;
  display:none!important;
}
.service-gallery-v6 .symbol-qimen{
  width:118px!important;
  height:118px!important;
  border-color:rgba(216,190,140,.42)!important;
}
.service-gallery-v6 .symbol-qimen::before{
  inset:20px!important;
  border-color:rgba(236,228,216,.18)!important;
  background:
    linear-gradient(90deg,transparent 32%,rgba(216,190,140,.26) 32.5% 33%,transparent 33.5% 66%,rgba(216,190,140,.20) 66.5% 67%,transparent 67.5%),
    linear-gradient(0deg,transparent 32%,rgba(216,190,140,.26) 32.5% 33%,transparent 33.5% 66%,rgba(216,190,140,.20) 66.5% 67%,transparent 67.5%);
}
.service-gallery-v6 .symbol-qimen span{
  opacity:.74!important;
}
.service-gallery-v6 .art-bazi .art-medallion{
  background:
    repeating-linear-gradient(90deg,transparent 0 26px,rgba(216,190,140,.055) 26px 27px,transparent 27px 52px),
    linear-gradient(180deg,rgba(216,190,140,.035),transparent 38%,rgba(139,46,46,.018)),
    radial-gradient(circle,rgba(42,34,29,.72),rgba(8,6,5,.98) 72%)!important;
}
.service-gallery-v6 .symbol-bazi{
  width:128px!important;
  height:114px!important;
  gap:9px!important;
}
.service-gallery-v6 .symbol-bazi span{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(236,228,216,.035),transparent 26%,rgba(216,190,140,.045) 72%,transparent),
    rgba(23,18,15,.24)!important;
  color:transparent!important;
  font-size:0!important;
}
.service-gallery-v6 .symbol-bazi span::before,
.service-gallery-v6 .symbol-bazi span::after{
  content:"";
  position:absolute;
  left:50%;
  width:8px;
  height:1px;
  transform:translateX(-50%);
  background:rgba(216,190,140,.34);
  box-shadow:0 18px 0 rgba(216,190,140,.22),0 36px 0 rgba(216,190,140,.18);
}
.service-gallery-v6 .symbol-bazi span::before{top:18px;}
.service-gallery-v6 .symbol-bazi span::after{bottom:19px;}
.service-gallery-v6 .art-ziwei .lux-symbol{
  display:none!important;
}
.service-gallery-v6 .art-ziwei .artifact-svg{
  opacity:.62!important;
  transform:scale(1)!important;
}
.service-gallery-v6 .art-ziwei .ziwei-board rect,
.service-gallery-v6 .art-ziwei .ziwei-board path{
  stroke:rgba(216,190,140,.46)!important;
  stroke-width:.62!important;
}
.service-gallery-v6 .art-ziwei .ziwei-orbits path{
  stroke:rgba(216,190,140,.32)!important;
}
.service-gallery-v6 .art-ziwei .star{
  fill:rgba(216,190,140,.76)!important;
  opacity:.86!important;
}
.service-gallery-v6 .art-ziwei .main-star{
  fill:rgba(236,228,216,.82)!important;
  opacity:.95!important;
}
.service-gallery-v6 .art-name .art-medallion{
  background:
    linear-gradient(116deg,transparent 0 34%,rgba(216,190,140,.07) 34.6% 35.1%,transparent 35.7%),
    linear-gradient(84deg,transparent 0 58%,rgba(216,190,140,.052) 58.4% 58.9%,transparent 59.5%),
    radial-gradient(circle,rgba(42,34,29,.74),rgba(8,6,5,.98) 72%)!important;
}
.service-gallery-v6 .symbol-name{
  color:transparent!important;
  font-size:0!important;
  width:124px!important;
  height:124px!important;
  display:block!important;
}
.service-gallery-v6 .symbol-name::before{
  right:12px!important;
  bottom:14px!important;
  width:24px!important;
  height:24px!important;
  border-color:rgba(139,46,46,.46)!important;
  background:rgba(139,46,46,.09)!important;
}
.service-gallery-v6 .symbol-name::after{
  left:22px!important;
  top:30px!important;
  width:80px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.46),transparent)!important;
  transform:rotate(-18deg)!important;
}
.service-gallery-v6 .symbol-name span{
  position:absolute!important;
  display:block!important;
  min-height:0!important;
  padding:0!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.54),transparent)!important;
  color:transparent!important;
  font-size:0!important;
  border:0!important;
  transform:none!important;
}
.service-gallery-v6 .symbol-name span:nth-child(1){
  left:25px!important;
  top:60px!important;
  width:74px!important;
  height:1px!important;
  transform:rotate(14deg)!important;
}
.service-gallery-v6 .symbol-name span:nth-child(2){
  left:45px!important;
  top:36px!important;
  width:1px!important;
  height:72px!important;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.42),transparent)!important;
}
.service-gallery-v6 .symbol-name span:nth-child(3){
  right:28px!important;
  top:45px!important;
  width:1px!important;
  height:62px!important;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.30),transparent)!important;
}
.service-gallery-v6 .art-fengshui .lux-symbol{
  display:none!important;
}
.service-gallery-v6 .art-fengshui .artifact-svg{
  opacity:.64!important;
  transform:scale(1)!important;
}
.service-gallery-v6 .art-fengshui .artifact-rings circle,
.service-gallery-v6 .art-fengshui .artifact-ticks path{
  stroke:rgba(216,190,140,.24)!important;
}
.service-gallery-v6 .art-fengshui .feng-lines .fine{
  stroke:rgba(216,190,140,.30)!important;
}
.service-gallery-v6 .art-fengshui .feng-lines .plan{
  stroke:rgba(216,190,140,.58)!important;
  stroke-width:.78!important;
}
.service-gallery-v6 .art-fengshui .mountain-line{
  stroke:rgba(216,190,140,.50)!important;
  stroke-width:.72!important;
}
.service-gallery-v6 .art-ziwei .vermilion-mark,
.service-gallery-v6 .art-fengshui .vermilion-mark{
  opacity:.20!important;
}

/* V58｜姓名學改為三字格：去印章、去文字，以字形結構延伸氣場 */
.service-gallery-v6 .art-name .art-medallion{
  background:
    linear-gradient(90deg,transparent 31%,rgba(216,190,140,.045) 31.35% 31.75%,transparent 32.2% 67.8%,rgba(216,190,140,.04) 68.15% 68.55%,transparent 69%),
    linear-gradient(180deg,rgba(216,190,140,.04),transparent 34%,rgba(216,190,140,.035) 68%,transparent),
    radial-gradient(circle at 50% 52%,rgba(216,190,140,.055),transparent 44%),
    radial-gradient(circle,rgba(42,34,29,.72),rgba(8,6,5,.98) 72%)!important;
}
.service-gallery-v6 .art-name .artifact-svg{
  opacity:.30!important;
  transform:scale(.98)!important;
}
.service-gallery-v6 .art-name .name-stamp,
.service-gallery-v6 .art-name .name-script,
.service-gallery-v6 .art-name .name-glyph{
  display:none!important;
}
.service-gallery-v6 .symbol-name{
  width:132px!important;
  height:114px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  color:transparent!important;
  font-size:0!important;
  transform:translate(-50%,-50%)!important;
}
.service-gallery-v6 .art-card:hover .symbol-name{
  transform:translate(-50%,-52%)!important;
}
.service-gallery-v6 .symbol-name::before{
  content:""!important;
  position:absolute!important;
  left:-13px!important;
  right:-13px!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  height:1px!important;
  border:0!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.32),transparent)!important;
  transform:translateY(-50%)!important;
}
.service-gallery-v6 .symbol-name::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  top:18px!important;
  width:108px!important;
  height:1px!important;
  border:0!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.38),transparent)!important;
  transform:rotate(-14deg)!important;
}
.service-gallery-v6 .symbol-name span{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:1px solid rgba(216,190,140,.32)!important;
  border-radius:1px!important;
  background:
    linear-gradient(180deg,rgba(236,228,216,.035),transparent 24%,rgba(216,190,140,.045) 76%,transparent),
    rgba(23,18,15,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.018)!important;
  transform:none!important;
}
.service-gallery-v6 .symbol-name span::before,
.service-gallery-v6 .symbol-name span::after{
  content:"";
  position:absolute;
  left:50%;
  width:11px;
  height:1px;
  transform:translateX(-50%);
  background:rgba(216,190,140,.27);
}
.service-gallery-v6 .symbol-name span::before{
  top:24px;
  box-shadow:0 24px 0 rgba(216,190,140,.18);
}
.service-gallery-v6 .symbol-name span::after{
  bottom:22px;
}
.service-gallery-v6 .symbol-name span:nth-child(1),
.service-gallery-v6 .symbol-name span:nth-child(2),
.service-gallery-v6 .symbol-name span:nth-child(3){
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  background:
    linear-gradient(180deg,rgba(236,228,216,.035),transparent 24%,rgba(216,190,140,.045) 76%,transparent),
    rgba(23,18,15,.24)!important;
  transform:none!important;
}

/* V59｜姓名學三字位：三個正方形直排，細線延伸 */
.service-gallery-v6 .symbol-name{
  width:92px!important;
  height:132px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(3,34px)!important;
  gap:9px!important;
  align-items:center!important;
  justify-items:center!important;
  color:transparent!important;
  font-size:0!important;
  transform:translate(-50%,-50%)!important;
}
.service-gallery-v6 .art-card:hover .symbol-name{
  transform:translate(-50%,-52%)!important;
}
.service-gallery-v6 .symbol-name::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-8px!important;
  bottom:-8px!important;
  right:auto!important;
  width:1px!important;
  height:auto!important;
  border:0!important;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.34),rgba(216,190,140,.12),transparent)!important;
  transform:translateX(-50%)!important;
}
.service-gallery-v6 .symbol-name::after{
  content:none!important;
  display:none!important;
}
.service-gallery-v6 .symbol-name span,
.service-gallery-v6 .symbol-name span:nth-child(1),
.service-gallery-v6 .symbol-name span:nth-child(2),
.service-gallery-v6 .symbol-name span:nth-child(3){
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-height:0!important;
  padding:0!important;
  border:1px solid rgba(216,190,140,.36)!important;
  border-radius:1px!important;
  background:
    linear-gradient(135deg,rgba(236,228,216,.042),transparent 32%,rgba(216,190,140,.045) 68%,transparent),
    rgba(23,18,15,.30)!important;
  box-shadow:
    inset 0 0 0 1px rgba(236,228,216,.018),
    0 0 18px rgba(216,190,140,.025)!important;
  transform:none!important;
}
.service-gallery-v6 .symbol-name span::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  right:7px!important;
  top:50%!important;
  width:auto!important;
  height:1px!important;
  background:rgba(216,190,140,.26)!important;
  transform:translateY(-50%)!important;
  box-shadow:none!important;
}
.service-gallery-v6 .symbol-name span::after{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  bottom:7px!important;
  left:50%!important;
  width:1px!important;
  height:auto!important;
  background:rgba(216,190,140,.18)!important;
  transform:translateX(-50%)!important;
}
.service-gallery-v6 .symbol-name span:nth-child(2){
  border-color:rgba(216,190,140,.46)!important;
  background:
    linear-gradient(135deg,rgba(236,228,216,.055),transparent 32%,rgba(216,190,140,.06) 68%,transparent),
    rgba(23,18,15,.34)!important;
}

/* V60｜02 五卷 hover 改為圈內玄學微動畫：外框不斷線，內象生變 */
.service-gallery-v6 .art-card::after{
  opacity:0!important;
  transform:translateX(-50%) translateY(0)!important;
}
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after{
  opacity:.10!important;
  transform:translateX(-50%) translateY(0)!important;
}
.service-gallery-v6 .art-card:hover::before,
.service-gallery-v6 .art-card:focus-visible::before{
  opacity:.22!important;
  transform:translateX(-50%) scaleY(.84)!important;
}
.service-gallery-v6 .art-medallion{
  transition:
    transform .74s cubic-bezier(.2,.72,.16,1),
    filter .74s ease,
    box-shadow .74s ease!important;
}
.service-gallery-v6 .art-medallion::before,
.service-gallery-v6 .art-medallion::after{
  border-style:solid!important;
}
.service-gallery-v6 .art-card:hover .art-medallion,
.service-gallery-v6 .art-card:focus-visible .art-medallion{
  transform:translateY(-1px)!important;
  filter:brightness(1.07) contrast(1.025)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.44),
    inset 0 0 0 9px rgba(216,190,140,.018),
    inset 0 0 48px rgba(185,145,110,.06),
    0 24px 58px rgba(0,0,0,.60)!important;
}

.service-gallery-v6 .symbol-qimen,
.service-gallery-v6 .symbol-bazi,
.service-gallery-v6 .symbol-name{
  will-change:transform,filter;
}
.service-gallery-v6 .symbol-qimen{
  overflow:hidden!important;
}
.service-gallery-v6 .symbol-qimen::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  border:1px solid rgba(236,228,216,.46)!important;
  background:rgba(216,190,140,.22)!important;
  box-shadow:0 0 0 10px rgba(216,190,140,.025),0 0 18px rgba(216,190,140,.18)!important;
  transform:translate(-50%,-50%)!important;
  opacity:.74!important;
}
.service-gallery-v6 .art-card:hover .symbol-qimen,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen{
  animation:lggQimenPlate 5.8s cubic-bezier(.2,.72,.16,1) infinite;
}
.service-gallery-v6 .art-card:hover .symbol-qimen::before,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen::before{
  animation:lggNineGridBreathe 3.8s ease-in-out infinite;
}
.service-gallery-v6 .art-card:hover .symbol-qimen::after,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen::after{
  animation:lggCentralQi 3.2s ease-in-out infinite;
}
.service-gallery-v6 .art-card:hover .symbol-qimen span,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen span{
  animation:lggGatePulse 3.6s ease-in-out infinite;
}
.service-gallery-v6 .symbol-qimen span:nth-child(2){animation-delay:.28s!important;}
.service-gallery-v6 .symbol-qimen span:nth-child(3){animation-delay:.56s!important;}
.service-gallery-v6 .symbol-qimen span:nth-child(4){animation-delay:.84s!important;}

.service-gallery-v6 .art-card:hover .symbol-bazi span,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi span{
  animation:lggBaziSlip 4s ease-in-out infinite;
}
.service-gallery-v6 .symbol-bazi span:nth-child(2){animation-delay:.18s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3){animation-delay:.36s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4){animation-delay:.54s!important;}
.service-gallery-v6 .art-card:hover .symbol-bazi span::before,
.service-gallery-v6 .art-card:hover .symbol-bazi span::after,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi span::before,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi span::after{
  animation:lggInkTicks 3.6s ease-in-out infinite;
}

.service-gallery-v6 .art-ziwei .ziwei-board,
.service-gallery-v6 .art-ziwei .ziwei-orbits,
.service-gallery-v6 .art-ziwei .star{
  transform-box:fill-box;
  transform-origin:center;
  transition:opacity .72s ease,filter .72s ease,transform .72s cubic-bezier(.2,.72,.16,1);
}
.service-gallery-v6 .art-card:hover .ziwei-board,
.service-gallery-v6 .art-card:focus-visible .ziwei-board{
  filter:drop-shadow(0 0 8px rgba(216,190,140,.14));
  transform:scale(1.018);
}
.service-gallery-v6 .art-card:hover .ziwei-orbits,
.service-gallery-v6 .art-card:focus-visible .ziwei-orbits{
  animation:lggStarOrbit 6.4s ease-in-out infinite;
  opacity:.92;
}
.service-gallery-v6 .art-card:hover .star,
.service-gallery-v6 .art-card:focus-visible .star{
  animation:lggStarPulse 3.8s ease-in-out infinite;
}
.service-gallery-v6 .art-ziwei .star:nth-of-type(2){animation-delay:.2s!important;}
.service-gallery-v6 .art-ziwei .star:nth-of-type(3){animation-delay:.44s!important;}
.service-gallery-v6 .art-ziwei .star:nth-of-type(4){animation-delay:.68s!important;}

.service-gallery-v6 .art-card:hover .symbol-name::before,
.service-gallery-v6 .art-card:focus-visible .symbol-name::before{
  animation:lggNameAxis 3.8s ease-in-out infinite;
}
.service-gallery-v6 .art-card:hover .symbol-name span,
.service-gallery-v6 .art-card:focus-visible .symbol-name span{
  animation:lggNameSquare 4.2s ease-in-out infinite;
}
.service-gallery-v6 .symbol-name span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-name span:nth-child(2){animation-delay:.28s!important;}
.service-gallery-v6 .symbol-name span:nth-child(3){animation-delay:.56s!important;}

.service-gallery-v6 .art-fengshui .feng-lines .plan,
.service-gallery-v6 .art-fengshui .mountain-line,
.service-gallery-v6 .art-fengshui .feng-floorplan{
  transform-box:fill-box;
  transform-origin:center;
  transition:opacity .78s ease,transform .78s cubic-bezier(.2,.72,.16,1),filter .78s ease;
}
.service-gallery-v6 .feng-floorplan{
  opacity:0;
  transform:translateY(8px) scale(.92);
}
.service-gallery-v6 .feng-floorplan rect,
.service-gallery-v6 .feng-floorplan path{
  fill:none;
  stroke:rgba(216,190,140,.52);
  stroke-width:.72;
  vector-effect:non-scaling-stroke;
}
.service-gallery-v6 .feng-floorplan .floor-flow{
  stroke:rgba(216,190,140,.42);
  stroke-dasharray:88;
  stroke-dashoffset:88;
}
.service-gallery-v6 .feng-floorplan .wealth-node{
  fill:rgba(216,190,140,.78);
  stroke:rgba(236,228,216,.62);
  stroke-width:.6;
  filter:drop-shadow(0 0 7px rgba(216,190,140,.38));
  transform-box:fill-box;
  transform-origin:center;
}
.service-gallery-v6 .art-card:hover .feng-lines .plan,
.service-gallery-v6 .art-card:focus-visible .feng-lines .plan{
  opacity:.22!important;
  transform:translateY(-7px) scale(.94);
}
.service-gallery-v6 .art-card:hover .mountain-line,
.service-gallery-v6 .art-card:focus-visible .mountain-line{
  opacity:.26!important;
}
.service-gallery-v6 .art-card:hover .feng-floorplan,
.service-gallery-v6 .art-card:focus-visible .feng-floorplan{
  opacity:.98;
  transform:translateY(0) scale(1);
  filter:drop-shadow(0 0 8px rgba(216,190,140,.12));
}
.service-gallery-v6 .art-card:hover .feng-floorplan .floor-flow,
.service-gallery-v6 .art-card:focus-visible .feng-floorplan .floor-flow{
  animation:lggFloorFlow 3.8s cubic-bezier(.2,.72,.16,1) infinite;
}
.service-gallery-v6 .art-card:hover .wealth-node,
.service-gallery-v6 .art-card:focus-visible .wealth-node{
  animation:lggWealthPoint 2.6s ease-in-out infinite;
}

@keyframes lggQimenPlate{
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(1.16) drop-shadow(0 0 8px rgba(216,190,140,.10));}
}
@keyframes lggNineGridBreathe{
  0%,100%{opacity:.78;box-shadow:inset 0 0 0 rgba(216,190,140,0);}
  50%{opacity:1;box-shadow:inset 0 0 18px rgba(216,190,140,.06);}
}
@keyframes lggCentralQi{
  0%,100%{opacity:.58;transform:translate(-50%,-50%) scale(.9);}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.22);}
}
@keyframes lggGatePulse{
  0%,100%{opacity:.46;box-shadow:0 0 0 rgba(216,190,140,0);}
  50%{opacity:1;box-shadow:0 0 12px rgba(216,190,140,.28);}
}
@keyframes lggBaziSlip{
  0%,100%{border-color:rgba(216,190,140,.30);filter:brightness(1);}
  50%{border-color:rgba(216,190,140,.52);filter:brightness(1.16);}
}
@keyframes lggInkTicks{
  0%,100%{opacity:.58;}
  50%{opacity:1;}
}
@keyframes lggStarOrbit{
  0%,100%{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(1.8deg) scale(1.018);}
}
@keyframes lggStarPulse{
  0%,100%{opacity:.56;transform:scale(.92);}
  50%{opacity:1;transform:scale(1.18);}
}
@keyframes lggNameAxis{
  0%,100%{opacity:.52;filter:drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{opacity:.90;filter:drop-shadow(0 0 6px rgba(216,190,140,.16));}
}
@keyframes lggNameSquare{
  0%,100%{border-color:rgba(216,190,140,.34);box-shadow:inset 0 0 0 1px rgba(236,228,216,.018),0 0 14px rgba(216,190,140,.018);}
  50%{border-color:rgba(216,190,140,.58);box-shadow:inset 0 0 0 1px rgba(236,228,216,.03),0 0 18px rgba(216,190,140,.08);}
}
@keyframes lggFloorFlow{
  0%{stroke-dashoffset:88;opacity:.18;}
  42%,68%{stroke-dashoffset:0;opacity:.85;}
  100%{stroke-dashoffset:-88;opacity:.18;}
}
@keyframes lggWealthPoint{
  0%,100%{opacity:.62;transform:scale(.82);filter:drop-shadow(0 0 5px rgba(216,190,140,.26));}
  50%{opacity:1;transform:scale(1.34);filter:drop-shadow(0 0 14px rgba(216,190,140,.54));}
}

@media(max-width:640px){
  .service-gallery-v6 .art-card:hover::after,
  .service-gallery-v6 .art-card:focus-visible::after{
    opacity:.06!important;
  }
  .service-gallery-v6 .art-card:hover .art-medallion,
  .service-gallery-v6 .art-card:focus-visible .art-medallion{
    transform:translateY(0)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .service-gallery-v6 .art-card:hover .symbol-qimen,
  .service-gallery-v6 .art-card:hover .symbol-qimen::before,
  .service-gallery-v6 .art-card:hover .symbol-qimen::after,
  .service-gallery-v6 .art-card:hover .symbol-qimen span,
  .service-gallery-v6 .art-card:hover .symbol-bazi span,
  .service-gallery-v6 .art-card:hover .symbol-bazi span::before,
  .service-gallery-v6 .art-card:hover .symbol-bazi span::after,
  .service-gallery-v6 .art-card:hover .ziwei-orbits,
  .service-gallery-v6 .art-card:hover .star,
  .service-gallery-v6 .art-card:hover .symbol-name::before,
  .service-gallery-v6 .art-card:hover .symbol-name span,
  .service-gallery-v6 .art-card:hover .feng-floorplan .floor-flow,
  .service-gallery-v6 .art-card:hover .wealth-node{
    animation:none!important;
  }
}

/* V63｜02 hover 最終覆蓋：修正 V61 順序，讓定位型動畫正式生效 */
.service-gallery-v6 .symbol-qimen::after{
  left:36.5%!important;
  top:36.5%!important;
  width:5px!important;
  height:5px!important;
  opacity:0!important;
  border:.55px solid rgba(255,239,206,.72)!important;
  background:rgba(244,219,181,.72)!important;
  box-shadow:0 0 0 0 rgba(216,190,140,0),0 0 0 rgba(216,190,140,0)!important;
  transform:translate(-50%,-50%) scale(.62)!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  animation:lggQimenWanderingStar 4.4s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen span,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen span{
  animation:lggGatePulseRefined 4.2s ease-in-out infinite!important;
}

.service-gallery-v6 .art-bazi:hover .symbol-bazi span,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span{
  opacity:.58!important;
  border-color:rgba(216,190,140,.24)!important;
  filter:brightness(.92)!important;
  animation:none!important;
  box-shadow:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span::after{
  opacity:.45!important;
  background:rgba(216,190,140,.22)!important;
  animation:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){
  opacity:1!important;
  border-color:rgba(244,219,181,.66)!important;
  filter:brightness(1.24)!important;
  background:
    linear-gradient(180deg,rgba(244,219,181,.11),transparent 30%,rgba(216,190,140,.12) 70%,transparent),
    rgba(23,18,15,.36)!important;
  animation:lggDayPillarPulse 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::after{
  opacity:1!important;
  background:rgba(244,219,181,.58)!important;
  animation:lggDayPillarTicks 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-ziwei .art-medallion::after{
  background:
    conic-gradient(from 8deg,transparent 0 11deg,rgba(244,219,181,.18) 12deg 13deg,transparent 14deg 56deg,rgba(216,190,140,.12) 57deg 58deg,transparent 59deg 112deg,rgba(244,219,181,.14) 113deg 114deg,transparent 115deg 178deg,rgba(216,190,140,.10) 179deg 180deg,transparent 181deg),
    radial-gradient(circle,transparent 0 34%,rgba(216,190,140,.12) 34.4% 34.8%,transparent 35.3% 66%,rgba(216,190,140,.08) 66.4% 66.8%,transparent 67.3%)!important;
  opacity:.10!important;
  mask-image:radial-gradient(circle,transparent 0 18%,black 24% 70%,transparent 82%)!important;
  -webkit-mask-image:radial-gradient(circle,transparent 0 18%,black 24% 70%,transparent 82%)!important;
}
.service-gallery-v6 .art-ziwei:hover .art-medallion::after,
.service-gallery-v6 .art-ziwei:focus-visible .art-medallion::after{
  animation:lggZiweiRadialGleam 3.2s ease-in-out infinite!important;
}

.service-gallery-v6 .art-name:hover .symbol-name span,
.service-gallery-v6 .art-name:focus-visible .symbol-name span{
  border-color:rgba(216,190,140,.28)!important;
  opacity:.62!important;
  animation:none!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.012),0 0 8px rgba(216,190,140,.01)!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){
  opacity:1!important;
  border-color:rgba(244,219,181,.64)!important;
  animation:lggNameBottomSquare 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::before,
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::after,
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::before,
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::after{
  background:rgba(244,219,181,.48)!important;
}

.service-gallery-v6 .feng-floorplan .wealth-node{
  fill:rgba(255,226,154,.98)!important;
  stroke:rgba(255,245,218,.58)!important;
  stroke-width:.35!important;
  filter:drop-shadow(0 0 7px rgba(216,190,140,.54))!important;
}
.service-gallery-v6 .art-fengshui:hover .wealth-node,
.service-gallery-v6 .art-fengshui:focus-visible .wealth-node{
  animation:lggWealthNeedlePoint 2.05s ease-in-out infinite!important;
}

/* V66｜02 最終尾端覆蓋：待機呼吸與 hover 指定亮點 */
.service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  left:36.5%!important;
  top:36.5%!important;
  width:4.2px!important;
  height:4.2px!important;
  opacity:1!important;
  border:.45px solid rgba(255,246,220,.72)!important;
  background:rgba(250,224,158,.86)!important;
  animation:lggQimenPreciseSpark 2.6s ease-in-out infinite!important;
}

.service-gallery-v6 .symbol-bazi span{
  animation:lggPillarIdleBreath 8s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-bazi span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(2){animation-delay:.55s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3){animation-delay:1.1s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4){animation-delay:1.65s!important;}
.service-gallery-v6 .symbol-bazi span::before,
.service-gallery-v6 .symbol-bazi span::after{
  animation:lggPillarTicksIdle 8s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-bazi span:nth-child(1)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(1)::after{animation-delay:0s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(2)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(2)::after{animation-delay:.55s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(3)::after{animation-delay:1.1s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(4)::after{animation-delay:1.65s!important;}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span{
  animation:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){
  animation:lggDayPillarPulse 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::after{
  animation:lggDayPillarTicks 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-ziwei:hover .main-star,
.service-gallery-v6 .art-ziwei:focus-visible .main-star{
  fill:rgba(255,236,194,.98)!important;
  animation:lggZiweiMainStarIgnite 2.4s ease-in-out infinite!important;
  filter:drop-shadow(0 0 11px rgba(216,190,140,.46));
}
.service-gallery-v6 .art-ziwei:hover .ziwei-orbits circle,
.service-gallery-v6 .art-ziwei:focus-visible .ziwei-orbits circle{
  fill:rgba(250,224,158,.82)!important;
  animation:lggZiweiOrbitSparks 3.4s ease-in-out infinite!important;
}

.service-gallery-v6 .symbol-name span{
  animation:lggNameIdleBreath 7.2s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-name span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-name span:nth-child(2){animation-delay:.62s!important;}
.service-gallery-v6 .symbol-name span:nth-child(3){animation-delay:1.24s!important;}
.service-gallery-v6 .art-name:hover .symbol-name span,
.service-gallery-v6 .art-name:focus-visible .symbol-name span{
  animation:none!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){
  animation:lggNameBottomSquare 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-lines .plan{
  animation:lggFengHouseIdle 6.4s ease-in-out infinite!important;
}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .mountain-line{
  animation:lggFengVeinIdle 6.4s ease-in-out infinite!important;
}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-floorplan{
  opacity:0!important;
  transform:translateY(8px) scale(.92)!important;
}
.service-gallery-v6 .art-fengshui:hover .feng-floorplan,
.service-gallery-v6 .art-fengshui:focus-visible .feng-floorplan{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
.service-gallery-v6 .art-fengshui:hover .feng-lines .plan,
.service-gallery-v6 .art-fengshui:focus-visible .feng-lines .plan{
  opacity:.18!important;
  transform:translateY(-7px) scale(.94)!important;
}

/* V68｜02 hover 收邊：外圈保持完整，差異改由內霧與細亮點呈現 */
.service-gallery-v6 .art-card::after,
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after{
  width:210px!important;
  height:210px!important;
  top:4px!important;
  border-radius:50%!important;
  opacity:.055!important;
  transform:translateX(-50%) translateY(0)!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(244,219,181,.055),transparent 32%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.045),transparent 58%)!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  clip-path:none!important;
}
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after{
  opacity:.085!important;
}
.service-gallery-v6 .art-medallion,
.service-gallery-v6 .art-card:hover .art-medallion,
.service-gallery-v6 .art-card:focus-visible .art-medallion{
  overflow:visible!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.service-gallery-v6 .art-medallion::before,
.service-gallery-v6 .art-card:hover .art-medallion::before,
.service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-8px!important;
  border:1px solid rgba(216,190,140,.24)!important;
  border-radius:50%!important;
  background:none!important;
  opacity:.66!important;
  transform:none!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.service-gallery-v6 .art-medallion::after,
.service-gallery-v6 .art-card:hover .art-medallion::after,
.service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:10px!important;
  border:1px solid rgba(216,190,140,.15)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(244,219,181,.055),transparent 34%),
    radial-gradient(circle at 50% 50%,transparent 0 58%,rgba(216,190,140,.052) 58.2% 58.8%,transparent 59.4%)!important;
  opacity:.82!important;
  transform:none!important;
  pointer-events:none!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.service-gallery-v6 .art-card:hover .art-medallion,
.service-gallery-v6 .art-card:focus-visible .art-medallion{
  transform:translateY(-1px)!important;
  filter:brightness(1.045) contrast(1.018)!important;
  box-shadow:
    inset 0 0 0 1px rgba(244,219,181,.36),
    inset 0 0 0 9px rgba(216,190,140,.018),
    inset 0 0 46px rgba(185,145,110,.052),
    0 24px 58px rgba(0,0,0,.58),
    0 0 22px rgba(216,190,140,.035)!important;
}
.service-gallery-v6 .art-card:hover .art-medallion::before,
.service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  border-color:rgba(244,219,181,.34)!important;
  opacity:.9!important;
  box-shadow:0 0 18px rgba(216,190,140,.055)!important;
}
.service-gallery-v6 .art-card:hover .art-medallion::after,
.service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  border-color:rgba(216,190,140,.22)!important;
  opacity:.94!important;
}
.service-gallery-v6 .artifact-rings circle,
.service-gallery-v6 .art-card:hover .artifact-rings circle,
.service-gallery-v6 .art-card:focus-visible .artifact-rings circle{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  stroke-linecap:round!important;
}
.service-gallery-v6 .art-card:hover > span,
.service-gallery-v6 .art-card:focus-visible > span{
  transform:translateY(-2px)!important;
}
.service-gallery-v6 .art-card:hover > em,
.service-gallery-v6 .art-card:focus-visible > em{
  transform:translateY(-1px)!important;
}

/* V65｜02 五卷待機呼吸＋hover 指定亮點 */
.service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  left:36.5%!important;
  top:36.5%!important;
  width:4.2px!important;
  height:4.2px!important;
  opacity:1!important;
  border:.45px solid rgba(255,246,220,.72)!important;
  background:rgba(250,224,158,.86)!important;
  animation:lggQimenPreciseSpark 2.6s ease-in-out infinite!important;
}

.service-gallery-v6 .symbol-bazi span{
  animation:lggPillarIdleBreath 8s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-bazi span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(2){animation-delay:.55s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3){animation-delay:1.1s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4){animation-delay:1.65s!important;}
.service-gallery-v6 .symbol-bazi span::before,
.service-gallery-v6 .symbol-bazi span::after{
  animation:lggPillarTicksIdle 8s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-bazi span:nth-child(1)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(1)::after{animation-delay:0s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(2)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(2)::after{animation-delay:.55s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(3)::after{animation-delay:1.1s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(4)::after{animation-delay:1.65s!important;}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span{
  animation:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){
  animation:lggDayPillarPulse 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::after{
  animation:lggDayPillarTicks 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-ziwei:hover .main-star,
.service-gallery-v6 .art-ziwei:focus-visible .main-star{
  fill:rgba(255,236,194,.98)!important;
  animation:lggZiweiMainStarIgnite 2.4s ease-in-out infinite!important;
  filter:drop-shadow(0 0 11px rgba(216,190,140,.46));
}
.service-gallery-v6 .art-ziwei:hover .ziwei-orbits circle,
.service-gallery-v6 .art-ziwei:focus-visible .ziwei-orbits circle{
  fill:rgba(250,224,158,.82)!important;
  animation:lggZiweiOrbitSparks 3.4s ease-in-out infinite!important;
}

.service-gallery-v6 .symbol-name span{
  animation:lggNameIdleBreath 7.2s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-name span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-name span:nth-child(2){animation-delay:.62s!important;}
.service-gallery-v6 .symbol-name span:nth-child(3){animation-delay:1.24s!important;}
.service-gallery-v6 .art-name:hover .symbol-name span,
.service-gallery-v6 .art-name:focus-visible .symbol-name span{
  animation:none!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){
  animation:lggNameBottomSquare 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-lines .plan{
  animation:lggFengHouseIdle 6.4s ease-in-out infinite!important;
}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .mountain-line{
  animation:lggFengVeinIdle 6.4s ease-in-out infinite!important;
}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-floorplan{
  opacity:0!important;
  transform:translateY(8px) scale(.92)!important;
}
.service-gallery-v6 .art-fengshui:hover .feng-floorplan,
.service-gallery-v6 .art-fengshui:focus-visible .feng-floorplan{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
.service-gallery-v6 .art-fengshui:hover .feng-lines .plan,
.service-gallery-v6 .art-fengshui:focus-visible .feng-lines .plan{
  opacity:.18!important;
  transform:translateY(-7px) scale(.94)!important;
}

@keyframes lggQimenPreciseSpark{
  0%,100%{
    transform:translate(-50%,-50%) scale(.78);
    box-shadow:0 0 0 4px rgba(216,190,140,.018),0 0 8px rgba(216,190,140,.34);
  }
  50%{
    transform:translate(-50%,-50%) scale(1.18);
    box-shadow:0 0 0 9px rgba(216,190,140,.032),0 0 18px rgba(216,190,140,.56);
  }
}
@keyframes lggPillarIdleBreath{
  0%,14%,100%{opacity:.74;filter:brightness(1);border-color:rgba(216,190,140,.30);}
  6%{opacity:1;filter:brightness(1.15);border-color:rgba(216,190,140,.46);}
}
@keyframes lggPillarTicksIdle{
  0%,14%,100%{opacity:.50;}
  6%{opacity:.86;}
}
@keyframes lggZiweiMainStarIgnite{
  0%,100%{opacity:.78;transform:scale(.88);filter:drop-shadow(0 0 6px rgba(216,190,140,.28));}
  50%{opacity:1;transform:scale(1.34);filter:drop-shadow(0 0 18px rgba(216,190,140,.60));}
}
@keyframes lggZiweiOrbitSparks{
  0%,100%{opacity:.38;transform:scale(.82);}
  45%{opacity:1;transform:scale(1.2);}
}
@keyframes lggNameIdleBreath{
  0%,15%,100%{opacity:.70;border-color:rgba(216,190,140,.34);box-shadow:inset 0 0 0 1px rgba(236,228,216,.014),0 0 8px rgba(216,190,140,.012);}
  7%{opacity:1;border-color:rgba(216,190,140,.50);box-shadow:inset 0 0 0 1px rgba(236,228,216,.026),0 0 16px rgba(216,190,140,.075);}
}
@keyframes lggFengHouseIdle{
  0%,100%{opacity:.58;filter:drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{opacity:.86;filter:drop-shadow(0 0 7px rgba(216,190,140,.14));}
}
@keyframes lggFengVeinIdle{
  0%,100%{opacity:.38;}
  50%{opacity:.70;}
}

@media(prefers-reduced-motion:reduce){
  .service-gallery-v6 .symbol-bazi span,
  .service-gallery-v6 .symbol-bazi span::before,
  .service-gallery-v6 .symbol-bazi span::after,
  .service-gallery-v6 .symbol-name span,
  .service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-lines .plan,
  .service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .mountain-line,
  .service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
  .service-gallery-v6 .art-ziwei:hover .main-star,
  .service-gallery-v6 .art-ziwei:hover .ziwei-orbits circle{
    animation:none!important;
  }
}

/* V62｜02 hover 定位精修：星入九宮、日柱生光、紫微放射、名格末位、財位小而亮 */
.service-gallery-v6 .symbol-qimen::after{
  left:36.5%!important;
  top:36.5%!important;
  width:5px!important;
  height:5px!important;
  opacity:0!important;
  border:.55px solid rgba(255,239,206,.72)!important;
  background:rgba(244,219,181,.72)!important;
  box-shadow:0 0 0 0 rgba(216,190,140,0),0 0 0 rgba(216,190,140,0)!important;
  transform:translate(-50%,-50%) scale(.62)!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  animation:lggQimenWanderingStar 4.4s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen{
  border-color:rgba(216,190,140,.50)!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen span,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen span{
  animation:lggGatePulseRefined 4.2s ease-in-out infinite!important;
}

.service-gallery-v6 .art-bazi:hover .symbol-bazi span,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span{
  opacity:.58!important;
  border-color:rgba(216,190,140,.24)!important;
  filter:brightness(.92)!important;
  animation:none!important;
  box-shadow:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span::after{
  opacity:.45!important;
  background:rgba(216,190,140,.22)!important;
  animation:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){
  opacity:1!important;
  border-color:rgba(244,219,181,.66)!important;
  filter:brightness(1.24)!important;
  background:
    linear-gradient(180deg,rgba(244,219,181,.11),transparent 30%,rgba(216,190,140,.12) 70%,transparent),
    rgba(23,18,15,.36)!important;
  animation:lggDayPillarPulse 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::after{
  opacity:1!important;
  background:rgba(244,219,181,.58)!important;
  animation:lggDayPillarTicks 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-ziwei .art-medallion::after{
  background:
    conic-gradient(from 8deg,transparent 0 11deg,rgba(244,219,181,.18) 12deg 13deg,transparent 14deg 56deg,rgba(216,190,140,.12) 57deg 58deg,transparent 59deg 112deg,rgba(244,219,181,.14) 113deg 114deg,transparent 115deg 178deg,rgba(216,190,140,.10) 179deg 180deg,transparent 181deg),
    radial-gradient(circle,transparent 0 34%,rgba(216,190,140,.12) 34.4% 34.8%,transparent 35.3% 66%,rgba(216,190,140,.08) 66.4% 66.8%,transparent 67.3%)!important;
  opacity:.10!important;
  mask-image:radial-gradient(circle,transparent 0 18%,black 24% 70%,transparent 82%)!important;
  -webkit-mask-image:radial-gradient(circle,transparent 0 18%,black 24% 70%,transparent 82%)!important;
}
.service-gallery-v6 .art-ziwei:hover .art-medallion::after,
.service-gallery-v6 .art-ziwei:focus-visible .art-medallion::after{
  animation:lggZiweiRadialGleam 3.2s ease-in-out infinite!important;
}

.service-gallery-v6 .art-name:hover .symbol-name span,
.service-gallery-v6 .art-name:focus-visible .symbol-name span{
  border-color:rgba(216,190,140,.28)!important;
  opacity:.62!important;
  animation:none!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.012),0 0 8px rgba(216,190,140,.01)!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){
  opacity:1!important;
  border-color:rgba(244,219,181,.64)!important;
  animation:lggNameBottomSquare 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::before,
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::after,
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::before,
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::after{
  background:rgba(244,219,181,.48)!important;
}

.service-gallery-v6 .feng-floorplan .wealth-node{
  fill:rgba(255,226,154,.98)!important;
  stroke:rgba(255,245,218,.58)!important;
  stroke-width:.35!important;
  filter:drop-shadow(0 0 7px rgba(216,190,140,.54))!important;
}
.service-gallery-v6 .art-fengshui:hover .wealth-node,
.service-gallery-v6 .art-fengshui:focus-visible .wealth-node{
  animation:lggWealthNeedlePoint 2.05s ease-in-out infinite!important;
}

@keyframes lggQimenWanderingStar{
  0%,100%{left:36.5%;top:36.5%;opacity:0;transform:translate(-50%,-50%) scale(.58);box-shadow:0 0 0 0 rgba(216,190,140,0),0 0 0 rgba(216,190,140,0);}
  14%,28%{left:36.5%;top:36.5%;opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 8px rgba(216,190,140,.035),0 0 14px rgba(216,190,140,.42);}
  48%,62%{left:50%;top:36.5%;opacity:.92;transform:translate(-50%,-50%) scale(.88);box-shadow:0 0 0 6px rgba(216,190,140,.026),0 0 12px rgba(216,190,140,.28);}
  78%{left:50%;top:50%;opacity:.72;transform:translate(-50%,-50%) scale(.72);box-shadow:0 0 0 4px rgba(216,190,140,.018),0 0 8px rgba(216,190,140,.18);}
}
@keyframes lggGatePulseRefined{
  0%,100%{opacity:.54;box-shadow:0 0 0 rgba(216,190,140,0);}
  50%{opacity:.92;box-shadow:0 0 10px rgba(216,190,140,.22);}
}
@keyframes lggDayPillarPulse{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(236,228,216,.018),0 0 10px rgba(216,190,140,.035);}
  50%{box-shadow:inset 0 0 0 1px rgba(236,228,216,.05),0 0 24px rgba(216,190,140,.16);}
}
@keyframes lggDayPillarTicks{
  0%,100%{opacity:.52;}
  50%{opacity:1;}
}
@keyframes lggZiweiRadialGleam{
  0%,100%{opacity:.10;transform:rotate(0deg) scale(.98);}
  38%,58%{opacity:.42;transform:rotate(2deg) scale(1.02);}
}
@keyframes lggNameBottomSquare{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(236,228,216,.018),0 0 10px rgba(216,190,140,.035);}
  50%{box-shadow:inset 0 0 0 1px rgba(236,228,216,.052),0 0 22px rgba(216,190,140,.16);}
}
@keyframes lggWealthNeedlePoint{
  0%,100%{opacity:.78;transform:scale(.88);filter:drop-shadow(0 0 6px rgba(216,190,140,.42));}
  48%{opacity:1;transform:scale(1.32);filter:drop-shadow(0 0 17px rgba(216,190,140,.72));}
}

@media(prefers-reduced-motion:reduce){
  .service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
  .service-gallery-v6 .art-qimen:hover .symbol-qimen span,
  .service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
  .service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
  .service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
  .service-gallery-v6 .art-ziwei:hover .art-medallion::after,
  .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
  .service-gallery-v6 .art-fengshui:hover .wealth-node{
    animation:none!important;
  }
}

/* V61｜02 hover 明確化：去除風水弧線，五卷改為可感知的圈內生光 */
.service-gallery-v6 .feng-floorplan .floor-flow{
  display:none!important;
}
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after{
  opacity:.045!important;
}

.service-gallery-v6 .art-card:hover .symbol-qimen,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen{
  animation:lggQimenPlateStrong 3.8s ease-in-out infinite!important;
  border-color:rgba(216,190,140,.62)!important;
}
.service-gallery-v6 .art-card:hover .symbol-qimen::before,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen::before{
  animation:lggNineGridBreatheStrong 3.2s ease-in-out infinite!important;
  border-color:rgba(236,228,216,.24)!important;
}
.service-gallery-v6 .art-card:hover .symbol-qimen::after,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen::after{
  width:12px!important;
  height:12px!important;
  background:rgba(244,219,181,.54)!important;
  border-color:rgba(244,219,181,.76)!important;
  animation:lggCentralQiStrong 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-card:hover .symbol-qimen span,
.service-gallery-v6 .art-card:focus-visible .symbol-qimen span{
  background:rgba(244,219,181,.92)!important;
  animation:lggGatePulseStrong 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-card:hover .symbol-bazi,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi{
  filter:drop-shadow(0 0 9px rgba(216,190,140,.10));
}
.service-gallery-v6 .art-card:hover .symbol-bazi span,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi span{
  border-color:rgba(216,190,140,.52)!important;
  background:
    linear-gradient(180deg,rgba(244,219,181,.08),transparent 30%,rgba(216,190,140,.08) 70%,transparent),
    rgba(23,18,15,.32)!important;
  animation:lggBaziSlipStrong 3.2s ease-in-out infinite!important;
}
.service-gallery-v6 .art-card:hover .symbol-bazi span::before,
.service-gallery-v6 .art-card:hover .symbol-bazi span::after,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi span::before,
.service-gallery-v6 .art-card:focus-visible .symbol-bazi span::after{
  background:rgba(244,219,181,.50)!important;
  animation:lggInkTicksStrong 2.8s ease-in-out infinite!important;
}

.service-gallery-v6 .art-ziwei:hover .artifact-svg,
.service-gallery-v6 .art-ziwei:focus-visible .artifact-svg{
  filter:drop-shadow(0 0 10px rgba(216,190,140,.10));
}
.service-gallery-v6 .art-card:hover .ziwei-board rect,
.service-gallery-v6 .art-card:hover .ziwei-board path,
.service-gallery-v6 .art-card:focus-visible .ziwei-board rect,
.service-gallery-v6 .art-card:focus-visible .ziwei-board path{
  stroke:rgba(216,190,140,.62)!important;
}
.service-gallery-v6 .art-card:hover .ziwei-orbits,
.service-gallery-v6 .art-card:focus-visible .ziwei-orbits{
  animation:lggStarOrbitStrong 4.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-card:hover .ziwei-orbits path,
.service-gallery-v6 .art-card:focus-visible .ziwei-orbits path{
  stroke:rgba(244,219,181,.46)!important;
}
.service-gallery-v6 .art-card:hover .star,
.service-gallery-v6 .art-card:focus-visible .star{
  fill:rgba(244,219,181,.96)!important;
  animation:lggStarPulseStrong 2.6s ease-in-out infinite!important;
}

.service-gallery-v6 .art-card:hover .symbol-name::before,
.service-gallery-v6 .art-card:focus-visible .symbol-name::before{
  background:linear-gradient(180deg,transparent,rgba(244,219,181,.62),rgba(216,190,140,.22),transparent)!important;
  animation:lggNameAxisStrong 3s ease-in-out infinite!important;
}
.service-gallery-v6 .art-card:hover .symbol-name span,
.service-gallery-v6 .art-card:focus-visible .symbol-name span{
  border-color:rgba(216,190,140,.62)!important;
  animation:lggNameSquareStrong 3.4s ease-in-out infinite!important;
}
.service-gallery-v6 .art-card:hover .symbol-name span::before,
.service-gallery-v6 .art-card:hover .symbol-name span::after,
.service-gallery-v6 .art-card:focus-visible .symbol-name span::before,
.service-gallery-v6 .art-card:focus-visible .symbol-name span::after{
  background:rgba(244,219,181,.38)!important;
}

.service-gallery-v6 .feng-floorplan .wealth-node{
  fill:rgba(250,218,146,.96)!important;
  stroke:rgba(255,239,206,.86)!important;
  stroke-width:.8!important;
  filter:drop-shadow(0 0 10px rgba(216,190,140,.50))!important;
}
.service-gallery-v6 .art-card:hover .feng-floorplan,
.service-gallery-v6 .art-card:focus-visible .feng-floorplan{
  opacity:1!important;
  filter:drop-shadow(0 0 12px rgba(216,190,140,.16))!important;
}
.service-gallery-v6 .art-card:hover .feng-floorplan rect,
.service-gallery-v6 .art-card:hover .feng-floorplan path,
.service-gallery-v6 .art-card:focus-visible .feng-floorplan rect,
.service-gallery-v6 .art-card:focus-visible .feng-floorplan path{
  stroke:rgba(244,219,181,.66)!important;
}
.service-gallery-v6 .art-card:hover .wealth-node,
.service-gallery-v6 .art-card:focus-visible .wealth-node{
  animation:lggWealthPointStrong 1.9s ease-in-out infinite!important;
}

@keyframes lggQimenPlateStrong{
  0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{filter:brightness(1.22) drop-shadow(0 0 12px rgba(216,190,140,.16));}
}
@keyframes lggNineGridBreatheStrong{
  0%,100%{opacity:.74;box-shadow:inset 0 0 0 rgba(216,190,140,0);}
  50%{opacity:1;box-shadow:inset 0 0 24px rgba(216,190,140,.10);}
}
@keyframes lggCentralQiStrong{
  0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(.84);box-shadow:0 0 0 8px rgba(216,190,140,.025),0 0 12px rgba(216,190,140,.22);}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 15px rgba(216,190,140,.035),0 0 24px rgba(216,190,140,.42);}
}
@keyframes lggGatePulseStrong{
  0%,100%{opacity:.58;box-shadow:0 0 0 rgba(216,190,140,0);}
  50%{opacity:1;box-shadow:0 0 16px rgba(216,190,140,.36);}
}
@keyframes lggBaziSlipStrong{
  0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 1px rgba(236,228,216,.018),0 0 0 rgba(216,190,140,0);}
  50%{filter:brightness(1.24);box-shadow:inset 0 0 0 1px rgba(236,228,216,.04),0 0 18px rgba(216,190,140,.08);}
}
@keyframes lggInkTicksStrong{
  0%,100%{opacity:.46;}
  50%{opacity:1;}
}
@keyframes lggStarOrbitStrong{
  0%,100%{transform:rotate(0deg) scale(1);opacity:.72;}
  50%{transform:rotate(2.8deg) scale(1.028);opacity:1;}
}
@keyframes lggStarPulseStrong{
  0%,100%{opacity:.58;transform:scale(.82);}
  50%{opacity:1;transform:scale(1.34);}
}
@keyframes lggNameAxisStrong{
  0%,100%{opacity:.52;filter:drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{opacity:1;filter:drop-shadow(0 0 10px rgba(216,190,140,.20));}
}
@keyframes lggNameSquareStrong{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(236,228,216,.018),0 0 10px rgba(216,190,140,.02);}
  50%{box-shadow:inset 0 0 0 1px rgba(236,228,216,.04),0 0 22px rgba(216,190,140,.12);}
}
@keyframes lggWealthPointStrong{
  0%,100%{opacity:.78;transform:scale(.84);filter:drop-shadow(0 0 8px rgba(216,190,140,.42));}
  50%{opacity:1;transform:scale(1.42);filter:drop-shadow(0 0 20px rgba(216,190,140,.78));}
}

@media(prefers-reduced-motion:reduce){
  .service-gallery-v6 .art-card:hover .symbol-qimen,
  .service-gallery-v6 .art-card:hover .symbol-qimen::before,
  .service-gallery-v6 .art-card:hover .symbol-qimen::after,
  .service-gallery-v6 .art-card:hover .symbol-qimen span,
  .service-gallery-v6 .art-card:hover .symbol-bazi span,
  .service-gallery-v6 .art-card:hover .symbol-bazi span::before,
  .service-gallery-v6 .art-card:hover .symbol-bazi span::after,
  .service-gallery-v6 .art-card:hover .ziwei-orbits,
  .service-gallery-v6 .art-card:hover .star,
  .service-gallery-v6 .art-card:hover .symbol-name::before,
  .service-gallery-v6 .art-card:hover .symbol-name span,
  .service-gallery-v6 .art-card:hover .wealth-node{
    animation:none!important;
  }
}

/* V64｜02 hover 尾端鎖定：覆蓋舊 V61，保留使用者指定亮點位置 */
.service-gallery-v6 .symbol-qimen::after{
  left:36.5%!important;
  top:36.5%!important;
  width:5px!important;
  height:5px!important;
  opacity:0!important;
  border:.55px solid rgba(255,239,206,.72)!important;
  background:rgba(244,219,181,.72)!important;
  box-shadow:0 0 0 0 rgba(216,190,140,0),0 0 0 rgba(216,190,140,0)!important;
  transform:translate(-50%,-50%) scale(.62)!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  animation:lggQimenWanderingStar 4.4s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.service-gallery-v6 .art-qimen:hover .symbol-qimen span,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen span{
  animation:lggGatePulseRefined 4.2s ease-in-out infinite!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span{
  opacity:.58!important;
  border-color:rgba(216,190,140,.24)!important;
  filter:brightness(.92)!important;
  animation:none!important;
  box-shadow:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span::after{
  opacity:.45!important;
  background:rgba(216,190,140,.22)!important;
  animation:none!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){
  opacity:1!important;
  border-color:rgba(244,219,181,.66)!important;
  filter:brightness(1.24)!important;
  background:
    linear-gradient(180deg,rgba(244,219,181,.11),transparent 30%,rgba(216,190,140,.12) 70%,transparent),
    rgba(23,18,15,.36)!important;
  animation:lggDayPillarPulse 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::after{
  opacity:1!important;
  background:rgba(244,219,181,.58)!important;
  animation:lggDayPillarTicks 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-ziwei .art-medallion::after{
  background:
    conic-gradient(from 8deg,transparent 0 11deg,rgba(244,219,181,.18) 12deg 13deg,transparent 14deg 56deg,rgba(216,190,140,.12) 57deg 58deg,transparent 59deg 112deg,rgba(244,219,181,.14) 113deg 114deg,transparent 115deg 178deg,rgba(216,190,140,.10) 179deg 180deg,transparent 181deg),
    radial-gradient(circle,transparent 0 34%,rgba(216,190,140,.12) 34.4% 34.8%,transparent 35.3% 66%,rgba(216,190,140,.08) 66.4% 66.8%,transparent 67.3%)!important;
  opacity:.10!important;
  mask-image:radial-gradient(circle,transparent 0 18%,black 24% 70%,transparent 82%)!important;
  -webkit-mask-image:radial-gradient(circle,transparent 0 18%,black 24% 70%,transparent 82%)!important;
}
.service-gallery-v6 .art-ziwei:hover .art-medallion::after,
.service-gallery-v6 .art-ziwei:focus-visible .art-medallion::after{
  animation:lggZiweiRadialGleam 3.2s ease-in-out infinite!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span,
.service-gallery-v6 .art-name:focus-visible .symbol-name span{
  border-color:rgba(216,190,140,.28)!important;
  opacity:.62!important;
  animation:none!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.012),0 0 8px rgba(216,190,140,.01)!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){
  opacity:1!important;
  border-color:rgba(244,219,181,.64)!important;
  animation:lggNameBottomSquare 2.8s ease-in-out infinite!important;
}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::before,
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::after,
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::before,
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::after{
  background:rgba(244,219,181,.48)!important;
}
.service-gallery-v6 .feng-floorplan .wealth-node{
  fill:rgba(255,226,154,.98)!important;
  stroke:rgba(255,245,218,.58)!important;
  stroke-width:.35!important;
  filter:drop-shadow(0 0 7px rgba(216,190,140,.54))!important;
}
.service-gallery-v6 .art-fengshui:hover .wealth-node,
.service-gallery-v6 .art-fengshui:focus-visible .wealth-node{
  animation:lggWealthNeedlePoint 2.05s ease-in-out infinite!important;
}
/* V67｜02 真正尾端覆蓋：待機呼吸與 hover 指定亮點 */
.service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  left:36.5%!important;
  top:36.5%!important;
  width:4.2px!important;
  height:4.2px!important;
  opacity:1!important;
  border:.45px solid rgba(255,246,220,.72)!important;
  background:rgba(250,224,158,.86)!important;
  animation:lggQimenPreciseSpark 2.6s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-bazi span{animation:lggPillarIdleBreath 8s ease-in-out infinite!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(2){animation-delay:.55s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3){animation-delay:1.1s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4){animation-delay:1.65s!important;}
.service-gallery-v6 .symbol-bazi span::before,
.service-gallery-v6 .symbol-bazi span::after{animation:lggPillarTicksIdle 8s ease-in-out infinite!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(1)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(1)::after{animation-delay:0s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(2)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(2)::after{animation-delay:.55s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(3)::after{animation-delay:1.1s!important;}
.service-gallery-v6 .symbol-bazi span:nth-child(4)::before,
.service-gallery-v6 .symbol-bazi span:nth-child(4)::after{animation-delay:1.65s!important;}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span{animation:none!important;}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){animation:lggDayPillarPulse 2.8s ease-in-out infinite!important;}
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3)::after,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::before,
.service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3)::after{animation:lggDayPillarTicks 2.8s ease-in-out infinite!important;}
.service-gallery-v6 .art-ziwei:hover .main-star,
.service-gallery-v6 .art-ziwei:focus-visible .main-star{
  fill:rgba(255,236,194,.98)!important;
  animation:lggZiweiMainStarIgnite 2.4s ease-in-out infinite!important;
  filter:drop-shadow(0 0 11px rgba(216,190,140,.46));
}
.service-gallery-v6 .art-ziwei:hover .ziwei-orbits circle,
.service-gallery-v6 .art-ziwei:focus-visible .ziwei-orbits circle{
  fill:rgba(250,224,158,.82)!important;
  animation:lggZiweiOrbitSparks 3.4s ease-in-out infinite!important;
}
.service-gallery-v6 .symbol-name span{animation:lggNameIdleBreath 7.2s ease-in-out infinite!important;}
.service-gallery-v6 .symbol-name span:nth-child(1){animation-delay:0s!important;}
.service-gallery-v6 .symbol-name span:nth-child(2){animation-delay:.62s!important;}
.service-gallery-v6 .symbol-name span:nth-child(3){animation-delay:1.24s!important;}
.service-gallery-v6 .art-name:hover .symbol-name span,
.service-gallery-v6 .art-name:focus-visible .symbol-name span{animation:none!important;}
.service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){animation:lggNameBottomSquare 2.8s ease-in-out infinite!important;}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-lines .plan{animation:lggFengHouseIdle 6.4s ease-in-out infinite!important;}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .mountain-line{animation:lggFengVeinIdle 6.4s ease-in-out infinite!important;}
.service-gallery-v6 .art-fengshui:not(:hover):not(:focus-visible) .feng-floorplan{
  opacity:0!important;
  transform:translateY(8px) scale(.92)!important;
}
.service-gallery-v6 .art-fengshui:hover .feng-floorplan,
.service-gallery-v6 .art-fengshui:focus-visible .feng-floorplan{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
.service-gallery-v6 .art-fengshui:hover .feng-lines .plan,
.service-gallery-v6 .art-fengshui:focus-visible .feng-lines .plan{
  opacity:.18!important;
  transform:translateY(-7px) scale(.94)!important;
}

/* V69｜02 hover 最終收邊：完整金環，不再出現上緣破損感 */
.service-gallery-v6 .art-card::after,
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after{
  width:210px!important;
  height:210px!important;
  top:4px!important;
  border-radius:50%!important;
  opacity:.055!important;
  transform:translateX(-50%) translateY(0)!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(244,219,181,.055),transparent 32%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.045),transparent 58%)!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  clip-path:none!important;
}
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after{
  opacity:.085!important;
}
.service-gallery-v6 .art-medallion,
.service-gallery-v6 .art-card:hover .art-medallion,
.service-gallery-v6 .art-card:focus-visible .art-medallion{
  overflow:visible!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.service-gallery-v6 .art-medallion::before,
.service-gallery-v6 .art-card:hover .art-medallion::before,
.service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-8px!important;
  border:1px solid rgba(216,190,140,.24)!important;
  border-radius:50%!important;
  background:none!important;
  opacity:.66!important;
  transform:none!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.service-gallery-v6 .art-medallion::after,
.service-gallery-v6 .art-card:hover .art-medallion::after,
.service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:10px!important;
  border:1px solid rgba(216,190,140,.15)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(244,219,181,.055),transparent 34%),
    radial-gradient(circle at 50% 50%,transparent 0 58%,rgba(216,190,140,.052) 58.2% 58.8%,transparent 59.4%)!important;
  opacity:.82!important;
  transform:none!important;
  pointer-events:none!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.service-gallery-v6 .art-card:hover .art-medallion,
.service-gallery-v6 .art-card:focus-visible .art-medallion{
  transform:translateY(-1px)!important;
  filter:brightness(1.045) contrast(1.018)!important;
  box-shadow:
    inset 0 0 0 1px rgba(244,219,181,.36),
    inset 0 0 0 9px rgba(216,190,140,.018),
    inset 0 0 46px rgba(185,145,110,.052),
    0 24px 58px rgba(0,0,0,.58),
    0 0 22px rgba(216,190,140,.035)!important;
}
.service-gallery-v6 .art-card:hover .art-medallion::before,
.service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  border-color:rgba(244,219,181,.34)!important;
  opacity:.9!important;
  box-shadow:0 0 18px rgba(216,190,140,.055)!important;
}
.service-gallery-v6 .art-card:hover .art-medallion::after,
.service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  border-color:rgba(216,190,140,.22)!important;
  opacity:.94!important;
}
.service-gallery-v6 .artifact-rings circle,
.service-gallery-v6 .art-card:hover .artifact-rings circle,
.service-gallery-v6 .art-card:focus-visible .artifact-rings circle{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  stroke-linecap:round!important;
}
.service-gallery-v6 .art-card:hover > span,
.service-gallery-v6 .art-card:focus-visible > span{
  transform:translateY(-2px)!important;
}
.service-gallery-v6 .art-card:hover > em,
.service-gallery-v6 .art-card:focus-visible > em{
  transform:translateY(-1px)!important;
}

/* V70｜02 外圈淨化：移除分段弧形，只保留乾淨圓底與內部玄學動畫 */
.service-gallery-v6 .art-card::after,
.service-gallery-v6 .art-card:hover::after,
.service-gallery-v6 .art-card:focus-visible::after,
.service-gallery-v6 .art-medallion::before,
.service-gallery-v6 .art-medallion::after,
.service-gallery-v6 .art-card:hover .art-medallion::before,
.service-gallery-v6 .art-card:hover .art-medallion::after,
.service-gallery-v6 .art-card:focus-visible .art-medallion::before,
.service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.service-gallery-v6 .artifact-disc,
.service-gallery-v6 .artifact-rings{
  opacity:0!important;
  stroke:transparent!important;
  fill:transparent!important;
}
.service-gallery-v6 .art-medallion{
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(244,219,181,.045),transparent 32%),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.64),rgba(7,5,4,.98) 72%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.30),
    inset 0 0 0 9px rgba(216,190,140,.012),
    inset 0 0 42px rgba(185,145,110,.042),
    0 20px 52px rgba(0,0,0,.58)!important;
}
.service-gallery-v6 .art-card:hover .art-medallion,
.service-gallery-v6 .art-card:focus-visible .art-medallion{
  transform:translateY(-1px)!important;
  filter:brightness(1.045) contrast(1.015)!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(244,219,181,.068),transparent 34%),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.66),rgba(7,5,4,.98) 72%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(244,219,181,.40),
    inset 0 0 0 9px rgba(216,190,140,.014),
    inset 0 0 48px rgba(185,145,110,.06),
    0 24px 58px rgba(0,0,0,.60),
    0 0 18px rgba(216,190,140,.035)!important;
}
.service-gallery-v6 .artifact-svg{
  overflow:visible!important;
}

/* V71｜02 裁切解除：五卷器物不可套用卷軸 reveal 遮罩 */
.section-ju .service-gallery-v6,
.section-ju .service-gallery-v6.reveal,
.section-ju .service-gallery-v6.reveal.in{
  opacity:1!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  filter:none!important;
}
.section-ju .service-gallery-v6 .art-card,
.section-ju .service-gallery-v6.reveal.in .art-card{
  opacity:1!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  animation:none!important;
}
.section-ju .service-gallery-v6 .art-medallion,
.section-ju .service-gallery-v6 .artifact-svg,
.section-ju .service-gallery-v6 .lux-symbol{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}

/* V72｜02 五卷精修：內圈、hover 繞行光點與五卷各自呼吸 */
.section-ju .service-gallery-v6{
  --lgg-orbit-radius:72px;
  --lgg-point-fill:rgba(255,236,194,.96);
  --lgg-point-stroke:rgba(255,248,224,.70);
  --lgg-point-glow:rgba(216,190,140,.46);
}
.section-ju .service-gallery-v6 .art-medallion::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:21px!important;
  border:1px solid rgba(216,190,140,.22)!important;
  border-radius:50%!important;
  opacity:.82!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 56%,rgba(216,190,140,.055) 56.5% 57%,transparent 57.5%),
    radial-gradient(circle at 50% 45%,rgba(244,219,181,.035),transparent 34%)!important;
  box-shadow:
    inset 0 0 22px rgba(216,190,140,.025),
    0 0 12px rgba(216,190,140,.018)!important;
}
.section-ju .service-gallery-v6 .art-medallion::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  border:.45px solid var(--lgg-point-stroke)!important;
  background:var(--lgg-point-fill)!important;
  opacity:0!important;
  pointer-events:none!important;
  box-shadow:
    0 0 0 5px rgba(216,190,140,.018),
    0 0 10px var(--lgg-point-glow)!important;
  transform:rotate(-90deg) translateX(var(--lgg-orbit-radius)) translate(-50%,-50%)!important;
  transform-origin:0 0!important;
  z-index:5!important;
}
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  opacity:1!important;
  animation:lggMedallionOrbitPoint 6.8s linear infinite!important;
}
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::after,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  border-color:rgba(244,219,181,.34)!important;
  opacity:.98!important;
  box-shadow:
    inset 0 0 26px rgba(216,190,140,.04),
    0 0 16px rgba(216,190,140,.035)!important;
}

.section-ju .service-gallery-v6 .symbol-qimen{
  width:124px!important;
  height:124px!important;
  border-color:rgba(216,190,140,.30)!important;
  background:
    linear-gradient(90deg,transparent 32.8%,rgba(216,190,140,.12) 33.1% 33.4%,transparent 33.8% 66.1%,rgba(216,190,140,.10) 66.5% 66.8%,transparent 67.2%),
    linear-gradient(0deg,transparent 32.8%,rgba(216,190,140,.12) 33.1% 33.4%,transparent 33.8% 66.1%,rgba(216,190,140,.10) 66.5% 66.8%,transparent 67.2%)!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.018)!important;
  animation:lggQimenTunnelBase 7.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .symbol-qimen::before{
  inset:12px!important;
  border:1px solid rgba(216,190,140,.24)!important;
  background:
    linear-gradient(90deg,transparent 32.7%,rgba(244,219,181,.22) 33% 33.35%,transparent 33.8% 66.1%,rgba(216,190,140,.16) 66.5% 66.85%,transparent 67.2%),
    linear-gradient(0deg,transparent 32.7%,rgba(244,219,181,.22) 33% 33.35%,transparent 33.8% 66.1%,rgba(216,190,140,.16) 66.5% 66.85%,transparent 67.2%)!important;
  box-shadow:
    inset 0 0 0 10px rgba(216,190,140,.012),
    inset 0 0 0 24px rgba(216,190,140,.008)!important;
  animation:lggQimenGridDepth 5.6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .symbol-qimen span{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(216,190,140,.16)!important;
  border-radius:1px!important;
  background:
    linear-gradient(90deg,transparent 32.5%,rgba(216,190,140,.16) 33% 33.35%,transparent 33.8% 66%,rgba(216,190,140,.12) 66.5% 66.85%,transparent 67.25%),
    linear-gradient(0deg,transparent 32.5%,rgba(216,190,140,.16) 33% 33.35%,transparent 33.8% 66%,rgba(216,190,140,.12) 66.5% 66.85%,transparent 67.25%)!important;
  opacity:.48!important;
  transform:translate(-50%,-50%) scale(1)!important;
  animation:lggQimenLayerBreath 6.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .symbol-qimen span:nth-child(1){inset:18px!important;animation-delay:0s!important;}
.section-ju .service-gallery-v6 .symbol-qimen span:nth-child(2){inset:30px!important;animation-delay:.35s!important;}
.section-ju .service-gallery-v6 .symbol-qimen span:nth-child(3){inset:42px!important;animation-delay:.70s!important;}
.section-ju .service-gallery-v6 .symbol-qimen span:nth-child(4){inset:54px!important;animation-delay:1.05s!important;}
.section-ju .service-gallery-v6 .symbol-qimen::after,
.section-ju .service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.section-ju .service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  content:""!important;
  display:block!important;
  left:28.5%!important;
  top:29.5%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  border:.45px solid var(--lgg-point-stroke)!important;
  background:var(--lgg-point-fill)!important;
  opacity:.86!important;
  box-shadow:
    0 0 0 5px rgba(216,190,140,.018),
    0 0 10px var(--lgg-point-glow)!important;
  transform:translate(-50%,-50%) scale(.92)!important;
  animation:lggUnifiedPointPulse 2.8s ease-in-out infinite!important;
}

.section-ju .service-gallery-v6 .symbol-bazi{
  width:132px!important;
  height:116px!important;
  gap:8px!important;
}
.section-ju .service-gallery-v6 .symbol-bazi::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:50%!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.28),transparent)!important;
  opacity:.42!important;
}
.section-ju .service-gallery-v6 .symbol-bazi::after{
  content:""!important;
  position:absolute!important;
  left:61.5%!important;
  top:24%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  border:.45px solid var(--lgg-point-stroke)!important;
  background:var(--lgg-point-fill)!important;
  opacity:0!important;
  box-shadow:
    0 0 0 5px rgba(216,190,140,.018),
    0 0 10px var(--lgg-point-glow)!important;
  transform:translate(-50%,-50%) scale(.8)!important;
}
.section-ju .service-gallery-v6 .symbol-bazi span{
  border-color:rgba(216,190,140,.30)!important;
  background:
    linear-gradient(180deg,rgba(244,219,181,.045),transparent 23%,rgba(216,190,140,.045) 72%,transparent),
    linear-gradient(90deg,transparent 45%,rgba(216,190,140,.10) 48% 52%,transparent 55%),
    rgba(23,18,15,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.014)!important;
  animation:lggBaziColumnBreath 8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .symbol-bazi span:nth-child(1){animation-delay:0s!important;}
.section-ju .service-gallery-v6 .symbol-bazi span:nth-child(2){animation-delay:.45s!important;}
.section-ju .service-gallery-v6 .symbol-bazi span:nth-child(3){animation-delay:.90s!important;}
.section-ju .service-gallery-v6 .symbol-bazi span:nth-child(4){animation-delay:1.35s!important;}
.section-ju .service-gallery-v6 .art-bazi:hover .symbol-bazi::after,
.section-ju .service-gallery-v6 .art-bazi:focus-visible .symbol-bazi::after{
  opacity:1!important;
  animation:lggUnifiedPointPulse 2.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-bazi:hover .symbol-bazi span:nth-child(3),
.section-ju .service-gallery-v6 .art-bazi:focus-visible .symbol-bazi span:nth-child(3){
  border-color:rgba(244,219,181,.58)!important;
  filter:brightness(1.20)!important;
  box-shadow:
    inset 0 0 0 1px rgba(236,228,216,.035),
    0 0 18px rgba(216,190,140,.11)!important;
}

.section-ju .service-gallery-v6 .art-ziwei .artifact-svg{
  opacity:.70!important;
  overflow:visible!important;
}
.section-ju .service-gallery-v6 .art-ziwei .ziwei-board .fine{
  stroke:rgba(216,190,140,.40)!important;
  stroke-width:.56!important;
  stroke-dasharray:86 24!important;
  stroke-dashoffset:0!important;
  animation:lggZiweiXBreath 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-ziwei:hover .ziwei-board .fine,
.section-ju .service-gallery-v6 .art-ziwei:focus-visible .ziwei-board .fine{
  animation:lggZiweiXExtend 3.6s ease-in-out infinite!important;
  stroke:rgba(244,219,181,.62)!important;
}
.section-ju .service-gallery-v6 .art-ziwei .main-star{
  r:2.2px!important;
  fill:var(--lgg-point-fill)!important;
  stroke:var(--lgg-point-stroke)!important;
  stroke-width:.45!important;
  filter:drop-shadow(0 0 9px var(--lgg-point-glow))!important;
}

.section-ju .service-gallery-v6 .symbol-name{
  width:92px!important;
  height:132px!important;
  display:grid!important;
  grid-template-rows:repeat(3,34px)!important;
  gap:9px!important;
  transform:translate(-50%,-50%)!important;
}
.section-ju .service-gallery-v6 .symbol-name::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-10px!important;
  bottom:-10px!important;
  width:1px!important;
  height:auto!important;
  border:0!important;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.36),rgba(216,190,140,.13),transparent)!important;
  opacity:.68!important;
  transform:translateX(-50%)!important;
}
.section-ju .service-gallery-v6 .symbol-name::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:85%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  border:.45px solid var(--lgg-point-stroke)!important;
  background:var(--lgg-point-fill)!important;
  opacity:0!important;
  box-shadow:
    0 0 0 5px rgba(216,190,140,.018),
    0 0 10px var(--lgg-point-glow)!important;
  transform:translate(-50%,-50%) scale(.8)!important;
}
.section-ju .service-gallery-v6 .symbol-name span,
.section-ju .service-gallery-v6 .symbol-name span:nth-child(1),
.section-ju .service-gallery-v6 .symbol-name span:nth-child(2),
.section-ju .service-gallery-v6 .symbol-name span:nth-child(3){
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(216,190,140,.34)!important;
  border-radius:1px!important;
  background:
    linear-gradient(135deg,rgba(236,228,216,.040),transparent 30%,rgba(216,190,140,.055) 70%,transparent),
    rgba(23,18,15,.28)!important;
  transform:none!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.014)!important;
  animation:lggNameSealBreath 7.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .symbol-name span:nth-child(1){animation-delay:0s!important;}
.section-ju .service-gallery-v6 .symbol-name span:nth-child(2){animation-delay:.55s!important;}
.section-ju .service-gallery-v6 .symbol-name span:nth-child(3){animation-delay:1.10s!important;}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name::before{
  animation:lggNameBrushLine 2.9s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name::after{
  opacity:1!important;
  animation:lggUnifiedPointPulse 2.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3),
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3){
  border-color:rgba(244,219,181,.58)!important;
  box-shadow:
    inset 0 0 0 1px rgba(236,228,216,.035),
    0 0 18px rgba(216,190,140,.11)!important;
}

.section-ju .service-gallery-v6 .feng-floorplan .wealth-node,
.section-ju .service-gallery-v6 .art-fengshui:hover .wealth-node,
.section-ju .service-gallery-v6 .art-fengshui:focus-visible .wealth-node{
  r:2px!important;
  fill:var(--lgg-point-fill)!important;
  stroke:var(--lgg-point-stroke)!important;
  stroke-width:.45!important;
  filter:drop-shadow(0 0 9px var(--lgg-point-glow))!important;
}
.section-ju .service-gallery-v6 .art-fengshui:hover .wealth-node,
.section-ju .service-gallery-v6 .art-fengshui:focus-visible .wealth-node{
  animation:lggSvgPointPulse 2.8s ease-in-out infinite!important;
}

@keyframes lggMedallionOrbitPoint{
  0%{opacity:.18;transform:rotate(-90deg) translateX(var(--lgg-orbit-radius)) translate(-50%,-50%) scale(.78);}
  10%,88%{opacity:1;}
  100%{opacity:.18;transform:rotate(270deg) translateX(var(--lgg-orbit-radius)) translate(-50%,-50%) scale(.78);}
}
@keyframes lggUnifiedPointPulse{
  0%,100%{opacity:.78;transform:translate(-50%,-50%) scale(.82);box-shadow:0 0 0 4px rgba(216,190,140,.016),0 0 8px var(--lgg-point-glow);}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 7px rgba(216,190,140,.026),0 0 14px rgba(216,190,140,.58);}
}
@keyframes lggSvgPointPulse{
  0%,100%{opacity:.78;transform:scale(.82);filter:drop-shadow(0 0 8px var(--lgg-point-glow));}
  50%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(216,190,140,.58));}
}
@keyframes lggQimenTunnelBase{
  0%,100%{filter:brightness(1);transform:translate(-50%,-50%) scale(1);}
  50%{filter:brightness(1.12);transform:translate(-50%,-50%) scale(.992);}
}
@keyframes lggQimenGridDepth{
  0%,100%{opacity:.82;transform:scale(1);}
  50%{opacity:1;transform:scale(.90);}
}
@keyframes lggQimenLayerBreath{
  0%,100%{opacity:.32;filter:brightness(.95);}
  42%{opacity:.74;filter:brightness(1.24);}
  64%{opacity:.42;filter:brightness(1);}
}
@keyframes lggBaziColumnBreath{
  0%,16%,100%{opacity:.66;filter:brightness(.96);}
  7%{opacity:1;filter:brightness(1.16);}
}
@keyframes lggZiweiXBreath{
  0%,100%{opacity:.42;stroke-dashoffset:0;filter:drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{opacity:.82;stroke-dashoffset:-18;filter:drop-shadow(0 0 8px rgba(216,190,140,.16));}
}
@keyframes lggZiweiXExtend{
  0%,100%{opacity:.58;stroke-dashoffset:22;filter:drop-shadow(0 0 4px rgba(216,190,140,.16));}
  50%{opacity:1;stroke-dashoffset:-42;filter:drop-shadow(0 0 12px rgba(216,190,140,.34));}
}
@keyframes lggNameSealBreath{
  0%,16%,100%{opacity:.72;filter:brightness(.96);}
  7%{opacity:1;filter:brightness(1.16);}
}
@keyframes lggNameBrushLine{
  0%,100%{opacity:.44;transform:translateX(-50%) scaleY(.75);filter:drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{opacity:1;transform:translateX(-50%) scaleY(1.05);filter:drop-shadow(0 0 10px rgba(216,190,140,.22));}
}

@media(prefers-reduced-motion:reduce){
  .section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
  .section-ju .service-gallery-v6 .symbol-qimen,
  .section-ju .service-gallery-v6 .symbol-qimen::before,
  .section-ju .service-gallery-v6 .symbol-qimen span,
  .section-ju .service-gallery-v6 .symbol-bazi span,
  .section-ju .service-gallery-v6 .art-ziwei .ziwei-board .fine,
  .section-ju .service-gallery-v6 .symbol-name span,
  .section-ju .service-gallery-v6 .art-name:hover .symbol-name::before,
  .section-ju .service-gallery-v6 .art-name:hover .symbol-name::after,
  .section-ju .service-gallery-v6 .art-fengshui:hover .wealth-node{
    animation:none!important;
  }
}

/* V73｜02 奇門修正：只留框架，左上移動的是光點，不是格子 */
.section-ju .service-gallery-v6 .art-qimen .art-medallion{
  background:
    radial-gradient(circle at 50% 42%,rgba(244,219,181,.034),transparent 32%),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.58),rgba(7,5,4,.98) 72%)!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen{
  width:124px!important;
  height:124px!important;
  border:1px solid rgba(216,190,140,.34)!important;
  background:
    linear-gradient(90deg,transparent 33%,rgba(216,190,140,.20) 33.15% 33.35%,transparent 33.55% 66.45%,rgba(216,190,140,.16) 66.65% 66.85%,transparent 67%),
    linear-gradient(0deg,transparent 33%,rgba(216,190,140,.20) 33.15% 33.35%,transparent 33.55% 66.45%,rgba(216,190,140,.16) 66.65% 66.85%,transparent 67%)!important;
  box-shadow:inset 0 0 0 1px rgba(236,228,216,.010)!important;
  animation:lggQimenFrameworkBreath 7.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(216,190,140,.22)!important;
  border-radius:1px!important;
  background:
    linear-gradient(90deg,transparent 33%,rgba(216,190,140,.18) 33.15% 33.35%,transparent 33.55% 66.45%,rgba(216,190,140,.13) 66.65% 66.85%,transparent 67%),
    linear-gradient(0deg,transparent 33%,rgba(216,190,140,.18) 33.15% 33.35%,transparent 33.55% 66.45%,rgba(216,190,140,.13) 66.65% 66.85%,transparent 67%)!important;
  opacity:.72!important;
  box-shadow:none!important;
  transform:none!important;
  animation:lggQimenInnerFrameBreath 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span,
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(1),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(2),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(3),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(4){
  position:absolute!important;
  display:block!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:translate(-50%,-50%)!important;
  animation:none!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen::after,
.section-ju .service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.section-ju .service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:28.5%!important;
  top:29.5%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  border:.45px solid var(--lgg-point-stroke)!important;
  background:var(--lgg-point-fill)!important;
  opacity:.88!important;
  box-shadow:
    0 0 0 5px rgba(216,190,140,.018),
    0 0 10px var(--lgg-point-glow)!important;
  transform:translate(-50%,-50%) scale(.92)!important;
  animation:lggUnifiedPointPulse 2.8s ease-in-out infinite!important;
}

@keyframes lggQimenFrameworkBreath{
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(1.10);}
}
@keyframes lggQimenInnerFrameBreath{
  0%,100%{opacity:.56;transform:scale(1);}
  50%{opacity:.82;transform:scale(.965);}
}

/* V74｜02 五卷呼吸微增強：奇門光點改為 hover，八字光點校正 */
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen{
  border-color:rgba(216,190,140,.42)!important;
  background:
    linear-gradient(90deg,transparent 32.8%,rgba(216,190,140,.25) 33.05% 33.38%,transparent 33.75% 66.08%,rgba(216,190,140,.20) 66.48% 66.82%,transparent 67.18%),
    linear-gradient(0deg,transparent 32.8%,rgba(216,190,140,.25) 33.05% 33.38%,transparent 33.75% 66.08%,rgba(216,190,140,.20) 66.48% 66.82%,transparent 67.18%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(236,228,216,.018),
    0 0 14px rgba(216,190,140,.035)!important;
  animation:lggQimenFrameworkBreathV74 6.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen::before{
  inset:15px!important;
  border-color:rgba(216,190,140,.30)!important;
  background:
    linear-gradient(90deg,transparent 32.8%,rgba(216,190,140,.22) 33.05% 33.38%,transparent 33.75% 66.08%,rgba(216,190,140,.17) 66.48% 66.82%,transparent 67.18%),
    linear-gradient(0deg,transparent 32.8%,rgba(216,190,140,.22) 33.05% 33.38%,transparent 33.75% 66.08%,rgba(216,190,140,.17) 66.48% 66.82%,transparent 67.18%)!important;
  animation:lggQimenInnerFrameBreathV74 5.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span,
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(1),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(2),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(3),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(4){
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid rgba(216,190,140,.18)!important;
  border-radius:1px!important;
  background:
    linear-gradient(90deg,transparent 33%,rgba(216,190,140,.14) 33.18% 33.42%,transparent 33.7% 66.25%,rgba(216,190,140,.11) 66.55% 66.78%,transparent 67%),
    linear-gradient(0deg,transparent 33%,rgba(216,190,140,.14) 33.18% 33.42%,transparent 33.7% 66.25%,rgba(216,190,140,.11) 66.55% 66.78%,transparent 67%)!important;
  box-shadow:none!important;
  opacity:.44!important;
  transform:translate(-50%,-50%) scale(1)!important;
  animation:lggQimenLineDepthV74 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(1){width:94px!important;height:94px!important;animation-delay:0s!important;}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(2){width:76px!important;height:76px!important;animation-delay:.35s!important;}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(3){width:58px!important;height:58px!important;animation-delay:.70s!important;}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(4){width:40px!important;height:40px!important;animation-delay:1.05s!important;}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen::after{
  left:27.8%!important;
  top:28.8%!important;
  width:4px!important;
  height:4px!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.76)!important;
  animation:none!important;
  transition:opacity .55s ease, transform .55s ease!important;
}
.section-ju .service-gallery-v6 .art-qimen:hover .symbol-qimen::after,
.section-ju .service-gallery-v6 .art-qimen:focus-visible .symbol-qimen::after{
  opacity:1!important;
  transform:translate(-50%,-50%) scale(.96)!important;
  animation:lggUnifiedPointPulse 2.8s ease-in-out infinite!important;
}

.section-ju .service-gallery-v6 .symbol-bazi::before{
  opacity:.52!important;
}
.section-ju .service-gallery-v6 .symbol-bazi::after{
  left:62.45%!important;
  top:24.5%!important;
  width:3.8px!important;
  height:3.8px!important;
}
.section-ju .service-gallery-v6 .symbol-bazi span{
  border-color:rgba(216,190,140,.35)!important;
  animation:lggBaziColumnBreathV74 7.4s ease-in-out infinite!important;
}

.section-ju .service-gallery-v6 .art-ziwei .ziwei-board .fine{
  stroke:rgba(216,190,140,.46)!important;
  animation:lggZiweiXBreathV74 6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-ziwei:hover .ziwei-board .fine,
.section-ju .service-gallery-v6 .art-ziwei:focus-visible .ziwei-board .fine{
  stroke:rgba(244,219,181,.70)!important;
}

.section-ju .service-gallery-v6 .symbol-name span,
.section-ju .service-gallery-v6 .symbol-name span:nth-child(1),
.section-ju .service-gallery-v6 .symbol-name span:nth-child(2),
.section-ju .service-gallery-v6 .symbol-name span:nth-child(3){
  border-color:rgba(216,190,140,.39)!important;
  animation:lggNameSealBreathV74 6.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .symbol-name span:nth-child(1){animation-delay:0s!important;}
.section-ju .service-gallery-v6 .symbol-name span:nth-child(2){animation-delay:.55s!important;}
.section-ju .service-gallery-v6 .symbol-name span:nth-child(3){animation-delay:1.10s!important;}

.section-ju .service-gallery-v6 .art-fengshui .feng-floorplan{
  opacity:.82!important;
  transform-origin:110px 110px!important;
  animation:lggFengPlanBreathV74 7.2s ease-in-out infinite!important;
}

@keyframes lggQimenFrameworkBreathV74{
  0%,100%{filter:brightness(1);transform:translate(-50%,-50%) scale(1);}
  50%{filter:brightness(1.18);transform:translate(-50%,-50%) scale(.99);}
}
@keyframes lggQimenInnerFrameBreathV74{
  0%,100%{opacity:.64;transform:scale(1);}
  50%{opacity:.94;transform:scale(.92);}
}
@keyframes lggQimenLineDepthV74{
  0%,100%{opacity:.28;filter:brightness(.96);transform:translate(-50%,-50%) scale(1.04);}
  48%{opacity:.72;filter:brightness(1.26);transform:translate(-50%,-50%) scale(.90);}
}
@keyframes lggBaziColumnBreathV74{
  0%,18%,100%{opacity:.72;filter:brightness(1);}
  8%{opacity:1;filter:brightness(1.24);}
}
@keyframes lggZiweiXBreathV74{
  0%,100%{opacity:.50;stroke-dashoffset:0;filter:drop-shadow(0 0 0 rgba(216,190,140,0));}
  50%{opacity:.94;stroke-dashoffset:-22;filter:drop-shadow(0 0 10px rgba(216,190,140,.22));}
}
@keyframes lggNameSealBreathV74{
  0%,18%,100%{opacity:.76;filter:brightness(1);}
  8%{opacity:1;filter:brightness(1.23);}
}
@keyframes lggFengPlanBreathV74{
  0%,100%{opacity:.74;filter:brightness(1);}
  50%{opacity:1;filter:brightness(1.16);}
}

/* V75｜02 奇門定位修正：內層九宮固定置中，避免被 inset 推到右上 */
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span,
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(1),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(2),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(3),
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(4){
  position:absolute!important;
  display:block!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid rgba(216,190,140,.18)!important;
  border-radius:1px!important;
  background:
    linear-gradient(90deg,transparent 33%,rgba(216,190,140,.14) 33.18% 33.42%,transparent 33.7% 66.25%,rgba(216,190,140,.11) 66.55% 66.78%,transparent 67%),
    linear-gradient(0deg,transparent 33%,rgba(216,190,140,.14) 33.18% 33.42%,transparent 33.7% 66.25%,rgba(216,190,140,.11) 66.55% 66.78%,transparent 67%)!important;
  box-shadow:none!important;
  opacity:.44!important;
  transform:translate(-50%,-50%) scale(1)!important;
  animation:lggQimenLineDepthV75 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(1){
  width:94px!important;
  height:94px!important;
  animation-delay:0s!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(2){
  width:76px!important;
  height:76px!important;
  animation-delay:.35s!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(3){
  width:58px!important;
  height:58px!important;
  animation-delay:.70s!important;
}
.section-ju .service-gallery-v6 .art-qimen .symbol-qimen span:nth-child(4){
  width:40px!important;
  height:40px!important;
  animation-delay:1.05s!important;
}

@keyframes lggQimenLineDepthV75{
  0%,100%{opacity:.28;filter:brightness(.96);transform:translate(-50%,-50%) scale(1.04);}
  48%{opacity:.72;filter:brightness(1.26);transform:translate(-50%,-50%) scale(.90);}
}

/* V76｜02 姓名 hover 精修：三格拆字、細金筆畫與落名光點 */
.section-ju .service-gallery-v6 .art-name .symbol-name{
  --name-stroke:rgba(244,219,181,.66);
  --name-stroke-soft:rgba(216,190,140,.24);
}
.section-ju .service-gallery-v6 .art-name .symbol-name span,
.section-ju .service-gallery-v6 .art-name .symbol-name span:nth-child(1),
.section-ju .service-gallery-v6 .art-name .symbol-name span:nth-child(2),
.section-ju .service-gallery-v6 .art-name .symbol-name span:nth-child(3){
  overflow:hidden!important;
  isolation:isolate!important;
}
.section-ju .service-gallery-v6 .art-name .symbol-name span::before,
.section-ju .service-gallery-v6 .art-name .symbol-name span::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(90deg,transparent,var(--name-stroke),var(--name-stroke-soft),transparent)!important;
  filter:drop-shadow(0 0 8px rgba(216,190,140,.16))!important;
}
.section-ju .service-gallery-v6 .art-name .symbol-name span::before{
  left:7px!important;
  right:7px!important;
  top:50%!important;
  height:1px!important;
  transform:translateY(-50%) scaleX(.12)!important;
  transform-origin:left center!important;
}
.section-ju .service-gallery-v6 .art-name .symbol-name span::after{
  top:7px!important;
  bottom:7px!important;
  left:50%!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,var(--name-stroke),var(--name-stroke-soft),transparent)!important;
  transform:translateX(-50%) scaleY(.12)!important;
  transform-origin:center top!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span{
  border-color:rgba(244,219,181,.62)!important;
  box-shadow:
    inset 0 0 0 1px rgba(236,228,216,.036),
    0 0 18px rgba(216,190,140,.10)!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span::before{
  animation:lggNameBuildHorizontal 1.9s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span::after{
  animation:lggNameBuildVertical 1.9s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(1)::before,
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(1)::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(1)::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(1)::after{
  animation-delay:0s!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(2)::before,
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(2)::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(2)::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(2)::after{
  animation-delay:.18s!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::before,
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::after{
  animation-delay:.36s!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name::before{
  background:
    linear-gradient(180deg,transparent,rgba(244,219,181,.64),rgba(216,190,140,.18),transparent)!important;
  filter:drop-shadow(0 0 12px rgba(216,190,140,.24))!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name::after{
  top:84.5%!important;
  width:3.8px!important;
  height:3.8px!important;
  box-shadow:
    0 0 0 5px rgba(216,190,140,.018),
    0 0 12px rgba(216,190,140,.52)!important;
}

@keyframes lggNameBuildHorizontal{
  0%,100%{opacity:0;transform:translateY(-50%) scaleX(.12);}
  18%{opacity:.42;}
  52%{opacity:1;transform:translateY(-50%) scaleX(1);}
  78%{opacity:.58;transform:translateY(-50%) scaleX(.72);}
}
@keyframes lggNameBuildVertical{
  0%,100%{opacity:0;transform:translateX(-50%) scaleY(.12);}
  24%{opacity:.38;}
  58%{opacity:1;transform:translateX(-50%) scaleY(1);}
  82%{opacity:.54;transform:translateX(-50%) scaleY(.72);}
}

/* V77｜02 姓名修正：恢復三格常駐十字，hover 再生成細金筆畫 */
.section-ju .service-gallery-v6 .art-name .symbol-name span,
.section-ju .service-gallery-v6 .art-name .symbol-name span:nth-child(1),
.section-ju .service-gallery-v6 .art-name .symbol-name span:nth-child(2),
.section-ju .service-gallery-v6 .art-name .symbol-name span:nth-child(3){
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(216,190,140,.40)!important;
  background:
    linear-gradient(135deg,rgba(236,228,216,.040),transparent 30%,rgba(216,190,140,.055) 70%,transparent),
    rgba(23,18,15,.28)!important;
}
.section-ju .service-gallery-v6 .art-name .symbol-name span::before,
.section-ju .service-gallery-v6 .art-name .symbol-name span::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.54!important;
  filter:drop-shadow(0 0 5px rgba(216,190,140,.10))!important;
}
.section-ju .service-gallery-v6 .art-name .symbol-name span::before{
  left:8px!important;
  right:8px!important;
  top:50%!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.48),rgba(236,228,216,.30),transparent)!important;
  transform:translateY(-50%) scaleX(.74)!important;
  transform-origin:center!important;
}
.section-ju .service-gallery-v6 .art-name .symbol-name span::after{
  top:8px!important;
  bottom:8px!important;
  left:50%!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(216,190,140,.48),rgba(236,228,216,.30),transparent)!important;
  transform:translateX(-50%) scaleY(.74)!important;
  transform-origin:center!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span::before{
  opacity:1!important;
  background:linear-gradient(90deg,transparent,rgba(244,219,181,.78),rgba(216,190,140,.34),transparent)!important;
  animation:lggNameBuildHorizontalV77 2s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span::after{
  opacity:1!important;
  background:linear-gradient(180deg,transparent,rgba(244,219,181,.78),rgba(216,190,140,.34),transparent)!important;
  animation:lggNameBuildVerticalV77 2s cubic-bezier(.2,.72,.16,1) infinite!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(1)::before,
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(1)::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(1)::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(1)::after{
  animation-delay:0s!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(2)::before,
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(2)::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(2)::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(2)::after{
  animation-delay:.18s!important;
}
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::before,
.section-ju .service-gallery-v6 .art-name:hover .symbol-name span:nth-child(3)::after,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::before,
.section-ju .service-gallery-v6 .art-name:focus-visible .symbol-name span:nth-child(3)::after{
  animation-delay:.36s!important;
}

@keyframes lggNameBuildHorizontalV77{
  0%,100%{transform:translateY(-50%) scaleX(.56);opacity:.62;}
  48%{transform:translateY(-50%) scaleX(1);opacity:1;}
  76%{transform:translateY(-50%) scaleX(.82);opacity:.74;}
}
@keyframes lggNameBuildVerticalV77{
  0%,100%{transform:translateX(-50%) scaleY(.56);opacity:.62;}
  54%{transform:translateX(-50%) scaleY(1);opacity:1;}
  80%{transform:translateX(-50%) scaleY(.82);opacity:.74;}
}

/* V78｜02 五卷外圈 hover 繞行光點 */
.section-ju .service-gallery-v6{
  --lgg-outer-orbit-radius:92px;
}
.section-ju .service-gallery-v6 .art-card .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:3.4px!important;
  height:3.4px!important;
  border:.45px solid rgba(255,248,224,.82)!important;
  border-radius:50%!important;
  background:rgba(255,236,194,.96)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:30!important;
  box-shadow:
    0 0 0 4px rgba(216,190,140,.014),
    0 0 11px rgba(216,190,140,.54),
    0 0 20px rgba(216,190,140,.16)!important;
  transform-origin:0 0!important;
  transform:rotate(-86deg) translateX(var(--lgg-outer-orbit-radius)) translate(-50%,-50%)!important;
}
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  opacity:1!important;
  animation:lggOuterOrbitPointV78 5.8s linear infinite!important;
}
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::after,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::after{
  border-color:rgba(244,219,181,.38)!important;
  box-shadow:
    inset 0 0 24px rgba(216,190,140,.042),
    0 0 16px rgba(216,190,140,.042)!important;
}

@keyframes lggOuterOrbitPointV78{
  0%{
    opacity:.08;
    transform:rotate(-86deg) translateX(var(--lgg-outer-orbit-radius)) translate(-50%,-50%) scale(.78);
  }
  8%,92%{opacity:1;}
  100%{
    opacity:.08;
    transform:rotate(274deg) translateX(var(--lgg-outer-orbit-radius)) translate(-50%,-50%) scale(.78);
  }
}

/* V79｜02 外圈光點改為軌道旋轉，避免 transform important 壓住動畫 */
@property --lgg-orbit-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:-86deg;
}
.section-ju .service-gallery-v6 .art-card .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  --lgg-orbit-angle:-86deg;
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:198px!important;
  height:198px!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 3px,rgba(255,248,224,.98) 0 1.45px,rgba(255,236,194,.88) 1.55px 2.15px,transparent 2.35px),
    radial-gradient(circle at 50% 3px,rgba(216,190,140,.42) 0 4.6px,rgba(216,190,140,.12) 4.8px 8px,transparent 8.4px)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:30!important;
  box-shadow:none!important;
  transform-origin:center center!important;
  transform:translate(-50%,-50%) rotate(var(--lgg-orbit-angle))!important;
}
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  opacity:1!important;
  animation:lggOuterOrbitSpinV79 5.8s linear infinite!important;
}

@keyframes lggOuterOrbitSpinV79{
  0%{--lgg-orbit-angle:-86deg;}
  100%{--lgg-orbit-angle:274deg;}
}

/* V80｜02 紫微 X 線修正：取消 dash 切段，改用完整線呼吸 */
.section-ju .service-gallery-v6 .art-ziwei .ziwei-board .fine{
  stroke:rgba(216,190,140,.48)!important;
  stroke-width:.62!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggZiweiXBreathV80 5.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 .art-ziwei:hover .ziwei-board .fine,
.section-ju .service-gallery-v6 .art-ziwei:focus-visible .ziwei-board .fine{
  stroke:rgba(244,219,181,.72)!important;
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  animation:lggZiweiXHoverV80 3.2s ease-in-out infinite!important;
}

@keyframes lggZiweiXBreathV80{
  0%,100%{
    opacity:.58;
    stroke-width:.58;
    filter:drop-shadow(0 0 0 rgba(216,190,140,0));
  }
  50%{
    opacity:.96;
    stroke-width:.68;
    filter:drop-shadow(0 0 8px rgba(216,190,140,.20));
  }
}
@keyframes lggZiweiXHoverV80{
  0%,100%{
    opacity:.70;
    stroke-width:.62;
    filter:drop-shadow(0 0 4px rgba(216,190,140,.16));
  }
  50%{
    opacity:1;
    stroke-width:.76;
    filter:drop-shadow(0 0 12px rgba(216,190,140,.34));
  }
}

/* V81｜02 外圈繞行光點修正：加大旋轉畫布，避免光暈被自身裁切 */
.section-ju .service-gallery-v6 .art-card .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  width:212px!important;
  height:212px!important;
  background:
    radial-gradient(circle at 50% 13px,rgba(255,248,224,.98) 0 1.45px,rgba(255,236,194,.88) 1.55px 2.15px,transparent 2.35px),
    radial-gradient(circle at 50% 13px,rgba(216,190,140,.44) 0 4.4px,rgba(216,190,140,.13) 4.9px 8.5px,transparent 9.4px)!important;
  overflow:visible!important;
}

/* V82｜02 外圈光點軌道統一：五卷同一外框與同一圓心半徑 */
.section-ju .service-gallery-v6 .art-card .art-medallion,
.section-ju .service-gallery-v6 .art-card:hover .art-medallion,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion,
.section-ju .service-gallery-v6 .art-card:nth-child(1) .art-medallion,
.section-ju .service-gallery-v6 .art-card:nth-child(3) .art-medallion,
.section-ju .service-gallery-v6 .art-name .art-medallion,
.section-ju .service-gallery-v6 .paper-medallion,
.section-ju .service-gallery-v6 .name-seal-art{
  width:188px!important;
  height:188px!important;
  min-width:188px!important;
  min-height:188px!important;
  max-width:188px!important;
  max-height:188px!important;
  border-radius:50%!important;
  overflow:visible!important;
}
.section-ju .service-gallery-v6 .art-card .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:hover .art-medallion::before,
.section-ju .service-gallery-v6 .art-card:focus-visible .art-medallion::before{
  width:226px!important;
  height:226px!important;
  left:50%!important;
  top:50%!important;
  transform-origin:center center!important;
  transform:translate(-50%,-50%) rotate(var(--lgg-orbit-angle))!important;
  background:
    radial-gradient(circle at 50% 19px,rgba(255,248,224,.98) 0 1.45px,rgba(255,236,194,.88) 1.55px 2.15px,transparent 2.35px),
    radial-gradient(circle at 50% 19px,rgba(216,190,140,.44) 0 4.4px,rgba(216,190,140,.13) 4.9px 8.5px,transparent 9.4px)!important;
}

/* V83｜02 終卷入口重設：五卷星河匯入奇門時空盤 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5{
  display:block!important;
  position:relative!important;
  width:min(1120px,100%)!important;
  min-height:390px!important;
  height:390px!important;
  margin:74px auto 0!important;
  padding:0!important;
  border:0!important;
  background:
    radial-gradient(ellipse at 50% 28%,rgba(216,190,140,.075),transparent 34%),
    radial-gradient(ellipse at 50% 58%,rgba(139,46,46,.045),transparent 34%),
    linear-gradient(180deg,transparent,rgba(23,18,15,.20) 42%,transparent)!important;
  color:var(--paper)!important;
  overflow:visible!important;
  cursor:pointer!important;
  text-align:center!important;
  letter-spacing:0!important;
  isolation:isolate!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:22px!important;
  width:154px!important;
  height:154px!important;
  border:1px solid rgba(216,190,140,.34)!important;
  border-radius:50%!important;
  background:
    linear-gradient(90deg,transparent 32.8%,rgba(216,190,140,.16) 33.1% 33.35%,transparent 33.7% 66.1%,rgba(216,190,140,.13) 66.5% 66.75%,transparent 67.1%),
    linear-gradient(0deg,transparent 32.8%,rgba(216,190,140,.16) 33.1% 33.35%,transparent 33.7% 66.1%,rgba(216,190,140,.13) 66.5% 66.75%,transparent 67.1%),
    conic-gradient(from 22deg,transparent 0 26deg,rgba(216,190,140,.16) 27deg 28deg,transparent 29deg 70deg,rgba(216,190,140,.10) 71deg 72deg,transparent 73deg 116deg,rgba(216,190,140,.14) 117deg 118deg,transparent 119deg),
    radial-gradient(circle,rgba(236,228,216,.13) 0 2px,transparent 3px),
    radial-gradient(circle,transparent 0 34%,rgba(216,190,140,.20) 34.4% 34.9%,transparent 35.5% 57%,rgba(216,190,140,.12) 57.5% 58%,transparent 58.5%),
    radial-gradient(circle at 50% 50%,rgba(42,34,29,.62),rgba(7,5,4,.92) 72%)!important;
  box-shadow:
    inset 0 0 0 10px rgba(216,190,140,.014),
    inset 0 0 36px rgba(216,190,140,.035),
    0 0 40px rgba(216,190,140,.050)!important;
  transform:translateX(-50%)!important;
  animation:lggConfluenceDiskV83 13s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:82px!important;
  width:min(760px,86vw)!important;
  height:178px!important;
  border:0!important;
  background:
    radial-gradient(ellipse at 50% 10%,rgba(216,190,140,.105),transparent 36%),
    radial-gradient(ellipse at 50% 72%,rgba(216,190,140,.045),transparent 52%)!important;
  opacity:.72!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span{
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:96px!important;
  width:clamp(170px,24vw,335px)!important;
  height:1px!important;
  border:0!important;
  opacity:.78!important;
  background:
    linear-gradient(90deg,transparent,rgba(216,190,140,.08) 12%,rgba(216,190,140,.46) 56%,rgba(244,219,181,.78),transparent)!important;
  background-size:220% 100%!important;
  box-shadow:0 0 12px rgba(216,190,140,.09)!important;
  transform-origin:100% 50%!important;
  animation:lggConfluenceStreamV83 5.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span::after{
  content:""!important;
  position:absolute!important;
  right:4px!important;
  top:50%!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:rgba(255,236,194,.94)!important;
  opacity:.74!important;
  box-shadow:0 0 9px rgba(216,190,140,.44)!important;
  transform:translateY(-50%)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(1){
  transform:translateX(calc(-100% - 48px)) rotate(18deg)!important;
  animation-delay:0s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(2){
  transform:translateX(calc(-100% - 54px)) rotate(7deg)!important;
  animation-delay:.38s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(3){
  width:clamp(120px,16vw,220px)!important;
  top:56px!important;
  transform:translateX(-50%) rotate(90deg)!important;
  transform-origin:50% 50%!important;
  animation-delay:.76s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(4){
  transform-origin:0 50%!important;
  transform:translateX(48px) rotate(-7deg)!important;
  background:
    linear-gradient(270deg,transparent,rgba(216,190,140,.08) 12%,rgba(216,190,140,.46) 56%,rgba(244,219,181,.78),transparent)!important;
  animation-delay:1.14s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(5){
  transform-origin:0 50%!important;
  transform:translateX(48px) rotate(-18deg)!important;
  background:
    linear-gradient(270deg,transparent,rgba(216,190,140,.08) 12%,rgba(216,190,140,.46) 56%,rgba(244,219,181,.78),transparent)!important;
  animation-delay:1.52s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 em,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:min(900px,92vw)!important;
  margin:0!important;
  text-align:center!important;
  font-family:"Noto Serif TC","Noto Serif",serif!important;
  font-weight:400!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
  top:198px!important;
  bottom:auto!important;
  color:rgba(216,190,140,.86)!important;
  font-size:17px!important;
  line-height:1.5!important;
  letter-spacing:.26em!important;
  text-shadow:0 0 18px rgba(216,190,140,.14)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b::before{
  content:none!important;
  display:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
  top:242px!important;
  color:rgba(236,228,216,.94)!important;
  font-size:clamp(32px,4.2vw,58px)!important;
  line-height:1.32!important;
  letter-spacing:.08em!important;
  text-shadow:0 0 28px rgba(216,190,140,.10)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
  top:322px!important;
  color:rgba(183,171,157,.86)!important;
  font-size:19px!important;
  line-height:1.6!important;
  letter-spacing:.18em!important;
  font-style:normal!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  top:358px!important;
  width:auto!important;
  color:rgba(216,190,140,.92)!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  padding-top:18px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:190px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.36),transparent)!important;
  transform:translateX(-50%)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5:hover::before,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5:focus-visible::before{
  border-color:rgba(244,219,181,.48)!important;
  box-shadow:
    inset 0 0 0 10px rgba(216,190,140,.018),
    inset 0 0 42px rgba(216,190,140,.052),
    0 0 48px rgba(216,190,140,.080)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5:hover span,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5:focus-visible span{
  opacity:1!important;
  filter:brightness(1.16)!important;
}

@keyframes lggConfluenceStreamV83{
  0%,100%{background-position:120% 0;opacity:.48;}
  50%{background-position:0% 0;opacity:.92;}
}
@keyframes lggConfluenceDiskV83{
  0%,100%{filter:brightness(1);opacity:.86;}
  50%{filter:brightness(1.12);opacity:1;}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    display:block!important;
    min-height:430px!important;
    height:430px!important;
    margin-top:50px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5::before{
    top:18px!important;
    width:128px!important;
    height:128px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span{
    top:84px!important;
    width:38vw!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(3){
    top:50px!important;
    width:120px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:172px!important;
    font-size:15px!important;
    letter-spacing:.20em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:214px!important;
    font-size:32px!important;
    line-height:1.45!important;
    letter-spacing:.04em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:310px!important;
    width:min(330px,88vw)!important;
    font-size:16px!important;
    letter-spacing:.10em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:372px!important;
    font-size:16px!important;
  }
}

/* V84｜02 終卷入口手機版：星河水脈收束，移除硬直射線感 */
@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    min-height:500px!important;
    height:500px!important;
    margin-top:56px!important;
    background:
      radial-gradient(ellipse at 50% 24%,rgba(216,190,140,.070),transparent 34%),
      radial-gradient(ellipse at 50% 38%,rgba(216,190,140,.052),transparent 46%),
      radial-gradient(ellipse at 50% 56%,rgba(139,46,46,.034),transparent 42%),
      linear-gradient(180deg,transparent,rgba(23,18,15,.16) 42%,transparent)!important;
    overflow:hidden!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5::before{
    top:78px!important;
    width:122px!important;
    height:122px!important;
    opacity:.88!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5::after{
    top:42px!important;
    width:94vw!important;
    height:230px!important;
    opacity:.95!important;
    background:
      radial-gradient(circle at 18% 44%,rgba(255,236,194,.38) 0 1.4px,transparent 2.4px),
      radial-gradient(circle at 29% 51%,rgba(216,190,140,.24) 0 1px,transparent 2px),
      radial-gradient(circle at 72% 45%,rgba(255,236,194,.34) 0 1.2px,transparent 2.2px),
      radial-gradient(circle at 82% 58%,rgba(216,190,140,.22) 0 1px,transparent 2px),
      radial-gradient(ellipse at 50% 50%,rgba(216,190,140,.105),transparent 40%),
      radial-gradient(ellipse at 50% 62%,rgba(216,190,140,.045),transparent 60%)!important;
    filter:blur(.05px)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(1),
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(2),
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(3),
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(4),
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(5){
    display:block!important;
    left:50%!important;
    top:139px!important;
    width:44vw!important;
    max-width:185px!important;
    height:36px!important;
    border:0!important;
    border-radius:50%!important;
    background:none!important;
    box-shadow:none!important;
    opacity:.66!important;
    transform-origin:50% 50%!important;
    animation:lggMobileRiverV84 6.6s ease-in-out infinite!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span::before{
    content:""!important;
    position:absolute!important;
    inset:auto!important;
    left:0!important;
    right:0!important;
    top:50%!important;
    height:1px!important;
    border-radius:999px!important;
    background:
      linear-gradient(90deg,transparent,rgba(216,190,140,.08),rgba(216,190,140,.42),rgba(244,219,181,.72),transparent)!important;
    box-shadow:0 0 10px rgba(216,190,140,.09)!important;
    transform:translateY(-50%)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span::after{
    right:8%!important;
    width:2.4px!important;
    height:2.4px!important;
    opacity:.56!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(1){
    transform:translateX(-88%) translateY(-14px) rotate(15deg)!important;
    animation-delay:0s!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(2){
    transform:translateX(-78%) translateY(10px) rotate(5deg)!important;
    animation-delay:.35s!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(3){
    width:32vw!important;
    max-width:126px!important;
    transform:translateX(-50%) translateY(-54px) rotate(90deg)!important;
    animation-delay:.70s!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(4){
    transform:translateX(-5%) translateY(10px) rotate(-5deg)!important;
    animation-delay:1.05s!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 span:nth-child(5){
    transform:translateX(-12%) translateY(-14px) rotate(-15deg)!important;
    animation-delay:1.40s!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:232px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:276px!important;
    width:min(340px,88vw)!important;
    font-size:30px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:382px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:442px!important;
  }
}

@keyframes lggMobileRiverV84{
  0%,100%{opacity:.42;filter:brightness(.92);}
  50%{opacity:.86;filter:brightness(1.16);}
}

/* V85｜02 終卷入口重構：銀河入海，隱晦收束，文字降階 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5{
  min-height:350px!important;
  height:350px!important;
  margin-top:64px!important;
  background:
    radial-gradient(ellipse at 50% 38%,rgba(216,190,140,.070),transparent 33%),
    radial-gradient(ellipse at 50% 72%,rgba(139,46,46,.030),transparent 38%),
    linear-gradient(180deg,transparent,rgba(23,18,15,.12) 50%,transparent)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 > span{
  display:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5::before,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5::after{
  content:none!important;
  display:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:8px!important;
  width:min(1000px,100%)!important;
  height:220px!important;
  overflow:visible!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-mist{
  fill:none!important;
  stroke:rgba(216,190,140,.105)!important;
  stroke-width:10!important;
  stroke-linecap:round!important;
  filter:url(#confluenceSoftGlow)!important;
  opacity:.50!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-thread{
  fill:none!important;
  stroke:rgba(244,219,181,.42)!important;
  stroke-width:.72!important;
  stroke-linecap:round!important;
  stroke-dasharray:1 14!important;
  opacity:.46!important;
  animation:lggRiverThreadV85 7.6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-thread:nth-of-type(7),
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-thread:nth-of-type(9){
  opacity:.34!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-dust circle{
  fill:rgba(255,236,194,.78)!important;
  filter:drop-shadow(0 0 7px rgba(216,190,140,.34))!important;
  opacity:.42!important;
  animation:lggRiverDustV85 5.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-dust circle:nth-child(2n){
  animation-delay:.8s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-dust circle:nth-child(3n){
  animation-delay:1.5s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  fill:none!important;
  stroke:rgba(216,190,140,.25)!important;
  stroke-width:.72!important;
  opacity:.72!important;
  filter:drop-shadow(0 0 16px rgba(216,190,140,.06))!important;
  animation:lggRiverCoreV85 11s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core path{
  stroke:rgba(216,190,140,.20)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core circle:last-child{
  fill:rgba(255,236,194,.70)!important;
  stroke:rgba(255,248,224,.42)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
  top:208px!important;
  color:rgba(216,190,140,.82)!important;
  font-size:16px!important;
  letter-spacing:.24em!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
  top:250px!important;
  width:min(720px,88vw)!important;
  color:rgba(236,228,216,.90)!important;
  font-size:clamp(28px,2.55vw,38px)!important;
  line-height:1.45!important;
  letter-spacing:.06em!important;
  text-shadow:0 0 18px rgba(216,190,140,.075)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
  top:315px!important;
  color:rgba(183,171,157,.78)!important;
  font-size:17px!important;
  letter-spacing:.16em!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  top:352px!important;
  font-size:16px!important;
  letter-spacing:.20em!important;
}

@keyframes lggRiverThreadV85{
  0%,100%{stroke-dashoffset:18;opacity:.24;}
  50%{stroke-dashoffset:0;opacity:.56;}
}
@keyframes lggRiverDustV85{
  0%,100%{opacity:.22;transform:translateY(0);}
  50%{opacity:.72;transform:translateY(-1px);}
}
@keyframes lggRiverCoreV85{
  0%,100%{opacity:.58;filter:drop-shadow(0 0 10px rgba(216,190,140,.04));}
  50%{opacity:.84;filter:drop-shadow(0 0 20px rgba(216,190,140,.10));}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    min-height:420px!important;
    height:420px!important;
    margin-top:46px!important;
    background:
      radial-gradient(ellipse at 50% 32%,rgba(216,190,140,.075),transparent 35%),
      radial-gradient(ellipse at 50% 64%,rgba(139,46,46,.030),transparent 38%),
      linear-gradient(180deg,transparent,rgba(23,18,15,.10) 50%,transparent)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:18px!important;
    width:132vw!important;
    height:210px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-mist{
    stroke-width:13!important;
    opacity:.40!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-thread{
    stroke-width:.62!important;
    stroke-dasharray:1 18!important;
    opacity:.34!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-dust circle{
    opacity:.34!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:220px!important;
    font-size:14px!important;
    letter-spacing:.18em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:258px!important;
    width:min(315px,86vw)!important;
    font-size:24px!important;
    line-height:1.62!important;
    letter-spacing:.04em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:342px!important;
    width:min(310px,86vw)!important;
    font-size:14px!important;
    line-height:1.8!important;
    letter-spacing:.08em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:386px!important;
    font-size:14px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small::before{
    width:126px!important;
  }
}

/* V86｜02 終卷入口歸零重做：無線條，五點歸盤，題跋化 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5{
  min-height:315px!important;
  height:315px!important;
  margin-top:58px!important;
  background:
    radial-gradient(ellipse at 50% 35%,rgba(216,190,140,.060),transparent 28%),
    radial-gradient(ellipse at 50% 70%,rgba(139,46,46,.024),transparent 36%),
    linear-gradient(180deg,transparent,rgba(23,18,15,.09) 52%,transparent)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
  top:8px!important;
  width:min(760px,86vw)!important;
  height:178px!important;
  opacity:.92!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-mist,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-thread,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-dust{
  display:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
  fill:url(#confluenceAmberMist)!important;
  opacity:.58!important;
  filter:blur(.4px)!important;
  animation:lggConfluenceHazeV86 9s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars circle{
  fill:rgba(255,236,194,.76)!important;
  opacity:.42!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  animation:lggConfluenceStarV86 6.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-a{--tx:18px;--ty:3px;animation-delay:0s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-b{--tx:10px;--ty:-4px;animation-delay:.35s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-c{--tx:0px;--ty:14px;animation-delay:.7s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-d{--tx:-10px;--ty:-4px;animation-delay:1.05s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-e{--tx:-18px;--ty:3px;animation-delay:1.4s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-soft{
  fill:rgba(216,190,140,.45)!important;
  opacity:.22!important;
  animation:lggConfluenceDustV86 7.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  stroke:rgba(216,190,140,.22)!important;
  stroke-width:.66!important;
  opacity:.60!important;
  filter:drop-shadow(0 0 14px rgba(216,190,140,.05))!important;
  animation:lggConfluenceCoreV86 12s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core path{
  stroke:rgba(216,190,140,.17)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core circle:last-child{
  fill:rgba(255,236,194,.66)!important;
  stroke:rgba(255,248,224,.38)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
  top:178px!important;
  font-size:15px!important;
  line-height:1.4!important;
  letter-spacing:.22em!important;
  color:rgba(216,190,140,.78)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
  top:214px!important;
  width:min(660px,86vw)!important;
  font-size:clamp(23px,2vw,31px)!important;
  line-height:1.58!important;
  letter-spacing:.045em!important;
  color:rgba(236,228,216,.86)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
  top:268px!important;
  font-size:15px!important;
  line-height:1.7!important;
  letter-spacing:.13em!important;
  color:rgba(183,171,157,.72)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  top:302px!important;
  font-size:15px!important;
  letter-spacing:.18em!important;
  color:rgba(216,190,140,.86)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small::before{
  width:132px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.26),transparent)!important;
}

@keyframes lggConfluenceHazeV86{
  0%,100%{opacity:.42;transform:scale(.98);}
  50%{opacity:.64;transform:scale(1.025);}
}
@keyframes lggConfluenceStarV86{
  0%,100%{opacity:.30;transform:translate(0,0) scale(.86);}
  50%{opacity:.78;transform:translate(var(--tx),var(--ty)) scale(1);}
}
@keyframes lggConfluenceDustV86{
  0%,100%{opacity:.14;}
  50%{opacity:.42;}
}
@keyframes lggConfluenceCoreV86{
  0%,100%{opacity:.50;filter:drop-shadow(0 0 10px rgba(216,190,140,.035));}
  50%{opacity:.72;filter:drop-shadow(0 0 18px rgba(216,190,140,.075));}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    min-height:350px!important;
    height:350px!important;
    margin-top:38px!important;
    background:
      radial-gradient(ellipse at 50% 33%,rgba(216,190,140,.062),transparent 32%),
      radial-gradient(ellipse at 50% 69%,rgba(139,46,46,.022),transparent 40%)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:4px!important;
    width:108vw!important;
    height:178px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
    opacity:.48!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
    opacity:.56!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:178px!important;
    font-size:13px!important;
    letter-spacing:.16em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:212px!important;
    width:min(300px,84vw)!important;
    font-size:21px!important;
    line-height:1.68!important;
    letter-spacing:.03em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:280px!important;
    width:min(300px,84vw)!important;
    font-size:13px!important;
    line-height:1.75!important;
    letter-spacing:.06em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:322px!important;
    font-size:13px!important;
  }
}

/* V87｜02 終卷入口去線：中央時空盤只保留圓、微星與中心點 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 > span,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 > span::before,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 > span::after{
  display:none!important;
  opacity:0!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core path{
  display:none!important;
  stroke:transparent!important;
  opacity:0!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  stroke:rgba(216,190,140,.18)!important;
  stroke-width:.62!important;
  opacity:.48!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core circle{
  stroke:rgba(216,190,140,.18)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core circle:last-child{
  fill:rgba(255,236,194,.62)!important;
  stroke:rgba(255,248,224,.34)!important;
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:8px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
    opacity:.42!important;
  }
}

/* V88｜02 終卷入口放大、手機題跋斷行修正、彈窗卷序線校準 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5{
  min-height:370px!important;
  height:370px!important;
  margin-top:64px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
  top:-8px!important;
  width:min(900px,94vw)!important;
  height:214px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
  opacity:.64!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  transform-box:fill-box!important;
  transform-origin:center!important;
  transform:scale(1.16)!important;
  opacity:.54!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars{
  transform-box:fill-box!important;
  transform-origin:center!important;
  transform:scale(1.12)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
  top:196px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
  top:234px!important;
  width:min(760px,90vw)!important;
  line-height:1.52!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong .confluence-nowrap{
  display:inline-block!important;
  white-space:nowrap!important;
  font:inherit!important;
  color:inherit!important;
  transform:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
  top:292px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  top:332px!important;
  z-index:5!important;
  padding-top:20px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small::before{
  top:0!important;
  z-index:-1!important;
}

.service-modal-prose{
  --modal-rail-x:18px;
  padding-left:0!important;
}
.service-modal-prose::before{
  content:""!important;
  position:absolute!important;
  left:var(--modal-rail-x)!important;
  top:10px!important;
  bottom:8px!important;
  width:1px!important;
  background:linear-gradient(180deg,rgba(216,190,140,.62),rgba(185,145,110,.22),transparent)!important;
}
.service-modal-prose section,
.service-modal-prose section:last-child{
  border-left:0!important;
  padding:0 0 34px 58px!important;
  margin:0 0 34px!important;
}
.service-modal-prose section:last-child{
  margin-bottom:0!important;
  padding-bottom:2px!important;
}
.service-modal-prose section::before{
  left:var(--modal-rail-x)!important;
  top:10px!important;
  width:9px!important;
  height:9px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(216,190,140,.78)!important;
  border-radius:50%!important;
  background:#17120f!important;
  transform:translateX(-50%)!important;
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    min-height:392px!important;
    height:392px!important;
    margin-top:42px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:-2px!important;
    width:128vw!important;
    height:214px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
    opacity:.58!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
    transform:scale(1.18)!important;
    opacity:.46!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:198px!important;
    font-size:13px!important;
    letter-spacing:.16em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:232px!important;
    width:min(360px,94vw)!important;
    font-size:clamp(18px,5.2vw,21px)!important;
    line-height:1.62!important;
    letter-spacing:0!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:304px!important;
    width:min(330px,88vw)!important;
    font-size:13px!important;
    line-height:1.72!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:348px!important;
    font-size:13px!important;
  }
  .service-modal-prose{
    --modal-rail-x:14px;
  }
  .service-modal-prose::before{
    top:8px!important;
    bottom:4px!important;
  }
  .service-modal-prose section,
  .service-modal-prose section:last-child{
    padding-left:42px!important;
    padding-bottom:30px!important;
    margin-bottom:30px!important;
  }
  .service-modal-prose section:last-child{
    margin-bottom:0!important;
    padding-bottom:2px!important;
  }
  .service-modal-prose section::before{
    top:9px!important;
    width:8px!important;
    height:8px!important;
  }
}

/* V89｜終卷閱讀題跋解除舊固定高度，避免文字被線裁切 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:22px 0 0!important;
  border-top:0!important;
  overflow:visible!important;
  line-height:1.2!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small::before{
  top:0!important;
  z-index:0!important;
  pointer-events:none!important;
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    padding-top:21px!important;
  }
}

/* V90｜終卷主句防誤傷：文字不再被舊 span 匯聚線規則旋轉 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong *{
  position:relative!important;
  z-index:5!important;
  background:none!important;
  box-shadow:none!important;
  opacity:1!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong .confluence-nowrap{
  display:inline-block!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-align:inherit!important;
  transform:none!important;
  animation:none!important;
}

/* V91｜終卷歸位與時空盤重做：九宮在盤內呼吸，不再亂線 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:234px!important;
  display:block!important;
  width:min(760px,90vw)!important;
  margin:0!important;
  color:rgba(236,228,216,.88)!important;
  font-family:"Noto Serif TC","Noto Serif",serif!important;
  font-size:clamp(23px,2vw,31px)!important;
  font-weight:400!important;
  line-height:1.52!important;
  letter-spacing:.045em!important;
  text-align:center!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong .confluence-nowrap{
  position:static!important;
  display:inline-block!important;
  white-space:nowrap!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
  top:-4px!important;
  height:222px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
  opacity:.54!important;
  animation:lggConfluenceMistV91 9s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  display:block!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  transform:scale(1.14)!important;
  opacity:.72!important;
  filter:drop-shadow(0 0 14px rgba(216,190,140,.055))!important;
  animation:lggConfluencePlateV91 10s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core path{
  display:block!important;
  opacity:1!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring{
  stroke:rgba(216,190,140,.18)!important;
  stroke-width:.68!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluenceRingV91 7.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring-mid{
  stroke:rgba(216,190,140,.22)!important;
  animation-delay:.45s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring-inner{
  stroke:rgba(236,228,216,.16)!important;
  animation-delay:.9s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-axis{
  stroke:rgba(216,190,140,.16)!important;
  stroke-width:.46!important;
  stroke-dasharray:1 6!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluenceAxisV91 8.6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
  stroke:rgba(216,190,140,.30)!important;
  stroke-width:.62!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluencePalaceV91 6.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-seed{
  fill:rgba(255,236,194,.66)!important;
  stroke:rgba(255,248,224,.42)!important;
  stroke-width:.46!important;
  filter:drop-shadow(0 0 8px rgba(216,190,140,.34))!important;
  animation:lggConfluenceSeedV91 4.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars circle{
  animation:lggConfluenceStarV91 7.2s ease-in-out infinite!important;
}

@keyframes lggConfluenceMistV91{
  0%,100%{opacity:.42;transform:scale(.98);}
  50%{opacity:.62;transform:scale(1.03);}
}
@keyframes lggConfluencePlateV91{
  0%,100%{opacity:.58;filter:drop-shadow(0 0 10px rgba(216,190,140,.035));}
  50%{opacity:.78;filter:drop-shadow(0 0 20px rgba(216,190,140,.085));}
}
@keyframes lggConfluenceRingV91{
  0%,100%{opacity:.38;}
  50%{opacity:.78;}
}
@keyframes lggConfluenceAxisV91{
  0%,100%{opacity:.18;stroke-dashoffset:12;}
  50%{opacity:.52;stroke-dashoffset:0;}
}
@keyframes lggConfluencePalaceV91{
  0%,100%{opacity:.34;stroke-dashoffset:8;}
  50%{opacity:.82;stroke-dashoffset:0;}
}
@keyframes lggConfluenceSeedV91{
  0%,100%{opacity:.52;transform:scale(.82);}
  50%{opacity:.95;transform:scale(1.08);}
}
@keyframes lggConfluenceStarV91{
  0%,100%{opacity:.28;transform:translate(0,0) scale(.84);}
  50%{opacity:.76;transform:translate(var(--tx),var(--ty)) scale(1.02);}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    min-height:392px!important;
    height:392px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:-4px!important;
    width:126vw!important;
    height:210px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
    transform:scale(1.10)!important;
    opacity:.68!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-axis{
    opacity:.34!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
    stroke-width:.56!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:232px!important;
    width:min(355px,94vw)!important;
    font-size:clamp(18px,5vw,21px)!important;
    line-height:1.62!important;
    letter-spacing:0!important;
  }
}

/* V92｜終卷匯聚盤加深：九宮可見、內外盤呼吸、整體放大 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5{
  min-height:410px!important;
  height:410px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
  top:-18px!important;
  width:min(1040px,98vw)!important;
  height:252px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
  opacity:.64!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars{
  transform:scale(1.22)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  transform:scale(1.38)!important;
  opacity:.82!important;
  filter:drop-shadow(0 0 18px rgba(216,190,140,.08))!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring{
  stroke:rgba(216,190,140,.22)!important;
  stroke-width:.72!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring-outer{
  stroke:rgba(216,190,140,.26)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-axis{
  stroke:rgba(216,190,140,.22)!important;
  stroke-width:.52!important;
  stroke-dasharray:1 5!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace-echo{
  display:block!important;
  stroke:rgba(216,190,140,.22)!important;
  stroke-width:.52!important;
  stroke-dasharray:2 7!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluenceOuterPalaceV92 8.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
  stroke:rgba(236,228,216,.36)!important;
  stroke-width:.72!important;
  stroke-dasharray:none!important;
  animation:lggConfluencePalaceV92 6.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-gate-dots circle{
  fill:rgba(255,236,194,.58)!important;
  stroke:none!important;
  filter:drop-shadow(0 0 5px rgba(216,190,140,.26))!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  animation:lggConfluenceGateDotV92 5.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-gate-dots circle:nth-child(2n){
  animation-delay:.55s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-gate-dots circle:nth-child(3n){
  animation-delay:1.1s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-seed{
  r:2.7!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
  top:210px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
  top:248px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
  top:306px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
  top:348px!important;
}

@keyframes lggConfluenceOuterPalaceV92{
  0%,100%{opacity:.18;stroke-dashoffset:14;}
  50%{opacity:.62;stroke-dashoffset:0;}
}
@keyframes lggConfluencePalaceV92{
  0%,100%{opacity:.50;filter:drop-shadow(0 0 4px rgba(216,190,140,.04));}
  50%{opacity:.92;filter:drop-shadow(0 0 10px rgba(216,190,140,.12));}
}
@keyframes lggConfluenceGateDotV92{
  0%,100%{opacity:.22;transform:scale(.76);}
  50%{opacity:.86;transform:scale(1.08);}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5{
    min-height:424px!important;
    height:424px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:-14px!important;
    width:142vw!important;
    height:238px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
    transform:scale(1.30)!important;
    opacity:.78!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
    stroke-width:.68!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace-echo{
    stroke-width:.48!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 b{
    top:210px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 strong{
    top:244px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 em{
    top:318px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 small{
    top:364px!important;
  }
}

/* V93｜終卷星點回歸固定呼吸，九宮加清晰度 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars circle,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  transform-box:fill-box!important;
  transform-origin:center!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars{
  transform:scale(1.18)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars circle{
  animation:lggConfluenceStarBreatheV93 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-a{animation-delay:0s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-b{animation-delay:.32s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-c{animation-delay:.64s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-d{animation-delay:.96s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-e{animation-delay:1.28s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-soft{
  animation:lggConfluenceSoftStarV93 7.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  transform:scale(1.34)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-axis{
  stroke:rgba(216,190,140,.26)!important;
  stroke-width:.56!important;
  stroke-dasharray:1.2 5.4!important;
  opacity:.62!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace-echo{
  stroke:rgba(216,190,140,.34)!important;
  stroke-width:.68!important;
  stroke-dasharray:2.4 6.8!important;
  opacity:.72!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
  stroke:rgba(236,228,216,.48)!important;
  stroke-width:.88!important;
  opacity:.92!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring{
  stroke:rgba(216,190,140,.24)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-gate-dots circle{
  animation:lggConfluenceGateDotV93 6.2s ease-in-out infinite!important;
}

@keyframes lggConfluenceStarBreatheV93{
  0%,100%{opacity:.28;transform:scale(.86);filter:drop-shadow(0 0 2px rgba(216,190,140,.12));}
  50%{opacity:.76;transform:scale(1.05);filter:drop-shadow(0 0 7px rgba(216,190,140,.34));}
}
@keyframes lggConfluenceSoftStarV93{
  0%,100%{opacity:.14;transform:scale(.78);}
  50%{opacity:.40;transform:scale(1.02);}
}
@keyframes lggConfluenceGateDotV93{
  0%,100%{opacity:.24;transform:scale(.82);}
  50%{opacity:.72;transform:scale(1.06);}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars{
    transform:scale(1.08)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
    transform:scale(1.24)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
    stroke-width:.82!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace-echo{
    stroke-width:.62!important;
  }
}

/* V94｜終卷匯聚動畫重整：不位移，只呼吸；九宮改由 SVG 本體放大 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
  top:-12px!important;
  width:min(1020px,98vw)!important;
  height:246px!important;
  overflow:visible!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .field-haze{
  transform:none!important;
  opacity:.58!important;
  animation:lggConfluenceHazeV94 9s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars{
  transform:none!important;
  animation:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars circle,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-gate-dots circle,
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-seed{
  transform:none!important;
  transform-box:view-box!important;
  transform-origin:center!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars circle{
  fill:rgba(255,236,194,.76)!important;
  opacity:.48!important;
  animation:lggConfluenceStarStillV94 6.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-a{animation-delay:0s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-b{animation-delay:.36s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-c{animation-delay:.72s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-d{animation-delay:1.08s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-e{animation-delay:1.44s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .source-stars .star-soft{
  fill:rgba(216,190,140,.48)!important;
  animation:lggConfluenceSoftStarStillV94 7.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core{
  display:block!important;
  transform:none!important;
  opacity:.82!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 16px rgba(216,190,140,.07))!important;
  animation:lggConfluenceCoreStillV94 9.6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .river-core path{
  display:block!important;
  opacity:1!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring{
  stroke:rgba(216,190,140,.22)!important;
  stroke-width:.82!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluenceLineBreathV94 7.6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-ring-outer{
  stroke:rgba(216,190,140,.24)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-axis{
  stroke:rgba(216,190,140,.24)!important;
  stroke-width:.58!important;
  stroke-dasharray:1.4 7!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluenceAxisStillV94 8.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace-echo{
  display:block!important;
  stroke:rgba(216,190,140,.34)!important;
  stroke-width:.72!important;
  stroke-dasharray:2.5 8!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluencePalaceEchoStillV94 8.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
  display:block!important;
  stroke:rgba(236,228,216,.52)!important;
  stroke-width:.95!important;
  stroke-dasharray:none!important;
  vector-effect:non-scaling-stroke!important;
  animation:lggConfluencePalaceStillV94 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-gate-dots circle{
  fill:rgba(255,236,194,.58)!important;
  opacity:.54!important;
  animation:lggConfluenceDotStillV94 6.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-seed{
  fill:rgba(255,236,194,.72)!important;
  stroke:rgba(255,248,224,.46)!important;
  stroke-width:.52!important;
  opacity:.82!important;
  filter:drop-shadow(0 0 8px rgba(216,190,140,.32))!important;
  animation:lggConfluenceSeedStillV94 5.2s ease-in-out infinite!important;
}

@keyframes lggConfluenceHazeV94{
  0%,100%{opacity:.46;filter:blur(.35px);}
  50%{opacity:.64;filter:blur(.5px);}
}
@keyframes lggConfluenceStarStillV94{
  0%,100%{opacity:.34;filter:drop-shadow(0 0 2px rgba(216,190,140,.10));}
  50%{opacity:.80;filter:drop-shadow(0 0 7px rgba(216,190,140,.34));}
}
@keyframes lggConfluenceSoftStarStillV94{
  0%,100%{opacity:.16;}
  50%{opacity:.42;}
}
@keyframes lggConfluenceCoreStillV94{
  0%,100%{opacity:.72;filter:drop-shadow(0 0 11px rgba(216,190,140,.045));}
  50%{opacity:.90;filter:drop-shadow(0 0 21px rgba(216,190,140,.10));}
}
@keyframes lggConfluenceLineBreathV94{
  0%,100%{opacity:.42;}
  50%{opacity:.76;}
}
@keyframes lggConfluenceAxisStillV94{
  0%,100%{opacity:.32;stroke-dashoffset:10;}
  50%{opacity:.62;stroke-dashoffset:0;}
}
@keyframes lggConfluencePalaceEchoStillV94{
  0%,100%{opacity:.34;stroke-dashoffset:16;}
  50%{opacity:.70;stroke-dashoffset:0;}
}
@keyframes lggConfluencePalaceStillV94{
  0%,100%{opacity:.56;}
  50%{opacity:.96;}
}
@keyframes lggConfluenceDotStillV94{
  0%,100%{opacity:.26;filter:drop-shadow(0 0 2px rgba(216,190,140,.12));}
  50%{opacity:.74;filter:drop-shadow(0 0 7px rgba(216,190,140,.28));}
}
@keyframes lggConfluenceSeedStillV94{
  0%,100%{opacity:.58;filter:drop-shadow(0 0 5px rgba(216,190,140,.18));}
  50%{opacity:.96;filter:drop-shadow(0 0 12px rgba(216,190,140,.42));}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .confluence-river{
    top:-10px!important;
    width:136vw!important;
    height:236px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace{
    stroke-width:.86!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v5 .core-palace-echo{
    stroke-width:.64!important;
  }
}

/* V95｜終卷入口獨立版：脫離 v5 舊動畫堆，固定呼吸、九宮清楚、星點不位移 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v6{
  position:relative!important;
  display:block!important;
  width:min(1120px,100%)!important;
  min-height:430px!important;
  height:430px!important;
  margin:72px auto 0!important;
  padding:0!important;
  border:0!important;
  background:
    radial-gradient(ellipse at 50% 25%,rgba(216,190,140,.082),transparent 28%),
    radial-gradient(ellipse at 50% 58%,rgba(216,190,140,.050),transparent 34%),
    radial-gradient(ellipse at 50% 78%,rgba(139,46,46,.026),transparent 36%),
    linear-gradient(180deg,transparent,rgba(23,18,15,.10) 52%,transparent)!important;
  color:inherit!important;
  cursor:pointer!important;
  overflow:visible!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 > span,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6::before,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .confluence-river{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:-16px!important;
  width:min(1140px,102vw)!important;
  height:270px!important;
  overflow:visible!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-mist,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-thread,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-dust{
  display:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .field-haze{
  fill:url(#confluenceAmberMist)!important;
  opacity:.55!important;
  transform:none!important;
  animation:lggConfluenceV6Haze 8.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars{
  transform:none!important;
  animation:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars circle{
  fill:rgba(255,236,194,.74)!important;
  opacity:.42!important;
  transform:none;
  transform-box:view-box!important;
  transform-origin:center!important;
  animation:lggConfluenceV6StarBreath 6.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-a{animation-delay:0s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-b{animation-delay:.36s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-c{animation-delay:.72s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-d{animation-delay:1.08s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-e{animation-delay:1.44s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-soft{
  fill:rgba(216,190,140,.44)!important;
  animation:lggConfluenceV6SoftStarBreath 7.6s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-core{
  display:block!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.86!important;
  transform:none!important;
  transform-box:view-box!important;
  transform-origin:center!important;
  filter:drop-shadow(0 0 18px rgba(216,190,140,.075))!important;
  animation:lggConfluenceV6CoreBreath 9.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-core path,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-core circle{
  display:block!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring{
  stroke:rgba(216,190,140,.25)!important;
  stroke-width:.88!important;
  vector-effect:non-scaling-stroke!important;
  opacity:.58!important;
  animation:lggConfluenceV6RingBreath 7.4s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring-mid{
  stroke:rgba(216,190,140,.28)!important;
  animation-delay:.42s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring-inner{
  stroke:rgba(236,228,216,.23)!important;
  animation-delay:.84s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-axis{
  stroke:rgba(216,190,140,.28)!important;
  stroke-width:.62!important;
  stroke-dasharray:1.4 6.6!important;
  vector-effect:non-scaling-stroke!important;
  opacity:.54!important;
  animation:lggConfluenceV6AxisBreath 8.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace-echo{
  display:block!important;
  stroke:rgba(216,190,140,.38)!important;
  stroke-width:.80!important;
  stroke-dasharray:2.4 7.2!important;
  vector-effect:non-scaling-stroke!important;
  opacity:.62!important;
  animation:lggConfluenceV6OuterPalaceBreath 8.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace{
  display:block!important;
  stroke:rgba(236,228,216,.60)!important;
  stroke-width:1.02!important;
  stroke-dasharray:none!important;
  vector-effect:non-scaling-stroke!important;
  opacity:.82!important;
  animation:lggConfluenceV6PalaceBreath 6.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-gate-dots circle{
  fill:rgba(255,236,194,.64)!important;
  stroke:none!important;
  opacity:.50!important;
  transform:none!important;
  transform-box:view-box!important;
  transform-origin:center!important;
  animation:lggConfluenceV6DotBreath 6.1s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-gate-dots circle:nth-child(2n){
  animation-delay:.5s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-gate-dots circle:nth-child(3n){
  animation-delay:1s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-seed{
  fill:rgba(255,236,194,.82)!important;
  stroke:rgba(255,248,224,.50)!important;
  stroke-width:.56!important;
  opacity:.82!important;
  transform:none!important;
  transform-box:view-box!important;
  transform-origin:center!important;
  filter:drop-shadow(0 0 9px rgba(216,190,140,.36))!important;
  animation:lggConfluenceV6SeedBreath 5.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 b,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 strong,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 em,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 small{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  text-align:center!important;
  transform:translateX(-50%)!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 b{
  top:214px!important;
  color:rgba(216,190,140,.86)!important;
  font-family:"Noto Serif TC","Noto Serif",serif!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:.22em!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 strong{
  top:252px!important;
  width:min(820px,92vw)!important;
  color:rgba(236,228,216,.88)!important;
  font-family:"Noto Serif TC","Noto Serif",serif!important;
  font-size:clamp(24px,2.15vw,34px)!important;
  font-weight:400!important;
  line-height:1.48!important;
  letter-spacing:.045em!important;
  text-shadow:0 0 18px rgba(216,190,140,.07)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 strong .confluence-nowrap{
  position:static!important;
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  white-space:nowrap!important;
  transform:none!important;
  animation:none!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 em{
  top:314px!important;
  width:min(760px,90vw)!important;
  color:rgba(183,171,157,.76)!important;
  font-family:"Noto Serif TC","Noto Serif",serif!important;
  font-size:15px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:.13em!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 small{
  top:356px!important;
  color:rgba(216,190,140,.86)!important;
  font-family:"Noto Serif TC","Noto Serif",serif!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  padding-top:22px!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 small::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:138px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.30),transparent)!important;
  transform:translateX(-50%)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6:hover .core-palace,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6:focus-visible .core-palace{
  stroke:rgba(236,228,216,.72)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6:hover .core-seed,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6:focus-visible .core-seed{
  opacity:.96!important;
}

@keyframes lggConfluenceV6Haze{
  0%,100%{opacity:.44;filter:blur(.35px);}
  50%{opacity:.62;filter:blur(.55px);}
}
@keyframes lggConfluenceV6StarBreath{
  0%,100%{opacity:.30;filter:drop-shadow(0 0 2px rgba(216,190,140,.10));}
  50%{opacity:.82;filter:drop-shadow(0 0 7px rgba(216,190,140,.36));}
}
@keyframes lggConfluenceV6SoftStarBreath{
  0%,100%{opacity:.15;}
  50%{opacity:.46;}
}
@keyframes lggConfluenceV6CoreBreath{
  0%,100%{opacity:.74;filter:drop-shadow(0 0 12px rgba(216,190,140,.045));}
  50%{opacity:.94;filter:drop-shadow(0 0 22px rgba(216,190,140,.11));}
}
@keyframes lggConfluenceV6RingBreath{
  0%,100%{opacity:.40;}
  50%{opacity:.78;}
}
@keyframes lggConfluenceV6AxisBreath{
  0%,100%{opacity:.34;stroke-dashoffset:12;}
  50%{opacity:.68;stroke-dashoffset:0;}
}
@keyframes lggConfluenceV6OuterPalaceBreath{
  0%,100%{opacity:.38;stroke-dashoffset:18;}
  50%{opacity:.76;stroke-dashoffset:0;}
}
@keyframes lggConfluenceV6PalaceBreath{
  0%,100%{opacity:.58;}
  50%{opacity:1;}
}
@keyframes lggConfluenceV6DotBreath{
  0%,100%{opacity:.25;filter:drop-shadow(0 0 2px rgba(216,190,140,.12));}
  50%{opacity:.78;filter:drop-shadow(0 0 8px rgba(216,190,140,.30));}
}
@keyframes lggConfluenceV6SeedBreath{
  0%,100%{opacity:.58;filter:drop-shadow(0 0 5px rgba(216,190,140,.18));}
  50%{opacity:.98;filter:drop-shadow(0 0 13px rgba(216,190,140,.44));}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6{
    width:100%!important;
    min-height:408px!important;
    height:408px!important;
    margin-top:48px!important;
    background:
      radial-gradient(ellipse at 50% 24%,rgba(216,190,140,.078),transparent 30%),
      radial-gradient(ellipse at 50% 58%,rgba(216,190,140,.038),transparent 38%),
      linear-gradient(180deg,transparent,rgba(23,18,15,.10) 52%,transparent)!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .confluence-river{
    top:-10px!important;
    width:136vw!important;
    height:246px!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .field-haze{
    opacity:.50!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring{
    stroke-width:.78!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-axis{
    stroke-width:.56!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace-echo{
    stroke-width:.70!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace{
    stroke-width:.92!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 b{
    top:208px!important;
    font-size:13px!important;
    letter-spacing:.16em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 strong{
    top:242px!important;
    width:min(360px,94vw)!important;
    font-size:clamp(19px,5vw,24px)!important;
    line-height:1.62!important;
    letter-spacing:0!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 em{
    top:316px!important;
    width:min(330px,88vw)!important;
    font-size:13px!important;
    line-height:1.74!important;
    letter-spacing:.06em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 small{
    top:360px!important;
    font-size:13px!important;
    letter-spacing:.16em!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 small::before{
    width:126px!important;
  }
}

/* V96｜終卷星點回流：星星有方向地入九宮；九宮框線降噪 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars circle{
  opacity:.42!important;
  transform:translate(0,0);
  transform-box:view-box!important;
  transform-origin:center!important;
  animation:lggConfluenceV6StarReturn 13.8s cubic-bezier(.42,0,.18,1) infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-a{
  --join-x:130px;
  --join-y:22px;
  animation-delay:0s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-b{
  --join-x:68px;
  --join-y:-20px;
  animation-delay:1.05s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-c{
  --join-x:0px;
  --join-y:50px;
  animation-delay:2.1s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-d{
  --join-x:-68px;
  --join-y:-20px;
  animation-delay:3.15s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-e{
  --join-x:-130px;
  --join-y:22px;
  animation-delay:4.2s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-soft:nth-of-type(6){
  --join-x:44px;
  --join-y:9px;
  animation-delay:2.7s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-soft:nth-of-type(7){
  --join-x:-44px;
  --join-y:9px;
  animation-delay:3.7s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-soft:nth-of-type(8){
  --join-x:0px;
  --join-y:-34px;
  animation-delay:4.7s!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace-echo{
  stroke:rgba(216,190,140,.22)!important;
  stroke-width:.58!important;
  stroke-dasharray:none!important;
  opacity:.34!important;
  animation:lggConfluenceV6EchoCalm 9.2s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace{
  stroke:rgba(236,228,216,.38)!important;
  stroke-width:.78!important;
  opacity:.62!important;
  animation:lggConfluenceV6PalaceCalm 6.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-axis{
  stroke:rgba(216,190,140,.22)!important;
  opacity:.44!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring{
  stroke:rgba(216,190,140,.21)!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6:hover .core-palace,
.section-ju .service-gallery-v6 + button.qimen-confluence-v6:focus-visible .core-palace{
  stroke:rgba(236,228,216,.50)!important;
}

@keyframes lggConfluenceV6StarReturn{
  0%,100%{
    opacity:.24;
    transform:translate(0,0);
    filter:drop-shadow(0 0 2px rgba(216,190,140,.08));
  }
  18%{
    opacity:.72;
    transform:translate(calc(var(--join-x) * .16),calc(var(--join-y) * .18));
    filter:drop-shadow(0 0 6px rgba(216,190,140,.24));
  }
  44%{
    opacity:.88;
    transform:translate(calc(var(--join-x) * .72),calc(var(--join-y) * .74));
    filter:drop-shadow(0 0 9px rgba(216,190,140,.34));
  }
  60%{
    opacity:1;
    transform:translate(var(--join-x),var(--join-y));
    filter:drop-shadow(0 0 13px rgba(255,236,194,.46));
  }
  72%{
    opacity:.18;
    transform:translate(var(--join-x),var(--join-y));
    filter:drop-shadow(0 0 5px rgba(216,190,140,.16));
  }
  88%{
    opacity:.34;
    transform:translate(calc(var(--join-x) * .22),calc(var(--join-y) * .20));
    filter:drop-shadow(0 0 4px rgba(216,190,140,.14));
  }
}
@keyframes lggConfluenceV6EchoCalm{
  0%,100%{opacity:.20;}
  50%{opacity:.44;}
}
@keyframes lggConfluenceV6PalaceCalm{
  0%,100%{opacity:.48;filter:drop-shadow(0 0 3px rgba(216,190,140,.035));}
  50%{opacity:.78;filter:drop-shadow(0 0 9px rgba(216,190,140,.10));}
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace-echo{
    stroke-width:.52!important;
    opacity:.30!important;
  }
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace{
    stroke-width:.72!important;
    opacity:.58!important;
  }
}

/* V97｜終卷底部金霧呼吸 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v6{
  isolation:isolate!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  bottom:18px!important;
  width:min(680px,76vw)!important;
  height:190px!important;
  pointer-events:none!important;
  opacity:.38!important;
  transform:translateX(-50%)!important;
  background:
    radial-gradient(ellipse at 50% 54%,rgba(216,190,140,.16),rgba(216,190,140,.055) 34%,rgba(216,190,140,0) 70%),
    radial-gradient(ellipse at 50% 82%,rgba(139,46,46,.045),transparent 58%)!important;
  filter:blur(10px)!important;
  mix-blend-mode:screen!important;
  animation:lggConfluenceBottomGlowV97 8.6s ease-in-out infinite!important;
}

@keyframes lggConfluenceBottomGlowV97{
  0%,100%{
    opacity:.26;
    filter:blur(12px) brightness(.92);
  }
  48%{
    opacity:.54;
    filter:blur(14px) brightness(1.08);
  }
}

@media(max-width:760px){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6::after{
    bottom:30px!important;
    width:92vw!important;
    height:170px!important;
    opacity:.32!important;
    filter:blur(12px)!important;
  }
}

/* V98｜03 勢：東方策論暗場，古籍框、星盤、金霧與墨色浮現 */
.section-shi{
  min-height:720px!important;
  background:
    radial-gradient(ellipse at 72% 42%,rgba(216,190,140,.070),transparent 34%),
    radial-gradient(ellipse at 22% 76%,rgba(139,46,46,.032),transparent 34%),
    linear-gradient(180deg,#050302 0%,#0a0604 48%,#040302 100%)!important;
  overflow:hidden!important;
}
.section-shi .flow-bg{
  opacity:1!important;
  background:
    radial-gradient(circle at 77% 35%,rgba(216,190,140,.11),transparent 1.2%,transparent 100%),
    radial-gradient(circle at 70% 49%,rgba(216,190,140,.09),transparent 1%,transparent 100%),
    radial-gradient(circle at 84% 58%,rgba(216,190,140,.10),transparent 1.1%,transparent 100%),
    radial-gradient(circle at 60% 62%,rgba(216,190,140,.075),transparent .9%,transparent 100%),
    radial-gradient(ellipse at 72% 52%,rgba(216,190,140,.075),transparent 28%),
    repeating-linear-gradient(112deg,transparent 0 74px,rgba(216,190,140,.026) 75px 76px,transparent 77px 148px)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 28%,#000 72%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 28%,#000 72%,transparent 100%)!important;
  animation:shiMistBreathV98 9.8s ease-in-out infinite!important;
}
.section-shi:before{
  content:""!important;
  position:absolute!important;
  right:-16vw!important;
  top:50%!important;
  width:min(58vw,860px)!important;
  height:min(58vw,860px)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  opacity:.32!important;
  transform:translateY(-50%)!important;
  background:
    repeating-radial-gradient(circle,transparent 0 56px,rgba(216,190,140,.070) 57px 58px,transparent 59px 86px),
    conic-gradient(from 18deg,transparent 0 9deg,rgba(216,190,140,.065) 10deg 10.35deg,transparent 11deg 45deg),
    radial-gradient(circle,rgba(216,190,140,.052),transparent 62%)!important;
  filter:drop-shadow(0 0 26px rgba(216,190,140,.045))!important;
  animation:shiAstrolabeBreathV98 12s ease-in-out infinite!important;
}
.section-shi:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.22),transparent)!important;
  opacity:.72!important;
  pointer-events:none!important;
}
.section-shi .bamboo-shadow{
  width:42%!important;
  opacity:.16!important;
  filter:blur(.2px)!important;
  background:
    linear-gradient(120deg,transparent 0 65%,rgba(216,190,140,.11) 65.4% 65.75%,transparent 66%),
    repeating-linear-gradient(103deg,transparent 0 42px,rgba(216,190,140,.105) 43px 44px,transparent 45px 116px)!important;
}
.section-shi .quote-layout{
  grid-template-columns:minmax(220px,270px) minmax(0,1fr)!important;
  gap:clamp(64px,7vw,116px)!important;
  min-height:560px!important;
  align-items:center!important;
}
.section-shi .quote-side{
  position:relative!important;
  z-index:3!important;
}
.section-shi .quote-side:after{
  content:""!important;
  position:absolute!important;
  left:-24px!important;
  top:50%!important;
  width:132px!important;
  height:132px!important;
  border:1px solid rgba(216,190,140,.12)!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle,rgba(216,190,140,.050),transparent 62%)!important;
  opacity:.62!important;
  pointer-events:none!important;
}
.section-shi .quote-side .eyebrow{
  color:rgba(216,190,140,.72)!important;
  letter-spacing:.42em!important;
}
.section-shi .quote-side h2{
  position:relative!important;
  z-index:1!important;
  color:rgba(236,228,216,.90)!important;
  font-size:clamp(48px,4vw,76px)!important;
  letter-spacing:.18em!important;
  text-shadow:0 0 26px rgba(216,190,140,.08)!important;
}
.section-shi .quote-side p:not(.eyebrow){
  color:rgba(216,190,140,.70)!important;
}
.section-shi .small-gold-btn{
  position:relative!important;
  z-index:1!important;
  border-color:rgba(216,190,140,.36)!important;
  background:linear-gradient(180deg,rgba(23,18,15,.45),rgba(6,4,3,.30))!important;
  color:rgba(236,215,176,.86)!important;
  box-shadow:inset 0 0 24px rgba(216,190,140,.025)!important;
}
.section-shi .small-gold-btn:hover{
  border-color:rgba(216,190,140,.56)!important;
  background:linear-gradient(180deg,rgba(38,28,18,.50),rgba(11,7,4,.34))!important;
}
.section-shi .classic-quote{
  min-height:455px!important;
  padding:108px clamp(78px,7vw,132px) 100px!important;
  border:1px solid rgba(216,190,140,.19)!important;
  background:
    linear-gradient(108deg,rgba(255,255,255,.020),transparent 22%,transparent 68%,rgba(216,190,140,.018)),
    repeating-linear-gradient(104deg,rgba(216,190,140,.018) 0 1px,transparent 1px 18px),
    radial-gradient(ellipse at 52% 48%,rgba(216,190,140,.055),transparent 62%),
    linear-gradient(180deg,rgba(28,20,14,.44),rgba(6,4,3,.20))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.045),
    inset 0 0 120px rgba(216,190,140,.030),
    0 26px 80px rgba(0,0,0,.26)!important;
}
.section-shi .classic-quote:before{
  inset:32px!important;
  border-color:rgba(216,190,140,.135)!important;
  box-shadow:inset 0 0 0 1px rgba(216,190,140,.020)!important;
}
.section-shi .classic-quote:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:50%!important;
  width:72%!important;
  height:54%!important;
  border:0!important;
  pointer-events:none!important;
  opacity:.34!important;
  transform:translate(-50%,-50%)!important;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(216,190,140,.14),rgba(216,190,140,.035) 42%,transparent 72%),
    radial-gradient(ellipse at 50% 80%,rgba(139,46,46,.050),transparent 64%)!important;
  filter:blur(14px)!important;
  animation:shiQuoteGlowV98 8.8s ease-in-out infinite!important;
}
.section-shi .classic-quote .quote-lines{
  max-width:800px!important;
  gap:16px!important;
}
.section-shi .classic-quote .quote-lines p{
  position:relative!important;
  color:rgba(236,228,216,.84)!important;
  font-size:clamp(19px,1.56vw,30px)!important;
  font-weight:400!important;
  line-height:1.86!important;
  letter-spacing:.18em!important;
  text-shadow:0 0 20px rgba(216,190,140,.055)!important;
  animation:shiTextBreathV98 8.6s ease-in-out infinite!important;
}
.section-shi .classic-quote .quote-lines p:nth-child(2){animation-delay:.55s!important;}
.section-shi .classic-quote .quote-lines p:nth-child(3){animation-delay:1.1s!important;}
.section-shi .classic-quote .quote-lines p:nth-child(4){animation-delay:1.65s!important;}
.section-shi .classic-quote .quote-lines p:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5px!important;
  width:64px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.20),transparent)!important;
  transform:translateX(-50%)!important;
  opacity:.34!important;
}
.section-shi .classic-quote .quote-lines p:last-child:before{
  display:none!important;
}
.section-shi .classic-quote em{
  color:rgba(216,190,140,.62)!important;
  letter-spacing:.34em!important;
}
.section-shi .classic-quote .seal{
  right:48px!important;
  bottom:44px!important;
  width:42px!important;
  height:42px!important;
  border-color:rgba(139,46,46,.72)!important;
  color:rgba(196,56,46,.78)!important;
  background:rgba(139,46,46,.045)!important;
  box-shadow:0 0 18px rgba(139,46,46,.09)!important;
}

@keyframes shiMistBreathV98{
  0%,100%{opacity:.56;filter:blur(.1px);}
  50%{opacity:.82;filter:blur(.45px);}
}
@keyframes shiAstrolabeBreathV98{
  0%,100%{opacity:.22;filter:drop-shadow(0 0 18px rgba(216,190,140,.035));}
  50%{opacity:.38;filter:drop-shadow(0 0 32px rgba(216,190,140,.075));}
}
@keyframes shiQuoteGlowV98{
  0%,100%{opacity:.22;filter:blur(16px) brightness(.94);}
  50%{opacity:.42;filter:blur(18px) brightness(1.08);}
}
@keyframes shiTextBreathV98{
  0%,100%{opacity:.76;}
  50%{opacity:.96;}
}

@media(max-width:980px){
  .section-shi{
    min-height:auto!important;
  }
  .section-shi .quote-layout{
    grid-template-columns:1fr!important;
    gap:40px!important;
    min-height:auto!important;
  }
  .section-shi:before{
    right:-42vw!important;
    top:62%!important;
    width:118vw!important;
    height:118vw!important;
    opacity:.24!important;
  }
  .section-shi .quote-side:after{
    left:-18px!important;
    width:104px!important;
    height:104px!important;
  }
  .section-shi .classic-quote{
    min-height:430px!important;
    padding:86px 38px 90px!important;
  }
  .section-shi .classic-quote:before{
    inset:28px!important;
  }
  .section-shi .classic-quote .quote-lines{
    gap:14px!important;
  }
  .section-shi .classic-quote .quote-lines p{
    font-size:17px!important;
    line-height:1.78!important;
    letter-spacing:.12em!important;
  }
}

@media(max-width:760px){
  .section-shi .flow-bg{
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 18%,#000 82%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 18%,#000 82%,transparent 100%)!important;
  }
  .section-shi .quote-side h2{
    font-size:52px!important;
  }
  .section-shi .classic-quote{
    padding:78px 28px 86px!important;
  }
  .section-shi .classic-quote:before{
    inset:22px!important;
  }
  .section-shi .classic-quote:after{
    width:88%!important;
    height:62%!important;
  }
  .section-shi .classic-quote .quote-lines p{
    font-size:16px!important;
    line-height:1.86!important;
    letter-spacing:.08em!important;
  }
  .section-shi .classic-quote em{
    letter-spacing:.20em!important;
    font-size:12px!important;
  }
  .section-shi .classic-quote .seal{
    right:26px!important;
    bottom:28px!important;
    width:36px!important;
    height:36px!important;
    font-size:11px!important;
  }
}

/* V99｜03 勢：加深策盤層次，讓局勢感從暗處浮現 */
.section-shi .shi-oracle-field{
  position:absolute!important;
  z-index:1!important;
  right:clamp(18px,5vw,112px)!important;
  top:50%!important;
  width:clamp(500px,45vw,780px)!important;
  aspect-ratio:760/520!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  opacity:.58!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 34px rgba(216,190,140,.045))!important;
}
.section-shi .shi-oracle-field:before{
  content:""!important;
  position:absolute!important;
  inset:14% 9% 8% 20%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 54%,rgba(216,190,140,.12),rgba(216,190,140,.035) 38%,transparent 70%)!important;
  filter:blur(22px)!important;
  opacity:.55!important;
  animation:shiOracleAuraV99 8.6s ease-in-out infinite!important;
}
.section-shi .shi-oracle-field svg{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
.section-shi .shi-oracle-field path,
.section-shi .shi-oracle-field circle{
  vector-effect:non-scaling-stroke!important;
}
.section-shi .shi-oracle-rings circle{
  fill:none!important;
  stroke:rgba(216,190,140,.18)!important;
  stroke-width:1!important;
  transform-origin:438px 260px!important;
  animation:shiOracleBreathV99 9.6s ease-in-out infinite!important;
}
.section-shi .shi-oracle-rings circle:nth-child(2){animation-delay:.45s!important;opacity:.82!important;}
.section-shi .shi-oracle-rings circle:nth-child(3){animation-delay:.9s!important;opacity:.74!important;}
.section-shi .shi-oracle-rings circle:nth-child(4){animation-delay:1.35s!important;opacity:.62!important;}
.section-shi .shi-oracle-grid path{
  fill:none!important;
  stroke:rgba(216,190,140,.16)!important;
  stroke-width:1!important;
  stroke-dasharray:720!important;
  stroke-dashoffset:720!important;
  animation:shiOracleDrawV99 8.8s cubic-bezier(.19,1,.22,1) infinite!important;
}
.section-shi .shi-oracle-grid path:nth-child(2){
  stroke:rgba(216,190,140,.13)!important;
  animation-delay:.45s!important;
}
.section-shi .shi-oracle-grid path:nth-child(3){
  stroke:rgba(216,190,140,.11)!important;
  animation-delay:.9s!important;
}
.section-shi .shi-oracle-lines path{
  fill:none!important;
  stroke:rgba(216,190,140,.115)!important;
  stroke-width:1.05!important;
  stroke-linecap:round!important;
  stroke-dasharray:7 18!important;
  animation:shiOracleCurrentV99 10.5s ease-in-out infinite!important;
}
.section-shi .shi-oracle-lines path:nth-child(2){
  animation-delay:1.1s!important;
  opacity:.76!important;
}
.section-shi .shi-oracle-lines path:nth-child(3){
  animation-delay:2.2s!important;
  opacity:.62!important;
}
.section-shi .shi-oracle-stars circle{
  fill:rgba(236,228,216,.74)!important;
  stroke:rgba(216,190,140,.26)!important;
  stroke-width:1!important;
  filter:drop-shadow(0 0 8px rgba(216,190,140,.36))!important;
  transform-origin:center!important;
  animation:shiOracleStarV99 4.8s ease-in-out infinite!important;
}
.section-shi .shi-oracle-stars circle:nth-child(2){animation-delay:.5s!important;}
.section-shi .shi-oracle-stars circle:nth-child(3){animation-delay:1s!important;}
.section-shi .shi-oracle-stars circle:nth-child(4){animation-delay:1.5s!important;}
.section-shi .shi-oracle-stars circle:nth-child(5){animation-delay:2s!important;}
.section-shi .shi-oracle-stars circle:nth-child(6){animation-delay:2.5s!important;}
.section-shi .quote-layout{
  position:relative!important;
  z-index:3!important;
}
.section-shi .classic-quote{
  position:relative!important;
  z-index:3!important;
}

@keyframes shiOracleAuraV99{
  0%,100%{opacity:.36;transform:scale(.985);}
  50%{opacity:.68;transform:scale(1.025);}
}
@keyframes shiOracleBreathV99{
  0%,100%{opacity:.38;transform:scale(.992);}
  50%{opacity:.82;transform:scale(1.012);}
}
@keyframes shiOracleDrawV99{
  0%{stroke-dashoffset:720;opacity:.06;}
  26%{stroke-dashoffset:0;opacity:.46;}
  78%{stroke-dashoffset:0;opacity:.22;}
  100%{stroke-dashoffset:-720;opacity:.05;}
}
@keyframes shiOracleCurrentV99{
  0%,100%{stroke-dashoffset:0;opacity:.20;}
  50%{stroke-dashoffset:-80;opacity:.48;}
}
@keyframes shiOracleStarV99{
  0%,100%{opacity:.34;transform:scale(.78);}
  48%{opacity:.98;transform:scale(1.12);}
}

@media(max-width:980px){
  .section-shi .shi-oracle-field{
    right:-18vw!important;
    top:56%!important;
    width:118vw!important;
    opacity:.34!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-oracle-field{
    right:-36vw!important;
    top:58%!important;
    width:142vw!important;
    opacity:.27!important;
    filter:drop-shadow(0 0 20px rgba(216,190,140,.035))!important;
  }
  .section-shi .shi-oracle-lines path{
    opacity:.26!important;
    stroke-width:.8!important;
  }
  .section-shi .shi-oracle-stars circle{
    filter:drop-shadow(0 0 5px rgba(216,190,140,.26))!important;
  }
}

/* V100｜03 勢：撤掉硬框與圓盤，改為星河養勢的暗場 */
.section-shi{
  background:
    radial-gradient(ellipse at 62% 40%,rgba(216,190,140,.055),transparent 32%),
    radial-gradient(ellipse at 18% 74%,rgba(139,46,46,.030),transparent 38%),
    linear-gradient(180deg,#050302 0%,#080504 48%,#040302 100%)!important;
}
.section-shi .shi-oracle-field{
  display:none!important;
}
.section-shi:before{
  right:auto!important;
  left:46%!important;
  top:50%!important;
  width:46vw!important;
  height:46vw!important;
  max-width:760px!important;
  max-height:760px!important;
  opacity:.10!important;
  background:
    radial-gradient(circle,rgba(216,190,140,.10),transparent 58%),
    conic-gradient(from 128deg,transparent 0 21deg,rgba(216,190,140,.06) 22deg 22.4deg,transparent 23deg 70deg)!important;
  filter:blur(.25px)!important;
  animation:shiHazeWheelV100 18s ease-in-out infinite!important;
}
.section-shi .flow-bg{
  background:
    radial-gradient(circle at 62% 38%,rgba(236,228,216,.15),transparent .55%,transparent 100%),
    radial-gradient(circle at 74% 48%,rgba(216,190,140,.12),transparent .5%,transparent 100%),
    radial-gradient(circle at 86% 30%,rgba(236,228,216,.13),transparent .42%,transparent 100%),
    radial-gradient(circle at 52% 62%,rgba(216,190,140,.09),transparent .42%,transparent 100%),
    radial-gradient(ellipse at 68% 48%,rgba(216,190,140,.070),transparent 36%),
    linear-gradient(112deg,transparent 0%,rgba(216,190,140,.018) 48%,transparent 76%)!important;
  opacity:.82!important;
  animation:shiStarFieldV100 12s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.78!important;
  mix-blend-mode:screen!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.76) 22%,#000 68%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.76) 22%,#000 68%,transparent 100%)!important;
}
.section-shi .shi-galaxy-field:before{
  content:""!important;
  position:absolute!important;
  left:24%!important;
  right:4%!important;
  top:31%!important;
  height:42%!important;
  background:
    radial-gradient(ellipse at 58% 45%,rgba(216,190,140,.13),rgba(216,190,140,.035) 42%,transparent 72%),
    radial-gradient(ellipse at 72% 25%,rgba(236,228,216,.055),transparent 56%)!important;
  filter:blur(26px)!important;
  opacity:.46!important;
  transform:rotate(-7deg)!important;
  animation:shiGalaxyGlowV100 9s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field svg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
.section-shi .shi-galaxy-field path,
.section-shi .shi-galaxy-field circle{
  vector-effect:non-scaling-stroke!important;
}
.section-shi .shi-galaxy-streams path{
  fill:none!important;
  stroke:rgba(216,190,140,.13)!important;
  stroke-width:1!important;
  stroke-linecap:round!important;
  stroke-dasharray:2 24!important;
  filter:drop-shadow(0 0 10px rgba(216,190,140,.10))!important;
  animation:shiGalaxyCurrentV100 13s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-streams path:nth-child(2){
  stroke:rgba(216,190,140,.10)!important;
  animation-delay:1.7s!important;
}
.section-shi .shi-galaxy-streams path:nth-child(3){
  stroke:rgba(236,228,216,.11)!important;
  animation-delay:3.2s!important;
}
.section-shi .shi-galaxy-stars circle{
  fill:rgba(236,228,216,.70)!important;
  stroke:rgba(216,190,140,.24)!important;
  stroke-width:1!important;
  filter:drop-shadow(0 0 8px rgba(216,190,140,.32))!important;
  animation:shiGalaxyStarV100 5.8s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(2){animation-delay:.35s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(3){animation-delay:.7s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(4){animation-delay:1.05s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(5){animation-delay:1.4s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(6){animation-delay:1.75s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(7){animation-delay:2.1s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(8){animation-delay:2.45s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(9){animation-delay:2.8s!important;}
.section-shi .shi-galaxy-dust circle{
  fill:rgba(216,190,140,.35)!important;
  filter:drop-shadow(0 0 6px rgba(216,190,140,.18))!important;
  animation:shiGalaxyDustV100 9.5s ease-in-out infinite!important;
}
.section-shi .classic-quote{
  border:0!important;
  min-height:420px!important;
  padding:86px clamp(56px,6vw,118px) 84px!important;
  background:
    linear-gradient(90deg,transparent,rgba(216,190,140,.035) 48%,transparent 100%),
    radial-gradient(ellipse at 50% 50%,rgba(216,190,140,.040),transparent 58%)!important;
  box-shadow:none!important;
}
.section-shi .classic-quote:before{
  display:block!important;
  inset:44px 7%!important;
  border:0!important;
  border-top:1px solid rgba(216,190,140,.16)!important;
  border-bottom:1px solid rgba(216,190,140,.10)!important;
  box-shadow:none!important;
  opacity:.72!important;
}
.section-shi .classic-quote:after{
  width:82%!important;
  height:70%!important;
  opacity:.24!important;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(216,190,140,.12),rgba(216,190,140,.025) 48%,transparent 74%)!important;
  filter:blur(18px)!important;
}
.section-shi .quote-frame-svg,
.section-shi .classic-quote .corner{
  display:none!important;
}
.section-shi .classic-quote .quote-lines{
  gap:10px!important;
  max-width:760px!important;
}
.section-shi .classic-quote .quote-lines p{
  color:rgba(236,228,216,.86)!important;
  font-size:clamp(20px,1.42vw,27px)!important;
  line-height:1.9!important;
  letter-spacing:.20em!important;
}
.section-shi .classic-quote .quote-lines p:before{
  width:30px!important;
  bottom:-3px!important;
  opacity:.26!important;
}
.section-shi .classic-quote em{
  margin-top:22px!important;
  color:rgba(216,190,140,.54)!important;
  letter-spacing:.38em!important;
}
.section-shi .classic-quote .seal{
  width:34px!important;
  height:34px!important;
  right:7%!important;
  bottom:54px!important;
  opacity:.74!important;
  border-color:rgba(139,46,46,.54)!important;
  color:rgba(196,56,46,.64)!important;
  background:transparent!important;
  box-shadow:none!important;
}

@keyframes shiHazeWheelV100{
  0%,100%{opacity:.07;transform:translateY(-50%) scale(.98);}
  50%{opacity:.14;transform:translateY(-50%) scale(1.02);}
}
@keyframes shiStarFieldV100{
  0%,100%{opacity:.58;filter:blur(.1px);}
  50%{opacity:.88;filter:blur(.35px);}
}
@keyframes shiGalaxyGlowV100{
  0%,100%{opacity:.30;transform:rotate(-7deg) scale(.985);}
  50%{opacity:.58;transform:rotate(-7deg) scale(1.025);}
}
@keyframes shiGalaxyCurrentV100{
  0%,100%{stroke-dashoffset:0;opacity:.26;}
  50%{stroke-dashoffset:-92;opacity:.58;}
}
@keyframes shiGalaxyStarV100{
  0%,100%{opacity:.34;transform:translateY(0) scale(.84);}
  50%{opacity:1;transform:translateY(-4px) scale(1.12);}
}
@keyframes shiGalaxyDustV100{
  0%,100%{opacity:.16;transform:translate(-4px,3px) scale(.8);}
  50%{opacity:.56;transform:translate(7px,-5px) scale(1.08);}
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field{
    opacity:.58!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.88) 14%,#000 86%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.88) 14%,#000 86%,transparent 100%)!important;
  }
  .section-shi .classic-quote{
    min-height:360px!important;
    padding:74px 36px 78px!important;
  }
  .section-shi .classic-quote:before{
    inset:34px 5%!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    opacity:.46!important;
    transform:scale(1.12)!important;
    transform-origin:64% 48%!important;
  }
  .section-shi .shi-galaxy-streams path{
    stroke-width:.72!important;
    stroke-dasharray:1 22!important;
  }
  .section-shi .classic-quote{
    padding:62px 22px 70px!important;
    background:radial-gradient(ellipse at 50% 50%,rgba(216,190,140,.035),transparent 62%)!important;
  }
  .section-shi .classic-quote:before{
    inset:26px 10px!important;
  }
  .section-shi .classic-quote .quote-lines{
    gap:8px!important;
  }
  .section-shi .classic-quote .quote-lines p{
    font-size:16px!important;
    line-height:1.88!important;
    letter-spacing:.08em!important;
  }
  .section-shi .classic-quote .seal{
    right:22px!important;
    bottom:28px!important;
    width:30px!important;
    height:30px!important;
  }
}

/* V105｜03 線條柔化：保留氣息，不保留硬邊界 */
.section-shi:before{
  opacity:.035!important;
  filter:blur(1.4px)!important;
}
.section-shi .shi-galaxy-streams path{
  opacity:.045!important;
  stroke:rgba(236,228,216,.030)!important;
  stroke-width:.24!important;
  filter:blur(1.25px)!important;
}
.section-shi .classic-quote:before{
  left:18%!important;
  right:18%!important;
  inset-block:44px!important;
  border-top-color:rgba(216,190,140,.045)!important;
  border-bottom-color:rgba(216,190,140,.035)!important;
  filter:blur(.7px)!important;
  opacity:.46!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 50%,rgba(0,0,0,.35) 82%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 50%,rgba(0,0,0,.35) 82%,transparent 100%)!important;
}
.section-shi .classic-quote:after{
  opacity:.18!important;
  filter:blur(24px)!important;
}
.section-shi .flow-bg{
  opacity:.34!important;
}

@media(max-width:760px){
  .section-shi .classic-quote:before{
    left:12%!important;
    right:12%!important;
    inset-block:28px!important;
    opacity:.34!important;
  }
}

/* V107｜03 策論上下霧金線：微明顯，但不成硬框 */
.section-shi .classic-quote:before{
  left:16%!important;
  right:16%!important;
  top:0!important;
  bottom:0!important;
  height:auto!important;
  border:0!important;
  background:
    linear-gradient(90deg,transparent 0%,rgba(216,190,140,.075) 18%,rgba(216,190,140,.18) 50%,rgba(216,190,140,.075) 82%,transparent 100%) center 29%/100% 1px no-repeat,
    linear-gradient(90deg,transparent 0%,rgba(216,190,140,.060) 18%,rgba(216,190,140,.15) 50%,rgba(216,190,140,.060) 82%,transparent 100%) center 72%/100% 1px no-repeat!important;
  filter:blur(.35px)!important;
  opacity:.78!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 14%,#000 50%,rgba(0,0,0,.45) 86%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 14%,#000 50%,rgba(0,0,0,.45) 86%,transparent 100%)!important;
}

@media(max-width:760px){
  .section-shi .classic-quote:before{
    left:12%!important;
    right:12%!important;
    opacity:.62!important;
    background:
      linear-gradient(90deg,transparent 0%,rgba(216,190,140,.060) 20%,rgba(216,190,140,.14) 50%,rgba(216,190,140,.060) 80%,transparent 100%) center 28%/100% 1px no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(216,190,140,.050) 20%,rgba(216,190,140,.12) 50%,rgba(216,190,140,.050) 80%,transparent 100%) center 74%/100% 1px no-repeat!important;
  }
}

/* V106｜03 移除突兀上界線：只保留柔霧，不做分割 */
.section-shi .classic-quote:before{
  border-top:0!important;
  border-bottom:0!important;
  left:24%!important;
  right:24%!important;
  top:50%!important;
  bottom:auto!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.045),transparent)!important;
  filter:blur(3px)!important;
  opacity:.32!important;
}
.section-shi .classic-quote{
  background:
    radial-gradient(ellipse at 52% 48%,rgba(5,3,2,.42),rgba(5,3,2,.20) 45%,transparent 72%),
    radial-gradient(ellipse at 52% 52%,rgba(216,190,140,.030),transparent 58%)!important;
}
.section-shi .classic-quote:after{
  opacity:.14!important;
}

@media(max-width:760px){
  .section-shi .classic-quote:before{
    left:18%!important;
    right:18%!important;
    top:52%!important;
    opacity:.24!important;
  }
}

/* V101｜章節大標統一：01-05 同一套精品米金標準 */
.section-fate .section-title h2,
.section-ju .center-title h2,
.section-shi .quote-side h2,
.section-create .create-copy h2,
.section-about .section-title h2{
  margin:0 0 clamp(22px,2vw,34px)!important;
  color:rgba(224,199,154,.92)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:clamp(48px,3.45vw,64px)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:.17em!important;
  text-indent:0!important;
  text-shadow:0 0 18px rgba(216,190,140,.060)!important;
}
.section-ju .center-title h2,
.section-shi .quote-side h2{
  color:rgba(228,203,160,.94)!important;
}
.section-fate .section-title .eyebrow,
.section-ju .center-title .eyebrow,
.section-shi .quote-side .eyebrow,
.section-create .create-copy .eyebrow,
.section-about .section-title .eyebrow{
  color:rgba(185,145,110,.82)!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.42em!important;
  line-height:1.2!important;
}
.section-fate .section-title .chapter-lead,
.section-ju .center-title p:not(.eyebrow),
.section-shi .quote-side p:not(.eyebrow),
.section-create .create-copy .large-quote,
.section-about .section-title .chapter-lead{
  color:rgba(183,171,157,.84)!important;
}

@media(max-width:980px){
  .section-fate .section-title h2,
  .section-ju .center-title h2,
  .section-shi .quote-side h2,
  .section-create .create-copy h2,
  .section-about .section-title h2{
    font-size:clamp(42px,7vw,54px)!important;
    letter-spacing:.16em!important;
    margin-bottom:22px!important;
  }
}

@media(max-width:520px){
  .section-fate .section-title h2,
  .section-ju .center-title h2,
  .section-shi .quote-side h2,
  .section-create .create-copy h2,
  .section-about .section-title h2{
    font-size:40px!important;
    letter-spacing:.13em!important;
    line-height:1.12!important;
  }
  .section-about .section-title h2{
    font-size:38px!important;
  }
}

/* V104｜03 星河收束：集中在策論文字區，降低邊界與星點躁感 */
.section-shi .flow-bg{
  opacity:.42!important;
  background:
    radial-gradient(circle at 58% 36%,rgba(236,228,216,.18) 0 .7px,transparent 1.4px),
    radial-gradient(circle at 68% 47%,rgba(216,190,140,.16) 0 .7px,transparent 1.4px),
    radial-gradient(circle at 76% 55%,rgba(236,228,216,.13) 0 .65px,transparent 1.35px),
    radial-gradient(ellipse at 67% 52%,rgba(216,190,140,.052),transparent 30%),
    linear-gradient(180deg,rgba(42,64,102,.025),transparent 50%)!important;
}
.section-shi .shi-galaxy-field{
  inset:15% 4% 12% 34%!important;
  opacity:.70!important;
  transform:none!important;
  mask-image:radial-gradient(ellipse at 54% 50%,#000 0%,rgba(0,0,0,.88) 34%,rgba(0,0,0,.35) 62%,transparent 83%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 54% 50%,#000 0%,rgba(0,0,0,.88) 34%,rgba(0,0,0,.35) 62%,transparent 83%)!important;
}
.section-shi .shi-galaxy-field:before{
  left:4%!important;
  top:10%!important;
  width:96%!important;
  height:72%!important;
  opacity:.56!important;
  filter:blur(18px) saturate(.82)!important;
  transform:rotate(-22deg) skewX(-5deg)!important;
  background:
    radial-gradient(ellipse at 30% 36%,rgba(236,228,216,.20),rgba(216,190,140,.08) 16%,transparent 38%),
    radial-gradient(ellipse at 52% 50%,rgba(226,235,255,.15),rgba(216,190,140,.060) 18%,transparent 44%),
    radial-gradient(ellipse at 70% 58%,rgba(236,228,216,.16),rgba(216,160,110,.060) 18%,transparent 48%),
    linear-gradient(90deg,transparent 0%,rgba(86,122,184,.040) 18%,rgba(236,228,216,.075) 42%,rgba(216,190,140,.060) 62%,transparent 100%)!important;
}
.section-shi .shi-galaxy-field:after{
  left:4%!important;
  top:5%!important;
  width:92%!important;
  height:86%!important;
  opacity:.54!important;
  background-image:
    radial-gradient(circle,rgba(236,228,216,.66) 0 .62px,transparent 1.25px),
    radial-gradient(circle,rgba(214,229,255,.36) 0 .52px,transparent 1.12px),
    radial-gradient(circle,rgba(216,190,140,.32) 0 .58px,transparent 1.18px),
    radial-gradient(circle,rgba(236,228,216,.20) 0 .45px,transparent 1px),
    radial-gradient(ellipse at 58% 52%,rgba(236,228,216,.11),transparent 24%)!important;
  background-size:
    146px 128px,
    97px 83px,
    188px 160px,
    66px 58px,
    100% 100%!important;
  animation:shiStarDustDriftV104 18s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field svg{
  opacity:.34!important;
}
.section-shi .shi-galaxy-streams path{
  opacity:.12!important;
  stroke-width:.32!important;
}
.section-shi .shi-galaxy-stars circle{
  r:1.15px!important;
  opacity:.70!important;
  filter:drop-shadow(0 0 6px rgba(236,228,216,.20))!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(4),
.section-shi .shi-galaxy-stars circle:nth-child(7),
.section-shi .shi-galaxy-stars circle:nth-child(9){
  r:1.45px!important;
}
.section-shi .shi-galaxy-dust circle{
  r:.55px!important;
  opacity:.46!important;
}

@keyframes shiStarDustDriftV104{
  0%,100%{opacity:.42;transform:translate3d(0,0,0) scale(1);}
  50%{opacity:.68;transform:translate3d(-7px,4px,0) scale(1.006);}
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field{
    inset:28% 4% 18% 8%!important;
    opacity:.52!important;
  }
  .section-shi .shi-galaxy-field:before{
    left:2%!important;
    top:8%!important;
    width:108%!important;
    opacity:.44!important;
  }
  .section-shi .shi-galaxy-field:after{
    opacity:.42!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    inset:34% -6% 18% -6%!important;
    opacity:.40!important;
  }
  .section-shi .shi-galaxy-field:before{
    left:0!important;
    top:18%!important;
    width:100%!important;
    height:58%!important;
    filter:blur(18px) saturate(.78)!important;
  }
  .section-shi .shi-galaxy-field:after{
    opacity:.34!important;
    background-size:
      136px 118px,
      92px 78px,
      164px 142px,
      72px 62px,
      100% 100%!important;
  }
}

/* V109｜03 回復銀河、移除框感：不做匡，只做文字後方星雲 */
.section-shi:before{
  opacity:0!important;
  display:none!important;
}
.section-shi .bamboo-shadow{
  opacity:.035!important;
  filter:blur(3px)!important;
}
.section-shi .shi-galaxy-field{
  inset:8% 2% 8% 24%!important;
  opacity:.96!important;
  transform:none!important;
  mix-blend-mode:screen!important;
  mask-image:radial-gradient(ellipse at 55% 48%,#000 0%,#000 36%,rgba(0,0,0,.60) 58%,rgba(0,0,0,.16) 76%,transparent 92%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 55% 48%,#000 0%,#000 36%,rgba(0,0,0,.60) 58%,rgba(0,0,0,.16) 76%,transparent 92%)!important;
}
.section-shi .shi-galaxy-field:before{
  left:0!important;
  top:2%!important;
  width:108%!important;
  height:92%!important;
  opacity:.82!important;
  border-radius:50%!important;
  transform:rotate(-26deg) skewX(-6deg)!important;
  filter:blur(15px) saturate(.9)!important;
  background:
    radial-gradient(ellipse at 24% 34%,rgba(236,228,216,.28),rgba(216,190,140,.105) 15%,transparent 36%),
    radial-gradient(ellipse at 44% 48%,rgba(226,235,255,.24),rgba(216,190,140,.080) 18%,transparent 43%),
    radial-gradient(ellipse at 64% 57%,rgba(236,228,216,.27),rgba(216,160,110,.085) 18%,transparent 46%),
    radial-gradient(ellipse at 78% 63%,rgba(236,228,216,.18),rgba(90,125,190,.075) 20%,transparent 52%),
    linear-gradient(90deg,transparent 0%,rgba(86,122,184,.055) 18%,rgba(236,228,216,.11) 42%,rgba(216,190,140,.090) 62%,rgba(68,92,150,.050) 80%,transparent 100%)!important;
}
.section-shi .shi-galaxy-field:after{
  left:-2%!important;
  top:-4%!important;
  width:110%!important;
  height:108%!important;
  opacity:.70!important;
  background-image:
    radial-gradient(circle,rgba(236,228,216,.78) 0 .7px,transparent 1.35px),
    radial-gradient(circle,rgba(214,229,255,.42) 0 .56px,transparent 1.18px),
    radial-gradient(circle,rgba(216,190,140,.38) 0 .62px,transparent 1.25px),
    radial-gradient(circle,rgba(236,228,216,.22) 0 .48px,transparent 1px),
    radial-gradient(ellipse at 58% 52%,rgba(236,228,216,.13),transparent 24%)!important;
  background-size:
    142px 124px,
    91px 79px,
    182px 154px,
    62px 54px,
    100% 100%!important;
  filter:drop-shadow(0 0 6px rgba(216,190,140,.13))!important;
  animation:shiStarDustDriftV104 18s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field svg{
  opacity:.10!important;
}
.section-shi .shi-galaxy-streams path{
  opacity:.012!important;
  stroke:rgba(236,228,216,.012)!important;
  stroke-width:.12!important;
  filter:blur(3px)!important;
}
.section-shi .classic-quote{
  border:0!important;
  box-shadow:none!important;
  background:
    radial-gradient(ellipse at 52% 48%,rgba(5,3,2,.34),rgba(5,3,2,.14) 44%,transparent 74%)!important;
}
.section-shi .classic-quote:before{
  display:none!important;
  content:none!important;
}
.section-shi .classic-quote:after{
  opacity:.10!important;
  filter:blur(30px)!important;
}
.section-shi .quote-frame-svg,
.section-shi .classic-quote .corner{
  display:none!important;
}
.section-shi .classic-quote .seal{
  opacity:.58!important;
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field{
    inset:24% -2% 16% 4%!important;
    opacity:.74!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    inset:32% -12% 16% -12%!important;
    opacity:.52!important;
  }
  .section-shi .shi-galaxy-field:before{
    top:10%!important;
    width:118%!important;
    height:72%!important;
    filter:blur(18px) saturate(.82)!important;
  }
  .section-shi .shi-galaxy-field:after{
    opacity:.44!important;
  }
}

/* V112｜03 層級修正：文字與印章永遠在星河霧光最前 */
.section-shi .shi-galaxy-field{
  z-index:1!important;
}
.section-shi .quote-layout{
  position:relative!important;
  z-index:5!important;
  isolation:isolate!important;
}
.section-shi .classic-quote{
  position:relative!important;
  z-index:6!important;
  isolation:isolate!important;
}
.section-shi .classic-quote:after{
  z-index:0!important;
  pointer-events:none!important;
}
.section-shi .classic-quote .quote-lines,
.section-shi .classic-quote .quote-lines p,
.section-shi .classic-quote em,
.section-shi .classic-quote .seal{
  position:relative!important;
  z-index:8!important;
  opacity:1!important;
}
.section-shi .classic-quote .quote-lines p{
  color:rgba(236,228,216,.92)!important;
  text-shadow:
    0 0 1px rgba(5,3,2,.70),
    0 0 12px rgba(216,190,140,.055)!important;
  animation:none!important;
}
.section-shi .classic-quote em{
  color:rgba(216,190,140,.72)!important;
  text-shadow:0 0 10px rgba(5,3,2,.72)!important;
}
.section-shi .classic-quote .seal{
  z-index:9!important;
  opacity:.86!important;
  color:rgba(196,56,46,.78)!important;
  border-color:rgba(139,46,46,.70)!important;
  text-shadow:0 0 8px rgba(5,3,2,.82)!important;
}

/* V111｜03 星河縮進與動態星點：避免裁切，恢復細緻閃爍 */
.section-shi .shi-galaxy-field{
  inset:12% 8% 13% 32%!important;
  opacity:.90!important;
  mask-image:radial-gradient(ellipse at 52% 48%,#000 0%,#000 34%,rgba(0,0,0,.58) 57%,rgba(0,0,0,.16) 75%,transparent 90%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 52% 48%,#000 0%,#000 34%,rgba(0,0,0,.58) 57%,rgba(0,0,0,.16) 75%,transparent 90%)!important;
}
.section-shi .shi-galaxy-field:before{
  left:5%!important;
  top:7%!important;
  width:92%!important;
  height:82%!important;
  opacity:.72!important;
  filter:blur(16px) saturate(.88)!important;
}
.section-shi .shi-galaxy-field:after{
  left:3%!important;
  top:2%!important;
  width:94%!important;
  height:94%!important;
  opacity:.60!important;
}
.section-shi .shi-galaxy-field svg{
  opacity:.34!important;
  overflow:visible!important;
}
.section-shi .shi-galaxy-streams path{
  opacity:.004!important;
  stroke-width:.08!important;
}
.section-shi .shi-galaxy-stars circle{
  r:1.05px!important;
  fill:rgba(236,228,216,.76)!important;
  stroke:rgba(216,190,140,.18)!important;
  stroke-width:.35!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  filter:drop-shadow(0 0 5px rgba(216,190,140,.20))!important;
  animation:shiFineStarPulseV111 5.8s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(2){animation-delay:.55s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(3){animation-delay:1.1s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(4){animation-delay:1.65s!important;r:1.3px!important;}
.section-shi .shi-galaxy-stars circle:nth-child(5){animation-delay:2.2s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(6){animation-delay:2.75s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(7){animation-delay:3.3s!important;r:1.35px!important;}
.section-shi .shi-galaxy-stars circle:nth-child(8){animation-delay:3.85s!important;}
.section-shi .shi-galaxy-stars circle:nth-child(9){animation-delay:4.4s!important;r:1.25px!important;}
.section-shi .shi-galaxy-dust circle{
  r:.45px!important;
  opacity:.38!important;
  fill:rgba(216,190,140,.42)!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  animation:shiFineDustFloatV111 9.5s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-dust circle:nth-child(2n){animation-delay:1.2s!important;}
.section-shi .shi-galaxy-dust circle:nth-child(3n){animation-delay:2.4s!important;}

@keyframes shiFineStarPulseV111{
  0%,100%{opacity:.20;transform:translate3d(0,0,0) scale(.70);}
  48%{opacity:.88;transform:translate3d(-1px,.8px,0) scale(1.12);}
}
@keyframes shiFineDustFloatV111{
  0%,100%{opacity:.16;transform:translate3d(0,0,0) scale(.82);}
  50%{opacity:.48;transform:translate3d(3px,-2px,0) scale(1.04);}
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field{
    inset:28% 6% 18% 10%!important;
    opacity:.66!important;
  }
  .section-shi .shi-galaxy-field:before{
    width:96%!important;
    height:72%!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    inset:35% -2% 18% -2%!important;
    opacity:.46!important;
  }
  .section-shi .shi-galaxy-field:before{
    left:6%!important;
    width:88%!important;
    height:62%!important;
  }
  .section-shi .shi-galaxy-field svg{
    opacity:.26!important;
  }
}

/* V103｜03 勢：銀河星雲化，從線條改為星塵雲帶 */
.section-shi{
  background:
    radial-gradient(ellipse at 72% 20%,rgba(70,96,145,.085),transparent 38%),
    radial-gradient(ellipse at 58% 68%,rgba(216,145,82,.070),transparent 28%),
    radial-gradient(ellipse at 24% 78%,rgba(139,46,46,.028),transparent 36%),
    linear-gradient(180deg,#030508 0%,#070504 52%,#030201 100%)!important;
}
.section-shi .flow-bg{
  opacity:.72!important;
  background:
    radial-gradient(circle at 63% 15%,rgba(236,228,216,.42) 0 1px,transparent 1.8px),
    radial-gradient(circle at 77% 25%,rgba(204,222,255,.34) 0 1px,transparent 1.8px),
    radial-gradient(circle at 82% 42%,rgba(216,190,140,.28) 0 1px,transparent 1.7px),
    radial-gradient(circle at 54% 34%,rgba(236,228,216,.26) 0 1px,transparent 1.6px),
    radial-gradient(circle at 68% 58%,rgba(236,228,216,.20) 0 1px,transparent 1.6px),
    radial-gradient(ellipse at 64% 80%,rgba(216,145,82,.11),transparent 26%),
    linear-gradient(180deg,rgba(42,64,102,.05),transparent 48%)!important;
  animation:shiGalaxySkyBreathV103 10s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field{
  opacity:.96!important;
  mix-blend-mode:screen!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 16%,#000 36%,#000 82%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 16%,#000 36%,#000 82%,transparent 100%)!important;
}
.section-shi .shi-galaxy-field:before{
  left:13%!important;
  right:auto!important;
  top:4%!important;
  width:88%!important;
  height:78%!important;
  border-radius:48% 52% 48% 52%!important;
  opacity:.74!important;
  transform:rotate(-28deg) skewX(-6deg)!important;
  background:
    radial-gradient(ellipse at 25% 35%,rgba(236,228,216,.34),rgba(216,190,140,.13) 14%,transparent 34%),
    radial-gradient(ellipse at 44% 48%,rgba(226,235,255,.27),rgba(216,190,140,.095) 18%,transparent 42%),
    radial-gradient(ellipse at 62% 56%,rgba(236,228,216,.30),rgba(216,160,110,.11) 18%,transparent 46%),
    radial-gradient(ellipse at 76% 62%,rgba(236,228,216,.20),rgba(90,125,190,.10) 19%,transparent 50%),
    linear-gradient(90deg,transparent 0%,rgba(86,122,184,.09) 18%,rgba(236,228,216,.14) 38%,rgba(216,190,140,.10) 58%,rgba(68,92,150,.075) 78%,transparent 100%)!important;
  filter:blur(13px) saturate(.92)!important;
  animation:shiMilkyWayBreathV103 12s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field:after{
  content:""!important;
  position:absolute!important;
  left:-4%!important;
  top:-8%!important;
  width:112%!important;
  height:112%!important;
  opacity:.88!important;
  pointer-events:none!important;
  background-image:
    radial-gradient(circle,rgba(236,228,216,.92) 0 1px,transparent 1.8px),
    radial-gradient(circle,rgba(214,229,255,.54) 0 .8px,transparent 1.6px),
    radial-gradient(circle,rgba(216,190,140,.52) 0 .9px,transparent 1.7px),
    radial-gradient(circle,rgba(236,228,216,.32) 0 .7px,transparent 1.4px),
    radial-gradient(ellipse at 58% 52%,rgba(236,228,216,.18),transparent 26%)!important;
  background-size:
    127px 109px,
    83px 71px,
    173px 151px,
    49px 43px,
    100% 100%!important;
  background-position:
    13px 19px,
    42px 31px,
    17px 88px,
    8px 5px,
    center!important;
  filter:drop-shadow(0 0 5px rgba(216,190,140,.14))!important;
  animation:shiStarDustDriftV103 16s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field svg{
  opacity:.62!important;
}
.section-shi .shi-galaxy-streams path{
  stroke:rgba(236,228,216,.045)!important;
  stroke-width:.45!important;
  stroke-dasharray:1 34!important;
  filter:blur(.2px)!important;
  opacity:.26!important;
}
.section-shi .shi-galaxy-stars circle{
  fill:rgba(236,228,216,.82)!important;
  stroke:rgba(216,190,140,.20)!important;
  filter:drop-shadow(0 0 10px rgba(236,228,216,.30))!important;
}
.section-shi .shi-galaxy-dust circle{
  fill:rgba(236,228,216,.55)!important;
}
.section-shi .classic-quote{
  background:
    radial-gradient(ellipse at 52% 52%,rgba(5,3,2,.45),rgba(5,3,2,.22) 46%,transparent 72%),
    linear-gradient(90deg,transparent,rgba(216,190,140,.025) 50%,transparent 100%)!important;
}
.section-shi .classic-quote:before{
  border-top-color:rgba(216,190,140,.10)!important;
  border-bottom-color:rgba(216,190,140,.065)!important;
}

@keyframes shiGalaxySkyBreathV103{
  0%,100%{opacity:.56;filter:brightness(.92);}
  50%{opacity:.82;filter:brightness(1.06);}
}
@keyframes shiMilkyWayBreathV103{
  0%,100%{opacity:.42;transform:rotate(-28deg) skewX(-6deg) scale(.985);}
  50%{opacity:.78;transform:rotate(-28deg) skewX(-6deg) scale(1.028);}
}
@keyframes shiStarDustDriftV103{
  0%,100%{opacity:.66;transform:translate3d(0,0,0) scale(1);}
  50%{opacity:.96;transform:translate3d(-14px,8px,0) scale(1.012);}
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field:before{
    left:2%!important;
    top:10%!important;
    width:122%!important;
    height:70%!important;
    opacity:.58!important;
  }
  .section-shi .shi-galaxy-field:after{
    opacity:.70!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    opacity:.68!important;
    transform:scale(1.04)!important;
  }
  .section-shi .shi-galaxy-field:before{
    left:-20%!important;
    top:16%!important;
    width:150%!important;
    height:62%!important;
    filter:blur(15px) saturate(.86)!important;
  }
  .section-shi .shi-galaxy-field:after{
    opacity:.52!important;
    background-size:
      118px 104px,
      76px 67px,
      146px 129px,
      54px 47px,
      100% 100%!important;
  }
}

/* V102｜整體縮尺 20%：收掉粗獷感，保留東方精品留白 */
.section-fate .section-title h2,
.section-ju .center-title h2,
.section-shi .quote-side h2,
.section-create .create-copy h2,
.section-about .section-title h2{
  font-size:clamp(38px,2.75vw,52px)!important;
  line-height:1.1!important;
  letter-spacing:.16em!important;
  margin-bottom:clamp(18px,1.6vw,27px)!important;
  color:rgba(222,195,146,.92)!important;
  text-shadow:0 0 14px rgba(216,190,140,.045)!important;
}
.section-fate .section-title .eyebrow,
.section-ju .center-title .eyebrow,
.section-shi .quote-side .eyebrow,
.section-create .create-copy .eyebrow,
.section-about .section-title .eyebrow{
  font-size:10px!important;
  letter-spacing:.38em!important;
  color:rgba(185,145,110,.76)!important;
}
.section-fate .section-title .chapter-lead,
.section-ju .center-title p:not(.eyebrow),
.section-shi .quote-side p:not(.eyebrow),
.section-about .section-title .chapter-lead{
  font-size:clamp(15px,1.08vw,19px)!important;
  line-height:2!important;
  letter-spacing:.12em!important;
}
.section-create .create-copy .large-quote{
  font-size:clamp(22px,1.9vw,34px)!important;
  line-height:1.95!important;
  letter-spacing:.10em!important;
}
.section-shi .classic-quote .quote-lines p{
  font-size:clamp(17px,1.16vw,22px)!important;
  line-height:1.95!important;
  letter-spacing:.16em!important;
}
.small-gold-btn,
.section-create .btn,
.section-about .about-card,
.section-ju .qimen-confluence-v6 small{
  font-size:.88em!important;
}

@media(max-width:980px){
  .section-fate .section-title h2,
  .section-ju .center-title h2,
  .section-shi .quote-side h2,
  .section-create .create-copy h2,
  .section-about .section-title h2{
    font-size:clamp(36px,6vw,46px)!important;
    letter-spacing:.145em!important;
  }
  .section-create .create-copy .large-quote{
    font-size:clamp(21px,4vw,28px)!important;
  }
}

@media(max-width:520px){
  .section-fate .section-title h2,
  .section-ju .center-title h2,
  .section-shi .quote-side h2,
  .section-create .create-copy h2,
  .section-about .section-title h2{
    font-size:34px!important;
    letter-spacing:.12em!important;
  }
  .section-about .section-title h2{
    font-size:32px!important;
  }
  .section-shi .classic-quote .quote-lines p{
    font-size:14px!important;
    letter-spacing:.06em!important;
  }
}

/* V108｜03 最終覆蓋：修正 CSS 順序，柔化星河邊界並恢復霧金線 */
.section-shi .shi-galaxy-field{
  inset:15% 4% 12% 34%!important;
  opacity:.64!important;
  transform:none!important;
  mix-blend-mode:screen!important;
  mask-image:radial-gradient(ellipse at 54% 50%,#000 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.22) 62%,transparent 84%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 54% 50%,#000 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.22) 62%,transparent 84%)!important;
}
.section-shi .shi-galaxy-field:before{
  left:4%!important;
  top:10%!important;
  width:96%!important;
  height:72%!important;
  opacity:.46!important;
  transform:rotate(-22deg) skewX(-5deg)!important;
  filter:blur(22px) saturate(.78)!important;
  background:
    radial-gradient(ellipse at 30% 36%,rgba(236,228,216,.16),rgba(216,190,140,.055) 16%,transparent 40%),
    radial-gradient(ellipse at 52% 50%,rgba(226,235,255,.11),rgba(216,190,140,.045) 18%,transparent 46%),
    radial-gradient(ellipse at 70% 58%,rgba(236,228,216,.12),rgba(216,160,110,.045) 18%,transparent 50%),
    linear-gradient(90deg,transparent 0%,rgba(86,122,184,.026) 18%,rgba(236,228,216,.052) 42%,rgba(216,190,140,.044) 62%,transparent 100%)!important;
}
.section-shi .shi-galaxy-field:after{
  left:4%!important;
  top:5%!important;
  width:92%!important;
  height:86%!important;
  opacity:.42!important;
  background-image:
    radial-gradient(circle,rgba(236,228,216,.54) 0 .56px,transparent 1.18px),
    radial-gradient(circle,rgba(214,229,255,.28) 0 .48px,transparent 1.08px),
    radial-gradient(circle,rgba(216,190,140,.26) 0 .52px,transparent 1.12px),
    radial-gradient(circle,rgba(236,228,216,.16) 0 .4px,transparent .96px),
    radial-gradient(ellipse at 58% 52%,rgba(236,228,216,.085),transparent 24%)!important;
  background-size:
    146px 128px,
    97px 83px,
    188px 160px,
    66px 58px,
    100% 100%!important;
  animation:shiStarDustDriftV104 18s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field svg{
  opacity:.16!important;
}
.section-shi .shi-galaxy-streams path{
  opacity:.025!important;
  stroke:rgba(236,228,216,.018)!important;
  stroke-width:.18!important;
  filter:blur(2px)!important;
}
.section-shi .classic-quote:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:1!important;
  left:17%!important;
  right:17%!important;
  top:0!important;
  bottom:0!important;
  height:auto!important;
  border:0!important;
  background:
    linear-gradient(90deg,transparent 0%,rgba(216,190,140,.090) 18%,rgba(216,190,140,.22) 50%,rgba(216,190,140,.090) 82%,transparent 100%) center 30%/100% 1px no-repeat,
    linear-gradient(90deg,transparent 0%,rgba(216,190,140,.072) 18%,rgba(216,190,140,.18) 50%,rgba(216,190,140,.072) 82%,transparent 100%) center 72%/100% 1px no-repeat!important;
  filter:blur(.32px)!important;
  opacity:.82!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 15%,#000 50%,rgba(0,0,0,.42) 85%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 15%,#000 50%,rgba(0,0,0,.42) 85%,transparent 100%)!important;
}
.section-shi .classic-quote:after{
  opacity:.12!important;
  filter:blur(26px)!important;
}
.section-shi .quote-frame-svg,
.section-shi .classic-quote .corner{
  display:none!important;
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field{
    inset:28% 4% 18% 8%!important;
    opacity:.48!important;
  }
  .section-shi .classic-quote:before{
    left:13%!important;
    right:13%!important;
    opacity:.70!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    inset:34% -6% 18% -6%!important;
    opacity:.34!important;
  }
  .section-shi .shi-galaxy-field:before{
    top:18%!important;
    width:100%!important;
    height:58%!important;
    filter:blur(20px) saturate(.74)!important;
  }
  .section-shi .shi-galaxy-field:after{
    opacity:.28!important;
  }
  .section-shi .classic-quote:before{
    left:12%!important;
    right:12%!important;
    opacity:.58!important;
    background:
      linear-gradient(90deg,transparent 0%,rgba(216,190,140,.070) 20%,rgba(216,190,140,.16) 50%,rgba(216,190,140,.070) 80%,transparent 100%) center 28%/100% 1px no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(216,190,140,.056) 20%,rgba(216,190,140,.13) 50%,rgba(216,190,140,.056) 80%,transparent 100%) center 74%/100% 1px no-repeat!important;
  }
}

/* V110｜03 真正最終層：銀河回來，所有框線退場 */
.section-shi:before{
  display:none!important;
  opacity:0!important;
}
.section-shi .bamboo-shadow{
  opacity:.02!important;
  filter:blur(5px)!important;
}
.section-shi .shi-galaxy-field{
  inset:14% 8% 13% 34%!important;
  opacity:.78!important;
  transform:none!important;
  mix-blend-mode:screen!important;
  overflow:visible!important;
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.06) 15%,#000 34%,#000 66%,rgba(0,0,0,.08) 86%,transparent 100%),radial-gradient(ellipse at 55% 52%,#000 0%,#000 25%,rgba(0,0,0,.56) 48%,rgba(0,0,0,.14) 66%,transparent 82%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.06) 15%,#000 34%,#000 66%,rgba(0,0,0,.08) 86%,transparent 100%),radial-gradient(ellipse at 55% 52%,#000 0%,#000 25%,rgba(0,0,0,.56) 48%,rgba(0,0,0,.14) 66%,transparent 82%)!important;
  mask-composite:intersect!important;
  -webkit-mask-composite:source-in!important;
}
.section-shi .shi-galaxy-field:before{
  left:8%!important;
  top:14%!important;
  width:86%!important;
  height:70%!important;
  opacity:.64!important;
  border-radius:50%!important;
  transform:rotate(-26deg) skewX(-6deg)!important;
  filter:blur(24px) saturate(.82)!important;
  background:
    radial-gradient(ellipse at 24% 34%,rgba(236,228,216,.28),rgba(216,190,140,.105) 15%,transparent 36%),
    radial-gradient(ellipse at 44% 48%,rgba(226,235,255,.24),rgba(216,190,140,.080) 18%,transparent 43%),
    radial-gradient(ellipse at 64% 57%,rgba(236,228,216,.27),rgba(216,160,110,.085) 18%,transparent 46%),
    radial-gradient(ellipse at 78% 63%,rgba(236,228,216,.18),rgba(90,125,190,.075) 20%,transparent 52%),
    linear-gradient(90deg,transparent 0%,rgba(86,122,184,.055) 18%,rgba(236,228,216,.11) 42%,rgba(216,190,140,.090) 62%,rgba(68,92,150,.050) 80%,transparent 100%)!important;
}
.section-shi .shi-galaxy-field:after{
  left:5%!important;
  top:8%!important;
  width:92%!important;
  height:82%!important;
  opacity:.54!important;
  background-image:
    radial-gradient(circle,rgba(236,228,216,.78) 0 .7px,transparent 1.35px),
    radial-gradient(circle,rgba(214,229,255,.42) 0 .56px,transparent 1.18px),
    radial-gradient(circle,rgba(216,190,140,.38) 0 .62px,transparent 1.25px),
    radial-gradient(circle,rgba(236,228,216,.22) 0 .48px,transparent 1px),
    radial-gradient(ellipse at 58% 52%,rgba(236,228,216,.13),transparent 24%)!important;
  background-size:
    142px 124px,
    91px 79px,
    182px 154px,
    62px 54px,
    100% 100%!important;
  filter:drop-shadow(0 0 6px rgba(216,190,140,.13))!important;
  animation:shiStarDustDriftV104 18s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-field svg{
  opacity:.34!important;
  overflow:visible!important;
}
.section-shi .shi-galaxy-streams path{
  opacity:.006!important;
  stroke:rgba(236,228,216,.006)!important;
  stroke-width:.1!important;
  filter:blur(4px)!important;
}
.section-shi .shi-galaxy-stars circle{
  fill:rgba(236,228,216,.72)!important;
  opacity:.58!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  filter:drop-shadow(0 0 5px rgba(216,190,140,.28))!important;
  animation:shiStarGlimmerV111 5.8s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(2n){
  fill:rgba(214,229,255,.56)!important;
  animation-delay:1.1s!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(3n){
  fill:rgba(216,190,140,.62)!important;
  animation-delay:2.2s!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(4),
.section-shi .shi-galaxy-stars circle:nth-child(7),
.section-shi .shi-galaxy-stars circle:nth-child(9){
  animation-name:shiStarSlowDriftV111!important;
  animation-duration:10.5s!important;
  opacity:.52!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(4),
.section-shi .shi-galaxy-stars circle:nth-child(7){
  fill:rgba(246,230,184,.92)!important;
  r:2.75px!important;
  opacity:.84!important;
  filter:drop-shadow(0 0 8px rgba(246,218,160,.48)) drop-shadow(0 0 16px rgba(216,190,140,.16))!important;
  animation:shiStarBrightDriftV112 12.8s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-stars circle:nth-child(7){
  animation-delay:2.4s!important;
}
.section-shi .shi-galaxy-dust circle{
  fill:rgba(236,228,216,.44)!important;
  opacity:.36!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  animation:shiDustFloatV111 12s ease-in-out infinite!important;
}
.section-shi .shi-galaxy-dust circle:nth-child(2n){
  animation-delay:1.8s!important;
}
.section-shi .shi-galaxy-dust circle:nth-child(3n){
  animation-delay:3.1s!important;
}
@keyframes shiStarGlimmerV111{
  0%,100%{opacity:.22;transform:scale(.76);}
  44%{opacity:.76;transform:scale(1.08);}
  58%{opacity:.48;transform:scale(.92);}
}
@keyframes shiStarSlowDriftV111{
  0%,100%{opacity:.24;transform:translate3d(-5px,3px,0) scale(.76);}
  34%{opacity:.62;transform:translate3d(4px,-3px,0) scale(.96);}
  56%{opacity:.86;transform:translate3d(8px,-7px,0) scale(1.10);}
  78%{opacity:.40;transform:translate3d(2px,-2px,0) scale(.88);}
}
@keyframes shiStarBrightDriftV112{
  0%,100%{opacity:.38;transform:translate3d(-6px,4px,0) scale(.82);}
  30%{opacity:.74;transform:translate3d(3px,-3px,0) scale(1.02);}
  52%{opacity:1;transform:translate3d(9px,-8px,0) scale(1.18);}
  76%{opacity:.56;transform:translate3d(2px,-1px,0) scale(.92);}
}
@keyframes shiDustFloatV111{
  0%,100%{opacity:.12;transform:translate3d(-6px,5px,0) scale(.70);}
  38%{opacity:.34;transform:translate3d(3px,-2px,0) scale(.90);}
  58%{opacity:.52;transform:translate3d(8px,-7px,0) scale(1.04);}
  82%{opacity:.22;transform:translate3d(2px,-4px,0) scale(.82);}
}
.section-shi .shi-bright-star{
  position:absolute!important;
  z-index:3!important;
  width:5px!important;
  height:5px!important;
  border-radius:999px!important;
  pointer-events:none!important;
  background:radial-gradient(circle,rgba(255,248,220,.96) 0 21%,rgba(246,218,160,.74) 22% 42%,rgba(216,190,140,.20) 43% 64%,transparent 72%)!important;
  box-shadow:
    0 0 7px rgba(255,235,180,.54),
    0 0 18px rgba(216,190,140,.24),
    0 0 34px rgba(216,190,140,.10)!important;
  opacity:.86!important;
  transform:translate3d(0,0,0) scale(.92);
  animation:shiIndependentBrightStarV113 13.5s ease-in-out infinite!important;
}
.section-shi .shi-bright-star:after{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:inherit;
  background:radial-gradient(circle,rgba(246,218,160,.24),transparent 62%);
  opacity:.76;
}
.section-shi .shi-bright-star.star-one{
  left:42%!important;
  top:40%!important;
}
.section-shi .shi-bright-star.star-two{
  left:66%!important;
  top:34%!important;
  width:4px!important;
  height:4px!important;
  animation-delay:2.8s!important;
}
@keyframes shiIndependentBrightStarV113{
  0%,100%{opacity:.42;transform:translate3d(-7px,5px,0) scale(.78);}
  28%{opacity:.78;transform:translate3d(1px,-2px,0) scale(.98);}
  52%{opacity:1;transform:translate3d(9px,-8px,0) scale(1.24);}
  78%{opacity:.58;transform:translate3d(3px,-4px,0) scale(.90);}
}
.section-shi .classic-quote{
  border:0!important;
  box-shadow:none!important;
  background:radial-gradient(ellipse at 52% 48%,rgba(5,3,2,.30),rgba(5,3,2,.12) 44%,transparent 74%)!important;
}
.section-shi .classic-quote:before{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
}
.section-shi .classic-quote:after{
  opacity:.08!important;
  filter:blur(32px)!important;
}
.section-shi .quote-frame-svg,
.section-shi .classic-quote .corner{
  display:none!important;
}
.section-shi .quote-layout{
  position:relative!important;
  z-index:5!important;
  isolation:isolate!important;
}
.section-shi .classic-quote{
  position:relative!important;
  z-index:6!important;
  isolation:isolate!important;
}
.section-shi .classic-quote:after{
  z-index:0!important;
  pointer-events:none!important;
}
.section-shi .classic-quote .quote-lines,
.section-shi .classic-quote .quote-lines p,
.section-shi .classic-quote em{
  position:relative!important;
  z-index:8!important;
  opacity:1!important;
}
.section-shi .classic-quote .quote-lines p{
  color:rgba(236,228,216,.92)!important;
  animation:none!important;
  text-shadow:0 0 1px rgba(5,3,2,.72),0 0 12px rgba(216,190,140,.055)!important;
}
.section-shi .classic-quote em{
  color:rgba(216,190,140,.72)!important;
  text-shadow:0 0 10px rgba(5,3,2,.72)!important;
}
.section-shi .classic-quote .seal{
  position:absolute!important;
  top:auto!important;
  right:clamp(40px,8%,92px)!important;
  bottom:clamp(42px,18%,92px)!important;
  transform:none!important;
  z-index:12!important;
  opacity:.86!important;
  width:42px!important;
  height:42px!important;
  color:rgba(196,56,46,.78)!important;
  border-color:rgba(139,46,46,.70)!important;
  text-shadow:0 0 8px rgba(5,3,2,.82)!important;
}

@media(max-width:980px){
  .section-shi .shi-galaxy-field{
    inset:26% 0% 18% 10%!important;
    opacity:.58!important;
  }
  .section-shi .classic-quote .seal{
    right:8%!important;
    bottom:20%!important;
  }
}

@media(max-width:760px){
  .section-shi .shi-galaxy-field{
    inset:30% -2% 18% -2%!important;
    opacity:.44!important;
  }
  .section-shi .shi-galaxy-field:before{
    left:9%!important;
    top:18%!important;
    width:82%!important;
    height:62%!important;
    filter:blur(24px) saturate(.76)!important;
  }
  .section-shi .shi-galaxy-field:after{
    left:8%!important;
    top:14%!important;
    width:84%!important;
    height:70%!important;
    opacity:.34!important;
  }
  .section-shi .shi-galaxy-field svg{
    opacity:.26!important;
  }
  .section-shi .shi-galaxy-stars circle{
    opacity:.48!important;
  }
  .section-shi .shi-galaxy-stars circle:nth-child(4),
  .section-shi .shi-galaxy-stars circle:nth-child(7){
    r:2.1px!important;
    opacity:.72!important;
    filter:drop-shadow(0 0 6px rgba(246,218,160,.38))!important;
  }
  .section-shi .shi-galaxy-dust circle{
    opacity:.22!important;
  }
  .section-shi .shi-bright-star{
    width:4px!important;
    height:4px!important;
    opacity:.72!important;
    box-shadow:
      0 0 6px rgba(255,235,180,.42),
      0 0 14px rgba(216,190,140,.18)!important;
  }
  .section-shi .shi-bright-star:after{
    inset:-7px;
  }
  .section-shi .classic-quote .seal{
    right:10%!important;
    bottom:18%!important;
    width:36px!important;
    height:36px!important;
    font-size:11px!important;
  }
}

/* V115｜02 終卷時空盤：間歇循環，不連續炫動 */
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .field-haze{
  animation:lggConfluenceQuietCycleHazeV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars circle{
  animation:lggConfluenceQuietCycleStarsV115 14.8s cubic-bezier(.42,0,.18,1) infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-a{animation-delay:0s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-b{animation-delay:.45s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-c{animation-delay:.9s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-d{animation-delay:1.35s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-e{animation-delay:1.8s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars .star-soft{animation-delay:2.15s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-core{
  animation:lggConfluenceQuietCycleCoreV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring{
  animation:lggConfluenceQuietCycleRingV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring-mid{animation-delay:.35s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring-inner{animation-delay:.7s!important;}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-axis{
  animation:lggConfluenceQuietCycleAxisV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace-echo{
  animation:lggConfluenceQuietCycleOuterPalaceV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace{
  animation:lggConfluenceQuietCyclePalaceV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-gate-dots circle{
  animation:lggConfluenceQuietCycleDotsV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-seed{
  animation:lggConfluenceQuietCycleSeedV115 14.8s ease-in-out infinite!important;
}
.section-ju .service-gallery-v6 + button.qimen-confluence-v6::after{
  animation:lggConfluenceQuietCycleBottomGlowV115 14.8s ease-in-out infinite!important;
}
@keyframes lggConfluenceQuietCycleHazeV115{
  0%,18%,78%,100%{opacity:.34;filter:blur(1px) brightness(.94);}
  36%{opacity:.62;filter:blur(1.8px) brightness(1.08);}
  52%{opacity:.48;filter:blur(1.4px) brightness(1);}
}
@keyframes lggConfluenceQuietCycleStarsV115{
  0%,20%,80%,100%{
    opacity:.18;
    transform:translate(0,0) scale(.92);
    filter:drop-shadow(0 0 2px rgba(216,190,140,.08));
  }
  34%{
    opacity:.72;
    transform:translate(calc(var(--join-x, 0px) * .38),calc(var(--join-y, 0px) * .38)) scale(1);
    filter:drop-shadow(0 0 7px rgba(216,190,140,.28));
  }
  47%{
    opacity:.96;
    transform:translate(var(--join-x, 0px),var(--join-y, 0px)) scale(1.08);
    filter:drop-shadow(0 0 12px rgba(255,236,194,.44));
  }
  58%{
    opacity:.28;
    transform:translate(var(--join-x, 0px),var(--join-y, 0px)) scale(.92);
    filter:drop-shadow(0 0 4px rgba(216,190,140,.16));
  }
}
@keyframes lggConfluenceQuietCycleCoreV115{
  0%,20%,80%,100%{opacity:.68;filter:drop-shadow(0 0 9px rgba(216,190,140,.035));}
  42%{opacity:.94;filter:drop-shadow(0 0 20px rgba(216,190,140,.12));}
}
@keyframes lggConfluenceQuietCycleRingV115{
  0%,22%,78%,100%{opacity:.34;}
  42%{opacity:.74;}
}
@keyframes lggConfluenceQuietCycleAxisV115{
  0%,20%,80%,100%{opacity:.28;stroke-dashoffset:14;}
  42%{opacity:.64;stroke-dashoffset:0;}
}
@keyframes lggConfluenceQuietCycleOuterPalaceV115{
  0%,20%,80%,100%{opacity:.22;}
  42%{opacity:.52;}
}
@keyframes lggConfluenceQuietCyclePalaceV115{
  0%,20%,80%,100%{opacity:.46;filter:drop-shadow(0 0 2px rgba(216,190,140,.03));}
  42%{opacity:.88;filter:drop-shadow(0 0 8px rgba(216,190,140,.12));}
}
@keyframes lggConfluenceQuietCycleDotsV115{
  0%,20%,80%,100%{opacity:.18;filter:drop-shadow(0 0 2px rgba(216,190,140,.08));}
  42%{opacity:.72;filter:drop-shadow(0 0 8px rgba(216,190,140,.28));}
}
@keyframes lggConfluenceQuietCycleSeedV115{
  0%,20%,80%,100%{opacity:.52;filter:drop-shadow(0 0 5px rgba(216,190,140,.18));}
  42%{opacity:1;filter:drop-shadow(0 0 15px rgba(255,236,194,.46));}
}
@keyframes lggConfluenceQuietCycleBottomGlowV115{
  0%,20%,80%,100%{opacity:.22;filter:blur(12px) brightness(.92);}
  42%{opacity:.50;filter:blur(15px) brightness(1.08);}
}

@media (prefers-reduced-motion: reduce){
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .field-haze,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .source-stars circle,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .river-core,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-ring,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-axis,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace-echo,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-palace,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-gate-dots circle,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6 .core-seed,
  .section-ju .service-gallery-v6 + button.qimen-confluence-v6::after{
    animation:none!important;
  }
}

/* V116｜01 知命太極循環：一炁、兩儀、太極、九宮、羅盤低頻重演 */
.section-fate.is-awake .fate-seed-layer{
  animation:fateCycleSeedV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-liangyi-layer{
  animation:fateCycleLiangyiFieldV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .liangyi-orbit{
  animation:fateCycleLiangyiOrbitV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .liangyi-dot-light{
  animation:fateCycleLiangyiLightV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .liangyi-dot-dark{
  animation:fateCycleLiangyiDarkV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-taiji-layer{
  animation:fateCycleTaijiV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-inner-rings{
  animation:fateCycleRingsV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .birth-ring-1,
.section-fate.is-awake .birth-ring-2,
.section-fate.is-awake .birth-ring-3,
.section-fate.is-awake .birth-ring-4,
.section-fate.is-awake .birth-axis{
  animation:fateCycleLineBreathV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-grid-layer{
  animation:fateCycleGridV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-grid-layer rect,
.section-fate.is-awake .fate-grid-layer path,
.section-fate.is-awake .fate-grid-layer circle{
  animation:fateCycleLineBreathV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-compass-layer{
  animation:fateCycleCompassV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-compass-layer circle,
.section-fate.is-awake .fate-compass-layer path,
.section-fate.is-awake .fate-compass-ticks{
  animation:fateCycleCompassLineV116 24s var(--fate-lux-ease) infinite!important;
}
.section-fate.is-awake .fate-mystic-marks i{
  animation:fateCycleStarDriftV116 12s ease-in-out infinite!important;
}
.section-fate.is-awake .fate-mystic-marks i:nth-child(2n){
  animation-duration:15s!important;
  animation-delay:-2.4s!important;
}
.section-fate.is-awake .fate-mystic-marks i:nth-child(3n){
  animation-duration:18s!important;
  animation-delay:-5.2s!important;
}

@keyframes fateCycleSeedV116{
  0%,88%,100%{opacity:0;transform:scale(.08);}
  4%{opacity:.88;transform:scale(.62);}
  8%{opacity:.50;transform:scale(1.38);}
  12%{opacity:0;transform:scale(2.38);}
}
@keyframes fateCycleLiangyiFieldV116{
  0%,7%,31%,88%,100%{opacity:0;transform:scale(.76) rotate(-24deg);}
  12%{opacity:.72;transform:scale(.94) rotate(-8deg);}
  21%{opacity:.66;transform:scale(1.04) rotate(86deg);}
  28%{opacity:.18;transform:scale(1.10) rotate(178deg);}
}
@keyframes fateCycleLiangyiOrbitV116{
  0%,7%,30%,88%,100%{opacity:0;transform:scale(.18);}
  13%{opacity:.50;transform:scale(.92);}
  22%{opacity:.36;transform:scale(1.14);}
}
@keyframes fateCycleLiangyiLightV116{
  0%,7%,31%,88%,100%{opacity:0;transform:scale(.32);}
  12%{opacity:.88;transform:scale(1);}
  20%{opacity:.82;transform:translateY(-50px) scale(1.06);}
  28%{opacity:.16;transform:translateY(-8px) scale(.40);}
}
@keyframes fateCycleLiangyiDarkV116{
  0%,7%,31%,88%,100%{opacity:0;transform:scale(.32);}
  12%{opacity:.82;transform:scale(1);}
  20%{opacity:.74;transform:translateY(50px) scale(1.06);}
  28%{opacity:.16;transform:translateY(8px) scale(.40);}
}
@keyframes fateCycleTaijiV116{
  0%,20%,88%,100%{opacity:0;transform:scale(.18) rotate(-16deg);}
  28%{opacity:.34;transform:scale(.88) rotate(-3deg);}
  36%{opacity:.22;transform:scale(1.08) rotate(22deg);}
  48%,78%{opacity:.085;transform:scale(1.22) rotate(72deg);}
}
@keyframes fateCycleRingsV116{
  0%,28%,88%,100%{opacity:0;transform:scale(.70);}
  38%{opacity:.50;transform:scale(.98);}
  52%,78%{opacity:.34;transform:scale(1.02);}
}
@keyframes fateCycleGridV116{
  0%,34%,88%,100%{opacity:0;transform:scale(.82);}
  44%{opacity:.48;transform:scale(1);}
  56%,78%{opacity:.28;transform:scale(1.02);}
}
@keyframes fateCycleCompassV116{
  0%,42%,88%,100%{opacity:0;transform:scale(.88) rotate(-1deg);}
  54%{opacity:.56;transform:scale(1) rotate(0deg);}
  68%,80%{opacity:.42;transform:scale(1.01) rotate(.35deg);}
}
@keyframes fateCycleLineBreathV116{
  0%,32%,88%,100%{opacity:0;stroke-dashoffset:220;}
  48%{opacity:.68;stroke-dashoffset:0;}
  78%{opacity:.34;stroke-dashoffset:0;}
}
@keyframes fateCycleCompassLineV116{
  0%,42%,88%,100%{opacity:0;stroke-dashoffset:520;}
  58%{opacity:.62;stroke-dashoffset:0;}
  78%{opacity:.38;stroke-dashoffset:0;}
}
@keyframes fateCycleStarDriftV116{
  0%,100%{opacity:.28;transform:translate3d(0,0,0) scale(.92);}
  42%{opacity:.62;transform:translate3d(5px,-7px,0) scale(1.04);}
  72%{opacity:.38;transform:translate3d(-4px,5px,0) scale(.96);}
}

@media(max-width:760px){
  .section-fate.is-awake .fate-seed-layer,
  .section-fate.is-awake .fate-liangyi-layer,
  .section-fate.is-awake .liangyi-orbit,
  .section-fate.is-awake .liangyi-dot-light,
  .section-fate.is-awake .liangyi-dot-dark,
  .section-fate.is-awake .fate-taiji-layer,
  .section-fate.is-awake .fate-inner-rings,
  .section-fate.is-awake .birth-ring-1,
  .section-fate.is-awake .birth-ring-2,
  .section-fate.is-awake .birth-ring-3,
  .section-fate.is-awake .birth-ring-4,
  .section-fate.is-awake .birth-axis,
  .section-fate.is-awake .fate-grid-layer,
  .section-fate.is-awake .fate-grid-layer rect,
  .section-fate.is-awake .fate-grid-layer path,
  .section-fate.is-awake .fate-grid-layer circle,
  .section-fate.is-awake .fate-compass-layer,
  .section-fate.is-awake .fate-compass-layer circle,
  .section-fate.is-awake .fate-compass-layer path,
  .section-fate.is-awake .fate-compass-ticks{
    animation-duration:26s!important;
  }
}

@media (prefers-reduced-motion: reduce){
  .section-fate.is-awake .fate-seed-layer,
  .section-fate.is-awake .fate-liangyi-layer,
  .section-fate.is-awake .liangyi-orbit,
  .section-fate.is-awake .liangyi-dot-light,
  .section-fate.is-awake .liangyi-dot-dark,
  .section-fate.is-awake .fate-taiji-layer,
  .section-fate.is-awake .fate-inner-rings,
  .section-fate.is-awake .birth-ring-1,
  .section-fate.is-awake .birth-ring-2,
  .section-fate.is-awake .birth-ring-3,
  .section-fate.is-awake .birth-ring-4,
  .section-fate.is-awake .birth-axis,
  .section-fate.is-awake .fate-grid-layer,
  .section-fate.is-awake .fate-grid-layer rect,
  .section-fate.is-awake .fate-grid-layer path,
  .section-fate.is-awake .fate-grid-layer circle,
  .section-fate.is-awake .fate-compass-layer,
  .section-fate.is-awake .fate-compass-layer circle,
  .section-fate.is-awake .fate-compass-layer path,
  .section-fate.is-awake .fate-compass-ticks,
  .section-fate.is-awake .fate-mystic-marks i{
    animation:none!important;
  }
}

/* V117｜04 造運圓門：平時半闔，滑過啟門見路 */
.section-create .door-scene{
  perspective:1200px!important;
  transform-style:preserve-3d!important;
}
.section-create .door-scene::before,
.section-create .door-scene::after{
  content:"";
  position:absolute;
  left:50%;
  pointer-events:none;
  transform:translateX(-50%);
  transition:
    opacity 1.15s cubic-bezier(.2,.72,.16,1),
    filter 1.15s cubic-bezier(.2,.72,.16,1),
    transform 1.15s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create .door-scene::before{
  top:50%;
  width:min(24vw,330px);
  height:min(36vw,500px);
  z-index:2;
  opacity:.16;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(239,214,158,.20),transparent 28%),
    linear-gradient(180deg,rgba(216,190,140,.18),rgba(216,190,140,.035) 46%,transparent 72%);
  clip-path:polygon(48% 0,52% 0,68% 100%,32% 100%);
  filter:blur(12px);
}
.section-create .door-scene::after{
  top:72%;
  width:min(44vw,590px);
  height:min(14vw,180px);
  z-index:2;
  opacity:.18;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(239,214,158,.28),rgba(216,190,140,.075) 32%,transparent 68%),
    linear-gradient(90deg,transparent,rgba(216,190,140,.18),transparent);
  clip-path:polygon(47% 0,53% 0,86% 100%,14% 100%);
  filter:blur(10px);
}
.section-create .mountain-window{
  z-index:1!important;
  opacity:.48!important;
  filter:saturate(.68) contrast(.98) brightness(.48) blur(.2px)!important;
  transform:translate(-50%,-38%) scale(.96)!important;
  clip-path:ellipse(16% 46% at 50% 50%)!important;
  transition:
    opacity 1.2s cubic-bezier(.2,.72,.16,1),
    filter 1.2s cubic-bezier(.2,.72,.16,1),
    clip-path 1.2s cubic-bezier(.2,.72,.16,1),
    transform 1.2s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create .round-door{
  z-index:4!important;
  overflow:hidden!important;
  transform:translateZ(0) scale(.985)!important;
  transition:
    transform 1.1s cubic-bezier(.2,.72,.16,1),
    border-color 1.1s cubic-bezier(.2,.72,.16,1),
    box-shadow 1.1s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create .round-door::before,
.section-create .round-door::after{
  z-index:5!important;
  opacity:.72!important;
  transition:opacity 1s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:12%!important;
  bottom:12%!important;
  width:26%!important;
  z-index:6!important;
  border-color:rgba(226,175,94,.30)!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.10),transparent 18%,transparent 82%,rgba(226,175,94,.08)),
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(226,175,94,.105) 13px 14px),
    linear-gradient(180deg,rgba(7,4,2,.86),rgba(10,6,3,.52) 52%,rgba(7,4,2,.76))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.055),
    0 0 20px rgba(0,0,0,.32)!important;
  transform:translateX(0) rotateY(0deg)!important;
  transform-style:preserve-3d!important;
  transition:
    transform 1.15s cubic-bezier(.2,.72,.16,1),
    opacity 1.15s cubic-bezier(.2,.72,.16,1),
    filter 1.15s cubic-bezier(.2,.72,.16,1),
    border-color 1.15s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create .round-door .door-left{
  left:24%!important;
  transform-origin:left center!important;
}
.section-create .round-door .door-right{
  right:24%!important;
  transform-origin:right center!important;
}
.section-create .door-light{
  z-index:2!important;
  opacity:.26!important;
  transform:scale(.82)!important;
  transition:
    opacity 1.15s cubic-bezier(.2,.72,.16,1),
    transform 1.15s cubic-bezier(.2,.72,.16,1),
    filter 1.15s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create .door-floor{
  z-index:3!important;
  opacity:.42!important;
  transform:translateX(-50%) scaleX(.62)!important;
  transform-origin:center!important;
  transition:
    opacity 1.15s cubic-bezier(.2,.72,.16,1),
    transform 1.15s cubic-bezier(.2,.72,.16,1),
    background 1.15s cubic-bezier(.2,.72,.16,1)!important;
}
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.86!important;
  filter:saturate(.82) contrast(1.05) brightness(.74) blur(0)!important;
  transform:translate(-50%,-38%) scale(1.03)!important;
  clip-path:ellipse(48% 48% at 50% 50%)!important;
}
.section-create:hover .round-door,
.section-create:focus-within .round-door{
  transform:translateZ(0) scale(1.015)!important;
  border-color:rgba(226,175,94,.64)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.14),
    inset 0 0 0 18px rgba(226,175,94,.02),
    0 0 86px rgba(218,140,50,.14)!important;
}
.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-54%) rotateY(-18deg)!important;
  border-color:rgba(226,175,94,.40)!important;
  filter:brightness(1.08)!important;
}
.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(54%) rotateY(18deg)!important;
  border-color:rgba(226,175,94,.40)!important;
  filter:brightness(1.08)!important;
}
.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.62!important;
  transform:scale(1.08)!important;
  filter:blur(28px) brightness(1.08)!important;
}
.section-create:hover .door-floor,
.section-create:focus-within .door-floor{
  opacity:.76!important;
  transform:translateX(-50%) scaleX(1)!important;
  background:linear-gradient(90deg,transparent,rgba(239,202,132,.52),transparent)!important;
}
.section-create:hover .door-scene::before,
.section-create:focus-within .door-scene::before{
  opacity:.36;
  transform:translateX(-50%) scaleY(1.08);
  filter:blur(10px) brightness(1.08);
}
.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.42;
  transform:translateX(-50%) scaleX(1.08) translateY(2px);
  filter:blur(9px) brightness(1.08);
}

@media(max-width:1100px){
  .section-create .mountain-window{
    opacity:.70!important;
    clip-path:ellipse(34% 48% at 50% 50%)!important;
  }
  .section-create .round-door .door-left{
    transform:translateX(-18%)!important;
  }
  .section-create .round-door .door-right{
    transform:translateX(18%)!important;
  }
}

@media(hover:none){
  .section-create .mountain-window{
    opacity:.76!important;
    clip-path:ellipse(38% 48% at 50% 50%)!important;
  }
  .section-create .door-light{
    opacity:.40!important;
  }
}

/* V118｜04 造運圓門精修：半透明屏風、柔光啟境，不做粗硬開合 */
.section-create .door-scene{
  perspective:1600px!important;
}
.section-create .mountain-window{
  opacity:.66!important;
  clip-path:ellipse(31% 46% at 50% 50%)!important;
  filter:saturate(.72) contrast(1.02) brightness(.58) blur(.25px)!important;
  transform:translate(-50%,-38%) scale(.99)!important;
  transition:
    opacity 1.65s cubic-bezier(.16,.72,.12,1),
    filter 1.65s cubic-bezier(.16,.72,.12,1),
    clip-path 1.65s cubic-bezier(.16,.72,.12,1),
    transform 1.65s cubic-bezier(.16,.72,.12,1)!important;
}
.section-create .door-scene::before{
  top:49%!important;
  width:min(18vw,240px)!important;
  height:min(34vw,460px)!important;
  opacity:.18!important;
  background:
    radial-gradient(ellipse at 50% 24%,rgba(239,214,158,.18),transparent 34%),
    linear-gradient(180deg,transparent,rgba(216,190,140,.13) 32%,rgba(216,190,140,.045) 58%,transparent 86%)!important;
  clip-path:ellipse(16% 48% at 50% 50%)!important;
  filter:blur(16px) saturate(.9)!important;
  transition:
    opacity 1.65s cubic-bezier(.16,.72,.12,1),
    filter 1.65s cubic-bezier(.16,.72,.12,1),
    clip-path 1.65s cubic-bezier(.16,.72,.12,1),
    transform 1.65s cubic-bezier(.16,.72,.12,1)!important;
}
.section-create .door-scene::after{
  top:73%!important;
  width:min(36vw,480px)!important;
  height:min(8vw,104px)!important;
  opacity:.12!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(239,214,158,.18),rgba(216,190,140,.045) 38%,transparent 72%)!important;
  clip-path:ellipse(46% 30% at 50% 8%)!important;
  filter:blur(18px) saturate(.86)!important;
  transition:
    opacity 1.65s cubic-bezier(.16,.72,.12,1),
    filter 1.65s cubic-bezier(.16,.72,.12,1),
    transform 1.65s cubic-bezier(.16,.72,.12,1)!important;
}
.section-create .round-door{
  transform:translateZ(0) scale(.995)!important;
  border-color:rgba(226,175,94,.42)!important;
  background:
    radial-gradient(circle,transparent 0 49%,rgba(226,175,94,.15) 49.1% 49.36%,transparent 49.62%),
    radial-gradient(ellipse at 50% 50%,rgba(216,190,140,.035),transparent 56%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.10),
    inset 0 0 0 16px rgba(226,175,94,.014),
    0 0 62px rgba(218,140,50,.075)!important;
  transition:
    transform 1.55s cubic-bezier(.16,.72,.12,1),
    border-color 1.55s cubic-bezier(.16,.72,.12,1),
    box-shadow 1.55s cubic-bezier(.16,.72,.12,1)!important;
}
.section-create .round-door::before,
.section-create .round-door::after{
  opacity:.42!important;
  background:linear-gradient(180deg,transparent,rgba(226,175,94,.20),transparent)!important;
}
.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:12%!important;
  bottom:12%!important;
  width:24%!important;
  opacity:.92!important;
  border-color:rgba(226,175,94,.20)!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.055),transparent 20%,transparent 80%,rgba(226,175,94,.045)),
    repeating-linear-gradient(90deg,transparent 0 15px,rgba(226,175,94,.065) 15px 16px),
    linear-gradient(180deg,rgba(8,5,3,.62),rgba(10,6,3,.34) 52%,rgba(8,5,3,.54))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.035),
    0 0 16px rgba(0,0,0,.20)!important;
  filter:brightness(.96) saturate(.92)!important;
  transition:
    transform 1.65s cubic-bezier(.16,.72,.12,1),
    opacity 1.65s cubic-bezier(.16,.72,.12,1),
    filter 1.65s cubic-bezier(.16,.72,.12,1),
    border-color 1.65s cubic-bezier(.16,.72,.12,1),
    background 1.65s cubic-bezier(.16,.72,.12,1)!important;
}
.section-create .round-door .door-left{
  left:25%!important;
}
.section-create .round-door .door-right{
  right:25%!important;
}
.section-create .door-light{
  opacity:.34!important;
  transform:scale(.90)!important;
  filter:blur(34px) saturate(.9)!important;
}
.section-create .door-floor{
  opacity:.12!important;
  top:74%!important;
  width:min(34vw,460px)!important;
  transform:translateX(-50%) scaleX(.42)!important;
  background:linear-gradient(90deg,transparent,rgba(239,202,132,.20),transparent)!important;
  filter:blur(.5px)!important;
}
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.86!important;
  clip-path:ellipse(43% 48% at 50% 50%)!important;
  filter:saturate(.80) contrast(1.04) brightness(.72) blur(0)!important;
  transform:translate(-50%,-38%) scale(1.015)!important;
}
.section-create:hover .door-scene::before,
.section-create:focus-within .door-scene::before{
  opacity:.30!important;
  clip-path:ellipse(28% 50% at 50% 50%)!important;
  transform:translateX(-50%) scaleY(1.02)!important;
  filter:blur(15px) brightness(1.04) saturate(.96)!important;
}
.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.22!important;
  transform:translateX(-50%) scaleX(1.05) translateY(1px)!important;
  filter:blur(20px) brightness(1.02) saturate(.9)!important;
}
.section-create:hover .round-door,
.section-create:focus-within .round-door{
  transform:translateZ(0) scale(1.005)!important;
  border-color:rgba(226,175,94,.50)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.12),
    inset 0 0 0 16px rgba(226,175,94,.016),
    0 0 72px rgba(218,140,50,.10)!important;
}
.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-18%) rotateY(-5deg)!important;
  opacity:.76!important;
  border-color:rgba(226,175,94,.28)!important;
  filter:brightness(1.03) saturate(.98)!important;
}
.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(18%) rotateY(5deg)!important;
  opacity:.76!important;
  border-color:rgba(226,175,94,.28)!important;
  filter:brightness(1.03) saturate(.98)!important;
}
.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.52!important;
  transform:scale(1.0)!important;
  filter:blur(34px) brightness(1.04) saturate(.96)!important;
}
.section-create:hover .door-floor,
.section-create:focus-within .door-floor{
  opacity:.22!important;
  transform:translateX(-50%) scaleX(.72)!important;
  background:linear-gradient(90deg,transparent,rgba(239,202,132,.25),transparent)!important;
}

@media(max-width:1100px){
  .section-create .mountain-window{
    opacity:.78!important;
    clip-path:ellipse(39% 48% at 50% 50%)!important;
  }
  .section-create .round-door .door-left{
    transform:translateX(-8%)!important;
  }
  .section-create .round-door .door-right{
    transform:translateX(8%)!important;
  }
}

@media(hover:none){
  .section-create .mountain-window{
    opacity:.82!important;
    clip-path:ellipse(42% 48% at 50% 50%)!important;
  }
  .section-create .round-door .door-left{
    opacity:.78!important;
    transform:translateX(-12%)!important;
  }
  .section-create .round-door .door-right{
    opacity:.78!important;
    transform:translateX(12%)!important;
  }
  .section-create .door-floor{
    opacity:.16!important;
    transform:translateX(-50%) scaleX(.58)!important;
  }
}

/* V119｜04 造運重做：月洞門與紗屏退境，取消粗魯開門與硬路線 */
.section-create .door-scene{
  perspective:none!important;
  transform-style:flat!important;
}
.section-create .door-scene::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(41vw,560px)!important;
  height:min(41vw,560px)!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.42!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(6,4,3,.54) 58%,rgba(5,3,2,.92) 76%,transparent 77%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.08),transparent 48%)!important;
  filter:blur(.1px)!important;
  clip-path:none!important;
  transition:opacity 1.55s cubic-bezier(.18,.72,.14,1), filter 1.55s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .door-scene::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:74%!important;
  width:min(35vw,470px)!important;
  height:min(7vw,96px)!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.18!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(216,190,140,.22),rgba(185,145,110,.055) 36%,transparent 72%)!important;
  filter:blur(18px)!important;
  clip-path:none!important;
  transition:opacity 1.55s cubic-bezier(.18,.72,.14,1), transform 1.55s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .mountain-window{
  z-index:1!important;
  width:min(34vw,470px)!important;
  height:min(25vw,340px)!important;
  opacity:.70!important;
  clip-path:ellipse(39% 48% at 50% 50%)!important;
  transform:translate(-50%,-38%) scale(.99)!important;
  filter:saturate(.72) contrast(1.02) brightness(.62) blur(.35px)!important;
  transition:opacity 1.6s cubic-bezier(.18,.72,.14,1), filter 1.6s cubic-bezier(.18,.72,.14,1), transform 1.6s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door{
  z-index:4!important;
  overflow:hidden!important;
  width:min(36vw,500px)!important;
  height:min(36vw,500px)!important;
  transform:translateZ(0) scale(1)!important;
  border:1px solid rgba(226,175,94,.48)!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 50.2%,rgba(226,175,94,.18) 50.35% 50.62%,transparent 50.9%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.035),transparent 58%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.09),
    inset 0 0 0 18px rgba(226,175,94,.012),
    0 0 60px rgba(218,140,50,.075)!important;
  transition:border-color 1.55s cubic-bezier(.18,.72,.14,1), box-shadow 1.55s cubic-bezier(.18,.72,.14,1), transform 1.55s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door::before,
.section-create .round-door::after{
  content:""!important;
  position:absolute!important;
  top:13%!important;
  bottom:13%!important;
  width:24%!important;
  z-index:6!important;
  opacity:.62!important;
  border:1px solid rgba(226,175,94,.15)!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.05),transparent 22%,transparent 78%,rgba(216,190,140,.035)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.045) 0 1px,transparent 1px 18px),
    linear-gradient(180deg,rgba(7,4,2,.42),rgba(7,4,2,.12) 48%,rgba(7,4,2,.36))!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.16)!important;
  transform:none!important;
  filter:blur(.05px)!important;
  transition:opacity 1.65s cubic-bezier(.18,.72,.14,1), transform 1.65s cubic-bezier(.18,.72,.14,1), border-color 1.65s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door::before{
  left:25%!important;
}
.section-create .round-door::after{
  right:25%!important;
}
.section-create .round-door .door-left,
.section-create .round-door .door-right{
  display:none!important;
}
.section-create .door-light{
  z-index:2!important;
  opacity:.34!important;
  width:min(25vw,340px)!important;
  height:min(25vw,340px)!important;
  transform:scale(.94)!important;
  filter:blur(36px) saturate(.92)!important;
  transition:opacity 1.65s cubic-bezier(.18,.72,.14,1), transform 1.65s cubic-bezier(.18,.72,.14,1), filter 1.65s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .door-floor{
  display:none!important;
}
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.90!important;
  transform:translate(-50%,-38%) scale(1.02)!important;
  filter:saturate(.84) contrast(1.06) brightness(.76) blur(0)!important;
}
.section-create:hover .round-door,
.section-create:focus-within .round-door{
  transform:translateZ(0) scale(1.006)!important;
  border-color:rgba(226,175,94,.58)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.11),
    inset 0 0 0 18px rgba(226,175,94,.014),
    0 0 72px rgba(218,140,50,.095)!important;
}
.section-create:hover .round-door::before,
.section-create:focus-within .round-door::before{
  opacity:.16!important;
  transform:translateX(-9%)!important;
  border-color:rgba(226,175,94,.10)!important;
}
.section-create:hover .round-door::after,
.section-create:focus-within .round-door::after{
  opacity:.16!important;
  transform:translateX(9%)!important;
  border-color:rgba(226,175,94,.10)!important;
}
.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.52!important;
  transform:scale(1.02)!important;
  filter:blur(38px) brightness(1.04) saturate(.98)!important;
}
.section-create:hover .door-scene::before,
.section-create:focus-within .door-scene::before{
  opacity:.25!important;
  filter:blur(.2px) brightness(1.02)!important;
}
.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.28!important;
  transform:translateX(-50%) scaleX(1.06)!important;
}

@media(max-width:1100px){
  .section-create .mountain-window{
    width:min(66vw,420px)!important;
    height:min(46vw,300px)!important;
    opacity:.82!important;
  }
  .section-create .round-door{
    width:min(76vw,360px)!important;
    height:min(76vw,360px)!important;
  }
  .section-create .door-scene::before{
    width:min(78vw,380px)!important;
    height:min(78vw,380px)!important;
  }
}

@media(hover:none){
  .section-create .mountain-window{
    opacity:.86!important;
    filter:saturate(.78) contrast(1.04) brightness(.70) blur(0)!important;
  }
  .section-create .round-door::before,
  .section-create .round-door::after{
    opacity:.28!important;
  }
  .section-create .door-light{
    opacity:.44!important;
  }
}

/* V120｜04 造運：回到原本兩扇門，半透見景，輕滑啟路 */
.section-create .door-scene{
  perspective:1200px!important;
  transform-style:preserve-3d!important;
}
.section-create .door-scene::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.24!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(6,4,3,.22) 62%,rgba(5,3,2,.82) 79%,transparent 80%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.055),transparent 58%)!important;
  filter:none!important;
  clip-path:none!important;
  transition:opacity 1.35s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .door-scene::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:73%!important;
  width:min(30vw,420px)!important;
  height:min(10vw,138px)!important;
  transform:translateX(-50%) scaleX(.52)!important;
  transform-origin:center top!important;
  border-radius:50%!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.16!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(239,214,158,.26),rgba(216,190,140,.075) 34%,transparent 72%)!important;
  filter:blur(14px)!important;
  clip-path:none!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .mountain-window{
  z-index:1!important;
  width:min(35vw,490px)!important;
  height:min(26vw,355px)!important;
  opacity:.76!important;
  clip-path:circle(47% at 50% 50%)!important;
  transform:translate(-50%,-38%) scale(1)!important;
  filter:saturate(.76) contrast(1.03) brightness(.66) blur(.18px)!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door{
  z-index:4!important;
  overflow:hidden!important;
  width:min(36vw,500px)!important;
  height:min(36vw,500px)!important;
  transform:translateZ(0) scale(1)!important;
  border:1px solid rgba(226,175,94,.50)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 49.8%,rgba(226,175,94,.18) 50% 50.28%,transparent 50.58%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.025),transparent 60%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.10),
    inset 0 0 0 18px rgba(226,175,94,.012),
    0 0 62px rgba(218,140,50,.08)!important;
  transition:
    border-color 1.35s cubic-bezier(.18,.72,.14,1),
    box-shadow 1.35s cubic-bezier(.18,.72,.14,1),
    transform 1.35s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door::before,
.section-create .round-door::after{
  content:""!important;
  position:absolute!important;
  top:10%!important;
  bottom:10%!important;
  width:1px!important;
  z-index:8!important;
  opacity:.48!important;
  border:0!important;
  background:linear-gradient(180deg,transparent,rgba(226,175,94,.26),transparent)!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  transition:opacity 1.2s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door::before{left:50%!important;}
.section-create .round-door::after{display:none!important;}
.section-create .round-door .door-left,
.section-create .round-door .door-right{
  display:block!important;
  position:absolute!important;
  top:14%!important;
  bottom:14%!important;
  width:28%!important;
  z-index:7!important;
  opacity:.74!important;
  border:1px solid rgba(226,175,94,.22)!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.075),transparent 18%,transparent 82%,rgba(226,175,94,.055)),
    repeating-linear-gradient(90deg,transparent 0 14px,rgba(226,175,94,.075) 14px 15px),
    linear-gradient(180deg,rgba(8,5,3,.62),rgba(10,6,3,.28) 48%,rgba(8,5,3,.54))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.035),
    inset 0 0 24px rgba(0,0,0,.12)!important;
  filter:brightness(.98) saturate(.94)!important;
  transform:translateX(0)!important;
  transition:
    transform 1.55s cubic-bezier(.18,.72,.14,1),
    opacity 1.55s cubic-bezier(.18,.72,.14,1),
    filter 1.55s cubic-bezier(.18,.72,.14,1),
    border-color 1.55s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .round-door .door-left{
  left:22%!important;
}
.section-create .round-door .door-right{
  right:22%!important;
}
.section-create .door-light{
  z-index:2!important;
  opacity:.38!important;
  width:min(25vw,340px)!important;
  height:min(25vw,340px)!important;
  transform:scale(.94)!important;
  filter:blur(34px) saturate(.94)!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .door-floor{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:74%!important;
  width:min(37vw,520px)!important;
  height:min(9vw,128px)!important;
  z-index:3!important;
  opacity:.18!important;
  transform:translateX(-50%) scaleX(.52)!important;
  transform-origin:center top!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,rgba(239,214,158,.20),rgba(216,190,140,.055) 38%,transparent 78%),
    radial-gradient(ellipse at 50% 0%,rgba(239,214,158,.20),transparent 64%)!important;
  clip-path:polygon(48% 0,52% 0,74% 100%,26% 100%)!important;
  filter:blur(4px)!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1)!important;
}
.section-create .door-floor::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:1px;
  height:100%;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(245,220,164,.58),rgba(216,190,140,.14),transparent);
  opacity:.55;
}
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.92!important;
  transform:translate(-50%,-38%) scale(1.025)!important;
  filter:saturate(.88) contrast(1.07) brightness(.80) blur(0)!important;
}
.section-create:hover .round-door,
.section-create:focus-within .round-door{
  transform:translateZ(0) scale(1.006)!important;
  border-color:rgba(226,175,94,.60)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.12),
    inset 0 0 0 18px rgba(226,175,94,.014),
    0 0 74px rgba(218,140,50,.10)!important;
}
.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-34%)!important;
  opacity:.48!important;
  border-color:rgba(226,175,94,.30)!important;
  filter:brightness(1.04) saturate(.98)!important;
}
.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(34%)!important;
  opacity:.48!important;
  border-color:rgba(226,175,94,.30)!important;
  filter:brightness(1.04) saturate(.98)!important;
}
.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.58!important;
  transform:scale(1.04)!important;
  filter:blur(36px) brightness(1.06) saturate(1)!important;
}
.section-create:hover .door-floor,
.section-create:focus-within .door-floor{
  opacity:.42!important;
  transform:translateX(-50%) scaleX(.86)!important;
  filter:blur(3px) brightness(1.08)!important;
}
.section-create:hover .door-scene::before,
.section-create:focus-within .door-scene::before{
  opacity:.14!important;
}
.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.30!important;
  transform:translateX(-50%) scaleX(.82)!important;
  filter:blur(13px) brightness(1.06)!important;
}

@media(max-width:1100px){
  .section-create .mountain-window{
    width:min(68vw,420px)!important;
    height:min(48vw,300px)!important;
    opacity:.84!important;
  }
  .section-create .round-door{
    width:min(76vw,360px)!important;
    height:min(76vw,360px)!important;
  }
  .section-create .round-door .door-left{
    transform:translateX(-12%)!important;
    opacity:.60!important;
  }
  .section-create .round-door .door-right{
    transform:translateX(12%)!important;
    opacity:.60!important;
  }
  .section-create .door-floor{
    opacity:.26!important;
    transform:translateX(-50%) scaleX(.70)!important;
  }
}

@media(hover:none){
  .section-create .mountain-window{
    opacity:.88!important;
    filter:saturate(.82) contrast(1.05) brightness(.76) blur(0)!important;
  }
  .section-create .round-door .door-left{
    transform:translateX(-18%)!important;
    opacity:.54!important;
  }
  .section-create .round-door .door-right{
    transform:translateX(18%)!important;
    opacity:.54!important;
  }
  .section-create .door-floor{
    opacity:.32!important;
    transform:translateX(-50%) scaleX(.76)!important;
  }
}

/* V121｜04 造運兩扇門精修：門後見景，開門見光與路 */
.section-create .door-scene{
  perspective:1400px!important;
  overflow:visible!important;
}

.section-create .mountain-window{
  left:50%!important;
  top:50%!important;
  width:min(28vw,410px)!important;
  height:min(31vw,450px)!important;
  transform:translate(-50%,-48%) scale(.98)!important;
  clip-path:inset(0 0 0 0 round 2px)!important;
  border-radius:2px!important;
  opacity:.62!important;
  background:
    linear-gradient(180deg,rgba(241,203,126,.18),rgba(23,14,8,.04) 34%,rgba(3,2,1,.22) 100%),
    linear-gradient(90deg,rgba(3,2,1,.42),transparent 18%,transparent 82%,rgba(3,2,1,.42)),
    url('assets/mountain-bg.jpg') center 60%/cover no-repeat!important;
  box-shadow:
    inset 0 0 42px rgba(5,3,2,.74),
    0 0 76px rgba(216,190,140,.08)!important;
  filter:saturate(.72) contrast(1.04) brightness(.62) blur(.25px)!important;
  transition:
    opacity 1.75s cubic-bezier(.16,.78,.12,1),
    filter 1.75s cubic-bezier(.16,.78,.12,1),
    transform 1.75s cubic-bezier(.16,.78,.12,1),
    box-shadow 1.75s cubic-bezier(.16,.78,.12,1)!important;
}

.section-create .mountain-window::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(ellipse at 50% 64%,rgba(238,208,150,.16),transparent 34%),
    linear-gradient(180deg,rgba(5,3,2,.24),transparent 34%,rgba(5,3,2,.22))!important;
  pointer-events:none!important;
}

.section-create .door-scene::before{
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  opacity:.20!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 49%,rgba(6,4,3,.18) 68%,rgba(5,3,2,.70) 82%,transparent 83%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.045),transparent 62%)!important;
}

.section-create .round-door{
  width:min(36vw,500px)!important;
  height:min(36vw,500px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 49.8%,rgba(226,175,94,.18) 50% 50.28%,transparent 50.58%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.024),transparent 61%)!important;
}

.section-create .round-door::before{
  left:50%!important;
  opacity:.38!important;
  background:linear-gradient(180deg,transparent,rgba(226,175,94,.22),transparent)!important;
}

.section-create .round-door::after{
  display:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:12%!important;
  bottom:12%!important;
  width:32%!important;
  opacity:.72!important;
  border-color:rgba(226,175,94,.20)!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.075),transparent 17%,transparent 83%,rgba(226,175,94,.055)),
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(226,175,94,.065) 13px 14px),
    linear-gradient(180deg,rgba(7,4,2,.66),rgba(10,6,3,.30) 50%,rgba(7,4,2,.58))!important;
  backdrop-filter:blur(.8px)!important;
  transition:
    transform 1.85s cubic-bezier(.16,.78,.12,1),
    opacity 1.85s cubic-bezier(.16,.78,.12,1),
    filter 1.85s cubic-bezier(.16,.78,.12,1),
    border-color 1.85s cubic-bezier(.16,.78,.12,1)!important;
}

.section-create .round-door .door-left{
  left:18%!important;
}

.section-create .round-door .door-right{
  right:18%!important;
}

.section-create .door-light{
  opacity:.32!important;
  width:min(25vw,350px)!important;
  height:min(25vw,350px)!important;
  background:
    radial-gradient(circle,rgba(239,214,158,.24),rgba(216,144,64,.075) 42%,transparent 72%)!important;
  filter:blur(34px) saturate(.92)!important;
}

.section-create .door-floor{
  top:58%!important;
  width:min(28vw,390px)!important;
  height:min(16vw,225px)!important;
  opacity:.08!important;
  border-radius:0!important;
  clip-path:polygon(49% 0,51% 0,68% 100%,32% 100%)!important;
  background:
    linear-gradient(180deg,rgba(245,220,164,.34),rgba(216,190,140,.14) 34%,rgba(216,190,140,.035) 78%,transparent),
    radial-gradient(ellipse at 50% 0%,rgba(245,220,164,.28),transparent 60%)!important;
  filter:blur(3px)!important;
  transform:translateX(-50%) scaleY(.78) scaleX(.46)!important;
}

.section-create .door-floor::after{
  opacity:.62!important;
  background:linear-gradient(180deg,rgba(245,220,164,.76),rgba(216,190,140,.18),transparent)!important;
}

.section-create .door-scene::after{
  top:67%!important;
  width:min(27vw,390px)!important;
  height:min(7vw,100px)!important;
  opacity:.10!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(239,214,158,.30),rgba(216,190,140,.06) 42%,transparent 74%)!important;
  filter:blur(16px)!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.94!important;
  transform:translate(-50%,-48%) scale(1.02)!important;
  filter:saturate(.86) contrast(1.08) brightness(.82) blur(0)!important;
  box-shadow:
    inset 0 0 30px rgba(5,3,2,.46),
    0 0 110px rgba(216,190,140,.13)!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-64%)!important;
  opacity:.42!important;
  filter:brightness(1.04) saturate(.98)!important;
}

.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(64%)!important;
  opacity:.42!important;
  filter:brightness(1.04) saturate(.98)!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.72!important;
  transform:scale(1.09)!important;
  filter:blur(34px) brightness(1.10) saturate(1)!important;
}

.section-create:hover .door-floor,
.section-create:focus-within .door-floor{
  opacity:.55!important;
  transform:translateX(-50%) scaleY(1) scaleX(.90)!important;
  filter:blur(2.6px) brightness(1.12)!important;
}

.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.32!important;
  transform:translateX(-50%) scaleX(.92)!important;
}

@media(max-width:1100px){
  .section-create .mountain-window{
    width:min(54vw,330px)!important;
    height:min(62vw,380px)!important;
  }
  .section-create .round-door{
    width:min(76vw,360px)!important;
    height:min(76vw,360px)!important;
  }
  .section-create .round-door .door-left{
    transform:translateX(-16%)!important;
    opacity:.58!important;
  }
  .section-create .round-door .door-right{
    transform:translateX(16%)!important;
    opacity:.58!important;
  }
  .section-create .door-floor{
    width:min(50vw,310px)!important;
    height:min(28vw,175px)!important;
    opacity:.34!important;
    transform:translateX(-50%) scaleY(.92) scaleX(.72)!important;
  }
  .section-create .door-light{
    opacity:.58!important;
  }
}

/* V122｜04 造運：回正為原本左右兩扇門 */
.section-create .door-scene{
  perspective:1200px!important;
  overflow:visible!important;
}

.section-create .mountain-window{
  left:50%!important;
  top:50%!important;
  width:min(34vw,470px)!important;
  height:min(34vw,470px)!important;
  transform:translate(-50%,-50%) scale(.98)!important;
  clip-path:circle(49% at 50% 50%)!important;
  border-radius:50%!important;
  opacity:.58!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(238,202,130,.12),transparent 42%),
    linear-gradient(180deg,rgba(5,3,2,.22),rgba(5,3,2,.02) 44%,rgba(5,3,2,.34)),
    url('assets/mountain-bg.jpg') center 62%/cover no-repeat!important;
  box-shadow:
    inset 0 0 88px rgba(3,2,1,.82),
    0 0 82px rgba(216,190,140,.07)!important;
  filter:saturate(.72) contrast(1.04) brightness(.64) blur(.2px)!important;
  transition:
    opacity 1.55s cubic-bezier(.18,.72,.14,1),
    filter 1.55s cubic-bezier(.18,.72,.14,1),
    transform 1.55s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .mountain-window::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:
    linear-gradient(90deg,rgba(5,3,2,.42),transparent 22%,transparent 78%,rgba(5,3,2,.42)),
    radial-gradient(circle at 50% 54%,transparent 0 50%,rgba(5,3,2,.78) 82%)!important;
  pointer-events:none!important;
}

.section-create .round-door{
  z-index:4!important;
  width:min(36vw,500px)!important;
  height:min(36vw,500px)!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1px solid rgba(226,175,94,.52)!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 49.6%,rgba(226,175,94,.20) 49.9% 50.22%,transparent 50.58%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.026),transparent 62%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.10),
    inset 0 0 0 18px rgba(226,175,94,.014),
    0 0 72px rgba(218,140,50,.08)!important;
}

.section-create .round-door::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:9%!important;
  bottom:9%!important;
  width:1px!important;
  z-index:10!important;
  opacity:.44!important;
  background:linear-gradient(180deg,transparent,rgba(226,175,94,.30),transparent)!important;
  border:0!important;
  box-shadow:none!important;
}

.section-create .round-door::after{
  display:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  z-index:8!important;
  opacity:.82!important;
  border:0!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.075),transparent 20%,transparent 80%,rgba(226,175,94,.055)),
    repeating-linear-gradient(90deg,transparent 0 17px,rgba(226,175,94,.070) 17px 18px),
    linear-gradient(180deg,rgba(8,5,3,.74),rgba(13,8,4,.45) 45%,rgba(8,5,3,.72))!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.08),
    inset 0 0 32px rgba(0,0,0,.20)!important;
  filter:brightness(.96) saturate(.92)!important;
  transform:translateX(0)!important;
  transform-origin:center center!important;
  transition:
    transform 1.65s cubic-bezier(.18,.72,.14,1),
    opacity 1.65s cubic-bezier(.18,.72,.14,1),
    filter 1.65s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left{
  left:0!important;
  border-right:1px solid rgba(226,175,94,.20)!important;
}

.section-create .round-door .door-right{
  right:0!important;
  border-left:1px solid rgba(226,175,94,.20)!important;
}

.section-create .door-light{
  z-index:2!important;
  opacity:.30!important;
  width:min(25vw,350px)!important;
  height:min(25vw,350px)!important;
  background:radial-gradient(circle,rgba(239,214,158,.25),rgba(216,144,64,.07) 42%,transparent 72%)!important;
  filter:blur(34px) saturate(.92)!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .door-floor{
  display:block!important;
  left:50%!important;
  top:62%!important;
  width:min(30vw,420px)!important;
  height:min(15vw,210px)!important;
  z-index:3!important;
  opacity:.05!important;
  border-radius:0!important;
  clip-path:polygon(49% 0,51% 0,68% 100%,32% 100%)!important;
  background:
    linear-gradient(180deg,rgba(245,220,164,.38),rgba(216,190,140,.12) 38%,transparent 86%)!important;
  filter:blur(3px)!important;
  transform:translateX(-50%) scaleX(.44) scaleY(.84)!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .door-scene::before{
  opacity:.18!important;
}

.section-create .door-scene::after{
  opacity:.08!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.88!important;
  transform:translate(-50%,-50%) scale(1.02)!important;
  filter:saturate(.86) contrast(1.08) brightness(.82) blur(0)!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-54%)!important;
  opacity:.46!important;
  filter:brightness(1.02) saturate(.98)!important;
}

.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(54%)!important;
  opacity:.46!important;
  filter:brightness(1.02) saturate(.98)!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.70!important;
  transform:scale(1.08)!important;
  filter:blur(34px) brightness(1.10) saturate(1)!important;
}

.section-create:hover .door-floor,
.section-create:focus-within .door-floor{
  opacity:.46!important;
  transform:translateX(-50%) scaleX(.88) scaleY(1)!important;
  filter:blur(2.8px) brightness(1.10)!important;
}

@media(max-width:1100px){
  .section-create .mountain-window{
    width:min(76vw,360px)!important;
    height:min(76vw,360px)!important;
  }
  .section-create .round-door{
    width:min(78vw,370px)!important;
    height:min(78vw,370px)!important;
  }
  .section-create .round-door .door-left{
    transform:translateX(-16%)!important;
    opacity:.62!important;
  }
  .section-create .round-door .door-right{
    transform:translateX(16%)!important;
    opacity:.62!important;
  }
  .section-create .door-floor{
    width:min(56vw,300px)!important;
    height:min(28vw,160px)!important;
    opacity:.32!important;
    transform:translateX(-50%) scaleX(.74) scaleY(.95)!important;
  }
  .section-create .door-light{
    opacity:.54!important;
  }
}

/* V123｜04 造運：加強兩扇門辨識與慢呼吸 */
.section-create .round-door{
  border-color:rgba(226,175,94,.62)!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 49.35%,rgba(226,175,94,.25) 49.8% 50.18%,transparent 50.62%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.035),transparent 62%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.16),
    inset 0 0 0 18px rgba(226,175,94,.018),
    0 0 82px rgba(218,140,50,.11)!important;
  animation:createDoorFrameBreath 8.5s ease-in-out infinite!important;
}

.section-create .round-door::before{
  width:1.2px!important;
  opacity:.62!important;
  background:
    linear-gradient(180deg,transparent,rgba(245,220,164,.16) 18%,rgba(226,175,94,.50) 50%,rgba(245,220,164,.16) 82%,transparent)!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  opacity:.92!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.12),transparent 18%,transparent 82%,rgba(226,175,94,.08)),
    repeating-linear-gradient(90deg,transparent 0 15px,rgba(226,175,94,.105) 15px 16px),
    linear-gradient(180deg,rgba(6,4,2,.86),rgba(15,9,5,.56) 45%,rgba(6,4,2,.82))!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.13),
    inset 0 0 30px rgba(0,0,0,.24),
    inset 0 0 46px rgba(216,190,140,.025)!important;
  filter:brightness(.98) saturate(.96)!important;
  animation:createDoorPanelBreath 7.8s ease-in-out infinite!important;
}

.section-create .round-door .door-left::after,
.section-create .round-door .door-right::after{
  content:""!important;
  position:absolute!important;
  top:12%!important;
  bottom:12%!important;
  width:1px!important;
  opacity:.46!important;
  background:linear-gradient(180deg,transparent,rgba(226,175,94,.34),transparent)!important;
  pointer-events:none!important;
}

.section-create .round-door .door-left::after{
  right:8%!important;
}

.section-create .round-door .door-right::after{
  left:8%!important;
}

.section-create .door-light{
  opacity:.42!important;
  animation:createDoorLightBreath 8.5s ease-in-out infinite!important;
}

.section-create .mountain-window{
  opacity:.64!important;
  animation:createMountainBreath 10s ease-in-out infinite!important;
}

.section-create:hover .round-door{
  animation-play-state:paused!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  opacity:.54!important;
}

.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  opacity:.54!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  animation-play-state:paused!important;
  opacity:.76!important;
}

@keyframes createDoorFrameBreath{
  0%,100%{
    border-color:rgba(226,175,94,.56);
    box-shadow:inset 0 0 0 1px rgba(226,175,94,.13),inset 0 0 0 18px rgba(226,175,94,.014),0 0 70px rgba(218,140,50,.08);
  }
  48%{
    border-color:rgba(245,220,164,.72);
    box-shadow:inset 0 0 0 1px rgba(245,220,164,.20),inset 0 0 0 18px rgba(226,175,94,.024),0 0 94px rgba(218,140,50,.14);
  }
}

@keyframes createDoorPanelBreath{
  0%,100%{
    opacity:.86;
    box-shadow:inset 0 0 0 1px rgba(226,175,94,.10),inset 0 0 28px rgba(0,0,0,.24),inset 0 0 38px rgba(216,190,140,.018);
  }
  50%{
    opacity:.96;
    box-shadow:inset 0 0 0 1px rgba(245,220,164,.17),inset 0 0 30px rgba(0,0,0,.18),inset 0 0 58px rgba(216,190,140,.045);
  }
}

@keyframes createDoorLightBreath{
  0%,100%{opacity:.34;transform:scale(.95);}
  50%{opacity:.58;transform:scale(1.05);}
}

@keyframes createMountainBreath{
  0%,100%{filter:saturate(.72) contrast(1.04) brightness(.62) blur(.2px);}
  50%{filter:saturate(.82) contrast(1.06) brightness(.72) blur(.05px);}
}

@media(max-width:1100px){
  .section-create .round-door .door-left,
  .section-create .round-door .door-right{
    opacity:.72!important;
  }
}

/* V124｜04 造運：回到原始兩片長方形門板，移除下方符號與弧線 */
.section-create .door-scene::after,
.section-create .door-floor,
.section-create .door-floor::before,
.section-create .door-floor::after{
  display:none!important;
  opacity:0!important;
}

.section-create .round-door{
  width:min(36vw,500px)!important;
  height:min(36vw,500px)!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1px solid rgba(226,175,94,.54)!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 49.6%,rgba(226,175,94,.20) 49.9% 50.24%,transparent 50.62%),
    radial-gradient(circle at 50% 50%,rgba(216,190,140,.026),transparent 62%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.12),
    inset 0 0 0 18px rgba(226,175,94,.014),
    0 0 74px rgba(218,140,50,.09)!important;
  animation:createDoorFrameBreath 9s ease-in-out infinite!important;
}

.section-create .round-door::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:15%!important;
  bottom:15%!important;
  width:1px!important;
  z-index:10!important;
  opacity:.54!important;
  border:0!important;
  background:linear-gradient(180deg,transparent,rgba(226,175,94,.38),transparent)!important;
  box-shadow:none!important;
}

.section-create .round-door::after{
  display:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  display:block!important;
  position:absolute!important;
  top:17%!important;
  bottom:17%!important;
  width:20%!important;
  z-index:8!important;
  opacity:.86!important;
  border:1px solid rgba(226,175,94,.26)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.12),transparent 18%,transparent 82%,rgba(226,175,94,.08)),
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(226,175,94,.095) 13px 14px),
    linear-gradient(180deg,rgba(7,4,2,.74),rgba(15,9,5,.38) 50%,rgba(7,4,2,.70))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.045),
    inset 0 0 28px rgba(0,0,0,.18)!important;
  filter:brightness(.98) saturate(.94)!important;
  transform:translateX(0)!important;
  transform-origin:center center!important;
  animation:createDoorPanelBreath 8.5s ease-in-out infinite!important;
  transition:
    transform 1.65s cubic-bezier(.18,.72,.14,1),
    opacity 1.65s cubic-bezier(.18,.72,.14,1),
    filter 1.65s cubic-bezier(.18,.72,.14,1),
    border-color 1.65s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left{
  left:30%!important;
  border-right-color:rgba(245,220,164,.26)!important;
}

.section-create .round-door .door-right{
  right:30%!important;
  border-left-color:rgba(245,220,164,.26)!important;
}

.section-create .round-door .door-left::after,
.section-create .round-door .door-right::after{
  display:none!important;
}

.section-create .mountain-window{
  width:min(34vw,470px)!important;
  height:min(34vw,470px)!important;
  clip-path:circle(49% at 50% 50%)!important;
  border-radius:50%!important;
  opacity:.62!important;
  transform:translate(-50%,-50%) scale(.98)!important;
}

.section-create .door-light{
  opacity:.40!important;
  animation:createDoorLightBreath 9s ease-in-out infinite!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-52%)!important;
  opacity:.54!important;
  border-color:rgba(226,175,94,.34)!important;
}

.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(52%)!important;
  opacity:.54!important;
  border-color:rgba(226,175,94,.34)!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.86!important;
  transform:translate(-50%,-50%) scale(1.015)!important;
  filter:saturate(.84) contrast(1.06) brightness(.80) blur(0)!important;
}

@media(max-width:1100px){
  .section-create .round-door .door-left,
  .section-create .round-door .door-right{
    width:22%!important;
    opacity:.76!important;
  }
  .section-create .round-door .door-left{
    left:28%!important;
    transform:translateX(-10%)!important;
  }
  .section-create .round-door .door-right{
    right:28%!important;
    transform:translateX(10%)!important;
  }
}

/* V125｜04 造運：移除門下符號，補回開門見光明 */
.section-create .door-scene{
  overflow:visible!important;
}

.section-create .door-scene::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(36vw,500px)!important;
  height:min(36vw,500px)!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.22!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 50%,rgba(5,3,2,.74) 74%,rgba(5,3,2,.96) 88%,transparent 89%)!important;
  clip-path:none!important;
  filter:none!important;
}

.section-create .door-scene::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:69%!important;
  width:min(26vw,360px)!important;
  height:min(11vw,150px)!important;
  transform:translateX(-50%) scaleX(.18)!important;
  transform-origin:center top!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.10!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(245,220,164,.46),rgba(216,190,140,.16) 38%,rgba(216,190,140,.035) 78%,transparent)!important;
  clip-path:polygon(49.2% 0,50.8% 0,62% 100%,38% 100%)!important;
  filter:blur(4px)!important;
  transition:
    opacity 1.55s cubic-bezier(.18,.72,.14,1),
    transform 1.55s cubic-bezier(.18,.72,.14,1),
    filter 1.55s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:20%!important;
  bottom:20%!important;
  width:10px!important;
  transform:translateX(-50%) scaleX(.24)!important;
  z-index:7!important;
  pointer-events:none!important;
  opacity:.18!important;
  background:linear-gradient(180deg,transparent,rgba(245,220,164,.58),rgba(216,190,140,.18),transparent)!important;
  border:0!important;
  border-radius:999px!important;
  filter:blur(6px)!important;
  transition:
    opacity 1.45s cubic-bezier(.18,.72,.14,1),
    transform 1.45s cubic-bezier(.18,.72,.14,1),
    filter 1.45s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .door-floor,
.section-create .door-floor::before,
.section-create .door-floor::after{
  display:none!important;
  opacity:0!important;
  background:none!important;
}

.section-create .mountain-window{
  overflow:hidden!important;
  opacity:.52!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(238,202,130,.12),transparent 38%),
    linear-gradient(180deg,rgba(5,3,2,.18),rgba(5,3,2,.02) 44%,rgba(5,3,2,.38)),
    url('assets/mountain-bg.jpg') center 48%/cover no-repeat!important;
  box-shadow:
    inset 0 0 96px rgba(3,2,1,.88),
    0 0 76px rgba(216,190,140,.06)!important;
}

.section-create .mountain-window::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:8%!important;
  width:28%!important;
  height:18%!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
  pointer-events:none!important;
  opacity:1!important;
  background:linear-gradient(180deg,rgba(5,3,2,.92),rgba(5,3,2,.70) 55%,rgba(5,3,2,.05))!important;
  filter:blur(2px)!important;
}

.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.52!important;
  transform:translateX(-50%) scaleX(.86)!important;
  filter:blur(3px) brightness(1.1)!important;
}

.section-create:hover .round-door::after,
.section-create:focus-within .round-door::after{
  opacity:.56!important;
  transform:translateX(-50%) scaleX(.72)!important;
  filter:blur(5px) brightness(1.18)!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.88!important;
  background:
    radial-gradient(circle at 50% 52%,rgba(245,220,164,.23),transparent 34%),
    linear-gradient(180deg,rgba(5,3,2,.10),rgba(5,3,2,0) 42%,rgba(5,3,2,.24)),
    url('assets/mountain-bg.jpg') center 48%/cover no-repeat!important;
  box-shadow:
    inset 0 0 72px rgba(3,2,1,.58),
    0 0 112px rgba(216,190,140,.12)!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.78!important;
  transform:scale(1.12)!important;
}

@media(max-width:1100px){
  .section-create .door-scene::after{
    width:min(48vw,300px)!important;
    height:min(26vw,160px)!important;
    opacity:.30!important;
    transform:translateX(-50%) scaleX(.62)!important;
  }
  .section-create .mountain-window::after{
    width:34%!important;
  }
}

/* V126｜04 造運：撤掉直白光線，門後只以景深與霧光轉明 */
.section-create .door-scene::after,
.section-create .round-door::after,
.section-create .door-floor,
.section-create .door-floor::before,
.section-create .door-floor::after{
  content:""!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
}

.section-create .door-scene::before{
  opacity:.30!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 46%,rgba(5,3,2,.62) 68%,rgba(5,3,2,.96) 85%,transparent 86%),
    radial-gradient(circle at 50% 56%,rgba(216,190,140,.045),transparent 54%)!important;
}

.section-create .mountain-window{
  opacity:.50!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(238,202,130,.10),transparent 38%),
    linear-gradient(180deg,rgba(5,3,2,.24),rgba(5,3,2,.04) 42%,rgba(5,3,2,.46)),
    url('assets/mountain-bg.jpg') center 48%/cover no-repeat!important;
  box-shadow:
    inset 0 0 104px rgba(3,2,1,.94),
    0 0 72px rgba(216,190,140,.045)!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-2%!important;
  width:46%!important;
  height:30%!important;
  transform:translateX(-50%)!important;
  z-index:9!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(5,3,2,.98),rgba(5,3,2,.90) 44%,rgba(5,3,2,.58) 68%,transparent 100%)!important;
  filter:blur(4px)!important;
}

.section-create .door-light{
  opacity:.34!important;
  background:
    radial-gradient(circle,rgba(239,214,158,.18),rgba(216,144,64,.055) 44%,transparent 74%)!important;
  filter:blur(38px) saturate(.9)!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.84!important;
  background:
    radial-gradient(circle at 50% 52%,rgba(245,220,164,.20),transparent 36%),
    linear-gradient(180deg,rgba(5,3,2,.14),rgba(5,3,2,0) 42%,rgba(5,3,2,.34)),
    url('assets/mountain-bg.jpg') center 48%/cover no-repeat!important;
  box-shadow:
    inset 0 0 78px rgba(3,2,1,.70),
    0 0 118px rgba(216,190,140,.13)!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.68!important;
  transform:scale(1.13)!important;
  filter:blur(42px) brightness(1.08) saturate(.96)!important;
}

.section-create:hover .door-scene::before,
.section-create:focus-within .door-scene::before{
  opacity:.20!important;
}

/* V127｜04 造運：只在 hover 開門，門後以桃源霧光呈現 */
.section-create .door-scene::after,
.section-create .round-door::after,
.section-create .door-floor,
.section-create .door-floor::before,
.section-create .door-floor::after{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  transform:translateX(0)!important;
  opacity:.88!important;
}

.section-create .mountain-window{
  opacity:.46!important;
  filter:saturate(.68) contrast(1.02) brightness(.56) blur(.28px)!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(218,164,92,.08),transparent 36%),
    linear-gradient(180deg,rgba(5,3,2,.30),rgba(5,3,2,.08) 42%,rgba(5,3,2,.52)),
    url('assets/mountain-bg.jpg') center 48%/cover no-repeat!important;
  box-shadow:
    inset 0 0 112px rgba(3,2,1,.96),
    0 0 64px rgba(216,190,140,.035)!important;
}

.section-create .mountain-window::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  opacity:.18!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 44%,rgba(244,202,151,.18),rgba(216,190,140,.055) 32%,transparent 64%),
    radial-gradient(ellipse at 58% 62%,rgba(183,117,83,.10),transparent 44%)!important;
  filter:blur(8px)!important;
  transition:
    opacity 1.6s cubic-bezier(.18,.72,.14,1),
    filter 1.6s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5%!important;
  width:58%!important;
  height:36%!important;
  transform:translateX(-50%)!important;
  z-index:10!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(5,3,2,1),rgba(5,3,2,.94) 42%,rgba(5,3,2,.70) 68%,transparent 100%)!important;
  filter:blur(5px)!important;
}

.section-create .door-light{
  opacity:.26!important;
  background:
    radial-gradient(circle,rgba(239,214,158,.14),rgba(216,144,64,.045) 44%,transparent 75%)!important;
  filter:blur(40px) saturate(.86)!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-52%)!important;
  opacity:.50!important;
}

.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(52%)!important;
  opacity:.50!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.88!important;
  filter:saturate(.92) contrast(1.07) brightness(.82) blur(0)!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(245,220,164,.20),transparent 36%),
    radial-gradient(ellipse at 56% 62%,rgba(183,117,83,.10),transparent 42%),
    linear-gradient(180deg,rgba(5,3,2,.12),rgba(5,3,2,0) 42%,rgba(5,3,2,.32)),
    url('assets/mountain-bg.jpg') center 48%/cover no-repeat!important;
  box-shadow:
    inset 0 0 76px rgba(3,2,1,.68),
    0 0 118px rgba(216,190,140,.13)!important;
}

.section-create:hover .mountain-window::before,
.section-create:focus-within .mountain-window::before{
  opacity:.74!important;
  filter:blur(10px) brightness(1.08)!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.62!important;
  transform:scale(1.12)!important;
  background:
    radial-gradient(circle,rgba(245,220,164,.24),rgba(216,144,64,.07) 44%,transparent 75%)!important;
  filter:blur(44px) brightness(1.06) saturate(.95)!important;
}

@media(max-width:1100px){
  .section-create .round-door .door-left,
  .section-create .round-door .door-right{
    transform:translateX(0)!important;
    opacity:.78!important;
  }
}

/* V128｜04 造運：開門後浮現桃源金霧與細星，不做直白光路 */
.section-create .door-scene::after{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(34vw,470px)!important;
  height:min(34vw,470px)!important;
  transform:translate(-50%,-50%) scale(.92)!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:0!important;
  border-radius:50%!important;
  clip-path:circle(49% at 50% 50%)!important;
  background:
    radial-gradient(circle at 38% 38%,rgba(245,220,164,.70) 0 1.2px,transparent 2.6px),
    radial-gradient(circle at 64% 32%,rgba(245,220,164,.52) 0 1px,transparent 2.4px),
    radial-gradient(circle at 58% 61%,rgba(235,178,126,.46) 0 1.1px,transparent 2.8px),
    radial-gradient(circle at 45% 67%,rgba(245,220,164,.42) 0 .9px,transparent 2.5px),
    radial-gradient(ellipse at 50% 44%,rgba(245,220,164,.16),transparent 34%),
    radial-gradient(ellipse at 58% 60%,rgba(183,117,83,.11),transparent 42%),
    radial-gradient(ellipse at 42% 58%,rgba(239,214,158,.09),transparent 44%)!important;
  filter:blur(.2px) saturate(.92)!important;
  mix-blend-mode:screen!important;
  transition:
    opacity 1.55s cubic-bezier(.18,.72,.14,1),
    transform 1.55s cubic-bezier(.18,.72,.14,1),
    filter 1.55s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.68!important;
  transform:translate(-50%,-50%) scale(1)!important;
  filter:blur(.1px) brightness(1.04) saturate(.98)!important;
  animation:taoyuanMistV128 9.5s ease-in-out infinite!important;
}

.section-create:hover .mountain-window::before,
.section-create:focus-within .mountain-window::before{
  background:
    radial-gradient(ellipse at 50% 42%,rgba(245,220,164,.28),rgba(216,190,140,.075) 34%,transparent 66%),
    radial-gradient(circle at 40% 36%,rgba(245,220,164,.28) 0 1px,transparent 2.8px),
    radial-gradient(circle at 64% 38%,rgba(245,220,164,.20) 0 .9px,transparent 2.6px),
    radial-gradient(ellipse at 58% 62%,rgba(183,117,83,.14),transparent 44%)!important;
  animation:taoyuanWindowMistV128 10s ease-in-out infinite!important;
}

.section-create:hover .round-door,
.section-create:focus-within .round-door{
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.16),
    inset 0 0 0 18px rgba(226,175,94,.014),
    0 0 96px rgba(218,140,50,.13)!important;
}

@keyframes taoyuanMistV128{
  0%,100%{
    opacity:.54;
    transform:translate(-50%,-50%) scale(.98) rotate(0deg);
  }
  45%{
    opacity:.78;
    transform:translate(-50.4%,-50.8%) scale(1.025) rotate(.35deg);
  }
  72%{
    opacity:.62;
    transform:translate(-49.7%,-50.2%) scale(1.01) rotate(-.22deg);
  }
}

@keyframes taoyuanWindowMistV128{
  0%,100%{
    opacity:.58;
    filter:blur(10px) brightness(1.02);
  }
  50%{
    opacity:.86;
    filter:blur(11px) brightness(1.10);
  }
}

/* V129｜04 造運：光點閃爍，淡化底部黑遮片 */
.section-create .mountain-window::after{
  width:34%!important;
  height:22%!important;
  bottom:-8%!important;
  opacity:.58!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(5,3,2,.82),rgba(5,3,2,.44) 46%,transparent 78%)!important;
  filter:blur(7px)!important;
}

.section-create .door-scene::after{
  opacity:0!important;
  background:
    radial-gradient(circle at 36% 36%,rgba(255,236,184,.95) 0 1.7px,rgba(245,220,164,.34) 2.4px,transparent 5.2px),
    radial-gradient(circle at 63% 32%,rgba(255,236,184,.82) 0 1.4px,rgba(245,220,164,.28) 2.2px,transparent 4.8px),
    radial-gradient(circle at 58% 61%,rgba(255,216,162,.76) 0 1.5px,rgba(235,178,126,.24) 2.4px,transparent 5px),
    radial-gradient(circle at 44% 68%,rgba(245,220,164,.68) 0 1.2px,rgba(245,220,164,.22) 2px,transparent 4.6px),
    radial-gradient(circle at 51% 46%,rgba(255,238,190,.50) 0 1px,transparent 4px),
    radial-gradient(ellipse at 50% 44%,rgba(245,220,164,.18),transparent 34%),
    radial-gradient(ellipse at 58% 60%,rgba(183,117,83,.12),transparent 42%)!important;
  filter:blur(.05px) saturate(1)!important;
}

.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.92!important;
  animation:taoyuanSparkleV129 5.6s ease-in-out infinite!important;
}

@keyframes taoyuanSparkleV129{
  0%,100%{
    opacity:.58;
    transform:translate(-50%,-50%) scale(.985);
    filter:blur(.08px) brightness(1);
  }
  28%{
    opacity:.96;
    transform:translate(-50.2%,-50.6%) scale(1.01);
    filter:blur(.04px) brightness(1.18);
  }
  56%{
    opacity:.72;
    transform:translate(-49.8%,-50.1%) scale(1.004);
    filter:blur(.06px) brightness(1.04);
  }
  78%{
    opacity:1;
    transform:translate(-50.1%,-49.7%) scale(1.018);
    filter:blur(.03px) brightness(1.22);
  }
}

/* V130｜04 造運：小光點微閃，徹底壓掉門下符號 */
.section-create .door-scene::after{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  left:50%!important;
  top:50%!important;
  width:min(32vw,440px)!important;
  height:min(32vw,440px)!important;
  transform:translate(-50%,-50%) scale(1)!important;
  z-index:2!important;
  opacity:0!important;
  border-radius:50%!important;
  clip-path:circle(46% at 50% 49%)!important;
  background:
    radial-gradient(circle at 42% 38%,rgba(245,220,164,.62) 0 .65px,transparent 1.7px),
    radial-gradient(circle at 61% 35%,rgba(245,220,164,.46) 0 .55px,transparent 1.6px),
    radial-gradient(circle at 55% 58%,rgba(235,178,126,.38) 0 .6px,transparent 1.8px),
    radial-gradient(circle at 47% 64%,rgba(245,220,164,.34) 0 .5px,transparent 1.7px),
    radial-gradient(ellipse at 50% 45%,rgba(245,220,164,.075),transparent 34%)!important;
  filter:none!important;
  mix-blend-mode:screen!important;
}

.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:.56!important;
  animation:taoyuanTinySparkleV130 7.2s ease-in-out infinite!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  left:50%!important;
  bottom:-1%!important;
  width:64%!important;
  height:40%!important;
  transform:translateX(-50%)!important;
  z-index:20!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(5,3,2,1),rgba(5,3,2,.97) 42%,rgba(5,3,2,.82) 64%,rgba(5,3,2,.20) 86%,transparent 100%)!important;
  filter:blur(5px)!important;
}

.section-create .door-floor,
.section-create .door-floor::before,
.section-create .door-floor::after,
.section-create .round-door::after{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

@keyframes taoyuanTinySparkleV130{
  0%,100%{
    opacity:.34;
    filter:brightness(.96);
  }
  32%{
    opacity:.64;
    filter:brightness(1.16);
  }
  58%{
    opacity:.42;
    filter:brightness(1.02);
  }
  82%{
    opacity:.70;
    filter:brightness(1.18);
  }
}

/* V131｜04 造運：移除門後大黑遮片，保留原本開門動畫 */
.section-create .mountain-window::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* V132｜04 造運：裁掉背景圖底部原生符號，不再用黑塊遮 */
.section-create.create-grid-section:before{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.74)),
    url('assets/create-taoyuan-bg.png')!important;
  background-size:cover!important;
  background-position:center 48%!important;
}

.section-create .mountain-window{
  background:
    radial-gradient(circle at 50% 44%,rgba(218,164,92,.08),transparent 36%),
    linear-gradient(180deg,rgba(5,3,2,.30),rgba(5,3,2,.08) 42%,rgba(5,3,2,.52)),
    url('assets/create-taoyuan-bg.png') center 50%/cover no-repeat!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  background:
    radial-gradient(circle at 50% 46%,rgba(245,220,164,.20),transparent 36%),
    radial-gradient(ellipse at 56% 62%,rgba(183,117,83,.10),transparent 42%),
    linear-gradient(180deg,rgba(5,3,2,.12),rgba(5,3,2,0) 42%,rgba(5,3,2,.32)),
    url('assets/create-taoyuan-bg.png') center 50%/cover no-repeat!important;
}

/* V133｜04 造運：試用圓門桃源圖，門片改為四扇滑門 */
.section-create .door-scene::before{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

.section-create .mountain-window{
  background:
    linear-gradient(180deg,rgba(5,3,2,.32),rgba(5,3,2,.06) 42%,rgba(5,3,2,.42)),
    radial-gradient(circle at 54% 46%,rgba(245,220,164,.10),transparent 34%),
    url('assets/create-taoyuan-door-bg.png') 62% 50%/cover no-repeat!important;
  opacity:.58!important;
  filter:saturate(.78) contrast(1.04) brightness(.62) blur(.08px)!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  background:
    linear-gradient(180deg,rgba(5,3,2,.14),rgba(5,3,2,0) 42%,rgba(5,3,2,.28)),
    radial-gradient(circle at 56% 46%,rgba(245,220,164,.22),transparent 38%),
    url('assets/create-taoyuan-door-bg.png') 62% 50%/cover no-repeat!important;
  opacity:.90!important;
  filter:saturate(.88) contrast(1.06) brightness(.80) blur(0)!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:13%!important;
  bottom:13%!important;
  width:50%!important;
  opacity:.94!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  animation:none!important;
}

.section-create .round-door .door-left{
  left:0!important;
  transform:translateX(0)!important;
}

.section-create .round-door .door-right{
  right:0!important;
  transform:translateX(0)!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  opacity:1!important;
  border:1px solid rgba(226,175,94,.24)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.12),transparent 18%,transparent 82%,rgba(226,175,94,.08)),
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(226,175,94,.085) 13px 14px),
    linear-gradient(180deg,rgba(5,3,2,.84),rgba(13,8,4,.56) 48%,rgba(5,3,2,.82))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.04),
    inset 0 0 30px rgba(0,0,0,.20)!important;
  filter:brightness(.96) saturate(.92)!important;
  transition:
    transform 1.72s cubic-bezier(.18,.72,.14,1),
    opacity 1.72s cubic-bezier(.18,.72,.14,1),
    filter 1.72s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left::before{
  left:0!important;
}

.section-create .round-door .door-left::after{
  right:0!important;
  border-right-color:rgba(245,220,164,.34)!important;
}

.section-create .round-door .door-right::before{
  left:0!important;
  border-left-color:rgba(245,220,164,.34)!important;
}

.section-create .round-door .door-right::after{
  right:0!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left{
  transform:translateX(-43%)!important;
  opacity:.88!important;
}

.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(43%)!important;
  opacity:.88!important;
}

.section-create:hover .round-door .door-left::after,
.section-create:focus-within .round-door .door-left::after{
  transform:translateX(-22%)!important;
  opacity:.78!important;
}

.section-create:hover .round-door .door-right::before,
.section-create:focus-within .round-door .door-right::before{
  transform:translateX(22%)!important;
  opacity:.78!important;
}

.section-create:hover .round-door .door-left::before,
.section-create:focus-within .round-door .door-left::before,
.section-create:hover .round-door .door-right::after,
.section-create:focus-within .round-door .door-right::after{
  opacity:.70!important;
  filter:brightness(1.02) saturate(.96)!important;
}

/* V134｜04 造運：四扇兩兩，從中央滑開 */
.section-create .round-door .door-left,
.section-create .round-door .door-right{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-right::after{
  z-index:7!important;
}

.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before{
  z-index:9!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.96!important;
}

.section-create .round-door .door-left::before{
  left:0!important;
}

.section-create .round-door .door-left::after{
  left:50%!important;
  right:auto!important;
  border-right-color:rgba(245,220,164,.38)!important;
}

.section-create .round-door .door-right::before{
  left:0!important;
  border-left-color:rgba(245,220,164,.38)!important;
}

.section-create .round-door .door-right::after{
  left:50%!important;
  right:auto!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left,
.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create:hover .round-door .door-left::before,
.section-create:focus-within .round-door .door-left::before,
.section-create:hover .round-door .door-right::after,
.section-create:focus-within .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.86!important;
  filter:brightness(.98) saturate(.92)!important;
}

.section-create:hover .round-door .door-left::after,
.section-create:focus-within .round-door .door-left::after{
  transform:translateX(-100%)!important;
  opacity:.80!important;
  filter:brightness(1.03) saturate(.96)!important;
}

.section-create:hover .round-door .door-right::before,
.section-create:focus-within .round-door .door-right::before{
  transform:translateX(100%)!important;
  opacity:.80!important;
  filter:brightness(1.03) saturate(.96)!important;
}

/* V135｜04 造運：開門觸發收回到門附近，不再整段 hover 就開 */
.section-create .door-scene{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:auto!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  background:
    linear-gradient(180deg,rgba(5,3,2,.32),rgba(5,3,2,.06) 42%,rgba(5,3,2,.42)),
    radial-gradient(circle at 54% 46%,rgba(245,220,164,.10),transparent 34%),
    url('assets/create-taoyuan-door-bg.png') 62% 50%/cover no-repeat!important;
  opacity:.58!important;
  filter:saturate(.78) contrast(1.04) brightness(.62) blur(.08px)!important;
}

.section-create:hover .door-light,
.section-create:focus-within .door-light{
  opacity:.26!important;
  transform:scale(1)!important;
}

.section-create:hover .door-scene::after,
.section-create:focus-within .door-scene::after{
  opacity:0!important;
  animation:none!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left,
.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create:hover .round-door .door-left::before,
.section-create:focus-within .round-door .door-left::before,
.section-create:hover .round-door .door-left::after,
.section-create:focus-within .round-door .door-left::after,
.section-create:hover .round-door .door-right::before,
.section-create:focus-within .round-door .door-right::before,
.section-create:hover .round-door .door-right::after,
.section-create:focus-within .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.96!important;
  filter:brightness(.96) saturate(.92)!important;
}

.section-create .door-scene:hover .mountain-window{
  background:
    linear-gradient(180deg,rgba(5,3,2,.14),rgba(5,3,2,0) 42%,rgba(5,3,2,.28)),
    radial-gradient(circle at 56% 46%,rgba(245,220,164,.22),transparent 38%),
    url('assets/create-taoyuan-door-bg.png') 62% 50%/cover no-repeat!important;
  opacity:.90!important;
  filter:saturate(.88) contrast(1.06) brightness(.80) blur(0)!important;
}

.section-create .door-scene:hover .door-light{
  opacity:.62!important;
  transform:scale(1.12)!important;
}

.section-create .door-scene:hover::after{
  opacity:.56!important;
  animation:taoyuanTinySparkleV130 7.2s ease-in-out infinite!important;
}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.86!important;
  filter:brightness(.98) saturate(.92)!important;
}

.section-create .door-scene:hover .round-door .door-left::after{
  transform:translateX(-100%)!important;
  opacity:.80!important;
  filter:brightness(1.03) saturate(.96)!important;
}

.section-create .door-scene:hover .round-door .door-right::before{
  transform:translateX(100%)!important;
  opacity:.80!important;
  filter:brightness(1.03) saturate(.96)!important;
}

/* V136｜04 造運：修正門熱區被版面層蓋住，靠近門才可開 */
.section-create .door-scene{
  z-index:5!important;
  cursor:default!important;
}

.section-create .create-split{
  pointer-events:none!important;
}

.section-create .need-list,
.section-create .create-copy{
  position:relative!important;
  z-index:7!important;
  pointer-events:auto!important;
}

.section-create .gate-slot{
  pointer-events:none!important;
}

@media(max-width:980px){
  .section-create .door-scene{
    width:min(78vw,430px)!important;
    height:min(78vw,430px)!important;
    z-index:4!important;
  }

  .section-create .need-list,
  .section-create .create-copy{
    z-index:7!important;
  }
}

/* V137｜04 造運：補月洞門上下內襯，開門後星點向光處收束 */
.section-create .door-scene::before{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:108%!important;
  height:108%!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.68!important;
  border-radius:50%!important;
  clip-path:circle(49.5% at 50% 50%)!important;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(216,190,140,.16),rgba(216,190,140,.055) 20%,transparent 42%),
    radial-gradient(ellipse at 50% 88%,rgba(216,190,140,.13),rgba(216,190,140,.045) 20%,transparent 43%),
    radial-gradient(circle at 50% 50%,transparent 0 40%,rgba(5,3,2,.18) 50%,rgba(5,3,2,.64) 73%,transparent 74%),
    radial-gradient(circle at 50% 50%,transparent 0 47.8%,rgba(216,190,140,.18) 48%,transparent 49.2%)!important;
  filter:blur(.15px)!important;
  mix-blend-mode:screen!important;
  transition:
    opacity 1.5s cubic-bezier(.18,.72,.14,1),
    filter 1.5s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:8.5%!important;
  bottom:8.5%!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  background:
    linear-gradient(180deg,rgba(216,190,140,.08),transparent 10%,transparent 90%,rgba(216,190,140,.06)),
    linear-gradient(90deg,rgba(226,175,94,.11),transparent 18%,transparent 82%,rgba(226,175,94,.08)),
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(226,175,94,.085) 13px 14px),
    linear-gradient(180deg,rgba(5,3,2,.86),rgba(13,8,4,.57) 48%,rgba(5,3,2,.82))!important;
}

.section-create .door-light{
  left:50%!important;
  top:50%!important;
  width:min(34vw,470px)!important;
  height:min(34vw,470px)!important;
  transform:translate(-50%,-50%) scale(.98)!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:50%!important;
  opacity:.24!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(245,220,164,.13),rgba(216,144,64,.035) 42%,transparent 72%)!important;
  filter:blur(30px) saturate(.88)!important;
}

.section-create .door-scene:hover::before{
  opacity:.86!important;
  filter:blur(.1px) brightness(1.05)!important;
}

.section-create .door-scene:hover .door-light{
  opacity:.76!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,238,190,.24),rgba(216,144,64,.07) 42%,transparent 72%),
    radial-gradient(circle at 18% 28%,rgba(255,236,184,.98) 0 1.15px,rgba(245,220,164,.28) 2px,transparent 5px),
    radial-gradient(circle at 83% 31%,rgba(255,236,184,.90) 0 1px,rgba(245,220,164,.25) 2px,transparent 5px),
    radial-gradient(circle at 20% 74%,rgba(255,226,170,.78) 0 .95px,rgba(245,220,164,.20) 1.9px,transparent 4.8px),
    radial-gradient(circle at 78% 73%,rgba(255,226,170,.76) 0 .9px,rgba(245,220,164,.18) 1.8px,transparent 4.6px),
    radial-gradient(circle at 50% 82%,rgba(245,220,164,.68) 0 .85px,rgba(245,220,164,.16) 1.7px,transparent 4.2px)!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
  animation:taoyuanStarsInV137 3.8s cubic-bezier(.18,.72,.14,1) infinite!important;
  filter:blur(18px) brightness(1.08) saturate(.98)!important;
}

@keyframes taoyuanStarsInV137{
  0%{
    opacity:.50;
    background-position:
      0 0,
      -18% -12%,
      118% -10%,
      -14% 118%,
      116% 114%,
      50% 124%;
  }
  42%{
    opacity:.84;
    background-position:
      0 0,
      38% 42%,
      62% 43%,
      40% 58%,
      60% 58%,
      50% 60%;
  }
  70%{
    opacity:.62;
    background-position:
      0 0,
      48% 48%,
      52% 48%,
      48% 52%,
      52% 52%,
      50% 52%;
  }
  100%{
    opacity:.46;
    background-position:
      0 0,
      50% 46%,
      50% 46%,
      50% 46%,
      50% 46%,
      50% 46%;
  }
}

@media(max-width:980px){
  .section-create .door-scene::before{
    width:106%!important;
    height:106%!important;
    opacity:.58!important;
  }

  .section-create .door-light{
    width:min(70vw,390px)!important;
    height:min(70vw,390px)!important;
  }
}

/* V138｜04 造運：撤掉上下補光，改為獨立細星向門內收束 */
.section-create .door-scene::before{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:13%!important;
  bottom:13%!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  background:
    linear-gradient(90deg,rgba(226,175,94,.12),transparent 18%,transparent 82%,rgba(226,175,94,.08)),
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(226,175,94,.085) 13px 14px),
    linear-gradient(180deg,rgba(5,3,2,.84),rgba(13,8,4,.56) 48%,rgba(5,3,2,.82))!important;
}

.section-create .door-light{
  left:50%!important;
  top:50%!important;
  width:min(34vw,470px)!important;
  height:min(34vw,470px)!important;
  transform:translate(-50%,-50%) scale(.98)!important;
  z-index:2!important;
  opacity:.24!important;
  background:radial-gradient(circle at 50% 46%,rgba(245,220,164,.13),rgba(216,144,64,.035) 42%,transparent 72%)!important;
  filter:blur(30px) saturate(.88)!important;
  animation:none!important;
}

.section-create .door-scene:hover .door-light{
  opacity:.60!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  background:radial-gradient(circle at 50% 46%,rgba(255,238,190,.24),rgba(216,144,64,.07) 42%,transparent 72%)!important;
  filter:blur(32px) brightness(1.06) saturate(.96)!important;
  animation:none!important;
}

.section-create .door-star{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:3px!important;
  height:3px!important;
  z-index:8!important;
  pointer-events:none!important;
  border-radius:50%!important;
  opacity:0!important;
  background:rgba(255,238,190,.96)!important;
  box-shadow:
    0 0 8px rgba(255,230,174,.58),
    0 0 18px rgba(216,144,64,.18)!important;
  transform:translate(var(--sx),var(--sy)) scale(.72)!important;
}

.section-create .door-star.star-a{--sx:-128px;--sy:-92px;animation-delay:0s!important;}
.section-create .door-star.star-b{--sx:126px;--sy:-74px;animation-delay:.22s!important;}
.section-create .door-star.star-c{--sx:-118px;--sy:88px;animation-delay:.44s!important;}
.section-create .door-star.star-d{--sx:116px;--sy:96px;animation-delay:.66s!important;}
.section-create .door-star.star-e{--sx:0px;--sy:132px;animation-delay:.88s!important;}

.section-create .door-scene:hover .door-star{
  animation:doorStarInV138 2.9s cubic-bezier(.18,.72,.14,1) infinite!important;
}

@keyframes doorStarInV138{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.55);
  }
  16%{
    opacity:.86;
  }
  62%{
    opacity:.78;
    transform:translate(calc(var(--sx) * .18),calc(var(--sy) * .18)) scale(.82);
  }
  88%{
    opacity:.20;
    transform:translate(0,0) scale(.34);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.18);
  }
}

@media(max-width:980px){
  .section-create .door-star{
    width:2.5px!important;
    height:2.5px!important;
  }
  .section-create .door-star.star-a{--sx:-82px;--sy:-72px;}
  .section-create .door-star.star-b{--sx:84px;--sy:-62px;}
  .section-create .door-star.star-c{--sx:-78px;--sy:70px;}
  .section-create .door-star.star-d{--sx:80px;--sy:74px;}
  .section-create .door-star.star-e{--sx:0px;--sy:96px;}
}

/* V139｜04 造運：移除門內舊圖框線，星點拉到最前層 */
.section-create .mountain-window{
  background:
    linear-gradient(180deg,rgba(5,3,2,.30),rgba(5,3,2,.05) 42%,rgba(5,3,2,.46)),
    radial-gradient(circle at 52% 44%,rgba(245,220,164,.10),transparent 34%),
    url('assets/create-taoyuan-path-bg.png') center 52%/cover no-repeat!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window,
.section-create .door-scene:hover .mountain-window{
  background:
    linear-gradient(180deg,rgba(5,3,2,.12),rgba(5,3,2,0) 42%,rgba(5,3,2,.30)),
    radial-gradient(circle at 54% 45%,rgba(245,220,164,.22),transparent 38%),
    url('assets/create-taoyuan-path-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-star{
  width:5px!important;
  height:5px!important;
  z-index:999!important;
  opacity:0!important;
  background:#fff1c8!important;
  box-shadow:
    0 0 7px rgba(255,241,200,1),
    0 0 18px rgba(245,205,128,.78),
    0 0 34px rgba(216,144,64,.40)!important;
  filter:none!important;
  mix-blend-mode:screen!important;
  transform:translate(var(--sx),var(--sy)) scale(.78)!important;
}

.section-create .door-star::after{
  content:""!important;
  position:absolute!important;
  left:-28px!important;
  top:50%!important;
  width:34px!important;
  height:1px!important;
  transform:translateY(-50%) rotate(var(--trail-rotate,0deg))!important;
  opacity:.58!important;
  background:linear-gradient(90deg,transparent,rgba(255,238,190,.70),transparent)!important;
  filter:blur(.4px)!important;
}

.section-create .door-star.star-a{--sx:-145px;--sy:-106px;--delay:0s;--trail-rotate:24deg;}
.section-create .door-star.star-b{--sx:142px;--sy:-86px;--delay:.28s;--trail-rotate:-22deg;}
.section-create .door-star.star-c{--sx:-136px;--sy:100px;--delay:.56s;--trail-rotate:-20deg;}
.section-create .door-star.star-d{--sx:132px;--sy:108px;--delay:.84s;--trail-rotate:20deg;}
.section-create .door-star.star-e{--sx:0px;--sy:148px;--delay:1.12s;--trail-rotate:90deg;}

.section-create .door-scene:hover .door-star{
  animation-name:doorStarInV139!important;
  animation-duration:3.2s!important;
  animation-timing-function:cubic-bezier(.18,.72,.14,1)!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorStarInV139{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.52);
  }
  12%{
    opacity:1;
    transform:translate(calc(var(--sx) * .88),calc(var(--sy) * .88)) scale(.90);
  }
  48%{
    opacity:.95;
    transform:translate(calc(var(--sx) * .34),calc(var(--sy) * .34)) scale(.72);
  }
  72%{
    opacity:.56;
    transform:translate(calc(var(--sx) * .08),calc(var(--sy) * .08)) scale(.46);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.18);
  }
}

@media(max-width:980px){
  .section-create .door-star{
    width:3px!important;
    height:3px!important;
  }

  .section-create .door-star.star-a{--sx:-92px;--sy:-78px;}
  .section-create .door-star.star-b{--sx:94px;--sy:-70px;}
  .section-create .door-star.star-c{--sx:-88px;--sy:78px;}
  .section-create .door-star.star-d{--sx:90px;--sy:82px;}
  .section-create .door-star.star-e{--sx:0px;--sy:108px;}
}

/* V140｜04 造運：桃花源圖像更清晰，星點改為可視金星 */
.section-create .door-scene{
  isolation:isolate!important;
}

.section-create .mountain-window{
  opacity:.76!important;
  filter:saturate(.90) contrast(1.03) brightness(.82) blur(0)!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.16),rgba(5,3,2,.015) 44%,rgba(5,3,2,.24)),
    radial-gradient(circle at 52% 43%,rgba(245,220,164,.08),transparent 36%),
    url('assets/create-taoyuan-path-bg-v2.png') center 52%/cover no-repeat!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window,
.section-create .door-scene:hover .mountain-window{
  opacity:.96!important;
  filter:saturate(.98) contrast(1.04) brightness(.94) blur(0)!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.06),rgba(5,3,2,0) 46%,rgba(5,3,2,.14)),
    radial-gradient(circle at 54% 44%,rgba(255,228,172,.14),transparent 40%),
    url('assets/create-taoyuan-path-bg-v2.png') center 52%/cover no-repeat!important;
}

.section-create .door-star{
  display:block!important;
  visibility:visible!important;
  width:6px!important;
  height:6px!important;
  z-index:2147483000!important;
  background:#ffd987!important;
  border:1px solid rgba(255,248,214,.92)!important;
  box-shadow:
    0 0 0 1px rgba(5,3,2,.45),
    0 0 8px rgba(255,241,200,1),
    0 0 20px rgba(245,205,128,.82),
    0 0 40px rgba(216,144,64,.46)!important;
  opacity:0!important;
  filter:none!important;
}

.section-create .door-star::after{
  left:-42px!important;
  width:48px!important;
  height:1.5px!important;
  opacity:.82!important;
  background:linear-gradient(90deg,transparent,rgba(255,218,135,.92),rgba(255,241,200,.68),transparent)!important;
  filter:blur(.2px)!important;
}

.section-create .door-scene:hover .door-star{
  animation-name:doorStarInV140!important;
  animation-duration:3.4s!important;
  animation-timing-function:cubic-bezier(.16,.72,.12,1)!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorStarInV140{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.54);
  }
  8%{
    opacity:1;
    transform:translate(calc(var(--sx) * .92),calc(var(--sy) * .92)) scale(1);
  }
  38%{
    opacity:1;
    transform:translate(calc(var(--sx) * .48),calc(var(--sy) * .48)) scale(.86);
  }
  68%{
    opacity:.86;
    transform:translate(calc(var(--sx) * .14),calc(var(--sy) * .14)) scale(.62);
  }
  90%{
    opacity:.30;
    transform:translate(0,0) scale(.36);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.20);
  }
}

@media(max-width:980px){
  .section-create .door-star{
    width:4.5px!important;
    height:4.5px!important;
  }
}

/* V141｜04 造運：桃花源回到主角，星點改在開口內清楚可見 */
.section-create .mountain-window{
  opacity:.82!important;
  filter:saturate(.98) contrast(1.04) brightness(.90) blur(0)!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.10),rgba(5,3,2,0) 48%,rgba(5,3,2,.16)),
    radial-gradient(circle at 52% 43%,rgba(255,226,170,.06),transparent 38%),
    url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window,
.section-create .door-scene:hover .mountain-window{
  opacity:.98!important;
  filter:saturate(1.04) contrast(1.04) brightness(.98) blur(0)!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.04),rgba(5,3,2,0) 50%,rgba(5,3,2,.10)),
    radial-gradient(circle at 52% 43%,rgba(255,230,180,.10),transparent 42%),
    url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-star{
  width:7px!important;
  height:7px!important;
  z-index:2147483000!important;
  background:#ffe1a0!important;
  border:1px solid rgba(255,252,224,.96)!important;
  box-shadow:
    0 0 0 1px rgba(5,3,2,.72),
    0 0 10px rgba(255,241,200,1),
    0 0 24px rgba(245,205,128,.86),
    0 0 42px rgba(216,144,64,.54)!important;
}

.section-create .door-star::after{
  left:-34px!important;
  width:42px!important;
  height:1.5px!important;
  opacity:.9!important;
  background:linear-gradient(90deg,transparent,rgba(255,225,160,.98),rgba(255,252,224,.74),transparent)!important;
}

.section-create .door-star.star-a{--sx:-78px;--sy:-58px;--delay:0s;--trail-rotate:20deg;}
.section-create .door-star.star-b{--sx:82px;--sy:-46px;--delay:.22s;--trail-rotate:-18deg;}
.section-create .door-star.star-c{--sx:-72px;--sy:58px;--delay:.44s;--trail-rotate:-18deg;}
.section-create .door-star.star-d{--sx:74px;--sy:66px;--delay:.66s;--trail-rotate:18deg;}
.section-create .door-star.star-e{--sx:0px;--sy:86px;--delay:.88s;--trail-rotate:90deg;}

.section-create .door-scene:hover .door-star{
  animation-name:doorStarInV141!important;
  animation-duration:3.2s!important;
  animation-timing-function:cubic-bezier(.16,.72,.12,1)!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorStarInV141{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.72);
  }
  10%{
    opacity:1;
    transform:translate(var(--sx),var(--sy)) scale(1);
  }
  36%{
    opacity:1;
    transform:translate(calc(var(--sx) * .66),calc(var(--sy) * .66)) scale(.92);
  }
  70%{
    opacity:.82;
    transform:translate(calc(var(--sx) * .22),calc(var(--sy) * .22)) scale(.68);
  }
  92%{
    opacity:.28;
    transform:translate(0,0) scale(.38);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.22);
  }
}

@media(max-width:980px){
  .section-create .door-star{
    width:5px!important;
    height:5px!important;
  }

  .section-create .door-star.star-a{--sx:-52px;--sy:-44px;}
  .section-create .door-star.star-b{--sx:54px;--sy:-38px;}
  .section-create .door-star.star-c{--sx:-50px;--sy:48px;}
  .section-create .door-star.star-d{--sx:52px;--sy:52px;}
  .section-create .door-star.star-e{--sx:0px;--sy:66px;}
}

/* V142｜04 造運：關門只隱約透景，開門保留原圖清晰與入門星點 */
.section-create .mountain-window{
  opacity:.38!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
  transition:
    opacity 1.15s cubic-bezier(.18,.72,.14,1),
    transform 1.35s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .door-scene:hover .mountain-window{
  opacity:1!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .mountain-window::before,
.section-create .mountain-window::after,
.section-create .door-scene::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
}

.section-create .door-light{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  background:
    linear-gradient(90deg,rgba(226,175,94,.14),transparent 16%,transparent 84%,rgba(226,175,94,.12)),
    repeating-linear-gradient(90deg,rgba(226,175,94,.025) 0 1px,transparent 1px 13px,rgba(226,175,94,.105) 13px 14px),
    linear-gradient(180deg,rgba(4,2,1,.96),rgba(8,5,3,.88) 48%,rgba(4,2,1,.97))!important;
  opacity:.94!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.12),
    inset 0 0 34px rgba(0,0,0,.52)!important;
}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-left::after,
.section-create .door-scene:hover .round-door .door-right::before,
.section-create .door-scene:hover .round-door .door-right::after{
  opacity:.78!important;
  background:
    linear-gradient(90deg,rgba(226,175,94,.18),transparent 16%,transparent 84%,rgba(226,175,94,.14)),
    repeating-linear-gradient(90deg,rgba(226,175,94,.02) 0 1px,transparent 1px 13px,rgba(226,175,94,.09) 13px 14px),
    linear-gradient(180deg,rgba(4,2,1,.90),rgba(8,5,3,.68) 48%,rgba(4,2,1,.92))!important;
}

.section-create .door-star{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  z-index:2147483647!important;
  pointer-events:none!important;
  opacity:0!important;
  background:#fff0b6!important;
  border:1px solid rgba(255,252,224,.98)!important;
  box-shadow:
    0 0 0 1px rgba(5,3,2,.82),
    0 0 10px rgba(255,241,200,1),
    0 0 26px rgba(245,205,128,.90),
    0 0 46px rgba(216,144,64,.62)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:translate(var(--sx),var(--sy)) scale(1)!important;
}

.section-create .door-star::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-34px!important;
  top:50%!important;
  width:42px!important;
  height:1.5px!important;
  transform:translateY(-50%) rotate(var(--trail-rotate,0deg))!important;
  opacity:.85!important;
  background:linear-gradient(90deg,transparent,rgba(255,230,150,.95),rgba(255,252,224,.72),transparent)!important;
  filter:blur(.15px)!important;
}

.section-create .door-star.star-a{--sx:-62px;--sy:-44px;--delay:0s;--trail-rotate:18deg;}
.section-create .door-star.star-b{--sx:64px;--sy:-36px;--delay:.24s;--trail-rotate:-16deg;}
.section-create .door-star.star-c{--sx:-58px;--sy:48px;--delay:.48s;--trail-rotate:-16deg;}
.section-create .door-star.star-d{--sx:60px;--sy:54px;--delay:.72s;--trail-rotate:16deg;}
.section-create .door-star.star-e{--sx:0px;--sy:68px;--delay:.96s;--trail-rotate:90deg;}

.section-create .door-scene:hover .door-star{
  animation:doorStarInV142 3.35s cubic-bezier(.16,.72,.12,1) infinite both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorStarInV142{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.72);
  }
  12%{
    opacity:1;
    transform:translate(var(--sx),var(--sy)) scale(1);
  }
  46%{
    opacity:.96;
    transform:translate(calc(var(--sx) * .50),calc(var(--sy) * .50)) scale(.86);
  }
  78%{
    opacity:.64;
    transform:translate(calc(var(--sx) * .10),calc(var(--sy) * .10)) scale(.58);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.28);
  }
}

@media(max-width:980px){
  .section-create .mountain-window{
    opacity:.34!important;
  }

  .section-create .door-scene:hover .mountain-window{
    opacity:1!important;
  }

  .section-create .door-star{
    width:5px!important;
    height:5px!important;
  }

  .section-create .door-star.star-a{--sx:-48px;--sy:-38px;}
  .section-create .door-star.star-b{--sx:50px;--sy:-32px;}
  .section-create .door-star.star-c{--sx:-46px;--sy:42px;}
  .section-create .door-star.star-d{--sx:48px;--sy:46px;}
  .section-create .door-star.star-e{--sx:0px;--sy:56px;}
}

/* V143｜04 造運：修正整區 hover 提前透圖，只讓門本身觸發開啟 */
.section-create .door-scene{
  pointer-events:auto!important;
  z-index:5!important;
}

.section-create .mountain-window,
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.22!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create:hover .round-door .door-left,
.section-create:focus-within .round-door .door-left,
.section-create:hover .round-door .door-right,
.section-create:focus-within .round-door .door-right{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create:hover .round-door .door-left::before,
.section-create:focus-within .round-door .door-left::before,
.section-create:hover .round-door .door-left::after,
.section-create:focus-within .round-door .door-left::after,
.section-create:hover .round-door .door-right::before,
.section-create:focus-within .round-door .door-right::before,
.section-create:hover .round-door .door-right::after,
.section-create:focus-within .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.98!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window{
  opacity:1!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-scene:hover .round-door .door-left,
.section-create .door-scene:hover .round-door .door-right{
  opacity:1!important;
}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.84!important;
  filter:brightness(1.02) saturate(.96)!important;
}

.section-create .door-scene:hover .round-door .door-left::after{
  transform:translateX(-100%)!important;
  opacity:.72!important;
  filter:brightness(1.04) saturate(.98)!important;
}

.section-create .door-scene:hover .round-door .door-right::before{
  transform:translateX(100%)!important;
  opacity:.72!important;
  filter:brightness(1.04) saturate(.98)!important;
}

@media(max-width:980px){
  .section-create .mountain-window,
  .section-create:hover .mountain-window,
  .section-create:focus-within .mountain-window{
    opacity:.20!important;
  }

  .section-create .door-scene:hover .mountain-window{
    opacity:1!important;
  }
}

/* V144｜04 造運：開門後不覆霧，桃源原圖清晰；星點改為門域穩定觸發 */
.section-create .door-scene{
  opacity:1!important;
  filter:none!important;
  overflow:visible!important;
}

.section-create .round-door{
  background:
    radial-gradient(circle,transparent 0 49.2%,rgba(226,175,94,.20) 49.35% 49.6%,transparent 49.85%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.12),
    inset 0 0 0 18px rgba(226,175,94,.018),
    0 0 75px rgba(218,140,50,.10)!important;
}

.section-create .mountain-window,
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.36!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-scene:hover .mountain-window,
.section-create .round-door:hover ~ .mountain-window{
  opacity:1!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-scene:hover .round-door{
  background:
    radial-gradient(circle,transparent 0 49.25%,rgba(226,175,94,.26) 49.38% 49.62%,transparent 49.9%)!important;
}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-right::after{
  opacity:.58!important;
  filter:none!important;
}

.section-create .door-scene:hover .round-door .door-left::after,
.section-create .door-scene:hover .round-door .door-right::before{
  opacity:.48!important;
  filter:none!important;
}

.section-create .door-star{
  width:8px!important;
  height:8px!important;
  z-index:2147483647!important;
  opacity:0!important;
  background:#fff4c4!important;
  border:1px solid rgba(255,252,224,1)!important;
  box-shadow:
    0 0 0 1px rgba(5,3,2,.82),
    0 0 12px rgba(255,246,218,1),
    0 0 32px rgba(245,205,128,.96),
    0 0 58px rgba(216,144,64,.76)!important;
}

.section-create .door-star::after{
  left:-38px!important;
  width:48px!important;
  opacity:1!important;
  background:linear-gradient(90deg,transparent,rgba(255,232,160,1),rgba(255,252,224,.85),transparent)!important;
}

.section-create .door-star.star-a{--sx:-72px;--sy:-52px;--delay:0s;--trail-rotate:18deg;}
.section-create .door-star.star-b{--sx:74px;--sy:-42px;--delay:.20s;--trail-rotate:-16deg;}
.section-create .door-star.star-c{--sx:-68px;--sy:58px;--delay:.40s;--trail-rotate:-16deg;}
.section-create .door-star.star-d{--sx:70px;--sy:62px;--delay:.60s;--trail-rotate:16deg;}
.section-create .door-star.star-e{--sx:0px;--sy:78px;--delay:.80s;--trail-rotate:90deg;}

.section-create .door-scene:hover .door-star,
.section-create .round-door:hover ~ .door-star,
.section-create .mountain-window:hover ~ .door-star{
  animation:doorStarInV144 3.1s cubic-bezier(.16,.72,.12,1) infinite both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorStarInV144{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.76);
  }
  10%{
    opacity:1;
    transform:translate(var(--sx),var(--sy)) scale(1.05);
  }
  44%{
    opacity:1;
    transform:translate(calc(var(--sx) * .52),calc(var(--sy) * .52)) scale(.90);
  }
  78%{
    opacity:.78;
    transform:translate(calc(var(--sx) * .12),calc(var(--sy) * .12)) scale(.62);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.30);
  }
}

@media(max-width:980px){
  .section-create .mountain-window,
  .section-create:hover .mountain-window,
  .section-create:focus-within .mountain-window{
    opacity:.34!important;
  }

  .section-create .door-star{
    width:6px!important;
    height:6px!important;
  }
}

/* V145｜04 造運：JS 開門狀態，開後移除門面遮罩並強化入門星點 */
.section-create .mountain-window,
.section-create:hover .mountain-window,
.section-create:focus-within .mountain-window{
  opacity:.44!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-scene:hover .mountain-window,
.section-create .door-scene.is-door-open .mountain-window{
  opacity:1!important;
  filter:none!important;
  background:url('assets/create-taoyuan-grove-bg.png') center 52%/cover no-repeat!important;
}

.section-create .door-scene.is-door-open .round-door,
.section-create .door-scene:hover .round-door{
  background:
    radial-gradient(circle,transparent 0 49.2%,rgba(226,175,94,.24) 49.36% 49.58%,transparent 49.86%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,175,94,.10),
    0 0 62px rgba(218,140,50,.08)!important;
}

.section-create .door-scene.is-door-open .round-door .door-left,
.section-create .door-scene.is-door-open .round-door .door-right,
.section-create .door-scene:hover .round-door .door-left,
.section-create .door-scene:hover .round-door .door-right{
  background:none!important;
  box-shadow:none!important;
}

.section-create .door-scene.is-door-open .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene.is-door-open .round-door .door-right::after,
.section-create .door-scene:hover .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:.42!important;
  filter:none!important;
}

.section-create .door-scene.is-door-open .round-door .door-left::after,
.section-create .door-scene:hover .round-door .door-left::after{
  transform:translateX(-108%)!important;
  opacity:.32!important;
  filter:none!important;
}

.section-create .door-scene.is-door-open .round-door .door-right::before,
.section-create .door-scene:hover .round-door .door-right::before{
  transform:translateX(108%)!important;
  opacity:.32!important;
  filter:none!important;
}

.section-create .door-scene.is-door-open .door-star,
.section-create .door-scene:hover .door-star{
  animation:doorStarInV145 2.9s cubic-bezier(.16,.72,.12,1) infinite both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorStarInV145{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.75);
  }
  8%{
    opacity:1;
    transform:translate(var(--sx),var(--sy)) scale(1.12);
  }
  42%{
    opacity:1;
    transform:translate(calc(var(--sx) * .48),calc(var(--sy) * .48)) scale(.96);
  }
  76%{
    opacity:.86;
    transform:translate(calc(var(--sx) * .10),calc(var(--sy) * .10)) scale(.62);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.25);
  }
}

/* V146｜04 造運：重整門景層級，底圖改 img 清晰顯示，飛星移出門內裁切 */
.section-create{
  position:relative!important;
}

.section-create .door-scene{
  overflow:visible!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
}

.section-create .mountain-window{
  left:50%!important;
  top:50%!important;
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  overflow:hidden!important;
  opacity:1!important;
  filter:none!important;
  background:none!important;
  clip-path:circle(47.2% at 50% 50%)!important;
}

.section-create .mountain-window img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  opacity:.34!important;
  filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
  backface-visibility:hidden!important;
  transition:opacity 1.15s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .door-scene:hover .mountain-window img,
.section-create .door-scene.is-door-open .mountain-window img{
  opacity:1!important;
  filter:none!important;
}

.section-create .mountain-window::before,
.section-create .mountain-window::after,
.section-create .door-scene::before,
.section-create .door-scene::after,
.section-create .door-light,
.section-create .door-floor{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
}

.section-create .round-door{
  z-index:4!important;
  overflow:visible!important;
  background:
    radial-gradient(circle,transparent 0 49.1%,rgba(216,190,140,.42) 49.25% 49.45%,transparent 49.72%),
    radial-gradient(circle,transparent 0 42%,rgba(5,3,2,.52) 47%,rgba(5,3,2,.90) 57%,transparent 58%)!important;
  border:1px solid rgba(216,190,140,.40)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.10),
    0 0 46px rgba(185,126,48,.12)!important;
  filter:none!important;
}

.section-create .round-door::before,
.section-create .round-door::after{
  content:none!important;
  display:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  z-index:5!important;
  top:8%!important;
  bottom:8%!important;
  width:50%!important;
  opacity:1!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:translateX(0)!important;
  filter:none!important;
}

.section-create .round-door .door-left{left:0!important;right:auto!important;}
.section-create .round-door .door-right{right:0!important;left:auto!important;}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  opacity:1!important;
  border:1px solid rgba(216,190,140,.20)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.08),transparent 18%,transparent 82%,rgba(216,190,140,.07)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.03) 0 1px,transparent 1px 11px,rgba(216,190,140,.11) 11px 12px),
    linear-gradient(180deg,rgba(4,2,1,.98),rgba(7,4,2,.93) 52%,rgba(4,2,1,.98))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.045),
    inset 0 0 34px rgba(0,0,0,.44)!important;
  filter:none!important;
  transition:
    transform 1.35s cubic-bezier(.18,.72,.14,1),
    opacity 1.35s cubic-bezier(.18,.72,.14,1),
    border-color 1.35s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left::before{left:0!important;}
.section-create .round-door .door-left::after{left:50%!important;}
.section-create .round-door .door-right::before{left:0!important;}
.section-create .round-door .door-right::after{left:50%!important;}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene.is-door-open .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-right::after,
.section-create .door-scene.is-door-open .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create .door-scene:hover .round-door .door-left::after,
.section-create .door-scene.is-door-open .round-door .door-left::after{
  transform:translateX(-112%)!important;
  opacity:.94!important;
}

.section-create .door-scene:hover .round-door .door-right::before,
.section-create .door-scene.is-door-open .round-door .door-right::before{
  transform:translateX(112%)!important;
  opacity:.94!important;
}

.section-create .door-star{
  display:none!important;
}

.section-create .create-flying-stars{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  transform:translate(-50%,-50%)!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:visible!important;
}

.section-create .fly-star{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  opacity:0;
  background:#fff4c4!important;
  border:1px solid rgba(255,252,224,.98)!important;
  box-shadow:
    0 0 0 1px rgba(5,3,2,.78),
    0 0 11px rgba(255,246,218,1),
    0 0 26px rgba(245,205,128,.92),
    0 0 42px rgba(216,144,64,.58)!important;
  transform:translate(var(--sx),var(--sy)) scale(.78);
}

.section-create .fly-star::after{
  content:""!important;
  position:absolute!important;
  left:-34px!important;
  top:50%!important;
  width:42px!important;
  height:1.3px!important;
  transform:translateY(-50%) rotate(var(--trail-rotate,0deg))!important;
  opacity:.88!important;
  background:linear-gradient(90deg,transparent,rgba(255,230,150,.95),rgba(255,252,224,.70),transparent)!important;
}

.section-create .fly-star.fly-a{--sx:-92px;--sy:-70px;--delay:0s;--trail-rotate:18deg;}
.section-create .fly-star.fly-b{--sx:98px;--sy:-54px;--delay:.22s;--trail-rotate:-16deg;}
.section-create .fly-star.fly-c{--sx:-84px;--sy:74px;--delay:.44s;--trail-rotate:-16deg;}
.section-create .fly-star.fly-d{--sx:88px;--sy:82px;--delay:.66s;--trail-rotate:16deg;}
.section-create .fly-star.fly-e{--sx:0px;--sy:104px;--delay:.88s;--trail-rotate:90deg;}

.section-create.is-door-open .fly-star,
.section-create.is-current .fly-star,
.section-create .door-scene:hover ~ .create-flying-stars .fly-star{
  animation:doorFlyStarV146 3.1s cubic-bezier(.16,.72,.12,1) infinite both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorFlyStarV146{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.70);
  }
  9%{
    opacity:1;
    transform:translate(var(--sx),var(--sy)) scale(1);
  }
  44%{
    opacity:.98;
    transform:translate(calc(var(--sx) * .50),calc(var(--sy) * .50)) scale(.88);
  }
  76%{
    opacity:.74;
    transform:translate(calc(var(--sx) * .10),calc(var(--sy) * .10)) scale(.58);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.24);
  }
}

@media(max-width:980px){
  .section-create .mountain-window{
    width:min(78vw,430px)!important;
    height:min(78vw,430px)!important;
  }

  .section-create .mountain-window img{
    opacity:.32!important;
  }

  .section-create .create-flying-stars{
    width:min(78vw,430px)!important;
    height:min(78vw,430px)!important;
  }

  .section-create .fly-star{
    width:5px!important;
    height:5px!important;
  }
}

/* V147｜04 造運：月洞外框回歸，關門壓暗上下，星點只在開門時低調入景 */
.section-create .door-scene::before{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:104%!important;
  height:104%!important;
  transform:translate(-50%,-50%)!important;
  z-index:7!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.48)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.08),
    inset 0 0 34px rgba(5,3,2,.54),
    0 0 42px rgba(185,126,48,.13)!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 47.6%,rgba(5,3,2,.70) 53%,rgba(5,3,2,.94) 61%,transparent 62%)!important;
  opacity:.92!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.74) 0%,rgba(5,3,2,.34) 16%,rgba(5,3,2,0) 36%,rgba(5,3,2,0) 64%,rgba(5,3,2,.36) 84%,rgba(5,3,2,.78) 100%)!important;
  opacity:.72!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window::after,
.section-create .door-scene.is-door-open .mountain-window::after{
  opacity:.34!important;
}

.section-create .round-door{
  background:
    radial-gradient(circle,transparent 0 48.9%,rgba(216,190,140,.34) 49.15% 49.40%,transparent 49.75%)!important;
  border-color:rgba(216,190,140,.24)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.08),
    0 0 34px rgba(185,126,48,.10)!important;
}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  background:
    linear-gradient(90deg,rgba(216,190,140,.065),transparent 18%,transparent 82%,rgba(216,190,140,.06)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.022) 0 1px,transparent 1px 12px,rgba(216,190,140,.085) 12px 13px),
    linear-gradient(180deg,rgba(4,2,1,.985),rgba(7,4,2,.955) 52%,rgba(4,2,1,.985))!important;
  border-color:rgba(216,190,140,.18)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.035),
    inset 0 0 38px rgba(0,0,0,.52)!important;
}

.section-create .fly-star{
  width:3.5px!important;
  height:3.5px!important;
  box-shadow:
    0 0 0 1px rgba(5,3,2,.70),
    0 0 7px rgba(255,246,218,.88),
    0 0 18px rgba(245,205,128,.62)!important;
}

.section-create .fly-star::after{
  left:-22px!important;
  width:28px!important;
  height:1px!important;
  opacity:.58!important;
}

.section-create.is-current .fly-star{
  animation:none!important;
  opacity:0;
}

.section-create.is-door-open .fly-star,
.section-create .door-scene:hover ~ .create-flying-stars .fly-star{
  animation:doorFlyStarV147 3.3s cubic-bezier(.16,.72,.12,1) infinite both!important;
  animation-delay:var(--delay)!important;
}

@keyframes doorFlyStarV147{
  0%{
    opacity:0;
    transform:translate(var(--sx),var(--sy)) scale(.62);
  }
  14%{
    opacity:.72;
    transform:translate(calc(var(--sx) * .88),calc(var(--sy) * .88)) scale(.82);
  }
  52%{
    opacity:.62;
    transform:translate(calc(var(--sx) * .46),calc(var(--sy) * .46)) scale(.70);
  }
  82%{
    opacity:.34;
    transform:translate(calc(var(--sx) * .12),calc(var(--sy) * .12)) scale(.48);
  }
  100%{
    opacity:0;
    transform:translate(0,0) scale(.22);
  }
}

@media(max-width:980px){
  .section-create .door-scene::before{
    width:103%!important;
    height:103%!important;
  }

  .section-create .fly-star{
    width:3px!important;
    height:3px!important;
  }
}

/* V148｜04 造運：撤掉飛星，重建乾淨月洞門層級 */
.section-create .create-flying-stars,
.section-create .door-star,
.section-create .fly-star{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}

.section-create .door-scene{
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  overflow:visible!important;
  isolation:isolate!important;
}

.section-create .mountain-window{
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  clip-path:circle(48.4% at 50% 50%)!important;
  background:none!important;
  overflow:hidden!important;
  filter:none!important;
}

.section-create .mountain-window img{
  opacity:.36!important;
  filter:none!important;
  object-fit:cover!important;
  object-position:center 52%!important;
}

.section-create .door-scene:hover .mountain-window img,
.section-create .door-scene.is-door-open .mountain-window img{
  opacity:1!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,rgba(5,3,2,.86) 0%,rgba(5,3,2,.46) 17%,rgba(5,3,2,.04) 38%,rgba(5,3,2,.04) 62%,rgba(5,3,2,.48) 84%,rgba(5,3,2,.88) 100%)!important;
  opacity:.74!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window::after,
.section-create .door-scene.is-door-open .mountain-window::after{
  opacity:.28!important;
}

.section-create .round-door{
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
  overflow:hidden!important;
  clip-path:circle(48.4% at 50% 50%)!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

.section-create .round-door::before,
.section-create .round-door::after{
  content:none!important;
  display:none!important;
}

.section-create .door-scene::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:30!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.62)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.10),
    inset 0 0 34px rgba(5,3,2,.55),
    0 0 40px rgba(185,126,48,.15)!important;
  background:
    radial-gradient(circle,transparent 0 47.7%,rgba(5,3,2,.66) 51.8%,rgba(5,3,2,.96) 59.5%,transparent 60.2%)!important;
  opacity:1!important;
}

.section-create .door-scene::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:86%!important;
  height:86%!important;
  transform:translate(-50%,-50%)!important;
  z-index:29!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.20)!important;
  opacity:.58!important;
  background:none!important;
  filter:none!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:9%!important;
  bottom:9%!important;
  width:50%!important;
  z-index:12!important;
  opacity:1!important;
  overflow:visible!important;
  background:none!important;
}

.section-create .round-door .door-left{left:0!important;right:auto!important;}
.section-create .round-door .door-right{right:0!important;left:auto!important;}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  opacity:1!important;
  border:1px solid rgba(216,190,140,.18)!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.06),transparent 18%,transparent 82%,rgba(216,190,140,.055)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.026) 0 1px,transparent 1px 12px,rgba(216,190,140,.082) 12px 13px),
    linear-gradient(180deg,rgba(4,2,1,.985),rgba(7,4,2,.955) 52%,rgba(4,2,1,.985))!important;
  box-shadow:inset 0 0 32px rgba(0,0,0,.48)!important;
  filter:none!important;
}

.section-create .round-door .door-left::before{left:0!important;}
.section-create .round-door .door-left::after{left:50%!important;}
.section-create .round-door .door-right::before{left:0!important;}
.section-create .round-door .door-right::after{left:50%!important;}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene.is-door-open .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-right::after,
.section-create .door-scene.is-door-open .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create .door-scene:hover .round-door .door-left::after,
.section-create .door-scene.is-door-open .round-door .door-left::after{
  transform:translateX(-104%)!important;
  opacity:.94!important;
}

.section-create .door-scene:hover .round-door .door-right::before,
.section-create .door-scene.is-door-open .round-door .door-right::before{
  transform:translateX(104%)!important;
  opacity:.94!important;
}

@media(max-width:980px){
  .section-create .door-scene{
    width:min(78vw,430px)!important;
    height:min(78vw,430px)!important;
  }
}

/* V149｜04 造運：移除飛星，實體月洞外框，門景收回圓洞秩序 */
.section-create .create-flying-stars,
.section-create .door-star,
.section-create .fly-star{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}

.section-create .door-scene{
  width:min(39vw,540px)!important;
  height:min(39vw,540px)!important;
  overflow:visible!important;
  isolation:isolate!important;
  filter:none!important;
}

.section-create .door-scene::before,
.section-create .door-scene::after{
  content:none!important;
  display:none!important;
}

.section-create .mountain-window{
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  overflow:hidden!important;
  clip-path:circle(48.6% at 50% 50%)!important;
  background:none!important;
  opacity:1!important;
  filter:none!important;
}

.section-create .mountain-window img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  opacity:.28!important;
  filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
  transition:opacity 1.25s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .door-scene:hover .mountain-window img,
.section-create .door-scene.is-door-open .mountain-window img{
  opacity:.92!important;
}

.section-create .mountain-window::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,
      rgba(5,3,2,.92) 0%,
      rgba(5,3,2,.68) 15%,
      rgba(5,3,2,.18) 34%,
      rgba(5,3,2,.06) 50%,
      rgba(5,3,2,.20) 66%,
      rgba(5,3,2,.72) 85%,
      rgba(5,3,2,.94) 100%)!important;
  opacity:.88!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window::before,
.section-create .door-scene.is-door-open .mountain-window::before{
  opacity:.36!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 64%,rgba(4,2,1,.32) 75%,rgba(4,2,1,.84) 100%)!important;
  opacity:.82!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window::after,
.section-create .door-scene.is-door-open .mountain-window::after{
  opacity:.42!important;
}

.section-create .round-door{
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
  overflow:hidden!important;
  clip-path:circle(48.6% at 50% 50%)!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

.section-create .round-door::before,
.section-create .round-door::after{
  content:none!important;
  display:none!important;
}

.section-create .moon-gate-ring{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:40!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.70)!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 50% 50%,
      transparent 0 47.2%,
      rgba(5,3,2,.42) 49%,
      rgba(5,3,2,.92) 56%,
      rgba(5,3,2,.98) 61%,
      transparent 61.8%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.11),
    inset 0 0 38px rgba(4,2,1,.64),
    0 0 44px rgba(185,126,48,.18)!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  top:9%!important;
  bottom:9%!important;
  width:50%!important;
  z-index:12!important;
  overflow:visible!important;
  opacity:1!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateX(0)!important;
  filter:none!important;
}

.section-create .round-door .door-left{left:0!important;right:auto!important;}
.section-create .round-door .door-right{right:0!important;left:auto!important;}

.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  border:1px solid rgba(216,190,140,.18)!important;
  border-radius:0!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.060),transparent 17%,transparent 83%,rgba(216,190,140,.052)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.025) 0 1px,transparent 1px 12px,rgba(216,190,140,.085) 12px 13px),
    linear-gradient(180deg,rgba(4,2,1,.985),rgba(7,4,2,.955) 52%,rgba(4,2,1,.985))!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.52)!important;
  filter:none!important;
  transition:
    transform 1.35s cubic-bezier(.18,.72,.14,1),
    opacity 1.35s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left::before{left:0!important;}
.section-create .round-door .door-left::after{left:50%!important;}
.section-create .round-door .door-right::before{left:0!important;}
.section-create .round-door .door-right::after{left:50%!important;}

.section-create .door-scene:hover .round-door .door-left::before,
.section-create .door-scene.is-door-open .round-door .door-left::before,
.section-create .door-scene:hover .round-door .door-right::after,
.section-create .door-scene.is-door-open .round-door .door-right::after{
  transform:translateX(0)!important;
  opacity:1!important;
}

.section-create .door-scene:hover .round-door .door-left::after,
.section-create .door-scene.is-door-open .round-door .door-left::after{
  transform:translateX(-106%)!important;
  opacity:.98!important;
}

.section-create .door-scene:hover .round-door .door-right::before,
.section-create .door-scene.is-door-open .round-door .door-right::before{
  transform:translateX(106%)!important;
  opacity:.98!important;
}

.section-create .door-light,
.section-create .door-floor{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

@media(max-width:980px){
  .section-create .door-scene{
    width:min(78vw,430px)!important;
    height:min(78vw,430px)!important;
  }

  .section-create .mountain-window img{
    opacity:.24!important;
  }
}

/* V150｜04 造運止血：移除假門片變形，只保留兩扇門在月洞內滑開 */
.section-create .door-scene{
  width:min(38vw,520px)!important;
  height:min(38vw,520px)!important;
  overflow:visible!important;
  isolation:isolate!important;
}

.section-create .create-flying-stars,
.section-create .door-star,
.section-create .fly-star,
.section-create .door-light,
.section-create .door-floor{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}

.section-create .mountain-window{
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  overflow:hidden!important;
  clip-path:circle(48% at 50% 50%)!important;
  border-radius:50%!important;
  background:none!important;
  opacity:1!important;
  filter:none!important;
}

.section-create .mountain-window img{
  opacity:.22!important;
  filter:none!important;
  transform:none!important;
  object-fit:cover!important;
  object-position:center 52%!important;
}

.section-create .door-scene:hover .mountain-window img,
.section-create .door-scene.is-door-open .mountain-window img{
  opacity:.88!important;
}

.section-create .mountain-window::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,
      rgba(5,3,2,.94) 0%,
      rgba(5,3,2,.76) 16%,
      rgba(5,3,2,.18) 36%,
      rgba(5,3,2,.06) 50%,
      rgba(5,3,2,.18) 64%,
      rgba(5,3,2,.76) 84%,
      rgba(5,3,2,.94) 100%)!important;
  opacity:.92!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window::before,
.section-create .door-scene.is-door-open .mountain-window::before{
  opacity:.32!important;
}

.section-create .mountain-window::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%,transparent 0 64%,rgba(4,2,1,.42) 76%,rgba(4,2,1,.88) 100%)!important;
  opacity:.80!important;
  filter:none!important;
}

.section-create .door-scene:hover .mountain-window::after,
.section-create .door-scene.is-door-open .mountain-window::after{
  opacity:.38!important;
}

.section-create .round-door{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
  overflow:hidden!important;
  clip-path:circle(48% at 50% 50%)!important;
  border-radius:50%!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  contain:paint!important;
}

.section-create .round-door::before,
.section-create .round-door::after,
.section-create .round-door .door-left::before,
.section-create .round-door .door-left::after,
.section-create .round-door .door-right::before,
.section-create .round-door .door-right::after{
  content:none!important;
  display:none!important;
}

.section-create .moon-gate-ring{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%)!important;
  z-index:40!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(216,190,140,.68)!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 50% 50%,
      transparent 0 47.4%,
      rgba(5,3,2,.52) 51%,
      rgba(5,3,2,.95) 58%,
      transparent 59.2%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.10),
    inset 0 0 34px rgba(4,2,1,.62),
    0 0 42px rgba(185,126,48,.16)!important;
}

.section-create .round-door .door-left,
.section-create .round-door .door-right{
  display:block!important;
  position:absolute!important;
  top:10%!important;
  bottom:10%!important;
  width:50%!important;
  z-index:12!important;
  opacity:1!important;
  overflow:hidden!important;
  border:1px solid rgba(216,190,140,.18)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.055),transparent 18%,transparent 82%,rgba(216,190,140,.05)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.026) 0 1px,transparent 1px 12px,rgba(216,190,140,.082) 12px 13px),
    linear-gradient(180deg,rgba(4,2,1,.985),rgba(7,4,2,.955) 52%,rgba(4,2,1,.985))!important;
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.52),
    0 0 0 1px rgba(216,190,140,.025)!important;
  filter:none!important;
  transition:
    transform 1.18s cubic-bezier(.18,.72,.14,1),
    opacity 1.18s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .round-door .door-left{
  left:0!important;
  right:auto!important;
  transform:translateX(0)!important;
}

.section-create .round-door .door-right{
  right:0!important;
  left:auto!important;
  transform:translateX(0)!important;
}

.section-create .door-scene:hover .round-door .door-left,
.section-create .door-scene.is-door-open .round-door .door-left{
  transform:translateX(-46%)!important;
  opacity:.96!important;
}

.section-create .door-scene:hover .round-door .door-right,
.section-create .door-scene.is-door-open .round-door .door-right{
  transform:translateX(46%)!important;
  opacity:.96!important;
}

@media(max-width:980px){
  .section-create .door-scene{
    width:min(76vw,410px)!important;
    height:min(76vw,410px)!important;
  }

  .section-create .mountain-window img{
    opacity:.20!important;
  }
}

/* V151｜04 造運重置：全新 class，避開舊門片污染 */
.section-create .gate-slot{
  min-height:520px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}

.section-create .fortune-gate-scene{
  position:relative!important;
  width:min(100%,520px)!important;
  aspect-ratio:1/1!important;
  isolation:isolate!important;
  overflow:visible!important;
  pointer-events:auto!important;
}

.section-create .fortune-gate-window{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#050302!important;
  clip-path:circle(48% at 50% 50%)!important;
}

.section-create .fortune-gate-window img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  opacity:.22!important;
  filter:none!important;
  transform:none!important;
  transition:opacity 1.18s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-gate-window::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(5,3,2,.94) 0%,
      rgba(5,3,2,.72) 16%,
      rgba(5,3,2,.16) 38%,
      rgba(5,3,2,.06) 50%,
      rgba(5,3,2,.16) 62%,
      rgba(5,3,2,.72) 84%,
      rgba(5,3,2,.94) 100%),
    radial-gradient(circle at 50% 50%,transparent 0 64%,rgba(4,2,1,.34) 76%,rgba(4,2,1,.88) 100%)!important;
  opacity:.90!important;
  transition:opacity 1.18s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-gate-panels{
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  border-radius:50%!important;
  overflow:hidden!important;
  clip-path:circle(48% at 50% 50%)!important;
  pointer-events:none!important;
}

.section-create .fortune-door-panel{
  position:absolute!important;
  top:10%!important;
  bottom:10%!important;
  width:50%!important;
  display:block!important;
  opacity:1!important;
  border:1px solid rgba(216,190,140,.18)!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.055),transparent 18%,transparent 82%,rgba(216,190,140,.05)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.026) 0 1px,transparent 1px 12px,rgba(216,190,140,.082) 12px 13px),
    linear-gradient(180deg,rgba(4,2,1,.985),rgba(7,4,2,.955) 52%,rgba(4,2,1,.985))!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.52)!important;
  transition:transform 1.2s cubic-bezier(.18,.72,.14,1),opacity 1.2s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-door-left{
  left:0!important;
  transform:translateX(0)!important;
}

.section-create .fortune-door-right{
  right:0!important;
  transform:translateX(0)!important;
}

.section-create .fortune-moon-ring{
  position:absolute!important;
  inset:0!important;
  z-index:30!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(216,190,140,.68)!important;
  background:
    radial-gradient(circle at 50% 50%,
      transparent 0 47.2%,
      rgba(5,3,2,.54) 51%,
      rgba(5,3,2,.96) 58%,
      transparent 59.2%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.10),
    inset 0 0 34px rgba(4,2,1,.62),
    0 0 42px rgba(185,126,48,.16)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window img,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window img{
  opacity:.90!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before{
  opacity:.34!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-left{
  transform:translateX(-48%)!important;
  opacity:.98!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-right{
  transform:translateX(48%)!important;
  opacity:.98!important;
}

@media(max-width:1100px){
  .section-create .gate-slot{
    min-height:430px!important;
  }

  .section-create .fortune-gate-scene{
    width:min(76vw,410px)!important;
  }
}

/* V152｜04 造運新門尺寸與材質回正 */
.section-create .gate-slot{
  overflow:visible!important;
}

.section-create .fortune-gate-scene{
  width:min(42vw,540px)!important;
  max-width:none!important;
}

.section-create .fortune-gate-window img{
  opacity:.30!important;
}

.section-create .fortune-gate-window::before{
  opacity:.78!important;
}

.section-create .fortune-gate-window::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 50%,transparent 0 66%,rgba(4,2,1,.34) 78%,rgba(4,2,1,.88) 100%)!important;
}

.section-create .fortune-door-panel{
  top:9%!important;
  bottom:9%!important;
  border-color:rgba(216,190,140,.26)!important;
  background:
    linear-gradient(90deg,rgba(216,190,140,.085),transparent 18%,transparent 82%,rgba(216,190,140,.070)),
    repeating-linear-gradient(90deg,rgba(216,190,140,.045) 0 1px,transparent 1px 12px,rgba(216,190,140,.145) 12px 13px),
    linear-gradient(180deg,rgba(4,2,1,.98),rgba(10,6,3,.92) 52%,rgba(4,2,1,.98))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.045),
    inset 0 0 30px rgba(0,0,0,.46),
    0 0 18px rgba(0,0,0,.22)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window img,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window img,
.section-create .fortune-gate-scene.is-open .fortune-gate-window img{
  opacity:.96!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{
  opacity:.26!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-left,
.section-create .fortune-gate-scene.is-open .fortune-door-left{
  transform:translateX(-52%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-right,
.section-create .fortune-gate-scene.is-open .fortune-door-right{
  transform:translateX(52%)!important;
}

@media(max-width:1100px){
  .section-create .fortune-gate-scene{
    width:min(78vw,430px)!important;
  }
}

/* V153｜04 造運：四扇屏門回正，收斂成精品比例 */
.section-create .gate-slot{
  min-height:500px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:center!important;
  align-self:center!important;
  overflow:visible!important;
  transform:translateX(-4%)!important;
}

.section-create .fortune-gate-scene{
  width:min(31vw,430px)!important;
  min-width:380px!important;
  max-width:430px!important;
  aspect-ratio:1/1!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  filter:none!important;
}

.section-create .fortune-gate-window,
.section-create .fortune-gate-panels{
  clip-path:circle(47.4% at 50% 50%)!important;
  border-radius:50%!important;
}

.section-create .fortune-gate-window{
  box-shadow:
    inset 0 0 42px rgba(4,2,1,.84),
    inset 0 0 0 1px rgba(216,190,140,.08)!important;
}

.section-create .fortune-gate-window img{
  opacity:.20!important;
  object-position:center 51%!important;
  filter:none!important;
  transform:scale(1.01)!important;
}

.section-create .fortune-gate-window::before{
  opacity:.88!important;
  background:
    linear-gradient(180deg,
      rgba(5,3,2,.96) 0%,
      rgba(5,3,2,.78) 15%,
      rgba(5,3,2,.28) 34%,
      rgba(5,3,2,.08) 50%,
      rgba(5,3,2,.28) 66%,
      rgba(5,3,2,.78) 85%,
      rgba(5,3,2,.96) 100%),
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(4,2,1,.36) 78%, rgba(4,2,1,.92) 100%)!important;
}

.section-create .fortune-gate-window::after{
  opacity:.74!important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 66%, rgba(4,2,1,.36) 78%, rgba(4,2,1,.90) 100%),
    linear-gradient(180deg, rgba(5,3,2,.54), transparent 34%, transparent 66%, rgba(5,3,2,.54))!important;
}

.section-create .fortune-gate-panels{
  z-index:12!important;
  overflow:hidden!important;
}

.section-create .fortune-door-panel{
  top:10.5%!important;
  bottom:10.5%!important;
  width:25%!important;
  border:1px solid rgba(216,190,140,.20)!important;
  border-radius:0!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,
      rgba(216,190,140,.07) 0%,
      transparent 18%,
      transparent 82%,
      rgba(216,190,140,.065) 100%),
    repeating-linear-gradient(90deg,
      rgba(216,190,140,.028) 0 1px,
      transparent 1px 10px,
      rgba(216,190,140,.105) 10px 11px,
      transparent 11px 20px),
    linear-gradient(180deg,
      rgba(4,2,1,.99) 0%,
      rgba(10,6,3,.94) 48%,
      rgba(4,2,1,.99) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.04),
    inset 0 0 26px rgba(0,0,0,.50),
    0 0 16px rgba(0,0,0,.24)!important;
  transform:translateX(0)!important;
  transition:
    transform 1.28s cubic-bezier(.18,.72,.14,1),
    opacity 1.28s cubic-bezier(.18,.72,.14,1),
    filter 1.28s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-door-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg, rgba(216,190,140,.10), transparent 22%, transparent 78%, rgba(216,190,140,.10)),
    radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(5,3,2,.22) 100%)!important;
  opacity:.64!important;
}

.section-create .fortune-door-outer-left{left:0!important;}
.section-create .fortune-door-inner-left{left:25%!important;}
.section-create .fortune-door-inner-right{left:50%!important;}
.section-create .fortune-door-outer-right{left:75%!important;}

.section-create .fortune-door-inner-left,
.section-create .fortune-door-inner-right{
  border-color:rgba(216,190,140,.27)!important;
}

.section-create .fortune-moon-ring{
  z-index:36!important;
  border:1px solid rgba(216,190,140,.70)!important;
  background:
    radial-gradient(circle at 50% 50%,
      transparent 0 46.7%,
      rgba(5,3,2,.42) 49.2%,
      rgba(5,3,2,.92) 56.8%,
      transparent 58.6%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.08),
    inset 0 0 30px rgba(4,2,1,.56),
    0 0 34px rgba(185,126,48,.18)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window img,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window img,
.section-create .fortune-gate-scene.is-open .fortune-gate-window img{
  opacity:.96!important;
  transform:scale(1)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{
  opacity:.20!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::after,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::after,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::after{
  opacity:.28!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-outer-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-left,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-left{
  transform:translateX(-34%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-inner-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-left,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-left{
  transform:translateX(-90%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-inner-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-right,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-right{
  transform:translateX(90%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-outer-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-right,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-right{
  transform:translateX(34%)!important;
}

@media(max-width:1100px){
  .section-create .gate-slot{
    min-height:430px!important;
    transform:none!important;
  }

  .section-create .fortune-gate-scene{
    width:min(76vw,390px)!important;
    min-width:0!important;
    max-width:390px!important;
  }
}

@media(max-width:560px){
  .section-create .gate-slot{
    min-height:340px!important;
  }

  .section-create .fortune-gate-scene{
    width:min(82vw,320px)!important;
  }

  .section-create .fortune-door-panel{
    top:12%!important;
    bottom:12%!important;
  }
}

/* V154｜04 造運：三欄重心微調，避免圓門壓到右側文案 */
@media(min-width:1101px){
  .section-create .create-split{
    grid-template-columns:minmax(310px,1fr) minmax(340px,440px) minmax(330px,1fr)!important;
    gap:clamp(44px,4.8vw,76px)!important;
  }

  .section-create .gate-slot{
    transform:translateX(10%)!important;
  }

  .section-create .create-copy{
    justify-self:start!important;
    max-width:340px!important;
  }
}

/* V155｜04 造運：去除黑圈，改成半透四扇屏門 */
.section-create .fortune-gate-window{
  box-shadow:
    inset 0 0 26px rgba(4,2,1,.54),
    inset 0 0 0 1px rgba(216,190,140,.06)!important;
}

.section-create .fortune-gate-window img{
  opacity:.38!important;
  filter:saturate(1.02) contrast(1.02) brightness(.86)!important;
}

.section-create .fortune-gate-window::before{
  opacity:.54!important;
  background:
    linear-gradient(180deg,
      rgba(5,3,2,.72) 0%,
      rgba(5,3,2,.42) 18%,
      rgba(5,3,2,.12) 42%,
      rgba(5,3,2,.08) 50%,
      rgba(5,3,2,.12) 58%,
      rgba(5,3,2,.42) 82%,
      rgba(5,3,2,.72) 100%),
    radial-gradient(circle at 50% 50%, transparent 0 70%, rgba(4,2,1,.24) 84%, rgba(4,2,1,.72) 100%)!important;
}

.section-create .fortune-gate-window::after{
  opacity:.22!important;
  background:
    linear-gradient(180deg, rgba(5,3,2,.28), transparent 28%, transparent 72%, rgba(5,3,2,.28)),
    radial-gradient(circle at 50% 50%, transparent 0 73%, rgba(4,2,1,.20) 86%, rgba(4,2,1,.58) 100%)!important;
}

.section-create .fortune-door-panel{
  top:11%!important;
  bottom:11%!important;
  border-color:rgba(216,190,140,.16)!important;
  opacity:.88!important;
  background:
    linear-gradient(90deg,
      rgba(216,190,140,.055) 0%,
      rgba(8,5,3,.60) 10%,
      rgba(4,2,1,.78) 48%,
      rgba(8,5,3,.60) 90%,
      rgba(216,190,140,.05) 100%),
    repeating-linear-gradient(90deg,
      transparent 0 17px,
      rgba(216,190,140,.060) 17px 18px,
      transparent 18px 34px),
    linear-gradient(180deg,
      rgba(14,9,5,.54) 0%,
      rgba(3,2,1,.70) 48%,
      rgba(12,8,4,.54) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.024),
    inset 0 0 18px rgba(0,0,0,.32),
    0 0 10px rgba(0,0,0,.16)!important;
}

.section-create .fortune-door-panel::before{
  opacity:.34!important;
  background:
    linear-gradient(180deg, rgba(216,190,140,.075), transparent 24%, transparent 76%, rgba(216,190,140,.075)),
    linear-gradient(90deg, transparent, rgba(216,190,140,.055), transparent)!important;
}

.section-create .fortune-door-panel::after{
  content:""!important;
  position:absolute!important;
  top:4%!important;
  bottom:4%!important;
  right:0!important;
  width:1px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg, transparent, rgba(216,190,140,.26) 24%, rgba(216,190,140,.18) 50%, rgba(216,190,140,.26) 76%, transparent)!important;
  opacity:.46!important;
}

.section-create .fortune-door-outer-left::after,
.section-create .fortune-door-inner-left::after{
  right:0!important;
}

.section-create .fortune-door-inner-right::after,
.section-create .fortune-door-outer-right::after{
  left:0!important;
  right:auto!important;
}

.section-create .fortune-door-inner-left,
.section-create .fortune-door-inner-right{
  border-color:rgba(216,190,140,.22)!important;
}

.section-create .fortune-moon-ring{
  border-color:rgba(216,190,140,.68)!important;
  background:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.06),
    inset 0 0 18px rgba(4,2,1,.30),
    0 0 34px rgba(185,126,48,.16)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window img,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window img,
.section-create .fortune-gate-scene.is-open .fortune-gate-window img{
  opacity:1!important;
  filter:saturate(1.04) contrast(1.04) brightness(.98)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{
  opacity:.08!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::after,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::after,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::after{
  opacity:.10!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-panel,
.section-create .fortune-gate-scene:focus-within .fortune-door-panel,
.section-create .fortune-gate-scene.is-open .fortune-door-panel{
  opacity:.92!important;
  filter:none!important;
}

@media(max-width:560px){
  .section-create .fortune-gate-window img{
    opacity:.34!important;
  }

  .section-create .fortune-door-panel{
    opacity:.90!important;
  }
}

/* V156｜04 造運：圓門置中回調，門片細緻化 */
@media(min-width:1101px){
  .section-create .gate-slot{
    transform:translateX(15%)!important;
  }
}

.section-create .fortune-gate-window img{
  opacity:.46!important;
}

.section-create .fortune-door-panel{
  opacity:.80!important;
  border-color:rgba(216,190,140,.13)!important;
  background:
    linear-gradient(90deg,
      rgba(216,190,140,.035) 0%,
      rgba(8,5,3,.46) 12%,
      rgba(4,2,1,.62) 50%,
      rgba(8,5,3,.46) 88%,
      rgba(216,190,140,.035) 100%),
    repeating-linear-gradient(90deg,
      transparent 0 25px,
      rgba(216,190,140,.038) 25px 26px,
      transparent 26px 52px),
    linear-gradient(180deg,
      rgba(14,9,5,.40) 0%,
      rgba(3,2,1,.56) 50%,
      rgba(12,8,4,.40) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.018),
    inset 0 0 14px rgba(0,0,0,.24),
    0 0 8px rgba(0,0,0,.12)!important;
}

.section-create .fortune-door-panel::before{
  opacity:.22!important;
}

.section-create .fortune-door-panel::after{
  opacity:.38!important;
  background:linear-gradient(180deg, transparent, rgba(216,190,140,.20) 24%, rgba(216,190,140,.12) 50%, rgba(216,190,140,.20) 76%, transparent)!important;
}

/* V157｜04 造運：中式門環、水流入局、星點歸心 */
.section-create .fortune-gate-window{
  background:#050302!important;
}

.section-create .fortune-door-panel{
  opacity:.94!important;
  border-color:rgba(216,190,140,.17)!important;
  background:
    linear-gradient(90deg,
      rgba(216,190,140,.055) 0%,
      rgba(35,21,12,.58) 9%,
      rgba(11,6,3,.83) 48%,
      rgba(32,19,10,.58) 91%,
      rgba(216,190,140,.050) 100%),
    repeating-linear-gradient(90deg,
      rgba(216,190,140,.018) 0 1px,
      transparent 1px 18px,
      rgba(216,190,140,.070) 18px 19px,
      transparent 19px 38px),
    linear-gradient(180deg,
      rgba(38,24,14,.72) 0%,
      rgba(5,3,2,.80) 42%,
      rgba(7,4,2,.82) 58%,
      rgba(31,19,11,.72) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.025),
    inset 0 26px 32px rgba(216,190,140,.035),
    inset 0 -26px 32px rgba(0,0,0,.36),
    inset 0 0 22px rgba(0,0,0,.38)!important;
}

.section-create .fortune-door-panel::before{
  opacity:.46!important;
  background:
    linear-gradient(180deg,
      rgba(216,190,140,.16) 0 1px,
      transparent 1px 14%,
      rgba(216,190,140,.065) 14% 15%,
      transparent 15% 85%,
      rgba(216,190,140,.065) 85% 86%,
      transparent 86% calc(100% - 1px),
      rgba(216,190,140,.12) calc(100% - 1px) 100%),
    linear-gradient(90deg, transparent, rgba(216,190,140,.045), transparent)!important;
}

.section-create .fortune-door-panel::after{
  opacity:.52!important;
  width:1px!important;
  background:linear-gradient(180deg, transparent, rgba(216,190,140,.25) 22%, rgba(216,190,140,.12) 50%, rgba(216,190,140,.25) 78%, transparent)!important;
}

.section-create .fortune-lion-handle{
  position:absolute!important;
  top:50%!important;
  z-index:28!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  opacity:.82!important;
  background:
    radial-gradient(circle at 50% 45%, rgba(236,212,158,.92) 0 8%, transparent 9%),
    radial-gradient(circle at 37% 38%, rgba(236,212,158,.70) 0 5%, transparent 6%),
    radial-gradient(circle at 63% 38%, rgba(236,212,158,.70) 0 5%, transparent 6%),
    radial-gradient(circle at 50% 55%, rgba(84,45,18,.96) 0 23%, rgba(216,190,140,.78) 24% 29%, rgba(53,28,13,.96) 30% 44%, transparent 45%),
    radial-gradient(circle, rgba(216,190,140,.44), rgba(69,38,18,.88) 56%, rgba(4,2,1,.22) 64%, transparent 68%)!important;
  border:1px solid rgba(216,190,140,.58)!important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.32),
    0 0 10px rgba(216,190,140,.12)!important;
  transition:
    transform 1.28s cubic-bezier(.18,.72,.14,1),
    opacity 1.28s cubic-bezier(.18,.72,.14,1),
    filter 1.28s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-lion-handle::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:62%!important;
  width:18px!important;
  height:15px!important;
  border:1px solid rgba(216,190,140,.52)!important;
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  transform:translate(-50%,-12%)!important;
  opacity:.80!important;
  box-shadow:0 3px 8px rgba(0,0,0,.22)!important;
}

.section-create .fortune-lion-handle::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:rgba(236,212,158,.90)!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:
    -7px -4px 0 -1px rgba(236,212,158,.58),
    7px -4px 0 -1px rgba(236,212,158,.58)!important;
}

.section-create .fortune-lion-handle.handle-left{
  left:49.2%!important;
  transform:translate(-100%,-50%)!important;
}

.section-create .fortune-lion-handle.handle-right{
  left:50.8%!important;
  transform:translate(0,-50%)!important;
}

.section-create .fortune-water-flow{
  position:absolute!important;
  left:50%!important;
  bottom:8%!important;
  z-index:5!important;
  width:44%!important;
  height:54%!important;
  pointer-events:none!important;
  opacity:.18!important;
  transform:translateX(-50%) perspective(260px) rotateX(58deg)!important;
  transform-origin:50% 100%!important;
  background:
    repeating-linear-gradient(180deg,
      transparent 0 16px,
      rgba(236,212,158,.28) 16px 17px,
      transparent 17px 34px),
    radial-gradient(ellipse at 50% 100%, rgba(216,190,140,.26), transparent 56%)!important;
  filter:blur(.35px)!important;
  mix-blend-mode:screen!important;
  animation:fortuneWaterIn 5.6s linear infinite!important;
}

.section-create .fortune-star-flow{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  top:52%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  opacity:0!important;
  background:rgba(246,226,172,.92)!important;
  box-shadow:0 0 10px rgba(216,190,140,.55)!important;
  transform:translate(var(--sx),var(--sy)) scale(.72)!important;
}

.section-create .fortune-star-flow::after{
  content:""!important;
  position:absolute!important;
  left:-30px!important;
  top:50%!important;
  width:32px!important;
  height:1px!important;
  transform:translateY(-50%) rotate(var(--trail,0deg))!important;
  transform-origin:right center!important;
  background:linear-gradient(90deg, transparent, rgba(216,190,140,.32))!important;
  opacity:.0!important;
}

.section-create .star-flow-a{--sx:-96px;--sy:-72px;--trail:22deg;--delay:0s;}
.section-create .star-flow-b{--sx:92px;--sy:-58px;--trail:-18deg;--delay:.22s;}
.section-create .star-flow-c{--sx:-84px;--sy:42px;--trail:-12deg;--delay:.46s;}
.section-create .star-flow-d{--sx:78px;--sy:48px;--trail:14deg;--delay:.68s;}
.section-create .star-flow-e{--sx:0px;--sy:78px;--trail:90deg;--delay:.90s;}

.section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-left,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-left,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-left{
  transform:translate(calc(-100% - 78px),-50%)!important;
  opacity:.92!important;
  filter:brightness(1.12)!important;
}

.section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-right,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-right,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-right{
  transform:translate(78px,-50%)!important;
  opacity:.92!important;
  filter:brightness(1.12)!important;
}

.section-create .fortune-gate-scene:hover .fortune-water-flow,
.section-create .fortune-gate-scene:focus-within .fortune-water-flow,
.section-create .fortune-gate-scene.is-open .fortune-water-flow{
  opacity:.46!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow,
.section-create .fortune-gate-scene.is-open .fortune-star-flow{
  animation:fortuneStarIn 2.9s cubic-bezier(.22,.64,.18,1) infinite!important;
  animation-delay:var(--delay)!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow::after,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow::after,
.section-create .fortune-gate-scene.is-open .fortune-star-flow::after{
  opacity:.72!important;
}

@keyframes fortuneWaterIn{
  from{background-position:0 0,50% 100%;}
  to{background-position:0 -68px,50% 100%;}
}

@keyframes fortuneStarIn{
  0%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.58);}
  18%{opacity:.92;}
  72%{opacity:.72;}
  100%{opacity:0;transform:translate(0,0) scale(.18);}
}

@media(max-width:560px){
  .section-create .fortune-lion-handle{
    width:24px!important;
    height:24px!important;
  }

  .section-create .fortune-lion-handle::before{
    width:14px!important;
    height:12px!important;
  }

  .section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-left,
  .section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-left,
  .section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-left{
    transform:translate(calc(-100% - 54px),-50%)!important;
  }

  .section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-right,
  .section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-right,
  .section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-right{
    transform:translate(54px,-50%)!important;
  }
}

/* V171｜Footer identity alignment: keep the spirit beneath the left seal. */
.site-footer .footer-identity{
  justify-items:center!important;
  text-align:center!important;
}

.site-footer .footer-identity .footer-motto{
  width:128px!important;
  text-align:center!important;
  margin:2px 0 0!important;
}

.site-footer .footer-copyright{
  width:100%!important;
  justify-self:stretch!important;
  text-align:center!important;
}

/* V170｜Footer final grid: contact stays clear, QR pair belongs at the far right. */
.site-footer{
  grid-template-columns:minmax(280px,1.05fr) minmax(270px,.92fr) minmax(276px,.88fr)!important;
  grid-template-areas:
    "identity contact qr"
    "copyright copyright copyright"!important;
  gap:clamp(34px,4vw,70px)!important;
  align-items:center!important;
}
.footer-identity{
  grid-area:identity!important;
  display:grid!important;
  grid-template-columns:128px!important;
  justify-items:start!important;
  align-content:center!important;
  gap:9px!important;
}
.footer-contact{grid-area:contact!important;min-width:0;}
.footer-qr-grid{grid-area:qr!important;justify-self:end!important;}
.footer-copyright{
  grid-area:copyright!important;
  justify-self:start!important;
  padding-top:4px;
}
.footer-identity .footer-seal{
  flex:0 0 128px!important;
  width:128px!important;
  height:128px!important;
  justify-self:auto!important;
}
.footer-identity .footer-motto{
  margin:2px 0 0!important;
}
.footer-identity .footer-english{
  margin:0!important;
}
.footer-qr-image{
  width:124px!important;
  height:124px!important;
  aspect-ratio:1!important;
}
@media(max-width:1080px){
  .site-footer{
    grid-template-columns:minmax(240px,1fr) minmax(270px,1fr)!important;
    grid-template-areas:
      "identity identity"
      "contact qr"
      "copyright copyright"!important;
  }
}
@media(max-width:680px){
  .site-footer{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "identity"
      "qr"
      "contact"
      "copyright"!important;
  }
  .footer-qr-grid{justify-self:start!important;}
}

/* V165｜04 造運最終覆寫：只保留一套古門、活水與歸光星點 */
@media(min-width:1101px){
  .section-create .gate-slot{transform:translateX(7%)!important;}
}
.section-create .fortune-gate-window{clip-path:circle(47.4% at 50% 50%)!important;background:#070402!important;box-shadow:inset 0 0 24px rgba(0,0,0,.56),0 0 24px rgba(185,145,110,.07)!important;}
.section-create .fortune-scenery{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;animation:none!important;}
.section-create .fortune-scenery img{opacity:.31!important;filter:saturate(.94) contrast(1.01) brightness(.78)!important;transform:none!important;transition:opacity 1.35s cubic-bezier(.23,.72,.18,1),filter 1.35s cubic-bezier(.23,.72,.18,1)!important;}
.section-create .fortune-gate-window::before{z-index:15!important;opacity:.60!important;background:linear-gradient(180deg,rgba(5,3,2,.58),rgba(5,3,2,.06) 32%,rgba(5,3,2,.06) 68%,rgba(5,3,2,.58)),radial-gradient(ellipse at 50% 50%,transparent 0 67%,rgba(3,2,1,.18) 84%,rgba(3,2,1,.54) 100%)!important;}
.section-create .fortune-gate-window::after{content:none!important;display:none!important;}
.section-create .fortune-moon-ring{inset:1.4%!important;z-index:40!important;background:none!important;border:1px solid rgba(216,190,140,.54)!important;box-shadow:inset 0 0 0 1px rgba(216,190,140,.05),0 0 26px rgba(185,145,110,.10)!important;}
.section-create .fortune-gate-panels{z-index:25!important;clip-path:circle(47.4% at 50% 50%)!important;}
.section-create .fortune-door-panel{top:10.5%!important;bottom:10.5%!important;width:25%!important;overflow:visible!important;opacity:.94!important;border:1px solid rgba(190,145,92,.22)!important;background-image:linear-gradient(180deg,rgba(12,7,3,.20),rgba(3,2,1,.12) 48%,rgba(3,2,1,.28)),url("assets/fortune-antique-door-wood.png")!important;background-size:100% 100%,400% 100%!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 0 1px rgba(246,226,172,.035),inset 0 0 18px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.22)!important;transition:transform 1.35s cubic-bezier(.19,.75,.16,1),opacity 1.35s cubic-bezier(.19,.75,.16,1),filter 1.35s cubic-bezier(.19,.75,.16,1)!important;}
.section-create .fortune-door-panel::before,.section-create .fortune-door-panel::after{content:none!important;display:none!important;}
.section-create .fortune-door-outer-left{left:0!important;background-position:center,0% 50%!important;}.section-create .fortune-door-inner-left{left:25%!important;background-position:center,33.333% 50%!important;}.section-create .fortune-door-inner-right{left:50%!important;background-position:center,66.667% 50%!important;}.section-create .fortune-door-outer-right{left:75%!important;background-position:center,100% 50%!important;}
.section-create .fortune-lion-handle{position:absolute!important;top:48%!important;z-index:4!important;display:block!important;width:40px!important;height:40px!important;max-width:none!important;border:0!important;border-radius:0!important;opacity:.84!important;background:none!important;box-shadow:0 3px 10px rgba(0,0,0,.40)!important;filter:saturate(.78) contrast(.90) brightness(.84)!important;transition:filter 1.35s cubic-bezier(.19,.75,.16,1),opacity 1.35s cubic-bezier(.19,.75,.16,1)!important;}
.section-create .fortune-lion-handle::before,.section-create .fortune-lion-handle::after{content:none!important;display:none!important;}.section-create .fortune-door-inner-left .fortune-lion-handle{right:-20px!important;left:auto!important;transform:translateY(-50%)!important;}.section-create .fortune-door-inner-right .fortune-lion-handle{left:-20px!important;right:auto!important;transform:translateY(-50%)!important;}
.section-create .fortune-water-flow{z-index:7!important;left:50%!important;bottom:8%!important;width:34%!important;height:48%!important;opacity:0!important;transform:translateX(-50%)!important;background:repeating-radial-gradient(ellipse at 50% 100%,rgba(246,226,172,.26) 0 1px,transparent 1px 17px),linear-gradient(90deg,transparent,rgba(246,226,172,.20),transparent)!important;background-size:100% 54px,100% 100%!important;background-position:50% 0,50% 50%!important;border:0!important;filter:blur(.25px)!important;mix-blend-mode:screen!important;}
.section-create .fortune-water-flow::before,.section-create .fortune-water-flow::after{content:none!important;display:none!important;}
.section-create .fortune-star-flow{position:absolute!important;left:50%!important;top:50%!important;z-index:11!important;display:block!important;width:0!important;height:0!important;margin:0!important;transform:none!important;background:none!important;box-shadow:none!important;opacity:1!important;overflow:visible!important;}.section-create .fortune-star-flow::after{content:none!important;display:none!important;}
.section-create .fortune-star-core{position:absolute!important;left:0!important;top:0!important;width:4px!important;height:4px!important;border-radius:50%!important;opacity:0!important;background:rgba(255,238,190,.94)!important;box-shadow:0 0 5px rgba(255,238,190,.78),0 0 13px rgba(185,145,110,.32)!important;transform:translate3d(var(--sx),var(--sy),0) scale(.42)!important;will-change:transform,opacity,filter!important;}
.section-create .star-flow-a{--sx:-82px;--sy:-54px;--delay:0s;}.section-create .star-flow-b{--sx:76px;--sy:-46px;--delay:.82s;}.section-create .star-flow-c{--sx:-68px;--sy:36px;--delay:1.64s;}.section-create .star-flow-d{--sx:70px;--sy:42px;--delay:2.46s;}.section-create .star-flow-e{--sx:0px;--sy:62px;--delay:3.28s;}
.section-create .fortune-gate-scene:hover .fortune-scenery,.section-create .fortune-gate-scene:focus-within .fortune-scenery,.section-create .fortune-gate-scene.is-open .fortune-scenery{animation:fortuneSceneryBreath 12s ease-in-out infinite alternate!important;}
.section-create .fortune-gate-scene:hover .fortune-scenery img,.section-create .fortune-gate-scene:focus-within .fortune-scenery img,.section-create .fortune-gate-scene.is-open .fortune-scenery img{opacity:1!important;filter:saturate(1.02) contrast(1.03) brightness(1.01)!important;}
.section-create .fortune-gate-scene:hover .fortune-gate-window::before,.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{opacity:.07!important;}
.section-create .fortune-gate-scene:hover .fortune-door-outer-left,.section-create .fortune-gate-scene:focus-within .fortune-door-outer-left,.section-create .fortune-gate-scene.is-open .fortune-door-outer-left{transform:translateX(-36%)!important;}.section-create .fortune-gate-scene:hover .fortune-door-inner-left,.section-create .fortune-gate-scene:focus-within .fortune-door-inner-left,.section-create .fortune-gate-scene.is-open .fortune-door-inner-left{transform:translateX(-88%)!important;}.section-create .fortune-gate-scene:hover .fortune-door-inner-right,.section-create .fortune-gate-scene:focus-within .fortune-door-inner-right,.section-create .fortune-gate-scene.is-open .fortune-door-inner-right{transform:translateX(88%)!important;}.section-create .fortune-gate-scene:hover .fortune-door-outer-right,.section-create .fortune-gate-scene:focus-within .fortune-door-outer-right,.section-create .fortune-gate-scene.is-open .fortune-door-outer-right{transform:translateX(36%)!important;}
.section-create .fortune-gate-scene:hover .fortune-lion-handle,.section-create .fortune-gate-scene:focus-within .fortune-lion-handle,.section-create .fortune-gate-scene.is-open .fortune-lion-handle{transform:translateY(-50%)!important;opacity:.96!important;filter:saturate(.92) contrast(.96) brightness(1.05)!important;}
.section-create .fortune-gate-scene:hover .fortune-water-flow,.section-create .fortune-gate-scene:focus-within .fortune-water-flow,.section-create .fortune-gate-scene.is-open .fortune-water-flow{opacity:.46!important;animation:fortuneWaterCurrent 5.8s linear infinite!important;}
.section-create .fortune-gate-scene:hover .fortune-star-core,.section-create .fortune-gate-scene:focus-within .fortune-star-core,.section-create .fortune-gate-scene.is-open .fortune-star-core{animation:fortuneStarIntoLight 4.9s cubic-bezier(.24,.58,.18,1) infinite!important;animation-delay:var(--delay)!important;}
@media(max-width:560px){.section-create .fortune-lion-handle{width:28px!important;height:28px!important;}.section-create .fortune-door-inner-left .fortune-lion-handle{right:-14px!important;}.section-create .fortune-door-inner-right .fortune-lion-handle{left:-14px!important;}.section-create .fortune-star-core{width:3px!important;height:3px!important;}}

/* V164｜04 造運最終層：古樸門片與門內微動，置於檔尾避免舊規則覆蓋 */
@media(min-width:1101px){
  .section-create .gate-slot{transform:translateX(7%)!important;}
}

.section-create .fortune-gate-window{
  clip-path:circle(47.4% at 50% 50%)!important;
  background:#070402!important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.56),0 0 24px rgba(185,145,110,.07)!important;
}

.section-create .fortune-scenery{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  animation:none!important;
}

.section-create .fortune-scenery img{
  opacity:.31!important;
  filter:saturate(.94) contrast(1.01) brightness(.78)!important;
  transform:none!important;
  transition:opacity 1.35s cubic-bezier(.23,.72,.18,1),filter 1.35s cubic-bezier(.23,.72,.18,1)!important;
}

.section-create .fortune-gate-window::before{
  z-index:15!important;
  opacity:.60!important;
  background:linear-gradient(180deg,rgba(5,3,2,.58),rgba(5,3,2,.06) 32%,rgba(5,3,2,.06) 68%,rgba(5,3,2,.58)),radial-gradient(ellipse at 50% 50%,transparent 0 67%,rgba(3,2,1,.18) 84%,rgba(3,2,1,.54) 100%)!important;
}

.section-create .fortune-gate-window::after{content:none!important;display:none!important;}

.section-create .fortune-moon-ring{
  inset:1.4%!important;
  z-index:40!important;
  background:none!important;
  border:1px solid rgba(216,190,140,.54)!important;
  box-shadow:inset 0 0 0 1px rgba(216,190,140,.05),0 0 26px rgba(185,145,110,.10)!important;
}

.section-create .fortune-gate-panels{z-index:25!important;clip-path:circle(47.4% at 50% 50%)!important;}

.section-create .fortune-door-panel{
  top:10.5%!important;
  bottom:10.5%!important;
  width:25%!important;
  overflow:visible!important;
  opacity:.94!important;
  border:1px solid rgba(190,145,92,.22)!important;
  background-image:linear-gradient(180deg,rgba(12,7,3,.20),rgba(3,2,1,.12) 48%,rgba(3,2,1,.28)),url("assets/fortune-antique-door-wood.png")!important;
  background-size:100% 100%,400% 100%!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(246,226,172,.035),inset 0 0 18px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.22)!important;
  transition:transform 1.35s cubic-bezier(.19,.75,.16,1),opacity 1.35s cubic-bezier(.19,.75,.16,1),filter 1.35s cubic-bezier(.19,.75,.16,1)!important;
}

.section-create .fortune-door-panel::before,
.section-create .fortune-door-panel::after{content:none!important;display:none!important;}
.section-create .fortune-door-outer-left{left:0!important;background-position:center,0% 50%!important;}
.section-create .fortune-door-inner-left{left:25%!important;background-position:center,33.333% 50%!important;}
.section-create .fortune-door-inner-right{left:50%!important;background-position:center,66.667% 50%!important;}
.section-create .fortune-door-outer-right{left:75%!important;background-position:center,100% 50%!important;}

.section-create .fortune-lion-handle{
  position:absolute!important;
  top:48%!important;
  z-index:4!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  opacity:.84!important;
  background:none!important;
  box-shadow:0 3px 10px rgba(0,0,0,.40)!important;
  filter:saturate(.78) contrast(.90) brightness(.84)!important;
  transition:filter 1.35s cubic-bezier(.19,.75,.16,1),opacity 1.35s cubic-bezier(.19,.75,.16,1)!important;
}

.section-create .fortune-lion-handle::before,
.section-create .fortune-lion-handle::after{content:none!important;display:none!important;}
.section-create .fortune-door-inner-left .fortune-lion-handle{right:-20px!important;left:auto!important;transform:translateY(-50%)!important;}
.section-create .fortune-door-inner-right .fortune-lion-handle{left:-20px!important;right:auto!important;transform:translateY(-50%)!important;}

.section-create .fortune-water-flow{
  z-index:7!important;
  left:50%!important;
  bottom:8%!important;
  width:34%!important;
  height:48%!important;
  opacity:0!important;
  transform:translateX(-50%)!important;
  background:repeating-radial-gradient(ellipse at 50% 100%,rgba(246,226,172,.26) 0 1px,transparent 1px 17px),linear-gradient(90deg,transparent,rgba(246,226,172,.20),transparent)!important;
  background-size:100% 54px,100% 100%!important;
  background-position:50% 0,50% 50%!important;
  border:0!important;
  filter:blur(.25px)!important;
  mix-blend-mode:screen!important;
}

.section-create .fortune-water-flow::before,
.section-create .fortune-water-flow::after{content:none!important;display:none!important;}

.section-create .fortune-star-flow{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:11!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  transform:none!important;
  background:none!important;
  box-shadow:none!important;
  opacity:1!important;
  overflow:visible!important;
}

.section-create .fortune-star-flow::after{content:none!important;display:none!important;}

.section-create .fortune-star-core{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  opacity:0!important;
  background:rgba(255,238,190,.94)!important;
  box-shadow:0 0 5px rgba(255,238,190,.78),0 0 13px rgba(185,145,110,.32)!important;
  transform:translate3d(var(--sx),var(--sy),0) scale(.42)!important;
  will-change:transform,opacity,filter!important;
}

.section-create .star-flow-a{--sx:-82px;--sy:-54px;--delay:0s;}
.section-create .star-flow-b{--sx:76px;--sy:-46px;--delay:.82s;}
.section-create .star-flow-c{--sx:-68px;--sy:36px;--delay:1.64s;}
.section-create .star-flow-d{--sx:70px;--sy:42px;--delay:2.46s;}
.section-create .star-flow-e{--sx:0px;--sy:62px;--delay:3.28s;}

.section-create .fortune-gate-scene:hover .fortune-scenery,
.section-create .fortune-gate-scene:focus-within .fortune-scenery,
.section-create .fortune-gate-scene.is-open .fortune-scenery{animation:fortuneSceneryBreath 12s ease-in-out infinite alternate!important;}

.section-create .fortune-gate-scene:hover .fortune-scenery img,
.section-create .fortune-gate-scene:focus-within .fortune-scenery img,
.section-create .fortune-gate-scene.is-open .fortune-scenery img{opacity:1!important;filter:saturate(1.02) contrast(1.03) brightness(1.01)!important;}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{opacity:.07!important;}

.section-create .fortune-gate-scene:hover .fortune-door-outer-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-left,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-left{transform:translateX(-36%)!important;}
.section-create .fortune-gate-scene:hover .fortune-door-inner-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-left,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-left{transform:translateX(-88%)!important;}
.section-create .fortune-gate-scene:hover .fortune-door-inner-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-right,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-right{transform:translateX(88%)!important;}
.section-create .fortune-gate-scene:hover .fortune-door-outer-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-right,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-right{transform:translateX(36%)!important;}

.section-create .fortune-gate-scene:hover .fortune-lion-handle,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle{transform:translateY(-50%)!important;opacity:.96!important;filter:saturate(.92) contrast(.96) brightness(1.05)!important;}

.section-create .fortune-gate-scene:hover .fortune-water-flow,
.section-create .fortune-gate-scene:focus-within .fortune-water-flow,
.section-create .fortune-gate-scene.is-open .fortune-water-flow{opacity:.46!important;animation:fortuneWaterCurrent 5.8s linear infinite!important;}

.section-create .fortune-gate-scene:hover .fortune-star-core,
.section-create .fortune-gate-scene:focus-within .fortune-star-core,
.section-create .fortune-gate-scene.is-open .fortune-star-core{animation:fortuneStarIntoLight 4.9s cubic-bezier(.24,.58,.18,1) infinite!important;animation-delay:var(--delay)!important;}

@keyframes fortuneSceneryBreath{from{transform:scale(1.004) translate3d(0,0,0);}to{transform:scale(1.018) translate3d(0,-.8%,0);}}
@keyframes fortuneWaterCurrent{from{background-position:50% 0,50% 50%;filter:blur(.25px) brightness(.82);}50%{filter:blur(.35px) brightness(1.18);}to{background-position:50% -54px,50% 50%;filter:blur(.25px) brightness(.82);}}
@keyframes fortuneStarIntoLight{0%{opacity:0;transform:translate3d(var(--sx),var(--sy),0) scale(.35);filter:brightness(.76);}12%{opacity:.92;}56%{opacity:.68;transform:translate3d(calc(var(--sx) * .36),calc(var(--sy) * .38),0) scale(.70);filter:brightness(1.12);}84%{opacity:.48;transform:translate3d(0,0,0) scale(.48);filter:brightness(1.34);}100%{opacity:0;transform:translate3d(0,-4px,0) scale(.20);filter:brightness(.84);}}

@media(max-width:560px){
  .section-create .fortune-lion-handle{width:28px!important;height:28px!important;}
  .section-create .fortune-door-inner-left .fortune-lion-handle{right:-14px!important;}
  .section-create .fortune-door-inner-right .fortune-lion-handle{left:-14px!important;}
  .section-create .fortune-star-core{width:3px!important;height:3px!important;}
}

/* V158｜04 造運：中式門庭精修，水入桃源、星歸明境 */
@media(min-width:1101px){
  .section-create .gate-slot{
    transform:translateX(20%)!important;
  }
}

.section-create .fortune-gate-scene{
  filter:drop-shadow(0 0 34px rgba(185,145,110,.10))!important;
}

.section-create .fortune-gate-window{
  background:
    radial-gradient(circle at 50% 48%, rgba(216,190,140,.045), transparent 42%),
    #050302!important;
  box-shadow:
    inset 0 0 22px rgba(4,2,1,.54),
    inset 0 0 0 1px rgba(216,190,140,.08),
    0 0 28px rgba(185,145,110,.08)!important;
}

.section-create .fortune-gate-window img{
  opacity:.50!important;
  filter:saturate(1.04) contrast(1.03) brightness(.90)!important;
  transform:scale(1.003)!important;
  transition:
    opacity 1.1s cubic-bezier(.18,.72,.14,1),
    filter 1.1s cubic-bezier(.18,.72,.14,1),
    transform 1.1s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-gate-window::before{
  z-index:6!important;
  opacity:.64!important;
  background:
    linear-gradient(180deg,
      rgba(5,3,2,.82) 0%,
      rgba(5,3,2,.48) 17%,
      rgba(5,3,2,.10) 38%,
      transparent 50%,
      rgba(5,3,2,.10) 62%,
      rgba(5,3,2,.48) 83%,
      rgba(5,3,2,.82) 100%),
    radial-gradient(circle at 50% 50%,
      transparent 0 72%,
      rgba(5,3,2,.20) 82%,
      rgba(5,3,2,.68) 100%)!important;
  transition:opacity 1.05s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-gate-window::after{
  z-index:16!important;
  opacity:.18!important;
  background:
    radial-gradient(ellipse at 50% 54%, rgba(216,190,140,.12), transparent 36%),
    linear-gradient(180deg, rgba(5,3,2,.22), transparent 30%, transparent 72%, rgba(5,3,2,.22))!important;
  transition:opacity 1.05s cubic-bezier(.18,.72,.14,1)!important;
}

.section-create .fortune-moon-ring{
  z-index:40!important;
  border:1px solid rgba(216,190,140,.72)!important;
  background:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,190,140,.08),
    inset 0 0 18px rgba(4,2,1,.42),
    0 0 42px rgba(185,145,110,.16)!important;
}

.section-create .fortune-gate-panels{
  z-index:22!important;
}

.section-create .fortune-door-panel{
  top:10.5%!important;
  bottom:10.5%!important;
  opacity:.97!important;
  border-color:rgba(216,190,140,.19)!important;
  background:
    linear-gradient(180deg,
      rgba(216,190,140,.14) 0 1px,
      transparent 1px 13%,
      rgba(216,190,140,.055) 13% 14%,
      transparent 14% 86%,
      rgba(216,190,140,.055) 86% 87%,
      transparent 87% calc(100% - 1px),
      rgba(216,190,140,.10) calc(100% - 1px) 100%),
    linear-gradient(90deg,
      rgba(216,190,140,.075) 0%,
      rgba(28,17,9,.88) 14%,
      rgba(5,3,2,.96) 50%,
      rgba(27,16,9,.88) 86%,
      rgba(216,190,140,.060) 100%),
    repeating-linear-gradient(90deg,
      rgba(216,190,140,.018) 0 1px,
      transparent 1px 20px,
      rgba(216,190,140,.075) 20px 21px,
      transparent 21px 40px),
    linear-gradient(180deg,
      rgba(38,24,14,.78) 0%,
      rgba(6,3,2,.92) 46%,
      rgba(5,3,2,.94) 58%,
      rgba(32,19,11,.78) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(236,212,158,.028),
    inset 0 22px 28px rgba(216,190,140,.035),
    inset 0 -24px 30px rgba(0,0,0,.34),
    inset 0 0 20px rgba(0,0,0,.42),
    0 0 12px rgba(0,0,0,.18)!important;
}

.section-create .fortune-door-panel::before{
  opacity:.36!important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(216,190,140,.10), transparent 28%),
    radial-gradient(ellipse at 50% 82%, rgba(216,190,140,.07), transparent 32%),
    linear-gradient(90deg, transparent, rgba(216,190,140,.05), transparent)!important;
}

.section-create .fortune-door-panel::after{
  opacity:.44!important;
  background:linear-gradient(180deg,
    transparent,
    rgba(216,190,140,.26) 18%,
    rgba(216,190,140,.11) 50%,
    rgba(216,190,140,.26) 82%,
    transparent)!important;
}

.section-create .fortune-lion-handle{
  z-index:34!important;
  width:34px!important;
  height:34px!important;
  opacity:.88!important;
  background:
    radial-gradient(circle at 50% 30%, rgba(236,212,158,.92) 0 5%, transparent 6%),
    radial-gradient(circle at 34% 38%, rgba(236,212,158,.82) 0 4%, transparent 5%),
    radial-gradient(circle at 66% 38%, rgba(236,212,158,.82) 0 4%, transparent 5%),
    radial-gradient(circle at 50% 54%, rgba(4,2,1,.95) 0 17%, rgba(216,190,140,.82) 18% 23%, rgba(55,31,15,.96) 24% 42%, transparent 43%),
    conic-gradient(from 20deg, rgba(216,190,140,.30), rgba(83,47,21,.72), rgba(216,190,140,.48), rgba(62,34,15,.78), rgba(216,190,140,.30))!important;
  border:1px solid rgba(216,190,140,.62)!important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.42),
    0 0 14px rgba(216,190,140,.13)!important;
}

.section-create .fortune-lion-handle::before{
  top:64%!important;
  width:20px!important;
  height:16px!important;
  border-color:rgba(216,190,140,.56)!important;
  opacity:.84!important;
}

.section-create .fortune-lion-handle::after{
  width:5px!important;
  height:5px!important;
  background:rgba(246,226,172,.94)!important;
  box-shadow:
    -8px -4px 0 -1px rgba(236,212,158,.62),
    8px -4px 0 -1px rgba(236,212,158,.62),
    0 8px 0 -2px rgba(236,212,158,.52)!important;
}

.section-create .fortune-water-flow{
  z-index:17!important;
  bottom:6%!important;
  width:38%!important;
  height:58%!important;
  opacity:0!important;
  background:
    linear-gradient(90deg, transparent, rgba(246,226,172,.30), transparent),
    repeating-linear-gradient(180deg,
      transparent 0 18px,
      rgba(246,226,172,.30) 18px 19px,
      transparent 19px 38px),
    radial-gradient(ellipse at 50% 100%, rgba(216,190,140,.30), transparent 60%)!important;
  filter:blur(.45px)!important;
}

.section-create .fortune-water-flow::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:5%!important;
  width:1px!important;
  height:92%!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg, transparent, rgba(246,226,172,.44), transparent)!important;
  opacity:.42!important;
}

.section-create .fortune-water-flow::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:74%!important;
  height:28%!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  border-top:1px solid rgba(246,226,172,.26)!important;
  opacity:.52!important;
}

.section-create .fortune-star-flow{
  z-index:32!important;
  width:5px!important;
  height:5px!important;
  opacity:0!important;
  background:rgba(255,238,190,.98)!important;
  box-shadow:
    0 0 8px rgba(255,238,190,.70),
    0 0 18px rgba(216,190,140,.34)!important;
}

.section-create .fortune-star-flow::after{
  width:28px!important;
  left:-27px!important;
  background:linear-gradient(90deg, transparent, rgba(246,226,172,.48))!important;
}

.section-create .star-flow-a{--sx:-118px;--sy:-54px;--trail:18deg;--delay:0s;}
.section-create .star-flow-b{--sx:112px;--sy:-46px;--trail:-16deg;--delay:.18s;}
.section-create .star-flow-c{--sx:-92px;--sy:42px;--trail:-12deg;--delay:.38s;}
.section-create .star-flow-d{--sx:96px;--sy:48px;--trail:14deg;--delay:.58s;}
.section-create .star-flow-e{--sx:0px;--sy:84px;--trail:90deg;--delay:.78s;}

.section-create .fortune-gate-scene:hover .fortune-gate-window img,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window img,
.section-create .fortune-gate-scene.is-open .fortune-gate-window img{
  opacity:1!important;
  filter:saturate(1.08) contrast(1.04) brightness(1.02)!important;
  transform:scale(1)!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::before,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::before,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::before{
  opacity:.06!important;
}

.section-create .fortune-gate-scene:hover .fortune-gate-window::after,
.section-create .fortune-gate-scene:focus-within .fortune-gate-window::after,
.section-create .fortune-gate-scene.is-open .fortune-gate-window::after{
  opacity:.10!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-panel,
.section-create .fortune-gate-scene:focus-within .fortune-door-panel,
.section-create .fortune-gate-scene.is-open .fortune-door-panel{
  opacity:.93!important;
  filter:brightness(1.05)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-outer-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-left,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-left{
  transform:translateX(-42%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-inner-left,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-left,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-left{
  transform:translateX(-112%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-inner-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-inner-right,
.section-create .fortune-gate-scene.is-open .fortune-door-inner-right{
  transform:translateX(112%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-door-outer-right,
.section-create .fortune-gate-scene:focus-within .fortune-door-outer-right,
.section-create .fortune-gate-scene.is-open .fortune-door-outer-right{
  transform:translateX(42%)!important;
}

.section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-left,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-left,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-left{
  transform:translate(calc(-100% - 90px),-50%)!important;
  opacity:.92!important;
  filter:brightness(1.14)!important;
}

.section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-right,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-right,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-right{
  transform:translate(90px,-50%)!important;
  opacity:.92!important;
  filter:brightness(1.14)!important;
}

.section-create .fortune-gate-scene:hover .fortune-water-flow,
.section-create .fortune-gate-scene:focus-within .fortune-water-flow,
.section-create .fortune-gate-scene.is-open .fortune-water-flow{
  opacity:.42!important;
  animation:fortuneWaterIn 5.4s linear infinite!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow,
.section-create .fortune-gate-scene.is-open .fortune-star-flow{
  animation:fortuneStarIn 3.1s cubic-bezier(.22,.64,.18,1) infinite!important;
  animation-delay:var(--delay)!important;
}

@keyframes fortuneStarIn{
  0%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.48);}
  16%{opacity:.92;}
  58%{opacity:.76;transform:translate(calc(var(--sx) * .26),calc(var(--sy) * .28)) scale(.66);}
  100%{opacity:0;transform:translate(0,-8px) scale(.18);}
}

@media(max-width:560px){
  .section-create .fortune-lion-handle{
    width:24px!important;
    height:24px!important;
  }

  .section-create .fortune-water-flow{
    width:42%!important;
    height:54%!important;
  }

  .section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-left,
  .section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-left,
  .section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-left{
    transform:translate(calc(-100% - 58px),-50%)!important;
  }

  .section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-right,
  .section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-right,
  .section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-right{
    transform:translate(58px,-50%)!important;
  }
}

/* V159｜04 造運：修正星點被 !important 鎖死，改用 margin 軌跡入門 */
.section-create .fortune-star-flow{
  left:50%!important;
  top:52%!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.72)!important;
  margin-left:var(--sx);
  margin-top:var(--sy);
  will-change:margin-left,margin-top,filter!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow,
.section-create .fortune-gate-scene.is-open .fortune-star-flow{
  opacity:.92!important;
  animation:fortuneStarTravel 3.25s cubic-bezier(.22,.64,.18,1) infinite!important;
  animation-delay:var(--delay)!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow::after,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow::after,
.section-create .fortune-gate-scene.is-open .fortune-star-flow::after{
  opacity:.56!important;
}

@keyframes fortuneStarTravel{
  0%{
    margin-left:var(--sx);
    margin-top:var(--sy);
    filter:brightness(.72);
  }
  42%{
    margin-left:calc(var(--sx) * .45);
    margin-top:calc(var(--sy) * .48);
    filter:brightness(1.34);
  }
  78%{
    margin-left:calc(var(--sx) * .10);
    margin-top:calc(var(--sy) * .14);
    filter:brightness(1.08);
  }
  100%{
    margin-left:0;
    margin-top:-8px;
    filter:brightness(.68);
  }
}

/* V161｜04 造運：星水動勢提高一點，保持細緻但可被看見 */
.section-create .fortune-star-flow{
  width:6px!important;
  height:6px!important;
  background:rgba(255,242,202,.98)!important;
  box-shadow:
    0 0 10px rgba(255,242,202,.86),
    0 0 24px rgba(216,190,140,.44)!important;
}

.section-create .fortune-star-flow::after{
  left:-36px!important;
  width:38px!important;
  background:linear-gradient(90deg, transparent, rgba(246,226,172,.60))!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow,
.section-create .fortune-gate-scene.is-open .fortune-star-flow{
  opacity:.96!important;
  animation-duration:4.2s!important;
}

.section-create .fortune-gate-scene:hover .fortune-star-flow::after,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow::after,
.section-create .fortune-gate-scene.is-open .fortune-star-flow::after{
  opacity:.72!important;
}

.section-create .fortune-gate-scene:hover .fortune-water-flow,
.section-create .fortune-gate-scene:focus-within .fortune-water-flow,
.section-create .fortune-gate-scene.is-open .fortune-water-flow{
  opacity:.52!important;
}

.section-create .fortune-water-flow::before{
  opacity:.62!important;
}

.section-create .fortune-water-flow::after{
  opacity:.66!important;
}

/* V160｜04 造運：關門狀態保留桃源微透，不再只剩黑門 */
.section-create .fortune-gate-window img{
  opacity:.60!important;
  filter:saturate(1.05) contrast(1.03) brightness(.92)!important;
}

.section-create .fortune-gate-window::before{
  opacity:.50!important;
}

.section-create .fortune-door-panel{
  opacity:.90!important;
  background:
    linear-gradient(180deg,
      rgba(216,190,140,.12) 0 1px,
      transparent 1px 13%,
      rgba(216,190,140,.05) 13% 14%,
      transparent 14% 86%,
      rgba(216,190,140,.05) 86% 87%,
      transparent 87% calc(100% - 1px),
      rgba(216,190,140,.10) calc(100% - 1px) 100%),
    linear-gradient(90deg,
      rgba(216,190,140,.060) 0%,
      rgba(28,17,9,.70) 14%,
      rgba(5,3,2,.82) 50%,
      rgba(27,16,9,.70) 86%,
      rgba(216,190,140,.052) 100%),
    repeating-linear-gradient(90deg,
      rgba(216,190,140,.018) 0 1px,
      transparent 1px 20px,
      rgba(216,190,140,.072) 20px 21px,
      transparent 21px 40px),
    linear-gradient(180deg,
      rgba(38,24,14,.60) 0%,
      rgba(6,3,2,.75) 46%,
      rgba(5,3,2,.78) 58%,
      rgba(32,19,11,.60) 100%)!important;
}

/* V162｜04 造運：古樸門環與星點柔化，圓門重心微左回正 */
@media(min-width:1101px){
  .section-create .gate-slot{
    transform:translateX(12%)!important;
  }
}

.section-create .fortune-lion-handle{
  width:31px!important;
  height:31px!important;
  opacity:.66!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 48% 42%, rgba(216,190,140,.54) 0 7%, transparent 8%),
    radial-gradient(circle at 34% 39%, rgba(216,190,140,.28) 0 5%, transparent 6%),
    radial-gradient(circle at 64% 38%, rgba(216,190,140,.24) 0 5%, transparent 6%),
    radial-gradient(circle at 50% 58%, rgba(12,7,3,.94) 0 21%, rgba(127,82,43,.78) 22% 28%, rgba(36,20,9,.92) 29% 48%, transparent 49%),
    conic-gradient(from 15deg,
      rgba(88,52,24,.85),
      rgba(164,116,67,.34),
      rgba(44,25,11,.95),
      rgba(190,145,92,.30),
      rgba(68,39,18,.88))!important;
  border:1px solid rgba(185,145,110,.42)!important;
  box-shadow:
    inset 0 1px 2px rgba(246,226,172,.13),
    inset 0 -5px 10px rgba(0,0,0,.52),
    0 2px 8px rgba(0,0,0,.34)!important;
  filter:saturate(.82) contrast(.94)!important;
}

.section-create .fortune-lion-handle::before{
  left:50%!important;
  top:63%!important;
  width:20px!important;
  height:21px!important;
  border:1.2px solid rgba(185,145,110,.50)!important;
  border-top-color:rgba(216,190,140,.26)!important;
  border-radius:50%!important;
  transform:translate(-50%,-27%) rotate(.001deg)!important;
  opacity:.76!important;
  background:
    radial-gradient(ellipse at 50% 86%, rgba(216,190,140,.10), transparent 48%)!important;
  box-shadow:
    inset 0 -2px 5px rgba(0,0,0,.40),
    0 2px 8px rgba(0,0,0,.24)!important;
}

.section-create .fortune-lion-handle::after{
  left:50%!important;
  top:46%!important;
  width:7px!important;
  height:5px!important;
  border-radius:50%!important;
  background:rgba(160,110,62,.62)!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:
    -6px -3px 0 -2px rgba(185,145,110,.30),
    6px -3px 0 -2px rgba(185,145,110,.28),
    0 7px 0 -2px rgba(185,145,110,.34)!important;
}

.section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-left,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-left,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-left{
  transform:translate(calc(-100% - 86px),-50%)!important;
  opacity:.62!important;
  filter:saturate(.88) contrast(.98) brightness(1.03)!important;
}

.section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-right,
.section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-right,
.section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-right{
  transform:translate(86px,-50%)!important;
  opacity:.62!important;
  filter:saturate(.88) contrast(.98) brightness(1.03)!important;
}

.section-create .fortune-star-flow{
  width:3px!important;
  height:3px!important;
  opacity:0!important;
  background:rgba(242,218,164,.86)!important;
  box-shadow:
    0 0 7px rgba(242,218,164,.62),
    0 0 16px rgba(185,145,110,.24)!important;
  transform:translate3d(var(--sx),var(--sy),0) scale(.82)!important;
  margin-left:0!important;
  margin-top:0!important;
  will-change:transform,opacity,filter!important;
}

.section-create .fortune-star-flow::after{
  display:none!important;
}

.section-create .star-flow-a{--sx:-96px;--sy:-42px;--delay:0s;}
.section-create .star-flow-b{--sx:88px;--sy:-36px;--delay:.64s;}
.section-create .star-flow-c{--sx:-70px;--sy:38px;--delay:1.18s;}
.section-create .star-flow-d{--sx:76px;--sy:44px;--delay:1.82s;}
.section-create .star-flow-e{--sx:0px;--sy:68px;--delay:2.36s;}

.section-create .fortune-gate-scene:hover .fortune-star-flow,
.section-create .fortune-gate-scene:focus-within .fortune-star-flow,
.section-create .fortune-gate-scene.is-open .fortune-star-flow{
  opacity:.78!important;
  animation:fortuneStarDrift 6.8s cubic-bezier(.34,.04,.18,1) infinite!important;
  animation-delay:var(--delay)!important;
}

@keyframes fortuneStarDrift{
  0%{
    opacity:0;
    transform:translate3d(var(--sx),var(--sy),0) scale(.42);
    filter:brightness(.82) blur(.1px);
  }
  22%{
    opacity:.72;
    transform:translate3d(calc(var(--sx) * .70),calc(var(--sy) * .74),0) scale(.68);
    filter:brightness(1.02) blur(.05px);
  }
  58%{
    opacity:.58;
    transform:translate3d(calc(var(--sx) * .28),calc(var(--sy) * .34),0) scale(.58);
    filter:brightness(.96) blur(.08px);
  }
  86%{
    opacity:.44;
    transform:translate3d(0,-5px,0) scale(.34);
    filter:brightness(1.18) blur(.08px);
  }
  100%{
    opacity:0;
    transform:translate3d(0,-8px,0) scale(.22);
    filter:brightness(.82) blur(.12px);
  }
}

@media(max-width:560px){
  .section-create .fortune-lion-handle{
    width:23px!important;
    height:23px!important;
  }

  .section-create .fortune-lion-handle::before{
    width:15px!important;
    height:16px!important;
  }

  .section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-left,
  .section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-left,
  .section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-left{
    transform:translate(calc(-100% - 54px),-50%)!important;
  }

  .section-create .fortune-gate-scene:hover .fortune-lion-handle.handle-right,
  .section-create .fortune-gate-scene:focus-within .fortune-lion-handle.handle-right,
  .section-create .fortune-gate-scene.is-open .fortune-lion-handle.handle-right{
    transform:translate(54px,-50%)!important;
  }
}

/* V172｜Mobile service modal: actions stay within the reading panel. */
@media(max-width:760px){
  .modal-panel:not(.brand-modal-panel){
    overflow-x:hidden!important;
  }

  .modal-panel:not(.brand-modal-panel) .modal-actions{
    flex-direction:column!important;
    gap:10px!important;
  }

  .modal-panel:not(.brand-modal-panel) .modal-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* V173｜最後精修：藏閣收尾、預約流程與可辨識的星曜。 */
@media(max-width:1050px){
  .nav.is-menu-open .links{
    background:linear-gradient(180deg,rgba(16,12,9,.992),rgba(4,3,2,.992))!important;
    border-color:rgba(185,145,110,.32)!important;
    box-shadow:0 24px 68px rgba(0,0,0,.72)!important;
    backdrop-filter:blur(18px)!important;
  }
}

/* 03｜一顆主星沿著短軌跡緩緩前行，讓星河有清楚的觀看焦點。 */
.section-shi .shi-wayfinder{
  opacity:.9!important;
}
.section-shi .shi-wayfinder-trail{
  fill:none!important;
  stroke:rgba(216,190,140,.62)!important;
  stroke-width:1.05!important;
  stroke-linecap:round!important;
  stroke-dasharray:2 17!important;
  opacity:.72!important;
  filter:drop-shadow(0 0 6px rgba(216,190,140,.36))!important;
  animation:shiWayfinderTrail 10.5s linear infinite!important;
}
.section-shi .shi-wayfinder-star{
  fill:rgba(255,239,201,.98)!important;
  stroke:rgba(216,190,140,.94)!important;
  stroke-width:.95!important;
  opacity:1!important;
  filter:drop-shadow(0 0 5px rgba(255,235,187,1)) drop-shadow(0 0 17px rgba(216,190,140,.72))!important;
  animation:shiWayfinderPulse 2.6s ease-in-out infinite!important;
}
.section-shi .shi-guide-star{
  position:absolute!important;
  left:78%!important;
  top:28%!important;
  z-index:4!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:rgba(255,240,203,.98)!important;
  box-shadow:0 0 5px rgba(255,240,203,.96),0 0 18px rgba(216,190,140,.72)!important;
  animation:shiGuideGlide 9.5s cubic-bezier(.36,.06,.2,1) infinite!important;
}
.section-shi .shi-guide-star::after{
  content:"";
  position:absolute;
  right:4px;
  top:3px;
  width:92px;
  height:1px;
  transform:rotate(-24deg);
  transform-origin:right center;
  background:linear-gradient(90deg,transparent,rgba(216,190,140,.08) 40%,rgba(216,190,140,.52))!important;
  filter:blur(.15px);
}
@keyframes shiGuideGlide{
  0%,12%{opacity:0;transform:translate3d(-24px,36px,0) scale(.56);}
  26%{opacity:1;transform:translate3d(-6px,20px,0) scale(1);}
  68%{opacity:.88;transform:translate3d(48px,-30px,0) scale(.78);}
  100%{opacity:0;transform:translate3d(64px,-46px,0) scale(.42);}
}
@keyframes shiWayfinderTrail{
  from{stroke-dashoffset:0;opacity:.28;}
  42%{opacity:.66;}
  to{stroke-dashoffset:-171;opacity:.28;}
}
@keyframes shiWayfinderPulse{
  0%,100%{opacity:.68;filter:drop-shadow(0 0 3px rgba(255,235,187,.76)) drop-shadow(0 0 9px rgba(216,190,140,.36));}
  50%{opacity:1;filter:drop-shadow(0 0 5px rgba(255,239,201,1)) drop-shadow(0 0 16px rgba(216,190,140,.76));}
}

/* 05｜藏閣：文字如墨色展開，Hover 僅留下暖金題字與一縷細線。 */
.section-about .about-cards.reveal.in .about-card{
  animation:archiveInkReveal .82s cubic-bezier(.2,.72,.16,1) both!important;
}
.section-about .about-cards.reveal.in .about-card:nth-child(2){animation-delay:.10s!important;}
.section-about .about-cards.reveal.in .about-card:nth-child(3){animation-delay:.20s!important;}
.section-about .about-cards.reveal.in .about-card:nth-child(4){animation-delay:.30s!important;}
.section-about .about-card{
  overflow:hidden!important;
  isolation:isolate!important;
  transition:border-color .55s ease,background .55s ease,box-shadow .55s ease!important;
}
.section-about .about-card::after{
  content:""!important;
  position:absolute!important;
  left:28px!important;
  right:28px!important;
  top:20px!important;
  height:1px!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.26!important;
  transform:scaleX(.14)!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,rgba(216,190,140,.78),rgba(216,190,140,.18),transparent)!important;
  transition:transform .72s cubic-bezier(.2,.72,.16,1),opacity .72s ease!important;
}
.section-about .about-card span,
.section-about .about-card p,
.section-about .about-card em{
  position:relative!important;
  z-index:2!important;
}
.section-about .about-card-action:hover,
.section-about .about-card-static:hover{
  transform:none!important;
  border-color:rgba(216,190,140,.48)!important;
  background:
    linear-gradient(180deg,rgba(51,41,33,.66),rgba(21,16,13,.54)),
    repeating-linear-gradient(105deg,rgba(236,226,205,.024) 0 1px,transparent 1px 11px)!important;
  box-shadow:inset 0 1px 0 rgba(216,190,140,.08),inset 0 0 36px rgba(216,190,140,.028)!important;
}
.section-about .about-card:hover::after{
  transform:scaleX(1)!important;
  opacity:.72!important;
}
.section-about .about-card:hover span{color:rgba(229,205,158,.98)!important;}
@keyframes archiveInkReveal{
  from{opacity:0;filter:blur(3px) saturate(.72);transform:translateY(12px);}
  to{opacity:1;filter:blur(0) saturate(1);transform:translateY(0);}
}

/* Footer｜收成一座安靜的藏閣，維持可掃描 QR 與更清楚的宣紙邊界。 */
.site-footer{
  grid-template-columns:minmax(180px,.7fr) minmax(250px,.9fr) minmax(260px,1fr)!important;
  grid-template-areas:
    "identity qr contact"
    "copyright copyright copyright"!important;
  gap:clamp(36px,4vw,70px)!important;
  padding:72px clamp(36px,6vw,110px) 25px!important;
  border-top-color:rgba(185,145,110,.28)!important;
  background:#070504!important;
}
.site-footer::before{
  background:
    radial-gradient(ellipse at 45% 38%,rgba(216,190,140,.075),transparent 30%),
    linear-gradient(90deg,rgba(5,3,2,.98),rgba(34,27,22,.36) 48%,rgba(5,3,2,.98))!important;
  opacity:1!important;
}
.site-footer::after{
  content:"";
  position:absolute;
  left:clamp(36px,6vw,110px);
  right:clamp(36px,6vw,110px);
  bottom:50px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(185,145,110,.28) 18%,rgba(216,190,140,.40) 50%,rgba(185,145,110,.28) 82%,transparent);
  pointer-events:none;
}
.footer-identity{
  grid-area:identity!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:15px!important;
  text-align:center!important;
}
.footer-seal{
  width:142px!important;
  height:142px!important;
  border-color:rgba(185,145,110,.45)!important;
  background:
    linear-gradient(135deg,rgba(216,190,140,.055),rgba(139,46,46,.02)),
    rgba(7,5,4,.58)!important;
  box-shadow:inset 0 0 0 7px rgba(216,190,140,.020),inset 0 0 44px rgba(216,190,140,.04)!important;
}
.footer-motto{
  width:142px!important;
  margin:0!important;
  color:rgba(225,202,159,.88)!important;
  font-size:14px!important;
  letter-spacing:.20em!important;
  line-height:1.5!important;
}
.footer-qr-grid{
  grid-area:qr!important;
  grid-template-columns:repeat(2,minmax(120px,1fr))!important;
  gap:18px!important;
  justify-self:center!important;
}
.footer-qr{
  gap:9px!important;
}
.footer-qr-image{
  width:132px!important;
  padding:7px!important;
  border-color:rgba(185,145,110,.62)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,224,211,.98))!important;
  box-shadow:
    inset 0 0 0 1px rgba(82,58,35,.28),
    inset 0 0 0 5px rgba(216,190,140,.12),
    0 12px 28px rgba(0,0,0,.16)!important;
}
.footer-qr-image img{
  background:#fff!important;
  mix-blend-mode:multiply!important;
}
.footer-qr strong{color:rgba(225,202,159,.92)!important;}
.footer-contact{
  grid-area:contact!important;
  justify-self:start!important;
  gap:12px!important;
  padding-left:26px!important;
  border-left:1px solid rgba(185,145,110,.22)!important;
}
.footer-contact p,
.footer-contact a{
  color:rgba(231,218,198,.74)!important;
  font-size:12px!important;
  letter-spacing:.10em!important;
}
.footer-copyright{
  grid-area:copyright!important;
  width:100%!important;
  justify-self:stretch!important;
  align-self:end!important;
  padding-top:8px!important;
  text-align:center!important;
  color:rgba(183,171,157,.46)!important;
}

/* Header 章節與首頁順序一致；Footer 依品牌、聯絡、QR 自左向右收束。 */
#fate,
#services,
#qimen,
#create,
#about,
#contact{scroll-margin-top:28px;}

@media(min-width:761px){
  .site-footer{
    grid-template-columns:minmax(180px,.68fr) minmax(280px,1.08fr) minmax(286px,.92fr)!important;
    grid-template-areas:
      "identity contact qr"
      "copyright copyright copyright"!important;
    align-items:center!important;
    gap:clamp(34px,4.2vw,76px)!important;
  }
  .footer-identity{
    justify-items:start!important;
    text-align:left!important;
  }
  .footer-motto{text-align:center!important;}
  .footer-contact{
    justify-self:start!important;
    padding-left:0!important;
    border-left:0!important;
    gap:13px!important;
  }
  .footer-qr-grid{
    justify-self:end!important;
    padding-left:clamp(28px,3vw,48px)!important;
    border-left:1px solid rgba(185,145,110,.18)!important;
  }
  .footer-contact p,
  .footer-contact a{font-size:12.5px!important;}
  .footer-copyright{font-size:10.5px!important;}
}

/* 預約造運｜進入 LINE@ 前先完成高端初步資料。 */
.consultation-modal{z-index:140!important;}
.consultation-backdrop{
  background:radial-gradient(ellipse at 50% 36%,rgba(185,145,110,.16),transparent 38%),rgba(4,3,2,.88)!important;
  backdrop-filter:blur(14px)!important;
}
.consultation-panel{
  width:min(660px,calc(100% - 44px))!important;
  max-height:min(86vh,760px)!important;
  overflow:auto!important;
  border-radius:6px!important;
  border-color:rgba(185,145,110,.52)!important;
  padding:48px 52px 44px!important;
  background:
    linear-gradient(105deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 16% 10%,rgba(216,190,140,.08),transparent 34%),
    linear-gradient(180deg,rgba(34,27,22,.98),rgba(9,6,4,.99))!important;
}
.consultation-panel h3{
  margin-bottom:12px!important;
  font-size:clamp(32px,3vw,42px)!important;
  color:rgba(236,228,216,.98)!important;
}
.consultation-lede{
  margin:0!important;
  color:rgba(216,190,140,.82)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:16px!important;
  letter-spacing:.12em!important;
}
.consultation-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 22px;
  margin-top:30px;
  padding-top:28px;
  border-top:1px solid rgba(185,145,110,.22);
}
.consultation-form label{
  display:grid;
  gap:8px;
  color:rgba(216,190,140,.76);
  font-family:"Noto Serif TC",serif;
  font-size:13px;
  letter-spacing:.16em;
}
.consultation-form input,
.consultation-form select,
.consultation-form textarea{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(185,145,110,.32);
  border-radius:0;
  outline:0;
  color:rgba(236,228,216,.92);
  background:rgba(0,0,0,.14);
  font:400 15px/1.6 "Noto Serif TC",serif;
  letter-spacing:.06em;
  padding:10px 4px;
  transition:border-color .35s ease,background .35s ease;
}
.consultation-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(216,190,140,.72) 50%),linear-gradient(135deg,rgba(216,190,140,.72) 50%,transparent 50%);background-position:calc(100% - 12px) 52%,calc(100% - 8px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;}
.consultation-form textarea{min-height:88px;resize:vertical;}
.consultation-form input:focus,
.consultation-form select:focus,
.consultation-form textarea:focus{border-bottom-color:rgba(216,190,140,.82);background-color:rgba(216,190,140,.045);}
.consultation-note{grid-column:1 / -1;}
.consultation-submit{grid-column:1 / -1;justify-self:start;margin-top:4px;}

@media(max-width:760px){
  .section-shi .shi-wayfinder{opacity:.82!important;}
  .section-shi .shi-wayfinder-trail{stroke-width:1.05!important;}
  .section-shi .shi-guide-star{left:76%!important;top:25%!important;width:5px!important;height:5px!important;}
  .site-footer{
    grid-template-columns:1fr!important;
    grid-template-areas:"identity" "qr" "contact" "copyright"!important;
    gap:30px!important;
    padding:52px 28px 24px!important;
  }
  .site-footer::after{left:28px;right:28px;bottom:44px;}
  .footer-identity{justify-items:start!important;text-align:left!important;}
  .footer-seal{justify-self:start!important;width:128px!important;height:128px!important;}
  .footer-motto{text-align:center!important;width:128px!important;font-size:13px!important;}
  .footer-qr-grid{justify-self:start!important;grid-template-columns:repeat(2,120px)!important;gap:14px!important;}
  .footer-qr-image{width:120px!important;}
  .footer-contact{justify-self:start!important;padding-left:18px!important;}
  .consultation-panel{width:calc(100% - 28px)!important;max-height:88vh!important;padding:34px 22px 28px!important;}
  .consultation-form{grid-template-columns:1fr!important;gap:18px!important;}
  .consultation-note,.consultation-submit{grid-column:auto!important;}
  .consultation-submit{width:100%!important;}
}

@media(prefers-reduced-motion:reduce){
  .section-shi .shi-wayfinder-trail,
  .section-shi .shi-wayfinder-star,
  .section-about .about-cards.reveal.in .about-card{animation:none!important;}
}

/* V174 | Align the logo emblem's optical center with the Hero title's first glyph. */
@media(min-width:1051px){
  .hero-premium .nav{
    padding-left:clamp(58px,calc(8vw - 30px),116px)!important;
  }
}

/* V175 | 奇門策略長文：保留古籍脈絡，讓技術段落可安靜閱讀。 */
.strategy-modal-prose section:first-child h4{
  font-size:clamp(20px,1.45vw,24px)!important;
  line-height:1.6!important;
  letter-spacing:.14em!important;
}
.strategy-modal-prose .strategy-modal-section h4{
  line-height:1.6!important;
}
.strategy-modal-prose .strategy-modal-subsection{
  margin:26px 0 0!important;
  padding:0 0 0 18px!important;
  border-left:1px solid rgba(185,145,110,.16)!important;
}
.strategy-modal-prose .strategy-modal-subsection h5{
  margin:0 0 12px!important;
  color:rgba(226,202,159,.92)!important;
  font-family:"Noto Serif TC",serif!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.7!important;
  letter-spacing:.12em!important;
}
.strategy-modal-prose .strategy-modal-statement,
.strategy-modal-prose .strategy-modal-closing{
  color:rgba(236,216,178,.96)!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:2!important;
  letter-spacing:.1em!important;
}
.strategy-modal-prose .strategy-modal-statement{
  margin-top:-2px!important;
}
.strategy-modal-prose .strategy-modal-closing{
  margin-top:24px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(185,145,110,.18)!important;
}
@media(max-width:760px){
  .strategy-modal-prose section:first-child h4,
  .strategy-modal-prose .strategy-modal-section h4{
    font-size:19px!important;
    letter-spacing:.1em!important;
  }
  .strategy-modal-prose .strategy-modal-subsection{
    padding-left:14px!important;
  }
  .strategy-modal-prose .strategy-modal-subsection h5{
    font-size:14px!important;
    letter-spacing:.08em!important;
  }
  .strategy-modal-prose .strategy-modal-statement,
  .strategy-modal-prose .strategy-modal-closing{
    font-size:15px!important;
  }
}
