:root{--bg:#080d14;--panel:#101923;--line:#29404f;--ice:#b9e4f5;--blue:#76b9d8;--muted:#9aabb8;--white:#e6edf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#193044,transparent 38%),linear-gradient(#080d14,#0b1119 60%,#080d14);color:var(--white);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}.wrap{width:min(1100px,92%);margin:auto}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;background:#080d14eF;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:5}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{letter-spacing:.15em;font-weight:700}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.25em}.links{display:flex;gap:20px;font-size:12px;color:#c2d0d9}.links a:hover{color:var(--ice)}button{display:none;background:none;color:white;border:1px solid var(--line);padding:8px;border-radius:5px}.hero{padding:85px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:520px}.eyebrow,.kicker{font-size:10px;letter-spacing:.3em;color:var(--blue)}h1{font-size:clamp(43px,7vw,76px);line-height:1.12;letter-spacing:.08em;margin:18px 0}h1 span{display:block;color:var(--ice);font-size:.55em;font-weight:400;margin-top:15px;letter-spacing:.2em}.lead{color:#b4c3ce;max-width:560px}.btn{display:inline-block;margin:14px 9px 0 0;padding:11px 19px;background:linear-gradient(130deg,#d9eff6,#82b9d1);color:#09131b;font-weight:700;font-size:12px;letter-spacing:.08em;border:1px solid #a9d7e9;border-radius:3px}.btn.alt{background:transparent;color:var(--ice);border-color:var(--line)}.art{height:330px;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#1a2b39,#0a111b 70%);overflow:hidden}.art:before,.art:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #a6d9ed55;transform:rotate(45deg)}.art:after{width:170px;height:170px}.art b{font-size:90px;font-weight:200;letter-spacing:.12em;color:#d9edf6;text-shadow:0 0 35px #8bd5f766;z-index:1}.art small{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-between;color:#91a9b8;font-size:9px;letter-spacing:.18em}.section{padding:62px 0;border-top:1px solid #243644}.head{margin-bottom:25px}.head h2{font-size:clamp(25px,4vw,37px);font-weight:500;letter-spacing:.08em;margin:5px 0}.sub,.muted{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{background:linear-gradient(145deg,#14212c,#0d151e);border:1px solid var(--line);padding:21px;border-radius:3px}.card h3{font-size:16px;margin:8px 0}.tag,.pill{display:inline-block;border:1px solid #8bbbd044;color:var(--ice);font-size:10px;padding:3px 8px}.price{font-size:24px;color:var(--ice);margin-top:10px}.table{width:100%;border-collapse:collapse;font-size:12px}.table td,.table th{text-align:left;padding:10px 8px;border-bottom:1px solid #29404f}.table th{color:var(--blue);font-weight:500}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{margin-top:15px;background:#14212a;border-left:2px solid var(--blue);padding:12px 15px;color:#b2c2cd;font-size:11px}.promo{padding:28px;background:linear-gradient(110deg,#162b39,#101923 65%);border:1px solid #456579;display:flex;align-items:center;justify-content:space-between;gap:20px}.promo strong{font-size:clamp(26px,4vw,40px);color:var(--ice);font-weight:500}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.step{padding:16px;border-top:1px solid #9dcfe466;background:#101923}.step b{color:var(--ice);font-size:12px}.step p{font-size:11px;color:var(--muted)}.admin{display:grid;grid-template-columns:190px 1fr;gap:12px}.side,.dash{border:1px solid var(--line);background:#101923;padding:17px}.side div{padding:8px;border-bottom:1px solid #ffffff0a;color:#aebfca;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#0b141d;padding:13px;border:1px solid var(--line)}.stat b{display:block;color:var(--ice);font-size:22px}.footer{padding:30px 0;border-top:1px solid var(--line);color:#8294a2;font-size:11px}
@media(max-width:740px){.links{display:none;position:absolute;top:68px;left:0;right:0;background:#0a111a;padding:15px 5%;flex-direction:column}.links.show{display:flex}button{display:block}.hero{grid-template-columns:1fr;padding:55px 0 45px}.art{height:245px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.admin{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.promo{display:block}.section{padding:48px 0}}
@media(max-width:450px){.grid,.two,.steps{grid-template-columns:1fr}.hero h1{font-size:43px}.stats{grid-template-columns:1fr 1fr}}

/* V2 visual enrichment */
:root{--glow:#8bd5f7}
.hero{position:relative}.hero:after{content:"CHUYU / 01";position:absolute;left:0;bottom:22px;color:#65809455;font-size:10px;letter-spacing:.35em}
.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:-22px;top:0;height:100%;width:1px;background:linear-gradient(transparent,#8ccde8,transparent)}
.hero .lead{font-size:16px;line-height:2}
.hero-art{box-shadow:inset 0 0 70px #72b8d51a,0 20px 70px #0008}
.hero-art .orbit{position:absolute;width:310px;height:310px;border:1px solid #9ed7ed22;border-radius:50%;box-shadow:0 0 45px #7dc9e51a}
.hero-art .orbit:before,.hero-art .orbit:after{content:"";position:absolute;border:1px solid #9ed7ed22;border-radius:50%;inset:22px}
.hero-art .orbit:after{inset:54px}
.hero-art .art-stamp{position:absolute;top:18px;right:18px;border:1px solid #9ed7ed44;padding:6px 9px;color:#a8cbdc;font-size:9px;letter-spacing:.2em}
.hero-art .art-bottom{position:absolute;bottom:52px;color:#9db9c8;font-size:9px;letter-spacing:.3em}
.section:nth-of-type(even){background:linear-gradient(90deg,#0b121a88,#0e182288,#0b121a88)}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#29404f;margin-top:26px;border:1px solid #29404f}
.feature-strip div{background:#0e1822;padding:17px}.feature-strip b{display:block;color:var(--ice);font-size:14px}.feature-strip span{font-size:10px;color:var(--muted)}
.service-icon{width:34px;height:34px;border:1px solid #8bbbd055;display:grid;place-items:center;color:var(--ice);font-size:15px;margin-bottom:12px}
.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);border-color:#8bbbd077;box-shadow:0 14px 34px #0004}
.section-number{float:right;color:#6d8da0;font-size:10px;letter-spacing:.2em}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:process}
.process-card{padding:20px;background:linear-gradient(145deg,#142330,#0b141d);border:1px solid var(--line);position:relative;min-height:150px}
.process-card:before{counter-increment:process;content:"0" counter(process);font-size:25px;color:#8bc8e1;font-weight:300}
.process-card h3{font-size:14px;margin:8px 0}.process-card p{font-size:11px;color:var(--muted);margin:0}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.promise{border:1px solid var(--line);padding:20px;background:linear-gradient(140deg,#172633,#0c151e)}
.promise .num{font-size:28px;color:#8dc9e1;font-weight:200}.promise h3{font-size:14px;margin:4px 0}.promise p{font-size:11px;color:var(--muted)}
.faq details{border-bottom:1px solid var(--line);padding:15px 3px}.faq summary{cursor:pointer;color:#d9e7ef;font-size:13px}.faq details p{font-size:12px;color:var(--muted);padding-right:20px}
.quote-band{padding:28px;border:1px solid #456579;background:radial-gradient(ellipse at 90% 50%,#28465a,#101923 70%);display:flex;justify-content:space-between;gap:20px;align-items:center}
.quote-band .quote{font-size:clamp(18px,3vw,27px);letter-spacing:.08em;color:#d9edf6}
.legal-note{font-size:10px;color:#7f929f}
@media(max-width:740px){.feature-strip{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.promise-grid{grid-template-columns:1fr}.hero:after{display:none}.quote-band{display:block}}
@media(max-width:450px){.process-grid{grid-template-columns:1fr}.hero-copy:before{left:-10px}}


/* V3 — elevated luxury / cinematic detailing */
:root{--bg:#060a12;--panel:#101a27;--line:#40576a;--ice:#d8f2ff;--blue:#91d5f2;--muted:#a9bac8;--white:#f0f5f8;--champagne:#c9b58b}
body{background:radial-gradient(ellipse at 50% -12%,#294b64 0%,transparent 42%),radial-gradient(ellipse at 100% 35%,#152b40 0%,transparent 30%),linear-gradient(145deg,#050810,#0b1420 48%,#070b13);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(#d8f2ff 0.65px,transparent .65px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.top{background:#070c15d9;border-bottom:1px solid #9dcbe433;box-shadow:0 8px 30px #0006}.brand{font-size:16px;text-shadow:0 0 20px #8edbff55}.brand small{color:var(--champagne)}
.hero{min-height:590px;padding-top:100px;padding-bottom:85px}.eyebrow,.kicker{color:var(--champagne);text-shadow:0 0 18px #c9b58b44}.hero h1{font-weight:500;text-shadow:0 8px 35px #7ccfff33}.hero h1 span{color:#d8effb;text-shadow:0 0 28px #9adfff55}.hero-copy:before{background:linear-gradient(transparent,var(--champagne),#8ccde8,transparent);box-shadow:0 0 14px #8ccde866}
.art,.hero-art{border:1px solid #8ec9e877;border-radius:4px;background:radial-gradient(ellipse at 50% 45%,#31546b 0%,#14283a 42%,#09111d 78%);box-shadow:inset 0 0 90px #8dd9ff1c,0 25px 80px #0009,0 0 35px #78c8e51a;min-height:330px}
.art:before,.art:after{border-color:#c9b58b55;box-shadow:0 0 30px #82d5ff22}.art b{font-family:serif;font-size:clamp(76px,10vw,112px);letter-spacing:.2em;padding-left:.2em;color:#f0f7fb;text-shadow:0 0 18px #bcecff88,0 12px 35px #0009}.art .orbit{border-color:#d9f2ff44;box-shadow:0 0 55px #9edfff25,inset 0 0 35px #9edfff12}.art-stamp{color:var(--champagne)!important;border-color:#c9b58b88!important;background:#080f1888;backdrop-filter:blur(8px)}.art-bottom{color:#c7dce8!important}.art small{color:#c5d2dc}
.btn{background:linear-gradient(125deg,#f1e4c8,#c9b58b 45%,#e8f6fb);border:1px solid #f5e8cc;color:#101923;box-shadow:0 7px 25px #a9d8ed20, inset 0 1px #fff9;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8edbff44}.btn.alt{color:#d9eff8;border-color:#8fc6df77;background:linear-gradient(130deg,#14283a99,#0a121d99);box-shadow:inset 0 0 20px #8bd5f710}
.section{border-top:1px solid #8bbbd02b;position:relative}.section:before{content:"✧";position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:0 13px;background:#0a111b;color:var(--champagne);font-size:16px;text-shadow:0 0 14px #c9b58b88}.head h2{font-family:serif;font-weight:500;letter-spacing:.12em;text-shadow:0 5px 24px #9ddfff1c}.head h2:after{content:"";display:block;width:54px;height:1px;margin-top:13px;background:linear-gradient(90deg,var(--champagne),transparent)}
.card,.promise,.process-card,.side,.dash{border:1px solid #8dbbd044;border-radius:5px;background:linear-gradient(145deg,#192a3aee,#0b1420f2 72%);box-shadow:inset 0 1px #d7f1ff0c,0 12px 35px #0003;position:relative;overflow:hidden}.card:before,.promise:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#dff7ff0a,transparent 32%,transparent 70%,#d7c39b08)}
.tag,.pill{border-color:#c9b58b77;color:#e5d3a9;background:#c9b58b0b;letter-spacing:.08em}.price,.promise .num,.process-card:before{color:#d8effb;text-shadow:0 0 20px #83d5ff55}.table th{color:#dfcda6}.table td,.table th{border-bottom-color:#8bbbd02b}.notice{background:linear-gradient(100deg,#172b3a,#111d2a);border-left-color:var(--champagne);box-shadow:inset 0 0 22px #8fd8ff09}.feature-strip{border-color:#6b879955;background:#6b879955}.feature-strip div{background:linear-gradient(145deg,#172a3a,#0b1420)}.feature-strip b{color:#e5d3a9}.promo{border-color:#c9b58b88;border-radius:5px;background:radial-gradient(ellipse at 90% 20%,#45657a,#172b3c 46%,#101a27 80%);box-shadow:0 18px 50px #0005,inset 0 1px #fff2}.promo strong{color:#f0dfba;text-shadow:0 0 25px #c9b58b33}.step{border-top-color:#c9b58b88;background:linear-gradient(145deg,#172838,#0b1420)}.step b{color:#e5d3a9}.quote-band{border-color:#c9b58b77;border-radius:5px;background:radial-gradient(ellipse at 88% 50%,#35556b,#172a3b 52%,#101a27 85%);box-shadow:0 20px 55px #0005}.quote-band .quote{color:#f0e4ca;text-shadow:0 0 25px #c9b58b33}.footer{border-top-color:#8bbbd033}
@media(max-width:740px){.hero{padding-top:65px;min-height:0}.art{min-height:245px}.section:before{font-size:13px}}


/* V4 additions */
.nav-login{margin:0;padding:8px 14px;font-size:10px}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.demo-panel{border:1px solid #c9b58b66;background:linear-gradient(145deg,#172b3b,#0b1420);padding:22px;border-radius:8px;box-shadow:0 20px 60px #0007}
.demo-panel input,.demo-panel select,.demo-panel textarea{width:100%;padding:12px;margin:6px 0 12px;background:#09111b;border:1px solid #526b7d;color:#eef6fa;border-radius:4px;font:inherit}
.demo-panel label{font-size:11px;color:#d9cba9;letter-spacing:.08em}
.demo-panel .btn{cursor:pointer}
.demo-status{font-size:11px;color:#d9cba9;min-height:22px}
@media(max-width:740px){.nav-login{display:inline-block;padding:7px 9px;font-size:9px;white-space:nowrap}.nav{gap:8px}.brand{font-size:13px}.links{display:none}.links.show{display:flex;position:absolute;top:68px;left:0;right:0;padding:14px 4%;background:#080d14f5;border-bottom:1px solid var(--line);flex-direction:column;gap:12px}.nav button{display:block;font-size:10px;padding:7px 9px;white-space:nowrap}}

/* V4 品牌開場動畫：承接原版 Logo 淡入、停留、淡出 */
body.intro-lock{overflow:hidden}
#brand-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
 background:radial-gradient(ellipse at center,#17283a 0%,#090f19 54%,#050810 100%);
 opacity:1;visibility:visible;transition:opacity 1.35s ease,visibility 1.35s ease}
#brand-intro::before{content:"";position:absolute;width:min(72vw,560px);aspect-ratio:1;
 border:1px solid rgba(201,181,139,.30);border-radius:50%;
 box-shadow:0 0 90px rgba(142,210,242,.12),inset 0 0 85px rgba(201,181,139,.07);
 animation:intro-ring 2.8s ease both}
#brand-intro img{position:relative;z-index:1;width:min(72vw,560px);height:auto;object-fit:contain;
 opacity:0;transform:translateY(18px) scale(.965);
 filter:drop-shadow(0 0 24px rgba(190,225,245,.25));
 animation:intro-logo 2.2s cubic-bezier(.2,.7,.2,1) .25s forwards}
#brand-intro.hide{opacity:0;visibility:hidden;pointer-events:none}
@keyframes intro-logo{0%{opacity:0;transform:translateY(18px) scale(.965)}55%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes intro-ring{0%{opacity:0;transform:scale(.88)}45%{opacity:1;transform:scale(1)}100%{opacity:.78;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#brand-intro img,#brand-intro::before{animation:none;opacity:1;transform:none}#brand-intro{transition:none}}

/* CHUYU signature redesign — full-bleed midnight sea */
:root{--bg:#06101f;--panel:#101f32;--line:#526b83;--ice:#e4f2fb;--blue:#9bc8e5;--muted:#a8b8c9;--white:#f1f5fa;--champagne:#d5c19a;--violet:#a9a2dc}
html,body{background:#06101f!important}body{background:radial-gradient(ellipse at 50% -15%,#213e5b 0%,transparent 48%),radial-gradient(ellipse at 100% 55%,#182642 0%,transparent 36%),linear-gradient(160deg,#050d1b,#0b1b30 52%,#06101f)!important;background-attachment:fixed;color:var(--white)}
body:before{opacity:.12;background-image:radial-gradient(#dcecff .7px,transparent .7px);background-size:42px 42px}
#brand-intro{background:radial-gradient(ellipse at 50% 48%,#183451 0%,#09182b 56%,#050d1b 100%)!important}
#brand-intro:before{display:none!important;border:0!important;box-shadow:none!important}
#brand-intro img{width:min(78vw,680px);max-height:82vh;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 0 34px #a8c9ee44)}
.top{background:#071426dc!important;border-bottom:1px solid #a9c9e633;backdrop-filter:blur(22px);box-shadow:0 12px 38px #0005}
.nav{gap:18px}.links{align-items:center;gap:17px}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;color:#d5e3ef;font-size:12px;letter-spacing:.08em;padding:12px 0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';margin-left:7px;color:var(--champagne)}.nav-group[open] summary,.nav-group summary:hover{color:var(--champagne)}
.nav-menu{position:absolute;top:100%;left:-15px;min-width:180px;padding:9px;background:linear-gradient(145deg,#142b45f7,#09172af7);border:1px solid #a7c8e455;box-shadow:0 18px 45px #0009;backdrop-filter:blur(18px);display:grid;gap:2px;z-index:20}.nav-menu a{padding:9px 11px;border-bottom:1px solid #d9e9f00c;font-size:11px;white-space:nowrap;color:#c5d5e4}.nav-menu a:hover{color:#f0dfb9;background:#a9c9e414}
.hero-logo{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;background:transparent;border:0;box-shadow:none;overflow:visible}.hero-logo:before{content:'';position:absolute;width:min(85%,350px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a7c9ef12,transparent 68%);filter:blur(15px)}.hero-logo img{position:relative;width:min(100%,420px);max-height:390px;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 12px 35px #0008)}.hero-logo span{color:#d2c29e;font-family:serif;font-size:12px;letter-spacing:.3em;text-shadow:0 0 18px #c9b58b44}
.section:nth-of-type(even){background:linear-gradient(100deg,#0c1c30aa,#13253b66,#09182aaa)}.section:nth-of-type(odd){background:linear-gradient(100deg,#07142655,#10213955,#07142655)}
.card,.promise,.process-card,.side,.dash{background:linear-gradient(145deg,#1b3048ee,#0b192bf5 75%);border-color:#8db8d044;box-shadow:inset 0 1px #e5f3ff12,0 16px 42px #0004}
.card:nth-child(3n+2){background:linear-gradient(145deg,#292c49ee,#101a31f5 75%);border-color:#b0a6df55}.card:nth-child(3n){background:linear-gradient(145deg,#29364aee,#101d30f5 75%);border-color:#d5c19a44}
.promo{background:linear-gradient(110deg,#26334b,#13243a 55%,#292846);border-color:#c9b58b66}.notice{background:linear-gradient(100deg,#1c3047,#17233a);border-left-color:var(--champagne)}
@media(max-width:740px){.links.show{display:flex;align-items:stretch}.nav-group{width:100%}.nav-menu{position:static;margin:4px 0 8px;box-shadow:none}.nav-group summary{padding:8px 0}.hero-logo{min-height:240px}.hero-logo img{max-height:280px}}


#chuyuMemberModal button.chuyu-action {
  display: inline-block;
}


/* CHUYU V5.1 — agreed full-screen brand landing, after the existing intro */
.chuyu-v5-brand-screen{position:relative;min-height:calc(100svh - 60px);display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#18364f 0%,#0b1d30 45%,#061120 79%,#050d19 100%);border-bottom:1px solid rgba(187,215,234,.13)}
.chuyu-v5-aura{position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(117,174,218,.14),transparent 50%);filter:blur(32px)}
.chuyu-v5-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:min(100%,1100px);padding:42px 24px 34px;gap:0}
.chuyu-v5-overline{font-size:10px;letter-spacing:.35em;color:#b5c9d9;text-transform:uppercase;margin-bottom:8px}
.chuyu-v5-main-logo{display:block;width:min(70vw,650px);height:min(65svh,650px);object-fit:contain;filter:drop-shadow(0 0 35px rgba(162,206,237,.18));animation:chuyu-v5-arrive 1.6s ease both}
.chuyu-v5-slogan{margin:0;color:#e5d1a6;font-size:clamp(13px,1.6vw,19px);letter-spacing:.38em;line-height:1.9}
.chuyu-v5-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:34px;color:#c8d8e6;font-size:12px;letter-spacing:.2em;text-decoration:none;transition:opacity .2s}
.chuyu-v5-scroll:hover{opacity:.72}.chuyu-v5-scroll span{font-size:20px}
@keyframes chuyu-v5-arrive{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){.chuyu-v5-brand-screen{min-height:calc(100svh - 60px)}.chuyu-v5-main-logo{width:min(94vw,530px);height:min(58svh,530px)}.chuyu-v5-overline{font-size:8px;letter-spacing:.2em}.chuyu-v5-slogan{letter-spacing:.18em}.chuyu-v5-brand-content{padding:25px 16px}}
@media(prefers-reduced-motion:reduce){.chuyu-v5-main-logo{animation:none}}


html{scroll-behavior:smooth}body{background:#061323;color:#edf3f9} .nav{max-width:1320px!important}.links{gap:28px!important}.links a{white-space:nowrap}
.chuyu-v5-brand-screen{min-height:100svh!important;scroll-margin-top:70px}.chuyu-v5-main-logo{max-width:min(70vw,690px)!important;max-height:68svh!important;object-fit:contain!important}.chuyu-v5-brand-content{padding-top:75px!important;padding-bottom:65px!important}
.cy-section{position:relative;padding:115px 24px;overflow:hidden;scroll-margin-top:70px}.cy-shell{max-width:1220px;margin:auto}.cy-section-head{margin-bottom:45px}.cy-eyebrow{display:block;color:#c5a980;letter-spacing:.25em;font-size:11px;font-weight:700;margin-bottom:16px}.cy-section-head h2,.cy-reservation h2{font-size:clamp(32px,4vw,57px);font-weight:500;letter-spacing:.08em;line-height:1.3;margin:0 0 18px;color:#f2f5fa}.cy-section-head p,.cy-service-copy p,.cy-steps p,.cy-reservation p{color:#b1c3d5;font-size:15px;line-height:1.95}.cy-promo{background:linear-gradient(145deg,#081a2d,#102b44 55%,#071627)}
.cy-slider{height:clamp(350px,43vw,530px);position:relative;overflow:hidden;border:1px solid rgba(199,215,230,.18)}.cy-slide{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(28px,6vw,88px);opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;overflow:hidden;background:radial-gradient(circle at 77% 46%,rgba(111,160,194,.2),transparent 37%),linear-gradient(120deg,#0a1c30,#142d45 65%,#071624)}.cy-slide:nth-child(2){background:radial-gradient(circle at 76% 50%,rgba(194,164,118,.13),transparent 40%),linear-gradient(125deg,#0b1b2d,#1a2d3d,#071323)}.cy-slide:nth-child(3){background:radial-gradient(circle at 74% 50%,rgba(140,174,204,.18),transparent 43%),linear-gradient(125deg,#071729,#16324d,#071323)}.cy-slide.is-active{opacity:1;visibility:visible}.cy-slide-no{position:absolute;top:24px;right:30px;color:#d2b88f;font-size:11px;letter-spacing:.25em}.cy-slide-content{position:relative;z-index:1;max-width:540px}.cy-slide h3{font-size:clamp(36px,5vw,67px);font-weight:500;line-height:1.25;letter-spacing:.12em;color:#f0f4f9;margin:0 0 20px}.cy-slide p{color:#c0d0df;line-height:2;max-width:470px}.cy-text-link{display:inline-block;color:#dfc69c;text-decoration:none;letter-spacing:.08em;font-size:13px;margin-top:20px;border-bottom:1px solid rgba(223,198,156,.5);padding-bottom:9px}.cy-orbit{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:clamp(180px,29vw,350px);height:clamp(180px,29vw,350px);border:1px solid rgba(214,227,238,.32);border-radius:50%;display:grid;place-items:center;color:rgba(235,243,249,.4);font-size:clamp(55px,8vw,100px);letter-spacing:.12em;font-family:serif;box-shadow:0 0 0 27px rgba(175,208,229,.035),0 0 0 65px rgba(175,208,229,.025);pointer-events:none}.cy-orbit-alt{border-radius:42%;transform:translateY(-50%) rotate(25deg)}.cy-orbit-third{border-style:dashed}.cy-slider-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px}.cy-slider-progress{height:2px;flex:1;background:#30495e}.cy-slider-progress span{display:block;width:0;height:100%;background:#dfc69c}.cy-slider-count{font-size:11px;letter-spacing:.18em;color:#afc4d6}
.cy-services{background:linear-gradient(180deg,#071525,#0a1c2f)}.cy-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cy-service{position:relative;text-decoration:none;color:inherit;display:block;transition:transform .3s}.cy-service:hover{transform:translateY(-7px)}.cy-service-num{position:absolute;top:17px;left:18px;color:#e5cda6;font-size:11px;z-index:1;letter-spacing:.16em}.cy-service-art{height:260px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 44%,#2a536b 0%,#0d263c 42%,#071424 90%)}.cy-service-art:before{content:'';width:155px;height:155px;border:1px solid rgba(201,220,234,.37);border-radius:50%;position:absolute;box-shadow:0 0 0 22px rgba(186,212,229,.045),0 0 0 48px rgba(186,212,229,.035);transform:rotate(-25deg) scaleX(.77)}.cy-service-art:after{content:'';width:1px;height:230px;background:linear-gradient(transparent,#c7a97f,transparent);transform:rotate(45deg);position:absolute}.cy-service-art span{position:relative;z-index:1;color:#d3e1eb;letter-spacing:.28em;font-size:11px}.cy-art-two{background:radial-gradient(ellipse at 55% 45%,#285276,#102a44 43%,#081526 90%)}.cy-art-three{background:radial-gradient(ellipse at 50% 40%,#4b5263,#1b2d45 46%,#091323 90%)}.cy-art-four{background:radial-gradient(ellipse at 50% 42%,#625a52,#283747 44%,#0a1725 90%)}.cy-service-copy{padding:25px 8px}.cy-service-copy h3{font-size:21px;font-weight:500;letter-spacing:.06em;color:#f0f4f8;margin:0 0 10px}.cy-service-copy p{font-size:13px;min-height:82px;margin:0}.cy-service-more{color:#e1c69c;font-size:12px;letter-spacing:.09em}.cy-footnote{font-size:12px;color:#92a9bd;margin-top:10px}
.cy-journey{background:linear-gradient(120deg,#0b2035,#09192b)}.cy-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.cy-steps>div{border-top:1px solid rgba(210,227,239,.24);padding-top:28px}.cy-steps span{color:#c9ab80;font-size:13px;letter-spacing:.16em}.cy-steps h3{font-weight:500;color:#eef4f9;margin:35px 0 10px;font-size:22px}.cy-steps p{font-size:13px}
.cy-reservation{background:radial-gradient(ellipse at 50% 40%,#18354f,#081727 68%);text-align:center;padding:140px 24px}.cy-reservation-inner{max-width:800px}.cy-reservation h2{font-size:clamp(40px,5.5vw,72px);margin-bottom:22px}.cy-reservation h2 em{font-style:normal;color:#dfc69c}.cy-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:35px}.cy-primary,.cy-secondary{padding:15px 29px;text-decoration:none;font-size:13px;letter-spacing:.08em}.cy-primary{background:linear-gradient(110deg,#e4d4b2,#bba27c);color:#102034}.cy-secondary{border:1px solid #7691a6;color:#eaf1f7}.cy-reservation .cy-disclaimer{font-size:12px;color:#8da7bc;margin-top:28px}
.cy-contact{background:#081728}.cy-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.cy-contact-grid>div{border-top:1px solid rgba(218,231,242,.22);padding-top:27px}.cy-contact-grid h3{font-size:20px;font-weight:500;color:#eef4f9;margin:0 0 20px}.cy-contact-grid p{color:#b7c9da;font-size:14px;line-height:1.9}.footer{background:#05111e!important;padding:45px 24px 28px!important}.cy-footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.cy-footer-inner strong{font-size:20px;color:#f1f5f9}.cy-footer-inner small{font-size:10px;letter-spacing:.16em;margin-left:12px;color:#b6c6d6}.cy-footer-inner p{font-size:12px;color:#c8ac84}.cy-footer-inner>div:last-child{display:flex;gap:25px}.cy-footer-inner a{color:#bccbda;text-decoration:none;font-size:12px}.cy-footer-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #24384a;padding-top:24px;margin-top:35px;font-size:11px;color:#829cb2}
@media(max-width:900px){.cy-service-grid{grid-template-columns:repeat(2,1fr)}.cy-steps{grid-template-columns:repeat(2,1fr)}.cy-contact-grid{grid-template-columns:1fr 1fr}.cy-orbit{right:-40px;opacity:.35}.cy-slide-content{max-width:90%}}@media(max-width:580px){.cy-section{padding:80px 18px}.cy-service-grid{grid-template-columns:1fr 1fr;gap:12px}.cy-service-art{height:180px}.cy-service-copy{padding:20px 2px}.cy-service-copy h3{font-size:17px}.cy-service-copy p{font-size:12px;min-height:95px}.cy-slide{padding:26px}.cy-slide h3{font-size:38px}.cy-slide p{font-size:13px}.cy-orbit{right:-80px;opacity:.17}.cy-steps,.cy-contact-grid{grid-template-columns:1fr}.cy-footer-inner,.cy-footer-bottom{flex-direction:column;align-items:flex-start}.cy-reservation{padding:100px 18px}.chuyu-v5-main-logo{max-width:88vw!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cy-slide,.cy-service{transition:none!important}}

a[href="./order.html"].cy-primary{box-shadow:0 12px 38px rgba(195,167,113,.20)}

.cy-pricing{margin-top:90px;padding-top:64px;border-top:1px solid rgba(195,210,230,.19)}.cy-pricing-heading{text-align:center;margin-bottom:36px}.cy-pricing-heading h3{font-size:clamp(28px,3.7vw,44px);font-weight:500;letter-spacing:.1em;margin:12px 0}.cy-pricing-heading p,.cy-pricing-bottom p{color:#a9c0d2;line-height:1.8}.cy-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cy-price-group{border:1px solid rgba(190,211,229,.19);background:linear-gradient(145deg,rgba(22,51,74,.72),rgba(8,25,43,.72));padding:27px;border-radius:3px}.cy-price-group-title{border-bottom:1px solid rgba(190,211,229,.18);padding-bottom:16px;margin-bottom:9px}.cy-price-group-title span{font-size:10px;letter-spacing:.2em;color:#d3b98a}.cy-price-group-title h4{font-size:23px;letter-spacing:.07em;margin:8px 0 0;color:#e8f2fc;font-weight:500}.cy-price-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(190,211,229,.11)}.cy-price-item strong,.cy-price-item small{display:block}.cy-price-item strong{font-size:15px;color:#eaf3fc}.cy-price-item small{font-size:12px;color:#9fb7c9;margin-top:5px}.cy-price-item b{font-size:18px;font-weight:500;color:#dfc395;white-space:nowrap}.cy-price-item a{grid-column:1/-1;justify-self:start;font-size:12px;letter-spacing:.08em;text-decoration:none;color:#d9c49f;border-bottom:1px solid rgba(217,196,159,.55);padding-bottom:3px}.cy-price-note{font-size:12px;color:#a6b9ca;line-height:1.8;margin:17px 0 0}.cy-price-custom{color:#b4c9da;line-height:2;padding:14px 0}.cy-price-custom-button,.cy-price-main-cta{display:inline-block;padding:15px 23px;border:1px solid rgba(220,190,141,.65);color:#ead4ac;text-decoration:none;letter-spacing:.07em;font-size:13px}.cy-pricing-bottom{text-align:center;margin-top:32px}.cy-pricing-bottom p{font-size:12px;margin-bottom:20px}@media(max-width:720px){.cy-pricing{margin-top:55px;padding-top:40px}.cy-pricing-grid{grid-template-columns:1fr}.cy-price-group{padding:22px}.cy-price-item b{font-size:16px}}

/* V5.5 官方活動圖片輪播：完整顯示文字，不裁切 */
.cy-slider{height:clamp(400px,75vw,800px);max-width:800px;margin-inline:auto;border:1px solid rgba(199,215,230,.22);background:#061525}
.cy-slider .cy-slide{padding:0;display:flex;align-items:center;justify-content:center;background:#061525!important}
.cy-campaign-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:700px){.cy-slider{height:auto;aspect-ratio:1/1;width:100%;max-width:100%}.cy-slider .cy-slide{inset:0}}

/* CHUYU V5.7: four individual service cover images */
 .cy-service-art-photo{position:relative;overflow:hidden;isolation:isolate;background:#091b2c!important;}
 .cy-service-art-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94);transition:transform .6s ease;z-index:-2;}
 .cy-service-art-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,14,29,.70) 100%);z-index:-1;pointer-events:none;}
 .cy-service:hover .cy-service-art-photo img{transform:scale(1.045)}
 .cy-service-art-photo span{position:relative;z-index:1;text-shadow:0 2px 10px #00182c}
 @media(prefers-reduced-motion:reduce){.cy-service-art-photo img{transition:none}}
 

/* V5.8 — 活動圖文雙欄；圖片等比顯示，內容不裁切 */
#news .cy-slider{width:100%;max-width:1180px;height:clamp(410px,43vw,580px);margin-inline:auto;border:1px solid rgba(194,215,232,.25);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.23);background:#081a2c}
#news .cy-slide{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch!important;gap:0!important;padding:0!important;background:linear-gradient(115deg,#091b2f,#142d45)!important;overflow:hidden}
#news .cy-slide.is-active{visibility:visible;opacity:1}
#news .cy-campaign-media{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#061526;overflow:hidden}
#news .cy-campaign-image{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;display:block}
#news .cy-campaign-detail{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(20px,3.5vw,52px);border-left:1px solid rgba(190,211,227,.14);background:radial-gradient(circle at 100% 10%,rgba(133,180,217,.12),transparent 50%)}
#news .cy-campaign-kicker{font-size:11px;letter-spacing:.22em;color:#c7ad82;font-weight:650}
#news .cy-campaign-detail h3{font-size:clamp(24px,2.6vw,37px);line-height:1.35;color:#f4f7fd;margin:14px 0 12px}
#news .cy-campaign-detail p{margin:0 0 14px;color:#b9ccdc;line-height:1.85;font-size:clamp(13px,1.05vw,15px)}
#news .cy-campaign-detail .cy-campaign-lead{font-size:clamp(15px,1.3vw,18px);color:#e5eef8}
#news .cy-campaign-detail .cy-campaign-note{font-size:12px;color:#8faac0}
#news .cy-campaign-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;border:1px solid #a6bed3;color:#f3f7ff;text-decoration:none;border-radius:6px;margin-top:8px;transition:background .2s}
#news .cy-campaign-cta:hover{background:#294d69}
#services .cy-service-art-photo:before,#services .cy-service-art-photo:after{pointer-events:none}
#services .cy-service-art-photo > span{display:none!important}
@media(max-width:760px){
 #news .cy-slider{height:clamp(550px,115vw,800px);aspect-ratio:auto;max-width:100%}
 #news .cy-slide{grid-template-columns:1fr;grid-template-rows:minmax(0,1.05fr) minmax(0,.95fr)}
 #news .cy-campaign-detail{border-left:0;border-top:1px solid rgba(190,211,227,.14);padding:clamp(17px,4vw,26px);overflow-y:auto}
 #news .cy-campaign-detail h3{font-size:clamp(23px,5vw,30px);margin:7px 0}
 #news .cy-campaign-detail p{line-height:1.6;margin-bottom:8px}
 #news .cy-campaign-detail .cy-campaign-note{font-size:11px}
 #news .cy-campaign-cta{margin-top:2px;padding:8px 14px}
}
@media(max-width:400px){#news .cy-slider{height:660px}}

#chuyuLogin button,#chuyuRegister button{display:inline-block}#chuyuResetPassword{margin-left:10px;background:transparent;color:#d7e5f5}#chuyuRegister label a{color:#e6c995;text-decoration:underline;text-underline-offset:3px}

#chuyuMemberModal.open .chuyu-panel{animation:cyV762PanelIn .48s cubic-bezier(.2,.75,.25,1) both}
#chuyuMemberModal.open{animation:cyV762BackdropIn .32s ease both}
@keyframes cyV762PanelIn{from{opacity:0;transform:translateY(28px) scale(.975);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes cyV762BackdropIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#chuyuMemberModal.open .chuyu-panel,#chuyuMemberModal.open{animation:none}}


/* CHUYU member/admin interface layer */
.member-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.member-tools button,.chuyu-action{border:1px solid #66899d;background:linear-gradient(135deg,#172c40,#101a29);color:#e8f4fa;border-radius:12px;padding:11px 16px;cursor:pointer}.chuyu-modal{position:fixed;inset:0;z-index:9999;background:rgba(2,8,18,.82);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}.chuyu-modal.open{display:flex;animation:cyModalFade .3s ease both}.chuyu-modal.open .chuyu-panel{animation:cyModalRise .42s cubic-bezier(.2,.8,.2,1) both}@keyframes cyModalFade{from{opacity:0}to{opacity:1}}@keyframes cyModalRise{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.chuyu-modal.open,.chuyu-modal.open .chuyu-panel{animation:none}}.chuyu-panel{width:min(900px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#14283c,#0a1423 70%);border:1px solid rgba(183,220,238,.35);border-radius:20px;padding:26px;box-shadow:0 25px 90px #0009;color:#e7f2f8}.chuyu-panel h2,.chuyu-panel h3{color:#d9edf7}.chuyu-close{float:right;background:none;border:0;color:#d9edf7;font-size:25px;cursor:pointer}.chuyu-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chuyu-tabs button{background:#122438;border:1px solid #38566b;color:#dcecf5;padding:9px 13px;border-radius:10px;cursor:pointer}.chuyu-tabs button.active{border-color:#c8b68d;color:#f4e4bd}.chuyu-view{display:none}.chuyu-view.active{display:block}.chuyu-form{display:grid;gap:11px;max-width:520px}.chuyu-form input,.chuyu-form select,.chuyu-form textarea{width:100%;padding:12px;border-radius:9px;border:1px solid #496477;background:#091522;color:#eef7fb}.chuyu-muted{color:#a9bfce;font-size:13px;line-height:1.8}.chuyu-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.chuyu-mini{padding:17px;border:1px solid #345064;border-radius:14px;background:linear-gradient(145deg,#172d42,#101c2b)}.chuyu-mini strong{display:block;color:#ead9b4;margin-bottom:7px}.chuyu-list{width:100%;border-collapse:collapse}.chuyu-list td,.chuyu-list th{padding:10px;border-bottom:1px solid #385064;text-align:left}.chuyu-note{padding:12px 14px;border-left:3px solid #bca978;background:#ffffff08;color:#c6d8e4;margin:14px 0}
.chuyu-close{display:inline-flex!important;align-items:center;justify-content:center;float:right;width:42px;height:42px;border:1px solid #8faac077!important;border-radius:50%;background:#1c3449!important;color:#f3e7c8!important;font-size:26px;line-height:1;transition:background .2s,transform .2s;position:relative;z-index:2}
.chuyu-close:hover,.chuyu-close:focus-visible{background:#34536a!important;transform:scale(1.05);outline:2px solid #d5c19a;outline-offset:2px}


.cy-login-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#16304b 0%,#060e1b 65%);color:#e8f4ff}
.cy-login-word{text-align:center;font-size:clamp(40px,9vw,92px);letter-spacing:.35em;text-indent:.35em;text-shadow:0 0 35px #93c9ff99;animation:cyLoginAppear 1.5s ease both;z-index:1}
.cy-login-word small{display:block;font-size:13px;letter-spacing:.5em;margin-top:16px;color:#a9c6df}
.cy-login-orbit{position:absolute;width:min(68vw,450px);aspect-ratio:1;border:1px solid #a5d5ff99;border-radius:50%;box-shadow:0 0 25px #80b9ef44,inset 0 0 25px #80b9ef22;animation:cyOrbit 7s linear infinite}
.cy-login-orbit.second{transform:rotateX(70deg);animation:cyOrbit2 8s linear infinite}
@keyframes cyLoginAppear{from{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes cyOrbit{to{transform:rotate(360deg)}}@keyframes cyOrbit2{to{transform:rotateX(70deg) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cy-login-word,.cy-login-orbit{animation:none}}