:root{color:#261b14;font-synthesis:none;text-rendering:optimizelegibility;--ink:#261b14;--muted:#74665b;--paper:#fbf7ef;--paper-deep:#eee2cf;--wood:#a96538;--wood-dark:#6f3921;--line:#41281924;--shadow:#422a1b2e;background:#f1e8d9;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#f1e8d9;min-height:100%}body{background:radial-gradient(circle at 12% 5%,#ffffffe6,#0000 28%),linear-gradient(155deg,#f6efe3 0%,#eee1cf 100%);min-height:100dvh;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,model-viewer:focus-visible{outline-offset:3px;outline:3px solid #a965387a}[hidden]{display:none!important}.app-shell{width:min(100%,780px);min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) clamp(14px, 4vw, 28px) calc(14px + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2.2vh,20px);margin:0 auto;display:grid}.site-header{align-items:center;gap:14px;padding-inline:2px;display:flex}.title-mark{background:linear-gradient(145deg,#bb7547,#7a4026);border-radius:14px;flex:0 0 48px;width:48px;height:48px;position:relative;transform:rotate(45deg)scale(.78);box-shadow:0 9px 20px #69361d33}.title-mark:before,.title-mark:after,.title-mark span{content:"";background:#f6e9d5;border-radius:2px;position:absolute;inset:18px 6px}.title-mark:after{transform:rotate(90deg)}.title-mark span{background:#ffffff59;inset:20px 12px;transform:rotate(45deg)}.eyebrow{color:var(--wood);letter-spacing:.2em;margin:0 0 2px;font-size:.65rem;font-weight:700}h1{letter-spacing:.08em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(1.58rem,7vw,2.05rem);font-weight:700;line-height:1.14}.subtitle{color:var(--muted);margin:4px 0 0;font-size:clamp(.82rem,3.4vw,.95rem)}.viewer-section,.viewer-card{min-height:0}.viewer-section{display:grid}.viewer-card{box-shadow:0 24px 60px var(--shadow), inset 0 1px 0 #fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf7efd1;border:1px solid #ffffffb8;border-radius:clamp(24px,6vw,34px);grid-template-rows:minmax(300px,1fr) auto;display:grid;position:relative;overflow:hidden}.viewer-frame{isolation:isolate;background:radial-gradient(circle at 50% 42%,#fffffff5 0 13%,#0000 48%),linear-gradient(160deg,#f7efe2,#e6d4bc);min-height:0;position:relative;overflow:hidden}.viewer-frame:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid #6f39211f;border-radius:50%;width:72%;position:absolute;bottom:-38%;left:14%;transform:perspective(400px)rotateX(68deg);box-shadow:0 0 0 28px #6f392109,0 0 0 64px #6f392106}model-viewer{touch-action:pan-y;--poster-color:transparent;--progress-bar-height:0;background:0 0;width:100%;height:100%;min-height:300px}model-viewer::part(default-progress-bar),model-viewer::part(default-progress-mask){display:none}.status-panel{z-index:4;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6eee1e6;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.loading-panel{opacity:1;transition:opacity .28s}.loading-panel.is-complete{opacity:0;pointer-events:none}.loader-emblem{width:72px;height:72px;margin-bottom:24px;animation:1.8s ease-in-out infinite breathe;position:relative}.loader-emblem span{background:linear-gradient(90deg,#c78658,#7a4228);border-radius:4px;position:absolute;inset:28px 2px;box-shadow:0 8px 18px #5b311c29}.loader-emblem span:nth-child(2){transform:rotate(60deg)}.loader-emblem span:nth-child(3){transform:rotate(120deg)}.status-title{color:#3a291e;max-width:310px;margin:0;font-size:.98rem;font-weight:600;line-height:1.7}.progress-track{background:#6f39211f;border-radius:999px;width:min(72%,260px);height:5px;margin-top:18px;overflow:hidden}.progress-fill{width:var(--load-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#c58253,#7a4026);height:100%;transition:width .18s;display:block}.progress-text{color:var(--muted);font-variant-numeric:tabular-nums;margin:9px 0 0;font-size:.75rem}.error-panel{background:#f8f2e8f5}.error-symbol{color:#8f4728;border:1px solid #8f47284d;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:18px;font-family:Georgia,serif;font-size:1.7rem;display:grid}.secondary-button,.control-button,.animation-button,.ar-entry-button,.ar-activate-button,.ar-unavailable-button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:15px;min-height:48px}.secondary-button:active,.control-button:active,.animation-button:active,.ar-entry-button:active,.ar-activate-button:active,.ar-unavailable-button:active{transform:translateY(1px)scale(.99)}button:disabled{cursor:not-allowed}button:disabled:active{transform:none}.retry-button{color:#fffaf3;background:linear-gradient(145deg,#9c5b35,#713b24);min-width:132px;margin-top:22px;padding:0 24px;box-shadow:0 10px 22px #5b311c33}.error-return-button{border:1px solid var(--line);min-width:132px;color:var(--ink);background:#ffffffc7;margin-top:10px;padding:0 20px}.ar-activate-button{z-index:3;color:#fffaf3;letter-spacing:.03em;background:linear-gradient(145deg,#a76036,#6f3921);border:1px solid #ffffff57;width:calc(100% - 32px);padding:0 22px;font-weight:800;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 12px 28px #4e281647}.ar-activate-button:disabled{color:#261b1480;background:#fbf7efe0;border-color:#4128191a;box-shadow:0 6px 16px #4a2e1c1a}.orientation-hint{z-index:2;color:#412a1c75;letter-spacing:.12em;pointer-events:none;align-items:center;gap:7px;font-size:.61rem;font-weight:700;display:flex;position:absolute;top:18px;right:18px}.orientation-cube{border:1px solid;width:13px;height:13px;transform:rotate(30deg)skewY(-8deg)}.control-deck{border-top:1px solid var(--line);background:#fffcf6e0}.controls{grid-template-columns:1fr 1.15fr;gap:10px;padding:12px;display:grid}.viewer-ar-entry{padding:0 12px 12px}.ar-entry-button{color:#fffaf3;background:linear-gradient(145deg,#ad683d,#733b23);border:1px solid #0000;width:100%;padding:0 18px;font-size:clamp(.82rem,3.4vw,.94rem);font-weight:800;box-shadow:0 8px 20px #5b311c2e}.control-button{border:1px solid var(--line);color:var(--ink);background:#ffffffb8;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:clamp(.8rem,3.2vw,.9rem);font-weight:600;display:inline-flex;box-shadow:0 5px 14px #4a2e1c12}.control-button:first-child{color:#fffaf3;background:linear-gradient(145deg,#9c5b35,#713b24);border-color:#0000}.button-icon{place-items:center;width:21px;height:21px;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;display:inline-grid}.reset-icon{font-size:1.35rem;font-weight:400}.animation-panel{border-top:1px solid var(--line);background:linear-gradient(135deg,#ffffff80,#0000 58%),#eee2cf6b;padding:13px 12px 14px}.animation-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.animation-kicker{color:var(--wood);letter-spacing:.17em;margin:0 0 1px;font-size:.56rem;font-weight:800}.animation-heading h2{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:1rem;line-height:1.3}.animation-percentage{color:var(--wood-dark);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.animation-status{color:#59483c;min-height:1.5em;margin:7px 0 8px;font-size:clamp(.76rem,3vw,.84rem);font-weight:600;line-height:1.5}.animation-panel[data-animation-state=unavailable] .animation-status,.animation-panel[data-animation-state=animation-error] .animation-status{color:#8a4328}.animation-progress-track{background:#6f392121;border-radius:999px;width:100%;height:5px;overflow:hidden}.animation-progress-fill{width:var(--animation-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#bc7548,#6f3921);height:100%;transition:width .1s linear;display:block}.animation-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px;display:grid}.animation-button{border:1px solid var(--line);min-width:0;color:var(--ink);background:#ffffffc7;padding:0 9px;font-size:clamp(.76rem,3.2vw,.86rem);font-weight:700;box-shadow:0 4px 12px #4a2e1c0f}.animation-button-primary:not(:disabled){color:#fffaf3;background:linear-gradient(145deg,#9c5b35,#713b24);border-color:#0000}.animation-button-quiet{color:#6b5648;background:#f6efe4d1}.animation-button:disabled,.control-button:disabled,.ar-entry-button:disabled{color:#261b146b;box-shadow:none;opacity:.72;background:#ffffff6b;border-color:#41281914}.ar-panel{border-top:1px solid var(--line);background:linear-gradient(135deg,#ffffff8a,#0000 62%),#eee2cf7a;padding:16px 14px 15px}.ar-panel h2{margin:2px 0 0;font-family:Noto Serif SC,Songti SC,serif;font-size:1.05rem;line-height:1.35}.ar-status,.ar-tracking-warning,.ar-device-advice{margin:9px 0 0;font-size:clamp(.77rem,3.1vw,.86rem);font-weight:600;line-height:1.6}.ar-status{color:#59483c}.ar-unavailable-button{color:#261b1480;width:100%;box-shadow:none;background:#fbf7efd6;border:1px solid #4128191a;margin-top:12px;padding:0 18px;font-weight:800}.ar-panel[data-ar-state=unsupported] .ar-status,.ar-panel[data-ar-state=insecure-context] .ar-status,.ar-panel[data-ar-state=failed] .ar-status,.ar-status[role=alert]{color:#8a4328}.ar-tracking-warning{color:#7f4026;background:#fff7ebd1;border:1px solid #974e2b33;border-radius:11px;padding:9px 11px}.ar-instructions{color:#5f5147;gap:6px;margin:12px 0 0;padding-left:1.25rem;font-size:clamp(.74rem,3vw,.83rem);line-height:1.5;display:grid}.ar-instructions li::marker{color:var(--wood)}.ar-device-advice{color:#6d5d51;font-weight:500}.ar-return-button{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffc7;margin-top:13px;padding:0 18px;font-weight:700}body[data-app-mode=ar] .viewer-card{grid-template-rows:minmax(330px,1fr) auto}body[data-app-mode=ar] model-viewer{min-height:330px}.site-footer{padding-inline:2px}.usage-notes{color:#55483e;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;font-size:clamp(.76rem,3vw,.86rem);font-weight:500;display:flex}.usage-notes span{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.gesture-dot,.app-dot{background:var(--wood);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #a965381f}.app-dot{background:#788a61;box-shadow:0 0 0 4px #788a611f}.attribution{color:#4a3d328f;text-align:center;margin:8px 0 0;font-size:.64rem}.attribution a{color:inherit;text-underline-offset:2px}@keyframes breathe{0%,to{opacity:.72;transform:scale(.94)rotate(0)}50%{opacity:1;transform:scale(1)rotate(4deg)}}@media (width>=700px){.app-shell{padding-top:max(26px, env(safe-area-inset-top));padding-bottom:max(22px, env(safe-area-inset-bottom))}.viewer-card{grid-template-rows:minmax(440px,1fr) auto}model-viewer{min-height:440px}}@media (height<=690px){.app-shell{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(9px + env(safe-area-inset-bottom));gap:10px}.title-mark{flex-basis:42px;width:42px;height:42px}.viewer-card{grid-template-rows:minmax(270px,1fr) auto}model-viewer{min-height:270px}body[data-app-mode=ar] .viewer-card{grid-template-rows:minmax(300px,1fr) auto}body[data-app-mode=ar] model-viewer{min-height:300px}.attribution{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}