@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700;800&display=swap');

:root{--ink:#112321;--forest:#172c2b;--forest2:#213d3b;--paper:#ede8da;--cream:#f5f0e3;--gold:#dbb871;--gold-light:#f0d9a3;--muted:#b7c4bd;--serif:'Noto Serif TC','Songti TC',serif;--sans:'Noto Sans TC',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{outline-offset:4px}a:focus-visible{outline:2px solid var(--gold-light)}::selection{background:var(--gold);color:var(--ink)}
.skip-link{position:absolute;top:-100px;left:20px;padding:10px 16px;background:var(--gold);color:var(--ink);z-index:30}.skip-link:focus{top:10px}.site-frame{overflow:hidden}.site-header{height:94px;padding:0 clamp(24px,5.4vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(231,209,162,.18);background:#112321;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-gem{color:var(--gold);font-size:20px;line-height:1;transform:rotate(12deg)}.brand>span:nth-child(2){font-family:Georgia,serif;letter-spacing:.21em;font-weight:bold;font-size:23px}.brand small{font-size:11px;letter-spacing:.16em;color:var(--gold);padding-left:11px;border-left:1px solid rgba(219,184,113,.4)}.site-nav{display:flex;gap:38px}.site-nav a{color:#c8d0ca;font-size:12px;letter-spacing:.16em;transition:color .2s}.site-nav a:hover,.footer>a:hover{color:var(--gold)}.header-cta{border:1px solid rgba(219,184,113,.65);color:var(--gold-light);font-size:12px;letter-spacing:.12em;padding:12px 18px;transition:background .2s,color .2s}.header-cta:hover{background:var(--gold);color:var(--ink)}
.hero{min-height:685px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,46%);position:relative;background:radial-gradient(circle at 28% 50%,#254440 0%,#152b2a 43%,#0e1e1e 100%)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(223,198,152,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(223,198,152,.055) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;align-self:center;max-width:780px;padding:90px 25px 90px clamp(26px,9.5vw,160px)}.eyebrow,.overline,.section-index,.feature-number,.art-caption,.hero-side-label{font-family:Georgia,var(--sans);font-size:11px;letter-spacing:.23em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--gold-light);white-space:nowrap}.sparkle{font-size:18px}.eyebrow .line{width:31px;height:1px;background:var(--gold);opacity:.7}.hero h1{font-family:var(--serif);font-size:clamp(49px,5.8vw,88px);line-height:1.3;letter-spacing:.035em;margin:34px 0 24px;font-weight:700;white-space:nowrap;text-shadow:0 3px 25px rgba(0,0,0,.15)}.hero h1 em{color:var(--gold);font-style:normal}.hero-lead{max-width:490px;color:#c6d4ce;font-size:16px;line-height:2.1;letter-spacing:.03em}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:57px;padding:0 25px;font-size:13px;font-weight:700;letter-spacing:.09em;transition:transform .22s,background .22s,box-shadow .22s}.button span{font-size:18px}.button-gold{background:var(--gold);color:#152422;box-shadow:0 9px 30px rgba(0,0,0,.16)}.button-gold:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.25)}.text-link{color:var(--gold-light);font-size:13px;letter-spacing:.08em;border-bottom:1px solid rgba(219,184,113,.55);padding-bottom:4px;white-space:nowrap}.text-link:hover{color:#fff}.hero-note{margin-top:36px;font-size:12px;color:#8fa59e;letter-spacing:.06em}.hero-note span{color:var(--gold);margin-right:8px}.hero-art{margin:35px 7% 35px 0;position:relative;min-height:580px;background:#243836;padding:12px;box-shadow:-30px 25px 70px rgba(0,0,0,.25)}.hero-art-image{width:100%;height:100%;background:url('/manus-storage/title_bg_6ea29965.png') center 42% / cover no-repeat;filter:saturate(.88)}.hero-art::before{content:"";position:absolute;inset:12px;background:linear-gradient(180deg,rgba(9,22,23,.28),transparent 25%,transparent 75%,rgba(9,22,23,.68));z-index:1;pointer-events:none}.art-corner{position:absolute;width:24px;height:24px;border-color:var(--gold);z-index:2}.art-corner-one{top:3px;left:3px;border-top:1px solid;border-left:1px solid}.art-corner-two{right:3px;bottom:3px;border-bottom:1px solid;border-right:1px solid}.art-caption{position:absolute;bottom:31px;left:34px;right:34px;z-index:2;display:flex;justify-content:space-between;color:var(--gold-light);font-size:10px}.hero-side-label{position:absolute;right:-78px;top:48%;transform:rotate(90deg);font-size:9px;color:var(--gold);z-index:3}.ribbon{height:63px;background:var(--gold);color:#19302d;display:flex;align-items:center;justify-content:space-around;gap:18px;overflow:hidden;white-space:nowrap;font:700 12px Georgia,serif;letter-spacing:.23em}.ribbon b{font-size:22px;font-weight:normal}
.section-pad{padding:110px clamp(26px,8vw,138px)}.section-index{color:var(--gold);display:flex;align-items:center;gap:15px}.section-index span{border:1px solid rgba(219,184,113,.45);padding:6px 11px}.overline{color:var(--gold);font-size:11px;margin:0 0 20px}.story{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:23% minmax(0,1fr) 150px;gap:4%;min-height:440px}.story .section-index{align-self:start}.story-content{max-width:700px}.story h2,.section-head h2,.play h2{font-family:var(--serif);font-weight:700;font-size:clamp(36px,4.1vw,60px);line-height:1.5;letter-spacing:.02em;margin:0 0 25px}.story h2 span,.section-head h2 span,.play h2 span{color:#9e7641}.story-content>p:not(.overline){font-size:14px;line-height:2.2;color:#56615a;max-width:620px}.story-seal{align-self:center;justify-self:center;width:130px;height:130px;border:1px solid rgba(151,112,63,.45);border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(-16deg)}.story-seal span{font-size:36px;color:#af8850;line-height:.8}.story-seal small{font:9px/1.8 Georgia,serif;letter-spacing:.2em;color:#987447}
.adventure{background:#172a29;position:relative}.adventure::before{content:"";position:absolute;top:0;right:0;width:38%;height:100%;background:radial-gradient(circle at top right,rgba(219,184,113,.07),transparent 55%);pointer-events:none}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.section-head h2{margin-bottom:0}.adventure .section-head h2 span,.gallery .section-head h2 span{color:var(--gold)}.section-intro{max-width:355px;color:#aebfb8;font-size:14px;line-height:2;margin:0 0 7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(219,184,113,.35);border-bottom:1px solid rgba(219,184,113,.35)}.feature{min-height:280px;padding:28px 38px 32px 0;position:relative}.feature+.feature{padding-left:38px;border-left:1px solid rgba(219,184,113,.23)}.feature-number{color:var(--gold);font-size:10px}.feature-symbol{position:absolute;right:38px;top:45px;color:var(--gold);font-size:36px;line-height:1;font-family:Georgia,serif}.feature h3{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:.04em;margin:70px 0 12px}.feature p{font-size:13px;color:#9eb2a9;line-height:2;max-width:320px;margin:0}
.gallery{background:#203a38}.gallery .section-head{margin-bottom:42px}.card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1060px;margin:auto}.card-gallery figure{margin:0;padding:16px;background:#142827;border:1px solid rgba(219,184,113,.2);transition:transform .25s,box-shadow .25s}.card-gallery figure:nth-child(2){transform:translateY(24px)}.card-gallery figure:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,.25)}.card-gallery figure:nth-child(2):hover{transform:translateY(18px)}.card-gallery img{width:100%;height:350px;object-fit:cover;object-position:center top;background:#291d27}.card-gallery figcaption{display:flex;justify-content:space-between;padding:16px 4px 2px;color:var(--gold-light);font:10px Georgia,serif;letter-spacing:.2em}
.play{background:#121f20;position:relative;min-height:570px;display:flex;align-items:center}.play-backdrop{position:absolute;right:0;top:0;bottom:0;width:47%;background:linear-gradient(90deg,#121f20,rgba(18,31,32,.25)),url('/manus-storage/stage_bg_ee3ffc64.png') center 35% / cover no-repeat;opacity:.43}.play-inner{position:relative;z-index:1;max-width:730px}.play .overline{margin-top:54px}.play h2 span{color:var(--gold)}.play-inner>p:not(.overline){max-width:570px;color:#b7c6be;font-size:14px;line-height:2.15}.play .button{margin-top:23px}.save-note{margin-top:40px;display:flex;align-items:flex-start;gap:16px;max-width:680px;border-top:1px solid rgba(219,184,113,.33);padding-top:20px;color:#9fb1a8;font-size:12px;line-height:1.9}.save-note strong{color:var(--gold-light);font-weight:600}.save-icon{flex:none;border:1px solid var(--gold);border-radius:50%;width:20px;height:20px;text-align:center;line-height:18px;font-family:Georgia,serif;color:var(--gold);margin-top:3px}.footer{min-height:130px;padding:30px clamp(26px,8vw,138px);background:#101c1c;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;border-top:1px solid rgba(219,184,113,.18)}.footer .brand>span:nth-child(2){font-size:19px}.footer p,.footer small,.footer>a:not(.brand){font-size:11px;color:#8ca399}.footer p{flex:1;text-align:center}.footer>a:not(.brand){color:var(--gold);letter-spacing:.08em}
@media(max-width:1100px){.site-nav{gap:20px}.hero{grid-template-columns:54% 46%}.hero-copy{padding-left:6vw}.hero h1{font-size:clamp(45px,5vw,65px)}.hero-art{margin-right:8%;min-height:530px}.story{grid-template-columns:22% 1fr}.story-seal{display:none}.section-pad{padding:85px 7vw}}
@media(max-width:760px){.site-header{height:72px;padding:0 23px}.site-nav{display:none}.brand>span:nth-child(2){font-size:19px}.brand small{font-size:10px}.header-cta{padding:9px 12px;font-size:11px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:72px 25px 45px;max-width:640px}.eyebrow{font-size:9px;letter-spacing:.13em}.hero h1{font-size:clamp(43px,9vw,68px);white-space:normal;margin:25px 0 17px}.hero-lead{font-size:14px;line-height:2}.hero-actions{margin-top:28px;flex-wrap:wrap;gap:19px}.hero-note{margin-top:24px}.hero-art{height:370px;min-height:0;width:calc(100% - 50px);margin:0 25px 40px;padding:8px}.hero-art::before{inset:8px}.hero-art-image{background-position:center 38%}.hero-side-label{display:none}.art-caption{left:22px;right:22px;bottom:20px}.ribbon{height:53px;gap:25px;justify-content:flex-start;padding-left:25px;min-width:100%;font-size:10px}.section-pad{padding:75px 25px}.story{display:block;min-height:0}.story .section-index{margin-bottom:35px}.story h2,.section-head h2,.play h2{font-size:clamp(35px,8vw,51px)}.section-head{display:block;margin-bottom:32px}.section-intro{margin-top:20px}.feature-grid{display:block}.feature,.feature+.feature{border-left:0;border-bottom:1px solid rgba(219,184,113,.23);padding:23px 12px 28px 0;min-height:225px}.feature:last-child{border-bottom:0}.feature h3{margin-top:37px}.card-gallery{gap:9px}.card-gallery figure{padding:6px}.card-gallery img{height:clamp(150px,45vw,300px)}.card-gallery figcaption{font-size:7px;letter-spacing:.03em;padding:8px 1px 0}.card-gallery figure:nth-child(2){transform:translateY(12px)}.card-gallery figure:nth-child(2):hover{transform:translateY(10px)}.play{min-height:0}.play-backdrop{width:100%;opacity:.13}.play .overline{margin-top:40px}.footer{justify-content:flex-start}.footer p{flex:auto;text-align:left;width:100%;order:2;margin:0}.footer>a:not(.brand){margin-left:auto}.footer>small{order:3}}
@media(max-width:410px){.brand small{display:none}.hero-actions .button{width:100%}.hero-art{height:330px}.card-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.card-gallery img{height:165px}.card-gallery figcaption span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}