*{font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;box-sizing:border-box}.hand-en{font-family:Comic Sans MS,Segoe Print,Lucida Handwriting,cursive}.mono{font-family:Consolas,Cascadia Mono,Courier New,monospace}.comic-text{-webkit-text-stroke:12px #2B211C;paint-order:stroke fill;text-shadow:7px 8px 0 #2B211C}.comic-text-s{-webkit-text-stroke:7px #2B211C;paint-order:stroke fill;text-shadow:4px 5px 0 #2B211C}.boil{filter:url(#boil)}.boil-strong{filter:url(#boil-strong)}.ink-line{filter:url(#ink-line)}.board>div,.board>div>div{transform-style:preserve-3d}:root{--paper: #f4ecda;--cream: #fffdf6;--ink: #2b211c;--side: #6b5442;--yel: #f7c64a;--softy: #fce38a;--red: #d9362b;--blu: #3f6fb5;--grn: #4e8a4a;--dot: #d8c6a2;--muted: #7a6a58}html,body{margin:0;background:var(--paper);color:var(--ink)}body{background-image:radial-gradient(var(--dot) 4px,transparent 4.5px),radial-gradient(var(--dot) 4px,transparent 4.5px);background-size:56px 56px;background-position:0 0,28px 28px;background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}code,pre{font-family:Consolas,Cascadia Mono,monospace!important}.app{min-height:100vh}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 28px;background:var(--cream);border-bottom:4px solid var(--ink);box-shadow:0 5px #2b211c1f}.brand{display:flex;align-items:center;gap:14px;min-width:0}.logo{flex:none;width:52px;height:52px;border-radius:16px 20px 14px 18px;background:var(--yel);border:4px solid var(--ink);box-shadow:4px 5px 0 var(--ink);display:grid;place-items:center;font-size:30px;font-weight:900;rotate:-4deg}h1{margin:0;font-size:26px;font-weight:900;letter-spacing:1px}.brand p{margin:2px 0 0;font-size:14px;color:var(--muted)}.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tools input{width:280px;max-width:100%;padding:10px 16px;font:inherit;font-size:15px;border:3px solid var(--ink);border-radius:999px;background:#fff;outline:none;box-shadow:3px 4px 0 var(--ink)}.tools input:focus{background:#fffbe8}.seg{display:flex;border:3px solid var(--ink);border-radius:999px;overflow:hidden;box-shadow:3px 4px 0 var(--ink);background:#fff}.seg button{border:0;background:none;padding:9px 16px;font-weight:800;font-size:15px}.seg button.on{background:var(--ink);color:var(--yel)}.styles{display:flex;gap:10px;flex-wrap:wrap;align-items:center;order:3;width:100%}.styles .sep{margin:0 4px;height:18px;border-left:2px solid var(--muted);font-size:12px;font-weight:800;color:var(--muted);writing-mode:horizontal-tb}.styles button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;box-shadow:2px 2px 0 var(--ink);text-align:left}.styles button b{font-size:13px;font-weight:800;white-space:nowrap}.styles button small{display:none}.styles button.on{background:var(--ink);color:#fff;translate:1px 1px;box-shadow:1px 1px 0 var(--ink)}.styles button.on small{color:var(--yel)}.empty{font-size:16px;color:var(--muted)}.dinfo a,footer a{color:var(--blu);font-weight:800}.app[data-style=mono]{--paper: #f3f3f1;--cream: #ffffff;--ink: #121212;--side: #555;--yel: #a78bfa;--softy: #ede9fe;--muted: #6b6b6b;--blu: #7c3aed;background:var(--paper);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.app[data-style=mono] header{border-bottom:1px solid #e2e2e2;box-shadow:0 6px 24px #0000000f}.app[data-style=mono] .logo{rotate:0deg;border:0;border-radius:14px;background:#121212;color:#fff;box-shadow:0 6px 16px #0000002e}.app[data-style=mono] .styles button,.app[data-style=mono] .tools input,.app[data-style=mono] .dbtns button{border:1.5px solid #d6d6d6;box-shadow:0 2px 8px #0000000f}.app[data-style=mono] .styles button.on{background:#121212;border-color:#121212;translate:none}.app[data-style=mono] nav a.on{background:#121212;color:#fff;border-color:#121212;box-shadow:0 6px 16px #00000026}.app[data-style=mono] nav a.on em{background:#7c3aed;border-color:#7c3aed;color:#fff}.app[data-style=mono] nav a em{border:0;background:#e8e8e6}.app[data-style=mono] .shead h2{box-shadow:none;border-radius:12px;background:#121212}.app[data-style=mono] .card{border:0;border-radius:18px;box-shadow:0 10px 30px #00000014,0 1px 3px #00000014}.app[data-style=mono] .card:hover{box-shadow:0 16px 40px #00000024,0 1px 3px #00000014}.app[data-style=mono] .card:focus-visible{outline-color:#7c3aed}.app[data-style=mono] .screen{border-bottom:1px solid #ececec;background:#fff}.app[data-style=mono] .tags span{background:#f1f1ef;border:0;font-family:inherit}.app[data-style=mono] .tags span:first-child{background:#ede9fe;color:#6d28d9;font-family:Consolas,monospace;font-weight:700}.app[data-style=mono] .mask{background:#0009}.app[data-style=mono] .detail{border:0;border-radius:22px;box-shadow:0 30px 80px #00000059}.app[data-style=mono] .dhead{background:#fff;border-bottom:1px solid #ececec}.app[data-style=mono] .dscreen{border-bottom:1px solid #ececec}.app[data-style=mono] .dinfo code{background:#ede9fe;color:#6d28d9}.app[data-style=mono] footer{border-top:1px solid #e2e2e2}.body{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:24px 28px 60px;max-width:1680px;margin:0 auto}nav{position:sticky;top:calc(var(--hh, 104px) + 24px);align-self:start;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - var(--hh, 104px) - 44px);overflow:auto;padding:4px 8px 8px 2px}nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:3px solid transparent;color:var(--ink);text-decoration:none;font-weight:800;font-size:15px}nav a:hover{background:#fffdf6b3}nav a.on{background:var(--softy);border-color:var(--ink);box-shadow:3px 4px 0 var(--ink)}nav a .cn{flex:1}nav a em{font-style:normal;font-size:12px;min-width:26px;text-align:center;padding:1px 6px;border-radius:99px;background:var(--cream);border:2px solid var(--ink)}main{min-width:0}section{scroll-margin-top:calc(var(--hh, 100px) + 20px);margin-bottom:44px}.shead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}.shead h2{margin:0;font-size:26px;font-weight:900;padding:4px 16px 7px;background:var(--ink);color:#fff6e6;border-radius:999px;box-shadow:inset 0 -6px 0 var(--yel)}.shead p{margin:0;color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:calc(34px - var(--cols, 3) * 4px)}.app[data-cols="4"] .meta{font-size:.92em}.app[data-cols="5"] .meta,.app[data-cols="6"] .meta{padding:8px 10px 10px}.app[data-cols="5"] .name,.app[data-cols="6"] .name{font-size:15px}.app[data-cols="5"] .when,.app[data-cols="6"] .when{font-size:12px}.app[data-cols="5"] .tags span,.app[data-cols="6"] .tags span{font-size:11px;padding:1px 6px}.grid.solo{grid-template-columns:minmax(0,1000px)}.card{text-align:left;padding:0;background:var(--cream);border:4px solid var(--ink);border-radius:18px 22px 16px 20px;box-shadow:6px 7px 0 var(--ink);overflow:hidden;transition:translate .12s,box-shadow .12s}.card:hover{translate:-2px -3px;box-shadow:8px 10px 0 var(--ink)}.card:focus-visible{outline:4px solid var(--blu);outline-offset:3px}.screen{border-bottom:4px solid var(--ink);background:var(--paper);aspect-ratio:16 / 9;overflow:hidden}.ph{width:100%;height:100%}.meta{padding:12px 16px 14px}.name{font-weight:900;font-size:18px}.when{font-size:14px;color:var(--muted);margin-top:3px;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tags span{font-family:Consolas,monospace;font-size:12.5px;padding:2px 8px;border-radius:8px;background:#efe6d2;border:2px solid rgba(43,33,28,.25)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2b211c8c;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:28px 16px}.detail{width:min(1100px,100%,max(560px,calc((100vh - 300px) * 16 / 9)));background:var(--cream);border:5px solid var(--ink);border-radius:24px 30px 22px 28px;box-shadow:10px 12px 0 var(--ink);overflow:hidden}.dhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:4px solid var(--ink);background:var(--softy)}.dhead h2{margin:0;font-size:26px;font-weight:900}.crumb{font-size:13px;font-weight:800;color:var(--side)}.dbtns{display:flex;gap:8px}.dbtns button{width:44px;height:44px;border-radius:12px;border:3px solid var(--ink);background:#fff;font-weight:900;font-size:18px;box-shadow:3px 4px 0 var(--ink)}.dscreen{border-bottom:4px solid var(--ink);background:var(--paper)}.dinfo{padding:16px 22px 6px}.dinfo dl{display:grid;grid-template-columns:96px 1fr;gap:8px 14px;margin:0;font-size:15px}.dinfo dt{font-weight:900;color:var(--side)}.dinfo dd{margin:0;line-height:1.5}.dinfo code{background:#efe6d2;padding:1px 8px;border-radius:6px}.code{margin:14px 22px 22px;border:3px solid var(--ink);border-radius:14px;overflow:hidden}.codebar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:var(--ink);color:#fff6e6;font-size:13px}.codebar button{border:2px solid var(--yel);background:none;color:var(--yel);border-radius:8px;padding:3px 12px;font-weight:800;flex:none}.code pre{margin:0;padding:14px 16px;max-height:380px;overflow:auto;background:#2f2620;color:#f4ecda;font-size:13.5px;line-height:1.55}.sgroup{margin-bottom:22px}.sname{font-weight:900;font-size:18px;margin-bottom:10px}.sname small{font-weight:700;font-size:13px;color:var(--muted);margin-left:8px}.sitems{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.sbtn{display:flex;align-items:center;gap:10px;padding:8px 12px;text-align:left;background:var(--cream);border:3px solid var(--ink);border-radius:12px;box-shadow:3px 4px 0 var(--ink)}.sbtn:hover{background:#fffbe8}.sbtn.on{background:var(--softy)}.sicon{flex:none;width:30px;height:30px;border-radius:99px;background:var(--ink);color:var(--yel);display:grid;place-items:center;font-size:12px}.stext{display:flex;flex-direction:column;min-width:0}.stext b{font-size:14px}.stext code{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}footer{color:var(--muted);font-size:13px;padding-top:10px;border-top:3px dashed rgba(43,33,28,.25)}.setwrap{position:relative}.setbtn{padding:9px 16px;font-weight:800;font-size:14px;border:3px solid var(--ink);border-radius:999px;background:#fff;box-shadow:3px 4px 0 var(--ink)}.setbtn.on{background:var(--softy)}.setmask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.setpanel{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:max-content;padding:14px 16px 10px;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 6px 0 var(--ink)}.setrow{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.setopts{display:flex;gap:6px}.setopts button{width:36px;height:36px;border:2px solid var(--ink);border-radius:10px;background:#fff;font-weight:900}.setopts button.on{background:var(--ink);color:#fff}.setpanel p{margin:8px 0 0;font-size:12px;color:var(--muted)}@media(max-width:860px){header{position:static;padding:12px 16px}section{scroll-margin-top:70px}.tools,.tools input{width:100%}.tools input{flex:1}.body{grid-template-columns:1fr;padding:14px 16px 40px;gap:12px}nav{position:sticky;top:0;z-index:10;flex-direction:row;overflow-x:auto;max-height:none;background:var(--paper);padding:6px 2px 10px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:none}.grid,.dinfo dl{grid-template-columns:1fr}}.styles .lab{font-size:13px;font-weight:800;color:var(--muted);white-space:nowrap}.tags span.bdtag{font-family:inherit;background:transparent;border-style:dashed}.mtf *,.mtf{font-family:inherit}.card{display:flex;flex-direction:column}.screen{flex:none}.meta{flex:1;display:flex;flex-direction:column}.tags{margin-top:auto;padding-top:10px}.tools{flex-wrap:nowrap}.tools input,.setbtn{height:44px;box-sizing:border-box}.setbtn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.app.themed .setbtn{background:var(--cream);color:var(--ink);border:var(--bd2);border-radius:var(--rad2);box-shadow:var(--sh2)}.app.themed .setbtn.on{border-color:var(--acc);color:var(--acc)}.shead{align-items:center}.setsw{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.15);justify-content:space-between}.sw{position:relative;width:52px;height:30px;padding:0;border:0;border-radius:999px;background:#d6d6d6;cursor:pointer;transition:background .15s}.sw i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:left .15s}.sw.on{background:#8554e8}.app.themed .sw.on{background:var(--acc)}.sw.on i{left:25px}.app.themed{--paper: var(--bg);background-color:var(--bg);color:var(--ink);font-family:var(--font)}.app.themed header{background:var(--hbg);border-bottom:var(--hline);box-shadow:var(--hsh)}.app.themed h1,.app.themed .name,.app.themed .dhead h2{font-family:var(--hfont)}.app.themed .logo{rotate:0deg;font-family:var(--hfont);background:var(--acc);color:var(--accInk);border:var(--bd);border-radius:var(--rad2);box-shadow:var(--logosh)}.app.themed .styles .sep{border-color:var(--line-c)}.app.themed .styles button,.app.themed .tools input,.app.themed .dbtns button,.app.themed .sbtn{background:var(--cream);color:var(--ink);border:var(--bd2);border-radius:var(--rad2);box-shadow:var(--sh2)}.app.themed .tools input:focus{background:var(--cream);border-color:var(--acc)}.app.themed .styles button.on{background:var(--acc);border-color:var(--acc);color:var(--accInk);translate:none}.app.themed nav a{color:var(--ink);border-radius:var(--rad2)}.app.themed nav a:hover{background:var(--chip)}.app.themed nav a.on{background:var(--acc);border-color:var(--acc);color:var(--accInk);box-shadow:var(--sh2)}.app.themed nav a em{border:0;background:var(--chip);color:var(--ink)}.app.themed nav a.on em{background:var(--accInk);color:var(--acc)}.app.themed .shead h2{font-family:var(--hfont);background:var(--h2bg);color:var(--h2ink);border-radius:var(--rad2);box-shadow:var(--h2sh)}.app.themed .card{background:var(--cream);border:var(--bd);border-radius:var(--rad);box-shadow:var(--sh)}.app.themed .card:hover{translate:var(--lift);box-shadow:var(--shh);border-color:var(--acc)}.app.themed .card:focus-visible{outline-color:var(--acc)}.app.themed .screen,.app.themed .dscreen{background:#111;border-bottom:var(--line)}.app.themed .tags span{background:var(--chip);color:var(--ink);border:0;border-radius:calc(var(--rad2) / 2)}.app.themed .tags span:first-child{background:var(--accSoft);color:var(--accDark);font-weight:700}.app.themed .mask{background:var(--maskbg)}.app.themed .detail{background:var(--cream);border:var(--bd);border-radius:var(--rad);box-shadow:var(--dsh)}.app.themed .dhead{background:var(--hbg2);border-bottom:var(--line)}.app.themed .crumb,.app.themed .dinfo dt{color:var(--acc)}.app.themed .dinfo code{background:var(--accSoft);color:var(--accDark)}.app.themed .code{border:var(--bd2);border-radius:var(--rad2)}.app.themed .codebar{background:var(--ink);color:var(--bg)}.app.themed .codebar button{border-color:var(--acc2);color:var(--acc2)}.app.themed .code pre{background:var(--pre);color:#eee}.app.themed .sbtn:hover{border-color:var(--acc);background:var(--cream)}.app.themed .sbtn.on{background:var(--accSoft);border-color:var(--acc)}.app.themed .sicon{background:var(--acc);color:var(--accInk);border-radius:var(--rad2)}.app.themed footer{border-top:var(--line);color:var(--muted)}.app[data-style=music]{--bg: #f5f0e8;--cream: #fffdf9;--ink: #161012;--side: #5b4e4a;--muted: #7a6d68;--acc: #e3242f;--acc2: #ff6b74;--accInk: #fff;--accSoft: #fde3e4;--accDark: #b3121c;--chip: #ece4d8;--line-c: #161012;--font: "Noto Sans SC", "Microsoft YaHei", sans-serif;--hfont: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--hbg: #f5f0e8;--hbg2: #fffdf9;--hline: 3px solid #161012;--hsh: none;--bd: 2.5px solid #161012;--bd2: 2px solid #161012;--line: 2.5px solid #161012;--rad: 2px;--rad2: 2px;--sh: 6px 6px 0 #e3242f, -3px -3px 0 #19c3e0;--shh: 9px 9px 0 #e3242f, -4px -4px 0 #19c3e0;--sh2: 3px 3px 0 #161012;--lift: -2px -2px;--logosh: -5px 0 0 #19c3e0;--h2bg: #161012;--h2ink: #fff;--h2sh: 5px 5px 0 #e3242f;--dsh: 12px 12px 0 #e3242f, -5px -5px 0 #19c3e0;--maskbg: rgba(245, 240, 232, .86);--pre: #1d1517;background-image:radial-gradient(rgba(22,16,18,.07) 1.6px,transparent 2px);background-size:14px 14px}.app[data-style=music] h1{font-weight:900;text-shadow:2px 0 0 #e3242f,-2px 0 0 #19c3e0}.app[data-style=music] .shead h2{font-weight:900;letter-spacing:2px}.app[data-style=music] .styles button.on{box-shadow:3px 3px #19c3e0}.app[data-style=tech]{--bg: #eef3f9;--cream: #ffffff;--ink: #0c1a2b;--side: #44607e;--muted: #6a8099;--acc: #1f5eff;--acc2: #4dd8ff;--accInk: #fff;--accSoft: #e2ebff;--accDark: #1745c4;--chip: #e6edf6;--line-c: #b9c8da;--font: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--hfont: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--hbg: rgba(255, 255, 255, .88);--hbg2: #f6f9fd;--hline: 1px solid #c9d6e6;--hsh: 0 4px 20px rgba(31, 94, 255, .06);--bd: 1px solid #c9d6e6;--bd2: 1px solid #c9d6e6;--line: 1px solid #d6e0ec;--rad: 4px;--rad2: 4px;--sh: 0 6px 22px rgba(12, 26, 43, .06);--shh: 0 10px 30px rgba(31, 94, 255, .16);--sh2: none;--lift: 0 -2px;--logosh: 0 0 0 4px #e2ebff;--h2bg: transparent;--h2ink: #0c1a2b;--h2sh: inset 4px 0 0 #1f5eff;--dsh: 0 30px 80px rgba(12, 26, 43, .25);--maskbg: rgba(238, 243, 249, .85);--pre: #0c1a2b;background-image:linear-gradient(rgba(31,94,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,94,255,.07) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}.app[data-style=tech] header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app[data-style=tech] h1,.app[data-style=tech] .shead h2{letter-spacing:1px}.app[data-style=tech] .shead h2{padding-left:18px}.app[data-style=tech] .brand p,.app[data-style=tech] .tags span,.app[data-style=tech] nav a em{font-family:Consolas,Cascadia Mono,monospace}.app[data-style=tech] .card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.app[data-style=tech] .meta{border-top:2px solid transparent;background:linear-gradient(90deg,#1f5eff 0 40px,transparent 40px) top / 100% 2px no-repeat}.app[data-style=pixel]{--bg: #f1e3c4;--cream: #fff8e8;--ink: #2a1d12;--side: #6b4f33;--muted: #7d6447;--acc: #3fa34d;--acc2: #ffd23f;--accInk: #fff;--accSoft: #dff2d9;--accDark: #24732f;--chip: #ecdcb8;--line-c: #2a1d12;--font: "Microsoft YaHei", sans-serif;--hfont: "Microsoft YaHei", sans-serif;--hbg: #fff8e8;--hbg2: #ffd23f;--hline: 4px solid #2a1d12;--hsh: 0 4px 0 rgba(42, 29, 18, .18);--bd: 4px solid #2a1d12;--bd2: 3px solid #2a1d12;--line: 4px solid #2a1d12;--rad: 0px;--rad2: 0px;--sh: 6px 6px 0 #2a1d12;--shh: 8px 8px 0 #2a1d12;--sh2: 3px 3px 0 #2a1d12;--lift: -2px -2px;--logosh: 4px 4px 0 #2a1d12;--h2bg: #ffd23f;--h2ink: #2a1d12;--h2sh: 4px 4px 0 #2a1d12;--dsh: 10px 10px 0 #2a1d12;--maskbg: rgba(42, 29, 18, .55);--pre: #2a1d12;background-image:linear-gradient(45deg,#e9d8b3 25%,transparent 25%,transparent 75%,#e9d8b3 75%),linear-gradient(45deg,#e9d8b3 25%,transparent 25%,transparent 75%,#e9d8b3 75%);background-size:48px 48px;background-position:0 0,24px 24px}.app[data-style=pixel] h1,.app[data-style=pixel] .shead h2,.app[data-style=pixel] .name,.app[data-style=pixel] .styles button b{font-weight:900;letter-spacing:1px}.app[data-style=pixel] .shead h2{border:3px solid #2a1d12}.app[data-style=pixel] .logo{background:#ffd23f;color:#2a1d12}.app[data-style=pixel] .styles button.on,.app[data-style=pixel] nav a.on{translate:2px 2px;box-shadow:1px 1px #2a1d12;border-color:#2a1d12}.app[data-style=pixel] .tags span{border:2px solid #2a1d12}.app[data-style=paint]{--bg: #f6f1e6;--cream: #fffcf5;--ink: #2f2925;--side: #6e6158;--muted: #8b7d71;--acc: #b8322a;--acc2: #e8a07a;--accInk: #fff7ee;--accSoft: #f6e1d9;--accDark: #8f2219;--chip: #eee6d6;--line-c: #cbbfab;--font: "Microsoft YaHei", "PingFang SC", sans-serif;--hfont: "STKaiti", "KaiTi", "华文楷体", "楷体", serif;--hbg: rgba(246, 241, 230, .92);--hbg2: #f8f3e9;--hline: 1px solid #d8ccb8;--hsh: 0 6px 24px rgba(80, 60, 40, .06);--bd: 1px solid #ddd2c0;--bd2: 1px solid #d3c6b1;--line: 1px solid #e3d9c8;--rad: 6px;--rad2: 4px;--sh: 0 10px 28px rgba(80, 60, 40, .09);--shh: 0 16px 40px rgba(80, 60, 40, .16);--sh2: none;--lift: 0 -3px;--logosh: none;--h2bg: transparent;--h2ink: #2f2925;--h2sh: none;--dsh: 0 30px 80px rgba(60, 40, 20, .3);--maskbg: rgba(246, 241, 230, .85);--pre: #2f2925;background-image:radial-gradient(ellipse at 15% 10%,rgba(184,50,42,.05),transparent 40%),radial-gradient(ellipse at 85% 80%,rgba(60,90,110,.06),transparent 45%),repeating-linear-gradient(115deg,rgba(120,100,70,.025) 0 2px,transparent 2px 9px);background-attachment:fixed}.app[data-style=paint] .logo{border:3px double #fff7ee;outline:3px solid #b8322a;font-size:28px}.app[data-style=paint] .shead h2{font-size:30px;font-weight:700;padding-left:0;background:linear-gradient(transparent 62%,rgba(47,41,37,.12) 62% 88%,transparent 88%)}.app[data-style=paint] h1{font-size:30px;font-weight:700}.app[data-style=paint] .styles button,.app[data-style=paint] nav a.on{border-radius:999px}.app[data-style=paint] .name{font-size:20px}.app[data-style=sfx]{--bg: #f3f5fa;--cream: #ffffff;--ink: #1b2130;--side: #55607a;--muted: #7b8499;--acc: #ff6a2b;--acc2: #ffb37f;--accInk: #fff;--accSoft: #ffeadf;--accDark: #d24a0e;--chip: #e9ecf3;--line-c: #cfd5e2;--font: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--hfont: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--hbg: #ffffff;--hbg2: #ffffff;--hline: 1px solid #e3e7ef;--hsh: 0 6px 24px rgba(27, 33, 48, .05);--bd: 1px solid #e3e7ef;--bd2: 1px solid #e1e5ee;--line: 1px solid #e3e7ef;--rad: 16px;--rad2: 12px;--sh: 0 8px 24px rgba(27, 33, 48, .06);--shh: 0 12px 30px rgba(255, 106, 43, .18);--sh2: 0 2px 8px rgba(27, 33, 48, .05);--lift: 0 -2px;--logosh: 0 8px 20px rgba(255, 106, 43, .35);--h2bg: transparent;--h2ink: #1b2130;--h2sh: none;--dsh: 0 30px 80px rgba(27, 33, 48, .25);--maskbg: rgba(27, 33, 48, .45);--pre: #1b2130}.app[data-style=sfx] .shead h2{padding-left:0}.app[data-style=sfx] .sitems{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.app[data-style=sfx] .sbtn{padding:10px 12px;transition:translate .12s,box-shadow .12s}.app[data-style=sfx] .sbtn:hover{translate:0 -2px;box-shadow:0 8px 20px #ff6a2b26}.app[data-style=sfx] .sicon{border-radius:99px;width:34px;height:34px}.app[data-style=sfx] .sbtn.on .sicon{animation:sfxpulse .8s ease-in-out infinite}@keyframes sfxpulse{50%{box-shadow:0 0 0 6px #ff6a2b33}}.app.themed .setbtn,.app.themed .setopts button{background:var(--cream);color:var(--ink);border:var(--bd2);border-radius:var(--rad2);box-shadow:var(--sh2)}.app.themed .setbtn.on,.app.themed .setopts button.on{background:var(--acc);border-color:var(--acc);color:var(--accInk)}.app.themed .setpanel{background:var(--cream);border:var(--bd);border-radius:var(--rad);box-shadow:var(--dsh)}.app[data-style=mono] .setbtn,.app[data-style=mono] .setopts button,.app[data-style=mono] .setpanel{border:1.5px solid #d6d6d6;box-shadow:0 6px 20px #00000014}.app[data-style=mono] .setopts button.on{background:#121212;border-color:#121212}.app[data-style=paint] .tools input,.app[data-style=paint] .setbtn{border-radius:999px}