:root{--paper:#f4eedd;--paper-2:#fffdf6;--ink:#3a2f26;--ink-2:#8a7a63;--cinnabar:#a33a24;--cinnabar-d:#7f2d1c;--gold:#a8843c;--teal:#5b7a72;--line:#ddd2bb;--kai:"Kaiti SC", STKaiti, KaiTi, "楷体", serif;--song:"Songti SC", SimSun, "宋体", serif;color:var(--ink);background:var(--paper);font-family:var(--song)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(1100px 500px at 88% -8%, #a8843c14, transparent 62%), radial-gradient(900px 460px at 6% 108%, #5b7a7214, transparent 60%), var(--paper);margin:0;line-height:1.7}body:before{content:"";z-index:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.18 0 0 0 0 0.15 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}#app{min-height:100vh}.masthead{z-index:2;text-align:center;justify-content:center;align-items:center;height:clamp(46vh,440px,64vh);min-height:380px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 28%;width:100%;height:100%;position:absolute;inset:0}.hero-veil{pointer-events:none;background:linear-gradient(180deg, #f4eedd42 0%, #f4eedd0f 40%, #f4eedd00 62%, var(--paper) 100%);position:absolute;inset:0}.hero-txt{z-index:3;max-width:1000px;padding:24px;position:relative}.hero-txt .eyebrow{font-family:var(--kai);letter-spacing:.6em;color:var(--cinnabar);font-size:clamp(12px,1.6vw,15px)}.hero-txt h1{font-family:var(--kai);letter-spacing:.28em;text-shadow:0 2px 20px #fffdf6f2;margin:0;font-size:clamp(48px,9vw,96px);font-weight:700;line-height:1.05}.hero-txt h1 b{color:var(--cinnabar);font-weight:700}.hero-txt .sub{color:var(--gold);letter-spacing:.5em;margin-top:18px;font-size:clamp(13px,1.8vw,17px)}.hero-txt .rule{background:linear-gradient(90deg, var(--cinnabar), var(--gold));width:88px;height:2px;margin:18px auto 0}.nav-actions{z-index:6;align-items:center;gap:12px;display:flex;position:absolute;top:22px;right:24px}.nav-new,.uc-trigger,.uc-mi,.mbtn,.lc-btn,.lc-send,.pb-btn,.pg-btn,.confirm-btn,.dl-btn{cursor:pointer}.nav-new{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--cinnabar);color:var(--cinnabar);font-family:var(--kai);letter-spacing:.12em;background:#fffdf6db;border-radius:30px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;display:inline-flex;box-shadow:0 8px 22px #5a462d33}.nav-new:hover{background:var(--cinnabar);color:#fbeed6}.uc-menu{position:relative}.uc-trigger{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#fffdf6db;border-radius:30px;align-items:center;gap:10px;padding:7px 16px 7px 7px;display:flex;box-shadow:0 8px 22px #5a462d38}.uc-trigger .ue-ico{background:var(--cinnabar);color:#fbeed6;width:34px;height:34px;font-family:var(--kai);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.uc-trigger .ue-txt{font-family:var(--kai);letter-spacing:.1em;color:var(--ink);font-size:14px}.uc-drop{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:2px;min-width:200px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 50px #5a462d38}.uc-mi{font-family:var(--kai);letter-spacing:.12em;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;padding:11px 12px;font-size:15px;display:flex}.uc-mi:hover{background:var(--paper)}.uc-mi.danger{color:var(--cinnabar)}.app{z-index:1;position:relative}.profile-page,.confirm-page,.prog-page,.dl-page,.uc-page,.rc-page{margin:8px auto 0;padding:0 18px 48px}.login-page{justify-content:center;max-width:1080px;margin:8px auto 0;padding:0 18px 48px;display:flex}.profile-page{max-width:900px}.confirm-page{max-width:1080px}.prog-page{max-width:840px}.dl-page{max-width:900px}.uc-page{max-width:680px}.rc-page{max-width:640px}.login-card,.photo-box,.sidenav,.tpl,.cf-card,.music-card,.proj-card,.prog-item,.dl-card,.uc-card,.uc-rows,.uc-invite{background:var(--paper-2);border:1px solid var(--line);box-shadow:0 18px 40px #5a462d1f}.login-card{border-radius:20px;width:min(420px,100%);padding:44px 38px 34px;position:relative}.login-card:before{content:"";pointer-events:none;border-radius:14px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #a8843c59}.lc-seal,.pc-seal,.uc-avatar{background:var(--cinnabar);color:#fbeed6;font-family:var(--kai);justify-content:center;align-items:center;display:flex}.lc-seal{border-radius:8px;width:56px;height:56px;margin:0 auto 8px;font-size:28px;transform:rotate(-3deg)}.lc-title,.confirm-title .t1,.prog-title .t1{text-align:center;font-family:var(--kai);letter-spacing:.3em;color:var(--ink)}.lc-title{font-size:clamp(30px,5vw,42px)}.lc-title b{color:var(--cinnabar)}.lc-sub,.confirm-title .t2,.prog-title .t2{text-align:center;font-family:var(--kai);color:var(--gold);letter-spacing:.25em;margin-top:8px}.lc-field{margin-top:20px}.lc-field label,.proj-name label{font-family:var(--kai);letter-spacing:.2em;color:var(--ink-2);margin-bottom:7px;display:block}.lc-field input,.proj-name input{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);outline:none}.lc-field input{border-radius:11px;height:50px;padding:0 16px;font-size:15px}.lc-field input:focus,.proj-name input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a8843c2e}.lc-code{gap:10px;display:flex}.lc-code input{flex:1;min-width:0}.lc-send{border:1px solid var(--cinnabar);background:var(--paper-2);height:50px;color:var(--cinnabar);font-family:var(--kai);letter-spacing:.08em;border-radius:11px;flex:none;padding:0 14px}.lc-send:disabled,.mbtn:disabled,.confirm-btn:disabled,.pg-btn:disabled{opacity:.45;cursor:not-allowed}.lc-btn,.mbtn.primary,.confirm-btn{color:#fbeed6;font-family:var(--kai);background:linear-gradient(180deg, var(--cinnabar), var(--cinnabar-d));border:none}.lc-btn{letter-spacing:.4em;border-radius:12px;width:100%;height:54px;margin-top:30px;font-size:20px}.lc-tip,.form-error,.empty-note{text-align:center;font-size:13px}.lc-tip,.empty-note{color:var(--ink-2);margin-top:18px}.browse-hint{text-align:center;font-family:var(--kai);letter-spacing:.12em;color:var(--ink-2);margin:0;font-size:15px}.form-error{color:var(--cinnabar);margin-top:14px}.confirm-title{text-align:center;margin-bottom:10px}.confirm-title .t1,.prog-title .t1{font-size:clamp(30px,4.5vw,42px)}.proj-name{max-width:560px;margin:40px auto 0}.proj-name label{text-align:center;color:var(--gold)}.proj-name input{height:54px;font-family:var(--kai);letter-spacing:.15em;text-align:center;border-radius:12px;font-size:18px}.photo-cols{grid-template-columns:1fr 1fr;gap:30px;max-width:700px;margin:44px auto 0;display:grid}.photo-box{border-radius:16px;padding:18px}.pb-title{font-family:var(--kai);letter-spacing:.2em;text-align:center;margin-bottom:14px;font-size:17px}.pb-thumb{cursor:pointer;aspect-ratio:4/3;background:var(--paper) center / cover no-repeat;color:#a99a80;border:1.5px dashed #cfc3a6;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.pb-thumb span{font-size:36px;line-height:1}.pb-thumb em{font-style:normal;font-family:var(--kai);letter-spacing:.15em;font-size:13px}.pb-thumb.has span,.pb-thumb.has em{display:none}.pb-btn{border:1px solid var(--line);background:var(--paper-2);width:100%;height:46px;font-family:var(--kai);letter-spacing:.2em;border-radius:11px;margin-top:16px}.profile-actions,.confirm-actions,.prog-actions,.dl-actions,.dl-all-wrap,.uc-actions,.confirm-wrap{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:40px;display:flex}.mbtn{min-width:176px;height:56px;font-family:var(--kai);letter-spacing:.2em;border-radius:13px;font-size:20px}.mbtn.ghost{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2)}.mbtn.danger{background:var(--paper-2);border:1px solid var(--cinnabar);color:var(--cinnabar)}.mbtn.danger:hover{background:var(--cinnabar);color:#fbeed6}.layout{align-items:flex-start;max-width:1320px;margin:8px auto 0;padding:0 18px 48px;display:flex}.sidenav{border-radius:16px;flex:none;width:188px;padding:18px 14px;position:sticky;top:20px}.sidenav .navtitle{text-align:center;font-family:var(--kai);letter-spacing:.3em;color:var(--gold);border-bottom:1px dashed var(--line);margin-bottom:14px;padding-bottom:14px}.dy-btn{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font-family:var(--kai);letter-spacing:.2em;cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px;padding:12px 8px;font-size:17px;transition:all .16s;display:flex;position:relative}.dy-btn .era{font-family:var(--song);color:var(--ink-2);letter-spacing:.05em;font-size:11px}.dy-btn.active{background:linear-gradient(180deg, var(--cinnabar), var(--cinnabar-d));color:#fbeed6;border-color:var(--cinnabar-d);position:relative}.dy-btn.active .era{color:#f6e6cd}.dy-btn.active:before{content:"";background:#fbeed6;border-radius:2px;width:8px;height:4px;position:absolute;inset:50% 0 0 calc(100% - 20px);transform:translateY(-6px)}.dy-btn.active:after{content:"";background:#fbeed6;border-radius:2px;width:8px;height:4px;position:absolute;inset:50% 0 0 calc(100% - 20px);transform:translateY(2px)}.dy-btn:hover{border:1px solid var(--cinnabar);color:var(--cinnabar)}.dy-btn.active:hover{background:linear-gradient(180deg, var(--cinnabar), var(--cinnabar-d));color:#fbeed6;border-color:var(--cinnabar-d)}.stage{flex:1;min-width:0;margin-left:26px}.era-head{border-bottom:2px solid var(--gold);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:26px;padding:6px 4px 16px;display:flex}.era-head .big{font-family:var(--kai);letter-spacing:.12em;font-size:clamp(32px,4.5vw,42px)}.era-head .years{font-family:var(--kai);color:var(--gold);background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:3px 14px}.era-head .desc{color:var(--ink-2);flex-basis:100%;font-size:14px}.grid-cap,.picked-cap,.music-cap{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.grid-cap .cap,.picked-cap .cap,.music-cap .cap{font-family:var(--kai);letter-spacing:.2em;color:var(--gold)}.grid-cap .count,.picked-cap .tip,.music-cap .tip{color:var(--ink-2);font-size:12px}.tpl-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.tpl{cursor:pointer;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #5a462d1a}.tpl.locked{cursor:default}.tpl.locked .chk{display:none}.tpl.selected{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold), 0 20px 44px #5a462d33}.tpl-cover{position:relative}.tpl-play{z-index:2;cursor:pointer;background:#3a2f268c;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0;padding:0;transition:all .16s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #3a2f2647}.tpl-play:hover{background:#a33a24e0;transform:translate(-50%,-50%)scale(1.06)}.tpl-play-ico{border:8px solid #0000;border-left:13px solid #fbeed6;border-right-width:0;width:0;height:0;margin-left:3px}.thumb{aspect-ratio:4/3;background:#f3ecdc;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb .fallback{font-family:var(--kai);color:var(--cinnabar);justify-content:center;align-items:center;font-size:42px;display:flex;position:absolute;inset:0}.tn-name,.plabel{text-align:center;font-family:var(--kai);position:absolute;left:0;right:0}.tn-name{color:var(--ink);text-shadow:0 1px #ffffffd9;bottom:9%}.tn-seal,.cf-seal{background:var(--cinnabar);color:#fbeed6;font-family:var(--kai);justify-content:center;align-items:center;display:flex;position:absolute}.tn-seal{border-radius:4px;width:22px;height:22px;font-size:11px;top:8px;right:8px}.tpl .meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex}.tpl .meta .nm{font-family:var(--kai);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tpl .chk{border:1.5px solid var(--line);background:var(--paper);border-radius:6px;flex:none;width:22px;height:22px;position:relative}.tpl.selected .chk{background:var(--gold);border-color:var(--gold)}.tpl.selected .chk:after{content:"✓";color:#fffdf6;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.pager{justify-content:center;align-items:center;gap:16px;margin:24px 0 8px;display:flex}.pg-btn{border:1px solid var(--line);background:var(--paper-2);min-width:46px;height:46px;font-family:var(--kai);color:var(--ink);border-radius:11px;padding:0 14px}.pg-num{font-family:var(--kai);color:var(--ink-2);text-align:center;min-width:86px}.pg-num b{color:var(--cinnabar);font-size:18px}.picked-sec{border-top:1px solid var(--line);margin-top:40px;padding-top:26px}.picked-cap .cap{color:var(--ink);font-size:20px}.picked-grid,.confirm-list,.dl-list,.music-list{gap:16px;display:grid}.picked-grid{grid-template-columns:repeat(6,1fr)}.pick-slot{aspect-ratio:4/3;background:var(--paper);border:1.5px dashed #cfc3a6;border-radius:12px;position:relative;overflow:hidden}.pick-slot .ph{color:#a99a80;font-family:var(--kai);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pick-slot .ph .dy{color:var(--teal)}.pick-slot.filled{border-style:solid;border-color:var(--gold)}.pick-slot .thumb{position:absolute;inset:0}.plabel{background:linear-gradient(#fffdf600,#fffdf6f0);padding:4px;font-size:12px;bottom:0}.pick-slot .del{background:var(--cinnabar);color:#fff;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:4px;right:4px}.pick-slot:hover .del{opacity:1}.dytag{font-family:var(--kai);color:var(--gold);background:#fffdf6e6;border-radius:5px;padding:1px 7px;font-size:11px;position:absolute;top:4px;left:4px}.confirm-btn{letter-spacing:.4em;border-radius:14px;min-width:240px;height:60px;font-size:22px;position:relative}.confirm-btn .hint{font-family:var(--song);letter-spacing:.2em;margin-top:-2px;font-size:12px;display:block}.confirm-btn:disabled{box-shadow:none;background:linear-gradient(#cfc6b0,#b9ae94)}.confirm-list,.dl-list,.music-list{grid-template-columns:repeat(3,1fr);margin-top:28px}.cf-card,.dl-card{border-radius:16px;overflow:hidden}.cf-card .cf-body,.dl-card .dl-body{padding:16px}.cf-no,.dl-no,.m-num{font-family:var(--kai);color:var(--gold);font-size:13px}.cf-name,.dl-name,.m-name{font-family:var(--kai);color:var(--ink)}.cf-name{font-size:21px}.cf-dyn,.m-desc{color:var(--ink-2);font-size:13px}.cf-motto{font-family:var(--kai);color:var(--teal);margin-top:9px;font-size:13px}.cf-seal{border-radius:5px;width:32px;height:32px;font-size:17px;top:10px;right:10px}.music-sec{margin-top:46px}.music-cap{justify-content:center;gap:12px}.music-card{text-align:left;border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;display:flex;box-shadow:0 6px 16px #5a462d14}.music-card.active{border-color:var(--gold);border-color:var(--gold);background:linear-gradient(180deg, #a8843c1f, var(--paper-2));box-shadow:0 0 0 3px #a8843c4d}.music-card.active .m-name{color:var(--cinnabar)}.m-name{font-size:18px}.m-description{color:var(--ink-2);font-size:12px}.proj-card,.prog-item{border-radius:16px}.proj-card{margin-top:34px;padding:26px 30px}.proj-list{flex-direction:column;gap:16px;margin-top:28px;display:flex}.proj-list .proj-card{margin-top:0}.pc-actions{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.pc-actions .dl-btn{width:auto;min-width:96px;height:40px;padding:0 16px}.pc-head .pc-state{flex:none;margin-left:auto}.video-mask{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2f268c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.video-panel{border:1px solid var(--line);background:#1d1712;border-radius:16px;width:min(920px,100%);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.video-close{z-index:2;color:#fbeed6;cursor:pointer;background:#00000059;border:none;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.video-player{vertical-align:top;background:#000;width:100%;max-height:min(72vh,560px);display:block}.proj-card.done{border-color:var(--gold)}.pc-head,.prog-item{align-items:center;gap:18px;display:flex}.pc-seal{border-radius:10px;flex:none;width:52px;height:52px;font-size:24px}.proj-card.done .pc-seal{background:var(--gold)}.pc-info,.pi-mid{flex:1;min-width:0}.pc-name{font-family:var(--kai);letter-spacing:.1em;font-size:24px}.pc-meta,.pc-foot,.pi-state{color:var(--ink-2);font-size:13px}.pc-state{font-family:var(--kai);letter-spacing:.15em;border:1px solid var(--gold);color:var(--gold);border-radius:22px;padding:7px 18px}.proj-card.failed .pc-state{border-color:var(--cinnabar);color:var(--cinnabar)}.pc-track,.pi-track{background:var(--paper);border:1px solid var(--line);border-radius:8px;height:12px;margin-top:22px;overflow:hidden}.pi-track{height:9px;margin-top:10px}.pc-fill,.pi-fill{background:linear-gradient(90deg, var(--gold), var(--cinnabar));border-radius:8px;height:100%}.pc-foot{justify-content:space-between;margin-top:10px;display:flex}.pc-foot b,.pi-pct{font-family:var(--kai);color:var(--gold)}.prog-list{flex-direction:column;gap:16px;margin-top:22px;display:flex}.prog-item{grid-template-columns:1fr auto;padding:16px 20px;display:grid}.pi-dyn{font-family:var(--kai);font-size:16px}.pi-tpl{font-family:var(--kai);color:var(--gold);margin-left:8px;font-size:14px}.pi-right{text-align:right}.prog-done{text-align:center;border:1px solid var(--gold);background:linear-gradient(90deg,#a8843c1f,#0000);border-radius:16px;margin-top:30px;padding:26px}.prog-done .pd-t{font-family:var(--kai);letter-spacing:.2em;color:var(--gold);font-size:24px}.dl-name{margin:3px 0 10px;font-size:17px}.dl-btn{border:1px solid var(--gold);width:100%;height:42px;color:var(--gold);font-family:var(--kai);letter-spacing:.15em;background:0 0;border-radius:10px}.dl-btn:hover{background:linear-gradient(180deg, var(--cinnabar), var(--cinnabar-d));color:#fbeed6;border-color:var(--cinnabar-d)}.uc-card{text-align:center;border-radius:22px;padding:44px 28px}.uc-avatar{border-radius:50%;width:92px;height:92px;margin:0 auto;font-size:44px;box-shadow:0 12px 26px #a33a2459}.uc-name{font-family:var(--kai);letter-spacing:.15em;margin-top:20px;font-size:28px}.uc-rows{border-radius:18px;margin-top:26px;overflow:hidden}.uc-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex}.uc-row:last-child{border-bottom:none}.uc-row span{font-family:var(--kai);letter-spacing:.15em;color:var(--ink-2);font-size:15px}.uc-row b{font-family:var(--kai);letter-spacing:.08em;font-size:16px}.uc-row b.pts{color:var(--gold);font-size:22px}.uc-invite{border-radius:18px;margin-top:26px;padding:26px 30px}.inv-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.inv-title{font-family:var(--kai);letter-spacing:.18em;font-size:18px}.inv-tip{color:var(--ink-2);letter-spacing:.06em;font-size:12px}.inv-row{gap:12px;display:flex}.inv-row input{background:var(--paper);border:1px solid var(--line);letter-spacing:.1em;min-width:0;height:52px;color:var(--ink);border-radius:12px;outline:none;flex:1;padding:0 16px;font-size:15px}.inv-row input:focus{border-color:var(--gold)}.inv-row .mbtn{flex:none;min-width:132px;height:52px}.uc-actions{gap:20px}.rc-balance{text-align:center;font-family:var(--kai);color:var(--ink-2);letter-spacing:.1em;margin-top:30px;font-size:16px}.rc-balance b{font-family:var(--kai);color:var(--gold);margin:0 6px;font-size:38px}.rc-rate{text-align:center;color:var(--ink-2);letter-spacing:.1em;margin-top:8px;font-size:12px}.rc-empty{text-align:center;font-family:var(--kai);color:var(--ink-2);letter-spacing:.12em;margin-top:40px}.rc-opts{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.rc-opt{border:1px solid var(--line);background:var(--paper-2);text-align:center;cursor:pointer;border-radius:16px;padding:22px 10px;transition:all .16s}.rc-opt .rc-v{font-family:var(--kai);color:var(--ink);font-size:24px}.rc-opt .rc-d{font-family:var(--kai);color:var(--gold);margin-top:7px;font-size:12px}.rc-opt:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 22px #5a462d1f}.rc-opt.active{border-color:var(--gold);background:linear-gradient(180deg, #a8843c1f, var(--paper-2));box-shadow:0 0 0 3px #a8843c4d}.rc-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:34px;display:flex}.rc-pay-mask{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2f2661;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rc-pay-card{background:var(--paper-2);border:1px solid var(--line);text-align:center;border-radius:22px;width:min(420px,100%);padding:36px 28px 30px;position:relative;box-shadow:0 22px 50px #5a462d38}.rc-pay-close{width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:28px;line-height:1;position:absolute;top:12px;right:14px}.rc-pay-title{font-family:var(--kai);letter-spacing:.2em;color:var(--ink);font-size:24px}.rc-pay-sub{font-family:var(--kai);color:var(--ink-2);letter-spacing:.08em;margin-top:10px;font-size:14px}.rc-pay-price{font-family:var(--kai);color:var(--gold);letter-spacing:.12em;margin-top:14px;font-size:20px}.rc-pay-qr{border:1px solid var(--line);width:220px;height:220px;color:var(--ink-2);font-family:var(--kai);background:#fff;border-radius:16px;justify-content:center;align-items:center;margin:22px auto 0;display:flex;position:relative;overflow:hidden}.rc-pay-qr img{object-fit:contain;width:100%;height:100%;display:block}.rc-pay-qr-img{opacity:0;transition:opacity .2s}.rc-pay-qr-img.is-ready{opacity:1}.rc-pay-qr-state{letter-spacing:.08em;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;inset:0}.rc-pay-qr-spin{border:2px solid #a8843c38;border-top-color:var(--gold);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite rc-qr-spin}@keyframes rc-qr-spin{to{transform:rotate(360deg)}}.rc-pay-tip{color:var(--ink-2);letter-spacing:.08em;margin-top:16px;font-size:13px}.model-line{max-width:560px;margin:28px auto 0}.model-line label{text-align:center;font-family:var(--kai);color:var(--gold);letter-spacing:.16em;margin-bottom:8px;display:block}.model-line input{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:12px;outline:none;width:100%;height:48px}@media (width<=900px){.layout{flex-direction:column}.sidenav{flex-wrap:wrap;gap:8px;width:100%;display:flex;position:static}.sidenav .navtitle{border-bottom:none;width:100%}.dy-btn{width:calc(33.33% - 6px);margin-bottom:0}.stage{margin-left:0}.tpl-grid{grid-template-columns:repeat(2,1fr)}.picked-grid{grid-template-columns:repeat(3,1fr)}.confirm-list,.dl-list,.music-list,.rc-opts{grid-template-columns:repeat(2,1fr)}.photo-cols{grid-template-columns:1fr}}