:root{--ink:#24362e;--green:#17392d;--gold:#caa668;--paper:#f6f2e9;--muted:#748078;--line:rgba(40,58,49,.14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}.demo-notice{min-height:42px;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 20px;color:#f5e9ce;background:#6b2d29;font-size:12px}.demo-notice b{padding:3px 8px;color:#6b2d29;background:#f1d7a8;border-radius:3px}.demo-notice a{color:#fff;text-decoration:underline}.demo-header{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 28px;background:rgba(248,245,237,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.demo-brand{display:flex;align-items:center;gap:11px;min-width:270px;border:0;background:none;text-align:left;color:var(--ink)}.demo-brand>span{width:42px;height:42px;display:grid;place-items:center;color:#f5e5c5;background:var(--green);border-radius:50%;font:22px "STKaiti",serif}.demo-brand b{font:18px "STSong",serif;letter-spacing:2px}.demo-brand small{display:block;margin-top:4px;color:#99805b;font:8px Arial;letter-spacing:2px}.demo-header nav{display:flex;gap:5px;margin:auto}.demo-header nav button,.ghost{padding:11px 16px;border:0;background:none;color:#657169}.demo-header nav button.active{color:#8d672f;border-bottom:2px solid var(--gold)}.ghost{min-width:100px;border:1px solid var(--line);border-radius:999px}.stage{position:relative;min-height:calc(100vh - 118px);overflow:hidden;background:radial-gradient(circle at 50% 28%,#fff 0,#eee9df 42%,#dcd5c9 100%)}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.4) 50%,transparent 50.2%)}.stage-title{position:absolute;z-index:4;top:34px;left:50%;transform:translateX(-50%);text-align:center}.stage-title h1{margin:0;color:#7b302b;font:34px "STKaiti",serif;letter-spacing:7px}.stage-title p{margin:7px;color:var(--muted);font-size:12px}.scene{position:relative;width:min(900px,92vw);height:690px;margin:auto;padding-top:95px;display:flex;flex-direction:column;align-items:center}.deity{height:340px;max-width:420px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.16));z-index:2}.altar{position:relative;z-index:3;width:430px;height:128px;margin-top:-10px;background:linear-gradient(#d8aa42,#aa741b);clip-path:polygon(6% 0,94% 0,100% 40%,94% 40%,94% 100%,87% 100%,87% 48%,13% 48%,13% 100%,6% 100%,6% 40%,0 40%)}.offering-row{position:absolute;left:50%;top:-58px;transform:translateX(-50%);display:flex;gap:10px}.offering{width:66px;height:66px;display:grid;place-items:center;font-size:44px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.18))}.incense{position:relative;z-index:4;width:180px;height:110px;margin-top:-15px;border-radius:50% 50% 35% 35%;background:linear-gradient(#8c3f2e,#4b211b);box-shadow:inset 0 12px 0 #b46b48,0 12px 20px rgba(0,0,0,.18)}.sticks{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);display:flex;gap:12px}.stick{width:5px;height:75px;background:linear-gradient(#e84a2c 0 12px,#3a211b 13px);border-radius:5px;box-shadow:0 -8px 18px #f4a14a}.side-action{position:absolute;z-index:5;top:130px;width:54px;min-height:205px;padding:15px 10px;border:0;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(0,0,0,.13);writing-mode:vertical-rl;letter-spacing:4px;font-size:18px}.side-action.left{left:38px}.side-action.right{right:38px}.stage-tools{position:absolute;right:28px;bottom:28px;z-index:5;display:flex;gap:10px}.stage-tools button,.primary,.secondary{padding:11px 18px;border-radius:10px}.stage-tools button,.secondary{border:1px solid var(--line);background:#fff}.primary{border:0;color:#fff;background:var(--green)}.content{min-height:calc(100vh - 118px);padding:46px 5vw 100px}.content-head{max-width:1180px;margin:0 auto 25px}.content-head h1{margin:0 0 10px;font:38px "STSong",serif}.content-head p{color:var(--muted);line-height:1.8}.lamp-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.lamp-scene{min-height:650px;padding:35px;border-radius:24px;background:radial-gradient(circle at 50% 20%,#6d513d,#281b15 57%,#120d0b);color:#fff}.lamp-scene>img{display:block;width:170px;height:170px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 28px #e7bd59)}.lamp-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:24px}.lamp-cell{aspect-ratio:.72;padding:6px;border:1px solid #7f5734;border-radius:9px;color:#b9a38e;background:#2d1911;font-size:10px}.lamp-cell img{width:100%;height:75%;object-fit:contain;opacity:.35}.lamp-cell.selected{border-color:#f2c76b;box-shadow:0 0 18px #e0a94c}.lamp-cell.selected img{opacity:1}.panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px}.panel h2{font:26px "STSong",serif}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field input,.field textarea{padding:12px;border:1px solid var(--line);border-radius:8px}.field textarea{min-height:90px}.choice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.choice{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.choice img{width:100%;height:100px;object-fit:contain}.choice.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(202,166,104,.2)}.records{max-width:900px;margin:auto}.record{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.record small{color:var(--muted)}.empty{text-align:center;padding:70px;color:var(--muted)}.about-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.about-grid article{padding:28px;background:#fff;border:1px solid var(--line)}.about-grid b{color:#9b7439}.modal{position:fixed;inset:0;z-index:80;display:none}.modal.show{display:block}.mask{position:absolute;inset:0;width:100%;border:0;background:rgba(0,0,0,.55)}.modal section{position:relative;width:min(620px,92vw);max-height:88vh;overflow:auto;margin:6vh auto;padding:28px;background:#fff;border-radius:20px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px}.toast{position:fixed;z-index:90;left:50%;bottom:80px;transform:translate(-50%,20px);opacity:0;padding:11px 20px;color:#fff;background:#1c332a;border-radius:999px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-tabs{display:none}@media(max-width:850px){.demo-header nav{display:none}.demo-brand{min-width:0;flex:1}.lamp-layout{grid-template-columns:1fr}.side-action{top:125px}.side-action.left{left:10px}.side-action.right{right:10px}.about-grid{grid-template-columns:1fr}.mobile-tabs{position:fixed;z-index:40;left:0;right:0;bottom:0;height:64px;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line)}.mobile-tabs button{border:0;background:none}.mobile-tabs button.active{color:#9a6f32}.content{padding-bottom:90px}}@media(max-width:540px){.demo-notice{align-items:flex-start;gap:7px;flex-wrap:wrap}.demo-header{height:64px;padding:0 12px}.ghost{display:none}.stage{min-height:700px}.stage-title h1{font-size:25px}.scene{height:650px;padding-top:88px}.deity{height:270px;max-width:320px}.altar{width:310px}.side-action{width:43px;min-height:165px;font-size:15px}.lamp-grid{grid-template-columns:repeat(5,1fr)}.choice-list{grid-template-columns:repeat(2,1fr)}}