*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#0c0507;color:#f4e8cf;font-family:"Noto Serif SC",Songti SC,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.scene{position:relative;perspective:1600px;perspective-origin:50% 42%;background:#0c0507}.scene--fixed{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene--flow{min-height:100vh}.wall{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:92px 44px 58px;transform-style:preserve-3d;background:radial-gradient(90% 70% at 50% 0%,rgba(255,222,160,.1),transparent 62%),repeating-linear-gradient(90deg,rgba(0,0,0,.055) 0 3px,transparent 3px 52px),linear-gradient(180deg,#4a1a1d,#351216 55%,#2a0d11);box-shadow:inset 0 0 220px #000000b8,0 0 0 1px #c9a44e38}.scene--flow .wall{position:static;min-height:100vh;padding:78px 16px 54px}.crown{position:absolute;left:0;right:0;top:0;height:16px;background:linear-gradient(180deg,#e0bd66,#8a6a22 60%,#4a3a12);box-shadow:0 6px 22px #0009,inset 0 -2px #00000059}.skirt{position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(180deg,#8a6a22,#3a2c0d);box-shadow:0 -6px 22px #0000008c,inset 0 2px #ffe6aa47}.wall-head{text-align:center;margin-bottom:30px}.eyebrow{font-family:Snell Roundhand,Segoe Script,Brush Script MT,cursive;font-size:27px;color:#f0d98a;letter-spacing:.04em;text-shadow:0 2px 16px rgba(0,0,0,.85)}.t-cn{margin-top:3px;font-size:15px;letter-spacing:.34em;text-indent:.34em;color:#e8dcc0}.grid-wrap{flex:1;width:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.grid{display:grid;gap:46px;transform-style:preserve-3d}.art{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.7,.2,1);-webkit-appearance:none}@media (hover: hover){.art:hover{transform:translateZ(56px) translateY(-8px)}.art:hover .fr{box-shadow:0 40px 50px #000c,0 0 30px #ffd68c47,0 0 0 1px #fff0be80}}.art:active{transform:translateZ(38px) scale(.99)}.fr{position:relative;display:block;padding:9px;border-radius:2px;background:linear-gradient(135deg,#6b4f18,#e6c470 26%,#8a6a22 56%,#f6e8b0);box-shadow:0 24px 34px #000000b8,0 0 0 1px #fff0be52,inset 0 0 0 1px #50370a80;transform:translateZ(16px);transition:box-shadow .35s ease}.mat{display:block;padding:11px;background:linear-gradient(135deg,#7c1622,#420914)}.cv{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#241d12;box-shadow:inset 0 0 22px #000000ad}.cv img{width:100%;height:100%;object-fit:cover;display:block}.ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;background:radial-gradient(120% 120% at 28% 18%,rgba(255,236,190,.18),transparent 58%),linear-gradient(135deg,#6d5b3a,#3d3220 58%,#221b11)}.ph-en{font-family:Snell Roundhand,Segoe Script,Brush Script MT,cursive;font-size:20px;color:#f2e0ad;text-shadow:0 2px 10px rgba(0,0,0,.6);word-break:break-word;line-height:1.3}.ph-tag{margin-top:10px;font-size:10.5px;letter-spacing:.1em;padding:3px 10px;border-radius:20px;border:1px solid rgba(216,180,90,.5);color:#d8b45a}.plaque{display:block;margin:12px auto 0;padding:6px 12px;background:linear-gradient(180deg,#2c2c2c,#141414);border:1px solid #4a3a12;border-radius:2px;font-size:13px;color:#f0dda8;letter-spacing:.05em;box-shadow:0 8px 14px #0000008c,inset 0 0 0 1px #d8b45a4d;transform:translateZ(5px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art:after{content:"";position:absolute;left:5%;right:5%;bottom:-34px;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);transform:translateZ(-6px)}.hud{position:fixed;left:0;right:0;bottom:16px;text-align:center;font-size:12px;letter-spacing:.24em;color:#cbb68c;opacity:.7;pointer-events:none;z-index:4;text-shadow:0 2px 8px #000}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;z-index:2;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px}.vig{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(120% 95% at 50% 42%,transparent 40%,rgba(0,0,0,.8) 100%)}.flicker{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(55% 42% at 50% 0%,rgba(255,214,140,.16),transparent 72%);animation:fl 4.6s ease-in-out infinite}@keyframes fl{0%,to{opacity:.42}45%{opacity:.62}70%{opacity:.5}}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.lb-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#080304cc}.lb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:62px 12px 44px;overflow-y:auto;-webkit-overflow-scrolling:touch}.lb-frame{display:block;flex:none;transform-origin:50% 40%}.lb-frame .cv-lg{aspect-ratio:16 / 10}.lb-panel{width:min(720px,100%);padding:20px 20px 22px;border:1px solid rgba(216,180,90,.36);border-radius:4px;background:linear-gradient(180deg,#24150df2,#140b07f7);box-shadow:0 20px 50px #0009}.lb-panel h2{margin:0;font-size:21px;color:#f6e8c6;letter-spacing:.06em}.lb-panel .sub{margin-top:5px;font-family:Snell Roundhand,Segoe Script,cursive;font-size:14px;color:#c9a95e}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 2px}.chip{font-size:12px;letter-spacing:.06em;padding:3px 11px;border-radius:20px;border:1px solid rgba(216,180,90,.45);color:#e4cd92;background:#d8b45a12}.desc{color:#e3d3b3;line-height:1.85;font-size:14.5px;margin:13px 0 0}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.link{display:inline-flex;align-items:center;padding:10px 16px;border-radius:3px;text-decoration:none;font-size:14px;border:1px solid rgba(216,180,90,.5);color:#f0dda8;background:linear-gradient(180deg,#d8b45a29,#d8b45a0d);transition:background .25s ease,transform .25s ease}.link:hover{background:linear-gradient(180deg,#d8b45a4d,#d8b45a1f);transform:translateY(-1px)}.link--off{opacity:.6;border-style:dashed}.lb-close{position:absolute;top:12px;right:14px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(216,180,90,.5);background:#160b07db;color:#f0dda8;font-size:20px;line-height:1;cursor:pointer}@media (max-width: 899px){.eyebrow{font-size:21px}.t-cn{font-size:13px;letter-spacing:.26em}.grid{gap:26px 18px}.ph-en{font-size:15px}.plaque{font-size:11.5px;margin-top:8px;padding:5px 8px}.lb-wrap{padding:56px 10px 36px;gap:16px}.lb-panel{padding:18px 16px 20px}.lb-panel h2{font-size:19px}.hud{font-size:11px;letter-spacing:.18em}}