/*! 世界历史沙盘 · © 2026 保留所有权利 All rights reserved.
 * 本文件为专有软件，未经书面许可不得复制、分发、修改或用于衍生作品。
 * 内容（疆域/朝代/事件/导览/词条）同受著作权保护。
 * build 20261031-f5ec76
 */
html[data-skin][data-pal="cinnabar"]{
--bg:#120706; --panel:#1f0d0b; --panel2:#180a08; --ink:#f8ece0; --muted:#d0b4a2;
--line:#3a1a15; --border:#6a2a20; --accent:#f07656; --split:#2c1310; --on-accent:#fff1dc;
--sk-gilt:#e9c46a; --sk-seal:#d23c2a; --sk-seal-ink:#fff1dc; --sk-grain:none;
--sk-frame:linear-gradient(180deg,#1d0b09,#110605); --sk-beam:linear-gradient(180deg,#2a100c,#1a0907);
--sk-card:#241009; --sk-card-border:#3e1b14; --sk-input:#140806;
--sk-brass:linear-gradient(180deg,#2c130f,#1f0d0a); --sk-brass-ink:#f8ece0; --sk-brass-border:rgba(233,196,106,.35);
--sk-on:linear-gradient(180deg,#e65a3e,#b8301f); --sk-on-ink:#fff1dc; --sk-on-border:#7a1c12;
}
html[data-skin][data-pal="cinnabar"] body.m2{
--s0:#120706; --s1:#1d0c0a; --s2:#28110d; --s3:#3a1913; --hair:rgba(233,196,106,.15);
--gold:#f2775a; --gold-dim:#c04a33; --txt:#f8ece0; --txt2:#dcc3b2; --txt3:#a88b7b;
--v-pri:#c8321f; --v-prink:#fff1dc; --v-acct:rgba(226,80,58,.16); --v-bub:#c8321f; --v-bubink:#fff; --v-glass:rgba(30,12,10,.86); --v-shadow:rgba(0,0,0,.55);
}
html[data-skin][data-pal="celadon"]{
--bg:#dfe8e3; --panel:#eef4f0; --panel2:#e3ece7; --ink:#1d2b29; --muted:#566b67;
--line:#c9d8d2; --border:#a9c0b9; --accent:#3a7570; --split:#d3e0db; --on-accent:#f4fbf8;
--sk-gilt:#2f6560; --sk-seal:#3d7a73; --sk-seal-ink:#f4fbf8; --sk-grain:none;
--sk-frame:linear-gradient(180deg,#ecf3ef,#dfe9e4); --sk-beam:linear-gradient(180deg,#e8f1ed,#d9e5df);
--sk-card:#f6faf8; --sk-card-border:#cfdfd9; --sk-input:#f6faf8;
--sk-brass:linear-gradient(180deg,#f3f8f5,#e2ece7); --sk-brass-ink:#24423e; --sk-brass-border:#a9c0b9;
--sk-on:linear-gradient(180deg,#4f8f88,#3a726b); --sk-on-ink:#f4fbf8; --sk-on-border:#2b5a54;
}
html[data-skin][data-pal="celadon"] body.m2{
--s0:#dfe8e3; --s1:#eef4f0; --s2:#f7fbf9; --s3:#d6e4de; --hair:rgba(40,80,72,.14);
--gold:#2f6e68; --gold-dim:#5b8f88; --txt:#1d2b29; --txt2:#3c4f4b; --txt3:#62766f;
--v-pri:#3f7f78; --v-prink:#f4fbf8; --v-acct:rgba(63,127,120,.13); --v-bub:#3f7f78; --v-bubink:#fff; --v-glass:rgba(240,246,243,.88); --v-shadow:rgba(30,60,55,.18);
}
html[data-skin][data-pal="jade"]{
--bg:#04120d; --panel:#0a2018; --panel2:#071812; --ink:#eaf7f0; --muted:#9fc4b3;
--line:#14352a; --border:#1f5a45; --accent:#4fd49a; --split:#0f2a20; --on-accent:#03140d;
--sk-gilt:#e6c76f; --sk-seal:#2fa874; --sk-seal-ink:#03140d; --sk-grain:none;
--sk-frame:linear-gradient(180deg,#0b2119,#05140f); --sk-beam:linear-gradient(180deg,#0f2b20,#0a1f17);
--sk-card:#0d261d; --sk-card-border:#17402f; --sk-input:#06160f;
--sk-brass:linear-gradient(180deg,#10291f,#0b1f17); --sk-brass-ink:#eaf7f0; --sk-brass-border:rgba(230,199,111,.35);
--sk-on:linear-gradient(180deg,#5fe0a7,#2fa874); --sk-on-ink:#03140d; --sk-on-border:#1f7a52;
}
html[data-skin][data-pal="jade"] body.m2{
--s0:#04120d; --s1:#0a1f17; --s2:#10291f; --s3:#17382b; --hair:rgba(95,224,167,.14);
--gold:#5fd9a2; --gold-dim:#3ea57a; --txt:#eaf7f0; --txt2:#c3e0d3; --txt3:#86ab9b;
--v-pri:#2fa874; --v-prink:#03140d; --v-acct:rgba(79,212,154,.14); --v-bub:#2fa874; --v-bubink:#03140d; --v-glass:rgba(8,26,19,.86); --v-shadow:rgba(0,0,0,.55);
}
.skin-grid-3{ grid-template-columns:repeat(3,1fr) }
.skin-pv[data-s="cinnabar"]{ background:linear-gradient(180deg,#2a100c,#120706) }
.skin-pv[data-s="cinnabar"] i{ background:linear-gradient(180deg,#f1d58c,#c9a24a) } .skin-pv[data-s="cinnabar"] em{ background:linear-gradient(180deg,#ee5d40,#b8301f) }
.skin-pv[data-s="celadon"]{ background:linear-gradient(180deg,#eef4f0,#cfdfd9) }
.skin-pv[data-s="celadon"] i{ background:#a9c0b9 } .skin-pv[data-s="celadon"] em{ background:radial-gradient(circle at 35% 30%,#bfe0d8,#5d9c94 70%) }
.skin-pv[data-s="jade"]{ background:linear-gradient(180deg,#0f2b20,#04120d) }
.skin-pv[data-s="jade"] i{ background:linear-gradient(180deg,#f0d78c,#c69a3a) } .skin-pv[data-s="jade"] em{ background:radial-gradient(circle at 35% 30%,#9ff2c6,#2fa874 70%) }
.pro-skins{ margin-top:10px; padding:10px; border-radius:12px; border:1px solid rgba(242,196,69,.45);
background:linear-gradient(160deg,rgba(242,196,69,.10),rgba(242,196,69,.02)) }
.pro-skin-h{ display:flex; align-items:center; gap:6px }
.pro-skins .pro-tag{ display:inline-flex; align-items:center; padding:1px 7px; border-radius:6px; font-size:11px; font-weight:800; color:#2a1a06; background:linear-gradient(#ffe7a0,#e3b247) }
.skin-opt .skin-pv{ position:relative }
.pv-lock{ position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:rgba(0,0,0,.38) }
.pro-skins.locked .pro-opt{ cursor:not-allowed; opacity:.62; filter:saturate(.75) }
.pro-skins.locked .pro-opt:hover{ opacity:.72 }
.pro-skins .linkbtn{ border:0; background:none; padding:0; color:var(--accent); font:inherit; font-weight:700; text-decoration:underline; cursor:pointer }
@keyframes pro-note-flash{ 0%,100%{ background:transparent } 30%{ background:rgba(242,196,69,.28) } }
.pro-skin-note.flash{ animation:pro-note-flash .9s ease-in-out 2; border-radius:6px }
html[data-skin="navy"][data-pal="cinnabar"] #dock-root .dock-foot{ background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(31,13,11,.97) 34%) }
html[data-skin="navy"][data-pal="jade"] #dock-root .dock-foot{ background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(10,32,24,.97) 34%) }
html[data-skin="navy"][data-pal="cinnabar"] body.m2 #m2-top{ background:linear-gradient(180deg,rgba(18,7,6,.94) 62%,rgba(18,7,6,0)) }
html[data-skin="navy"][data-pal="jade"] body.m2 #m2-top{ background:linear-gradient(180deg,rgba(4,18,13,.94) 62%,rgba(4,18,13,0)) }
html[data-skin="paper"][data-pal="celadon"] #figcard{ --fc2-paper:#f6faf8; --fc2-ink:#1d2b29; --fc2-mute:#566b67; --fc2-line:rgba(40,80,72,.2) }
html[data-skin="paper"][data-pal="celadon"] #dock-root .dock-foot, html[data-skin="paper"][data-pal="celadon"] .panel-foot{ background:linear-gradient(to bottom, rgba(238,244,240,0), rgba(238,244,240,.97) 34%) }
html[data-skin="paper"][data-pal="celadon"] :is(.wchip.wchip-demo, .wc-demo){ color:#2f6560; border-color:#7fa9a1 }
html[data-skin="paper"][data-pal="celadon"] .wc-demo{ background:#e1eeea }
html[data-skin="paper"][data-pal="celadon"] .wchip.wchip-demo.on, html[data-skin="paper"][data-pal="celadon"] .wd-sim{ background:linear-gradient(#4f8f88,#3a726b) !important; color:#f4fbf8 !important; border-color:#2b5a54 !important }
html[data-skin="paper"][data-pal="celadon"] #searchres .sr-grp{ background:#e3ece7; color:#2f6560 }
html[data-skin="paper"][data-pal="celadon"] #searchres .sr:hover, html[data-skin="paper"][data-pal="celadon"] #searchres .sr.sel{ background:#e1eeea }
html[data-skin="paper"][data-pal="celadon"] :is(#searchres .sr .sy, #searchres .sr .st em, .prog-streak .ps-num, .qz-stats b, .qz-res b, .qz-score b, .legal-about .la-brand){ color:#2f6560 }
html[data-skin="paper"][data-pal="celadon"] .prog-streak, html[data-skin="paper"][data-pal="celadon"] .legal-about{ background:linear-gradient(160deg,#eef4f0,#dbe7e2) !important; border-color:#b9cec7 !important }
html[data-skin="paper"][data-pal="celadon"] .pro-tag{ color:#f4fbf8; background:#3f7f78 }
html[data-skin="paper"][data-pal="celadon"] body.m2 :is(#m2-top .m2-tr button, .m2-tr.m2-tr-fixed button){ background:rgba(244,250,247,.9); color:#2f6560; border-color:#9dbab3 }
html[data-skin="paper"][data-pal="celadon"] body.m2 .st-hero .meta{ background:linear-gradient(180deg,transparent,rgba(238,244,240,.95)) }
html[data-skin="paper"][data-pal="celadon"] .fc-port{ background:#d9e6e1 }
:root{ --tex-crackle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath d='M211 185Q219 219 217 254M211 185Q186 173 162 160M217 254Q154 247 92 248M162 160Q119 195 83 239M92 248Q85 247 83 240M83 240Q84 239 83 239M-12 299Q33 264 83 240M-12 299Q-15 284 -29 278M300 100Q287 134 279 169M211 185Q226 178 240 171M240 171Q259 170 279 169M236 55Q245 51 248 41M236 55Q189 77 148 108M148 108Q134 107 127 96M231 18Q173 32 114 36M231 18Q235 32 248 39M127 96Q114 67 114 36M248 39Q242 39 248 41M240 171Q240 113 236 55M300 100Q279 66 248 41M162 160Q154 134 148 108M57 198Q73 217 83 239M57 198Q73 148 100 104M100 104Q112 96 127 96M92 -12Q85 -13 83 -20M92 -12Q154 -5 217 -6M231 18Q221 7 217 -6M114 36Q105 11 92 -12M-12 39Q33 4 83 -20M19 169Q-0 170 -20 171M19 169Q32 135 40 100M40 100Q19 66 -12 41M57 198Q39 183 19 169M-49 185Q-34 178 -20 171M100 104Q70 101 40 100M-12 39Q-18 39 -12 41' fill='none' stroke='rgba%2856%2C92%2C88%2C0.45%29' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M-22 101Q1 113 26 122M-3 147Q12 135 26 122M86 140Q99 145 112 152M86 140Q100 110 109 79M109 79Q122 79 133 74M124 149Q118 149 112 152M124 149Q130 119 136 89M136 89Q135 82 133 74M114 179Q114 165 112 152M114 179Q130 173 146 173M162 157Q155 166 146 173M162 157Q143 152 124 149M166 156Q152 122 136 89M166 156Q163 154 162 157M41 54Q34 47 28 38M41 54Q59 51 77 46M28 38Q42 26 59 18M77 46Q74 35 73 24M73 24Q66 21 59 18M102 77Q72 87 40 93M102 77Q90 61 77 46M40 68Q41 80 40 93M40 68Q42 61 41 54M102 77Q106 76 109 79M140 7Q118 3 96 1M140 7Q153 29 163 52M96 1Q85 14 73 24M163 52Q148 63 133 74M73 284Q66 281 59 278M73 284Q83 271 96 261M96 261Q92 257 90 252M52 266Q57 271 59 278M52 266Q63 252 76 240M90 252Q83 246 76 240M-26 266Q-16 267 -7 271M130 214Q122 208 112 205M130 214Q138 222 146 230M112 205Q103 229 90 252M96 261Q118 265 140 267M146 230Q142 248 140 267M166 156Q175 160 185 161M185 161Q190 129 199 98M163 52Q164 49 166 52M166 52Q182 76 199 98M140 267Q153 289 163 312M114 179Q114 188 109 196M86 140Q79 145 71 147M71 147Q89 172 109 196M112 205Q111 203 109 202M69 229Q71 236 76 240M69 229Q73 217 76 205M76 205Q92 204 109 202M130 214Q141 194 146 173M109 202Q106 199 109 196M59 18Q54 13 52 6M29 -5Q38 -0 47 3M29 -5Q13 6 -7 11M28 38Q23 36 18 35M18 35Q5 23 -7 11M52 6Q51 3 47 3M11 59Q15 70 18 81M11 59Q9 60 11 59M11 59Q-2 60 -13 68M18 81Q3 82 -12 78M-12 78Q-14 73 -13 68M40 68Q25 65 11 59M40 93Q38 94 37 96M37 96Q28 87 18 81M18 35Q16 47 11 59M-22 101Q-18 88 -12 78M29 122Q28 123 26 122M29 122Q36 109 37 96M47 263Q39 258 29 255M47 263Q54 246 63 231M29 255Q35 244 38 231M63 231Q50 228 38 231M-7 271Q10 260 29 255M52 266Q51 263 47 263M69 229Q66 230 63 231M30 218Q46 205 62 190M30 218Q34 224 38 231M62 190Q68 199 76 205M185 161Q189 164 191 168M146 230Q176 214 205 197M191 168Q197 183 205 197M218 284Q225 274 234 266M234 266Q231 237 227 209M205 197Q215 204 227 209M166 52Q193 40 218 24M234 6Q227 16 218 24M234 6Q244 7 253 11M29 122Q42 135 56 149M71 147Q64 149 58 150M56 149Q56 152 58 150M62 190Q64 188 61 187M58 150Q61 169 61 187M240 202Q232 203 227 209M39 161Q33 178 23 193M39 161Q15 176 -12 186M23 193Q13 201 -0 204M-0 204Q-10 201 -20 202M-20 202Q-17 194 -12 186M56 149Q46 153 39 161M61 187Q43 193 23 193M-3 147Q-6 167 -12 186M30 218Q16 209 -0 204M253 11Q266 23 278 35M240 202Q243 194 248 186M218 24Q235 44 247 68M278 35Q276 47 271 59M271 59Q258 60 247 68M229 103Q234 105 238 101M229 103Q234 119 234 136M238 101Q261 113 286 122M234 136Q246 140 257 147M257 147Q272 135 286 122M199 98Q214 100 229 103M247 68Q248 73 248 78M248 78Q244 90 238 101M191 168Q214 153 234 136M248 186Q252 167 257 147' fill='none' stroke='rgba%2856%2C92%2C88%2C0.28%29' stroke-width='0.55' stroke-linecap='round'/%3E%3C/svg%3E") ; --tex-crackle-lite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath d='M211 185Q219 219 217 254M211 185Q186 173 162 160M217 254Q154 247 92 248M162 160Q119 195 83 239M92 248Q85 247 83 240M83 240Q84 239 83 239M-12 299Q33 264 83 240M-12 299Q-15 284 -29 278M300 100Q287 134 279 169M211 185Q226 178 240 171M240 171Q259 170 279 169M236 55Q245 51 248 41M236 55Q189 77 148 108M148 108Q134 107 127 96M231 18Q173 32 114 36M231 18Q235 32 248 39M127 96Q114 67 114 36M248 39Q242 39 248 41M240 171Q240 113 236 55M300 100Q279 66 248 41M162 160Q154 134 148 108M57 198Q73 217 83 239M57 198Q73 148 100 104M100 104Q112 96 127 96M92 -12Q85 -13 83 -20M92 -12Q154 -5 217 -6M231 18Q221 7 217 -6M114 36Q105 11 92 -12M-12 39Q33 4 83 -20M19 169Q-0 170 -20 171M19 169Q32 135 40 100M40 100Q19 66 -12 41M57 198Q39 183 19 169M-49 185Q-34 178 -20 171M100 104Q70 101 40 100M-12 39Q-18 39 -12 41' fill='none' stroke='rgba%2856%2C92%2C88%2C0.22%29' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M-22 101Q1 113 26 122M-3 147Q12 135 26 122M86 140Q99 145 112 152M86 140Q100 110 109 79M109 79Q122 79 133 74M124 149Q118 149 112 152M124 149Q130 119 136 89M136 89Q135 82 133 74M114 179Q114 165 112 152M114 179Q130 173 146 173M162 157Q155 166 146 173M162 157Q143 152 124 149M166 156Q152 122 136 89M166 156Q163 154 162 157M41 54Q34 47 28 38M41 54Q59 51 77 46M28 38Q42 26 59 18M77 46Q74 35 73 24M73 24Q66 21 59 18M102 77Q72 87 40 93M102 77Q90 61 77 46M40 68Q41 80 40 93M40 68Q42 61 41 54M102 77Q106 76 109 79M140 7Q118 3 96 1M140 7Q153 29 163 52M96 1Q85 14 73 24M163 52Q148 63 133 74M73 284Q66 281 59 278M73 284Q83 271 96 261M96 261Q92 257 90 252M52 266Q57 271 59 278M52 266Q63 252 76 240M90 252Q83 246 76 240M-26 266Q-16 267 -7 271M130 214Q122 208 112 205M130 214Q138 222 146 230M112 205Q103 229 90 252M96 261Q118 265 140 267M146 230Q142 248 140 267M166 156Q175 160 185 161M185 161Q190 129 199 98M163 52Q164 49 166 52M166 52Q182 76 199 98M140 267Q153 289 163 312M114 179Q114 188 109 196M86 140Q79 145 71 147M71 147Q89 172 109 196M112 205Q111 203 109 202M69 229Q71 236 76 240M69 229Q73 217 76 205M76 205Q92 204 109 202M130 214Q141 194 146 173M109 202Q106 199 109 196M59 18Q54 13 52 6M29 -5Q38 -0 47 3M29 -5Q13 6 -7 11M28 38Q23 36 18 35M18 35Q5 23 -7 11M52 6Q51 3 47 3M11 59Q15 70 18 81M11 59Q9 60 11 59M11 59Q-2 60 -13 68M18 81Q3 82 -12 78M-12 78Q-14 73 -13 68M40 68Q25 65 11 59M40 93Q38 94 37 96M37 96Q28 87 18 81M18 35Q16 47 11 59M-22 101Q-18 88 -12 78M29 122Q28 123 26 122M29 122Q36 109 37 96M47 263Q39 258 29 255M47 263Q54 246 63 231M29 255Q35 244 38 231M63 231Q50 228 38 231M-7 271Q10 260 29 255M52 266Q51 263 47 263M69 229Q66 230 63 231M30 218Q46 205 62 190M30 218Q34 224 38 231M62 190Q68 199 76 205M185 161Q189 164 191 168M146 230Q176 214 205 197M191 168Q197 183 205 197M218 284Q225 274 234 266M234 266Q231 237 227 209M205 197Q215 204 227 209M166 52Q193 40 218 24M234 6Q227 16 218 24M234 6Q244 7 253 11M29 122Q42 135 56 149M71 147Q64 149 58 150M56 149Q56 152 58 150M62 190Q64 188 61 187M58 150Q61 169 61 187M240 202Q232 203 227 209M39 161Q33 178 23 193M39 161Q15 176 -12 186M23 193Q13 201 -0 204M-0 204Q-10 201 -20 202M-20 202Q-17 194 -12 186M56 149Q46 153 39 161M61 187Q43 193 23 193M-3 147Q-6 167 -12 186M30 218Q16 209 -0 204M253 11Q266 23 278 35M240 202Q243 194 248 186M218 24Q235 44 247 68M278 35Q276 47 271 59M271 59Q258 60 247 68M229 103Q234 105 238 101M229 103Q234 119 234 136M238 101Q261 113 286 122M234 136Q246 140 257 147M257 147Q272 135 286 122M199 98Q214 100 229 103M247 68Q248 73 248 78M248 78Q244 90 238 101M191 168Q214 153 234 136M248 186Q252 167 257 147' fill='none' stroke='rgba%2856%2C92%2C88%2C0.13%29' stroke-width='0.55' stroke-linecap='round'/%3E%3C/svg%3E"); --tex-jade:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.016 .03' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .86  0 0 0 0 1  0 0 0 0 .93  0 0 0 .5 -.32'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url%28#n%29'/%3E%3C/svg%3E"); --tex-meander:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M2 34V2h32v26H10V10h16v10h-8' fill='none' stroke='rgba%28233%2C196%2C106%2C.06%29' stroke-width='1.6'/%3E%3C/svg%3E"); }
html[data-skin][data-pal="jade"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){
background-image:
radial-gradient(110% 65% at 14% -14%, rgba(190,255,225,.26), transparent 52%),
radial-gradient(70% 45% at 50% 40%, rgba(150,240,200,.08), transparent 70%),
radial-gradient(90% 60% at 104% 112%, rgba(80,210,160,.16), transparent 60%),
var(--tex-jade),
linear-gradient(160deg, rgba(44,104,84,.86) 0%, rgba(26,74,58,.88) 45%, rgba(16,52,41,.90) 100%) !important;
background-size: auto, auto, auto, 420px 420px, auto !important;
border-color: rgba(160,255,210,.30) !important;
box-shadow: inset 0 1px 0 rgba(210,255,230,.30), inset 0 0 70px rgba(90,240,170,.10), 0 12px 32px rgba(0,0,0,.45) !important;
-webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
}
html[data-skin][data-pal="jade"] :is(.warcard, .fg-item, .sh-row, .sl-row){
background-image: linear-gradient(180deg, rgba(170,255,215,.12), rgba(170,255,215,0) 42%), radial-gradient(140% 120% at 18% 0%, rgba(60,210,145,.20), transparent 62%) !important;
border-color: rgba(140,240,190,.24) !important;
box-shadow: inset 0 1px 0 rgba(215,255,235,.20), inset 0 -10px 20px rgba(0,0,0,.22) !important;
}
html[data-skin][data-pal="jade"] .btn.primary{
background: radial-gradient(120% 90% at 30% 14%, rgba(255,255,255,.50), transparent 42%), linear-gradient(180deg, #74eab6, #23955f 68%, #146a45) !important;
border: 1px solid #e6c76f !important; color: #03200f !important; text-shadow: 0 1px 0 rgba(255,255,255,.35);
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 7px rgba(0,60,30,.45), 0 4px 14px rgba(20,170,105,.35) !important;
}
html[data-skin][data-pal="jade"] body.m2 #m2-nav button.on svg.ic{
background: radial-gradient(110% 90% at 32% 18%, rgba(230,255,240,.55), transparent 45%), linear-gradient(180deg, rgba(110,235,175,.55), rgba(30,140,90,.55)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 12px rgba(95,217,162,.55); border-radius: 999px;
}
html[data-skin][data-pal="celadon"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){
background-image:
radial-gradient(130% 80% at 24% -22%, rgba(255,255,255,.60), transparent 55%),
var(--tex-crackle),
linear-gradient(170deg, #e6f0ec 0%, #d4e4de 55%, #c5dad2 100%) !important;
background-size: auto, 260px 260px, auto !important;
border-color: rgba(150,138,118,.50) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), inset 0 3px 12px rgba(255,255,255,.55), inset 0 -12px 26px rgba(80,125,115,.13), 0 8px 24px rgba(40,70,64,.18) !important;
}
html[data-skin][data-pal="celadon"] :is(.warcard, .fg-item, .sh-row, .sl-row){
background-image: radial-gradient(120% 90% at 18% 0%, rgba(255,255,255,.70), transparent 55%), var(--tex-crackle-lite) !important;
background-size: auto, 260px 260px !important;
border-color: rgba(140,162,156,.55) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 1px 3px rgba(60,90,84,.12) !important;
}
html[data-skin][data-pal="celadon"] .btn.primary{
background: radial-gradient(110% 80% at 30% 8%, rgba(255,255,255,.75), transparent 46%), linear-gradient(180deg, #a3cec5, #5f9b92 72%, #4f877f) !important;
border: 1px solid #8f8574 !important; color: #fbfffd !important; text-shadow: 0 1px 1px rgba(30,70,64,.45);
box-shadow: inset 0 1px 0 rgba(255,255,255,.75), inset 0 -3px 8px rgba(40,90,84,.35), 0 3px 10px rgba(60,110,100,.22) !important;
}
html[data-skin][data-pal="celadon"] body.m2 #m2-nav{ background-image: radial-gradient(120% 140% at 50% -40%, rgba(255,255,255,.55), transparent 60%), var(--tex-crackle-lite) !important; background-size: auto, 260px 260px !important }
html[data-skin][data-pal="celadon"] body.m2 #m2-nav button.on svg.ic{
background: radial-gradient(110% 90% at 32% 16%, rgba(255,255,255,.8), transparent 50%), linear-gradient(180deg, #b6d8d0, #7fb0a7) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -2px 4px rgba(50,100,92,.3); border-radius: 999px;
}
html[data-skin][data-pal="cinnabar"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){
background-image:
linear-gradient(112deg, transparent 28%, rgba(255,225,205,.07) 40%, transparent 50%),
radial-gradient(130% 80% at 18% -16%, rgba(205,62,40,.26), transparent 60%),
var(--tex-meander),
linear-gradient(180deg, #200b08, #120605) !important;
background-size: auto, auto, 36px 36px, auto !important;
border-color: rgba(233,196,106,.50) !important;
box-shadow: inset 0 0 0 3px rgba(18,6,5,.92), inset 0 0 0 4px rgba(233,196,106,.26), inset 0 1px 0 rgba(255,200,180,.18), 0 12px 32px rgba(0,0,0,.5) !important;
}
html[data-skin][data-pal="cinnabar"] :is(.warcard, .fg-item, .sh-row, .sl-row){
background-image: linear-gradient(180deg, rgba(225,75,52,.16), rgba(120,20,12,.10)) !important;
border-color: rgba(233,196,106,.32) !important;
box-shadow: inset 0 1px 0 rgba(255,195,175,.14), inset 0 -2px 0 rgba(0,0,0,.42) !important;
}
html[data-skin][data-pal="cinnabar"] .btn.primary{
background: linear-gradient(180deg, #ec5d3e, #bb2e1c 58%, #8f1f12) !important;
border: 1px solid #e9c46a !important; color: #fff3df !important; text-shadow: 0 -1px 0 rgba(80,10,4,.6);
box-shadow: inset 0 1px 0 rgba(255,215,195,.55), inset 0 -2px 0 rgba(60,8,4,.6), 0 3px 12px rgba(185,42,22,.38) !important;
}
html[data-skin][data-pal="cinnabar"] body.m2 #m2-nav{ background-image: linear-gradient(180deg, rgba(233,196,106,.16), transparent 2px), var(--tex-meander) !important; background-size: auto, 36px 36px !important }
html[data-skin][data-pal="cinnabar"] body.m2 #m2-nav button.on svg.ic{
background: linear-gradient(180deg, #ec5d3e, #a8281a) !important; border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255,215,195,.55), 0 0 0 1px #e9c46a, 0 2px 8px rgba(185,42,22,.45);
}
.skin-pv[data-s="celadon"]{ background-image: radial-gradient(120% 80% at 25% -10%, rgba(255,255,255,.6), transparent 55%), var(--tex-crackle), linear-gradient(180deg,#eef4f0,#c7dbd4) !important; background-size: auto, 130px 130px, auto !important }
.skin-pv[data-s="jade"]{ background-image: radial-gradient(110% 70% at 20% -10%, rgba(160,255,210,.35), transparent 55%), var(--tex-jade), linear-gradient(180deg,#14422f,#04120d) !important; background-size: auto, 210px 210px, auto !important }
.skin-pv[data-s="cinnabar"]{ background-image: linear-gradient(112deg, transparent 30%, rgba(255,225,205,.10) 42%, transparent 52%), var(--tex-meander), linear-gradient(180deg,#2a100c,#120706) !important; background-size: auto, 24px 24px, auto !important; box-shadow: inset 0 0 0 1px rgba(233,196,106,.5) }
@media (prefers-reduced-transparency: reduce){ html[data-pal="jade"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){ -webkit-backdrop-filter:none; backdrop-filter:none } }
html[data-skin][data-pal] body.m2 .m2-tabs{
background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.14) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 4px 14px rgba(0,0,0,.22) !important;
-webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%);
}
html[data-skin][data-pal="celadon"] body.m2 .m2-tabs{ background: rgba(255,255,255,.45) !important; border-color: rgba(120,150,142,.45) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 3px 10px rgba(50,90,84,.14) !important }
html[data-skin][data-pal] body.m2 .m2-tab.on{ box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.25) !important }
html[data-skin][data-pal] :is(.sh-row, .sl-row){ padding-left: 10px !important; padding-right: 8px !important; margin-bottom: 4px; border-radius: 10px !important }
body.m2 .sh-row .seal[style*="--c"]{
background: radial-gradient(120% 90% at 30% 10%, rgba(255,255,255,.42), transparent 48%), color-mix(in srgb, var(--c) 58%, transparent) !important;
border: 1px solid color-mix(in srgb, var(--c) 55%, rgba(255,255,255,.45));
box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -3px 7px rgba(0,0,0,.18), 0 2px 8px color-mix(in srgb, var(--c) 35%, transparent) !important;
-webkit-backdrop-filter: blur(6px) saturate(170%); backdrop-filter: blur(6px) saturate(170%);
text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
}
html[data-theme="light"] body.m2 .sh-row .seal[style*="--c"]{
background: radial-gradient(120% 90% at 30% 10%, rgba(255,255,255,.55), transparent 50%), color-mix(in srgb, var(--c) 78%, transparent) !important;
text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
}
html[data-skin][data-pal] body.m2 .m2-tabs{ -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%) }
html[data-skin][data-pal="cinnabar"] body.m2 .m2-tabs{ background: rgba(34,13,10,.80) !important }
html[data-skin][data-pal="jade"] body.m2 .m2-tabs{ background: rgba(24,66,52,.80) !important }
html[data-skin][data-pal="celadon"] body.m2 .m2-tabs{ background: rgba(234,243,239,.84) !important }
:root{ --tex-qinghua:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%231f4e9c' stroke-opacity='.11' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M-5 70C15 40 45 40 70 70S125 100 145 70'/%3E%3Cpath d='M70 70c8-14 26-14 30 0'/%3E%3Cpath d='M40 50c-10-14 2-30 16-22s6 24-8 18'/%3E%3Cpath d='M100 90c10 14-2 30-16 22s-6-24 8-18'/%3E%3Cpath d='M20 62c-4-10 4-18 12-14'/%3E%3Cpath d='M120 78c4 10-4 18-12 14'/%3E%3Cpath d='M62 70c-6-12 0-24 8-26c8 2 14 14 8 26'/%3E%3Cpath d='M58 72c-10-2-16 6-12 12M82 72c10-2 16 6 12 12'/%3E%3C/g%3E%3C/svg%3E"); --tex-dh-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .7 0 0 0 0 .45 0 0 0 .55 -.2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); --tex-dh-scroll:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cg fill='none' stroke='%23e6b85c' stroke-opacity='.10' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 30C20 10 40 10 60 30S100 50 120 30'/%3E%3Cpath d='M30 17c-6-10 6-16 10-8M90 43c6 10-6 16-10 8'/%3E%3Cpath d='M60 30c4-8 14-8 16 0M60 30c-4 8-14 8-16 0'/%3E%3C/g%3E%3C/svg%3E"); --tex-cloisonne:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23e9c46a' stroke-opacity='.26' stroke-width='1.1'%3E%3Cpath d='M32 10c7 7 7 15 0 22c-7-7-7-15 0-22zM32 54c7-7 7-15 0-22c-7 7-7 15 0 22zM10 32c7-7 15-7 22 0c-7 7-15 7-22 0zM54 32c-7-7-15-7-22 0c7 7 15 7 22 0z'/%3E%3Ccircle cx='32' cy='32' r='3'/%3E%3Cpath d='M0 0l10 10M64 0L54 10M0 64l10-10M64 64L54 54'/%3E%3C/g%3E%3Cg fill='%23e9c46a' fill-opacity='.22'%3E%3Ccircle cx='0' cy='32' r='1.6'/%3E%3Ccircle cx='64' cy='32' r='1.6'/%3E%3Ccircle cx='32' cy='0' r='1.6'/%3E%3Ccircle cx='32' cy='64' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); }
html[data-skin][data-pal="qinghua"]{
--bg:#e9eef5; --panel:#f7f9fc; --panel2:#eef2f8; --ink:#13213d; --muted:#4c5d7c;
--line:#d3dbe8; --border:#a9b8d2; --accent:#1f4e9c; --split:#dce4f0; --on-accent:#f7faff;
--sk-gilt:#1f4e9c; --sk-seal:#23529f; --sk-seal-ink:#f7faff; --sk-grain:none;
--sk-frame:linear-gradient(180deg,#f5f8fc,#e6ecf5); --sk-beam:linear-gradient(180deg,#f1f5fb,#e1e8f2);
--sk-card:#fbfcfe; --sk-card-border:#d6deeb; --sk-input:#fbfcfe;
--sk-brass:linear-gradient(180deg,#f6f8fc,#e4eaf3); --sk-brass-ink:#1a2f5c; --sk-brass-border:#a9b8d2;
--sk-on:linear-gradient(180deg,#3567b8,#1d4890); --sk-on-ink:#f7faff; --sk-on-border:#163a75;
}
html[data-skin][data-pal="qinghua"] body.m2{
--s0:#e9eef5; --s1:#f7f9fc; --s2:#fdfeff; --s3:#dde5f0; --hair:rgba(31,78,156,.14);
--gold:#1f4e9c; --gold-dim:#5372a6; --txt:#13213d; --txt2:#34466a; --txt3:#5c6d8c;
--v-pri:#23529f; --v-prink:#f7faff; --v-acct:rgba(35,82,159,.12); --v-bub:#23529f; --v-bubink:#fff; --v-glass:rgba(244,247,252,.9); --v-shadow:rgba(20,40,80,.18);
}
html[data-skin][data-pal="dunhuang"]{
--bg:#1a110b; --panel:#2a1b12; --panel2:#22160e; --ink:#f6e9d2; --muted:#d2bb98;
--line:#3d2a1c; --border:#6e4a2c; --accent:#69c2a2; --split:#33221a; --on-accent:#10241c;
--sk-gilt:#e6b85c; --sk-seal:#b5452b; --sk-seal-ink:#fff3e6; --sk-grain:none;
--sk-frame:linear-gradient(180deg,#2b1b12,#180f09); --sk-beam:linear-gradient(180deg,#36241a,#22150d);
--sk-card:#301f15; --sk-card-border:#4a3221; --sk-input:#1c120c;
--sk-brass:linear-gradient(180deg,#352418,#271a11); --sk-brass-ink:#f6e9d2; --sk-brass-border:rgba(230,184,92,.38);
--sk-on:linear-gradient(180deg,#7fd2b3,#3f9a7c); --sk-on-ink:#0f241b; --sk-on-border:#2c6f58;
}
html[data-skin][data-pal="dunhuang"] body.m2{
--s0:#1a110b; --s1:#26180f; --s2:#321f14; --s3:#45301f; --hair:rgba(230,184,92,.15);
--gold:#e6b85c; --gold-dim:#b8873e; --txt:#f6e9d2; --txt2:#dcc6a6; --txt3:#a68d6c;
--v-pri:#3f9a7c; --v-prink:#f2fff9; --v-acct:rgba(105,194,162,.15); --v-bub:#b5452b; --v-bubink:#fff3e6; --v-glass:rgba(34,22,14,.86); --v-shadow:rgba(0,0,0,.55);
}
html[data-skin][data-pal="cloisonne"]{
--bg:#04131f; --panel:#0a2233; --panel2:#071a28; --ink:#eaf6fb; --muted:#9fc3d4;
--line:#123448; --border:#1f5674; --accent:#3cc6df; --split:#0d2a3c; --on-accent:#03141d;
--sk-gilt:#e9c46a; --sk-seal:#d4453d; --sk-seal-ink:#fff4e0; --sk-grain:none;
--sk-frame:linear-gradient(180deg,#0b2536,#051522); --sk-beam:linear-gradient(180deg,#0e2c40,#08202f);
--sk-card:#0d293c; --sk-card-border:#174560; --sk-input:#061825;
--sk-brass:linear-gradient(180deg,#0f2d41,#0a2232); --sk-brass-ink:#eaf6fb; --sk-brass-border:rgba(233,196,106,.42);
--sk-on:linear-gradient(180deg,#4fd3ea,#1e94b3); --sk-on-ink:#02141c; --sk-on-border:#156c86;
}
html[data-skin][data-pal="cloisonne"] body.m2{
--s0:#04131f; --s1:#0a2030; --s2:#0f2b3f; --s3:#173a52; --hair:rgba(233,196,106,.16);
--gold:#4fd3ea; --gold-dim:#2a9ab6; --txt:#eaf6fb; --txt2:#c0dbe7; --txt3:#7fa5b6;
--v-pri:#1e94b3; --v-prink:#02141c; --v-acct:rgba(60,198,223,.14); --v-bub:#1e94b3; --v-bubink:#02141c; --v-glass:rgba(6,24,37,.86); --v-shadow:rgba(0,0,0,.55);
}
.skin-pv[data-s="qinghua"]{ background-image: radial-gradient(120% 80% at 25% -10%, rgba(255,255,255,.75), transparent 55%), var(--tex-qinghua), linear-gradient(180deg,#f8fafd,#dbe4f1) !important; background-size: auto, 90px 90px, auto !important }
.skin-pv[data-s="qinghua"] i{ background:#a9b8d2 } .skin-pv[data-s="qinghua"] em{ background:radial-gradient(circle at 35% 30%,#8fb2ea,#1f4e9c 70%) }
.skin-pv[data-s="dunhuang"]{ background-image: radial-gradient(110% 70% at 20% -10%, rgba(230,184,92,.30), transparent 55%), var(--tex-dh-noise), var(--tex-dh-scroll), linear-gradient(180deg,#3a2618,#1a110b) !important; background-size: auto, 200px 200px, 80px 40px, auto !important }
.skin-pv[data-s="dunhuang"] i{ background:linear-gradient(180deg,#f0cf7a,#c08a3a) } .skin-pv[data-s="dunhuang"] em{ background:radial-gradient(circle at 35% 30%,#a6e6cf,#3f9a7c 70%) }
.skin-pv[data-s="cloisonne"]{ background-image: radial-gradient(110% 70% at 20% -10%, rgba(150,230,255,.28), transparent 55%), var(--tex-cloisonne), linear-gradient(180deg,#0f3a55,#04131f) !important; background-size: auto, 40px 40px, auto !important; box-shadow: inset 0 0 0 1px rgba(233,196,106,.5) }
.skin-pv[data-s="cloisonne"] i{ background:linear-gradient(180deg,#f1d58c,#c9a24a) } .skin-pv[data-s="cloisonne"] em{ background:radial-gradient(circle at 35% 30%,#a8f0fb,#1e94b3 70%) }
html[data-skin="navy"][data-pal="dunhuang"] #dock-root .dock-foot{ background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(42,27,18,.97) 34%) }
html[data-skin="navy"][data-pal="cloisonne"] #dock-root .dock-foot{ background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(10,34,51,.97) 34%) }
html[data-skin="navy"][data-pal="dunhuang"] body.m2 #m2-top{ background:linear-gradient(180deg,rgba(26,17,11,.94) 62%,rgba(26,17,11,0)) }
html[data-skin="navy"][data-pal="cloisonne"] body.m2 #m2-top{ background:linear-gradient(180deg,rgba(4,19,31,.94) 62%,rgba(4,19,31,0)) }
html[data-pal="dunhuang"] .seg button.on, html[data-pal="cloisonne"] .seg button.on{ color:var(--on-accent) !important }
html[data-skin="paper"][data-pal="qinghua"] #figcard{ --fc2-paper:#fbfcfe; --fc2-ink:#13213d; --fc2-mute:#4c5d7c; --fc2-line:rgba(31,78,156,.2) }
html[data-skin="paper"][data-pal="qinghua"] #dock-root .dock-foot, html[data-skin="paper"][data-pal="qinghua"] .panel-foot{ background:linear-gradient(to bottom, rgba(247,249,252,0), rgba(247,249,252,.97) 34%) }
html[data-skin="paper"][data-pal="qinghua"] :is(.wchip.wchip-demo, .wc-demo){ color:#1f4e9c; border-color:#8aa4cf }
html[data-skin="paper"][data-pal="qinghua"] .wc-demo{ background:#e3eaf5 }
html[data-skin="paper"][data-pal="qinghua"] .wchip.wchip-demo.on, html[data-skin="paper"][data-pal="qinghua"] .wd-sim{ background:linear-gradient(#3567b8,#1d4890) !important; color:#f7faff !important; border-color:#163a75 !important }
html[data-skin="paper"][data-pal="qinghua"] #searchres .sr-grp{ background:#e6ecf5; color:#1f4e9c }
html[data-skin="paper"][data-pal="qinghua"] #searchres .sr:hover, html[data-skin="paper"][data-pal="qinghua"] #searchres .sr.sel{ background:#e3eaf5 }
html[data-skin="paper"][data-pal="qinghua"] :is(#searchres .sr .sy, #searchres .sr .st em, .prog-streak .ps-num, .qz-stats b, .qz-res b, .qz-score b, .legal-about .la-brand){ color:#1f4e9c }
html[data-skin="paper"][data-pal="qinghua"] .prog-streak, html[data-skin="paper"][data-pal="qinghua"] .legal-about{ background:linear-gradient(160deg,#f7f9fc,#e2e9f4) !important; border-color:#b8c6dd !important }
html[data-skin="paper"][data-pal="qinghua"] .pro-tag{ color:#f7faff; background:#23529f }
html[data-skin="paper"][data-pal="qinghua"] body.m2 :is(#m2-top .m2-tr button, .m2-tr.m2-tr-fixed button){ background:rgba(248,250,253,.9); color:#1f4e9c; border-color:#a9b8d2 }
html[data-skin="paper"][data-pal="qinghua"] body.m2 .st-hero .meta{ background:linear-gradient(180deg,transparent,rgba(247,249,252,.95)) }
html[data-skin="paper"][data-pal="qinghua"] .fc-port{ background:#dfe6f2 }
html[data-skin="paper"][data-pal="qinghua"] body.m2 .m2-pro-pill.m2-pro-solo{ background:rgba(248,250,253,.9); color:#1f4e9c; border-color:#a9b8d2 }
html[data-skin][data-pal="qinghua"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){
background-image:
radial-gradient(130% 80% at 22% -22%, rgba(255,255,255,.80), transparent 55%),
radial-gradient(90% 60% at 100% 115%, rgba(120,160,225,.14), transparent 60%),
var(--tex-qinghua),
linear-gradient(170deg, #fbfcfe 0%, #f0f4fa 55%, #e5ecf6 100%) !important;
background-size: auto, auto, 140px 140px, auto !important;
border-color: rgba(31,78,156,.32) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), inset 0 3px 12px rgba(255,255,255,.6), inset 0 -12px 26px rgba(40,80,150,.08), 0 8px 24px rgba(20,40,80,.16) !important;
}
html[data-skin][data-pal="qinghua"] :is(.warcard, .fg-item, .sh-row, .sl-row){
background-image: radial-gradient(120% 90% at 18% 0%, rgba(255,255,255,.85), transparent 55%), linear-gradient(180deg, rgba(31,78,156,0) 60%, rgba(31,78,156,.05)) !important;
border-color: rgba(31,78,156,.22) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 3px rgba(20,40,80,.10) !important;
}
html[data-skin][data-pal="qinghua"] .btn.primary{
background: radial-gradient(110% 80% at 30% 8%, rgba(255,255,255,.55), transparent 46%), linear-gradient(180deg, #4b7fd0, #1f4e9c 70%, #173d7c) !important;
border: 1px solid #0f2f66 !important; color: #f7faff !important; text-shadow: 0 1px 1px rgba(10,30,70,.45);
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 8px rgba(10,30,80,.4), 0 3px 10px rgba(31,78,156,.28) !important;
}
html[data-skin][data-pal="qinghua"] body.m2 #m2-nav{ background-image: radial-gradient(120% 140% at 50% -40%, rgba(255,255,255,.65), transparent 60%), var(--tex-qinghua) !important; background-size: auto, 140px 140px !important }
html[data-skin][data-pal="qinghua"] body.m2 #m2-nav button.on svg.ic{
background: radial-gradient(110% 90% at 32% 16%, rgba(255,255,255,.75), transparent 50%), linear-gradient(180deg, #7aa3e2, #2a5aa8) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -2px 4px rgba(10,30,80,.35); border-radius: 999px;
}
html[data-skin][data-pal="qinghua"] body.m2 .m2-tabs{ background: rgba(246,249,253,.86) !important; border-color: rgba(120,145,190,.45) !important }
html[data-skin][data-pal="dunhuang"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){
background-image:
radial-gradient(120% 75% at 16% -16%, rgba(240,190,110,.22), transparent 55%),
radial-gradient(80% 60% at 104% 110%, rgba(105,194,162,.10), transparent 60%),
var(--tex-dh-noise), var(--tex-dh-scroll),
linear-gradient(170deg, #34231a 0%, #281a12 55%, #1d130d 100%) !important;
background-size: auto, auto, 300px 300px, 120px 60px, auto !important;
border-color: rgba(230,184,92,.42) !important;
box-shadow: inset 0 0 0 3px rgba(26,17,11,.9), inset 0 0 0 4px rgba(230,184,92,.20), inset 0 1px 0 rgba(255,220,170,.14), 0 12px 32px rgba(0,0,0,.5) !important;
}
html[data-skin][data-pal="dunhuang"] :is(.warcard, .fg-item, .sh-row, .sl-row){
background-image: linear-gradient(180deg, rgba(230,170,95,.13), rgba(181,69,43,.06)), var(--tex-dh-noise) !important;
background-size: auto, 300px 300px !important;
border-color: rgba(230,184,92,.28) !important;
box-shadow: inset 0 1px 0 rgba(255,220,170,.12), inset 0 -2px 0 rgba(0,0,0,.35) !important;
}
html[data-skin][data-pal="dunhuang"] .btn.primary{
background: radial-gradient(120% 90% at 30% 14%, rgba(255,255,255,.38), transparent 44%), linear-gradient(180deg, #8ad8bc, #3f9a7c 66%, #2a6e57) !important;
border: 1px solid #e6b85c !important; color: #0f241b !important; text-shadow: 0 1px 0 rgba(255,255,255,.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 7px rgba(10,50,35,.45), 0 4px 14px rgba(63,154,124,.30) !important;
}
html[data-skin][data-pal="dunhuang"] body.m2 #m2-nav{ background-image: linear-gradient(180deg, rgba(230,184,92,.16), transparent 2px), var(--tex-dh-noise), var(--tex-dh-scroll) !important; background-size: auto, 300px 300px, 120px 60px !important }
html[data-skin][data-pal="dunhuang"] body.m2 #m2-nav button.on svg.ic{
background: radial-gradient(110% 90% at 32% 18%, rgba(255,240,220,.45), transparent 45%), linear-gradient(180deg, #d0613f, #9a3520) !important; border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255,220,190,.5), 0 0 0 1px #e6b85c, 0 2px 8px rgba(181,69,43,.45);
}
html[data-skin][data-pal="dunhuang"] body.m2 .m2-tabs{ background: rgba(42,27,18,.82) !important }
html[data-skin][data-pal="cloisonne"] :is(#dock-root, #m2-sheet, .m2-sheet2, #panel-root .panel, #topbar){
background-image:
radial-gradient(120% 70% at 16% -16%, rgba(160,235,255,.22), transparent 52%),
radial-gradient(80% 55% at 104% 112%, rgba(60,198,223,.14), transparent 60%),
var(--tex-cloisonne),
linear-gradient(165deg, #10405e 0%, #0a2b42 50%, #061b2b 100%) !important;
background-size: auto, auto, 64px 64px, auto !important;
border-color: rgba(233,196,106,.52) !important;
box-shadow: inset 0 0 0 3px rgba(4,19,31,.9), inset 0 0 0 4px rgba(233,196,106,.24), inset 0 1px 0 rgba(190,240,255,.18), 0 12px 32px rgba(0,0,0,.5) !important;
}
html[data-skin][data-pal="cloisonne"] :is(.warcard, .fg-item, .sh-row, .sl-row){
background-image: linear-gradient(180deg, rgba(110,215,240,.13), rgba(110,215,240,0) 46%), radial-gradient(140% 120% at 18% 0%, rgba(60,198,223,.16), transparent 62%) !important;
border-color: rgba(233,196,106,.30) !important;
box-shadow: inset 0 1px 0 rgba(200,245,255,.18), inset 0 -8px 16px rgba(0,0,0,.22) !important;
}
html[data-skin][data-pal="cloisonne"] .btn.primary{
background: radial-gradient(120% 90% at 30% 14%, rgba(255,255,255,.50), transparent 42%), linear-gradient(180deg, #6fe0f2, #1e94b3 66%, #13667f) !important;
border: 1px solid #e9c46a !important; color: #021a24 !important; text-shadow: 0 1px 0 rgba(255,255,255,.35);
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 7px rgba(0,40,60,.45), 0 4px 14px rgba(30,148,179,.35) !important;
}
html[data-skin][data-pal="cloisonne"] body.m2 #m2-nav{ background-image: linear-gradient(180deg, rgba(233,196,106,.18), transparent 2px), var(--tex-cloisonne) !important; background-size: auto, 64px 64px !important }
html[data-skin][data-pal="cloisonne"] body.m2 #m2-nav button.on svg.ic{
background: radial-gradient(110% 90% at 32% 18%, rgba(230,255,255,.55), transparent 45%), linear-gradient(180deg, rgba(110,225,245,.75), rgba(25,130,160,.75)) !important; border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 1px #e9c46a, 0 0 10px rgba(79,211,234,.45);
}
html[data-skin][data-pal="cloisonne"] body.m2 .m2-tabs{ background: rgba(10,34,51,.82) !important }