:root{color-scheme:dark;--bg: #050711;--panel: rgba(14, 18, 34, .74);--panel-strong: rgba(20, 24, 45, .92);--line: rgba(210, 230, 255, .18);--text: #f7fbff;--muted: rgba(226, 236, 255, .66);--cyan: #8cecff;--violet: #9f7cff;--pink: #ff9bd8;--gold: #f4d58a;--mint: #9fffe1;--world-glow: rgba(140, 236, 255, .34);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.mobile-site{min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#05071133,#050711eb),url(/images/hero-still-life.png) top center / min(1080px,190vw) auto no-repeat,radial-gradient(circle at 50% -10%,rgba(151,123,255,.3),transparent 32rem),radial-gradient(circle at 88% 20%,rgba(140,236,255,.18),transparent 18rem),radial-gradient(circle at 8% 45%,rgba(255,155,216,.14),transparent 18rem),linear-gradient(180deg,#050711,#0c1024 48%,#060813)}.entry-scene{position:relative;min-height:100svh;padding:16px 16px 96px;overflow:hidden;isolation:isolate;perspective:1100px;transform-style:preserve-3d}.entry-scene:before{position:absolute;inset:12% -35% auto;height:58svh;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),repeating-linear-gradient(90deg,transparent 0 38px,rgba(140,236,255,.08) 39px 40px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(159,124,255,.07) 39px 40px);border-radius:50%;filter:blur(.2px);opacity:.58;transform:rotateX(66deg) translateY(18%);transform-origin:center;z-index:-3}.entry-scene:after{position:absolute;inset:auto -20% -10%;height:34svh;content:"";background:radial-gradient(ellipse at center,rgba(140,236,255,.16),transparent 62%);filter:blur(18px);z-index:-2}.scene-tarot{--world-glow: rgba(140, 236, 255, .38)}.scene-astrology{--world-glow: rgba(159, 124, 255, .42)}.scene-love{--world-glow: rgba(255, 155, 216, .4)}.entry-scene.is-opening:after{animation:sceneOpen .88s cubic-bezier(.2,.9,.12,1) both}.liquid-wave{position:absolute;left:50%;top:52%;z-index:1;width:20px;height:20px;border:1px solid rgba(255,255,255,.54);border-radius:999px;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(1)}.entry-scene.is-opening .liquid-wave{animation:liquidExpand .88s cubic-bezier(.18,.72,.14,1) both}.hologram-ring{position:absolute;left:50%;top:61%;width:min(88vw,390px);aspect-ratio:1;border:1px solid rgba(140,236,255,.18);border-radius:50%;pointer-events:none;transform:translate3d(-50%,-50%,-110px) rotateX(68deg);transform-style:preserve-3d;z-index:0}.hologram-ring:before,.hologram-ring:after{position:absolute;inset:11%;content:"";border:1px solid rgba(244,213,138,.14);border-radius:inherit}.hologram-ring:after{inset:26%;border-color:#ffffff1f}.ring-front{animation:ringSpin 16s linear infinite}.ring-back{top:52%;width:min(112vw,480px);border-color:#ff9bd81a;animation:ringSpin 22s linear infinite reverse}.aurora,.stars{position:absolute;pointer-events:none;z-index:-1}.aurora{width:68vw;height:68vw;border-radius:999px;filter:blur(28px);opacity:.4;animation:drift 9s ease-in-out infinite alternate}.aurora-one{top:4%;right:-28%;background:#8cecff57}.aurora-two{left:-34%;bottom:18%;background:#ff9bd842;animation-delay:-3s}.stars{inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(140,236,255,.75) 0 1px,transparent 1.5px);background-position:0 0,26px 38px;background-size:72px 72px,116px 116px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,transparent 82%);opacity:.36}.mobile-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand,.admin-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:15px;font-weight:700}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(244,213,138,.62);background:#ffffff0d;color:var(--gold);box-shadow:0 0 24px #f4d58a2e;font-family:Songti SC,SimSun,serif}.admin-link{padding:8px 12px;border:1px solid rgba(210,230,255,.18);border-radius:999px;background:#ffffff0f;color:var(--muted);font-size:13px}.hero-copy{position:relative;z-index:2;margin:44px auto 0;max-width:430px;text-align:center}.hero-copy>span,.world-title>span,.booking-intro>span,.admin-topbar span,.admin-section-title span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.22em}.hero-copy h1,.world-title h2,.booking-intro h2,.admin-topbar h1,.admin-section-title h2{margin:12px 0 0;font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;font-weight:500;letter-spacing:0}.hero-copy h1{font-size:clamp(38px,10.5vw,58px);line-height:1.03;text-shadow:0 0 28px var(--world-glow),0 2px 26px rgba(0,0,0,.62)}.hero-copy p{margin:18px auto 0;max-width:330px;color:var(--muted);font-size:15px;line-height:1.8}.portal-row{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.6vw,12px);width:min(100%,430px);margin:32px auto 0;transform-style:preserve-3d}.portal-card{position:relative;min-width:0;aspect-ratio:.62;border:0;padding:0;background:transparent;color:var(--text);cursor:pointer;transform:translateZ(0) rotateX(0) rotateY(var(--yaw, 0deg)) rotate(var(--tilt, 0deg));transform-style:preserve-3d;animation:cardFloat 4.8s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 22px 24px rgba(0,0,0,.38))}.portal-card:nth-child(1){--tilt: -5deg;--yaw: -9deg}.portal-card:nth-child(2){--tilt: 0deg;--yaw: 0deg;margin-top:-12px}.portal-card:nth-child(3){--tilt: 5deg;--yaw: 9deg}.card-back{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(210,230,255,.28);border-radius:16px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.24),transparent 15%),radial-gradient(circle at 50% 44%,rgba(140,236,255,.14),transparent 34%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 10px),linear-gradient(160deg,#1d2650fa,#050714fa);box-shadow:0 20px 50px #00000080,inset 0 0 24px #ffffff14,0 0 32px var(--world-glow);transform:translateZ(20px);transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.card-depth{position:absolute;inset:5px -7px -7px 7px;border-radius:17px;background:linear-gradient(145deg,#f4d58a2e,#050711d1);transform:translateZ(-18px);filter:blur(.2px);z-index:-1}.portal-love .card-back{background:radial-gradient(circle at 50% 22%,rgba(255,155,216,.24),transparent 18%),linear-gradient(160deg,#3d1d4afa,#0c0a1cfa)}.portal-astrology .card-back{background:radial-gradient(circle at 50% 22%,rgba(159,124,255,.26),transparent 18%),linear-gradient(160deg,#1c1f52fa,#070a1efa)}.card-back:before,.card-back:after{position:absolute;content:""}.card-back:before{inset:9px;border:1px solid rgba(255,255,255,.22);border-radius:13px}.card-back:after{width:72%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:inset 0 0 18px #8cecff1f}.card-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%}.orbit-one{rotate:28deg;scale:.72 1}.orbit-two{rotate:-34deg;scale:1 .7}.card-sigil{position:absolute;top:18%;width:18px;height:18px;border:1px solid var(--gold);box-shadow:0 0 16px #f4d58a99;transform:rotate(45deg)}.card-sigil:before,.card-sigil:after{position:absolute;inset:7px -6px;content:"";border-top:1px solid var(--gold)}.card-sigil:after{inset:-6px 7px;border-top:0;border-left:1px solid var(--gold)}.card-back strong{position:relative;z-index:1;margin-top:16px;font-family:Songti SC,SimSun,serif;font-size:clamp(18px,5vw,28px);font-weight:500;writing-mode:vertical-rl;text-shadow:0 0 18px rgba(255,255,255,.36)}.card-back em{position:absolute;bottom:18px;color:#e2ecff8f;font-size:10px;font-style:normal;letter-spacing:.22em}.card-ripple{position:absolute;inset:50% auto auto 50%;width:18px;height:18px;border:1px solid rgba(140,236,255,.75);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(1);pointer-events:none;z-index:4}.portal-card.is-active .card-ripple{animation:ripple .76s ease-out}.portal-card.is-entering{animation:cardEnter .86s cubic-bezier(.2,.95,.13,1) both}.portal-card.is-active .card-back{border-color:#8cecffb3;box-shadow:0 26px 74px #00000080,inset 0 0 28px #ffffff1a,0 0 48px var(--world-glow)}.selected-world{width:min(100%,360px);margin:28px auto 0;padding:15px 18px;border:1px solid rgba(210,230,255,.2);border-radius:18px;background:#ffffff12;box-shadow:inset 0 1px #ffffff1a;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateZ(28px)}.selected-world.has-world{animation:selectedPulse .52s ease both}.selected-world span{color:var(--muted);font-size:12px}.selected-world strong{display:block;margin-top:4px;color:var(--gold);font-size:24px}.selected-world p{margin:6px 0 0;color:var(--muted);font-size:13px}.bottom-actions{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:20;display:grid;width:min(360px,calc(100vw - 28px));grid-template-columns:1fr 1fr;gap:10px;padding:9px;border:1px solid rgba(210,230,255,.18);border-radius:999px;background:#070a1ac2;box-shadow:0 18px 48px #0000006b;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-actions a{display:grid;min-height:44px;place-items:center;border-radius:999px;background:#ffffff14;color:var(--text);font-size:14px;font-weight:800}.bottom-actions a:first-child{background:linear-gradient(135deg,#8cecffeb,#9f7cffdb);color:#07101a}.world-panel,.process-section,.booking-section{width:min(100% - 28px,720px);margin:0 auto;padding:36px 0}.world-panel{position:relative;overflow:hidden;animation:worldIn .52s ease both}.world-gate{position:absolute;inset:0 auto auto 50%;width:min(92vw,520px);aspect-ratio:1;pointer-events:none;transform:translate(-50%,-46%) rotateX(68deg);opacity:.42}.world-gate span{position:absolute;inset:var(--gate-inset, 0);border:1px solid rgba(140,236,255,.18);border-radius:50%}.world-gate span:nth-child(1){--gate-inset: 0}.world-gate span:nth-child(2){--gate-inset: 12%;border-color:#f4d58a29}.world-gate span:nth-child(3){--gate-inset: 24%;border-color:#ffffff1f}.world-waiting{min-height:230px}.waiting-copy{position:relative;margin:0;color:var(--muted);line-height:1.8}.world-title{margin-bottom:20px}.world-title h2,.booking-intro h2{font-size:clamp(30px,8vw,52px);line-height:1.12}.price-stream,.note-grid{display:grid;gap:12px}.price-chip,.note-grid article,.booking-form,.admin-summary article,.publish-panel,.product-manage-panel,.admin-product-list article{border:1px solid rgba(210,230,255,.16);background:linear-gradient(135deg,#ffffff1a,#ffffff09),#0c1022b8;box-shadow:0 18px 54px #0000004d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.price-chip{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;gap:12px;padding:18px;border-radius:18px;transform:translateY(0)}.price-chip:before{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 70%);opacity:0;transform:translate(-80%);transition:opacity .22s ease,transform .52s ease}.price-chip:hover:before{opacity:1;transform:translate(80%)}.price-chip h3,.note-grid h3,.admin-product-list h3{margin:0;font-size:18px}.price-chip p,.note-grid p,.booking-intro p,.admin-product-list p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.price-chip strong{justify-self:start;padding:8px 12px;border:1px solid rgba(244,213,138,.24);border-radius:999px;color:var(--gold);font-size:15px;line-height:1.45}.note-grid article{padding:18px;border-radius:20px}.booking-section{padding-bottom:118px}.booking-intro{margin-bottom:18px}.booking-form{display:grid;gap:14px;padding:18px;border-radius:24px}.booking-form label,.publish-panel label{display:grid;gap:9px;color:var(--muted);font-size:13px}.booking-form input,.booking-form select,.publish-panel input,.publish-panel select,.publish-panel textarea{width:100%;border:1px solid rgba(210,230,255,.16);border-radius:14px;background:#ffffff12;color:var(--text);outline:none}.booking-form input,.booking-form select,.publish-panel input,.publish-panel select{height:50px;padding:0 14px}.booking-form option,.publish-panel option{color:#111525}.publish-panel textarea{min-height:120px;padding:14px;resize:vertical}.booking-form button,.publish-panel button{height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#07101a;cursor:pointer;font-weight:900}.admin-page{display:grid;min-height:100vh;background:#080a16;color:var(--text)}.admin-sidebar{display:flex;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid rgba(210,230,255,.14);background:#050711eb}.admin-nav{display:flex;gap:10px}.admin-nav a{display:grid;min-height:38px;place-items:center;padding:0 12px;border:1px solid rgba(210,230,255,.16);border-radius:999px;color:var(--muted);font-size:13px}.admin-nav a.is-active{color:var(--text);border-color:#8cecff7a}.admin-workspace{width:min(100% - 28px,1120px);margin:0 auto;padding:28px 0 64px}.admin-topbar{display:grid;gap:10px;padding-bottom:22px;border-bottom:1px solid rgba(210,230,255,.14)}.admin-topbar h1{font-size:44px}.admin-topbar p{margin:0;color:var(--muted)}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.admin-summary article{display:grid;gap:8px;padding:18px;border-radius:18px}.admin-summary span{color:var(--muted);font-size:13px}.admin-summary strong{color:var(--gold);font-size:30px}.admin-grid{display:grid;gap:18px}.publish-panel,.product-manage-panel{display:grid;gap:16px;padding:18px;border-radius:22px}.admin-form-row,.admin-product-list{display:grid;gap:12px}.admin-product-list article{position:relative;display:grid;gap:14px;padding:18px;border-radius:18px}.admin-product-list article>div>span{color:var(--cyan);font-size:12px;font-weight:800}.admin-product-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.admin-product-list dt,.admin-product-list dd{margin:0}.admin-product-list dt{color:var(--muted);font-size:12px}.admin-product-list dd{margin-top:5px;font-weight:800}.admin-product-list article>strong{position:absolute;top:16px;right:16px;color:var(--gold);font-size:12px}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8%,-4%,0) scale(1.08)}}@keyframes cardFloat{0%,to{transform:translateZ(0) rotateX(0) rotateY(var(--yaw)) rotate(var(--tilt))}50%{transform:translate3d(0,-10px,26px) rotateX(5deg) rotateY(var(--yaw)) rotate(var(--tilt))}}@keyframes cardEnter{0%{transform:translateZ(0) rotateX(0) rotateY(var(--yaw)) rotate(var(--tilt)) scale(1)}52%{transform:translate3d(0,-24px,96px) rotateX(10deg) rotateY(var(--yaw)) rotate(var(--tilt)) scale(1.06)}to{transform:translate3d(0,-4px,18px) rotateX(3deg) rotateY(var(--yaw)) rotate(var(--tilt)) scale(1.02)}}@keyframes liquidExpand{0%{opacity:.76;box-shadow:0 0 0 0 var(--world-glow),inset 0 0 18px #ffffff57;transform:translate(-50%,-50%) scale(1)}62%{opacity:.48}to{opacity:0;box-shadow:0 0 70px 18px var(--world-glow),inset 0 0 80px #ffffff14;transform:translate(-50%,-50%) scale(34)}}@keyframes ringSpin{0%{transform:translate3d(-50%,-50%,-110px) rotateX(68deg) rotate(0)}to{transform:translate3d(-50%,-50%,-110px) rotateX(68deg) rotate(360deg)}}@keyframes sceneOpen{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}@keyframes selectedPulse{0%{opacity:.72;transform:translateY(12px) translateZ(28px) scale(.98)}to{opacity:1;transform:translateY(0) translateZ(28px) scale(1)}}@keyframes ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(15)}}@keyframes worldIn{0%{opacity:0;filter:blur(10px);transform:translateY(22px) scale(.98)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@media(min-width:760px){.mobile-site{display:grid;justify-content:center}.entry-scene{width:min(100vw,760px)}.price-chip{grid-template-columns:1fr auto;align-items:center}.admin-page{grid-template-columns:260px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;flex-direction:column;justify-content:flex-start;border-right:1px solid rgba(210,230,255,.14);border-bottom:0}.admin-nav,.admin-form-row,.admin-grid{display:grid}.admin-grid{grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr);align-items:start}}@media(max-width:380px){.portal-row{gap:7px}.card-back{border-radius:15px}.card-back strong{font-size:17px}.hero-copy h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}