@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:"Noto Serif SC",Songti SC,SimSun,serif;color:#354641;background:#eeeee5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px;--paper:#eeeee5;--ink:#354641;--muted:#7b8277;--red:#994e42;--line:rgba(68,83,73,.16)}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button{color:inherit;border:0;background:transparent}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--red);outline-offset:5px}button svg{flex-shrink:0}button{transition:color .2s,background .2s,box-shadow .2s}button:hover{color:var(--red)}.bridge-app{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.site-header{height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin:0 4.1%;border-bottom:1px solid var(--line);position:relative;z-index:3;gap:26px}.brand{display:flex;align-items:center;gap:15px}.brand-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--red);color:#f6efe0;width:36px;height:43px;border-radius:2px 1px 3px;font-size:18px;line-height:1.04;position:relative;transform:rotate(-2deg)}.brand-seal:after{content:"";position:absolute;inset:3px;border:1px solid #e8decb6e}.brand-name{font-size:23px;letter-spacing:.18em;font-weight:600}.brand-name small{display:block;font-family:Georgia,serif;font-weight:400;font-size:10px;letter-spacing:.19em;margin-top:5px;color:#7c8276}.header-nav{display:flex;height:100%;align-items:center;gap:45px;font-size:14px;letter-spacing:.12em;position:absolute;left:50%;transform:translate(-50%)}.header-nav button{padding:12px 0;color:#777e73}.header-nav button:hover{color:var(--red)}.nav-current{position:relative;height:100%;display:flex;align-items:center}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--red);position:absolute;bottom:19px;left:50%}.header-location{font-family:"Noto Serif SC",serif;font-size:13px;display:flex;align-items:center;gap:9px;color:#687568;letter-spacing:.05em}.location-mark{font-family:Arial,sans-serif;font-size:20px;font-weight:400}.location-coordinates{margin-left:14px;font-family:Georgia,serif;font-size:11px;letter-spacing:.05em;color:#8b9083}.landscape{position:relative;flex:1;min-height:720px;height:calc(100svh - 145px);overflow:hidden;isolation:isolate}.scene-host{position:absolute;inset:0;z-index:0}.scene-host canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.scene-host canvas:active{cursor:grabbing}.paper-grain{position:absolute;inset:0;pointer-events:none;opacity:.17;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23757867' filter='url(%23n)' opacity='.6' d='M0 0h200v200H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.scene-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#eeeee591,transparent 29%,transparent 56%,#eeeee599 87%,#eeeee5 100%)}.scene-heading{position:absolute;left:7.1%;top:5.3%;z-index:3;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.23em;color:#7c8375;display:flex;align-items:center;gap:10px}.eyebrow>span:first-child{width:18px;height:1px;background:#8f998b}.scene-heading h1{font-size:clamp(35px,3.9vw,65px);font-weight:500;letter-spacing:.08em;margin:20px 0 13px;line-height:1.38;color:#32433c}.title-stop{color:var(--red);margin-left:-.05em}.scene-heading p{font-size:14px;letter-spacing:.21em;color:#7c8376;margin:0}.poetry{position:absolute;right:7.4%;top:6.7%;z-index:3;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px;pointer-events:none}.poetry p{writing-mode:vertical-rl;font-size:15px;letter-spacing:.29em;line-height:1.7;margin:0;color:#71806f}.poetry p:nth-child(2){padding-top:27px;color:#8c9585}.poetry-seal{margin-top:143px;position:absolute;right:0;writing-mode:vertical-rl;padding:5px 3px;border:1px solid #9b594a;font-size:12px;letter-spacing:.08em;color:#9b594a;opacity:.8;transform:rotate(-3deg)}.scene-side-label{position:absolute;left:3.9%;top:43%;writing-mode:vertical-rl;font-family:Georgia,serif;font-size:10px;letter-spacing:.13em;color:#8c9687;z-index:3;pointer-events:none}.scene-side-label span{margin:17px 0}.bridge-caption{position:absolute;left:7.1%;bottom:127px;z-index:3}.caption-index{font-size:11px;color:#788273;letter-spacing:.12em}.caption-index>span{color:#aab09f;margin:0 7px}.bridge-caption h2{font-size:22px;font-weight:500;letter-spacing:.15em;margin:12px 0 8px}.bridge-caption>p{font-size:12px;color:#7d8577;letter-spacing:.06em;margin:0}.bridge-stats{display:flex;gap:35px;margin-top:23px}.bridge-stats>span{font-size:11px;color:#798171;display:flex;flex-direction:column;gap:6px;letter-spacing:.07em}.bridge-stats strong{font-family:Georgia,"Noto Serif SC",serif;font-weight:400;font-size:25px;letter-spacing:.01em;color:#465449}.bridge-stats strong small{font-size:12px;margin-left:4px;color:#7a8374}.bridge-stats>span:last-child strong{font-size:22px;height:29px;line-height:29px}.scene-actions{position:absolute;right:3.6%;top:36%;z-index:4;display:flex;flex-direction:column;gap:13px}.icon-button{width:37px;height:37px;display:flex;justify-content:center;align-items:center;color:#697969;border:1px solid transparent;border-radius:50%}.scene-actions .icon-button:hover{background:#f6f5edb8;border-color:#c6cabb}.icon-button.active{color:var(--red)}.settings-area{position:absolute;right:7.1%;bottom:123px;z-index:4}.scene-settings{width:228px;padding:19px 23px 15px;background:linear-gradient(125deg,#f4f4ebbd,#eef0e6c9);border:1px solid #6b7a6926;border-radius:3px;box-shadow:0 5px 25px #4b5e4905;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.settings-heading h2{font-size:15px;font-weight:500;display:flex;gap:9px;align-items:center;letter-spacing:.17em;margin:0}.settings-heading>span{font-size:10px;color:#8c9585;letter-spacing:.08em}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#61715e;letter-spacing:.06em}.range-label>span{font-family:Georgia,serif;font-size:14px;color:#6b7764}.range-label small{font-size:10px;margin-left:1px}.scene-settings input[type=range]{appearance:none;width:100%;height:2px;background:linear-gradient(to right,#667b65 var(--range-value),#c6cebf var(--range-value));border-radius:2px;margin:16px 0 8px;display:block;cursor:pointer}.scene-settings input[type=range]::-webkit-slider-thumb{appearance:none;background:#eef0e6;width:10px;height:10px;border:2px solid #637960;border-radius:50%;box-shadow:0 0 0 3px #eff0e7}.scene-settings input[type=range]::-moz-range-thumb{background:#eef0e6;width:7px;height:7px;border:2px solid #637960;border-radius:50%}.range-extents{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:#929c8b}.ink-label{margin-top:18px}.wave-setting{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #65765b20;margin-top:15px;padding-top:12px;font-size:12px;color:#68775f}.switch{width:30px;height:16px;border-radius:12px;background:#adb6a7;padding:3px;transition:background .2s}.switch span{display:block;width:10px;height:10px;border-radius:50%;background:#f3f3e9;transition:transform .2s}.switch.checked{background:#627760}.switch.checked span{transform:translate(14px)}.bottom-interface{position:absolute;bottom:29px;left:4.1%;right:4.1%;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px}.interaction-hint{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.03em;color:#88917e;white-space:nowrap}.interaction-hint i{font-style:normal;padding:0 8px;color:#a3aa99}.view-controls{display:flex;align-items:center;gap:3px;background:#f8f7efbb;border:1px solid #64725825;border-radius:5px;padding:6px;box-shadow:0 8px 28px #394c3210;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:absolute;left:50%;transform:translate(-50%)}.view-button,.tour-button{display:flex;align-items:center;gap:9px;height:42px;padding:0 20px;white-space:nowrap;font-size:13px;letter-spacing:.05em;border-radius:3px;color:#7d8574}.view-button.selected{color:#f5f3e8;background:#465b4c;box-shadow:0 2px 5px #273e2420}.view-button:hover:not(.selected),.tour-button:hover{background:#dfe4d6aa;color:#42573c}.control-divider{width:1px;height:22px;background:#bfc7b6;margin:0 8px}.tour-button{padding:0 14px;color:#5f725c}.tour-button.touring{color:var(--red)}.tour-button svg{width:14px;height:14px;fill:currentColor;stroke-width:1}.bottom-tools{display:flex;align-items:center;gap:10px}.reset-button{display:flex;align-items:center;gap:8px;color:#798773;font-size:12px;letter-spacing:.06em;padding:10px 0;white-space:nowrap}.site-footer{height:45px;flex-shrink:0;margin:0 4.1%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#909887;font-size:10px;letter-spacing:.16em;gap:12px;position:relative}.footer-mid{font-family:Georgia,serif;font-size:10px;letter-spacing:.18em;position:absolute;left:50%;transform:translate(-50%)}.site-footer>span:last-child{display:flex;align-items:center;gap:7px;letter-spacing:.05em}.site-footer i{width:4px;height:4px;background:#8c9b7d;border-radius:50%}.scene-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#eeeee5d9;color:#6a7c65;font-size:13px;letter-spacing:.1em;padding:20px 28px;display:flex;align-items:center;gap:12px;border-radius:3px}.loading-ring{width:17px;height:17px;border:1px solid #a6b49b;border-top-color:#42613e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-error{position:absolute;z-index:6;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#f4f3e9;padding:24px;box-shadow:0 8px 50px #394c3210;max-width:90%;width:390px;font-size:14px;line-height:1.8}.scene-error button{color:var(--red);padding:6px 12px;border:1px solid #994e4266;margin-top:8px}.toast-message{position:absolute;bottom:103px;left:50%;transform:translate(-50%);z-index:8;padding:12px 22px;display:flex;align-items:center;gap:8px;white-space:nowrap;background:#435849;color:#f0f0e6;border-radius:3px;font-size:13px;box-shadow:0 5px 18px #44544021}.toast-enter-active,.toast-leave-active{transition:opacity .25s,bottom .25s}.toast-enter-from,.toast-leave-to{opacity:0;bottom:90px}.modal-backdrop{position:fixed;inset:0;background:#273c3355;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px}.about-modal{position:relative;background:#efeee4;width:530px;max-height:90svh;overflow:auto;padding:46px 44px;border:1px solid #fcfbf080;box-shadow:0 24px 100px #233c312b;border-radius:4px;outline:none}.modal-close{position:absolute;top:14px;right:14px}.about-modal h2{font-size:29px;letter-spacing:.06em;font-weight:500;margin:19px 0 7px}.about-english{font-family:Georgia,serif;font-size:10px!important;letter-spacing:.12em;color:#8a9481;margin:0 0 25px!important}.about-modal p{font-size:15px;line-height:1.95;color:#637360;margin:18px 0}.about-note{border-left:2px solid #a2af93;padding:10px 15px;background:#e3e7d7a3;color:#879278;font-size:12px;line-height:1.8;margin:25px 0}.source-link{font-size:12px;display:flex;align-items:center;gap:8px;color:var(--red)}.source-link:hover{text-decoration:underline}.modal-enter-active,.modal-leave-active{transition:opacity .25s}.modal-enter-from,.modal-leave-to{opacity:0}.mobile-settings-button,.mobile-settings-close{display:none}@media(min-width:1600px){.landscape{min-height:790px}.scene-heading{top:6.2%}.scene-settings{width:250px}.bridge-caption,.settings-area{bottom:145px}.scene-heading h1{font-size:65px}}@media(max-width:1200px){.location-coordinates{display:none}.site-header{height:85px}.landscape{min-height:680px;height:calc(100svh - 130px)}.view-button{padding:0 14px}.tour-button{padding:0 12px}.view-controls{gap:1px}.interaction-hint span{font-size:10px}.scene-heading h1{font-size:48px}.scene-settings{width:206px;padding:17px 18px}.bridge-stats{gap:27px}.bridge-caption{left:6%;bottom:115px}.settings-area{right:6%;bottom:110px}.bottom-interface{bottom:27px}.scene-heading{left:6%}.scene-side-label{left:3%}}@media(max-width:950px){.interaction-hint{display:none}.view-controls{position:static;transform:none}.bottom-interface{justify-content:center;gap:24px}.scene-side-label{display:none}.header-nav{gap:27px}.scene-heading h1{font-size:44px}.poetry{right:7%;top:7%}.bridge-caption{bottom:120px}.settings-area{bottom:115px}.bridge-stats{gap:23px}.header-location{font-size:12px}.brand-name{font-size:21px}.view-button,.tour-button{padding:0 13px}.footer-mid{font-size:9px}}@media(max-width:700px){.site-header{height:78px;margin:0 6%;gap:12px}.brand{gap:11px}.brand-seal{width:29px;height:36px;font-size:16px}.brand-name{font-size:20px;letter-spacing:.14em}.brand-name small{font-size:8px;letter-spacing:.16em;margin-top:4px}.header-nav{position:static;transform:none;gap:20px;font-size:12px}.header-location{display:none}.nav-dot{bottom:14px}.landscape{min-height:790px;height:calc(100svh - 123px)}.scene-heading{left:7%;top:5%}.scene-heading h1{font-size:38px;letter-spacing:.03em;margin:16px 0 11px}.scene-heading p{font-size:12px;letter-spacing:.13em}.eyebrow{font-size:10px;letter-spacing:.15em}.poetry{right:7%;top:8%;gap:7px}.poetry p{font-size:11px;letter-spacing:.24em}.poetry p:nth-child(2){display:none}.poetry-seal{margin-top:128px;font-size:10px}.scene-actions{top:34%;right:4%;gap:10px}.icon-button{width:33px;height:33px}.bridge-caption{left:7%;bottom:169px;pointer-events:none}.caption-index{font-size:10px}.bridge-caption h2{font-size:20px;letter-spacing:.1em;margin:10px 0 7px}.bridge-caption p{font-size:11px}.bridge-stats{gap:31px;margin-top:19px}.bridge-stats strong{font-size:23px}.bridge-stats>span{font-size:10px}.bridge-stats>span:last-child strong{font-size:20px}.settings-area{display:none;bottom:155px;right:5%;z-index:10}.settings-area.mobile-open{display:block}.scene-settings{width:220px;background:#f0f1e6f5;box-shadow:0 10px 40px #35473026}.settings-heading>span{display:none}.mobile-settings-close{display:flex;width:25px;height:25px;margin-top:-5px;margin-right:-7px}.bottom-interface{bottom:21px;left:6%;right:6%;flex-direction:column;gap:15px}.view-controls{padding:5px;width:100%;justify-content:space-between;gap:1px}.view-button{padding:0 10px;height:42px;gap:6px;font-size:12px}.view-button svg{width:15px}.tour-button{padding:0 8px;gap:5px;font-size:12px}.tour-button svg{width:12px}.control-divider{margin:0 4px;height:18px}.bottom-tools{width:100%;justify-content:space-between;padding:0 3px}.mobile-settings-button{display:flex}.reset-button{font-size:11px;padding:0}.site-footer{margin:0 6%;height:45px;font-size:9px;letter-spacing:.05em}.footer-mid{display:none}.scene-vignette{background:linear-gradient(180deg,#eeeee599,transparent 28%,transparent 49%,#eeeee5b3 75%,#eeeee5 95%)}.toast-message{bottom:138px;font-size:12px}.about-modal{padding:40px 28px}.about-modal h2{font-size:25px}.about-modal p{font-size:14px}.about-note{font-size:12px}}@media(max-width:380px){.header-nav{gap:14px;font-size:11px}.brand-name{font-size:18px}.scene-heading h1{font-size:33px}.poetry{right:5%}.view-button{padding:0 6px;font-size:11px;gap:4px}.tour-button{padding:0 6px;font-size:11px}.bridge-stats{gap:25px}.view-controls{padding:4px}}.range-label,.wave-setting,.view-button,.tour-button{font-size:14px}.scene-heading p,.bridge-caption>p{font-size:14px}.scene-settings input[type=range]{height:3px}.scene-settings input[type=range]::-webkit-slider-thumb{width:12px;height:12px}.poetry-seal{margin-top:192px}.scene-host:focus-within{outline-offset:-4px}@media(max-width:700px){.landscape{min-height:720px}.view-button{font-size:14px;padding:0 9px;gap:5px}.tour-button{width:30px;justify-content:center;padding:0}.tour-button span{display:none}.tour-button svg{width:16px;height:16px}.control-divider{margin:0 3px}.scene-heading p,.bridge-caption>p{font-size:13px}.poetry-seal{margin-top:150px}.bridge-caption{bottom:165px}}@media(max-width:420px){.view-button{padding:0 8px}.view-button svg{display:none}.view-controls{gap:3px}.tour-button{width:36px}}.geo-credit{letter-spacing:0;font-family:Georgia,serif;white-space:nowrap;font-size:10px}.geo-credit a:hover{text-decoration:underline}.terrain-sources{display:flex;flex-direction:column;gap:10px;margin:0 0 20px;font:12px/1.7 Georgia,"Noto Serif SC",serif;color:#738169}.terrain-sources a:hover{text-decoration:underline}.terrain-sources a:last-child{color:var(--red)}@media(max-width:700px){.geo-credit>span,.geo-credit>a:nth-of-type(2){display:none}.geo-credit{font-size:10px}.site-footer>span:last-child{white-space:nowrap;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}