@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";:root{--ink:#17261f;--ink2:#24392f;--jade:#557565;--pale:#e9e5d9;--paper:#f4f1e9;--gold:#bc9a5b;--red:#8d382e;--white:#fbfaf5;--line:rgba(23,38,31,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",Songti SC,STSong,serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:82px;position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 4.5vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:12px}.brand-seal{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;font-size:22px}.brand b{font-size:16px;letter-spacing:.18em}.brand small{display:block;margin-top:3px;font:8px/1.2 Arial,sans-serif;letter-spacing:.16em;opacity:.68}.topbar nav{display:flex;gap:2.7vw;margin:auto;font-size:13px;letter-spacing:.14em}.topbar nav a{position:relative}.topbar nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:#fff;transition:.3s}.topbar nav a:hover:after{width:100%}.sound-toggle{color:#fff;border:0;background:transparent;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.18em}.sound-bars{display:flex;align-items:end;gap:2px;height:13px}.sound-bars i{display:block;width:1px;background:#fff;animation:wave 1.2s ease-in-out infinite}.sound-bars i:nth-child(1){height:7px}.sound-bars i:nth-child(2){height:12px;animation-delay:.25s}.sound-bars i:nth-child(3){height:5px;animation-delay:.5s}@keyframes wave{50%{height:3px}}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#263c34;color:#fff}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#0d1c17d1,#0d1c1780,#0d1c171f 70%),linear-gradient(0deg,rgba(13,28,23,.68),transparent 42%),url(/assets/longmu-hero.png);background-size:cover;background-position:center;transform:scale(1.02);animation:heroDrift 18s ease-in-out infinite alternate}@keyframes heroDrift{to{transform:scale(1.07) translate(-1%)}}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 72% 38%,transparent,rgba(0,0,0,.22) 70%)}.hero-copy{position:absolute;z-index:3;top:51%;left:9vw;transform:translateY(-50%);width:min(560px,40vw)}.eyebrow{display:flex;align-items:center;gap:14px;font:10px/1 Arial,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#ffffffc7}.eyebrow span{width:40px;height:1px;background:var(--gold)}.eyebrow.dark{color:var(--jade)}.hero h1{margin:25px 0 20px;font-size:clamp(58px,7vw,110px);font-weight:500;line-height:1.08;letter-spacing:.03em;text-shadow:0 5px 28px rgba(0,0,0,.23)}.hero h1 em{font-style:normal;color:#dfc99f}.hero-intro{max-width:520px;font-size:14px;line-height:2;letter-spacing:.1em;color:#ffffffc7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.primary-btn{border:0;background:var(--red);color:#fff;min-width:184px;height:52px;padding:0 10px 0 22px;display:inline-flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.16em;box-shadow:0 12px 30px #3c15103d;transition:.3s}.primary-btn:hover{background:#a74c3d;transform:translateY(-2px)}.primary-btn b{width:34px;height:34px;background:#ffffff24;display:grid;place-items:center;font-size:17px}.text-btn{border:0;background:none;color:#fff;font-size:12px;letter-spacing:.12em}.text-btn i{font-style:normal;font-size:9px;border:1px solid rgba(255,255,255,.5);border-radius:50%;width:28px;height:28px;display:inline-grid;place-items:center;margin-right:8px}.hero-facts{position:absolute;z-index:3;right:4.5vw;bottom:38px;display:flex;background:#162720b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.hero-facts div{padding:19px 28px;min-width:150px;border-right:1px solid rgba(255,255,255,.12)}.hero-facts div:last-child{border:0}.hero-facts strong{display:block;font:500 21px/1.2 Arial,"Noto Serif SC",serif;letter-spacing:.03em}.hero-facts sup{font-size:11px}.hero-facts span{display:block;margin-top:7px;font-size:9px;letter-spacing:.13em;color:#ffffff9e}.scroll-cue{position:absolute;z-index:3;left:4.5vw;bottom:40px;writing-mode:vertical-lr;font-size:9px;letter-spacing:.25em;color:#ffffff9e;display:flex;align-items:center;gap:10px}.scroll-cue i{width:1px;height:52px;background:linear-gradient(#fff,transparent)}.mist{position:absolute;z-index:2;width:70%;height:160px;filter:blur(25px);background:#e1e9de1a;border-radius:50%;animation:mist 16s linear infinite}.mist-a{left:-30%;bottom:12%}.mist-b{right:-30%;bottom:28%;animation-delay:-8s}@keyframes mist{50%{transform:translate(18%) scale(1.2);opacity:.45}}.tour-section{padding:120px 4.5vw 110px;background:var(--paper)}.section-heading{max-width:1400px;margin:0 auto 38px;display:flex;justify-content:space-between;align-items:end}.section-heading h2,.culture h2{font-size:42px;font-weight:500;letter-spacing:.08em;margin:14px 0 0}.section-heading>p{text-align:right;font-size:11px;line-height:1.8;letter-spacing:.1em;color:#6d796f}.section-heading small{color:#9a8c76}.tour-shell{position:relative;max-width:1400px;height:750px;margin:auto;background:#d9ddcf;box-shadow:0 28px 70px #1c2e2629;overflow:hidden}.scene-stage{position:absolute;left:0;top:0;width:73%;height:650px;background:radial-gradient(circle at 50% 35%,#eef0e4,#aeb9a8)}#templeCanvas{display:block;width:100%;height:100%;touch-action:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #17261f33;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 35%,rgba(37,52,44,.12))}.scene-topline{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;gap:9px;font:9px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#17261fa6}.live-dot{width:6px;height:6px;border-radius:50%;background:#6b9b7a;box-shadow:0 0 0 4px #6b9b7a26}.scene-topline button{margin-left:auto;border:1px solid rgba(23,38,31,.2);background:#f4f1e9a6;padding:8px 12px;color:var(--ink);font-size:10px}.orientation{position:absolute;bottom:28px;right:26px;width:60px;height:60px;border:1px solid rgba(23,38,31,.22);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.orientation b{position:absolute;top:-17px;font-size:9px}.orientation i{width:1px;height:45px;background:linear-gradient(var(--red) 50%,rgba(23,38,31,.35) 50%);transform:rotate(-8deg)}.orientation i:before{content:"";position:absolute;top:-2px;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid var(--red)}.orientation span{position:absolute;bottom:-19px;font-size:8px;letter-spacing:.12em}.drag-hint{position:absolute;left:50%;bottom:25px;transform:translate(-50%);padding:9px 16px;border-radius:20px;background:#17261fb8;color:#fff;font-size:9px;letter-spacing:.1em;transition:.4s}.drag-hint span{margin-right:8px}.scene-arrow{position:absolute;top:48%;width:42px;height:42px;border:1px solid rgba(23,38,31,.18);background:#f4f1e9ad;color:var(--ink);border-radius:50%;font-size:17px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scene-arrow.prev{left:22px}.scene-arrow.next{right:22px}.spot-panel{position:absolute;right:0;top:0;width:27%;height:650px;background:var(--ink);color:#fff;padding:58px 42px}.spot-index{display:flex;align-items:center;color:var(--gold)}.spot-index span{font:46px/1 Georgia,serif}.spot-index i{width:35px;height:1px;background:#ffffff40;margin:0 10px}.spot-index small{font:11px Arial,sans-serif;color:#ffffff61}.spot-type{margin:30px 0 10px;font:9px/1 Arial,sans-serif;letter-spacing:.28em;color:var(--gold)}.spot-panel h3{margin:0;font-size:32px;font-weight:500;letter-spacing:.08em}.spot-subtitle{margin:8px 0 26px;color:#ffffff73;font-size:11px;letter-spacing:.15em}.spot-description{min-height:102px;font-size:12px;line-height:1.95;color:#ffffffad;text-align:justify}.spot-panel dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:16px 0;margin:24px 0}.spot-panel dl div:nth-child(2){padding-left:16px;border-left:1px solid rgba(255,255,255,.12)}.spot-panel dt{font-size:8px;letter-spacing:.18em;color:#ffffff59}.spot-panel dd{margin:6px 0 0;font-size:12px;color:#dbc49c}.spot-actions{display:flex;gap:10px}.primary-btn.compact{min-width:145px;height:42px;font-size:10px}.primary-btn.compact b{width:28px;height:28px}.icon-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:18px}.route-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff14}.route-progress span{display:block;height:100%;background:var(--gold);transition:.4s}.spot-nav{position:absolute;bottom:0;left:0;width:100%;height:100px;background:#f6f3eb;display:flex;align-items:center;padding:0 30px;gap:4px;overflow-x:auto}.spot-nav button{height:70px;min-width:142px;border:0;border-left:1px solid rgba(23,38,31,.12);background:transparent;text-align:left;padding:0 18px;color:#899188;transition:.25s}.spot-nav button:first-child{border-left:0}.spot-nav button span{display:block;font:9px/1 Arial,sans-serif;color:#aaa58f;margin-bottom:8px}.spot-nav button b{font-size:12px;font-weight:500;letter-spacing:.1em}.spot-nav button.active,.spot-nav button:hover{color:var(--red);background:#8d382e0d}.spot-nav button.active span{color:var(--red)}.architecture{min-height:760px;display:grid;grid-template-columns:42% 58%;background:var(--ink);color:#fff;overflow:hidden}.arch-copy{padding:120px 5vw 100px 8vw;position:relative}.arch-copy:after{content:"龍";position:absolute;left:-25px;bottom:-90px;font-size:300px;line-height:1;color:#ffffff05}.arch-copy h2{font-size:50px;line-height:1.45;font-weight:500;letter-spacing:.08em;margin:20px 0 25px}.arch-copy>p{font-size:13px;line-height:2.1;color:#ffffff94;max-width:520px}.craft-tabs{display:flex;margin-top:40px;border-bottom:1px solid rgba(255,255,255,.12)}.craft-tabs button{padding:15px 22px;border:0;background:transparent;color:#fff6;font-size:11px;letter-spacing:.12em}.craft-tabs button.active{color:#e0c89e;border-bottom:1px solid #e0c89e}.arch-copy blockquote{margin:26px 0 0;padding-left:18px;border-left:2px solid var(--gold);font-size:12px;color:#ffffffad}.arch-visual{position:relative;perspective:1100px;background:radial-gradient(circle at 50% 45%,#819583 0,#354a3e 45%,#1c2e26);overflow:hidden}.arch-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px}.roof-demo{position:absolute;left:50%;top:53%;width:560px;height:360px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(61deg) rotate(-38deg);transition:transform .5s}.roof-plane{position:absolute;left:70px;top:60px;width:420px;height:170px;background:repeating-linear-gradient(90deg,#537263 0 10px,#688476 11px,#3c5c4f 13px);border:8px solid #2a4639;box-shadow:0 20px 40px #0000004d}.roof-plane.left{transform:rotateX(28deg) translateZ(30px) translateY(-42px)}.roof-plane.right{transform:rotateX(-28deg) translateZ(-39px) translateY(42px);filter:brightness(.72)}.roof-ridge{position:absolute;z-index:4;left:50px;top:58px;width:460px;height:28px;background:#c4aa6a;transform:translateZ(38px);display:flex;justify-content:space-around;align-items:end}.roof-ridge i{width:28px;height:44px;background:#d7c07f;clip-path:polygon(50% 0,66% 30%,100% 45%,72% 62%,82% 100%,50% 74%,18% 100%,28% 62%,0 45%,34% 30%)}.roof-wall{position:absolute;left:105px;top:188px;width:350px;height:135px;background:#d9cfb8;transform:translateZ(-58px);display:flex;justify-content:space-around;padding-top:35px;box-shadow:inset 0 15px #774033}.roof-wall span{width:12px;height:100px;background:#703a31}.annotation{position:absolute;color:#ffffffb8;font-size:10px;letter-spacing:.12em}.annotation i{display:block;width:90px;height:1px;background:#ffffff4d;margin-top:7px}.annotation.a1{top:24%;left:12%}.annotation.a2{top:42%;right:9%}.annotation.a3{bottom:21%;left:16%}.culture{padding:120px 8vw 130px;background:#e7e2d5}.culture-title{display:grid;grid-template-columns:1fr 1fr;align-items:end}.culture-title .eyebrow,.culture-title h2{grid-column:1}.culture-title>p{grid-column:2;grid-row:1/3;max-width:500px;justify-self:end;font-size:13px;line-height:2;color:#68766c}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid rgba(23,38,31,.25)}.timeline article{position:relative;padding:42px 40px 0 0}.timeline article:before{content:"";position:absolute;width:9px;height:9px;background:var(--red);border:5px solid #e7e2d5;border-radius:50%;top:-10px;left:0;box-shadow:0 0 0 1px #17261f33}.timeline span{font-size:10px;color:var(--red)}.timeline h3{font-size:20px;font-weight:500;letter-spacing:.1em}.timeline p{font-size:11px;line-height:1.9;color:#758077;max-width:220px}.guide{min-height:590px;display:grid;grid-template-columns:56% 44%;background:#273d33;color:#fff}.guide-map{position:relative;overflow:hidden;background:#9eb0a5}.guide-map:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 20% 50%,transparent 0 18px,rgba(255,255,255,.08) 19px 20px)}.river-line{position:absolute;width:150%;height:380px;left:-20%;top:35%;background:#58786f;transform:rotate(-8deg);border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}.map-land{position:absolute;width:57%;height:68%;right:-5%;top:-4%;background:#d2d1b9;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,7% 66%,2% 35%)}.map-pin{position:absolute;left:32%;top:48%;width:46px;height:46px;background:var(--red);color:#fff;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 6px 20px #00000040}.map-pin:first-letter{transform:rotate(45deg)}.map-pin small{position:absolute;width:160px;left:47px;top:22px;transform:rotate(45deg);color:var(--ink);font-size:11px;letter-spacing:.1em}.guide-map>p{position:absolute;left:30%;top:55%;z-index:2;transform:rotate(-8deg);font-size:28px;letter-spacing:.5em;color:#ffffff80}.guide-copy{padding:90px 7vw}.guide-copy h2{font-size:40px;line-height:1.45;font-weight:500;letter-spacing:.09em}.guide-copy dl{margin-top:35px}.guide-copy dl div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid rgba(255,255,255,.12);padding:18px 0}.guide-copy dt{font-size:9px;letter-spacing:.14em;color:var(--gold)}.guide-copy dd{margin:0;font-size:11px;line-height:1.8;color:#ffffff9e}footer{min-height:150px;padding:40px 4.5vw;background:#101c17;color:#ffffff73;display:flex;align-items:center;gap:5vw;font-size:9px;letter-spacing:.08em}.footer-brand{color:#fff;margin-right:auto}.footer-brand .brand-seal{border-color:#ffffff59}.source-note{max-width:310px;line-height:1.7}@media(max-width:1000px){.topbar nav{display:none}.sound-toggle{margin-left:auto}.hero-copy{width:78vw}.hero-facts{display:none}.tour-shell{height:980px}.scene-stage{width:100%;height:600px}.spot-panel{top:600px;left:0;width:100%;height:280px;padding:25px 32px}.spot-index{float:left;margin-right:28px}.spot-type{margin-top:0}.spot-description{min-height:0}.spot-panel dl{position:absolute;right:30px;top:25px;width:260px}.spot-actions{position:absolute;right:32px;bottom:25px}.route-progress{bottom:auto;top:0}.spot-nav{height:100px}.architecture{grid-template-columns:1fr}.arch-visual{min-height:600px}.culture-title{display:block}.culture-title>p{margin-top:25px}.guide{grid-template-columns:1fr}.guide-map{min-height:430px}}@media(max-width:680px){.topbar{height:68px;padding:0 20px}.brand-seal{width:35px;height:35px}.hero{min-height:680px}.hero-copy{left:24px;width:calc(100% - 48px)}.hero h1{font-size:52px}.hero-intro{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.scroll-cue{display:none}.tour-section{padding:80px 14px}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:20px}.tour-shell{height:1030px}.scene-stage{height:520px}.spot-panel{top:520px;height:390px;padding:30px 25px}.spot-index{float:none}.spot-description{font-size:11px}.spot-panel dl{position:static;width:auto}.spot-actions{position:static}.spot-nav{height:120px;padding:0 10px}.spot-nav button{min-width:120px}.architecture{min-height:1100px}.arch-copy{padding:80px 25px}.arch-copy h2{font-size:38px}.arch-visual{min-height:520px}.roof-demo{transform:translate(-50%,-50%) scale(.68) rotateX(61deg) rotate(-38deg)}.culture{padding:80px 25px}.culture h2{font-size:34px}.timeline{grid-template-columns:1fr 1fr}.guide-copy{padding:70px 25px}footer{align-items:flex-start;flex-direction:column}.source-note{max-width:none}}.hero-image{background-image:linear-gradient(90deg,#0d1c17d1,#0d1c1780,#0d1c171f 70%),linear-gradient(0deg,rgba(13,28,23,.68),transparent 42%),url(/assets/longmu-hero.svg)}