.perspective-container{perspective:50rem;perspective-origin:50%}.transform-3d{backface-visibility:hidden;transform-style:preserve-3d}@keyframes flipInX{0%{opacity:0;transform:perspective(50rem) rotateX(90deg)}100%{opacity:1;transform:perspective(50rem) rotateX(0deg)}}@keyframes flipInY{0%{opacity:0;transform:perspective(50rem) rotateY(90deg)}100%{opacity:1;transform:perspective(50rem) rotateY(0deg)}}@keyframes flipOutX{0%{opacity:1;transform:perspective(50rem) rotateX(0deg)}100%{opacity:0;transform:perspective(50rem) rotateX(90deg)}}@keyframes flipOutY{0%{opacity:1;transform:perspective(50rem) rotateY(0deg)}100%{opacity:0;transform:perspective(50rem) rotateY(90deg)}}@keyframes float3D{0%,100%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-.4rem) translateZ(.5rem)}}@keyframes zoomBounce3D{0%{opacity:0;transform:scale3d(0,0,0)}50%{opacity:1;transform:scale3d(1.05,1.05,1.05)}70%{transform:scale3d(.95,.95,.95)}100%{transform:scaleX(1)}}@keyframes rotateIn3D{0%{opacity:0;transform:perspective(50rem) rotateY(180deg) scale3d(0,0,0)}100%{opacity:1;transform:perspective(50rem) rotateY(0deg) scaleX(1)}}@keyframes shadow3D{0%,100%{box-shadow:0 .2rem .8rem -.2rem rgba(0,0,0,.1),0 .4rem 1.6rem -.4rem rgba(0,0,0,.08),0 0 0 0 rgba(0,0,0,.05)}50%{box-shadow:0 .4rem 1.6rem -.2rem rgba(0,0,0,.15),0 .8rem 3.2rem -.4rem rgba(0,0,0,.12),0 0 0 .1rem rgba(0,0,0,.08)}}@keyframes parallaxMove{0%,100%{transform:translateZ(0)}25%{transform:translate3d(.25rem,.25rem,.25rem)}50%{transform:translate3d(0,.5rem,.5rem)}75%{transform:translate3d(-.25rem,.25rem,.25rem)}}@keyframes glassGlow{0%,100%{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.8))}50%{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.85))}}@keyframes rippleSpread{0%{opacity:1;transform:scale3d(0,0,0)}100%{opacity:0;transform:scale3d(4,4,4)}}@keyframes layerFloat{0%,100%{transform:translateZ(0)}33%{transform:translateZ(.5rem)}66%{transform:translateZ(-.25rem)}}.animate-flip-in-x{animation:flipInX .6s cubic-bezier(.4,0,.2,1)}.animate-flip-in-y{animation:flipInY .6s cubic-bezier(.4,0,.2,1)}.animate-flip-out-x{animation:flipOutX .6s cubic-bezier(.4,0,.2,1)}.animate-flip-out-y{animation:flipOutY .6s cubic-bezier(.4,0,.2,1)}.animate-float-3d{animation:float3D 3s ease-in-out infinite}.animate-float-3d-fast{animation:float3D 1.5s ease-in-out infinite}.animate-zoom-bounce-3d{animation:zoomBounce3D .8s cubic-bezier(.34,1.56,.64,1)}.animate-rotate-in-3d{animation:rotateIn3D .8s cubic-bezier(.34,1.56,.64,1)}.animate-shadow-3d{animation:shadow3D 2s ease-in-out infinite}.animate-parallax{animation:parallaxMove 4s ease-in-out infinite}.animate-glass-glow{animation:glassGlow 3s ease-in-out infinite}.animate-ripple{animation:rippleSpread .6s ease-out}.animate-layer-float{animation:layerFloat 2s ease-in-out infinite}.btn-3d{perspective:50rem;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-3d::before{background:inherit;border-radius:inherit;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:.1rem;transform:translateZ(-.05rem);transition:all .3s ease}.btn-3d::after{background:rgba(0,0,0,.15);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:.2rem;transform:translateZ(-.1rem);transition:all .3s ease}.btn-3d:hover{transform:translateY(-.1rem) translateZ(.1rem)}.btn-3d:hover::before{top:.2rem}.btn-3d:hover::after{opacity:.3;top:.3rem}.btn-3d:active{transform:translateY(.05rem) translateZ(0)}.btn-3d:active::before{top:.05rem}.btn-3d:active::after{opacity:.2;top:.1rem}.btn-3d-press{position:relative;transform-style:preserve-3d;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-3d-press:active{transform:scale3d(.95,.95,.95) translateY(.05rem)}.card-3d{position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-3d::before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(.05rem)}.card-3d:hover{box-shadow:0 .6rem 2rem -.4rem rgba(0,0,0,.15),0 1.2rem 4rem -.6rem rgba(0,0,0,.1),0 0 0 .05rem hsla(0,0%,100%,.1);transform:translateY(-.2rem) translateZ(.4rem)}.card-3d-hover{perspective:50rem}.card-3d-hover > *{transform-style:preserve-3d;transition:all .3s ease}.card-3d-hover:hover > *{transform:rotateX(5deg) rotateY(-5deg) translateZ(.5rem)}.card-3d-parallax{transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-3d-parallax .card-3d-layer-1{transform:translateZ(0)}.card-3d-parallax .card-3d-layer-2{transform:translateZ(.25rem)}.card-3d-parallax .card-3d-layer-3{transform:translateZ(.5rem)}.card-3d-parallax:hover .card-3d-layer-1{transform:translateZ(0) translateY(-.1rem)}.card-3d-parallax:hover .card-3d-layer-2{transform:translateZ(.4rem) translateY(-.2rem)}.card-3d-parallax:hover .card-3d-layer-3{transform:translateZ(.75rem) translateY(-.3rem)}.modal-3d{perspective:100rem;transform-style:preserve-3d}.modal-3d .modal-content{animation:flipInY .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.modal-3d .modal-content::before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);content:"";height:.05rem;left:0;position:absolute;right:0;top:0;transform:translateZ(.05rem)}.modal-3d-enter{animation:rotateIn3D .6s cubic-bezier(.34,1.56,.64,1)}.modal-3d-exit{animation:flipOutY .4s cubic-bezier(.4,0,.2,1)}.icon-3d-rotate{transform-style:preserve-3d;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.icon-3d-rotate:hover{transform:rotateY(1turn)}.icon-3d-float{animation:float3D 2s ease-in-out infinite}.icon-3d-bounce{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.icon-3d-bounce:hover{transform:translateZ(1rem) scale(1.1)}.glass-3d{backdrop-filter:blur(1rem) saturate(150%);background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.8));border:.05rem solid hsla(0,0%,100%,.3);transform-style:preserve-3d;transition:all .3s ease}.glass-3d::before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);content:"";height:.05rem;left:0;position:absolute;right:0;top:0;transform:translateZ(.05rem)}.glass-3d:hover{backdrop-filter:blur(1.5rem) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.85));box-shadow:0 .4rem 1.6rem -.2rem rgba(0,0,0,.1),0 .8rem 3.2rem -.4rem rgba(0,0,0,.08),0 0 0 .05rem hsla(0,0%,100%,.4);transform:translateZ(.25rem)}.glass-3d-multi{backdrop-filter:blur(1rem);background:linear-gradient(135deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.75));border:.05rem solid hsla(0,0%,100%,.3);position:relative;transform-style:preserve-3d}.glass-3d-multi::before{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transform:translateZ(.1rem)}.glass-3d-multi::after{background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));border-radius:.4rem;content:"";inset:.1rem;pointer-events:none;position:absolute;transform:translateZ(.2rem)}.z-layer-base{transform:translateZ(0);z-index:1}.z-layer-elevated{transform:translateZ(.5rem);z-index:2}.z-layer-floating{transform:translateZ(1rem);z-index:3}.z-layer-modal{transform:translateZ(5rem);z-index:1000}.z-layer-toast{transform:translateZ(10rem);z-index:2000}.shadow-dynamic{transition:all .3s cubic-bezier(.4,0,.2,1)}.shadow-dynamic:hover{box-shadow:0 .5rem 2rem -.4rem rgba(0,0,0,.15),0 1rem 4rem -.6rem rgba(0,0,0,.1)}.shadow-dynamic:active{box-shadow:0 .1rem .4rem -.2rem rgba(0,0,0,.1),0 .2rem .8rem -.3rem rgba(0,0,0,.08)}.shadow-3d-follow{transition:all .3s ease}.shadow-3d-follow:hover{box-shadow:-.25rem .25rem .75rem rgba(0,0,0,.15),.25rem .25rem .75rem rgba(0,0,0,.1)}.ripple-container{overflow:hidden;position:relative}.ripple{animation:rippleSpread .6s ease-out;background:hsla(0,0%,100%,.3);border-radius:50%;pointer-events:none;position:absolute;transform:scale3d(0,0,0)}.gpu-accelerated{backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}.gpu-accelerated-smooth{backface-visibility:hidden;transform:translateZ(0);will-change:transform}.dark-mode .btn-3d::after{background:hsla(0,0%,100%,.1)}.dark-mode .card-3d::before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02))}.dark-mode .card-3d:hover{box-shadow:0 .6rem 2rem -.4rem rgba(0,0,0,.4),0 1.2rem 4rem -.6rem rgba(0,0,0,.3),0 0 0 .05rem hsla(0,0%,100%,.05)}.dark-mode .glass-3d{background:linear-gradient(135deg,rgba(30,30,30,.95),hsla(0,0%,8%,.9));border-color:hsla(0,0%,100%,.1)}.dark-mode .glass-3d:hover{background:linear-gradient(135deg,rgba(30,30,30,.98),hsla(0,0%,8%,.93))}@media (prefers-contrast:high){.btn-3d,.card-3d,.glass-3d{border-color:#000;border-width:.1rem}.btn-3d::after,.btn-3d::before,.card-3d::after,.card-3d::before,.glass-3d::after,.glass-3d::before{display:none}.modal-content{border-color:#000;border-width:.1rem}}@media (prefers-reduced-motion:reduce){.animate-flip-in-x,.animate-flip-in-y,.animate-flip-out-x,.animate-flip-out-y,.animate-float-3d,.animate-float-3d-fast,.animate-glass-glow,.animate-layer-float,.animate-parallax,.animate-ripple,.animate-rotate-in-3d,.animate-shadow-3d,.animate-zoom-bounce-3d,.icon-3d-float,.icon-3d-rotate{animation:none}.btn-3d,.card-3d,.glass-3d,.modal-content{transition:none}}:root{--herbal-green-50:#f2fdf5;--herbal-green-100:#dcfce7;--herbal-green-500:#22c55e;--herbal-green-700:#15803d;--herbal-green-900:#14532d;--gold-100:#fef9c3;--gold-500:#eab308;--gold-700:#a16207;--lian-50:#fdfdf9;--lian-100:#f5f5f0;--lian-200:#e6e6dc;--cinnabar-500:#ef4444;--cinnabar-700:#b91c1c;--ink-900:#1f2937;--ink-500:#6b7280;--background:var(--lian-50);--foreground:var(--ink-900);--primary:var(--herbal-green-900);--primary-foreground:#fff;--card:#fff;--card-foreground:var(--ink-900);--border:var(--lian-200);--radius:1rem;--radius-sm:0.6rem;--font-serif:"Songti SC","Noto Serif SC",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,sans-serif}.page{background-color:var(--background);box-sizing:border-box;font-family:var(--font-size);min-height:100vh;overflow-x:hidden;position:relative}.page::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.card-zen{background:var(--card);border:.05rem solid var(--border);border-radius:var(--radius);box-shadow:0 .2rem .3rem -.05rem rgba(0,0,0,.02),0 .1rem .2rem -.05rem rgba(0,0,0,.02);padding:1.2rem;transition:all .3s ease}.card-zen.elevated{box-shadow:0 .5rem .75rem -.15rem rgba(0,0,0,.05),0 .2rem .3rem -.1rem rgba(0,0,0,.025)}.btn-herbal{align-items:center;background:var(--herbal-green-900);border-radius:499.95rem;box-shadow:0 .2rem .6rem rgba(20,83,45,.3);color:#fff;display:flex;font-weight:600;justify-content:center;padding:.6rem 1.2rem;transition:all .2s}.btn-herbal:active{transform:scale(.98)}.btn-herbal-outline{align-items:center;background:transparent;border:.05rem solid var(--herbal-green-900);border-radius:499.95rem;color:var(--herbal-green-900);display:flex;font-weight:600;justify-content:center;padding:.6rem 1.2rem}.text-herbal{color:var(--herbal-green-700)}.text-ink{color:var(--ink-900)}.text-muted{color:var(--ink-500)}.font-serif{font-family:var(--font-serif)}.seal-red{border:.1rem solid var(--cinnabar-500);border-radius:.2rem;color:var(--cinnabar-500);display:inline-block;font-family:var(--font-serif);font-weight:700;padding:.1rem .3rem;transform:rotate(-5deg)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-out}