@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap";:root{--font-family-serif:"FangSong", "STFangsong", "华文仿宋", "Noto Serif SC", "Songti SC", serif;--font-family-sans:"FangSong", "STFangsong", "华文仿宋", "Inter", system-ui, sans-serif;--font-family:var(--font-family-serif);--color-bg:#eae5d9;--color-bg-card:#f7f3e8d9;--color-fg:#2c2c2c;--color-primary:#8b4513;--color-accent:#a63c3c;--color-success:#4a5d23;--color-error:#8b2500;--radius:4px;--shadow:0 4px 16px #00000014;--border-classic:1px solid #2c2c2c26}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#f2efe6 0%,#eae5d9 100%);overflow:hidden}.loading-screen{background:var(--color-bg);justify-content:center;align-items:center;height:100vh;display:flex}.loading-content{text-align:center;animation:.8s ease-out fadeIn}.loading-content h2{font-family:var(--font-family-serif);color:var(--color-fg);letter-spacing:.1em;margin-bottom:.5rem;font-size:1.8rem}.loading-content p{color:#666;font-size:.9rem}.loading-brush{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.ink-drop{background:var(--color-fg);border-radius:50%;width:16px;height:16px;margin-left:-8px;animation:1.5s ease-in-out infinite drop;position:absolute;left:50%}.ink-drop.delay-1{background:var(--color-accent);animation-delay:.5s}.ink-drop.delay-2{opacity:.5;animation-delay:1s}@keyframes drop{0%{opacity:.8;transform:translateY(0)scale(1)}70%{opacity:.3;transform:translateY(-60px)scale(.4)}to{opacity:0;transform:translateY(-80px)scale(.1)}}.error-screen{background:var(--color-bg);justify-content:center;align-items:center;height:100vh;display:flex}.error-content{background:var(--color-bg-card);border-radius:var(--radius);max-width:480px;box-shadow:var(--shadow);text-align:center;border:var(--border-classic);padding:2rem}.error-content h2{font-family:var(--font-family-serif);color:var(--color-fg)}.error-icon{margin-bottom:.5rem;font-size:3rem}.retry-btn{background:var(--color-fg);color:#eae5d9;border-radius:var(--radius);cursor:pointer;font-family:var(--font-family-serif);letter-spacing:.1em;border:none;margin-top:1rem;padding:.6rem 1.2rem}.retry-btn:hover{background:var(--color-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{border-radius:var(--radius);background:#2c2c2c4d}::-webkit-scrollbar-thumb:hover{background:#2c2c2c80}@media (width<=960px){.app-header{flex-direction:column;align-items:flex-start}.appreciate-layout{flex-direction:column}.viewer-section,.chat-section{flex:none;height:50vh}}.selector-container{--card-width:200px;--card-height:300px;--card-transition-duration:.8s;--card-transition-easing:ease;z-index:1000;background:#000000c9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}@media only screen and (width>=800px){.selector-container{--card-width:250px;--card-height:400px}}.selector-container .main-title{color:#fff;letter-spacing:4px;z-index:100;text-shadow:2px 2px 10px #000c;font-family:Montserrat,Microsoft YaHei,sans-serif;font-size:2.5rem;font-weight:700;position:absolute;top:50px}.selector-container button{cursor:pointer;background:0 0;border:none}.selector-container button:focus{border:none;outline:none}.selector-app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.selector__bg{z-index:-5;filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;overflow:hidden}.selector__bg:before{content:"";z-index:1;opacity:.8;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.selector__bg__image{transform:translate(-50%, -50%) translateX(var(--image-translate-offset,0));width:180%;height:180%;transition:transform 1s,opacity 1s;position:absolute;top:50%;left:50%;overflow:hidden}.selector__bg__image img{object-fit:cover;width:100%;height:100%}.selector__bg__image.current--image{opacity:1;--image-translate-offset:0}.selector__bg__image.previous--image,.selector__bg__image.next--image{opacity:0}.selector__bg__image.previous--image{--image-translate-offset:-25%}.selector__bg__image.next--image{--image-translate-offset:25%}.cardList{width:calc(3 * var(--card-width));height:auto;position:absolute}.cardList__btn{--btn-size:35px;width:var(--btn-size);height:var(--btn-size);z-index:100;position:absolute;top:50%;transform:translateY(-50%)}.cardList__btn.btn--left{left:-5%}.cardList__btn.btn--right{right:-5%}.cardList__btn .icon,.cardList__btn .icon svg{width:100%;height:100%}.cardList .cards__wrapper{perspective:1000px;width:100%;height:100%;position:relative}.card{--card-translateY-offset:100vh;transform:translate(-50%, -50%) translateX(var(--card-translateX-offset)) translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));width:var(--card-width);height:var(--card-height);transition:transform var(--card-transition-duration) var(--card-transition-easing);-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-block;position:absolute;top:50%;left:50%}.card:before{content:"";z-index:1;width:100%;height:100%;transition:opacity var(--card-transition-duration) var(--card-transition-easing);opacity:calc(1 - var(--opacity));background:#000;position:absolute;top:0;left:0}.card__image{width:100%;height:100%;position:relative}.card__image img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card.current--card{--current-card-rotation-offset:0;--card-translateX-offset:0;--card-rotation-offset:var(--current-card-rotation-offset);--card-scale-offset:1.2;--opacity:.8}.card.previous--card{--card-translateX-offset:calc(-1 * var(--card-width) * 1.1);--card-rotation-offset:25deg}.card.next--card{--card-translateX-offset:calc(var(--card-width) * 1.1);--card-rotation-offset:-25deg}.card.previous--card,.card.next--card{--card-scale-offset:.9;--opacity:.4}.infoList{width:calc(3 * var(--card-width));height:var(--card-height);pointer-events:none;position:absolute}.infoList .info__wrapper{perspective:1000px;width:100%;height:100%;transform-style:preserve-3d;justify-content:flex-start;align-items:flex-end;display:flex;position:relative}.info{margin-bottom:calc(var(--card-height) / 8);margin-left:calc(var(--card-width) / 1.5);transition:transform var(--card-transition-duration) var(--card-transition-easing);transform:translateZ(2rem)}.info .text{font-family:Montserrat,Microsoft YaHei,sans-serif;font-size:calc(var(--card-width) * var(--text-size-offset,.2));white-space:nowrap;color:#fff;width:fit-content;position:relative}.info .name,.info .location{text-transform:uppercase}.info .location{--mg-left:40px;--text-size-offset:.12;margin-left:var(--mg-left);margin-bottom:calc(var(--mg-left) / 2);padding-bottom:.8rem;font-weight:600}.info .location:before,.info .location:after{content:"";transform:translate(calc(-1 * var(--mg-left)), -50%);background:#fff;position:absolute;left:0%}.info .location:before{width:20px;height:5px;top:50%}.info .location:after{width:60px;height:2px;bottom:0}.info .description{--text-size-offset:.065;font-weight:500}.info.current--info{opacity:1;display:block}.info.previous--info,.info.next--info{opacity:0;display:none}.loading__wrapper{z-index:200;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading__wrapper .loader--text{color:#fff;margin-bottom:1.4rem;font-family:Montserrat,Microsoft YaHei,sans-serif;font-weight:500}.loading__wrapper .loader{background:#ffffff40;width:200px;height:2px;position:relative}.loading__wrapper .loader span{transform-origin:0;background:red;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0)}.opening-overlay{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}.opening-overlay.fade-out{opacity:0;pointer-events:none}.opening-blur-bg{filter:blur(25px)brightness(.6);z-index:1;background-position:50%;background-size:cover;width:110%;height:110%;position:absolute;top:-5%;left:-5%}.opening-scene-wrapper{z-index:2;justify-content:center;align-items:center;width:90vw;height:90vh;display:flex;position:relative}.opening-scene{width:100%;height:100%;transition:transform 1s ease-in-out;position:relative}.opening-base-bg,.opening-piece{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.opening-base-bg{z-index:10}.opening-piece{z-index:11;opacity:1;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.25,1,.5,1);position:absolute;transform:translate(0)}.opening-piece.off-left{opacity:0;transform:translate(-100vw)}.opening-piece.off-right{opacity:0;transform:translate(100vw)}.opening-text-container{z-index:20;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ink-char{color:#fff;opacity:0;text-shadow:2px 2px 10px #000c,0 0 20px #fff6;font-family:Kaiti,STKaiti,serif;font-size:6rem;animation:2s ease-out forwards inkFadeIn}@keyframes inkFadeIn{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)scale(1.1)}50%{opacity:.8;filter:blur(2px)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}:root{--transition:all .3s ease;--glass-blur:blur(8px)}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-family);margin:0;padding:0;overflow:hidden}.app{background-image:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23d0c8b0\" fill-opacity=\"0.1\"><path d=\"M50 0L100 50L50 100L0 50Z\"/></g></svg>");background-size:200px 200px;flex-direction:column;width:100vw;height:100vh;display:flex}.app-header{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:2px solid var(--color-fg);z-index:100;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:relative}.app-header:after{content:"";background:#2c2c2c4d;height:1px;position:absolute;bottom:4px;left:0;right:0}.header-left{align-items:center;gap:24px;display:flex}.app-title{color:var(--color-fg);font-size:1.6rem;font-weight:700;font-family:var(--font-family-serif);letter-spacing:.05em;align-items:center;margin:0;display:flex}.title-icon{opacity:.8;margin-right:8px;font-size:1.6rem}.painting-info-brief{border-left:1px solid #2c2c2c33;flex-direction:column;padding-left:16px;display:flex}.painting-name{color:var(--color-primary);font-size:1.1rem;font-weight:600;font-family:var(--font-family-serif)}.painting-meta{color:#666;margin-top:2px;font-size:.85rem}.header-right{align-items:center;display:flex}.view-switcher{border:1px solid var(--color-fg);background:#f7f3e880;border-radius:4px;padding:2px;display:flex}.view-btn{color:var(--color-fg);cursor:pointer;font-size:.95rem;font-family:var(--font-family-serif);transition:var(--transition);background:0 0;border:none;border-radius:2px;padding:6px 20px;font-weight:600}.view-btn:hover{background:#2c2c2c0d}.view-btn.active{background:var(--color-fg);color:var(--color-bg)}.painting-info-card{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-classic);z-index:90;padding:16px 32px;box-shadow:0 4px 12px #00000008}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:12px;display:grid}.info-item{flex-direction:column;display:flex}.info-label{color:#888;font-size:.75rem;font-family:var(--font-family-serif);letter-spacing:.05em;margin-bottom:4px}.info-value{color:var(--color-fg);font-size:1rem;font-weight:600}.info-description{color:#444;font-size:.95rem;line-height:1.8;font-family:var(--font-family-serif);border-top:1px dashed #2c2c2c33;margin-top:12px;padding-top:16px}.app-main{flex:1;position:relative;overflow:hidden}.appreciate-layout{width:100%;height:100%;display:flex}.tour-section{border-right:var(--border-classic);background:var(--color-bg-card);flex-direction:column;flex:0 0 300px;height:100%;display:flex;overflow-y:auto}.viewer-section{background:#dcd7c9;flex:1;height:100%;position:relative;box-shadow:inset 0 0 20px #0000000d}.chat-section{border-left:var(--border-classic);background:var(--color-bg-card);flex:0 0 360px;height:100%}.vr-layout{background:var(--color-bg);width:100%;height:100%}.chat-panel{flex-direction:column;width:100%;height:100%;display:flex}.chat-panel .messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.msg-wrapper{flex-direction:column;gap:8px;max-width:85%;display:flex}.msg-wrapper.user{align-self:flex-end;align-items:flex-end}.msg-wrapper.assistant{align-self:flex-start;align-items:flex-start}.msg{border-radius:var(--radius);word-break:break-word;padding:12px 16px;font-size:.95rem;line-height:1.6;box-shadow:0 2px 8px #0000000a}.msg.user{background:var(--color-primary);color:#fff;border-bottom-right-radius:0}.msg.assistant{color:var(--color-fg);border:var(--border-classic);background:#fff;border-bottom-left-radius:0}.loading-indicator{opacity:.7;font-style:italic;font-family:var(--font-family-serif)}.citations{color:var(--color-primary);border-top:1px dashed #8b451333;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding-top:8px;font-size:.8rem;display:flex}.citation-chip{color:var(--color-primary);background:#8b45130d;border:1px solid #8b451333;border-radius:4px;padding:4px 8px}.follow-ups{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.follow-up-btn{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:var(--transition);background:0 0;border-radius:16px;padding:6px 12px;font-size:.85rem}.follow-up-btn:hover{background:var(--color-primary);color:#fff}.input-bar{background:var(--color-bg-card);border-top:var(--border-classic);gap:12px;padding:16px;display:flex}.input-bar input{border:var(--border-classic);border-radius:var(--radius);color:var(--color-fg);transition:var(--transition);background:#fff;outline:none;flex:1;padding:12px 16px;font-size:.95rem}.input-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b45131a}.input-bar button{background:var(--color-fg);color:var(--color-bg);border-radius:var(--radius);font-weight:600;font-family:var(--font-family-serif);cursor:pointer;transition:var(--transition);border:none;padding:0 24px}.input-bar button:hover:not(:disabled){background:var(--color-primary)}.input-bar button:disabled{color:#888;cursor:not-allowed;background:#ccc}.tour-guide{flex-direction:column;justify-content:center;width:100%;height:100%;padding:24px;display:flex}.tour-start-btn{border:1px solid var(--color-fg);width:100%;color:var(--color-fg);font-size:1.1rem;font-weight:600;font-family:var(--font-family-serif);cursor:pointer;transition:var(--transition);background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.tour-start-btn:hover{background:#2c2c2c0d}.tour-duration{color:#888;font-size:.85rem;font-weight:400}.tour-player{flex-direction:column;gap:16px;display:flex}.tour-progress{justify-content:space-between;gap:8px;margin:0 8px;display:flex}.progress-dot{cursor:pointer;height:4px;transition:var(--transition);background:#2c2c2c1a;border-radius:2px;flex:1}.progress-dot.done{background:var(--color-primary);opacity:.5}.progress-dot.current{background:var(--color-accent)}.tour-narration{text-align:center;margin:12px 0}.narration-step{color:var(--color-accent);font-size:.8rem;font-family:var(--font-family-serif);letter-spacing:.1em;margin-bottom:8px}.narration-text{color:var(--color-fg);font-size:1.1rem;line-height:1.6;font-family:var(--font-family-serif)}.tour-controls{flex-direction:column;gap:12px;margin-top:24px;display:flex}.tour-ctrl-btn{border:1px solid var(--color-fg);color:var(--color-fg);cursor:pointer;font-size:.95rem;font-family:var(--font-family-serif);transition:var(--transition);background:0 0;border-radius:2px;padding:8px 24px}.tour-ctrl-btn:hover:not(:disabled){background:#2c2c2c0d}.tour-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.tour-ctrl-btn.playing{background:var(--color-fg);color:var(--color-bg)}.tour-ctrl-btn.stop{color:var(--color-accent);border-color:var(--color-accent)}.tour-ctrl-btn.stop:hover{background:#a63c3c0d}