.flex.flex-col.items-center.gap-2\.5, .flex.flex-col.items-center.gap-2\.5 * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3ClinearGradient id='gold' x1='210' y1='40' x2='760' y2='880' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff2c8'/%3E%3Cstop offset='.12' stop-color='%23d56f48'/%3E%3Cstop offset='.28' stop-color='%237a2b2d'/%3E%3Cstop offset='.48' stop-color='%23ffe6b0'/%3E%3Cstop offset='.68' stop-color='%23b6533d'/%3E%3Cstop offset='.84' stop-color='%23fff4d6'/%3E%3Cstop offset='1' stop-color='%237a292e'/%3E%3C/linearGradient%3E%3ClinearGradient id='roseGold' x1='280' y1='80' x2='820' y2='780' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff6dc'/%3E%3Cstop offset='.18' stop-color='%23ff9c6d'/%3E%3Cstop offset='.42' stop-color='%237c2532'/%3E%3Cstop offset='.64' stop-color='%23ffd2a4'/%3E%3Cstop offset='.83' stop-color='%239b3d34'/%3E%3Cstop offset='1' stop-color='%23fff4d4'/%3E%3C/linearGradient%3E%3ClinearGradient id='darkRim' x1='260' y1='70' x2='610' y2='820' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231b1146'/%3E%3Cstop offset='.45' stop-color='%23591158'/%3E%3Cstop offset='.78' stop-color='%23171944'/%3E%3Cstop offset='1' stop-color='%2305051c'/%3E%3C/linearGradient%3E%3ClinearGradient id='glassMain' x1='325' y1='100' x2='645' y2='660' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff3ccf'/%3E%3Cstop offset='.22' stop-color='%23f64ee9'/%3E%3Cstop offset='.45' stop-color='%238b38dc'/%3E%3Cstop offset='.68' stop-color='%231658ff'/%3E%3Cstop offset='.9' stop-color='%2312e6ff'/%3E%3Cstop offset='1' stop-color='%23fff0ff'/%3E%3C/linearGradient%3E%3ClinearGradient id='facetPink' x1='310' y1='120' x2='560' y2='530' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff4ff'/%3E%3Cstop offset='.25' stop-color='%23ff67dd'/%3E%3Cstop offset='.7' stop-color='%239c25c9'/%3E%3Cstop offset='1' stop-color='%2325145a'/%3E%3C/linearGradient%3E%3ClinearGradient id='facetBlue' x1='500' y1='370' x2='420' y2='720' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%237439ff'/%3E%3Cstop offset='.42' stop-color='%23115cff'/%3E%3Cstop offset='.72' stop-color='%2303dcff'/%3E%3Cstop offset='1' stop-color='%23ff3bf1'/%3E%3C/linearGradient%3E%3ClinearGradient id='gem' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.22' stop-color='%23ff7cff'/%3E%3Cstop offset='.48' stop-color='%235c34ff'/%3E%3Cstop offset='.76' stop-color='%2300d9ff'/%3E%3Cstop offset='1' stop-color='%23ff3bd3'/%3E%3C/linearGradient%3E%3CradialGradient id='pinkGlow' cx='50%25' cy='35%25' r='65%25'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='.95'/%3E%3Cstop offset='.22' stop-color='%23ff7eea' stop-opacity='.9'/%3E%3Cstop offset='.55' stop-color='%239b31ff' stop-opacity='.65'/%3E%3Cstop offset='1' stop-color='%23071044' stop-opacity='.95'/%3E%3C/radialGradient%3E%3ClinearGradient id='wingGrad' x1='600' y1='500' x2='720' y2='615' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fffaff'/%3E%3Cstop offset='.35' stop-color='%23ffd5ff'/%3E%3Cstop offset='.7' stop-color='%23c79bff'/%3E%3Cstop offset='1' stop-color='%236f42be'/%3E%3C/linearGradient%3E%3ClinearGradient id='whitePink' x1='420' y1='230' x2='570' y2='420' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23fff6ff'/%3E%3Cstop offset='1' stop-color='%23ff7edb'/%3E%3C/linearGradient%3E%3Cfilter id='softShadow' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeDropShadow dx='0' dy='8' stdDeviation='8' flood-color='%232c0b2f' flood-opacity='.45'/%3E%3C/filter%3E%3Cfilter id='neonGlow' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='strongGlow' x='-80%25' y='-80%25' width='260%25' height='260%25'%3E%3CfeGaussianBlur stdDeviation='7' result='g'/%3E%3CfeColorMatrix in='g' type='matrix' values='1 0 0 0 .9 0 1 0 0 .1 0 0 1 0 1 0 0 0 .8 0'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3CclipPath id='cursorClip'%3E%3Cpath d='M268 66L778 505L635 514L552 501L404 768L310 294Z'/%3E%3C/clipPath%3E%3Csymbol id='spark' viewBox='-10 -10 20 20'%3E%3Cpath d='M0-10L2.4-2.4L10 0L2.4 2.4L0 10L-2.4 2.4L-10 0L-2.4-2.4Z' fill='currentColor'/%3E%3C/symbol%3E%3C/defs%3E%3Cg filter='url(%23softShadow)'%3E%3Cpath d='M239 48L807 529L646 544L565 532L398 808L296 304Z' fill='url(%23roseGold)' stroke='%237e2b2f' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M250 59L785 514L644 526L557 515L405 775L307 309Z' fill='none' stroke='%23fff0d2' stroke-width='5' stroke-linejoin='round' opacity='.95'/%3E%3Cpath d='M267 73L760 496L633 505L544 492L410 737L321 308Z' fill='url(%23darkRim)' stroke='%233a1237' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M278 91L735 482L626 489L535 475L414 704L334 314Z' fill='none' stroke='url(%23gold)' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M286 98L720 472L617 479L526 464L417 684L346 316Z' fill='url(%23glassMain)' stroke='%23ffd6ff' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23cursorClip)'%3E%3Cpolygon points='286,96 432,230 350,322' fill='url(%23facetPink)' opacity='.95'/%3E%3Cpolygon points='432,230 510,380 350,322' fill='%23ff4bd8' opacity='.5'/%3E%3Cpolygon points='432,230 725,474 510,380' fill='%23c34af4' opacity='.68'/%3E%3Cpolygon points='510,380 620,480 526,464' fill='%233767ff' opacity='.7'/%3E%3Cpolygon points='350,322 510,380 420,690' fill='url(%23facetBlue)' opacity='.88'/%3E%3Cpolygon points='350,322 420,690 326,330' fill='%235c0f94' opacity='.88'/%3E%3Cpolygon points='420,690 526,464 417,684' fill='%2304d9ff' opacity='.55'/%3E%3Cpolygon points='286,96 350,322 314,306' fill='%23ffffff' opacity='.38'/%3E%3Cpolygon points='286,96 720,472 555,410' fill='%23ffffff' opacity='.16'/%3E%3Cpolygon points='324,130 430,230 378,190' fill='%23ffffff' opacity='.55'/%3E%3Cpolygon points='460,350 698,466 620,480' fill='%230d4cff' opacity='.28'/%3E%3Cg opacity='.65' filter='url(%23neonGlow)'%3E%3Cpath d='M410 576L410 462L430 462L430 425L445 425L445 585' fill='none' stroke='%23b8d6ff' stroke-width='4'/%3E%3Cpath d='M455 600L455 500L480 500L480 448L495 448L495 615' fill='none' stroke='%2387c4ff' stroke-width='4'/%3E%3Cpath d='M532 565L532 440L548 440L548 405L565 405L565 565' fill='none' stroke='%23ffa6ff' stroke-width='4'/%3E%3Cpath d='M586 558L586 423L607 423L607 390L620 390L620 566' fill='none' stroke='%23ff85f5' stroke-width='4'/%3E%3Cpath d='M388 628L388 535L404 535L404 630' fill='none' stroke='%2328e5ff' stroke-width='4'/%3E%3Cpath d='M641 535L641 407' stroke='%23ff71ee' stroke-width='4'/%3E%3C/g%3E%3Cg filter='url(%23strongGlow)'%3E%3Cpath d='M344 316L421 681' stroke='%23ff37ff' stroke-width='5' fill='none'/%3E%3Cpath d='M408 640L475 524' stroke='%230be8ff' stroke-width='4' fill='none'/%3E%3Cpath d='M602 392L616 476' stroke='%23ff7dff' stroke-width='4' fill='none'/%3E%3Cpath d='M634 420L705 473' stroke='%2318dfff' stroke-width='4' fill='none'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='1.6' opacity='.75'%3E%3Cpath d='M286 98L432 230L510 380L720 472'/%3E%3Cpath d='M350 322L432 230'/%3E%3Cpath d='M350 322L510 380'/%3E%3Cpath d='M350 322L420 690'/%3E%3Cpath d='M510 380L526 464'/%3E%3Cpath d='M432 230L324 130'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M247 58L300 310L397 795' fill='none' stroke='%2355172d' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M257 66L313 308L406 764' fill='none' stroke='url(%23gold)' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M272 89L326 312L412 713' fill='none' stroke='%23ffd6b3' stroke-width='2.5' stroke-linecap='round' opacity='.95'/%3E%3Cg transform='translate(320 326) rotate(-12)'%3E%3Cpath d='M-24-34L22-20L31 18L-2 42L-30 6Z' fill='url(%23gold)' stroke='%23763033' stroke-width='3'/%3E%3Cpath d='M-14-21L15-12L22 13L0 28L-20 3Z' fill='url(%23gem)' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M-14-21L0 28M15-12L-20 3M22 13L-14-21' stroke='%23ffffff' stroke-width='1.4' opacity='.85'/%3E%3C/g%3E%3Cg filter='url(%23strongGlow)'%3E%3Cpath d='M452 275C422 296 416 340 445 365C469 386 504 381 526 357C500 365 467 353 454 327C443 305 444 288 452 275Z' fill='url(%23whitePink)' opacity='.98'/%3E%3C/g%3E%3Cg color='%23fff4ff' filter='url(%23neonGlow)'%3E%3Cuse href='%23spark' x='407' y='328' width='18' height='18'/%3E%3Cuse href='%23spark' x='365' y='379' width='24' height='24'/%3E%3Cuse href='%23spark' x='456' y='315' width='16' height='16'/%3E%3Cuse href='%23spark' x='501' y='354' width='17' height='17'/%3E%3Cuse href='%23spark' x='534' y='313' width='16' height='16'/%3E%3Cuse href='%23spark' x='616' y='384' width='19' height='19'/%3E%3Cuse href='%23spark' x='582' y='352' width='14' height='14'/%3E%3Cuse href='%23spark' x='407' y='405' width='13' height='13'/%3E%3Cuse href='%23spark' x='438' y='280' width='9' height='9'/%3E%3C/g%3E%3Cg transform='translate(557 565)' filter='url(%23softShadow)'%3E%3Cpath d='M0-100L28-38L93-58L56-2L112 40L44 44L29 112L-12 55L-76 88L-45 24L-113 11L-49-24L-66-91L-8-55Z' fill='url(%23roseGold)' stroke='%237b2732' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M0-78L22-28L73-44L43-1L88 31L35 34L23 87L-9 43L-59 68L-35 19L-87 9L-38-18L-51-70L-6-42Z' fill='%232a174b' stroke='%23ffe6c0' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M0-48L15-15L51-13L23 9L32 45L0 25L-32 45L-23 9L-51-13L-15-15Z' fill='url(%23gem)' stroke='%23fff6ff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M0-48L0 25M-51-13L51-13M-32 45L15-15M32 45L-15-15' stroke='%23ffffff' stroke-width='1.4' opacity='.8'/%3E%3Cpath d='M-66-91L-8-55L0-100' fill='%23fff1ca' opacity='.55'/%3E%3Cpath d='M44 44L29 112L23 87' fill='%23fff1ca' opacity='.35'/%3E%3C/g%3E%3Cg transform='translate(620 522) rotate(-12)'%3E%3Cpath d='M-8 50C27 5 58-7 79-48C84-15 70 21 42 48C72 28 96 4 111-32C118 10 99 52 58 76C91 69 121 50 144 21C140 66 101 99 52 108C26 111 2 93-8 50Z' fill='url(%23wingGrad)' stroke='url(%23gold)' stroke-width='4'/%3E%3Cpath d='M10 58C42 42 63 20 79-48' fill='none' stroke='%23ffffff' stroke-width='2.2' opacity='.75'/%3E%3Cpath d='M24 74C62 58 91 28 111-32' fill='none' stroke='%23ffffff' stroke-width='2.2' opacity='.65'/%3E%3Cpath d='M42 92C82 84 120 54 144 21' fill='none' stroke='%23ffffff' stroke-width='2.2' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate(612 632) rotate(45)'%3E%3Crect x='-22' y='-22' width='44' height='44' fill='url(%23roseGold)' stroke='%237b2732' stroke-width='3'/%3E%3Crect x='-14' y='-14' width='28' height='28' fill='url(%23gem)' stroke='%23fff7ff' stroke-width='2'/%3E%3C/g%3E%3Cpath d='M606 662C618 676 620 692 610 709' fill='none' stroke='url(%23gold)' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='608' cy='665' r='6' fill='%23fff0cf' stroke='%237c2830' stroke-width='3'/%3E%3Ccircle cx='611' cy='710' r='6' fill='%23fff0cf' stroke='%237c2830' stroke-width='3'/%3E%3Cg transform='translate(650 760)' filter='url(%23softShadow)'%3E%3Cpath d='M86-68C42-105-33-93-70-47C-111 4-96 78-40 109C5 134 64 119 92 77C54 101 0 90-27 52C-59 7-42-48 4-70C35-84 64-80 86-68Z' fill='url(%23roseGold)' stroke='%237d2c31' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M71-48C33-72-22-62-51-27C-80 9-73 62-32 86C3 107 45 97 70 68' fill='none' stroke='%23fff0d8' stroke-width='5' stroke-linecap='round' opacity='.9'/%3E%3Cpath d='M10-47L31-10L74-4L43 24L51 67L10 46L-29 67L-21 24L-53-4L-10-10Z' fill='url(%23gem)' stroke='%23fff7ff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M10-47L10 46M-53-4L74-4M-29 67L31-10M51 67L-10-10' stroke='%23ffffff' stroke-width='1.4' opacity='.85'/%3E%3Cpath d='M-64 38C-25 82 36 87 76 56' fill='none' stroke='%23ff38f5' stroke-width='7' opacity='.55' filter='url(%23neonGlow)'/%3E%3Cpath d='M-45 60C-12 83 32 84 61 63' fill='none' stroke='%2300e3ff' stroke-width='5' opacity='.55' filter='url(%23neonGlow)'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M650 860C646 880 647 895 656 910' fill='none' stroke='url(%23gold)' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='650' cy='858' r='7' fill='%23fff1d4' stroke='%237b2732' stroke-width='3'/%3E%3Cg transform='translate(660 930)'%3E%3Cpath d='M0-76L30-21L8 74L-30-21Z' fill='url(%23roseGold)' stroke='%237b2732' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M0-58L21-18L6 52L-20-18Z' fill='url(%23gem)' stroke='%23fff7ff' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M0-58L0 52M-20-18L21-18M0-58L6 52' stroke='%23ffffff' stroke-width='1.4' opacity='.85'/%3E%3Cpath d='M-15-18L0 48L-2-48' fill='%2309d8ff' opacity='.45'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M286 96L720 472' stroke='%23ffffff' stroke-width='2' opacity='.72' fill='none'/%3E%3Cpath d='M417 684L526 464' stroke='%23fff7ff' stroke-width='2' opacity='.7' fill='none'/%3E%3Cpath d='M405 775L557 515' stroke='%23ffe6c4' stroke-width='2.5' opacity='.85' fill='none'/%3E%3Cg color='%23ffffff' filter='url(%23strongGlow)'%3E%3Cuse href='%23spark' x='492' y='291' width='18' height='18'/%3E%3Cuse href='%23spark' x='531' y='310' width='26' height='26'/%3E%3Cuse href='%23spark' x='574' y='407' width='21' height='21'/%3E%3Cuse href='%23spark' x='355' y='518' width='28' height='28'/%3E%3Cuse href='%23spark' x='335' y='365' width='18' height='18'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 11 2, auto; } discuss { --discuss-size: min(86vmin, 45rem); --discuss-label-color: #d9b7f4; --discuss-label-glow: rgba(211, 152, 255, .42); /* Hidden is the safe default. The next rule enables only the final element. */ display: none !important; inline-size: var(--discuss-size); max-inline-size: 100%; flex-direction: column; align-items: center; justify-content: flex-start; gap: clamp(.5rem, 1.4vmin, .9rem); /* Keep source text in the DOM, but make it visually size-zero. */ font-size: 0 !important; line-height: 0 !important; vertical-align: middle; isolation: isolate; } /* * :last-child ignores trailing text/comment nodes. As soon as any element * is inserted after under , this selector stops matching and * the default display:none takes effect automatically. */ discuss:last-child { display: inline-flex !important; } discuss > * { font-size: 0 !important; line-height: 0 !important; } discuss:last-child::before { content: ""; display: block; inline-size: 100%; aspect-ratio: 1; flex: none; pointer-events: none; background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjU0IiBoZWlnaHQ9IjEyNTQiIHZpZXdCb3g9IjAgMCAxMjU0IDEyNTQiIHJvbGU9ImltZyIgYXJpYS1sYWJlbGxlZGJ5PSJhbmltYXRlZC10aXRsZSBhbmltYXRlZC1kZXNjIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KICA8dGl0bGUgaWQ9ImFuaW1hdGVkLXRpdGxlIj5BbmltYXRlZCBDcnlzdGFsIEZsb3JhbCBNYWdpYyBPcm5hbWVudDwvdGl0bGU+CiAgPGRlc2MgaWQ9ImFuaW1hdGVkLWRlc2MiPkEgY3J5c3RhbCBmbG9yYWwgb3JuYW1lbnQgdGhhdCBibG9vbXMgaW50byB2aWV3LCB3aXRoIHJvdGF0aW5nIHN0YXIgZmFjZXRzLCBicmVhdGhpbmcgY3J5c3RhbHMsIGZsb3dpbmcgcmliYm9ucywgdHJhdmVsaW5nIGZyYW1lIGxpZ2h0cywgYW5kIHR3aW5rbGluZyBnZW1zLjwvZGVzYz48ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnJvdW5ke3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZH0KICAgIDwvc3R5bGU+CgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJjb3BwZXIiIHgxPSIxNzAiIHkxPSIxMzAiIHgyPSIxMDkwIiB5Mj0iMTEyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQyOGQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjI0IiBzdG9wLWNvbG9yPSIjZTg3OTU2Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC40OCIgc3RvcC1jb2xvcj0iI2ZmYzY3ZCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNzIiIHN0b3AtY29sb3I9IiNlNTc2NTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZjOTgyIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJncmFkaWVudFRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDYyNyA2MjciIHRvPSIzNjAgNjI3IDYyNyIgZHVyPSI0NHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9saW5lYXJHcmFkaWVudD4KCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImNyeXN0YWxGaWxsIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4xOCIgc3RvcC1jb2xvcj0iI2Y4ZThmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDIiIHN0b3AtY29sb3I9IiNjOWExZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjY4IiBzdG9wLWNvbG9yPSIjODZhZGZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmOWRlYyIvPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0iZ3JhZGllbnRUcmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAuNSAuNSIgdG89IjM2MCAuNSAuNSIgZHVyPSIxNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9saW5lYXJHcmFkaWVudD4KCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImNyeXN0YWxCbHVlIiB4MT0iMTUlIiB5MT0iMCUiIHgyPSI5MCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4yOCIgc3RvcC1jb2xvcj0iI2RjZWFmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM5ZWE3ZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjgiIHN0b3AtY29sb3I9IiNkODkxZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmMWZmIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJncmFkaWVudFRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIC41IC41IiB0bz0iLTM2MCAuNSAuNSIgZHVyPSIxOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9saW5lYXJHcmFkaWVudD4KCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBldGFsTGF2ZW5kZXIiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmY5ZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjM1IiBzdG9wLWNvbG9yPSIjZTliNWZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC43MiIgc3RvcC1jb2xvcj0iI2E3N2NmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmYmMwZmYiLz4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9ImdyYWRpZW50VHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgLjUgLjUiIHRvPSIzNjAgLjUgLjUiIGR1cj0iMjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvbGluZWFyR3JhZGllbnQ+CgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJwZXRhbFBpbmsiIHgxPSIwJSIgeTE9IjEwJSIgeDI9IjEwMCUiIHkyPSI5MCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjM1IiBzdG9wLWNvbG9yPSIjZmZkNmZhIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjZDk5MmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmOWVlOCIvPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0iZ3JhZGllbnRUcmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAuNSAuNSIgdG89Ii0zNjAgLjUgLjUiIGR1cj0iMjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvbGluZWFyR3JhZGllbnQ+CgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJyaWJib25QaW5rIiB4MT0iMCUiIHkxPSIxMCUiIHgyPSIxMDAlIiB5Mj0iOTAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmNmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4zNSIgc3RvcC1jb2xvcj0iI2Y4YTJlZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNjgiIHN0b3AtY29sb3I9IiNiNjc4ZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJncmFkaWVudFRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIC41IC41IiB0bz0iMzYwIC41IC41IiBkdXI9IjI2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2xpbmVhckdyYWRpZW50PgoKICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icmliYm9uVmlvbGV0IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4zNSIgc3RvcC1jb2xvcj0iI2Q5YTJmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNjgiIHN0b3AtY29sb3I9IiM5NjZkZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZiM2VmIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJncmFkaWVudFRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIC41IC41IiB0bz0iLTM2MCAuNSAuNSIgZHVyPSIyOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9saW5lYXJHcmFkaWVudD4KCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InNwYXJrbGVHcmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4zOCIgc3RvcC1jb2xvcj0iI2YzYjNmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNzIiIHN0b3AtY29sb3I9IiM5ZGEzZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJncmFkaWVudFRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIC41IC41IiB0bz0iMzYwIC41IC41IiBkdXI9IjEwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2xpbmVhckdyYWRpZW50PgoKICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZFNwYXJrbGVHcmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZGYxIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI2ZmZDY5YiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmY5ZTgiLz4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9ImdyYWRpZW50VHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgLjUgLjUiIHRvPSItMzYwIC41IC41IiBkdXI9IjEycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2xpbmVhckdyYWRpZW50PgoKICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iY2VudGVyR2xvdyIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTUlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjI0IiBzdG9wLWNvbG9yPSIjZmY5ZmYxIiBzdG9wLW9wYWNpdHk9IjAuNTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjUyIiBzdG9wLWNvbG9yPSIjYThiNGZmIiBzdG9wLW9wYWNpdHk9IjAuNDIiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iLjQ5Oy42MjsuNDkiIGR1cj0iNi40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JhZGlhbEdyYWRpZW50PgoKICAgIDxyYWRpYWxHcmFkaWVudCBpZD0ic3RhckZpbGwiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuMjIiIHN0b3AtY29sb3I9IiNmZjljZjMiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNjOTlhZmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjc2IiBzdG9wLWNvbG9yPSIjODNiOGZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZjVmZiIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KCiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9InN0YXJDb3JlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuMjgiIHN0b3AtY29sb3I9IiNmZmY0ZmYiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC41OCIgc3RvcC1jb2xvcj0iI2ZmOGRlZSIgc3RvcC1vcGFjaXR5PSIwLjQ4Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzdmYThmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9Ii40NDsuNTg7LjQ0IiBkdXI9IjQuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yYWRpYWxHcmFkaWVudD4KCiAgICA8ZmlsdGVyIGlkPSJzb2Z0R2xvdyIgeD0iLTQwJSIgeT0iLTQwJSIgd2lkdGg9IjE4MCUiIGhlaWdodD0iMTgwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjMiIHJlc3VsdD0iYmx1ciI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3RkRGV2aWF0aW9uIiB2YWx1ZXM9IjIuMjs1LjE7Mi4yIiBkdXI9IjQuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9mZUdhdXNzaWFuQmx1cj4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49ImJsdXIiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIxIDAgMCAwIDAuNzIgICAgICAgICAgICAgICAgIDAgMSAwIDAgMC4zOCAgICAgICAgICAgICAgICAgMCAwIDEgMCAxICAgICAgICAgICAgICAgICAwIDAgMCAuNDggMCIgcmVzdWx0PSJnbG93Ii8+CiAgICAgIDxmZU1lcmdlPgogICAgICAgIDxmZU1lcmdlTm9kZSBpbj0iZ2xvdyIvPgogICAgICAgIDxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPgogICAgICA8L2ZlTWVyZ2U+CiAgICA8L2ZpbHRlcj4KCiAgICA8ZyBpZD0ic3BhcmtsZVB1cnBsZSIgY2xhc3M9InJvdW5kIiBzdHJva2U9InVybCgjY29wcGVyKSI+CiAgICAgIDxwYXRoIGQ9Ik0wLC0zOSBDNywtMTUgMTUsLTcgMzksMCBDMTUsNyA3LDE1IDAsMzkgQy03LDE1IC0xNSw3IC0zOSwwIEMtMTUsLTcgLTcsLTE1IDAsLTM5WiIgZmlsbD0idXJsKCNzcGFya2xlR3JhZCkiIHN0cm9rZS13aWR0aD0iMS43Ii8+CiAgICAgIDxwYXRoIGQ9Ik0wLC0yNSBMNywwIEwwLDI1IEwtNywwWiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjYiIHN0cm9rZT0ibm9uZSIvPgogICAgICA8cGF0aCBkPSJNLTI0LDAgTDI0LDAgTTAsLTI0IEwwLDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM5YjdjZmYiIHN0cm9rZS13aWR0aD0iLjgiIG9wYWNpdHk9Ii42NSIvPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMCAwIiB0bz0iMzYwIDAgMCIgZHVyPSI4LjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvZz4KCiAgICA8ZyBpZD0ic3BhcmtsZUdvbGQiIGNsYXNzPSJyb3VuZCIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiPgogICAgICA8cGF0aCBkPSJNMCwtMzQgQzYsLTEyIDEyLC02IDM0LDAgQzEyLDYgNiwxMiAwLDM0IEMtNiwxMiAtMTIsNiAtMzQsMCBDLTEyLC02IC02LC0xMiAwLC0zNFoiIGZpbGw9InVybCgjZ29sZFNwYXJrbGVHcmFkKSIgc3Ryb2tlLXdpZHRoPSIxLjYiLz4KICAgICAgPHBhdGggZD0iTTAsLTIxIEw2LDAgTDAsMjEgTC02LDBaIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuNzIiIHN0cm9rZT0ibm9uZSIvPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMCAwIiB0bz0iLTM2MCAwIDAiIGR1cj0iMTFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvZz4KCiAgICA8ZyBpZD0ic21hbGxHZW0iIGNsYXNzPSJyb3VuZCIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiPgogICAgICA8cGF0aCBkPSJNMCwtMzYgTDI3LDAgTDAsMzYgTC0yNywwWiIgZmlsbD0idXJsKCNjcnlzdGFsRmlsbCkiIHN0cm9rZS13aWR0aD0iMS45Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuODQ7MS4wMDswLjg0IiBkdXI9IjMuMjBzIiBiZWdpbj0iMC4wMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNMCwtMzYgTDAsMzYgTC0xNCwwWiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjQ1IiBzdHJva2U9Im5vbmUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4yOTswLjY3OzAuMjkiIGR1cj0iMy42NXMiIGJlZ2luPSItMC43MHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNMCwtMzYgTDE0LDAgTDAsMzYgTDI3LDBaIiBmaWxsPSIjODE3ZWZmIiBvcGFjaXR5PSIuMzgiIHN0cm9rZT0ibm9uZSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjIyOzAuNjA7MC4yMiIgZHVyPSI0LjEwcyIgYmVnaW49Ii0xLjQwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0tMjcsMCBMMjcsMCBNMCwtMzYgTDAsMzYgTS0xMywtMTMgTDAsMCBMMTUsLTE1IE0tMTMsMTMgTDAsMCBMMTQsMTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuNjUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC40OTswLjg3OzAuNDkiIGR1cj0iNC41NXMiIGJlZ2luPSItMi4xMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iLTIgMCAwOzIgMCAwOy0yIDAgMCIgZHVyPSI0LjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvZz4KCiAgICA8ZyBpZD0ibG90dXNDcnlzdGFsIiBjbGFzcz0icm91bmQiIHN0cm9rZT0idXJsKCNjb3BwZXIpIj4KICAgICAgPHBhdGggZD0iTS0zLC0xNSBDLTQyLC03NiAtODIsLTk5IC0xMTQsLTkwIEMtOTEsLTU2IC01OCwtMjUgLTEyLDYgQy05LC0xIC02LC04IC0zLC0xNVoiIGZpbGw9InVybCgjcGV0YWxMYXZlbmRlcikiIHN0cm9rZS13aWR0aD0iMS44IiBvcGFjaXR5PSIuOTIiLz4KICAgICAgPHBhdGggZD0iTTMsLTE1IEM0MiwtNzYgODIsLTk5IDExNCwtOTAgQzkxLC01NiA1OCwtMjUgMTIsNiBDOSwtMSA2LC04IDMsLTE1WiIgZmlsbD0idXJsKCNwZXRhbExhdmVuZGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjgiIG9wYWNpdHk9Ii45MiIvPgoKICAgICAgPHBhdGggZD0iTS03LC00IEMtNjUsLTE5IC0xMDQsMTcgLTExMyw3OCBDLTY3LDY1IC0yNiw0MiA1LDhaIiBmaWxsPSJ1cmwoI3BldGFsUGluaykiIHN0cm9rZS13aWR0aD0iMS44IiBvcGFjaXR5PSIuODgiLz4KICAgICAgPHBhdGggZD0iTTcsLTQgQzY1LC0xOSAxMDQsMTcgMTEzLDc4IEM2Nyw2NSAyNiw0MiAtNSw4WiIgZmlsbD0idXJsKCNwZXRhbFBpbmspIiBzdHJva2Utd2lkdGg9IjEuOCIgb3BhY2l0eT0iLjg4Ii8+CgogICAgICA8cGF0aCBkPSJNLTIsNSBDLTQyLDExIC03MiwzOSAtODIsODUgQy00Myw3NiAtMTQsNDQgMyw5WiIgZmlsbD0idXJsKCNwZXRhbExhdmVuZGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii44MiIvPgogICAgICA8cGF0aCBkPSJNMiw1IEM0MiwxMSA3MiwzOSA4Miw4NSBDNDMsNzYgMTQsNDQgLTMsOVoiIGZpbGw9InVybCgjcGV0YWxMYXZlbmRlcikiIHN0cm9rZS13aWR0aD0iMS41IiBvcGFjaXR5PSIuODIiLz4KCiAgICAgIDxwYXRoIGQ9Ik0wLC0xNzggQzI1LC0xMzAgNDQsLTk2IDQzLC02NSBDNDIsLTM2IDIwLC0xNCAwLDEyIEMtMjAsLTE0IC00MiwtMzYgLTQzLC02NSBDLTQ0LC05NiAtMjUsLTEzMCAwLC0xNzhaIiBmaWxsPSJ1cmwoI2NyeXN0YWxCbHVlKSIgc3Ryb2tlLXdpZHRoPSIyLjEiLz4KCiAgICAgIDxnIHN0cm9rZT0ibm9uZSI+CiAgICAgICAgPHBhdGggZD0iTTAsLTE3MSBMLTIyLC05NCBMMCwtNjNaIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuNTgiLz4KICAgICAgICA8cGF0aCBkPSJNMCwtMTcxIEwyMiwtMTA0IEwwLC02M1oiIGZpbGw9IiNjZGExZmYiIG9wYWNpdHk9Ii42MiIvPgogICAgICAgIDxwYXRoIGQ9Ik0tMjIsLTk0IEwtMzgsLTY1IEwwLC02M1oiIGZpbGw9IiM4ZmFlZmYiIG9wYWNpdHk9Ii40MiIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMiwtMTA0IEwzOCwtNjUgTDAsLTYzWiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjQzIi8+CiAgICAgICAgPHBhdGggZD0iTS0zOCwtNjUgTC0xNSwtMjIgTDAsLTYzWiIgZmlsbD0iI2ZmOWZlOCIgb3BhY2l0eT0iLjQ0Ii8+CiAgICAgICAgPHBhdGggZD0iTTM4LC02NSBMMTUsLTIyIEwwLC02M1oiIGZpbGw9IiM4Njc3ZmYiIG9wYWNpdHk9Ii40MiIvPgogICAgICAgIDxwYXRoIGQ9Ik0tMTUsLTIyIEwwLDEyIEwwLC02M1oiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9Ii4zNiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNSwtMjIgTDAsMTIgTDAsLTYzWiIgZmlsbD0iI2JmOGNmZiIgb3BhY2l0eT0iLjQ4Ii8+CiAgICAgIDwvZz4KCiAgICAgIDxwYXRoIGQ9Ik0wLC0xNzYgTDAsMTIgTS0yNSwtMTE2IEwwLC02MyBMMjksLTExNiBNLTM5LC02NiBMMCwtNjMgTDM5LC02NiBNLTE4LC0yMyBMMCwtNjMgTDE4LC0yMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii42NSIvPgoKICAgICAgPHBhdGggZD0iTTAsLTYgQzE4LC0yOCA0NSwtMjMgNTgsLTUgQzM1LDEgMTYsMTIgMCwxNCBDLTE2LDEyIC0zNSwxIC01OCwtNSBDLTQ1LC0yMyAtMTgsLTI4IDAsLTZaIiBmaWxsPSJ1cmwoI3BldGFsUGluaykiIHN0cm9rZS13aWR0aD0iMS43Ii8+CiAgICAgIDxwYXRoIGQ9Ik0wLC0yMyBDMTMsLTE2IDIwLC0yIDE3LDEzIEM4LDggMiwwIDAsLTIzWiIgZmlsbD0iI2ZmZjVmZiIgc3Ryb2tlLXdpZHRoPSIxLjIiIG9wYWNpdHk9Ii44NSIvPgogICAgICA8cGF0aCBkPSJNMCwtMTggQy0xMywtMTMgLTIzLDAgLTIyLDE4IEMtMTAsMTMgLTIsMiAwLC0xOFoiIGZpbGw9IiNjNjlhZmYiIHN0cm9rZS13aWR0aD0iMS4yIiBvcGFjaXR5PSIuNzUiLz4KICAgICAgPHBhdGggZD0iTTAsLTE4IEMxMywtMTMgMjMsMCAyMiwxOCBDMTAsMTMgMiwyIDAsLTE4WiIgZmlsbD0iIzlhOTNmZiIgc3Ryb2tlLXdpZHRoPSIxLjIiIG9wYWNpdHk9Ii42OCIvPgogICAgICA8cGF0aCBkPSJNMCwtMjAgTDE2LDAgTDAsMjAgTC0xNiwwWiIgZmlsbD0idXJsKCNjcnlzdGFsRmlsbCkiIHN0cm9rZS13aWR0aD0iMS42Ii8+CgogICAgICA8cGF0aCBkPSJNLTYwLC03MyBDLTcyLC0xMTEgLTkxLC0xMjkgLTEwOSwtMTI2IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuNCIgb3BhY2l0eT0iLjgyIi8+CiAgICAgIDxwYXRoIGQ9Ik02MCwtNzMgQzcyLC0xMTEgOTEsLTEyOSAxMDksLTEyNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjQiIG9wYWNpdHk9Ii44MiIvPgogICAgICA8cGF0aCBkPSJNLTk0LC0xMTMgQy04MCwtMTEzIC03MCwtMTAzIC02NSwtODQgQy04NCwtOTAgLTk1LC05OSAtOTQsLTExM1oiIGZpbGw9IiNmZmY3ZmYiIHN0cm9rZS13aWR0aD0iMS4zIi8+CiAgICAgIDxwYXRoIGQ9Ik05NCwtMTEzIEM4MCwtMTEzIDcwLC0xMDMgNjUsLTg0IEM4NCwtOTAgOTUsLTk5IDk0LC0xMTNaIiBmaWxsPSIjZmZmN2ZmIiBzdHJva2Utd2lkdGg9IjEuMyIvPgogICAgICA8Y2lyY2xlIGN4PSItMTE5IiBjeT0iLTEyNiIgcj0iMi4yIiBmaWxsPSIjZmZmNGU2IiBzdHJva2Utd2lkdGg9IjEuMiIvPgogICAgICA8Y2lyY2xlIGN4PSIxMTkiIGN5PSItMTI2IiByPSIyLjIiIGZpbGw9IiNmZmY0ZTYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgICAgIDxjaXJjbGUgY3g9Ii05MSIgY3k9IjI0IiByPSI2LjIiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZS13aWR0aD0iMS40Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjkxIiBjeT0iMjQiIHI9IjYuMiIgZmlsbD0iI2ZmZjdlYyIgc3Ryb2tlLXdpZHRoPSIxLjQiLz4KICAgICAgPHBhdGggZD0iTS03OCw0NCBDLTk0LDQ5IC0xMDEsNjEgLTEwMSw3NiBNNzgsNDQgQzk0LDQ5IDEwMSw2MSAxMDEsNzYiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMS4zIiBvcGFjaXR5PSIuNzUiLz4KICAgICAgPGNpcmNsZSBjeD0iLTEwOCIgY3k9IjgzIiByPSI0LjIiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZS13aWR0aD0iMS4zIi8+CiAgICAgIDxjaXJjbGUgY3g9IjEwOCIgY3k9IjgzIiByPSI0LjIiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZS13aWR0aD0iMS4zIi8+CiAgICA8L2c+CgogICAgPGcgaWQ9InNpZGVSaWJib24iIGNsYXNzPSJyb3VuZCI+CiAgICAgIDxwYXRoIGQ9Ik01MDUsMzQ2IEM0MzMsMzcxIDM1OSwzOTUgMzE5LDQ2MSBDMjc5LDUyNiAyODUsNTg0IDMxOSw2MTggQzI5Myw1NjEgMzE3LDUwMCAzNjMsNDUxIEM0MDYsNDA1IDQ1MiwzNzcgNTA1LDM0NloiIGZpbGw9InVybCgjcmliYm9uUGluaykiIHN0cm9rZT0iI2Q5OGNmZiIgc3Ryb2tlLXdpZHRoPSIxLjIiIG9wYWNpdHk9Ii41MiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgdmFsdWVzPSJNNTA1LDM0NiBDNDMzLDM3MSAzNTksMzk1IDMxOSw0NjEgQzI3OSw1MjYgMjg1LDU4NCAzMTksNjE4IEMyOTMsNTYxIDMxNyw1MDAgMzYzLDQ1MSBDNDA2LDQwNSA0NTIsMzc3IDUwNSwzNDZaO001MDUsMzQ2IEM0MjUsMzY1IDM2NSw0MDIgMzIyLDQ2NCBDMjgxLDUyMyAyOTEsNTg2IDMyMSw2MTYgQzI5Niw1NTggMzE5LDUwMyAzNjUsNDUzIEM0MTAsNDA2IDQ1NiwzNzggNTA1LDM0Nlo7TTUwNSwzNDYgQzQzMywzNzEgMzU5LDM5NSAzMTksNDYxIEMyNzksNTI2IDI4NSw1ODQgMzE5LDYxOCBDMjkzLDU2MSAzMTcsNTAwIDM2Myw0NTEgQzQwNiw0MDUgNDUyLDM3NyA1MDUsMzQ2WiIgZHVyPSI3LjZzIiBiZWdpbj0iMC4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNTI7MC42ODswLjUyIiBkdXI9IjUuNHMiIGJlZ2luPSIwLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTQ5NywzNTcgQzQzMyw0MDAgMzYwLDQ3MSAzMTYsNjAyIEMzMjMsNTIwIDM3NCw0MTYgNDk3LDM1N1oiIGZpbGw9InVybCgjcmliYm9uVmlvbGV0KSIgc3Ryb2tlPSIjOWQ3MWZmIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii40MiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgdmFsdWVzPSJNNDk3LDM1NyBDNDMzLDQwMCAzNjAsNDcxIDMxNiw2MDIgQzMyMyw1MjAgMzc0LDQxNiA0OTcsMzU3WjtNNDk3LDM1NyBDNDQxLDM5MyAzNjcsNDc1IDMxOSw2MDIgQzMyOSw1MTcgMzc5LDQxOSA0OTcsMzU3WjtNNDk3LDM1NyBDNDMzLDQwMCAzNjAsNDcxIDMxNiw2MDIgQzMyMyw1MjAgMzc0LDQxNiA0OTcsMzU3WiIgZHVyPSI4LjVzIiBiZWdpbj0iLTEuMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjQyOzAuNTg7MC40MiIgZHVyPSI2LjJzIiBiZWdpbj0iLTAuOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNMzE5LDYyNyBDMjg0LDY5MSAyOTcsNzgwIDM5Nyw4NTAgQzQzNyw4NzggNDg0LDg5MyA1MjksOTA1IEM0NjYsODU5IDM3Niw4MDMgMzM4LDcyNyBDMzE3LDY4NSAzMTQsNjUxIDMxOSw2MjdaIiBmaWxsPSJ1cmwoI3JpYmJvblBpbmspIiBzdHJva2U9IiNkOThjZmYiIHN0cm9rZS13aWR0aD0iMS4yIiBvcGFjaXR5PSIuNTIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImQiIHZhbHVlcz0iTTMxOSw2MjcgQzI4NCw2OTEgMjk3LDc4MCAzOTcsODUwIEM0MzcsODc4IDQ4NCw4OTMgNTI5LDkwNSBDNDY2LDg1OSAzNzYsODAzIDMzOCw3MjcgQzMxNyw2ODUgMzE0LDY1MSAzMTksNjI3WjtNMzE5LDYyNyBDMjgwLDY5MyAzMDIsNzg0IDQwMSw4NTIgQzQ0MSw4ODAgNDg3LDg5NSA1MjksOTA1IEM0NjIsODU3IDM3OCw4MDEgMzQxLDcyNSBDMzIxLDY4MyAzMTQsNjQ5IDMxOSw2MjdaO00zMTksNjI3IEMyODQsNjkxIDI5Nyw3ODAgMzk3LDg1MCBDNDM3LDg3OCA0ODQsODkzIDUyOSw5MDUgQzQ2Niw4NTkgMzc2LDgwMyAzMzgsNzI3IEMzMTcsNjg1IDMxNCw2NTEgMzE5LDYyN1oiIGR1cj0iOS40cyIgYmVnaW49Ii0yLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC41MjswLjY4OzAuNTIiIGR1cj0iNy4wcyIgYmVnaW49Ii0xLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTMyNCw2MzkgQzMzNyw3MjcgNDExLDgyMiA1MjYsOTAwIEM0MzAsODczIDMyMSw3OTcgMjkzLDcxNCBDMjgyLDY4MCAyOTYsNjQ5IDMyNCw2MzlaIiBmaWxsPSJ1cmwoI3JpYmJvblZpb2xldCkiIHN0cm9rZT0iIzlkNzFmZiIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuMzgiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImQiIHZhbHVlcz0iTTMyNCw2MzkgQzMzNyw3MjcgNDExLDgyMiA1MjYsOTAwIEM0MzAsODczIDMyMSw3OTcgMjkzLDcxNCBDMjgyLDY4MCAyOTYsNjQ5IDMyNCw2MzlaO00zMjQsNjM5IEMzNDAsNzMxIDQxNiw4MjQgNTI2LDkwMCBDNDI3LDg3MCAzMjUsNzk0IDI5Niw3MTIgQzI4NCw2NzggMjk4LDY0OCAzMjQsNjM5WjtNMzI0LDYzOSBDMzM3LDcyNyA0MTEsODIyIDUyNiw5MDAgQzQzMCw4NzMgMzIxLDc5NyAyOTMsNzE0IEMyODIsNjgwIDI5Niw2NDkgMzI0LDYzOVoiIGR1cj0iMTAuM3MiIGJlZ2luPSItMy4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzg7MC41NDswLjM4IiBkdXI9IjcuOHMiIGJlZ2luPSItMi43cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CgogICAgICA8cGF0aCBkPSJNMzExLDM4OCBDMjUzLDQ3MyAyNTYsNTcyIDMxNyw2MjIgQzI1Myw3MjQgMjgzLDg1MCAzNzIsOTA0IiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjY29wcGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjQiIG9wYWNpdHk9Ii43MiIvPgogICAgICA8cGF0aCBkPSJNMzQ2LDM1NiBDMjY5LDQxMCAyNDIsNTMyIDI4Nyw2MDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1kYXNoYXJyYXk9IjEgMTMiIG9wYWNpdHk9Ii41OCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iMDstMTY4IiBkdXI9IjUuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNMjg3LDY0MSBDMjQyLDcyNiAyNzcsODU4IDM3Miw5MTciIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1kYXNoYXJyYXk9IjEgMTMiIG9wYWNpdHk9Ii41OCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iMDstMTY4IiBkdXI9IjYuMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgoKICAgICAgPGNpcmNsZSBjeD0iMjkyIiBjeT0iNDQ4IiByPSI3IiBmaWxsPSIjZmZmN2VjIiBzdHJva2U9InVybCgjY29wcGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii44OCIvPgogICAgICA8Y2lyY2xlIGN4PSIyMDIiIGN5PSI1NTMiIHI9IjYuMiIgZmlsbD0iI2ZmZjdlYyIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiIHN0cm9rZS13aWR0aD0iMS41IiBvcGFjaXR5PSIuODgiLz4KICAgICAgPGNpcmNsZSBjeD0iMzU2IiBjeT0iMzQxIiByPSI0LjIiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjEuMyIgb3BhY2l0eT0iLjkiLz4KICAgICAgPGNpcmNsZSBjeD0iMzM0IiBjeT0iMzYxIiByPSIyLjgiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjEuMSIgb3BhY2l0eT0iLjkiLz4KICAgICAgPGNpcmNsZSBjeD0iMjY2IiBjeT0iNDc5IiByPSIyLjYiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjEuMSIgb3BhY2l0eT0iLjkiLz4KICAgICAgPGNpcmNsZSBjeD0iMjU0IiBjeT0iNDkwIiByPSIyLjMiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii45Ii8+CgogICAgICA8Y2lyY2xlIGN4PSIyOTYiIGN5PSI4MzciIHI9IjYuMiIgZmlsbD0iI2ZmZjdlYyIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiIHN0cm9rZS13aWR0aD0iMS41IiBvcGFjaXR5PSIuODgiLz4KICAgICAgPGNpcmNsZSBjeD0iMjAxIiBjeT0iNjQ5IiByPSI2LjIiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjEuNSIgb3BhY2l0eT0iLjg4Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjM2MCIgY3k9IjkxMiIgcj0iNC44IiBmaWxsPSIjZmZmN2VjIiBzdHJva2U9InVybCgjY29wcGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjMiIG9wYWNpdHk9Ii45Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjI2OCIgY3k9Ijc3MyIgcj0iMi43IiBmaWxsPSIjZmZmN2VjIiBzdHJva2U9InVybCgjY29wcGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjEiIG9wYWNpdHk9Ii45Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjI1NSIgY3k9Ijc2MCIgcj0iMi4zIiBmaWxsPSIjZmZmN2VjIiBzdHJva2U9InVybCgjY29wcGVyKSIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuOSIvPgogICAgPC9nPgoKICAgIDxnIGlkPSJjcmVzY2VudExlZnQiIGNsYXNzPSJyb3VuZCIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiPgogICAgICA8cGF0aCBkPSJNNDU0LDU4NCBDNDIxLDU4OSAzOTQsNjE3IDM5Myw2NDggQzM5Miw2ODEgNDE5LDY5OSA0NTMsNjkxIEM0MjcsNjc4IDQxNCw2NTcgNDE3LDYzMSBDNDIwLDYwNyA0MzQsNTkxIDQ1NCw1ODRaIiBmaWxsPSIjZmZmNWRlIiBvcGFjaXR5PSIuNDIiIHN0cm9rZS13aWR0aD0iMS44Ii8+CiAgICAgIDxwYXRoIGQ9Ik00NTQsNTk2IEM0MzQsNjA0IDQyMiw2MjAgNDIxLDYzNyBDNDIwLDY1NyA0MzIsNjc1IDQ1Myw2ODMiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMS4xNSIgb3BhY2l0eT0iLjcyIi8+CiAgICAgIDxwYXRoIGQ9Ik00MDUsNjAyIEM0MTcsNTg5IDQzMyw1ODEgNDUxLDU3OSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuNTUiLz4KICAgICAgPHVzZSBocmVmPSIjc3BhcmtsZUdvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzNyA2MzUpIHNjYWxlKC4zNSkiLz4KICAgICAgPGNpcmNsZSBjeD0iNDEwIiBjeT0iNjIxIiByPSIyLjEiIGZpbGw9IiNmZmY3ZWMiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8Y2lyY2xlIGN4PSI0MTkiIGN5PSI2MDUiIHI9IjIuMSIgZmlsbD0iI2ZmZjdlYyIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDxjaXJjbGUgY3g9IjQzMCIgY3k9IjU5NCIgcj0iMS43IiBmaWxsPSIjZmZmN2VjIiBzdHJva2Utd2lkdGg9Ii45Ii8+CiAgICAgIDxwYXRoIGQ9Ik00NTksNjAwIEM0NzAsNTk0IDQ4Myw1OTMgNDkyLDU5OCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIG9wYWNpdHk9Ii42NSIvPgogICAgPC9nPgogIDxsaW5lYXJHcmFkaWVudCBpZD0ic2hpbmVCYW5kIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ii40MyIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIuMDgiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9Ii45NiIvPjxzdG9wIG9mZnNldD0iLjU3IiBzdG9wLWNvbG9yPSIjZmZmMGZmIiBzdG9wLW9wYWNpdHk9Ii4xOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9Im9yYml0UGVhcmwiIGN4PSIzNSUiIGN5PSIzMCUiIHI9IjcwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9Ii4zNSIgc3RvcC1jb2xvcj0iI2ZmZDdmZiIgc3RvcC1vcGFjaXR5PSIuOTUiLz48c3RvcCBvZmZzZXQ9Ii43MiIgc3RvcC1jb2xvcj0iIzlhOWNmZiIgc3RvcC1vcGFjaXR5PSIuNzgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDZkZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PGZpbHRlciBpZD0ib3JiaXRHbG93IiB4PSItMTYwJSIgeT0iLTE2MCUiIHdpZHRoPSI0MjAlIiBoZWlnaHQ9IjQyMCUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjUuMiIgcmVzdWx0PSJibHVyIi8+PGZlTWVyZ2U+PGZlTWVyZ2VOb2RlIGluPSJibHVyIi8+PGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjxjbGlwUGF0aCBpZD0ic3RhckNsaXAiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNNjI3LDQzOCBMNjU3LDU1MyBMNzQwLDUxNSBMNzAyLDU5OCBMODE1LDYyNyBMNzAyLDY1NiBMNzQwLDczOSBMNjU3LDcwMSBMNjI3LDgxNiBMNTk3LDcwMSBMNTE0LDczOSBMNTUyLDY1NiBMNDM5LDYyNyBMNTUyLDU5OCBMNTE0LDUxNSBMNTk3LDU1M1oiLz48L2NsaXBQYXRoPjxwYXRoIGlkPSJkaWFtb25kT3JiaXRQYXRoIiBkPSJNNjI3LDMxOCBMOTU3LDYyMCBMNjI3LDkzNiBMMjk3LDYyMCBaIiBmaWxsPSJub25lIi8+PHBhdGggaWQ9ImlubmVyRGlhbW9uZE9yYml0UGF0aCIgZD0iTTYyNywzNTEgTDkyMyw2MjAgTDYyNyw5MDIgTDMzMSw2MjAgWiIgZmlsbD0ibm9uZSIvPjwvZGVmcz4KCiAgPGcgaWQ9Im9ybmFtZW50LWVudHJhbmNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjcgNjI3KSIgb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMCIgdG89IjEiIGR1cj0iMS40NXMiIGZpbGw9ImZyZWV6ZSIvPjxnPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIHZhbHVlcz0iLjg2OzEuMDM1OzEiIGtleVRpbWVzPSIwOy43NjsxIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIuMTYgLjg0IC4yNCAxOy4yOCAuODggLjMgMSIgZHVyPSIxLjc1cyIgZmlsbD0iZnJlZXplIi8+PGc+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgdmFsdWVzPSIxOzEuMDA4OzEiIGR1cj0iNy41cyIgYmVnaW49IjEuNzVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MjcgLTYyNykiPjxnIGlkPSJtYWdpYy1vcm5hbWVudCI+CiAgICA8Y2lyY2xlIGN4PSI2MjciIGN5PSI2MjciIHI9IjI1MCIgZmlsbD0idXJsKCNjZW50ZXJHbG93KSIgb3BhY2l0eT0iLjcyIiBpZD0ib3V0ZXItY2VudGVyLWdsb3ciPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMjM4OzI2ODsyMzgiIGR1cj0iNi40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii41NDsuODI7LjU0IiBkdXI9IjYuNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI2MjciIGN5PSI2MjciIHI9IjE1NCIgZmlsbD0idXJsKCNjZW50ZXJHbG93KSIgb3BhY2l0eT0iLjU1IiBpZD0iaW5uZXItY2VudGVyLWdsb3ciPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMTQ1OzE3MDsxNDUiIGR1cj0iNC44cyIgYmVnaW49Ii0uOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMzg7LjY5Oy4zOCIgZHVyPSI0LjhzIiBiZWdpbj0iLS45cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KCiAgICA8ZyBpZD0iZW5lcmd5LXJpcHBsZXMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgcG9pbnRlci1ldmVudHM9Im5vbmUiPjxjaXJjbGUgY3g9IjYyNyIgY3k9IjYyNyIgcj0iMTMyIiBzdHJva2U9IiNmNGI0ZmYiIHN0cm9rZS13aWR0aD0iMi4yIiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjEzMjszMzgiIGR1cj0iNi44cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDsuMzQ7LjE2OzAiIGtleVRpbWVzPSIwOy4wODsuNDI7MSIgZHVyPSI2LjhzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLXdpZHRoIiB2YWx1ZXM9IjIuNDsuNyIgZHVyPSI2LjhzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNjI3IiBjeT0iNjI3IiByPSIxMzIiIHN0cm9rZT0iIzllYjRmZiIgc3Ryb2tlLXdpZHRoPSIyLjIiIG9wYWNpdHk9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMTMyOzMzOCIgZHVyPSI2LjhzIiBiZWdpbj0iLTIuMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDsuMzQ7LjE2OzAiIGtleVRpbWVzPSIwOy4wODsuNDI7MSIgZHVyPSI2LjhzIiBiZWdpbj0iLTIuMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIgdmFsdWVzPSIyLjQ7LjciIGR1cj0iNi44cyIgYmVnaW49Ii0yLjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI2MjciIGN5PSI2MjciIHI9IjEzMiIgc3Ryb2tlPSIjZmZkNGEwIiBzdHJva2Utd2lkdGg9IjIuMiIgb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIxMzI7MzM4IiBkdXI9IjYuOHMiIGJlZ2luPSItNC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7LjM0Oy4xNjswIiBrZXlUaW1lcz0iMDsuMDg7LjQyOzEiIGR1cj0iNi44cyIgYmVnaW49Ii00LjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIgdmFsdWVzPSIyLjQ7LjciIGR1cj0iNi44cyIgYmVnaW49Ii00LjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjwvZz48ZyBpZD0icmliYm9uLWxlZnQtbW90aW9uIj48Zz48dXNlIGhyZWY9IiNzaWRlUmliYm9uIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InRyYW5zbGF0ZSIgdmFsdWVzPSIwIDA7LTcgNDsyIC0zOzAgMCIga2V5VGltZXM9IjA7LjM1Oy43MjsxIiBkdXI9IjkuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9nPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjgyOzE7LjgyIiBkdXI9IjYuNXMiIGJlZ2luPSIwLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvZz48ZyBpZD0icmliYm9uLXJpZ2h0LW1vdGlvbiI+PGc+PHVzZSBocmVmPSIjc2lkZVJpYmJvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI1NCAwKSBzY2FsZSgtMSAxKSIvPgoKICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0idHJhbnNsYXRlIiB2YWx1ZXM9IjAgMDs3IDQ7LTIgLTM7MCAwIiBrZXlUaW1lcz0iMDsuMzU7LjcyOzEiIGR1cj0iMTAuMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9nPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjgyOzE7LjgyIiBkdXI9IjcuMXMiIGJlZ2luPSItMS40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2c+PGcgaWQ9ImRpYW1vbmQtZnJhbWUtbW90aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjcgNjI3KSI+PGc+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iLS42NTsgLjY1OyAtLjY1IiBkdXI9IjEycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiB2YWx1ZXM9IjE7MS4wMTI7MSIgZHVyPSI1LjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MjcgLTYyNykiPjxnIGlkPSJkaWFtb25kLWZyYW1lIiBjbGFzcz0icm91bmQiIGZpbGw9Im5vbmUiPgogICAgICA8cGF0aCBkPSJNNjI3LDMxOCBMOTU3LDYyMCBMNjI3LDkzNiBMMjk3LDYyMFoiIHN0cm9rZT0idXJsKCNjb3BwZXIpIiBzdHJva2Utd2lkdGg9IjIuMjUiIG9wYWNpdHk9Ii45NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjc5OzEuMDA7MC43OSIgZHVyPSI1LjZzIiBiZWdpbj0iMC4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik02MjcsMzM1IEw5MzksNjIwIEw2MjcsOTE4IEwzMTUsNjIwWiIgc3Ryb2tlPSIjZjViMTZlIiBzdHJva2Utd2lkdGg9IjEuMTUiIG9wYWNpdHk9Ii44OCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjcyOzAuOTM7MC43MiIgZHVyPSI2LjNzIiBiZWdpbj0iLTAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNNjI3LDM1MSBMOTIzLDYyMCBMNjI3LDkwMiBMMzMxLDYyMFoiIHN0cm9rZT0iI2U4Nzg1OSIgc3Ryb2tlLXdpZHRoPSIuOSIgb3BhY2l0eT0iLjYyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNDY7MC42NzswLjQ2IiBkdXI9IjcuMHMiIGJlZ2luPSItMS42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CgogICAgICA8cGF0aCBkPSJNMzA3LDYxMSBMNjEyLDMyMyBNMzE4LDYyOSBMNjE1LDM0MyBNOTQ3LDYxMSBMNjQyLDMyMyBNOTM2LDYyOSBMNjM5LDM0MyIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiIHN0cm9rZS13aWR0aD0iMS4xNSIgb3BhY2l0eT0iLjc4Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNjI7MC44MzswLjYyIiBkdXI9IjcuN3MiIGJlZ2luPSItMi40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0zMDcsNjI5IEw2MTIsOTM0IE0zMTgsNjExIEw2MTUsOTEzIE05NDcsNjI5IEw2NDIsOTM0IE05MzYsNjExIEw2MzksOTEzIiBzdHJva2U9InVybCgjY29wcGVyKSIgc3Ryb2tlLXdpZHRoPSIxLjE1IiBvcGFjaXR5PSIuNzgiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC42MjswLjgzOzAuNjIiIGR1cj0iOC40cyIgYmVnaW49Ii0zLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KCiAgICAgIDxwYXRoIGQ9Ik0zNDgsNjA5IEw2MDYsMzU0IE02NDgsMzU0IEw5MDYsNjA5IE05MDYsNjMzIEw2NDgsOTAwIE02MDYsOTAwIEwzNDgsNjMzIiBzdHJva2U9IiNlOTk2NjIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWRhc2hhcnJheT0iMSAxMyIgb3BhY2l0eT0iLjYyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIwOy0yMjQiIGR1cj0iNy4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNDY7MC42NzswLjQ2IiBkdXI9IjkuMXMiIGJlZ2luPSItNC4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICA8L2c+CgogICAgPC9nPjwvZz48L2c+PC9nPjxnIGlkPSJmcmFtZS1saWdodC1ydW5uZXJzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHBvaW50ZXItZXZlbnRzPSJub25lIj48cGF0aCBkPSJNNjI3LDMxOCBMOTU3LDYyMCBMNjI3LDkzNiBMMjk3LDYyMCBaIiBzdHJva2U9IiNmZmY3ZmYiIHN0cm9rZS13aWR0aD0iMy4yIiBzdHJva2UtZGFzaGFycmF5PSIyIDQ4IiBvcGFjaXR5PSIuNzIiIGZpbHRlcj0idXJsKCNvcmJpdEdsb3cpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIwOy0yMDAiIGR1cj0iNC40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZD0iTTYyNywzNTEgTDkyMyw2MjAgTDYyNyw5MDIgTDMzMSw2MjAgWiIgc3Ryb2tlPSIjYmNiNWZmIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWRhc2hhcnJheT0iMSAzOSIgb3BhY2l0eT0iLjY0Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIwOzE2MCIgZHVyPSI1LjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48L2c+PGcgaWQ9Im9yYml0aW5nLXBlYXJscyIgZmlsdGVyPSJ1cmwoI29yYml0R2xvdykiIHBvaW50ZXItZXZlbnRzPSJub25lIj48Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNi4wMCIgZmlsbD0idXJsKCNvcmJpdFBlYXJsKSIgb3BhY2l0eT0iLjkiPjxhbmltYXRlTW90aW9uIGR1cj0iOS40cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgcm90YXRlPSJhdXRvIj48bXBhdGggaHJlZj0iI2RpYW1vbmRPcmJpdFBhdGgiLz48L2FuaW1hdGVNb3Rpb24+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSI0LjUwOzcuNTA7NC41MCIgZHVyPSIyLjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNDI7MTsuNDIiIGR1cj0iMi4xcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI0LjY4IiBmaWxsPSJ1cmwoI29yYml0UGVhcmwpIiBvcGFjaXR5PSIuOSI+PGFuaW1hdGVNb3Rpb24gZHVyPSI5LjRzIiBiZWdpbj0iLTMuMTNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgcm90YXRlPSJhdXRvIj48bXBhdGggaHJlZj0iI2RpYW1vbmRPcmJpdFBhdGgiLz48L2FuaW1hdGVNb3Rpb24+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIzLjUxOzUuODU7My41MSIgZHVyPSIyLjFzIiBiZWdpbj0iLTMuMTNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjQyOzE7LjQyIiBkdXI9IjIuMXMiIGJlZ2luPSItMy4xM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjMuODQiIGZpbGw9InVybCgjb3JiaXRQZWFybCkiIG9wYWNpdHk9Ii45Ij48YW5pbWF0ZU1vdGlvbiBkdXI9IjkuNHMiIGJlZ2luPSItNi4yNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiByb3RhdGU9ImF1dG8iPjxtcGF0aCBocmVmPSIjZGlhbW9uZE9yYml0UGF0aCIvPjwvYW5pbWF0ZU1vdGlvbj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjIuODg7NC44MDsyLjg4IiBkdXI9IjIuMXMiIGJlZ2luPSItNi4yNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNDI7MTsuNDIiIGR1cj0iMi4xcyIgYmVnaW49Ii02LjI2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMy40OCIgZmlsbD0idXJsKCNvcmJpdFBlYXJsKSIgb3BhY2l0eT0iLjkiPjxhbmltYXRlTW90aW9uIGR1cj0iNy44cyIgYmVnaW49Ii0yLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgcm90YXRlPSJhdXRvIj48bXBhdGggaHJlZj0iI2lubmVyRGlhbW9uZE9yYml0UGF0aCIvPjwvYW5pbWF0ZU1vdGlvbj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjIuNjE7NC4zNTsyLjYxIiBkdXI9IjIuMXMiIGJlZ2luPSItMi4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii40MjsxOy40MiIgZHVyPSIyLjFzIiBiZWdpbj0iLTIuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PC9nPjxnIGlkPSJjcmVzY2VudC1sZWZ0LW1vdGlvbiI+PHVzZSBocmVmPSIjY3Jlc2NlbnRMZWZ0Ii8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSItMi4yIDQzNyA2MzU7Mi4yIDQzNyA2MzU7LTIuMiA0MzcgNjM1IiBkdXI9IjcuNHMiIGJlZ2luPSIwLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjcyOzE7LjcyIiBkdXI9IjQuOXMiIGJlZ2luPSIwLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvZz48ZyBpZD0iY3Jlc2NlbnQtcmlnaHQtbW90aW9uIj48dXNlIGhyZWY9IiNjcmVzY2VudExlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNTQgMCkgc2NhbGUoLTEgMSkiLz4KCiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSItMi4yIDgxNyA2MzU7Mi4yIDgxNyA2MzU7LTIuMiA4MTcgNjM1IiBkdXI9IjguMXMiIGJlZ2luPSItMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii43MjsxOy43MiIgZHVyPSI0LjlzIiBiZWdpbj0iLTEuMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9nPjxnIGlkPSJjZW50cmFsLXN0YXItbW90aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjcgNjI3KSI+PGc+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAiIHRvPSIzNjAiIGR1cj0iNDJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxnPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIHZhbHVlcz0iMTsxLjAzNTsxIiBkdXI9IjQuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyNyAtNjI3KSI+PGcgaWQ9ImNlbnRyYWwtc3RhciIgZmlsdGVyPSJ1cmwoI3NvZnRHbG93KSIgY2xhc3M9InJvdW5kIj4KICAgICAgPHBhdGggZD0iTTYyNyw0MzggTDY1Nyw1NTMgTDc0MCw1MTUgTDcwMiw1OTggTDgxNSw2MjcgTDcwMiw2NTYgTDc0MCw3MzkgTDY1Nyw3MDEgTDYyNyw4MTYgTDU5Nyw3MDEgTDUxNCw3MzkgTDU1Miw2NTYgTDQzOSw2MjcgTDU1Miw1OTggTDUxNCw1MTUgTDU5Nyw1NTNaIiBmaWxsPSJ1cmwoI3N0YXJGaWxsKSIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiIHN0cm9rZS13aWR0aD0iMi4yIi8+CgogICAgICA8ZyBzdHJva2U9Im5vbmUiPgogICAgICAgIDxwYXRoIGQ9Ik02MjcsNjI3IEw2MjcsNDM4IEw2NTcsNTUzWiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjU4Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzg7MC44MjswLjM4IiBkdXI9IjMuNDBzIiBiZWdpbj0iLTAuMDBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNjI3LDYyNyBMNjU3LDU1MyBMNzQwLDUxNVoiIGZpbGw9IiM5ZmE4ZmYiIG9wYWNpdHk9Ii40OCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjI4OzAuNzI7MC4yOCIgZHVyPSIzLjc0cyIgYmVnaW49Ii0wLjMxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTYyNyw2MjcgTDc0MCw1MTUgTDcwMiw1OThaIiBmaWxsPSIjZDhhNWZmIiBvcGFjaXR5PSIuNTIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4zMjswLjc2OzAuMzIiIGR1cj0iNC4wOHMiIGJlZ2luPSItMC42MnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik02MjcsNjI3IEw3MDIsNTk4IEw4MTUsNjI3WiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjQyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMjI7MC42NjswLjIyIiBkdXI9IjQuNDJzIiBiZWdpbj0iLTAuOTNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNjI3LDYyNyBMODE1LDYyNyBMNzAyLDY1NloiIGZpbGw9IiM4ZGI4ZmYiIG9wYWNpdHk9Ii41Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzA7MC43NDswLjMwIiBkdXI9IjQuNzZzIiBiZWdpbj0iLTEuMjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNjI3LDYyNyBMNzAyLDY1NiBMNzQwLDczOVoiIGZpbGw9IiNiZjhjZmYiIG9wYWNpdHk9Ii41Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzA7MC43NDswLjMwIiBkdXI9IjMuNDBzIiBiZWdpbj0iLTEuNTVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNjI3LDYyNyBMNzQwLDczOSBMNjU3LDcwMVoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9Ii40Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMjA7MC42NDswLjIwIiBkdXI9IjMuNzRzIiBiZWdpbj0iLTEuODZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNjI3LDYyNyBMNjU3LDcwMSBMNjI3LDgxNloiIGZpbGw9IiM4YWFlZmYiIG9wYWNpdHk9Ii40OCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjI4OzAuNzI7MC4yOCIgZHVyPSI0LjA4cyIgYmVnaW49Ii0yLjE3cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTYyNyw2MjcgTDYyNyw4MTYgTDU5Nyw3MDFaIiBmaWxsPSIjZTVhZGZmIiBvcGFjaXR5PSIuNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjMwOzAuNzQ7MC4zMCIgZHVyPSI0LjQycyIgYmVnaW49Ii0yLjQ4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTYyNyw2MjcgTDU5Nyw3MDEgTDUxNCw3MzlaIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuNDIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4yMjswLjY2OzAuMjIiIGR1cj0iNC43NnMiIGJlZ2luPSItMi43OXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik02MjcsNjI3IEw1MTQsNzM5IEw1NTIsNjU2WiIgZmlsbD0iI2EzODJmZiIgb3BhY2l0eT0iLjUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4zMDswLjc0OzAuMzAiIGR1cj0iMy40MHMiIGJlZ2luPSItMy4xMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik02MjcsNjI3IEw1NTIsNjU2IEw0MzksNjI3WiIgZmlsbD0iI2YxYjFmZiIgb3BhY2l0eT0iLjQ4Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMjg7MC43MjswLjI4IiBkdXI9IjMuNzRzIiBiZWdpbj0iLTMuNDFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNjI3LDYyNyBMNDM5LDYyNyBMNTUyLDU5OFoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9Ii40NCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjI0OzAuNjg7MC4yNCIgZHVyPSI0LjA4cyIgYmVnaW49Ii0zLjcycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTYyNyw2MjcgTDU1Miw1OTggTDUxNCw1MTVaIiBmaWxsPSIjOTBiOGZmIiBvcGFjaXR5PSIuNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjMwOzAuNzQ7MC4zMCIgZHVyPSI0LjQycyIgYmVnaW49Ii00LjAzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTYyNyw2MjcgTDUxNCw1MTUgTDU5Nyw1NTNaIiBmaWxsPSIjZDU5Y2ZmIiBvcGFjaXR5PSIuNTIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4zMjswLjc2OzAuMzIiIGR1cj0iNC43NnMiIGJlZ2luPSItNC4zNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik02MjcsNjI3IEw1OTcsNTUzIEw2MjcsNDM4WiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjQyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMjI7MC42NjswLjIyIiBkdXI9IjMuNDBzIiBiZWdpbj0iLTQuNjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD4KICAgICAgPC9nPgoKICAgICAgPGNpcmNsZSBjeD0iNjI3IiBjeT0iNjI3IiByPSI5MiIgZmlsbD0idXJsKCNzdGFyQ29yZSkiIG9wYWNpdHk9Ii44NiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSI4MjsxMDI7ODIiIGR1cj0iNC44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii42NjsuOTY7LjY2IiBkdXI9IjQuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxwYXRoIGQ9Ik02MjcsNTQ3IEw2NDMsNjA0IEw3MDAsNTY0IEw2NjAsNjExIEw3MjYsNjI3IEw2NjAsNjQzIEw3MDAsNjkwIEw2NDMsNjUwIEw2MjcsNzA3IEw2MTEsNjUwIEw1NTQsNjkwIEw1OTQsNjQzIEw1MjgsNjI3IEw1OTQsNjExIEw1NTQsNTY0IEw2MTEsNjA0WiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjMyIiBzdHJva2U9Im5vbmUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjE4Oy41MjsuMTgiIGR1cj0iMy42cyIgYmVnaW49Ii0uOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPgoKICAgICAgPHBhdGggZD0iTTYyNyw0MzggTDYyNyw4MTYgTTQzOSw2MjcgTDgxNSw2MjcgTTUxNCw1MTUgTDc0MCw3MzkgTTc0MCw1MTUgTDUxNCw3MzkgICAgICAgICAgICAgICAgTTY1Nyw1NTMgTDU5Nyw3MDEgTTU5Nyw1NTMgTDY1Nyw3MDEgTTU1Miw1OTggTDcwMiw2NTYgTTcwMiw1OTggTDU1Miw2NTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjEiIG9wYWNpdHk9Ii41OCIvPgoKICAgICAgPGcgaWQ9InN0YXItc2hpbmUtc3dlZXAiIGNsaXAtcGF0aD0idXJsKCNzdGFyQ2xpcCkiIHBvaW50ZXItZXZlbnRzPSJub25lIj48cmVjdCB4PSIzMDAiIHk9IjM3NSIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjUxMCIgcng9IjQ4IiBmaWxsPSJ1cmwoI3NoaW5lQmFuZCkiIHRyYW5zZm9ybT0icm90YXRlKC0yNCA2MjcgNjI3KSIgb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieCIgdmFsdWVzPSIyOTA7ODkwIiBkdXI9IjUuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzA7Ljg0Oy4xODswOzAiIGtleVRpbWVzPSIwOy4xMjsuMzI7LjUyOy43OzEiIGR1cj0iNS44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PC9nPjxwYXRoIGQ9Ik02MjcsNDM4IEw2NTcsNTUzIEw3NDAsNTE1IEw3MDIsNTk4IEw4MTUsNjI3IEw3MDIsNjU2IEw3NDAsNzM5IEw2NTcsNzAxIEw2MjcsODE2IEw1OTcsNzAxIEw1MTQsNzM5IEw1NTIsNjU2IEw0MzksNjI3IEw1NTIsNTk4IEw1MTQsNTE1IEw1OTcsNTUzWiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2NvcHBlcikiIHN0cm9rZS13aWR0aD0iMS4zNSIgb3BhY2l0eT0iLjkyIi8+CiAgICA8L2c+CgogICAgPC9nPjwvZz48L2c+PC9nPjxnIGlkPSJsb3R1cy1ub3J0aC1tb3Rpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyNyAzMTgpIiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIwIiB0bz0iMSIgZHVyPSIxLjA1cyIgYmVnaW49IjAuMThzIiBmaWxsPSJmcmVlemUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiB2YWx1ZXM9Ii43MjsxLjA2OzEiIGtleVRpbWVzPSIwOy43MjsxIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIuMTggLjgyIC4yMiAxOy4zIC45IC4zIDEiIGR1cj0iMS4zNXMiIGJlZ2luPSIwLjE4cyIgZmlsbD0iZnJlZXplIi8+PGc+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgdmFsdWVzPSIxOzEuMDM1OzEiIGR1cj0iNC41MHMiIGJlZ2luPSIxLjUzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSItMS40MDsxLjQwOy0xLjQwIiBkdXI9IjYuNjBzIiBiZWdpbj0iMC4wMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PHVzZSBocmVmPSIjbG90dXNDcnlzdGFsIi8+CiAgICA8L2c+PC9nPjwvZz48L2c+PGcgaWQ9ImxvdHVzLWVhc3QtbW90aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NTcgNjIwKSByb3RhdGUoOTApIiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIwIiB0bz0iMSIgZHVyPSIxLjA1cyIgYmVnaW49IjAuMzZzIiBmaWxsPSJmcmVlemUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiB2YWx1ZXM9Ii43MjsxLjA2OzEiIGtleVRpbWVzPSIwOy43MjsxIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIuMTggLjgyIC4yMiAxOy4zIC45IC4zIDEiIGR1cj0iMS4zNXMiIGJlZ2luPSIwLjM2cyIgZmlsbD0iZnJlZXplIi8+PGc+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgdmFsdWVzPSIxOzEuMDM1OzEiIGR1cj0iNC44N3MiIGJlZ2luPSIxLjcxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSItMS41NTsxLjU1Oy0xLjU1IiBkdXI9IjcuMDJzIiBiZWdpbj0iLTAuODBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjx1c2UgaHJlZj0iI2xvdHVzQ3J5c3RhbCIvPgogICAgPC9nPjwvZz48L2c+PC9nPjxnIGlkPSJsb3R1cy1zb3V0aC1tb3Rpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyNyA5MzYpIHJvdGF0ZSgxODApIiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIwIiB0bz0iMSIgZHVyPSIxLjA1cyIgYmVnaW49IjAuNTRzIiBmaWxsPSJmcmVlemUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiB2YWx1ZXM9Ii43MjsxLjA2OzEiIGtleVRpbWVzPSIwOy43MjsxIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIuMTggLjgyIC4yMiAxOy4zIC45IC4zIDEiIGR1cj0iMS4zNXMiIGJlZ2luPSIwLjU0cyIgZmlsbD0iZnJlZXplIi8+PGc+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgdmFsdWVzPSIxOzEuMDM1OzEiIGR1cj0iNS4yNHMiIGJlZ2luPSIxLjg5cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSItMS43MDsxLjcwOy0xLjcwIiBkdXI9IjcuNDRzIiBiZWdpbj0iLTEuNjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjx1c2UgaHJlZj0iI2xvdHVzQ3J5c3RhbCIvPgogICAgPC9nPjwvZz48L2c+PC9nPjxnIGlkPSJsb3R1cy13ZXN0LW1vdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk3IDYyMCkgcm90YXRlKC05MCkiIG9wYWNpdHk9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjAiIHRvPSIxIiBkdXI9IjEuMDVzIiBiZWdpbj0iMC43MnMiIGZpbGw9ImZyZWV6ZSIvPjxnPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIHZhbHVlcz0iLjcyOzEuMDY7MSIga2V5VGltZXM9IjA7LjcyOzEiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVNwbGluZXM9Ii4xOCAuODIgLjIyIDE7LjMgLjkgLjMgMSIgZHVyPSIxLjM1cyIgYmVnaW49IjAuNzJzIiBmaWxsPSJmcmVlemUiLz48Zz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiB2YWx1ZXM9IjE7MS4wMzU7MSIgZHVyPSI1LjYxcyIgYmVnaW49IjIuMDdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxnPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9Ii0xLjg1OzEuODU7LTEuODUiIGR1cj0iNy44NnMiIGJlZ2luPSItMi40MHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PHVzZSBocmVmPSIjbG90dXNDcnlzdGFsIi8+CgogICAgPC9nPjwvZz48L2c+PC9nPjxnIGlkPSJzbWFsbC1jcnlzdGFscy1hbmQtc3BhcmtzIj4KICAgICAgPHVzZSBocmVmPSIjc21hbGxHZW0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyNyAzODUpIHNjYWxlKC43MikiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjU4OzE7LjU4IiBkdXI9IjMuODBzIiBiZWdpbj0iLTAuMDBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvdXNlPgogICAgICA8dXNlIGhyZWY9IiNzbWFsbEdlbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjI3IDgzOSkgc2NhbGUoLjcyKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNTg7MTsuNTgiIGR1cj0iNC4yNnMiIGJlZ2luPSItMC4zN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NtYWxsR2VtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTIgNjIxKSByb3RhdGUoLTkwKSBzY2FsZSguNTgpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii41ODsxOy41OCIgZHVyPSI0LjcycyIgYmVnaW49Ii0wLjc0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KICAgICAgPHVzZSBocmVmPSIjc21hbGxHZW0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkwMiA2MjEpIHJvdGF0ZSg5MCkgc2NhbGUoLjU4KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNTg7MTsuNTgiIGR1cj0iNS4xOHMiIGJlZ2luPSItMS4xMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CgogICAgICA8dXNlIGhyZWY9IiNzbWFsbEdlbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkwIDQyNykgc2NhbGUoLjU4KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNTg7MTsuNTgiIGR1cj0iMy44MHMiIGJlZ2luPSItMS40OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NtYWxsR2VtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjQgNDI3KSBzY2FsZSguNTgpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii41ODsxOy41OCIgZHVyPSI0LjI2cyIgYmVnaW49Ii0xLjg1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KICAgICAgPHVzZSBocmVmPSIjc21hbGxHZW0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5MCA4MjcpIHNjYWxlKC41OCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjU4OzE7LjU4IiBkdXI9IjQuNzJzIiBiZWdpbj0iLTIuMjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvdXNlPgogICAgICA8dXNlIGhyZWY9IiNzbWFsbEdlbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzY0IDgyNykgc2NhbGUoLjU4KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNTg7MTsuNTgiIGR1cj0iNS4xOHMiIGJlZ2luPSItMi41OXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CgogICAgICA8dXNlIGhyZWY9IiNzcGFya2xlUHVycGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYgMjg4KSBzY2FsZSguNTgpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4xODsxOy4xOCIgZHVyPSI0LjA0cyIgYmVnaW49Ii0yLjk2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KICAgICAgPHVzZSBocmVmPSIjc3BhcmtsZVB1cnBsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUwIDI4OCkgc2NhbGUoLjU4KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMTg7MTsuMTgiIGR1cj0iNC40MnMiIGJlZ2luPSItMy4zM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVQdXJwbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNiA5ODApIHNjYWxlKC41OCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjE4OzE7LjE4IiBkdXI9IjIuOTBzIiBiZWdpbj0iLTMuNzBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvdXNlPgogICAgICA8dXNlIGhyZWY9IiNzcGFya2xlUHVycGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTAgOTgwKSBzY2FsZSguNTgpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4xODsxOy4xOCIgZHVyPSIzLjI4cyIgYmVnaW49Ii00LjA3cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KCiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODYgNDg2KSBzY2FsZSguNDMpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4yMjsxOy4yMiIgZHVyPSIyLjUwcyIgYmVnaW49Ii00LjQ0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KICAgICAgPHVzZSBocmVmPSIjc3BhcmtsZUdvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg2OCA0ODYpIHNjYWxlKC40MykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjIyOzE7LjIyIiBkdXI9IjIuODFzIiBiZWdpbj0iLTQuODFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvdXNlPgogICAgICA8dXNlIGhyZWY9IiNzcGFya2xlR29sZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzg2IDcyOCkgc2NhbGUoLjQzKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMjI7MTsuMjIiIGR1cj0iMy4xMnMiIGJlZ2luPSItNS4xOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NjggNzI4KSBzY2FsZSguNDMpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4yMjsxOy4yMiIgZHVyPSIzLjQzcyIgYmVnaW49Ii01LjU1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KCiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MjggMzQzKSBzY2FsZSguMjUpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4yMjsxOy4yMiIgZHVyPSIzLjc0cyIgYmVnaW49Ii01LjkycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KICAgICAgPHVzZSBocmVmPSIjc3BhcmtsZUdvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDczOSAzNDMpIHNjYWxlKC4yNSkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjIyOzE7LjIyIiBkdXI9IjQuMDVzIiBiZWdpbj0iLTYuMjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvdXNlPgogICAgICA8dXNlIGhyZWY9IiNzcGFya2xlR29sZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTI4IDkxMikgc2NhbGUoLjI1KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMjI7MTsuMjIiIGR1cj0iMi41MHMiIGJlZ2luPSItNi42NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MzkgOTEyKSBzY2FsZSguMjUpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4yMjsxOy4yMiIgZHVyPSIyLjgxcyIgYmVnaW49Ii03LjAzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3VzZT4KCiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MjMgNTc2KSBzY2FsZSguMTgpIiBvcGFjaXR5PSIuNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMjI7MTsuMjIiIGR1cj0iMy4xMnMiIGJlZ2luPSItNy40MHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MzEgNTc2KSBzY2FsZSguMTgpIiBvcGFjaXR5PSIuNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMjI7MTsuMjIiIGR1cj0iMy40M3MiIGJlZ2luPSItNy43N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MjMgNjgwKSBzY2FsZSguMTgpIiBvcGFjaXR5PSIuNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMjI7MTsuMjIiIGR1cj0iMy43NHMiIGJlZ2luPSItOC4xNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVHb2xkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MzEgNjgwKSBzY2FsZSguMTgpIiBvcGFjaXR5PSIuNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMjI7MTsuMjIiIGR1cj0iNC4wNXMiIGJlZ2luPSItOC41MXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVQdXJwbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3OSA1MTEpIHNjYWxlKC4xMykiIG9wYWNpdHk9Ii40NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMTg7MTsuMTgiIGR1cj0iNC40MnMiIGJlZ2luPSItOC44OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVQdXJwbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4NSA1MTEpIHNjYWxlKC4xMykiIG9wYWNpdHk9Ii40NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMTg7MTsuMTgiIGR1cj0iMi45MHMiIGJlZ2luPSItOS4yNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVQdXJwbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3OSA3NDEpIHNjYWxlKC4xMykiIG9wYWNpdHk9Ii40NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMTg7MTsuMTgiIGR1cj0iMy4yOHMiIGJlZ2luPSItOS42MnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICAgIDx1c2UgaHJlZj0iI3NwYXJrbGVQdXJwbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4NSA3NDEpIHNjYWxlKC4xMykiIG9wYWNpdHk9Ii40NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuMTg7MTsuMTgiIGR1cj0iMy42NnMiIGJlZ2luPSItOS45OXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC91c2U+CiAgICA8L2c+CgogICAgPGcgaWQ9ImdvbGQtZG90cyIgY2xhc3M9InJvdW5kIiBzdHJva2U9InVybCgjY29wcGVyKSIgZmlsbD0iI2ZmZjdlYyI+CiAgICAgIDxjaXJjbGUgY3g9IjUyNiIgY3k9IjMxMiIgcj0iNyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii45Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjcuMDA7OS45NDs3LjAwIiBkdXI9IjIuNzBzIiBiZWdpbj0iLTAuMDBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC41ODsxOzAuNTgiIGR1cj0iMi43MHMiIGJlZ2luPSItMC4wMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9Ijc0MCIgY3k9IjMxMiIgcj0iNyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii45Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjcuMDA7OS45NDs3LjAwIiBkdXI9IjMuMDRzIiBiZWdpbj0iLTAuMjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC41ODsxOzAuNTgiIGR1cj0iMy4wNHMiIGJlZ2luPSItMC4yOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9IjUyNiIgY3k9Ijk0NCIgcj0iNyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii45Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjcuMDA7OS45NDs3LjAwIiBkdXI9IjMuMzhzIiBiZWdpbj0iLTAuNThzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC41ODsxOzAuNTgiIGR1cj0iMy4zOHMiIGJlZ2luPSItMC41OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9Ijc0MCIgY3k9Ijk0NCIgcj0iNyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii45Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjcuMDA7OS45NDs3LjAwIiBkdXI9IjMuNzJzIiBiZWdpbj0iLTAuODdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC41ODsxOzAuNTgiIGR1cj0iMy43MnMiIGJlZ2luPSItMC44N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CgogICAgICA8Y2lyY2xlIGN4PSIzNTYiIGN5PSIzNDEiIHI9IjQuMiIgc3Ryb2tlLXdpZHRoPSIxLjIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iNC4yMDs1Ljk2OzQuMjAiIGR1cj0iNC4wNnMiIGJlZ2luPSItMS4xNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjY4OzE7MC42OCIgZHVyPSI0LjA2cyIgYmVnaW49Ii0xLjE2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KICAgICAgPGNpcmNsZSBjeD0iODk4IiBjeT0iMzQxIiByPSI0LjIiIHN0cm9rZS13aWR0aD0iMS4yIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjQuMjA7NS45Njs0LjIwIiBkdXI9IjQuNDBzIiBiZWdpbj0iLTEuNDVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC42ODsxOzAuNjgiIGR1cj0iNC40MHMiIGJlZ2luPSItMS40NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9IjM1NiIgY3k9IjkxMyIgcj0iNC4yIiBzdHJva2Utd2lkdGg9IjEuMiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSI0LjIwOzUuOTY7NC4yMCIgZHVyPSI0Ljc0cyIgYmVnaW49Ii0xLjc0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNjg7MTswLjY4IiBkdXI9IjQuNzRzIiBiZWdpbj0iLTEuNzRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPgogICAgICA8Y2lyY2xlIGN4PSI4OTgiIGN5PSI5MTMiIHI9IjQuMiIgc3Ryb2tlLXdpZHRoPSIxLjIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iNC4yMDs1Ljk2OzQuMjAiIGR1cj0iMi43MHMiIGJlZ2luPSItMi4wM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjY4OzE7MC42OCIgZHVyPSIyLjcwcyIgYmVnaW49Ii0yLjAzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KCiAgICAgIDxjaXJjbGUgY3g9IjU4MCIgY3k9IjM5OSIgcj0iMi42IiBzdHJva2Utd2lkdGg9IjEiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMi42MDszLjY5OzIuNjAiIGR1cj0iMy4wNHMiIGJlZ2luPSItMi4zMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjY4OzE7MC42OCIgZHVyPSIzLjA0cyIgYmVnaW49Ii0yLjMycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KICAgICAgPGNpcmNsZSBjeD0iNjc0IiBjeT0iMzk5IiByPSIyLjYiIHN0cm9rZS13aWR0aD0iMSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIyLjYwOzMuNjk7Mi42MCIgZHVyPSIzLjM4cyIgYmVnaW49Ii0yLjYxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNjg7MTswLjY4IiBkdXI9IjMuMzhzIiBiZWdpbj0iLTIuNjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPgogICAgICA8Y2lyY2xlIGN4PSI1ODAiIGN5PSI4NTUiIHI9IjIuNiIgc3Ryb2tlLXdpZHRoPSIxIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjIuNjA7My42OTsyLjYwIiBkdXI9IjMuNzJzIiBiZWdpbj0iLTIuOTBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC42ODsxOzAuNjgiIGR1cj0iMy43MnMiIGJlZ2luPSItMi45MHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9IjY3NCIgY3k9Ijg1NSIgcj0iMi42IiBzdHJva2Utd2lkdGg9IjEiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMi42MDszLjY5OzIuNjAiIGR1cj0iNC4wNnMiIGJlZ2luPSItMy4xOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjY4OzE7MC42OCIgZHVyPSI0LjA2cyIgYmVnaW49Ii0zLjE5cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KCiAgICAgIDxjaXJjbGUgY3g9IjU0MyIgY3k9IjIxOCIgcj0iMi40IiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii44Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjIuNDA7My40MTsyLjQwIiBkdXI9IjQuNDBzIiBiZWdpbj0iLTMuNDhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC40ODsxOzAuNDgiIGR1cj0iNC40MHMiIGJlZ2luPSItMy40OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9IjcyNCIgY3k9IjIxOCIgcj0iMi40IiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii44Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjIuNDA7My40MTsyLjQwIiBkdXI9IjQuNzRzIiBiZWdpbj0iLTMuNzdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC40ODsxOzAuNDgiIGR1cj0iNC43NHMiIGJlZ2luPSItMy43N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9IjU0MyIgY3k9IjEwMzYiIHI9IjIuNCIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuOCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIyLjQwOzMuNDE7Mi40MCIgZHVyPSIyLjcwcyIgYmVnaW49Ii00LjA2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNDg7MTswLjQ4IiBkdXI9IjIuNzBzIiBiZWdpbj0iLTQuMDZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPgogICAgICA8Y2lyY2xlIGN4PSI3MjQiIGN5PSIxMDM2IiByPSIyLjQiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iLjgiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMi40MDszLjQxOzIuNDAiIGR1cj0iMy4wNHMiIGJlZ2luPSItNC4zNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjQ4OzE7MC40OCIgZHVyPSIzLjA0cyIgYmVnaW49Ii00LjM1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KCiAgICAgIDxjaXJjbGUgY3g9IjU5MCIgY3k9IjQ3OCIgcj0iMi43IiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii44NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIyLjcwOzMuODM7Mi43MCIgZHVyPSIzLjM4cyIgYmVnaW49Ii00LjY0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNTM7MTswLjUzIiBkdXI9IjMuMzhzIiBiZWdpbj0iLTQuNjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPgogICAgICA8Y2lyY2xlIGN4PSI2NjQiIGN5PSI0NzgiIHI9IjIuNyIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuODUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMi43MDszLjgzOzIuNzAiIGR1cj0iMy43MnMiIGJlZ2luPSItNC45M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjUzOzE7MC41MyIgZHVyPSIzLjcycyIgYmVnaW49Ii00LjkzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT4KICAgICAgPGNpcmNsZSBjeD0iNTkwIiBjeT0iNzc2IiByPSIyLjciIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iLjg1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjIuNzA7My44MzsyLjcwIiBkdXI9IjQuMDZzIiBiZWdpbj0iLTUuMjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC41MzsxOzAuNTMiIGR1cj0iNC4wNnMiIGJlZ2luPSItNS4yMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+CiAgICAgIDxjaXJjbGUgY3g9IjY2NCIgY3k9Ijc3NiIgcj0iMi43IiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii44NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIyLjcwOzMuODM7Mi43MCIgZHVyPSI0LjQwcyIgYmVnaW49Ii01LjUxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuNTM7MTswLjUzIiBkdXI9IjQuNDBzIiBiZWdpbj0iLTUuNTFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPgogICAgPC9nPgogIDxnIGlkPSJjZW50ZXItcHVsc2UiIHBvaW50ZXItZXZlbnRzPSJub25lIj48Y2lyY2xlIGN4PSI2MjciIGN5PSI2MjciIHI9IjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjQiIG9wYWNpdHk9Ii42NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSI5OzMwLjU5OTk5OTk5OTk5OTk5OCIgZHVyPSIyLjJzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIuNzI7MCIgZHVyPSIyLjJzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNjI3IiBjeT0iNjI3IiByPSIxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZiMmYzIiBzdHJva2Utd2lkdGg9IjEuNCIgb3BhY2l0eT0iLjY1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjE2OzU0LjQiIGR1cj0iMi4ycyIgYmVnaW49Ii0xLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iLjcyOzAiIGR1cj0iMi4ycyIgYmVnaW49Ii0xLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjwvZz48L2c+CjwvZz48L2c+PC9nPjwvZz48L3N2Zz4K"); filter: drop-shadow(0 0 1.1rem rgba(170, 126, 255, .2)); } discuss:last-child::after { content: "构思正文中……"; display: block; box-sizing: content-box; inline-size: 0; max-inline-size: 7.9em; overflow: hidden; white-space: nowrap; pointer-events: none; user-select: none; color: var(--discuss-label-color); font: 500 clamp(.875rem, 2.05vmin, 1.12rem) / 1.5 ui-sans-serif, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; letter-spacing: .12em; text-indent: .12em; text-shadow: 0 0 .8rem var(--discuss-label-glow); border-inline-end: .09em solid currentColor; animation: discuss-typing 4.2s steps(7, end) infinite, discuss-caret .72s step-end infinite; } @keyframes discuss-typing { 0%, 10% { inline-size: 0; } 58%, 86% { inline-size: 7.9em; } 100% { inline-size: 0; } } @keyframes discuss-caret { 0%, 46% { border-inline-end-color: currentColor; } 47%, 100% { border-inline-end-color: transparent; } } @media (prefers-reduced-motion: reduce) { body > discuss:last-child::after { inline-size: 7.9em; animation: none; border-inline-end-color: transparent; } } /* ── Force Override Tailwind Semantic Colors ── */ #prompt-input, #prompt-input *, #prompt-input *::before, #prompt-input *::after { --background: #fff6fa; --foreground: #4a2040; --primary: #e8568a; --primary-foreground: #ffffff; --muted-foreground: #9a6b8a; --accent: #f5e6ff; --accent-foreground: #6b3a8a; --input: #e8c0d8; --border: #e0b0d0; --ring: #c8a2ff; --destructive: #e84057; } .dark #prompt-input, .dark #prompt-input *, .dark #prompt-input *::before, .dark #prompt-input *::after { --background: #1e1228; --foreground: #e8d0f0; --primary: #ff7eb3; --primary-foreground: #1e1228; --muted-foreground: #a080b0; --accent: #2a1838; --accent-foreground: #dab0ff; --input: #3a2048; --border: #4a2858; --ring: #a06cd5; } /* ── Base Form Container ── */ #prompt-input { position: relative; background: linear-gradient( 140deg, #fff6fa 0%, #fef0ff 35%, #f5f0ff 65%, #fff8f0 100% ) !important; border-radius: 16px !important; padding: 2px; } .dark #prompt-input { background: linear-gradient( 140deg, #1e1228 0%, #1a1030 35%, #18102e 65%, #201520 100% ) !important; } /* Animated prismatic border */ #prompt-input::before { content: ""; position: absolute; inset: -2px; border-radius: 18px; padding: 2.5px; background: linear-gradient( var(--mg-border-angle, 0deg), #ff7eb3 0%, #ffb6d3 12%, #c8a2ff 25%, #a06cd5 37%, #7ec8e3 50%, #a0e8d0 62%, #ffd700 75%, #ffb6d3 87%, #ff7eb3 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 10; animation: mg-border-rotate 6s linear infinite; } @property --mg-border-angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes mg-border-rotate { to { --mg-border-angle: 360deg; } } /* Corner decoration: top-left ribbon bow */ #prompt-input::after { content: ""; position: absolute; top: -12px; left: -10px; width: 38px; height: 32px; z-index: 20; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 42'%3E%3Cdefs%3E%3ClinearGradient id='rl' x1='0' y1='0' x2='0.6' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffb6d3'/%3E%3Cstop offset='100%25' stop-color='%23ff7eb3'/%3E%3C/linearGradient%3E%3ClinearGradient id='rr' x1='0.4' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23dab0ff'/%3E%3Cstop offset='100%25' stop-color='%23c8a2ff'/%3E%3C/linearGradient%3E%3CradialGradient id='gem' cx='0.45' cy='0.4' r='0.5'%3E%3Cstop offset='0%25' stop-color='%23fff8e7'/%3E%3Cstop offset='40%25' stop-color='%23ffd700'/%3E%3Cstop offset='100%25' stop-color='%23ffb700'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M25 22 C20 18 6 8 4 14 C2 20 12 22 18 21 C14 23 4 26 5 30 C6 35 18 28 25 22Z' fill='url(%23rl)' stroke='%23e8568a' stroke-width='0.6' opacity='0.85'/%3E%3Cpath d='M25 22 C30 18 44 8 46 14 C48 20 38 22 32 21 C36 23 46 26 45 30 C44 35 32 28 25 22Z' fill='url(%23rr)' stroke='%23a06cd5' stroke-width='0.6' opacity='0.85'/%3E%3Cpath d='M22 24 C18 30 15 38 12 40' fill='none' stroke='%23ff7eb3' stroke-width='1.8' stroke-linecap='round' opacity='0.5'/%3E%3Cpath d='M28 24 C32 30 35 38 38 40' fill='none' stroke='%23c8a2ff' stroke-width='1.8' stroke-linecap='round' opacity='0.5'/%3E%3Cellipse cx='25' cy='21.5' rx='4.5' ry='4' fill='url(%23gem)' stroke='%23e8a800' stroke-width='0.7'/%3E%3Cellipse cx='23.5' cy='20' rx='1.5' ry='1' fill='white' opacity='0.7' transform='rotate(-20 23.5 20)'/%3E%3Cpath d='M25 13 L25.6 15.5 L28 14.5 L26 16.5 L28.5 18 L25.8 17.5 L25 20 L24.2 17.5 L21.5 18 L24 16.5 L22 14.5 L24.4 15.5Z' fill='%23ffd700' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 25 16.5;10 25 16.5;0 25 16.5;-10 25 16.5;0 25 16.5' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; filter: drop-shadow(0 1px 3px rgba(255, 126, 179, 0.3)); } /* ── Input Group Container ── */ #prompt-input > [data-slot="input-group"] { border: none !important; border-radius: 14px !important; overflow: visible !important; background: linear-gradient( 180deg, rgba(255, 246, 250, 0.97) 0%, rgba(254, 240, 255, 0.95) 50%, rgba(255, 248, 240, 0.97) 100% ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(200, 162, 255, 0.1), 0 4px 20px rgba(255, 126, 179, 0.06), 0 8px 40px rgba(200, 162, 255, 0.04) !important; position: relative; } .dark #prompt-input > [data-slot="input-group"] { background: linear-gradient( 180deg, rgba(30, 18, 40, 0.97) 0%, rgba(26, 16, 48, 0.95) 50%, rgba(32, 21, 32, 0.97) 100% ) !important; box-shadow: inset 0 1px 0 rgba(200, 162, 255, 0.08), inset 0 -1px 0 rgba(255, 126, 179, 0.05), 0 4px 20px rgba(0, 0, 0, 0.2), 0 8px 40px rgba(100, 50, 120, 0.1) !important; } /* Bottom-right corner star */ #prompt-input > [data-slot="input-group"]::before { content: ""; position: absolute; bottom: -5px; right: -5px; width: 22px; height: 22px; z-index: 20; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 0 L15.8 9.8 L24 5 L18 13 L28 14 L18 15 L24 23 L15.8 18.2 L14 28 L12.2 18.2 L4 23 L10 15 L0 14 L10 13 L4 5 L12.2 9.8Z' fill='%23ffd700' opacity='0.45'/%3E%3Ccircle cx='14' cy='14' r='3' fill='%23fff8e7' opacity='0.6'/%3E%3Ccircle cx='12.5' cy='12.5' r='1' fill='white' opacity='0.5'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; animation: mg-corner-star 5s ease-in-out infinite; } @keyframes mg-corner-star { 0%, 100% { opacity: 0.4; transform: scale(1); } 50% { opacity: 0.7; transform: scale(1.15); } } /* Top-right floating heart */ #prompt-input > [data-slot="input-group"]::after { content: ""; position: absolute; top: -4px; right: 12px; width: 14px; height: 13px; z-index: 20; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 16 C10 16 2 10 2 6 C2 3 4.5 1 7 1 C8.5 1 10 2.5 10 2.5 C10 2.5 11.5 1 13 1 C15.5 1 18 3 18 6 C18 10 10 16 10 16Z' fill='%23ff7eb3' opacity='0.4' stroke='%23e8568a' stroke-width='0.5' stroke-opacity='0.3'/%3E%3Cellipse cx='7' cy='5' rx='2' ry='1.5' fill='white' opacity='0.35' transform='rotate(-30 7 5)'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; animation: mg-heart-float 4s ease-in-out infinite; } @keyframes mg-heart-float { 0%, 100% { transform: translateY(0) rotate(-5deg); opacity: 0.5; } 50% { transform: translateY(-3px) rotate(5deg); opacity: 0.75; } } /* ── Header Toolbar Area ── */ #prompt-input-header { background: linear-gradient( 90deg, rgba(255, 230, 243, 0.5) 0%, rgba(240, 225, 255, 0.4) 40%, rgba(225, 240, 255, 0.3) 70%, rgba(255, 245, 225, 0.4) 100% ) !important; border-bottom: 1px solid rgba(200, 162, 255, 0.15) !important; overflow: visible !important; position: relative; z-index: 2; } .dark #prompt-input-header { background: linear-gradient( 90deg, rgba(50, 20, 40, 0.3) 0%, rgba(40, 20, 55, 0.25) 40%, rgba(30, 30, 55, 0.2) 70%, rgba(45, 35, 25, 0.3) 100% ) !important; border-bottom-color: rgba(200, 162, 255, 0.1) !important; } /* Fix scrollable container overflow */ #prompt-input-header > div { overflow: visible !important; } #prompt-input-header > div > div { overflow: visible !important; } /* ── Header Buttons — Faceted Gem Tablets ── */ #prompt-input-header button { position: relative; border: 1.5px solid rgba(200, 162, 255, 0.35) !important; border-radius: 8px !important; color: #6b3a6b !important; background: linear-gradient( 160deg, #fff8fc 0%, #fef2ff 40%, #f8f0ff 70%, #fff8f2 100% ) !important; box-shadow: 0 1px 3px rgba(200, 162, 255, 0.12), 0 0 0 0 rgba(255, 126, 179, 0), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; overflow: visible !important; z-index: 1; } .dark #prompt-input-header button { color: #d8b0e8 !important; border-color: rgba(200, 162, 255, 0.2) !important; background: linear-gradient( 160deg, rgba(50, 28, 65, 0.9) 0%, rgba(40, 22, 58, 0.85) 40%, rgba(35, 25, 55, 0.8) 100% ) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(200, 162, 255, 0.08) !important; } #prompt-input-header button span { color: inherit !important; } #prompt-input-header button svg { color: #c87eaa !important; transition: color 0.3s ease, filter 0.3s ease !important; } .dark #prompt-input-header button svg { color: #c898e0 !important; } #prompt-input-header button:hover { border-color: #c8a2ff !important; color: #8a3a7a !important; background: linear-gradient( 160deg, #fff0f5 0%, #f8e8ff 40%, #f0e0ff 70%, #fff4e8 100% ) !important; box-shadow: 0 2px 8px rgba(200, 162, 255, 0.25), 0 0 16px rgba(255, 126, 179, 0.1), 0 0 0 1px rgba(200, 162, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; } .dark #prompt-input-header button:hover { color: #f0d0ff !important; border-color: rgba(200, 162, 255, 0.5) !important; background: linear-gradient( 160deg, rgba(65, 32, 80, 0.95) 0%, rgba(55, 28, 75, 0.9) 100% ) !important; box-shadow: 0 2px 8px rgba(160, 108, 213, 0.3), 0 0 16px rgba(200, 162, 255, 0.1), inset 0 1px 0 rgba(200, 162, 255, 0.12) !important; } #prompt-input-header button:hover svg { color: #e8568a !important; filter: drop-shadow(0 0 3px rgba(232, 86, 138, 0.3)); } .dark #prompt-input-header button:hover svg { color: #ff7eb3 !important; filter: drop-shadow(0 0 3px rgba(255, 126, 179, 0.4)); } /* Sparkle decoration on header buttons hover */ #prompt-input-header button::before { content: ""; position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; z-index: 3; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0 L11.5 7 L18 5 L13 10 L18 15 L11.5 13 L10 20 L8.5 13 L2 15 L7 10 L2 5 L8.5 7Z' fill='%23ffd700'/%3E%3Ccircle cx='10' cy='10' r='2' fill='white' opacity='0.8'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; opacity: 0; transform: scale(0) rotate(-30deg); transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } #prompt-input-header button:hover::before { opacity: 0.75; transform: scale(1) rotate(0deg); } /* Distinct color accent per button position */ #prompt-input-header button:nth-child(1) { border-left: 2.5px solid rgba(255, 183, 0, 0.4) !important; } #prompt-input-header button:nth-child(1):hover { border-left-color: #ffc800 !important; } #prompt-input-header button:nth-child(2) { border-left: 2.5px solid rgba(126, 200, 227, 0.4) !important; } #prompt-input-header button:nth-child(2):hover { border-left-color: #5ba3c9 !important; } #prompt-input-header button:nth-child(3) { border-left: 2.5px solid rgba(200, 162, 255, 0.4) !important; } #prompt-input-header button:nth-child(3):hover { border-left-color: #a06cd5 !important; } #prompt-input-header button:nth-child(4) { border-left: 2.5px solid rgba(255, 126, 179, 0.4) !important; } #prompt-input-header button:nth-child(4):hover { border-left-color: #e8568a !important; } #prompt-input-header button:nth-child(5) { border-left: 2.5px solid rgba(160, 232, 208, 0.4) !important; } #prompt-input-header button:nth-child(5):hover { border-left-color: #5ac9a0 !important; } /* ── Textarea ── */ #prompt-input textarea { color: #4a2040 !important; caret-color: #a06cd5; position: relative; z-index: 1; } .dark #prompt-input textarea { color: #e8d0f0 !important; caret-color: #c8a2ff; } #prompt-input textarea::placeholder { color: transparent !important; background: linear-gradient(90deg, #e8568a, #a06cd5, #7ec8e3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; opacity: 0.5; } .dark #prompt-input textarea::placeholder { background: linear-gradient(90deg, #ff7eb3, #c8a2ff, #7ec8e3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; opacity: 0.4; } #prompt-input textarea::selection { background: rgba(200, 162, 255, 0.3); color: #4a2040; } /* ── Footer Toolbar ── */ #prompt-input-footer { position: relative; border-top: 1px solid rgba(200, 162, 255, 0.12) !important; background: linear-gradient( 90deg, rgba(255, 245, 225, 0.3) 0%, rgba(240, 225, 255, 0.2) 50%, rgba(255, 230, 243, 0.3) 100% ) !important; overflow: visible !important; z-index: 2; } .dark #prompt-input-footer { border-top-color: rgba(200, 162, 255, 0.08) !important; background: linear-gradient( 90deg, rgba(45, 35, 25, 0.2) 0%, rgba(40, 20, 55, 0.15) 50%, rgba(50, 20, 40, 0.2) 100% ) !important; } /* Decorative tiara divider on footer top edge */ #prompt-input-footer::before { content: ""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%) translateY(-50%); width: 52px; height: 14px; z-index: 5; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 18'%3E%3Cpath d='M2 16 Q12 16 18 8 Q22 2 28 10 Q32 16 35 4 Q38 16 42 10 Q48 2 52 8 Q58 16 68 16' fill='none' stroke='%23c8a2ff' stroke-width='1' opacity='0.35'/%3E%3Cellipse cx='35' cy='4.5' rx='3' ry='2.5' fill='%23ffd700' opacity='0.5' stroke='%23e8a800' stroke-width='0.4'/%3E%3Cellipse cx='35' cy='3.8' rx='1.2' ry='0.7' fill='white' opacity='0.5' transform='rotate(-15 35 3.8)'/%3E%3Ccircle cx='18' cy='8' r='1.6' fill='%23ff7eb3' opacity='0.4' stroke='%23e8568a' stroke-width='0.3'/%3E%3Ccircle cx='52' cy='8' r='1.6' fill='%237ec8e3' opacity='0.4' stroke='%235ba3c9' stroke-width='0.3'/%3E%3Ccircle cx='28' cy='9' r='1' fill='%23c8a2ff' opacity='0.35'/%3E%3Ccircle cx='42' cy='9' r='1' fill='%23c8a2ff' opacity='0.35'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; } /* ── Footer Utility Buttons ── */ #prompt-input-footer button { position: relative; color: #9a6b8a !important; border: 1.5px solid rgba(200, 162, 255, 0.2) !important; background: linear-gradient( 160deg, rgba(255, 248, 252, 0.9) 0%, rgba(248, 240, 255, 0.85) 100% ) !important; border-radius: 8px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; overflow: visible !important; box-shadow: 0 1px 2px rgba(200, 162, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important; } .dark #prompt-input-footer button { color: #b090c0 !important; border-color: rgba(200, 162, 255, 0.15) !important; background: linear-gradient( 160deg, rgba(45, 28, 58, 0.85) 0%, rgba(38, 22, 52, 0.8) 100% ) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(200, 162, 255, 0.06) !important; } #prompt-input-footer button svg { color: inherit !important; } #prompt-input-footer button span { color: inherit !important; } #prompt-input-footer button:hover { color: #7a3a6a !important; border-color: rgba(200, 162, 255, 0.45) !important; background: linear-gradient( 160deg, #fff0f5 0%, #f5e6ff 100% ) !important; box-shadow: 0 2px 8px rgba(200, 162, 255, 0.2), 0 0 12px rgba(255, 126, 179, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; } .dark #prompt-input-footer button:hover { color: #e0c0f0 !important; border-color: rgba(200, 162, 255, 0.4) !important; background: linear-gradient( 160deg, rgba(60, 32, 75, 0.95) 0%, rgba(50, 28, 68, 0.9) 100% ) !important; box-shadow: 0 2px 8px rgba(160, 108, 213, 0.25), 0 0 12px rgba(200, 162, 255, 0.08), inset 0 1px 0 rgba(200, 162, 255, 0.1) !important; } /* Settings button — first button in footer left group */ #prompt-input-footer button:hover svg.lucide-settings { animation: mg-settings-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1); } @keyframes mg-settings-spin { from { transform: rotate(0deg); } to { transform: rotate(120deg); } } /* 1. 隐藏原始 SVG */ button[aria-label="发送"] svg { display: none; } /* 2. 让按钮本身成为定位锚点，去掉背景色，允许溢出 */ button[aria-label="发送"] { position: relative; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; overflow: visible !important; } button[aria-label="发送"]:hover { background-color: transparent !important; } /* 3. 用 ::before 伪元素放置自定义图片 */ button[aria-label="发送"]::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42px; height: 42px; background-image: url('https://i.ibb.co/vx0msK3D/image.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; /* 点击事件穿透到按钮本身 */ } button[aria-label="停止"] svg { display: none; } /* 2. 按钮本身：去除背景、允许溢出、作为定位锚点 */ button[aria-label="停止"] { position: relative; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; overflow: visible !important; } button[aria-label="停止"]:hover { background-color: transparent !important; } /* 3. 用 ::before 放置自定义加载图片，并绕中心旋转 */ button[aria-label="停止"]::before { content: ""; position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; background-image: url('https://i.ibb.co/xqJnZz43/2-1.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; /* 关键：把"居中"和"旋转"合并在同一个 transform 上， 否则 translate 会被旋转动画覆盖，导致图片偏移 */ transform-origin: center center; animation: send-btn-spin 2s linear infinite; } /* 4. 旋转关键帧：始终保持 translate(-50%, -50%) 居中， 同时让 rotate 从 0 转到 360deg */ @keyframes send-btn-spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } /* ── Focus state — form bloom ── */ #prompt-input:focus-within::before { padding: 3px; filter: brightness(1.15); } #prompt-input:focus-within > [data-slot="input-group"] { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 126, 179, 0.1), 0 0 40px rgba(200, 162, 255, 0.06), 0 8px 32px rgba(160, 108, 213, 0.05) !important; } .dark #prompt-input:focus-within > [data-slot="input-group"] { box-shadow: inset 0 1px 0 rgba(200, 162, 255, 0.12), 0 0 20px rgba(200, 90, 154, 0.12), 0 0 40px rgba(155, 111, 212, 0.06), 0 8px 32px rgba(0, 0, 0, 0.15) !important; } /* ── Scrollbar ── */ #prompt-input textarea::-webkit-scrollbar { width: 5px; } #prompt-input textarea::-webkit-scrollbar-track { background: rgba(232, 213, 255, 0.12); border-radius: 10px; } #prompt-input textarea::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #ffb6d3, #c8a2ff, #7ec8e3); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); } #prompt-input textarea::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ff7eb3, #a06cd5, #5ba3c9); } /* ── Accessibility: Reduced Motion ── */ @media (prefers-reduced-motion: reduce) { #prompt-input::before, #prompt-input-footer button[type="submit"], #prompt-input-footer button[type="submit"]::after, #prompt-input > [data-slot="input-group"]::before, #prompt-input > [data-slot="input-group"]::after { animation: none !important; } #prompt-input-footer button[type="submit"]:hover { transform: none !important; } #prompt-input-footer button[type="submit"]:hover::before { transform: translate(-50%, -50%) !important; } } .is-user\:dark:has(.space-y-3 > .flex.items-center.justify-center.size-6.opacity-50 > .flex > span:nth-child(3)) { width: min(320px, 80vw) !important; min-width: min(320px, 80vw) !important; max-width: min(320px, 80vw) !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; } /* 撑开外层内容区并居中 */ .is-user\:dark:has(.space-y-3 > .flex.items-center.justify-center.size-6.opacity-50 > .flex > span:nth-child(3)) > .space-y-3 { width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 原加载动画容器改造成 SVG 容器 */ .space-y-3 > .flex.items-center.justify-center.size-6.opacity-50:has(> .flex > span:nth-child(3)) { width: min(280px, 72vw) !important; height: min(280px, 72vw) !important; min-width: min(280px, 72vw) !important; min-height: min(280px, 72vw) !important; max-width: 100% !important; max-height: 72vw !important; opacity: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; position: relative !important; } /* 隐藏原来的三个圆点 */ .space-y-3 > .flex.items-center.justify-center.size-6.opacity-50:has(> .flex > span:nth-child(3)) > .flex { display: none !important; } /* 注入新的 SVG 加载动画 */ .space-y-3 > .flex.items-center.justify-center.size-6.opacity-50:has(> .flex > span:nth-child(3))::before { content: ""; display: block; width: 100%; height: 100%; background-color: transparent !important; background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; filter: drop-shadow(0 0 1px rgba(66, 28, 84, 0.28)) drop-shadow(0 2px 2px rgba(73, 34, 91, 0.20)); /* 说明： SVG 已作为 data URI 内嵌；透明画布、法阵、羽翼与星尘细节都在 SVG 内完成。 不需要修改任何 HTML。 */ background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20%20viewBox%3D%220%200%20480%20480%22%20width%3D%22480%22%20height%3D%22480%22%20style%3D%22background%3Atransparent%22%3E%0A%20%20%3Ctitle%3EStarlight%20Weaving%20%E2%80%94%20Transparent%20Magical%20Girl%20Loading%3C%2Ftitle%3E%0A%0A%20%20%3Cdefs%3E%0A%0A%20%20%20%20%3ClinearGradient%20id%3D%22gem%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20%20stop-color%3D%22%23ffd6ee%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2245%25%22%20stop-color%3D%22%23ff7fc3%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c2348f%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%0A%20%20%20%20%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20%20stop-color%3D%22%23ffe29a%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%23fff7dd%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffc46b%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%0A%20%20%20%20%3ClinearGradient%20id%3D%22ribbonA%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20%20stop-color%3D%22%23ff9ed2%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b388ff%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22ribbonB%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20%20stop-color%3D%22%238fe8ff%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23cdb0ff%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%0A%20%20%20%20%3C%21--%20%E9%80%8F%E6%98%8E%E5%BA%95%E4%B8%93%E7%94%A8%EF%BC%9A%E7%BE%BD%E7%BF%BC%E3%80%81%E6%B3%95%E9%98%B5%E3%80%81%E7%8F%8D%E7%8F%A0%E4%B8%8E%E8%8A%B1%E7%93%A3%20--%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22wing%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%220.98%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2242%25%22%20stop-color%3D%22%23ffc9e6%22%20stop-opacity%3D%220.94%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2386d9ee%22%20stop-opacity%3D%220.74%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22seal%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ee8fc2%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%23e8c66f%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2372cbe1%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22pearl%22%20cx%3D%2235%25%22%20cy%3D%2230%25%22%20r%3D%2272%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%23fff0f8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d8c8ff%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22petal%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff7fb%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2252%25%22%20stop-color%3D%22%23ffb8da%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b9dfff%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%0A%20%20%20%20%3CradialGradient%20id%3D%22halo%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20%20stop-color%3D%22%23fff3c4%22%20stop-opacity%3D%220.9%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%23ffb3e2%22%20stop-opacity%3D%220.35%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffb3e2%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%20x%3D%22-80%25%22%20y%3D%22-80%25%22%20width%3D%22260%25%22%20height%3D%22260%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22b%22%2F%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%3Cfilter%20id%3D%22bigGlow%22%20x%3D%22-120%25%22%20y%3D%22-120%25%22%20width%3D%22340%25%22%20height%3D%22340%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%228%22%20result%3D%22b%22%2F%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%3Cfilter%20id%3D%22softShadow%22%20x%3D%22-90%25%22%20y%3D%22-90%25%22%20width%3D%22280%25%22%20height%3D%22280%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%221.6%22%20result%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-color%3D%22%23542764%22%20flood-opacity%3D%220.38%22%20result%3D%22tone%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in%3D%22tone%22%20in2%3D%22blur%22%20operator%3D%22in%22%20result%3D%22shadow%22%2F%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadow%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%0A%20%20%20%20%3C%21--%20%E5%BF%83%E5%BD%A2%E5%AE%9D%E7%9F%B3%EF%BC%88%E4%BB%A5%E5%8E%9F%E7%82%B9%E4%B8%BA%E4%B8%AD%E5%BF%83%EF%BC%89%20--%3E%0A%20%20%20%20%3Cpath%20id%3D%22heart%22%20d%3D%22M0%2C44%20C-26%2C20%20-44%2C4%20-44%2C-17%20C-44%2C-32%20-32%2C-44%20-17%2C-44%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20C-8%2C-44%200%2C-38%200%2C-28%20C0%2C-38%208%2C-44%2017%2C-44%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20C32%2C-44%2044%2C-32%2044%2C-17%20C44%2C4%2026%2C20%200%2C44%20Z%22%2F%3E%0A%20%20%20%20%3CclipPath%20id%3D%22heartClip%22%3E%3Cuse%20xlink%3Ahref%3D%22%23heart%22%2F%3E%3C%2FclipPath%3E%0A%0A%20%20%20%20%3C%21--%20%E7%BB%87%E8%8C%A7%E8%BD%A8%E9%81%93%EF%BC%88%E6%A4%AD%E5%9C%86%E4%B8%9D%E7%BA%BF%EF%BC%89%20--%3E%0A%20%20%20%20%3Cpath%20id%3D%22loom%22%20pathLength%3D%22100%22%0A%20%20%20%20%20%20%20%20%20%20d%3D%22M90%2C240%20a150%2C54%200%201%2C0%20300%2C0%20a150%2C54%200%201%2C0%20-300%2C0%22%2F%3E%0A%0A%20%20%20%20%3C%21--%20%E9%92%88%E7%9A%84%E9%A3%9E%E8%A1%8C%E8%B7%AF%E5%BE%84%EF%BC%9A%E4%BB%8E%E9%A1%B6%E9%83%A8%E5%87%BA%E5%8F%91%E9%A1%BA%E6%97%B6%E9%92%88%E4%B8%80%E5%91%A8%20--%3E%0A%20%20%20%20%3Cpath%20id%3D%22stitchOrbit%22%20d%3D%22M240%2C154%20a86%2C86%200%200%2C1%200%2C172%20a86%2C86%200%200%2C1%200%2C-172%22%2F%3E%0A%0A%20%20%20%20%3C%21--%20%E4%BA%94%E8%A7%92%E6%98%9F%20%2F%20%E5%9B%9B%E8%8A%92%E9%97%AA%E5%85%89%20--%3E%0A%20%20%20%20%3Cpath%20id%3D%22star5%22%20d%3D%22M0%2C-6%20L1.41%2C-1.94%20L5.71%2C-1.85%20L2.28%2C0.74%20L3.53%2C4.85%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20L0%2C2.4%20L-3.53%2C4.85%20L-2.28%2C0.74%20L-5.71%2C-1.85%20L-1.41%2C-1.94%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22spark4%22%20d%3D%22M0%2C-11%20L2.2%2C-2.2%20L11%2C0%20L2.2%2C2.2%20L0%2C11%20L-2.2%2C2.2%20L-11%2C0%20L-2.2%2C-2.2%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22petalShape%22%20d%3D%22M0%2C-8%20C5%2C-8%208%2C-4%207%2C0%20C6%2C5%200%2C8%200%2C8%20C0%2C8%20-6%2C5%20-7%2C0%20C-8%2C-4%20-5%2C-8%200%2C-8%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22petalDrift1%22%20d%3D%22M72%2C118%20C128%2C76%20178%2C112%20210%2C166%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22petalDrift2%22%20d%3D%22M414%2C126%20C360%2C92%20325%2C126%20296%2C180%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22petalDrift3%22%20d%3D%22M400%2C354%20C352%2C330%20328%2C350%20294%2C324%22%2F%3E%0A%0A%20%20%20%20%3C%21--%20%E8%81%9A%E7%81%B5%E6%98%9F%E5%B0%98%E7%9A%84%E9%A3%9E%E8%A1%8C%E8%BD%A8%E8%BF%B9%20--%3E%0A%20%20%20%20%3Cpath%20id%3D%22dust1%22%20d%3D%22M52%2C70%20%20%20C150%2C120%20190%2C180%20234%2C226%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22dust2%22%20d%3D%22M430%2C86%20%20C340%2C130%20300%2C180%20248%2C224%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22dust3%22%20d%3D%22M48%2C400%20%20C140%2C360%20190%2C300%20232%2C254%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22dust4%22%20d%3D%22M436%2C412%20C350%2C360%20300%2C300%20250%2C256%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22dust5%22%20d%3D%22M240%2C468%20C236%2C420%20238%2C330%20240%2C292%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E9%80%8F%E6%98%8E%E7%94%BB%E5%B8%83%EF%BC%9A%E5%8F%AA%E4%BF%9D%E7%95%99%E6%98%9F%E5%B1%91%EF%BC%8C%E4%B8%8D%E7%BB%98%E5%88%B6%E4%BB%BB%E4%BD%95%E6%95%B4%E5%9D%97%E8%83%8C%E6%99%AF%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23fff9ff%22%20stroke%3D%22%236b447c%22%20stroke-opacity%3D%220.42%22%20stroke-width%3D%220.45%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2260%22%20%20cy%3D%22150%22%20r%3D%221.4%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.12%3B0.95%3B0.12%22%20dur%3D%222.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22120%22%20cy%3D%2248%22%20%20r%3D%221.1%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.85%3B0.12%3B0.85%22%20dur%3D%223.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22208%22%20cy%3D%2292%22%20%20r%3D%221.6%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.2%3B1%3B0.2%22%20dur%3D%222.2s%22%20begin%3D%220.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22330%22%20cy%3D%2252%22%20%20r%3D%221.2%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.12%3B0.9%3B0.12%22%20dur%3D%223.1s%22%20begin%3D%221.1s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22412%22%20cy%3D%22160%22%20r%3D%221.5%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.8%3B0.16%3B0.8%22%20dur%3D%222.6s%22%20begin%3D%220.3s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2240%22%20%20cy%3D%22300%22%20r%3D%221.2%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.2%3B0.95%3B0.2%22%20dur%3D%223.7s%22%20begin%3D%220.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22448%22%20cy%3D%22300%22%20r%3D%221.3%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.95%3B0.15%3B0.95%22%20dur%3D%222.9s%22%20begin%3D%221.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2296%22%20%20cy%3D%22430%22%20r%3D%221.4%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.15%3B0.9%3B0.15%22%20dur%3D%223.2s%22%20begin%3D%220.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22396%22%20cy%3D%22436%22%20r%3D%221.2%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.9%3B0.12%3B0.9%22%20dur%3D%222.4s%22%20begin%3D%221.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20opacity%3D%220.82%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2282%22%20cy%3D%22232%22%20r%3D%221.7%22%20fill%3D%22%23ffabd4%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22392%22%20cy%3D%22250%22%20r%3D%221.6%22%20fill%3D%22%23a8edff%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22154%22%20cy%3D%2276%22%20r%3D%221.3%22%20fill%3D%22%23ffe8a9%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22346%22%20cy%3D%22392%22%20r%3D%221.5%22%20fill%3D%22%23d7c4ff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%E5%BC%AF%E6%9C%88%EF%BC%88%E7%BC%93%E6%85%A2%E6%B5%AE%E5%8A%A8%EF%BC%89%20--%3E%0A%20%20%3Cg%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M84%2C58%20A26%2C26%200%200%2C0%2084%2C110%20A30%2C30%200%200%2C1%2084%2C58%20Z%22%20fill%3D%22%23ffe9b0%22%20stroke%3D%22%23fff8df%22%20stroke-width%3D%220.8%22%20opacity%3D%220.92%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%0A%20%20%20%20%20%20%20%20values%3D%220%2C0%3B%200%2C6%3B%200%2C0%22%20dur%3D%227s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%E6%B5%81%E6%98%9F%20--%3E%0A%20%20%3Cg%20opacity%3D%220%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2264%22%20y2%3D%22-24%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffffff%22%20filter%3D%22url%28%23glow%29%22%2F%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%0A%20%20%20%20%20%20values%3D%22520%2C36%3B%20300%2C128%3B%20300%2C128%22%20keyTimes%3D%220%3B0.14%3B1%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B0%3B0%22%20keyTimes%3D%220%3B0.02%3B0.14%3B1%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%0A%20%20%3C%21--%20%E8%8A%B1%E7%93%A3%E6%98%9F%E5%B0%98%EF%BC%9A%E6%85%A2%E9%80%9F%E6%BC%82%E6%B5%81%EF%BC%8C%E5%A2%9E%E5%8A%A0%E6%97%A5%E5%BC%8F%E7%BB%98%E6%9C%AC%E6%84%9F%20--%3E%0A%20%20%3Cg%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3Cg%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23petalShape%22%20transform%3D%22scale%280.62%29%22%20fill%3D%22url%28%23petal%29%22%2F%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%227.5s%22%20repeatCount%3D%22indefinite%22%20rotate%3D%22auto%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23petalDrift1%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B0.72%3B0.58%3B0%22%20keyTimes%3D%220%3B0.18%3B0.78%3B1%22%20dur%3D%227.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23petalShape%22%20transform%3D%22scale%280.52%29%22%20fill%3D%22url%28%23petal%29%22%2F%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%228.4s%22%20begin%3D%221.6s%22%20repeatCount%3D%22indefinite%22%20rotate%3D%22auto%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23petalDrift2%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B0.66%3B0.52%3B0%22%20keyTimes%3D%220%3B0.2%3B0.78%3B1%22%20dur%3D%228.4s%22%20begin%3D%221.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23petalShape%22%20transform%3D%22scale%280.46%29%22%20fill%3D%22url%28%23petal%29%22%2F%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%229s%22%20begin%3D%223.1s%22%20repeatCount%3D%22indefinite%22%20rotate%3D%22auto%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23petalDrift3%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B0.62%3B0.48%3B0%22%20keyTimes%3D%220%3B0.22%3B0.8%3B1%22%20dur%3D%229s%22%20begin%3D%223.1s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%E9%80%8F%E6%98%8E%E5%BA%95%E9%AD%94%E6%B3%95%E9%98%B5%EF%BC%9A%E5%8F%AA%E7%94%A8%E7%BB%86%E7%BA%BF%E4%B8%8E%E8%8A%82%E7%82%B9%EF%BC%8C%E4%B8%8D%E5%BD%A2%E6%88%90%E5%AE%9E%E8%89%B2%E5%BA%95%E7%9B%98%20--%3E%0A%20%20%3Cg%20transform%3D%22translate%28240%2C240%29%22%20fill%3D%22none%22%20filter%3D%22url%28%23softShadow%29%22%20opacity%3D%220.68%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%22%20to%3D%22360%22%20dur%3D%2236s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20r%3D%22132%22%20stroke%3D%22url%28%23seal%29%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20r%3D%22116%22%20stroke%3D%22%23ffd6ee%22%20stroke-width%3D%220.85%22%20stroke-dasharray%3D%2218%207%203%207%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C-112%20L20%2C-86%20L56%2C-97%20L69%2C-61%20L106%2C-38%20L91%2C0%20L106%2C38%20L69%2C61%20L56%2C97%20L20%2C86%20L0%2C112%20L-20%2C86%20L-56%2C97%20L-69%2C61%20L-106%2C38%20L-91%2C0%20L-106%2C-38%20L-69%2C-61%20L-56%2C-97%20L-20%2C-86%20Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23eadcff%22%20stroke-width%3D%220.65%22%20opacity%3D%220.62%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20fill%3D%22url%28%23pearl%29%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.45%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%220%22%20cy%3D%22-132%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%22132%22%20cy%3D%220%22%20r%3D%223.1%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%220%22%20cy%3D%22132%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%22-132%22%20cy%3D%220%22%20r%3D%223.1%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%22360%22%20to%3D%220%22%20dur%3D%2248s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20r%3D%22104%22%20stroke%3D%22%23c8f2ff%22%20stroke-width%3D%220.75%22%20stroke-dasharray%3D%229%2011%202%2011%22%20opacity%3D%220.78%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C-99%20L12%2C-12%20L99%2C0%20L12%2C12%20L0%2C99%20L-12%2C12%20L-99%2C0%20L-12%2C-12%20Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23fff0bf%22%20stroke-width%3D%220.7%22%20opacity%3D%220.60%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E7%BB%87%E8%8C%A7%E4%B8%9D%E7%BA%BF%EF%BC%88%E4%B8%89%E6%9D%A1%E5%8F%8D%E5%90%91%E6%97%8B%E8%BD%AC%E7%9A%84%E7%BA%B1%E7%BA%BF%E8%BD%A8%E9%81%93%EF%BC%89%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20from%3D%220%20240%20240%22%20to%3D%22360%20240%20240%22%20dur%3D%2226s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23loom%22%20stroke%3D%22%238f6bbd%22%20stroke-width%3D%226%22%20opacity%3D%220.16%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23loom%22%20stroke%3D%22%23ad85d8%22%20stroke-width%3D%221.8%22%20stroke-dasharray%3D%226%2019%22%20opacity%3D%220.95%22%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-100%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22rotate%2860%20240%20240%29%22%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20%20from%3D%22360%20240%20240%22%20to%3D%220%20240%20240%22%20dur%3D%2234s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23loom%22%20stroke%3D%22%23d85f9f%22%20stroke-width%3D%226%22%20opacity%3D%220.15%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23loom%22%20stroke%3D%22%23ed85bc%22%20stroke-width%3D%221.8%22%20stroke-dasharray%3D%226%2019%22%20opacity%3D%220.94%22%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%22-100%3B0%22%20dur%3D%223.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22rotate%28120%20240%20240%29%22%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20%20from%3D%220%20240%20240%22%20to%3D%22360%20240%20240%22%20dur%3D%2242s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23loom%22%20stroke%3D%22%233aaec8%22%20stroke-width%3D%226%22%20opacity%3D%220.15%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23loom%22%20stroke%3D%22%2378cfe3%22%20stroke-width%3D%221.8%22%20stroke-dasharray%3D%226%2019%22%20opacity%3D%220.92%22%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-100%22%20dur%3D%224.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E9%A3%98%E5%B8%A6%EF%BC%88%E8%B7%AF%E5%BE%84%E5%BD%A2%E5%8F%98%E6%A8%A1%E6%8B%9F%E9%A3%98%E5%8A%A8%20%2B%20%E6%B5%81%E5%85%89%EF%BC%89%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22url%28%23ribbonB%29%22%20stroke-width%3D%226%22%20opacity%3D%220.6%22%0A%20%20%20%20%20%20%20%20%20%20d%3D%22M96%2C206%20C156%2C166%20200%2C250%20240%2C212%20C280%2C174%20326%2C254%20386%2C210%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22d%22%20dur%3D%223.6s%22%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%20%20values%3D%22M96%2C206%20C156%2C166%20200%2C250%20240%2C212%20C280%2C174%20326%2C254%20386%2C210%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20M96%2C214%20C156%2C184%20200%2C232%20240%2C204%20C280%2C186%20326%2C238%20386%2C200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20M96%2C206%20C156%2C166%20200%2C250%20240%2C212%20C280%2C174%20326%2C254%20386%2C210%22%2F%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22url%28%23ribbonA%29%22%20stroke-width%3D%229%22%20opacity%3D%220.85%22%0A%20%20%20%20%20%20%20%20%20%20d%3D%22M88%2C304%20C150%2C254%20200%2C346%20240%2C296%20C280%2C246%20330%2C344%20392%2C288%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22d%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%20%20values%3D%22M88%2C304%20C150%2C254%20200%2C346%20240%2C296%20C280%2C246%20330%2C344%20392%2C288%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20M88%2C294%20C150%2C272%20200%2C322%20240%2C304%20C280%2C262%20330%2C326%20392%2C298%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20M88%2C304%20C150%2C254%20200%2C346%20240%2C296%20C280%2C246%20330%2C344%20392%2C288%22%2F%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%2210%2026%22%20opacity%3D%220.7%22%0A%20%20%20%20%20%20%20%20%20%20d%3D%22M88%2C304%20C150%2C254%20200%2C346%20240%2C296%20C280%2C246%20330%2C344%20392%2C288%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22d%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%20%20values%3D%22M88%2C304%20C150%2C254%20200%2C346%20240%2C296%20C280%2C246%20330%2C344%20392%2C288%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20M88%2C294%20C150%2C272%20200%2C322%20240%2C304%20C280%2C262%20330%2C326%20392%2C298%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20M88%2C304%20C150%2C254%20200%2C346%20240%2C296%20C280%2C246%20330%2C344%20392%2C288%22%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-144%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E8%81%9A%E7%81%B5%E6%98%9F%E5%B0%98%EF%BC%88%E9%AD%94%E5%8A%9B%E6%AD%A3%E5%9C%A8%E6%B1%87%E5%85%A5%20%3D%20%E8%B5%84%E6%BA%90%E8%BD%BD%E5%85%A5%EF%BC%89%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20fill%3D%22%23ffe29a%22%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%3Ccircle%20r%3D%222.6%22%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23dust1%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B1%3B0%22%20keyTimes%3D%220%3B0.15%3B0.8%3B1%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%222.6%3B0.8%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fcircle%3E%0A%20%20%20%20%3Ccircle%20r%3D%222.4%22%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%223s%22%20begin%3D%220.7s%22%20repeatCount%3D%22indefinite%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23dust2%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B1%3B0%22%20keyTimes%3D%220%3B0.15%3B0.8%3B1%22%20dur%3D%223s%22%20begin%3D%220.7s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%222.4%3B0.7%22%20dur%3D%223s%22%20begin%3D%220.7s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fcircle%3E%0A%20%20%20%20%3Ccircle%20r%3D%222.6%22%20fill%3D%22%239ff2ff%22%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%222.8s%22%20begin%3D%221.3s%22%20repeatCount%3D%22indefinite%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23dust3%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B1%3B0%22%20keyTimes%3D%220%3B0.15%3B0.8%3B1%22%20dur%3D%222.8s%22%20begin%3D%221.3s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%222.6%3B0.8%22%20dur%3D%222.8s%22%20begin%3D%221.3s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fcircle%3E%0A%20%20%20%20%3Ccircle%20r%3D%222.2%22%20fill%3D%22%23ffb6e0%22%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%223.2s%22%20begin%3D%221.9s%22%20repeatCount%3D%22indefinite%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23dust4%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B1%3B0%22%20keyTimes%3D%220%3B0.15%3B0.8%3B1%22%20dur%3D%223.2s%22%20begin%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%222.2%3B0.7%22%20dur%3D%223.2s%22%20begin%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fcircle%3E%0A%20%20%20%20%3Ccircle%20r%3D%222.4%22%20opacity%3D%220%22%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%222.4s%22%20begin%3D%220.4s%22%20repeatCount%3D%22indefinite%22%3E%3Cmpath%20xlink%3Ahref%3D%22%23dust5%22%2F%3E%3C%2FanimateMotion%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B1%3B0%22%20keyTimes%3D%220%3B0.15%3B0.8%3B1%22%20dur%3D%222.4s%22%20begin%3D%220.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%222.4%3B0.8%22%20dur%3D%222.4s%22%20begin%3D%220.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fcircle%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%E7%BE%BD%E7%BF%BC%E4%B8%8E%E7%8F%8D%E7%8F%A0%E8%95%BE%E4%B8%9D%EF%BC%9A%E5%B1%80%E9%83%A8%E5%8D%8A%E9%80%8F%E6%98%8E%EF%BC%8C%E4%B8%8D%E5%BD%B1%E5%93%8D%E6%95%B4%E5%BC%A0%E7%94%BB%E5%B8%83%E9%80%8F%E6%98%8E%E5%BA%A6%20--%3E%0A%20%20%3Cg%20transform%3D%22translate%28240%2C238%29%22%20filter%3D%22url%28%23softShadow%29%22%20opacity%3D%220.92%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20values%3D%221%2C1%3B1.035%2C0.965%3B1%2C1%22%20dur%3D%222.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20fill%3D%22url%28%23wing%29%22%20stroke%3D%22%23c989bd%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-31%2C-14%20C-49%2C-43%20-78%2C-46%20-88%2C-29%20C-98%2C-12%20-80%2C2%20-55%2C5%20C-73%2C14%20-83%2C29%20-72%2C38%20C-59%2C47%20-39%2C27%20-24%2C8%20Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-37%2C-7%20C-56%2C-21%20-72%2C-20%20-80%2C-10%20C-64%2C-10%20-53%2C-2%20-44%2C9%22%20fill%3D%22none%22%20stroke%3D%22%23a77aca%22%20stroke-width%3D%221.2%22%20opacity%3D%220.84%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-35%2C3%20C-52%2C10%20-63%2C22%20-60%2C32%20C-48%2C25%20-38%2C18%20-29%2C10%22%20fill%3D%22none%22%20stroke%3D%22%2355bcd4%22%20stroke-width%3D%221.1%22%20opacity%3D%220.80%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22scale%28-1%2C1%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-31%2C-14%20C-49%2C-43%20-78%2C-46%20-88%2C-29%20C-98%2C-12%20-80%2C2%20-55%2C5%20C-73%2C14%20-83%2C29%20-72%2C38%20C-59%2C47%20-39%2C27%20-24%2C8%20Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-37%2C-7%20C-56%2C-21%20-72%2C-20%20-80%2C-10%20C-64%2C-10%20-53%2C-2%20-44%2C9%22%20fill%3D%22none%22%20stroke%3D%22%23a77aca%22%20stroke-width%3D%221.2%22%20opacity%3D%220.84%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-35%2C3%20C-52%2C10%20-63%2C22%20-60%2C32%20C-48%2C25%20-38%2C18%20-29%2C10%22%20fill%3D%22none%22%20stroke%3D%22%2355bcd4%22%20stroke-width%3D%221.1%22%20opacity%3D%220.80%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%2274%22%20pathLength%3D%22100%22%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23d6a1cc%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20%20stroke-dasharray%3D%220.12%208.21%22%20opacity%3D%220.82%22%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%20240%20240%22%20to%3D%22-360%20240%20240%22%20dur%3D%2230s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E5%AE%9D%E7%9F%B3%E4%B8%8E%E5%85%89%E6%99%95%EF%BC%884s%20%E4%B8%BB%E5%91%A8%E6%9C%9F%EF%BC%8C0.92%20%E5%A4%84%E5%AE%8C%E6%88%90%E9%97%AA%E5%85%89%EF%BC%89%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22238%22%20r%3D%2264%22%20fill%3D%22url%28%23halo%29%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.5%3B0.75%3B0.5%3B1%3B0.5%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20keyTimes%3D%220%3B0.5%3B0.9%3B0.94%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%2264%3B70%3B64%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%0A%20%20%3Cg%20transform%3D%22translate%28240%2C238%29%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%0A%20%20%20%20%20%20%20%20values%3D%221%3B1.06%3B1%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23heart%22%20fill%3D%22url%28%23gem%29%22%20stroke%3D%22%23fff1fa%22%20stroke-width%3D%222.2%22%20filter%3D%22url%28%23softShadow%29%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23heart%22%20transform%3D%22scale%280.78%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.9%22%20opacity%3D%220.24%22%2F%3E%0A%20%20%20%20%20%20%3C%21--%20%E5%88%87%E9%9D%A2%E7%BA%BF%20--%3E%0A%20%20%20%20%20%20%3Cg%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.34%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C-28%20L-20%2C2%20L0%2C44%20M0%2C-28%20L20%2C2%20L0%2C44%20M-20%2C2%20L20%2C2%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-33%2C-13%20L-20%2C2%20L-37%2C9%20M33%2C-13%20L20%2C2%20L37%2C9%22%20opacity%3D%220.62%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%22-17%22%20cy%3D%22-21%22%20rx%3D%227%22%20ry%3D%223.2%22%20transform%3D%22rotate%28-28%20-17%20-21%29%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.58%22%2F%3E%0A%20%20%20%20%20%20%3C%21--%20%E5%86%85%E9%83%A8%E6%89%AB%E5%85%89%20--%3E%0A%20%20%20%20%20%20%3Cg%20clip-path%3D%22url%28%23heartClip%29%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22-13%22%20y%3D%22-70%22%20width%3D%2222%22%20height%3D%22140%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.4%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22rotate%2824%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22x%22%20values%3D%22-95%3B82%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%21--%20%E7%8E%AF%E7%BB%95%E5%AE%9D%E7%9F%B3%E7%9A%84%E4%B8%89%E9%A2%97%E5%B0%8F%E6%98%9F%20--%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20from%3D%220%22%20to%3D%22360%22%20dur%3D%2210s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%2858%2C0%29%22%20%20%20fill%3D%22%23fff7dd%22%20filter%3D%22url%28%23glow%29%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28-29%2C50%29%22%20fill%3D%22%23ffd0ea%22%20filter%3D%22url%28%23glow%29%22%2F%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28-29%2C-50%29%22%20fill%3D%22%23d8f7ff%22%20filter%3D%22url%28%23glow%29%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E7%BC%9D%E7%BA%AB%E8%BF%9B%E5%BA%A6%E7%8E%AF%EF%BC%9A%E9%87%91%E7%BA%BF%E7%BB%95%E5%AE%9D%E7%9F%B3%E4%B8%80%E5%91%A8%20%3D%20100%25%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%2286%22%20fill%3D%22none%22%20stroke%3D%22%23c9a7ff%22%20stroke-width%3D%221.2%22%20stroke-dasharray%3D%222%206%22%20opacity%3D%220.34%22%20filter%3D%22url%28%23softShadow%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%2286%22%20pathLength%3D%22100%22%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20%20stroke-dasharray%3D%22100%22%20stroke-dashoffset%3D%22100%22%0A%20%20%20%20%20%20%20%20%20%20transform%3D%22rotate%28-90%20240%20240%29%22%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%22100%3B0%3B0%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20keyTimes%3D%220%3B0.92%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%0A%20%20%3C%21--%20%E9%A3%9E%E9%92%88%EF%BC%88rotate%3Dauto%20%E8%AE%A9%E9%92%88%E5%B0%96%E5%A7%8B%E7%BB%88%E6%B2%BF%E5%88%87%E7%BA%BF%EF%BC%89%20--%3E%0A%20%20%3Cg%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-15%2C0%20L2%2C3%20L17%2C0%20L2%2C-3%20Z%22%20fill%3D%22%23f3eefc%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22-11%22%20cy%3D%220%22%20r%3D%221.4%22%20fill%3D%22%23170f3d%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3CanimateMotion%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%20rotate%3D%22auto%22%0A%20%20%20%20%20%20%20%20calcMode%3D%22linear%22%20keyPoints%3D%220%3B1%3B1%22%20keyTimes%3D%220%3B0.92%3B1%22%3E%0A%20%20%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23stitchOrbit%22%2F%3E%0A%20%20%20%20%20%20%3C%2FanimateMotion%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%E6%94%B6%E9%92%88%E9%97%AA%E5%85%89%E4%B8%8E%E5%85%89%E7%8E%AF%E7%88%86%E5%8F%91%EF%BC%88%E6%AF%8F%E5%91%A8%E6%9C%9F%2092%25%20%E5%A4%84%E8%A7%A6%E5%8F%91%EF%BC%89%20--%3E%0A%20%20%3Cg%20transform%3D%22translate%28240%2C154%29%22%20fill%3D%22%23ffffff%22%20filter%3D%22url%28%23bigGlow%29%22%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23spark4%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%0A%20%20%20%20%20%20%20%20values%3D%220%3B0%3B1.6%3B0%22%20keyTimes%3D%220%3B0.9%3B0.94%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20fill%3D%22none%22%20stroke%3D%22%23fff7dd%22%20stroke-width%3D%222%22%20r%3D%2286%22%20opacity%3D%220%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%2286%3B86%3B120%22%20keyTimes%3D%220%3B0.92%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B0%3B0.8%3B0%22%20keyTimes%3D%220%3B0.91%3B0.93%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E5%92%8F%E5%94%B1%E8%BF%9B%E5%BA%A6%E6%98%9F%EF%BC%88%E4%BE%9D%E6%AC%A1%E7%82%B9%E4%BA%AE%E7%9A%84%E4%BA%94%E9%A2%97%E5%88%BB%E5%BA%A6%E6%98%9F%EF%BC%89%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20fill%3D%22%23ffe29a%22%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28188%2C402%29%20scale%281.1%29%22%20opacity%3D%220.28%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.28%3B0.28%3B1%3B1%3B1%3B0.28%22%20keyTimes%3D%220%3B0.14%3B0.18%3B0.9%3B0.96%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28214%2C402%29%20scale%281.1%29%22%20opacity%3D%220.28%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.28%3B0.28%3B1%3B1%3B1%3B0.28%22%20keyTimes%3D%220%3B0.32%3B0.36%3B0.9%3B0.96%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28240%2C402%29%20scale%281.1%29%22%20opacity%3D%220.28%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.28%3B0.28%3B1%3B1%3B1%3B0.28%22%20keyTimes%3D%220%3B0.5%3B0.54%3B0.9%3B0.96%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28266%2C402%29%20scale%281.1%29%22%20opacity%3D%220.28%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.28%3B0.28%3B1%3B1%3B1%3B0.28%22%20keyTimes%3D%220%3B0.68%3B0.72%3B0.9%3B0.96%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23star5%22%20transform%3D%22translate%28292%2C402%29%20scale%281.1%29%22%20opacity%3D%220.28%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.28%3B0.28%3B1%3B1%3B1%3B0.28%22%20keyTimes%3D%220%3B0.86%3B0.9%3B0.92%3B0.97%3B1%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%3D%3D%3D%3D%3D%20%E6%96%87%E5%AD%97%E4%B8%8E%E5%91%BC%E5%90%B8%E7%82%B9%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23spark4%22%20transform%3D%22translate%28166%2C432%29%20scale%280.28%29%22%20fill%3D%22%23ffe7a8%22%20opacity%3D%220.78%22%2F%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23spark4%22%20transform%3D%22translate%28314%2C432%29%20scale%280.28%29%22%20fill%3D%22%23bdefff%22%20opacity%3D%220.78%22%2F%3E%0A%20%20%20%20%3Ctext%20x%3D%22240%22%20y%3D%22436%22%20text-anchor%3D%22middle%22%0A%20%20%20%20%20%20%20%20%20%20font-family%3D%22%27Hiragino%20Mincho%20ProN%27%2C%27Yu%20Mincho%27%2C%27Noto%20Serif%20SC%27%2C%27Songti%20SC%27%2Cserif%22%0A%20%20%20%20%20%20%20%20%20%20font-size%3D%2215.5%22%20letter-spacing%3D%224.5%22%20fill%3D%22%239960b1%22%20stroke%3D%22%23fff9ff%22%20stroke-opacity%3D%220.86%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%221.35%22%20paint-order%3D%22stroke%20fill%22%20opacity%3D%220.98%22%3E%E9%AD%94%E5%8A%9B%E6%B1%87%E8%81%9A%E4%B8%AD%3C%2Ftext%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20fill%3D%22%239862af%22%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22226%22%20cy%3D%22452%22%20r%3D%222.4%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.2%3B1%3B0.2%22%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22452%22%20r%3D%222.4%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.2%3B1%3B0.2%22%20dur%3D%221.5s%22%20begin%3D%220.25s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22254%22%20cy%3D%22452%22%20r%3D%222.4%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.2%3B1%3B0.2%22%20dur%3D%221.5s%22%20begin%3D%220.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20%E9%9A%8F%E6%9C%BA%E9%97%AA%E5%85%89%E8%8A%B1%20--%3E%0A%20%20%3Cg%20fill%3D%22%23fffaff%22%20filter%3D%22url%28%23softShadow%29%22%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23spark4%22%20transform%3D%22translate%28150%2C140%29%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20additive%3D%22sum%22%0A%20%20%20%20%20%20%20%20values%3D%220%3B1%3B0%22%20dur%3D%222.7s%22%20begin%3D%220.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23spark4%22%20transform%3D%22translate%28348%2C176%29%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20additive%3D%22sum%22%0A%20%20%20%20%20%20%20%20values%3D%220%3B0.8%3B0%22%20dur%3D%223.3s%22%20begin%3D%221.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23spark4%22%20transform%3D%22translate%28316%2C330%29%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20additive%3D%22sum%22%0A%20%20%20%20%20%20%20%20values%3D%220%3B0.9%3B0%22%20dur%3D%222.9s%22%20begin%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%0A%20%20%20%20%3C%2Fuse%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } /* 避免加载完成后的正式 AI 内容被上述样式影响 */ .is-user\:dark:has(.rili-markdown-renderer) { width: fit-content !important; min-width: 0 !important; max-width: 100% !important; } .is-user\:dark:has(.rili-markdown-renderer) > .space-y-3 { display: block !important; width: auto !important; max-width: 100dvw !important; } /* 移动端兜底 */ @media (max-width: 480px) { .is-user\:dark:has(.space-y-3 > .flex.items-center.justify-center.size-6.opacity-50 > .flex > span:nth-child(3)) { width: min(300px, 86vw) !important; min-width: min(300px, 86vw) !important; max-width: min(300px, 86vw) !important; } .space-y-3 > .flex.items-center.justify-center.size-6.opacity-50:has(> .flex > span:nth-child(3)) { width: min(260px, 78vw) !important; height: min(260px, 78vw) !important; min-width: min(260px, 78vw) !important; min-height: min(260px, 78vw) !important; } } .group.is-user > div:first-child { /* 相框（不要 fill，中心本来就是透明的，fill 没有意义） */ border-image-source: url('https://i.ibb.co/gMcnkbr8/image.png'); border-image-slice: 30% 28% 30% 28%; border-image-repeat: round; border-image-width: 60px; border-style: solid !important; border-width: 60px !important; border-color: transparent !important; padding: 0px 5px !important; min-width: 160px !important; min-height: 140px !important; /* ★ 内芯上色：单行长手写法，画在 border-image 下层（border-box 默认）， 颜色一直延伸到边框图底下，由框体花纹盖住边缘 → 没有任何接缝 */ background-color: #D7DFFC !important; background-image: #D7DFFC !important; background-clip: padding-box !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; /* 覆盖行内 style="color: rgb(0,0,0)" */ color: #6d4a8e !important; /* 柔光投影（沿相框轮廓发光） */ filter: drop-shadow(0 5px 16px rgba(216, 150, 214, 0.35)); } /* ---------- 2. 正文文字 ---------- */ .group.is-user .rili-markdown-renderer, .group.is-user .rili-markdown-renderer p, .group.is-user .rili-markdown-renderer li { color: #6d4a8e !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); line-height: 1.75; } .group.is-user .rili-markdown-renderer h1, .group.is-user .rili-markdown-renderer h2, .group.is-user .rili-markdown-renderer h3, .group.is-user .rili-markdown-renderer h4 { background: linear-gradient(90deg, #ec6ea5 0%, #b98add 55%, #6f9bee 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; text-shadow: none; font-weight: 700; } .group.is-user .rili-markdown-renderer strong { color: #e05a97 !important; } .group.is-user .rili-markdown-renderer em { color: #6a8ce0 !important; } .group.is-user .rili-markdown-renderer a { color: #5f87e8 !important; text-decoration-color: rgba(236, 110, 165, 0.5); } .group.is-user .rili-markdown-renderer a:hover { color: #ec6ea5 !important; } .group.is-user .rili-markdown-renderer code { background-color: rgba(240, 226, 255, 0.9) !important; color: #8a5bb8 !important; border: 1px solid rgba(200, 170, 235, 0.5); border-radius: 6px; padding: 1px 6px; text-shadow: none; } .group.is-user .rili-markdown-renderer pre { background-color: #413a63 !important; background-image: linear-gradient(160deg, rgba(80,66,120,0.6), rgba(58,66,112,0.6)) !important; border: 1px solid rgba(200, 170, 235, 0.4); border-radius: 12px; } .group.is-user .rili-markdown-renderer pre code { background-color: transparent !important; border: none; color: #f0e6ff !important; } .group.is-user .rili-markdown-renderer blockquote { border-left: 3px solid #f4a7cd !important; background-color: rgba(255, 224, 240, 0.45) !important; border-radius: 0 10px 10px 0; color: #a06cae !important; } .group.is-user .rili-markdown-renderer hr { border: none !important; height: 2px; background-image: linear-gradient(90deg, transparent, #f4a7cd 30%, #a9c3f5 70%, transparent); } .group.is-user .rili-markdown-renderer li::marker { color: #e88ab8; } .group.is-user .rili-markdown-renderer th { background-color: rgba(255, 214, 236, 0.8) !important; color: #7a5498 !important; border: 1px solid rgba(220, 190, 240, 0.6) !important; } .group.is-user .rili-markdown-renderer td { border: 1px solid rgba(220, 190, 240, 0.5) !important; background-color: rgba(255, 255, 255, 0.45) !important; } .group.is-user ::selection { background: rgba(244, 167, 205, 0.45); color: #5a3d78; } /* ---------- 3. 底部操作栏 ---------- */ .group.is-user > div.flex.w-full { margin-top: -12px; position: relative; z-index: 1; } .group.is-user .bg-muted,.group.is-assistant .bg-muted { background-color: rgba(255, 234, 246, 0.95) !important; background-image: linear-gradient(135deg, rgba(255,222,240,0.9), rgba(220,234,255,0.9)) !important; border: 1px solid rgba(240, 180, 216, 0.6); border-radius: 9999px !important; box-shadow: 0 2px 8px rgba(222, 160, 216, 0.3); padding: 2px 4px !important; } .group.is-user .bg-muted button svg,.group.is-assistant .bg-muted button svg { stroke: #b088cc !important; transition: stroke 0.2s, transform 0.2s; } .group.is-user .bg-muted button:hover,.group.is-assistant .bg-muted button:hover { background-color: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 0 8px rgba(244, 167, 205, 0.7); } .group.is-user .bg-muted button:hover svg,.group.is-assistant .bg-muted button:hover svg { stroke: #ec5f9f !important; transform: scale(1.12); } /* ▸ Magic Circle — top-right corner (animated SVG with counter-rotating rings, star-of-david, pulsing center) */ .group.flex.max-w-\[100\%\].flex-col.gap-2.is-user.ml-auto.justify-end.w-fit::before { content: ''; position: absolute; top: -16px; right: -16px; width: clamp(48px, 11vw, 72px); height: clamp(48px, 11vw, 72px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%23ff69b4' stroke-width='0.8' opacity='0.35' stroke-dasharray='8 4'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='20s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='38' fill='none' stroke='%236cb4ee' stroke-width='0.6' opacity='0.28' stroke-dasharray='5 5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 50 50' to='0 50 50' dur='15s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%23dda0dd' stroke-width='0.4' opacity='0.22'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='25s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cg opacity='0.18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='30s' repeatCount='indefinite'/%3E%3Cpolygon points='50,10 78,70 22,70' fill='none' stroke='%23ff69b4' stroke-width='0.5'/%3E%3Cpolygon points='50,90 22,30 78,30' fill='none' stroke='%236cb4ee' stroke-width='0.5'/%3E%3C/g%3E%3Cpath d='M50 42l2 5 5 2-5 2-2 5-2-5-5-2 5-2z' fill='%23ffc0cb' opacity='0.35'%3E%3Canimate attributeName='opacity' values='0.2;0.55;0.2' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; pointer-events: none; z-index: 5; animation: mg-circle-breathe 5s ease-in-out infinite; filter: drop-shadow(0 0 4px rgba(255,105,180,0.18)); } /* ▸ Side sparkle trail — right edge (animated SVG sparkles with staggered twinkle) */ .group.flex.max-w-\[100\%\].flex-col.gap-2.is-user.ml-auto.justify-end.w-fit::after { content: ''; position: absolute; top: 20%; right: -16px; width: 16px; height: 65%; max-height: 120px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 80'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%23ff69b4' opacity='0.3'%3E%3Canimate attributeName='opacity' values='0.1;0.45;0.1' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='1;2;1' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M10 35l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z' fill='%236cb4ee' opacity='0.25'%3E%3Canimate attributeName='opacity' values='0.1;0.38;0.1' dur='3s' begin='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='12' cy='65' r='1' fill='%23dda0dd' opacity='0.2'%3E%3Canimate attributeName='opacity' values='0.08;0.32;0.08' dur='2.5s' begin='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E"); background-size: 16px 70px; background-repeat: repeat-y; pointer-events: none; z-index: 4; animation: mg-side-float 5s ease-in-out infinite; } /* ✦ Magical Girl Nav Theme ✦ */ header { background: linear-gradient(135deg, rgba(100, 149, 237, 0.75) 0%, rgba(255, 182, 213, 0.75) 50%, rgba(138, 180, 248, 0.7) 100%), url('https://i.ibb.co/60fM9cWM/image.png') center/cover no-repeat, linear-gradient(135deg, #6b8cff 0%, #ffb6d5 50%, #8ab4f8 100%) !important; backdrop-filter: blur(12px) saturate(1.4) !important; -webkit-backdrop-filter: blur(12px) saturate(1.4) !important; border-bottom: 2px solid rgba(255, 182, 213, 0.5) !important; box-shadow: 0 2px 16px rgba(107, 140, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 0 40px rgba(255, 150, 200, 0.15); position: relative; overflow: visible; } /* ✦ 底部星光装饰线 */ header::after { content: '✦ ⋆ ✧ ⋆ ✦ ⋆ ✧ ⋆ ✦ ⋆ ✧ ⋆ ✦ ⋆ ✧ ⋆ ✦'; position: absolute; bottom: -1px; left: 0; width: 100%; text-align: center; font-size: 8px; letter-spacing: 6px; color: rgba(255, 182, 213, 0.7); pointer-events: none; text-shadow: 0 0 6px rgba(107, 140, 255, 0.6); animation: sparkle 3s ease-in-out infinite; } /* ✦ 按钮魔法化 */ header button { color: rgba(255, 255, 255, 0.9) !important; border-radius: 10px !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; position: relative; } header button:hover { background: rgba(255, 255, 255, 0.2) !important; color: #fff !important; transform: scale(1.1); box-shadow: 0 0 12px rgba(255, 182, 213, 0.5), 0 0 20px rgba(107, 140, 255, 0.3); } header button:active { transform: scale(0.95); } /* ✦ 通知徽章 */ header button span.absolute { background: linear-gradient(135deg, #ff6baa, #ff8fc4) !important; border-color: rgba(255, 255, 255, 0.6) !important; box-shadow: 0 0 8px rgba(255, 107, 170, 0.6); animation: badgePulse 2s ease-in-out infinite; } /* ✦ SVG 图标 */ header svg { filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)); } /* ✦ Animations */ @keyframes sparkle { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } @keyframes badgePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 { padding: 0 !important; background: transparent !important; } /* 2. 第一层 - 圆角外框 */ .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 > .w-full.h-full.flex.group.rounded-xl { padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /* 3. 第二层 - is-assistant 容器 */ .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 > .w-full.h-full.flex.group.rounded-xl > .group.is-assistant { padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; gap: 0 !important; } /* 4. 第三层 - 消息气泡框（这是关键！带 border-muted 和 bg-card 的那个） */ .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 > .w-full.h-full.flex.group.rounded-xl > .group.is-assistant > .border.border-muted { padding: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; } /* 5. 内容区域 */ .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 .space-y-3, .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 .rili-markdown-renderer { padding: 0 !important; background: transparent !important; } /* ============================================================ 魔法少女观测终端 —— 变量与 SVG 资产库 ============================================================ */ mahou { /* 变量资产：由分散的同选择器规则安全归并 */ --sf:url("data:image/svg+xml,"); --mc:url("data:image/svg+xml,"); --lace:url("data:image/svg+xml,"); --wave:url("data:image/svg+xml,"); --facet:url("data:image/svg+xml,"); --gear:url("data:image/svg+xml,"); --gearbig:url("data:image/svg+xml,"); --pin:url("data:image/svg+xml,"); --clk:url("data:image/svg+xml,"); --close:url("data:image/svg+xml,"); --xx:url("data:image/svg+xml,"); --sp:url("data:image/svg+xml,"); --orbstar:url("data:image/svg+xml,"); --dia:url("data:image/svg+xml,"); --hdo:url("data:image/svg+xml,"); --md1:url("data:image/svg+xml,"); --md2:url("data:image/svg+xml,"); --md3:url("data:image/svg+xml,"); --md4:url("data:image/svg+xml,"); --md5:url("data:image/svg+xml,"); --wm1:url("data:image/svg+xml,"); --wm2:url("data:image/svg+xml,"); --wm3:url("data:image/svg+xml,"); --wm4:url("data:image/svg+xml,"); --wm5:url("data:image/svg+xml,"); --cnl:url("data:image/svg+xml,"); --cnr:url("data:image/svg+xml,"); --ia:url("data:image/svg+xml,"); --ib:url("data:image/svg+xml,"); --ic:url("data:image/svg+xml,"); --idd:url("data:image/svg+xml,"); --ie:url("data:image/svg+xml,"); --strap:url("data:image/svg+xml,"); --ring:url("data:image/svg+xml,"); --wqing:url("data:image/svg+xml,"); --wyun:url("data:image/svg+xml,"); --wyin:url("data:image/svg+xml,"); --wyu:url("data:image/svg+xml,"); --wlei:url("data:image/svg+xml,"); --wxue:url("data:image/svg+xml,"); --wwu:url("data:image/svg+xml,"); --wfeng:url("data:image/svg+xml,"); --wxing:url("data:image/svg+xml,"); --wyue:url("data:image/svg+xml,"); /* 通用行动徽章：粉蓝命运罗盘、月桂双翼、中央四芒星 */ --md0:url("data:image/svg+xml,"); /* 通用右侧水印：旋转星环与轨道 */ --wm0:url("data:image/svg+xml,"); --xfrf:url(https://i.ibb.co/23FtQ6Bb/Chat-GPT-Image-Jul-6-2026-03-29-19-PM-3-1.png); --xfrm:url(https://i.ibb.co/ZzY2VT0z/Chat-GPT-Image-Jul-6-2026-03-29-17-PM-1-1.png); --xslf:url(https://i.ibb.co/pjDgf6Rj/Chat-GPT-Image-Jul-6-2026-03-29-18-PM-2-1.png); --xslm:url(https://i.ibb.co/KphB4vqq/Chat-GPT-Image-Jul-6-2026-03-29-20-PM-4-1.png); --xemb:url(https://i.ibb.co/nqNTq8YK/Chat-GPT-Image-Jul-6-2026-03-29-21-PM-5-1.png); --xsp:url("data:image/svg+xml,"); --xheart:url("data:image/svg+xml,"); --xlv:url("data:image/svg+xml,Lv."); --xgem1:url("data:image/svg+xml,"); --xgem1:url("data:image/svg+xml,"); --xgem0:url("data:image/svg+xml,"); --xgem0:url("data:image/svg+xml,"); --xmoonp:url("data:image/svg+xml,"); --xmoonb:url("data:image/svg+xml,"); --fi-def:url("data:image/svg+xml,"); --fi-race:url("data:image/svg+xml,"); --fi-job:url("data:image/svg+xml,"); --fi-sexf:url("data:image/svg+xml,"); --fi-sexm:url("data:image/svg+xml,"); --fi-per:url("data:image/svg+xml,"); --fi-look:url("data:image/svg+xml,"); --fi-body:url("data:image/svg+xml,"); --fi-age:url("data:image/svg+xml,"); --fi-title:url("data:image/svg+xml,"); --fi-id:url("data:image/svg+xml,"); --fi-home:url("data:image/svg+xml,"); --fi-voice:url("data:image/svg+xml,"); --fi-like:url("data:image/svg+xml,"); --fi-weak:url("data:image/svg+xml,"); --fi-rel:url("data:image/svg+xml,"); --di-def:url("data:image/svg+xml,"); --di-heart:url("data:image/svg+xml,"); --di-sig:url("data:image/svg+xml,"); --di-eye:url("data:image/svg+xml,"); --di-soul:url("data:image/svg+xml,"); --di-mag:url("data:image/svg+xml,"); --di-mood:url("data:image/svg+xml,"); --di-fav:url("data:image/svg+xml,"); --di-mem:url("data:image/svg+xml,"); --di-dream:url("data:image/svg+xml,"); --di-curse:url("data:image/svg+xml,"); --di-alert:url("data:image/svg+xml,"); --di-track:url("data:image/svg+xml,"); --di-guard:url("data:image/svg+xml,"); --di-bond:url("data:image/svg+xml,"); --di-secret:url("data:image/svg+xml,"); --di-time:url("data:image/svg+xml,"); --di-dark:url("data:image/svg+xml,"); --di-sky:url("data:image/svg+xml,"); /* [重绘] 默认 · 星辉宝珠（粉，四芒星辉） */ --ki-def:url("data:image/svg+xml,"); /* [重绘] 攻击 · 断罪之刃宝珠（蔷薇红，白剑纹） */ --ki-atk:url("data:image/svg+xml,"); /* [重绘] 防御 · 圣盾宝珠（青蓝，白盾嵌对勾） */ --ki-shd:url("data:image/svg+xml,"); /* [重绘] 治疗 · 微光宝珠（若叶绿，星辉+小心心，参考图第四珠） */ --ki-heal:url("data:image/svg+xml,"); /* [重绘] 辅助 · 升华宝珠（琥珀金，双重升腾符记） */ --ki-buff:url("data:image/svg+xml,"); /* [重绘] 控制 · 迷梦宝珠（藤紫，白螺旋） */ --ki-ctrl:url("data:image/svg+xml,"); /* [重绘] 诅咒 · 禁忌封环宝珠（葡萄紫，星与环交叠的封印阵） */ --ki-curse:url("data:image/svg+xml,"); /* [重绘] 净化 · 圣星宝珠（暖金白，星辰+光晕轨环） */ --ki-pure:url("data:image/svg+xml,"); /* [重绘] 召唤 · 唤星阵宝珠（堇紫，三角召唤阵） */ --ki-smn:url("data:image/svg+xml,"); /* [重绘] 移动 · 疾风之翼宝珠（湖蓝，白羽翼） */ --ki-mov:url("data:image/svg+xml,"); /* [重绘] 感知 · 澄澈之眼宝珠（群青，白眼纹） */ --ki-sen:url("data:image/svg+xml,"); /* [重绘] 连结 · 心月宝珠（兰紫，白心+弦月，参考图第二珠） */ --ki-lnk:url("data:image/svg+xml,"); /* [重绘] 结界 · 星棱宝珠（樱粉，六芒棱格，参考图第一珠） */ --ki-bar:url("data:image/svg+xml,"); /* [重绘] 炎 · 焰心宝珠（茜红橙，白焰裹内焰） */ --ki-fire:url("data:image/svg+xml,"); /* [重绘] 冰 · 霜华宝珠（冰蓝，白雪晶） */ --ki-ice:url("data:image/svg+xml,"); /* [重绘] 雷 · 鸣雷宝珠（雷金，白电纹） */ --ki-thd:url("data:image/svg+xml,"); /* [重绘] 风 · 翠岚宝珠（翡翠绿，白卷风纹） */ --ki-wind:url("data:image/svg+xml,"); /* [重绘] 星 · 辰星宝珠（暖金，白五芒星） */ --ki-star:url("data:image/svg+xml,"); /* [重绘] 月 · 月华宝珠（宵蓝，白弦月+双星，参考图第三珠） */ --ki-moon:url("data:image/svg+xml,"); /* [重绘] 光 · 曦光宝珠（辉金白，光核放射） */ --ki-lgt:url("data:image/svg+xml,"); /* [重绘] 影 · 蚀月宝珠（暮暗紫，白月被蚀） */ --ki-shw:url("data:image/svg+xml,"); /* [重绘] 默认 · 星光锦囊 */ --gi-def:url("data:image/svg+xml,"); /* [重绘] 武器 · 星纱短杖（金星+紫杖+粉蝶结，参考图第一件） */ --gi-wand:url("data:image/svg+xml,"); /* [重绘] 饰品 · 月滴坠饰（蓝弦月怀抱水滴，参考图第二件） */ --gi-orn:url("data:image/svg+xml,"); /* [重绘] 衣装 · 祈愿披肩（紫斗篷+白领+金星扣，参考图第三件） */ --gi-clo:url("data:image/svg+xml,"); /* [重绘] 发饰 · 星结蝶花（粉蝶结+金星结心） */ --gi-hair:url("data:image/svg+xml,"); /* [重绘] 护符 · 御守（粉守袋+金绳结+金菱纹） */ --gi-charm:url("data:image/svg+xml,"); /* [重绘] 靴 · 星屑短靴（蓝靴+白翻口+星饰） */ --gi-boot:url("data:image/svg+xml,"); /* [重绘] 戒指 · 心晶之约（金环+粉心宝石） */ --gi-ring:url("data:image/svg+xml,"); /* [重绘] 魔导书 · 星纹典籍（紫封皮+金环星纹+粉书签） */ --gi-book:url("data:image/svg+xml,"); /* [重绘] 药剂 · 桃露圆瓶（玻璃瓶+粉液+木塞+气泡） */ --gi-potion:url("data:image/svg+xml,"); /* [重绘] 道具匣 · 愿匣（粉盖金箱+金锁扣） */ --gi-box:url("data:image/svg+xml,"); --xfhp:url("data:image/svg+xml,"); --xfmp:url("data:image/svg+xml,"); --si-def:url("data:image/svg+xml,"); --si-atk:url("data:image/svg+xml,"); --si-shd:url("data:image/svg+xml,"); --si-res:url("data:image/svg+xml,"); --si-spd:url("data:image/svg+xml,"); --si-lck:url("data:image/svg+xml,"); --si-mag:url("data:image/svg+xml,"); --xsk:url("data:image/svg+xml,"); --xseal:url("data:image/svg+xml,Lv."); --xhalo:url("data:image/svg+xml,"); --fi-kink:url("data:image/svg+xml,"); --oi-mouth:url("data:image/svg+xml,"); --oi-brea:url("data:image/svg+xml,"); --oi-vag:url("data:image/svg+xml,"); --oi-anus:url("data:image/svg+xml,"); --oi-womb:url("data:image/svg+xml,"); --oi-foot:url("data:image/svg+xml,"); --oi-brain:url("data:image/svg+xml,"); --hi-coin:url("data:image/svg+xml,"); --hi-atk:url("data:image/svg+xml,"); --btzr:url("data:image/svg+xml,"); --bctl:url("data:image/svg+xml,"); --bctlp:url("data:image/svg+xml,"); --xspk:url("data:image/svg+xml,"); --bflr:url("data:image/svg+xml,"); --bfd:url("data:image/svg+xml,"); --bflg:url("data:image/svg+xml,"); --wi-top:url("data:image/svg+xml,"); --wi-bra:url("data:image/svg+xml,"); --wi-skirt:url("data:image/svg+xml,"); --wi-pnt:url("data:image/svg+xml,"); --wi-shoe:url("data:image/svg+xml,"); --wi-sock:url("data:image/svg+xml,"); --wi-acc:url("data:image/svg+xml,"); --sm-s:url("data:image/svg+xml,S"); --sm-m:url("data:image/svg+xml,M"); --mprs:url("https://i.ibb.co/fdp0bR7Y/image.png"); --mdc1:url("https://i.ibb.co/MyKsLnQv/Chat-GPT-Image-Jul-9-2026-04-59-01-PM-1.png"); --mdc2:url("https://i.ibb.co/xKD42jKL/Chat-GPT-Image-Jul-9-2026-04-59-06-PM-1.png"); --mdc3:url("https://i.ibb.co/tMFz5QNM/Chat-GPT-Image-Jul-9-2026-04-59-13-PM-1.png"); --mdc4:url("https://i.ibb.co/TBz59Kr5/Chat-GPT-Image-Jul-9-2026-04-59-19-PM-1.png"); --mmoon:url("data:image/svg+xml,"); --mcry:url("data:image/svg+xml,"); --mspk1:url("data:image/svg+xml,"); --mspk2:url("data:image/svg+xml,"); --mstw:url("data:image/svg+xml,"); --tp-str:url('data:image/svg+xml,'); --tp-spk:url('data:image/svg+xml,'); --tp-atk:url('data:image/svg+xml,'); --tp-crt:url('data:image/svg+xml,'); --tp-heal:url('data:image/svg+xml,'); --tp-shd:url('data:image/svg+xml,'); --tp-mag:url('data:image/svg+xml,'); --tp-cor:url('data:image/svg+xml,'); --tp-up:url('data:image/svg+xml,'); --tp-dn:url('data:image/svg+xml,'); --tp-luv:url('data:image/svg+xml,'); --tp-itm:url('data:image/svg+xml,'); --tp-lv:url('data:image/svg+xml,LV'); --tp-eye:url('data:image/svg+xml,'); --tp-wrn:url('data:image/svg+xml,'); --tp-dic:url('data:image/svg+xml,'); --tlock:url("data:image/svg+xml,"); --tspark:url("data:image/svg+xml,"); --tdrop:url("data:image/svg+xml,"); --tquill:url("data:image/svg+xml,"); --pk:#ff86c8; --pkd:#e0559d; --bl:#7db8ff; --bld:#5e8fe8; --ink:#54406b; --gold:#f4c86a; --vio:#a86bc9; --rcp:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%); --gcp:polygon(50% 0,88% 20%,100% 52%,76% 88%,50% 100%,24% 88%,0 52%,12% 20%); --ocp:polygon(30% 0,70% 0,100% 27%,100% 73%,70% 100%,30% 100%,0 73%,0 27%); --tzc:polygon(44% 0,56% 0,56% 13px,100% 13px,100% calc(100% - 13px),50% 100%,0 calc(100% - 13px),0 13px,44% 13px); --tgc:polygon(0 0,100% 0,100% calc(100% - 7px),50% 100%,0 calc(100% - 7px)); position:relative;display:block;width:100%;min-width: 680px; max-width:100%; margin:0 auto;padding:12px 14px 10px;box-sizing:border-box; font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;color:var(--ink); border-radius:22px;border:1px solid rgba(255,255,255,.9); background:var(--mc) right -70px top -70px/240px no-repeat,var(--sf) 0 0/140px repeat,linear-gradient(158deg,#ffeef8 0%,#fdeaf4 24%,#e9f2ff 58%,#f1eaff 100%); box-shadow:0 14px 40px rgba(150,110,200,.22),0 3px 10px rgba(200,130,190,.14),inset 0 1px 0 #fff; } mahou::before { content:"";position:absolute;inset:3px;pointer-events:none;z-index:3;background:var(--cnl) left top/64px no-repeat,var(--cnr) right top/64px no-repeat; } mahou::after { content:"";position:absolute;inset:3px;pointer-events:none;z-index:3;transform:rotate(180deg);background:var(--cnl) left top/64px no-repeat,var(--cnr) right top/64px no-repeat; } mahou ::selection { background:rgba(255,150,205,.4); } mahou bar,mahou stage,mahou story,mahou txt,mahou view,mahou con,mahou setp,mahou smask,mahou omask,mahou omenu,mahou opt,mahou orb,mahou dock { display:block;box-sizing:border-box; } mahou input { display:none; } /* ============================================================ 昼夜主题（根属性 dt 子串匹配：晨/昼/暮/夜） ============================================================ */ mahou[dt*="晨"] { background:var(--mc) right -70px top -70px/240px no-repeat,var(--sf) 0 0/140px repeat,radial-gradient(circle at 78% -4%,rgba(255,222,168,.55),transparent 42%),linear-gradient(158deg,#fff4ea,#ffe9f3 30%,#e9f5ff 64%,#eef1ff); } mahou[dt*="暮"] { border-color:rgba(255,208,180,.85);background:var(--mc) right -70px top -70px/240px no-repeat,var(--sf) 0 0/140px repeat,radial-gradient(circle at 20% 2%,rgba(255,166,104,.42),transparent 46%),linear-gradient(162deg,#ffe6cf,#ffd3e1 34%,#ddd0f5 68%,#b9c3ec);box-shadow:0 14px 40px rgba(170,100,140,.28),0 3px 10px rgba(200,130,150,.16),inset 0 1px 0 #fff; } mahou[dt*="夜"] { border-color:rgba(152,142,222,.55);background:var(--mc) right -70px top -70px/240px no-repeat,var(--sf) 0 0/95px repeat,var(--sf) 34px 62px/160px repeat,radial-gradient(circle at 82% 4%,rgba(255,240,198,.3),transparent 30%),linear-gradient(158deg,#453a75,#3a3168 36%,#2f3c6b 70%,#41306b);box-shadow:0 14px 40px rgba(28,18,68,.55),0 3px 10px rgba(40,28,90,.4),inset 0 1px 0 rgba(255,255,255,.22); } mahou[dt*="夜"] stage { background:linear-gradient(rgba(255,253,255,.86),rgba(255,251,255,.8)); } /* ============================================================ 顶栏 —— 观测缎带 ============================================================ */ mahou bar { position:relative;z-index:28;display:flex;align-items:center;gap:10px;height:46px;padding:0 12px 0 12px;border-radius:14px 4px 14px 4px; background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(255,238,249,.8) 45%,rgba(230,242,255,.85)); box-shadow:0 3px 12px rgba(190,120,190,.18),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,170,215,.35); border:1px solid rgba(255,190,225,.6);margin-bottom:9px; } mahou bar::after { content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:9px;background:var(--lace) 0 0/48px 9px repeat-x;opacity:.8;pointer-events:none; } /* ---- 时钟（表盘指针随 --h/--m 同步真实时间） ---- */ mahou tm { display:inline-flex;align-items:baseline;gap:6px;font-size:16px;font-weight:700;letter-spacing:1px;color:#8a5aa8;font-variant-numeric:tabular-nums;white-space:nowrap; } mahou tm p { align-self:center;flex:0 0 auto;position:relative;width:21px;height:21px;margin:0;background:var(--clk) center/contain no-repeat;filter:drop-shadow(0 1px 2px rgba(170,100,160,.35)); } mahou tm p::before,mahou tm p::after { content:"";position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:2px; } mahou tm p::before { width:2.4px;height:4.8px;margin-left:-1.2px;background:#7a4fa8;transform:rotate(calc((var(--h,10)*30 + var(--m,0)*.5)*1deg)); } mahou tm p::after { width:1.7px;height:7px;margin-left:-.85px;background:#e0559d;transform:rotate(calc(var(--m,10)*6deg)); } mahou tm i { font-style:normal;font-weight:500;font-size:12px;letter-spacing:.5px;color:#a184bd; } /* ---- 天气（t 子串匹配） ---- */ mahou wt { flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding-left:10px;background:linear-gradient(transparent 20%,rgba(200,150,210,.4) 50%,transparent 80%) left center/1px 70% no-repeat; } mahou wt::before { content:"";width:23px;height:23px;background:var(--wyin) center/contain no-repeat;filter:drop-shadow(0 1px 2px rgba(110,90,160,.3)); } mahou wt::after { content:attr(t);font-size:11px;letter-spacing:2px;color:#9a7ab5; } mahou wt[t*="晴"]::before { background-image:var(--wqing); } mahou wt[t*="云"]::before { background-image:var(--wyun); } mahou wt[t*="阴"]::before { background-image:var(--wyin); } mahou wt[t*="雨"]::before { background-image:var(--wyu); } mahou wt[t*="雪"]::before { background-image:var(--wxue); } mahou wt[t*="雷"]::before { background-image:var(--wlei); } mahou wt[t*="雾"]::before { background-image:var(--wwu); } mahou wt[t*="风"]::before { background-image:var(--wfeng); } mahou wt[t*="星"]::before { background-image:var(--wxing); } mahou wt[t*="月"]::before { background-image:var(--wyue); } /* ---- 地点 ---- */ mahou loc { flex:1;min-width:0;font-size:12.5px;letter-spacing:.5px;color:#7c639a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:44px;padding-left:28px; background:var(--pin) 9px center/15px no-repeat,linear-gradient(transparent 30%,rgba(200,150,210,.4) 50%,transparent 70%) left center/1px 70% no-repeat; } /* ---- 灵魂宝石（侵蚀度） ---- */ mahou gem { position:relative;flex:0 0 auto;width:29px;height:37px;cursor:help; --gc:color-mix(in oklab,#ff8ccf,#2c0b45 calc(var(--v,0)*1%)); --lc:color-mix(in oklab,#c95fe0,#150523 calc(var(--v,0)*1%)); filter:drop-shadow(0 0 6px var(--gc)) drop-shadow(0 1px 2px rgba(120,60,140,.4)); animation:gpulse calc(3s - var(--v,0)*.02s) ease-in-out infinite; } mahou gem::before { content:"";position:absolute;inset:0;clip-path:var(--gcp); background:radial-gradient(ellipse at 32% 22%,rgba(255,255,255,.95),transparent 42%),linear-gradient(155deg,#fff6fb,#ffd4ec 34%,#ffa9da 62%,#e9b6ff); box-shadow:inset 0 0 8px rgba(255,255,255,.7); } mahou gem p { position:absolute;inset:0;margin:0;clip-path:var(--gcp); background:var(--wave) 0 calc((100 - var(--v,0))*1%)/28px 10px repeat-x,linear-gradient(to top,var(--lc) calc(var(--v,0)*1%),transparent calc(var(--v,0)*1%)); animation:wob 3.6s linear infinite; } mahou gem p::after { content:"";position:absolute;inset:0;clip-path:var(--gcp); background:var(--facet) 0 0/100% 100% no-repeat,linear-gradient(115deg,transparent 35%,rgba(255,255,255,.85) 46%,transparent 57%) -34px 0/60px 100% no-repeat; animation:gleam 4.8s ease-in-out infinite; } mahou gem::after { content:"侵蚀度 " attr(v) "%";position:absolute;top:calc(100% + 10px);right:-8px;z-index:60;padding:5px 12px;white-space:nowrap; font-size:11px;letter-spacing:2px;color:#ffe6f4;border-radius:10px 3px 10px 3px; background:linear-gradient(135deg,#b06be0,#552087 60%,#38104f); box-shadow:0 4px 12px rgba(90,40,130,.4),inset 0 1px 0 rgba(255,255,255,.35); opacity:0;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease;pointer-events:none; } mahou gem:hover::after { opacity:1;transform:none; } /* ---- 设置按钮（齿轮） ---- */ mahou bar>label { flex:0 0 auto;width:31px;height:31px;border-radius:50%;cursor:pointer; background:var(--gear) center/22px no-repeat,radial-gradient(circle at 35% 30%,#fff,#f3e3ff 70%); box-shadow:0 2px 6px rgba(160,100,190,.3),inset 0 1px 0 #fff; transition:transform .5s cubic-bezier(.3,1.4,.4,1),box-shadow .3s ease; } mahou bar>label:hover { transform:rotate(120deg);box-shadow:0 2px 12px rgba(200,120,220,.55),inset 0 1px 0 #fff; } /* ============================================================ 舞台 —— 星光信笺（正文，纯净底色不扰阅读） ============================================================ */ mahou stage{ position:relative; height:clamp(380px,56vh,820px); border-radius:16px; overflow:hidden; background:linear-gradient( rgba(255,255,255,.72), rgba(255,252,255,.66) ); box-shadow: inset 0 0 0 1px rgba(255,185,222,.55), inset 0 0 26px rgba(255,205,235,.28), 0 4px 14px rgba(170,120,200,.12); } mahou story { position:absolute;inset:0;z-index:1;contain:layout paint style; } mahou story>label { display:block;height:100%;cursor:auto; } mahou txt,mahou article { height:100%;overflow-y:auto;padding:20px 26px 22px;font-size:14.5px;line-height:1.95;color:#4d3b63;text-shadow:0 1px 0 rgba(255,255,255,.6);scrollbar-width:thin;scrollbar-color:#f3a8d4 transparent; } mahou txt::-webkit-scrollbar,mahou article::-webkit-scrollbar{ width:6px; } mahou txt::-webkit-scrollbar-thumb,mahou article::-webkit-scrollbar-thumb { border-radius:3px;background:linear-gradient(#ff9ed2,#8fb8ff); } mahou txt::-webkit-scrollbar-track,mahou article::-webkit-scrollbar-track{ background:transparent; } mahou txt p ,mahou article p{ margin:0 0 1.05em; } mahou txt p:first-child::first-letter mahou article p:first-child::first-letter{ font-size:2.15em;line-height:1;float:left;margin:2px 8px 0 0;font-weight:700;color:transparent;background:linear-gradient(150deg,#ff6fb5,#7d9dff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8)); } mahou txt p:last-child::after,mahou article p:last-child::after{ content:"";display:block;width:130px;height:9px;margin:16px auto 0;background:var(--lace) center/48px 9px repeat-x;opacity:.7; } /* ============================================================ 五大召唤面板 —— 共通骨架 ============================================================ */ mahou view { position:absolute;inset:0;z-index:6;padding:56px 16px 14px;opacity:0;visibility:hidden;pointer-events:none;content-visibility:hidden;contain:layout paint style;contain-intrinsic-size:408px 760px; background:radial-gradient(circle at 50% -8%,var(--va,rgba(255,180,220,.5)),transparent 55%),var(--mc) center 60%/260px no-repeat,linear-gradient(rgba(255,253,255,.97),rgba(255,246,252,.98)); transition:opacity .45s ease,transform .62s cubic-bezier(.22,.8,.26,1),clip-path .62s cubic-bezier(.22,.8,.26,1),filter .5s ease,visibility 0s .62s,content-visibility 0s .62s; } mahou view::before { position:absolute;top:11px;left:50%;transform:translateX(-50%);padding:6px 34px;z-index:2; clip-path:var(--rcp);font-size:13.5px;font-weight:700;letter-spacing:6px;text-indent:6px;color:#fff; background:linear-gradient(120deg,var(--vb1,#ff8fc6),var(--vb2,#d4489c)); text-shadow:0 1px 2px rgba(120,30,90,.4);box-shadow:0 3px 8px rgba(190,90,160,.35); } mahou view[t="主角"] { --va:rgba(255,160,210,.5);--vb1:#ff8fc6;--vb2:#d4489c;transform:perspective(1100px) rotateY(-86deg);transform-origin:0 50%; } mahou view[t="主角"]::before { content:"主角信息"; } mahou view[t="羁绊"] { --va:rgba(255,150,170,.45);--vb1:#ff93ac;--vb2:#e0557d;transform:translateX(-110%) rotate(-3.5deg); } mahou view[t="羁绊"]::before { content:"重要角色"; } mahou view[t="交互"] { --va:rgba(140,190,255,.5);--vb1:#8ec5ff;--vb2:#4f7fe0;clip-path:circle(0% at 50% 56%);transform:scale(.94); } mahou view[t="交互"]::before { content:"当前交互"; } mahou view[t="地图"] { /* 变量资产：由分散的同选择器规则安全归并 */ --mln:url("data:image/svg+xml;charset=utf8,"); --mring2:url("data:image/svg+xml;charset=utf8,"); --nyi:url("data:image/svg+xml;charset=utf8,"); --nqiao:url("data:image/svg+xml;charset=utf8,"); --nzhong:url("data:image/svg+xml;charset=utf8,"); --ndian:url("data:image/svg+xml;charset=utf8,"); --nyuan:url("data:image/svg+xml;charset=utf8,"); --nqu:url("data:image/svg+xml;charset=utf8,"); --nlock:url("data:image/svg+xml;charset=utf8,"); --mcbg:url("data:image/svg+xml;charset=utf8,距离侵蚀度特征"); --mcap:url("data:image/svg+xml;charset=utf8,地区名称"); --mshield:url("data:image/svg+xml;charset=utf8,"); --sr0:url("data:image/svg+xml;charset=utf8,"); --sr1:url("data:image/svg+xml;charset=utf8,"); --sr2:url("data:image/svg+xml;charset=utf8,"); --sr3:url("data:image/svg+xml;charset=utf8,"); --sr4:url("data:image/svg+xml;charset=utf8,"); --sr5:url("data:image/svg+xml;charset=utf8,"); --msph:url("data:image/svg+xml;charset=utf8,"); --msfam:url("data:image/svg+xml;charset=utf8,"); --mschat:url("data:image/svg+xml;charset=utf8,"); --msant:url("data:image/svg+xml;charset=utf8,"); --msgh:url("data:image/svg+xml;charset=utf8,"); --mscam:url("data:image/svg+xml;charset=utf8,"); --mwchat:url("data:image/svg+xml;charset=utf8,"); --mwnews:url("data:image/svg+xml;charset=utf8,"); --qkdiao:url("data:image/svg+xml;charset=utf8,"); --qkdi:url("data:image/svg+xml;charset=utf8,"); --qkxun:url("data:image/svg+xml;charset=utf8,"); --qkhu:url("data:image/svg+xml;charset=utf8,"); --qktao:url("data:image/svg+xml;charset=utf8,"); --qkshou:url("data:image/svg+xml;charset=utf8,"); --qrjing:url("data:image/svg+xml;charset=utf8,"); --qrxin:url("data:image/svg+xml;charset=utf8,"); --qrhun:url("data:image/svg+xml;charset=utf8,"); --qrjin:url("data:image/svg+xml;charset=utf8,"); --qryao:url("data:image/svg+xml;charset=utf8,"); --qryue:url("data:image/svg+xml;charset=utf8,"); --qrshu:url("data:image/svg+xml;charset=utf8,"); --qok:url("data:image/svg+xml;charset=utf8,"); --qno:url("data:image/svg+xml;charset=utf8,"); --qst0:url("data:image/svg+xml;charset=utf8,"); --qst1:url("data:image/svg+xml;charset=utf8,"); --qrf:url("data:image/svg+xml;charset=utf8,"); --qwst:url("data:image/svg+xml;charset=utf8,"); --qwdia:url("data:image/svg+xml;charset=utf8,"); --va:rgba(140,225,215,.45); --vb1:#7fd8cc; --vb2:#38a29b; --ncp:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%); transform:perspective(950px) rotateX(-80deg);transform-origin:50% 0; } mahou view[t="地图"]::before { content:"地区与任务"; } mahou view[t="记忆"] { --va:rgba(195,165,255,.5);--vb1:#c0a2f5;--vb2:#7d5ae0;filter:blur(16px) saturate(.35);transform:scale(1.07); } mahou view[t="记忆"]::before { content:"过往记忆"; } [id$="-a"]:checked~stage view[t="主角"],[id$="-b"]:checked~stage view[t="羁绊"],[id$="-c"]:checked~stage view[t="交互"],[id$="-d"]:checked~stage view[t="地图"],[id$="-e"]:checked~stage view[t="记忆"] { opacity:1;visibility:visible;pointer-events:auto;content-visibility:visible;transform:none;filter:none;transition:opacity .45s ease,transform .62s cubic-bezier(.22,.8,.26,1),clip-path .62s cubic-bezier(.22,.8,.26,1),filter .5s ease,visibility 0s 0s,content-visibility 0s 0s; } [id$="-c"]:checked~stage view[t="交互"] { clip-path:circle(140% at 50% 56%); } mahou view>label { position:absolute;top:9px;right:11px;z-index:3;width:34px;height:34px;cursor:pointer;background:var(--close) center/100% no-repeat;filter:drop-shadow(0 2px 4px rgba(200,100,160,.35));transition:transform .4s cubic-bezier(.3,1.5,.4,1); } mahou view>label:hover { transform:rotate(90deg) scale(1.1); } mahou con { height:100%;overflow-y:auto;border-radius:12px;padding:16px;font-size:13px;letter-spacing:1px;color:#9a7fb0;contain:content; border:1.5px dashed rgba(220,150,210,.55);background:rgba(255,255,255,.55); box-shadow:inset 0 0 14px rgba(255,210,238,.35);scrollbar-width:thin;scrollbar-color:#f3a8d4 transparent; } mahou con::-webkit-scrollbar { width:6px; } mahou con::-webkit-scrollbar-thumb { border-radius:3px;background:linear-gradient(#ff9ed2,#8fb8ff); } /* ============================================================ 设置面板 —— 调律之匣 ============================================================ */ mahou smask { position:absolute;inset:0;z-index:31;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s;background:rgba(70,40,100,.24);backdrop-filter:blur(3px); } mahou smask>label { display:block;height:100%;cursor:pointer; } [id$="-set"]:checked~stage smask { opacity:1;visibility:visible;transition:opacity .4s ease,visibility 0s 0s; } mahou setp { position:absolute;top:5.5%;bottom:5.5%;left:11%;right:11%;z-index:32;padding:56px 16px 14px;visibility:hidden;content-visibility:hidden;contain:layout paint style;contain-intrinsic-size:390px 680px;transform:translateX(135%) rotate(2deg); border-radius:18px 5px 18px 5px; background:var(--gearbig) right -22px bottom -22px/110px no-repeat,var(--gearbig) left -30px top 34px/80px no-repeat,linear-gradient(150deg,#fffafd,#f6edff 60%,#ecf2ff); border:1px solid rgba(230,170,225,.7); box-shadow:0 16px 40px rgba(110,60,150,.35),inset 0 1px 0 #fff,inset 0 0 0 5px rgba(255,220,242,.4); transition:transform .55s cubic-bezier(.2,.85,.25,1),visibility 0s .55s,content-visibility 0s .55s; } [id$="-set"]:checked~stage setp { visibility:visible;content-visibility:visible;transform:none;transition:transform .55s cubic-bezier(.2,.85,.25,1),visibility 0s 0s,content-visibility 0s 0s; } mahou setp::before { content:"调律 · 设定";position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:6px 30px;clip-path:var(--rcp); font-size:13px;font-weight:700;letter-spacing:5px;text-indent:5px;color:#fff; background:linear-gradient(120deg,#c08ae8,#7a4fc9);box-shadow:0 3px 8px rgba(140,80,190,.4); } mahou setp>label { position:absolute;top:9px;right:11px;width:34px;height:34px;cursor:pointer;background:var(--close) center/100% no-repeat;transition:transform .4s cubic-bezier(.3,1.5,.4,1); } mahou setp>label:hover { transform:rotate(90deg) scale(1.1); } /* ============================================================ 底部缎带挂坠架 —— 五枚魔法印章挂坠 ============================================================ */ mahou dock { position:relative;z-index:25;display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,3.6vw,26px);padding:0 8px 5px;margin-top:0; } mahou dock::before { content:"";position:absolute;left:3%;right:3%;top:13px;height:17px;z-index:-1; clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%); background:linear-gradient(100deg,#ffd7ec,#ffc3e2 30%,#cfe0ff 72%,#dcd2ff); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 3px rgba(190,110,180,.28); } mahou dock::after { content:"";position:absolute;left:calc(3% + 22px);right:calc(3% + 22px);top:20.5px;height:2px;z-index:-1;border-radius:2px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0 7px,transparent 7px 13px); } mahou dock label { position:relative;width:60px;height:79px;cursor:pointer; background:var(--strap) top 8px center/22px 18px no-repeat; filter:drop-shadow(0 5px 8px rgba(150,80,170,.3)); transition:transform .35s cubic-bezier(.3,1.4,.4,1),filter .35s ease; } mahou dock label::before { content:"";position:absolute;left:50%;bottom:0;width:60px;height:60px;margin-left:-30px;border-radius:50%;transform-origin:50% -13px; background:var(--ico) center/34px no-repeat,var(--ring) center/100% no-repeat,radial-gradient(circle at 30% 22%,rgba(255,255,255,.6),transparent 44%),linear-gradient(160deg,var(--dc1),var(--dc2)); box-shadow:inset 0 2px 5px rgba(255,255,255,.55),inset 0 -7px 12px rgba(60,20,95,.3),0 1px 0 rgba(255,255,255,.5); transition:filter .35s ease; } mahou dock label::after { content:attr(n);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,6px);z-index:50; padding:5px 16px;white-space:nowrap;clip-path:var(--rcp);font-size:11.5px;letter-spacing:3px;text-indent:3px;color:#fff; background:linear-gradient(120deg,var(--dc1),var(--dc2));box-shadow:0 4px 10px rgba(150,70,160,.35); opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none; } mahou dock label:hover,mahou dock label:active { transform:translateY(-4px);filter:drop-shadow(0 9px 13px rgba(150,80,170,.42)); } mahou dock label:hover::before,mahou dock label:active::before { filter:drop-shadow(0 0 9px var(--dc1)) brightness(1.1) saturate(1.08);animation:chime 1.5s ease-in-out infinite; } mahou dock label:hover::after,mahou dock label:active::after { opacity:1;transform:translate(-50%,0); } mahou dock label[for$="-a"] { --ico:var(--ia);--dc1:#ff9dd2;--dc2:#d6489c; } mahou dock label[for$="-b"] { --ico:var(--ib);--dc1:#ff9cb4;--dc2:#e0557d; } mahou dock label[for$="-c"] { --ico:var(--ic);--dc1:#93c7ff;--dc2:#4f7fe0; } mahou dock label[for$="-d"] { --ico:var(--idd);--dc1:#84dcd0;--dc2:#38a29b; } mahou dock label[for$="-e"] { --ico:var(--ie);--dc1:#c4a6f8;--dc2:#7d5ae0; } [id$="-a"]:checked~dock label[for$="-a"],[id$="-b"]:checked~dock label[for$="-b"],[id$="-c"]:checked~dock label[for$="-c"],[id$="-d"]:checked~dock label[for$="-d"],[id$="-e"]:checked~dock label[for$="-e"] { transform:translateY(-5px); } [id$="-a"]:checked~dock label[for$="-a"]::before,[id$="-b"]:checked~dock label[for$="-b"]::before,[id$="-c"]:checked~dock label[for$="-c"]::before,[id$="-d"]:checked~dock label[for$="-d"]::before,[id$="-e"]:checked~dock label[for$="-e"]::before { filter:drop-shadow(0 0 12px var(--dc1)) drop-shadow(0 0 4px var(--dc2)) brightness(1.14); } @keyframes chime { 0%,100%{transform:rotate(0deg);}30%{transform:rotate(5deg);}70%{transform:rotate(-4deg);} } /* ============================================================ 使魔之珠与抉择魔法阵 ============================================================ */ mahou orb { position:absolute;right:-4px;top:230px;z-index:30;transition:transform .45s cubic-bezier(.3,1.2,.4,1),opacity .35s ease; } mahou orb label { position:relative;display:block;width:48px;height:48px;border-radius:50%;cursor:pointer; background:radial-gradient(circle at 32% 26%,#fff,#ffdcf0 34%,#bad4ff 72%,#8fb0f2); box-shadow:0 6px 16px rgba(120,90,200,.4),inset 0 2px 6px rgba(255,255,255,.95),inset 0 -4px 8px rgba(120,90,220,.3); transition:transform .35s cubic-bezier(.3,1.4,.4,1),box-shadow .3s ease; } mahou orb label:hover { transform:scale(1.1);box-shadow:0 6px 22px rgba(160,100,230,.55),inset 0 2px 6px rgba(255,255,255,.95); } mahou orb label::before { content:"";position:absolute;inset:7px;background:var(--orbstar) center/contain no-repeat;transition:transform .4s ease; } mahou orb label::after { content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed rgba(255,150,210,.75);animation:spin 15s linear infinite;transition:opacity .3s ease; } [id$="-orb"]:checked~orb label::before { background:var(--xx) center/70% no-repeat;transform:rotate(90deg); } mahou omask { position:absolute;inset:0;z-index:40;opacity:0;visibility:hidden;border-radius:22px;transition:opacity .35s ease,visibility 0s .35s; background:rgba(56,30,86,.3);backdrop-filter:blur(4px) saturate(1.15); } mahou omask>label { display:block;height:100%;cursor:pointer; } [id$="-orb"]:checked~omask { opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s 0s; } /* ---- 行动推荐 · 卡匣 ---- */ mahou tit { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:2px 0 13px; font-size:17px;font-weight:800;letter-spacing:7px;text-indent:7px;color:#a8446f;text-shadow:0 1px 0 #fff; } mahou tit::before,mahou tit::after { content:"";width:56px;height:10px;background:var(--hdo) center/contain no-repeat; } mahou tit::before { transform:scaleX(-1); } mahou tit i { flex:1 0 100%;order:3;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:3px; font-style:normal;font-weight:500;font-size:10.5px;letter-spacing:4px;text-indent:4px;color:#b98a9e; } mahou tit i::before,mahou tit i::after { content:"";width:9px;height:9px;background:var(--dia) center/contain no-repeat;opacity:.85; } mahou omenu{ position:absolute; left:50%; top:49%; z-index:41; width:min(520px,88%); max-height:78vh; overflow-y:auto; overflow-x:hidden; transform:translate(-50%,-50%); display:none; padding:16px 15px 13px; border-radius:20px; background:var(--sf) 0 0/140px repeat,linear-gradient(160deg,#fdf1f8,#f2e9fb 55%,#e9edfc); border:1px solid rgba(212,168,120,.6); box-shadow:0 24px 60px rgba(70,35,110,.45),inset 0 1px 0 #fff,inset 0 0 30px rgba(255,212,240,.4); scrollbar-width:thin; scrollbar-color:#d88bb8 rgba(255,255,255,.18); scroll-behavior:smooth; } [id$="-orb"]:checked~omenu { display:block;animation:summon .5s cubic-bezier(.2,.9,.3,1.15) both; } [id$="-orb"]:checked~stage story, [id$="-orb"]:checked~stage view, [id$="-orb"]:checked~stage setp, [id$="-orb"]:checked~dock { display:none; } [id$="-set"]:checked~stage story, [id$="-set"]:checked~stage view { display:none; } mahou omenu::before { content:"";position:absolute;inset:-56px -44px;z-index:-1;background:var(--mc) center/contain no-repeat;opacity:.9;pointer-events:none; } mahou omenu::after { content:"";position:absolute;inset:6px;border:1px solid rgba(206,158,108,.5);border-radius:15px;pointer-events:none; background:var(--dia) left 5px top 5px/9px no-repeat,var(--dia) right 5px top 5px/9px no-repeat,var(--dia) left 5px bottom 5px/9px no-repeat,var(--dia) right 5px bottom 5px/9px no-repeat; } /* ---- 行动缎带（k 属性定类型；medallion=徽章 divider=类型立轴 watermark=底纹） ---- */ mahou opt { --dvx:76px;--dvl:color-mix(in srgb,var(--mtx) 40%,transparent); position:relative;display:flex;align-items:center;min-height:60px;margin:11px 0 11px 4px;contain:layout paint style; padding:10px 34px 10px 92px;border-radius:12px 24px 24px 12px;cursor:pointer; font-size:14px;line-height:1.68;letter-spacing:.4px;color:var(--mtx);text-shadow:0 1px 0 rgba(255,255,255,.7); border:1px solid rgba(210,166,116,.5); background: var(--dia) right var(--diax,13px) center/14px no-repeat, var(--wm) right var(--wmx,42px) center/var(--wms,72px) no-repeat, linear-gradient(transparent,var(--dvl) 30%,var(--dvl) 70%,transparent) calc(var(--dvx) - 9px) 50%/1px 64% no-repeat, linear-gradient(transparent,var(--dvl) 30%,var(--dvl) 70%,transparent) calc(var(--dvx) + 9px) 50%/1px 64% no-repeat, linear-gradient(112deg,rgba(255,255,255,.95),var(--mb1) 40%,var(--mb2)); box-shadow:0 4px 12px rgba(120,70,170,.22),inset 0 1px 0 #fff; opacity:0;animation:rise .45s ease both; transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease,border-color .3s ease; } mahou opt::before { content:"";position:absolute;left:2px;top:50%;width:62px;height:62px;transform:translateY(-50%); background:var(--med) center/contain no-repeat;filter:drop-shadow(0 3px 5px rgba(120,50,130,.35)); transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou opt::after { content:attr(k);position:absolute;left:var(--dvx);top:50%;transform:translate(-50%,-50%); writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:3px;color:var(--mtx);opacity:.8;text-shadow:0 1px 0 #fff; } mahou opt:hover { transform:translateY(-2px) scale(1.015);border-color:var(--mb3); box-shadow:0 8px 20px rgba(120,70,170,.3),0 0 12px var(--mb3),inset 0 1px 0 #fff; } mahou opt:hover::before { transform:translateY(-50%) rotate(-9deg) scale(1.08); } mahou opt[k="色情"] { --med:var(--md1);--wm:var(--wm1);--mb1:#ffe4f0;--mb2:#ffcfe3;--mb3:rgba(255,130,185,.55);--mtx:#b23a74; } mahou opt[k="堕落"] { --med:var(--md2);--wm:var(--wm2);--mb1:#f2e2fb;--mb2:#e5c9f6;--mb3:rgba(170,100,220,.5);--mtx:#7b3ba8; } mahou opt[k="战斗"] { --med:var(--md3);--wm:var(--wm3);--mb1:#e2eaff;--mb2:#cedcfa;--mb3:rgba(110,140,240,.5);--mtx:#4256b8; } mahou opt[k="契约"] { --med:var(--md4);--wm:var(--wm4);--mb1:#fff2d8;--mb2:#fae2b6;--mb3:rgba(230,170,80,.55);--mtx:#a06a1e; } mahou opt[k="交涉"] { --med:var(--md5);--wm:var(--wm5);--mb1:#efe3fb;--mb2:#ddc9f2;--mb3:rgba(150,105,215,.5);--mtx:#663a9e; } mahou opt:not([k="色情"]):not([k="堕落"]):not([k="战斗"]):not([k="契约"]):not([k="交涉"]){ --med:var(--md0); --wm:var(--wm0); --mb1:#eee8ff; --mb2:#dcdff9; --mb3:rgba(137,128,224,.52); --mtx:#67599f; } mahou opt:nth-of-type(1) { animation-delay:.08s; } mahou opt:nth-of-type(2) { animation-delay:.16s; } mahou opt:nth-of-type(3) { animation-delay:.24s; } mahou opt:nth-of-type(4) { animation-delay:.32s; } mahou opt:nth-of-type(5) { animation-delay:.4s; } /* ============================================================ 关键帧 ============================================================ */ @keyframes gpulse { 0%,100%{transform:scale(1);}50%{transform:scale(1.06);} } @keyframes wob { to{background-position-x:28px,0;} } @keyframes gleam { 0%,55%{background-position-x:0,-60px;}100%{background-position-x:0,44px;} } @keyframes spin { to{transform:rotate(360deg);} } @keyframes summon { 0%{transform:translate(-50%,-46%) scale(.72);opacity:0;}100%{transform:translate(-50%,-50%) scale(1);opacity:1;} } @keyframes rise { 0%{opacity:0;transform:translateY(16px);}100%{opacity:1;transform:none;} } /* ============================================================ 移动端重排（顶栏两行：仪表行 + 地点行，地点不再截断） ============================================================ */ @media (max-width:768px) { mahou { padding:9px 9px 8px;border-radius:17px; min-width: auto; } mahou nd::after { left:calc(var(--cx) + 20px);font-size:10.5px;padding:4px 16px;letter-spacing:2px;filter:none; } mahou::before,mahou::after { background-size:46px,46px; } mahou bar { flex-wrap:wrap;height:auto;gap:7px;row-gap:0;padding:7px 10px 7px; } mahou tm { font-size:14.5px; } mahou tm i { font-size:11px; } mahou tm p { width:19px;height:19px; } mahou wt { padding-left:7px; } mahou wt::before { width:21px;height:21px; } mahou wt::after { display:none; } mahou loc { flex:1 1 100%;order:10;line-height:1.7;font-size:11.5px;padding:3px 2px 0 21px; background:var(--pin) 2px 6px/14px no-repeat;border-top:1px dashed rgba(220,160,215,.45);margin-top:5px; } mahou gem { width:26px;height:33px; } mahou gem::after { right:-4px;font-size:10.5px;padding:4px 10px; } mahou bar>label { width:29px;height:29px; } mahou stage { height:352px;contain:layout paint style; } mahou txt { padding:16px 16px 18px;font-size:14px;line-height:1.9; } mahou view { padding:52px 10px 10px;contain-intrinsic-size:380px 720px; } mahou view[t="地图"] { --mimg:url("https://i.ibb.co/N6sLCHF1/61949803-4348-4795-852c-3275cf1fc11c.png"); } mahou view::before { padding:5px 26px;font-size:12.5px;letter-spacing:4px;text-indent:4px; } mahou setp { left:5%;right:5%;top:4.5%;bottom:4.5%;padding:52px 12px 12px;contain-intrinsic-size:370px 680px; } mahou dock { gap:7px;padding:0 4px 4px;margin-top:0; } mahou dock label { width:50px;height:68px;background-size:19px 16px;background-position:top 7px center; } mahou dock label::before { width:50px;height:50px;margin-left:-25px;transform-origin:50% -11px;background-size:29px 29px,100% 100%,auto auto,auto auto; } mahou dock label::after { font-size:11px;padding:4px 12px;letter-spacing:2px; } mahou orb { right:-2px;top:252px; } mahou orb label { width:44px;height:44px; } mahou orb label::before { inset:6px; } [id$="-dk"]:checked~orb { transform:translateX(72%);opacity:.6; } [id$="-dk"]:checked~orb label::after { opacity:0; } mahou omenu { width:93%;padding:13px 9px 9px; } mahou omenu::before { inset:-40px -22px; } mahou tit { font-size:15px;letter-spacing:5px;gap:7px; } mahou tit::before,mahou tit::after { width:42px; } mahou opt { --dvx:62px;--wmx:28px;--wms:58px;--diax:9px;min-height:54px;margin-left:3px;padding:8px 28px 8px 78px;font-size:12px; } mahou opt::before { width:53px;height:53px;left:1px; } } /* ============================================================ 地图面板资产库（全部变量作用域限定在 view[t="地图"] 内） ============================================================ */ mahou view[t="地图"] { --mimg:url("https://i.ibb.co/N6sLCHF1/61949803-4348-4795-852c-3275cf1fc11c.png"); } mahou mscr,mahou zn,mahou wmap,mahou nd,mahou mcom,mahou mbox,mahou msg,mahou news { display:block;box-sizing:border-box; } /* ============================================================ 星图卷轴（面板内滚动容器：档案卡 + 星图 两列，通讯通栏） ============================================================ */ mahou mscr { height:100%;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:186px 1fr;gap:10px;align-items:start;align-content:start;padding:3px 3px 8px;scrollbar-width:thin;scrollbar-color:#f3a8d4 transparent; } mahou mscr::-webkit-scrollbar { width:6px; } mahou mscr::-webkit-scrollbar-thumb { border-radius:3px;background:linear-gradient(#ff9ed2,#8fb8ff); } mahou mscr::-webkit-scrollbar-track { background:transparent; } /* ============================================================ 地区档案 —— 烫印资质卡 ============================================================ */ mahou zn { position:relative;min-height:280px;padding:0 13px 13px;border-radius:16px 5px 16px 5px; border:1px solid rgba(240,170,215,.65); background:var(--mcap) center 16px/126px 17px no-repeat,var(--srow,var(--sr0)) center 90px/112px 16px no-repeat,var(--lace) center 114px/48px 9px repeat-x,radial-gradient(circle at 88% 4%,rgba(255,214,240,.55),transparent 40%),linear-gradient(165deg,#fff7fc,#f7ecfd 55%,#edf2ff); box-shadow:0 5px 14px rgba(170,110,190,.16),inset 0 1px 0 #fff,inset 0 0 0 4px rgba(255,225,244,.5); animation:rise .5s ease both .05s; } mahou zn[lv="0"] { --srow:var(--sr0); } mahou zn[lv="1"] { --srow:var(--sr1); } mahou zn[lv="2"] { --srow:var(--sr2); } mahou zn[lv="3"] { --srow:var(--sr3); } mahou zn[lv="4"] { --srow:var(--sr4); } mahou zn[lv="5"] { --srow:var(--sr5); } mahou zn::before { content:"地区";position:absolute;top:-8px;left:-8px;z-index:2;padding:4.5px 20px 4.5px 14px; clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); font-size:11.5px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 1px 2px rgba(120,30,90,.4); background:linear-gradient(120deg,#ff9dc9,#d6489c);filter:drop-shadow(0 3px 5px rgba(190,80,150,.35)); } mahou zn::after { content:attr(n);position:absolute;top:36px;left:0;right:0;text-align:center;line-height:1; font-size:23px;font-weight:800;letter-spacing:7px;text-indent:7px; background:linear-gradient(150deg,#ff5fae,#8a63e8);-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)); } mahou zn p { margin:0;padding:126px 2px 0;font-size:11.5px;line-height:2;letter-spacing:1px;color:#7a6395;text-align:justify; } mahou zn p::before { content:"治安 · " attr(sec);position:absolute;top:63px;left:50%;transform:translateX(-50%);white-space:nowrap; padding:2.5px 12px 2.5px 27px;border-radius:10px;font-size:11.5px;font-weight:700;letter-spacing:2px;color:#5f6fb0; background:var(--mshield) 6px center/15px no-repeat,linear-gradient(120deg,rgba(226,234,255,.95),rgba(240,231,253,.95)); box-shadow:inset 0 0 0 1px rgba(150,160,230,.35),0 1px 3px rgba(140,130,210,.18); } mahou zn p::after { content:"";display:block;height:9px;margin-top:10px;background:var(--lace) center/48px 9px repeat-x;opacity:.55; } /* ============================================================ 侦察星图 —— 水彩结界圈 + 星尘丝线 + 印章光点 ============================================================ */ mahou wmap { position:relative;aspect-ratio:400/300;border-radius:16px; background:var(--mln) center/100% 100% no-repeat,var(--mimg) center/100% 100% no-repeat,radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.6),rgba(233,225,250,.4) 72%); box-shadow:0 6px 18px rgba(150,110,200,.18),inset 0 0 0 1px rgba(255,255,255,.75),inset 0 0 30px rgba(255,225,246,.35); animation:rise .5s ease both .12s; } mahou wmap::after { content:"";position:absolute;inset:0;z-index:1;border-radius:16px;pointer-events:none; background:var(--sf) 0 0/130px repeat;opacity:.45;animation:mdrift 70s linear infinite; } /* ---- 印章光点（i=固定点位，t=图标，st=状态） ---- */ mahou nd { position:absolute;z-index:5;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;cursor:pointer; --n1:#ff9dd2;--n2:#d6489c; background:var(--nico,var(--nzhong)) center 43%/22px 22px no-repeat,var(--mring2) center/100% 100% no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.72),transparent 46%),linear-gradient(160deg,var(--n1),var(--n2)); box-shadow:0 4px 10px rgba(160,70,150,.35),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 9px rgba(90,20,90,.25); transition:box-shadow .3s ease,filter .3s ease; animation:ndpop .5s cubic-bezier(.25,1.2,.4,1) both; } mahou nd[t="驿"] { --nico:var(--nyi); } mahou nd[t="桥"] { --nico:var(--nqiao); } mahou nd[t="钟"] { --nico:var(--nzhong); } mahou nd[t="店"] { --nico:var(--ndian); } mahou nd[t="园"] { --nico:var(--nyuan); } mahou nd[t="渠"] { --nico:var(--nqu); } mahou nd:hover { z-index:70;filter:brightness(1.08) saturate(1.08); box-shadow:0 7px 16px rgba(160,70,150,.45),0 0 16px var(--n1),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 9px rgba(90,20,90,.2); } /* ---- 常驻名牌（印章下的小缎带） ---- */ mahou nd::before { content:attr(n);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap; padding:2.5px 13px;clip-path:var(--ncp);font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-indent:1.5px;color:#fff; text-shadow:0 1px 1px rgba(110,20,80,.4);background:linear-gradient(120deg,var(--n1),var(--n2)); filter:drop-shadow(0 2px 3px rgba(150,60,140,.3)); } /* ---- 点位坐标（与星尘丝线 SVG 严格对位，1-8 固定） ---- */ mahou nd[i="1"] { left:48%;top:14%;--cx:calc(100% + 14px);--cy:-14px;animation-delay:.06s; } mahou nd[i="2"] { left:26%;top:32%;--cx:calc(100% + 14px);--cy:-14px;animation-delay:.14s; } mahou nd[i="3"] { left:50%;top:44%;--cx:calc(100% + 14px);--cy:-40px;animation-delay:.22s; } mahou nd[i="4"] { left:33%;top:68%;--cx:calc(100% + 14px);--cy:-92px;animation-delay:.3s; } mahou nd[i="5"] { left:64%;top:64%;--cx:-190px;--cy:-92px;animation-delay:.38s; } mahou nd[i="6"] { left:74%;top:30%;--cx:-190px;--cy:-14px;animation-delay:.46s; } mahou nd[i="7"] { left:16%;top:56%;--cx:calc(100% + 14px);--cy:-40px;animation-delay:.54s; } mahou nd[i="8"] { left:84%;top:56%;--cx:-190px;--cy:-40px;animation-delay:.62s; } /* ---- 状态：今=现在地(金) 异=异变(青) 锁=封锁(灰) ---- */ mahou nd[st="今"] { --n1:#ffc76e;--n2:#e8912e; animation:ndpop .5s cubic-bezier(.25,1.2,.4,1) both,npulse 2.4s ease-in-out 1s infinite; } mahou nd[st="异"] { --n1:#7fe0d4;--n2:#2f9d95; animation:ndpop .5s cubic-bezier(.25,1.2,.4,1) both,npulse2 2s ease-in-out .8s infinite; } mahou nd[st="锁"] { --n1:#cfc7da;--n2:#93879f;cursor:not-allowed; background:var(--nlock) center 43%/20px 20px no-repeat,var(--mring2) center/100% 100% no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.6),transparent 46%),linear-gradient(160deg,var(--n1),var(--n2)); filter:saturate(.6); } mahou nd[st="锁"]::before { opacity:.88; } mahou nd[st="锁"]:hover { filter:saturate(.75) brightness(1.05); } /* ---- 观测挂签（hover 弹出，标签文字烧录在 SVG 底图中） ---- */ mahou nd p { position:absolute;left:var(--cx);top:var(--cy);z-index:80;width:176px;height:150px;margin:0;overflow:hidden;pointer-events:none; padding:107px 12px 8px 58px;border-radius:13px; font-size:10.5px;line-height:1.6;letter-spacing:.5px;color:#5d4a78;text-align:left;text-shadow:0 1px 0 rgba(255,255,255,.7); background:var(--mcbg) center/100% 100% no-repeat; box-shadow:0 10px 26px rgba(120,60,150,.3); opacity:0;visibility:hidden;transform:translateY(8px) scale(.92);transform-origin:30% 60%; transition:opacity .28s ease,transform .38s cubic-bezier(.25,1.2,.4,1),visibility 0s .38s; } mahou nd:hover p,mahou nd:active p { opacity:1;visibility:visible;transform:none; transition:opacity .28s ease,transform .38s cubic-bezier(.25,1.2,.4,1),visibility 0s 0s; } mahou nd p::before { content:attr(d);position:absolute;left:60px;top:36px;line-height:1; font-size:13.5px;font-weight:800;letter-spacing:1px;color:#8a5aa8;font-variant-numeric:tabular-nums; } mahou nd p::after { content:attr(e) "%";position:absolute;left:58px;top:68px;line-height:1; font-size:25px;font-weight:800;font-variant-numeric:tabular-nums; background:linear-gradient(150deg,#ff6fb5,#8a63e8);-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 rgba(255,255,255,.7)); } /* ---- 挂签题签（地点名缎带，压在挂签上缘，随挂签一同显现） ---- */ mahou nd::after { content:attr(n);position:absolute;left:calc(var(--cx) + 24px);top:calc(var(--cy) - 10px);z-index:81;white-space:nowrap;pointer-events:none; padding:4.5px 22px;clip-path:var(--rcp);font-size:11.5px;font-weight:700;letter-spacing:3px;text-indent:3px;color:#fff; text-shadow:0 1px 2px rgba(110,20,80,.4);background:linear-gradient(120deg,var(--n1),var(--n2)); filter:drop-shadow(0 3px 6px rgba(150,60,140,.35)); opacity:0;visibility:hidden;transform:translateY(9px) scale(.9);transform-origin:30% 100%; transition:opacity .28s ease .04s,transform .38s cubic-bezier(.25,1.2,.4,1) .04s,visibility 0s .42s; } mahou nd:hover::after,mahou nd:active::after { opacity:1;visibility:visible;transform:none; transition:opacity .28s ease .04s,transform .38s cubic-bezier(.25,1.2,.4,1) .04s,visibility 0s 0s; } /* ============================================================ 星屑通讯局 —— 通栏两列信匣（通讯 / 新闻） ============================================================ */ mahou mcom { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start; animation:rise .5s ease both .2s; } mahou mbox { position:relative;padding:30px 9px 9px;border-radius:14px 4px 14px 4px; border:1px solid rgba(230,175,220,.6); background:linear-gradient(160deg,#fffafd,#f8effd 55%,#eff3ff); box-shadow:0 4px 12px rgba(160,110,190,.14),inset 0 1px 0 #fff,inset 0 0 0 4px rgba(255,228,246,.45); } /* ---- 匣首缎带（左肩斜盖，v 属性定题与配色） ---- */ mahou mbox::before { content:attr(v);position:absolute;top:-7px;left:-7px;z-index:2;padding:4.5px 18px 4.5px 32px; clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); font-size:11.5px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 1px 2px rgba(100,40,90,.4); background:var(--bx) 10px center/15px no-repeat,linear-gradient(120deg,var(--b1),var(--b2)); filter:drop-shadow(0 3px 5px rgba(160,80,150,.32)); } mahou mbox::after { content:"";position:absolute;top:23px;left:10px;right:10px;height:1px;pointer-events:none; background:linear-gradient(90deg,transparent,rgba(210,160,215,.55) 20%,rgba(210,160,215,.55) 80%,transparent); } mahou mbox[v="通讯"] { --b1:#93c7ff;--b2:#4f7fe0;--bx:var(--mwchat); } mahou mbox[v="新闻"] { --b1:#ff9dc9;--b2:#d6489c;--bx:var(--mwnews); } /* ============================================================ 通讯 —— 封缄信笺（hover 拆封下展） ============================================================ */ mahou msg { position:relative;margin:7px 0 0;border-radius:10px;overflow:hidden;cursor:pointer; border:1px solid rgba(190,205,245,.7); background:linear-gradient(150deg,#fdfeff,#f2f6ff); box-shadow:0 2px 6px rgba(120,140,220,.12),inset 0 1px 0 #fff; transition:box-shadow .3s ease,border-color .3s ease; } mahou msg:first-of-type { margin-top:2px; } mahou msg:hover { border-color:rgba(140,170,245,.85); box-shadow:0 4px 12px rgba(110,140,230,.22),0 0 10px rgba(150,185,255,.35),inset 0 1px 0 #fff; } /* 信头：来源图标 + 来源 + 时间（单伪元素串接双 attr） */ mahou msg::before { content:"";position:absolute;top:8px;left:9px;width:19px;height:19px; background:var(--mx,var(--msph)) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(120,90,180,.25)); transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou msg:hover::before { transform:rotate(-8deg) scale(1.12); } mahou msg[s*="终端"] { --mx:var(--msph); } mahou msg[s*="使魔"] { --mx:var(--msfam); } mahou msg[s*="广播"] { --mx:var(--msant); } mahou msg[s*="同伴"],mahou msg[s*="短讯"] { --mx:var(--mschat); } mahou msg::after { content:attr(s) "　" attr(tm);display:block;padding:9px 26px 8px 34px; font-size:11px;font-weight:700;letter-spacing:1.5px;color:#5f6fb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:linear-gradient(90deg,transparent,rgba(160,185,245,.16) 40%,transparent); } /* 蜡封角标（未拆时是合拢信封，hover 旋出星光） */ mahou msg p::after { content:"";position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%; background:var(--dia) center/9px no-repeat,radial-gradient(circle at 34% 28%,#fff,#dbe6ff 68%); box-shadow:0 1px 3px rgba(120,140,220,.3),inset 0 1px 0 #fff; transition:transform .45s cubic-bezier(.3,1.4,.4,1),background-color .3s ease; } mahou msg:hover p::after { transform:rotate(180deg) scale(1.1); } /* 信body：默认收拢为 0 高，hover 徐徐拆封下展 */ mahou msg p { position:static;margin:0;max-height:0;overflow:hidden; padding:0 12px 0 34px;font-size:11.5px;line-height:1.85;letter-spacing:.6px;color:#66558a;text-align:justify; opacity:0;transform:translateY(-4px); transition:max-height .5s cubic-bezier(.25,.9,.3,1),opacity .35s ease,transform .4s ease,padding .4s ease; } mahou msg:hover p,mahou msg:active p { max-height:150px;opacity:1;transform:none;padding:1px 12px 10px 34px; transition:max-height .55s cubic-bezier(.25,.9,.3,1),opacity .4s ease .1s,transform .45s ease .08s,padding .4s ease; } /* 信body上缘虚线裁切线（拆封感） */ mahou msg p::before { content:"";display:block;height:1px;margin:0 0 7px -25px; background:repeating-linear-gradient(90deg,rgba(150,170,235,.55) 0 5px,transparent 5px 10px); } /* ============================================================ 新闻 —— 封缄剪报（k=要闻/怪谈/花边，封印章 + 常显正文） ============================================================ */ mahou news { position:relative;margin:7px 0 0;padding:8px 10px 9px 48px;border-radius:10px; border:1px solid var(--kb,rgba(180,200,245,.7)); background:linear-gradient(105deg,var(--k1,#eef4ff) 0 40px,rgba(255,255,255,.92) 40px),linear-gradient(150deg,#fdfeff,#f4f7ff); box-shadow:0 2px 6px rgba(130,120,210,.12),inset 0 1px 0 #fff; transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease; } mahou news:first-of-type { margin-top:2px; } mahou news:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(130,120,210,.2),0 0 10px var(--kg,rgba(150,185,255,.35)),inset 0 1px 0 #fff; } /* 封缄印（左侧竖条上的圆章：图标 + 类别色） */ mahou news::before { content:"";position:absolute;left:8px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%; background:var(--kx) center/15px no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.55),transparent 46%),linear-gradient(160deg,var(--k2),var(--k3)); box-shadow:0 2px 5px var(--kg,rgba(120,140,220,.3)),inset 0 1px 1px rgba(255,255,255,.55),inset 0 -3px 5px rgba(70,20,80,.22); transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou news:hover::before { transform:rotate(-10deg) scale(1.12); } /* 报头：类别铅字 + 来源 + 时间（单伪元素三 attr 串接） */ mahou news::after { content:attr(k) " ｜ " attr(s) "　" attr(tm);display:block;margin-bottom:2px; font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:var(--kt,#5f6fb0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } mahou news p { margin:0;font-size:11.5px;line-height:1.8;letter-spacing:.5px;color:#63528a;text-align:justify; } /* 类别配色：要闻=电波蓝 怪谈=鬼火紫 花边=暧色红粉 */ mahou news[k="要闻"] { --k1:#e8f1ff;--k2:#8fc0ff;--k3:#4f7fe0;--kb:rgba(140,175,240,.65);--kg:rgba(120,165,255,.4);--kt:#4a68b8;--kx:var(--msant); } mahou news[k="怪谈"] { --k1:#f0e8fc;--k2:#c0a2f5;--k3:#7d5ae0;--kb:rgba(175,145,235,.6);--kg:rgba(165,130,245,.4);--kt:#6d47b5;--kx:var(--msgh); } mahou news[k="花边"] { --k1:#ffe9f3;--k2:#ff9dc9;--k3:#e0557d;--kb:rgba(245,150,190,.65);--kg:rgba(255,140,190,.4);--kt:#c0407a;--kx:var(--mscam); } /* 怪谈/花边的封章图标描色改为白（原 SVG 为彩色描边，套白底章需反白处理） */ mahou news[k="要闻"]::before,mahou news[k="怪谈"]::before,mahou news[k="花边"]::before { filter:brightness(0) invert(1) drop-shadow(0 0 0 transparent); background-blend-mode:normal; } /* 反白滤镜会吃掉章体渐变——改用双层方案：章体交给独立内衬 */ mahou news::before { filter:none; } mahou news[k="要闻"]::before { background:var(--msant) center/15px no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),rgba(232,241,255,.9) 60%); } mahou news[k="怪谈"]::before { background:var(--msgh) center/14px no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),rgba(240,232,252,.9) 60%); } mahou news[k="花边"]::before { background:var(--mscam) center/15px no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),rgba(255,233,243,.9) 60%); } mahou news[k="要闻"]::before,mahou news[k="怪谈"]::before,mahou news[k="花边"]::before { box-shadow:0 2px 5px var(--kg),inset 0 0 0 1.5px var(--k2),inset 0 1px 1px rgba(255,255,255,.9); } /* ============================================================ 关键帧（地图面板专用） ============================================================ */ @keyframes ndpop { 0%{opacity:0;transform:scale(.3);}70%{opacity:1;transform:scale(1.12);}100%{opacity:1;transform:scale(1);} } @keyframes npulse { 0%,100%{box-shadow:0 4px 10px rgba(200,120,40,.35),0 0 0 0 rgba(255,190,100,.55),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 9px rgba(120,60,10,.25);} 55%{box-shadow:0 4px 10px rgba(200,120,40,.35),0 0 0 13px rgba(255,190,100,0),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 9px rgba(120,60,10,.25);} } @keyframes npulse2 { 0%,100%{box-shadow:0 4px 10px rgba(40,140,130,.35),0 0 0 0 rgba(110,225,210,.55),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 9px rgba(10,80,75,.25);} 55%{box-shadow:0 4px 10px rgba(40,140,130,.35),0 0 0 13px rgba(110,225,210,0),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -5px 9px rgba(10,80,75,.25);} } @keyframes mdrift { to{background-position:130px 0;} } /* ============================================================ 夜间主题适配（地图面板在夜色下的观感微调） ============================================================ */ mahou[dt*="夜"] view[t="地图"] { background:radial-gradient(circle at 50% -8%,rgba(140,225,215,.35),transparent 55%),var(--mc) center 60%/260px no-repeat,linear-gradient(rgba(252,250,255,.97),rgba(248,244,254,.98)); } mahou[dt*="夜"] wmap { box-shadow:0 6px 18px rgba(90,70,160,.28),inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 34px rgba(200,190,255,.4); } /* ============================================================ 移动端重排 —— 档案卡与星图纵向堆叠，通讯改单列 ============================================================ */ @media (max-width:768px) { mahou mscr { grid-template-columns:1fr;gap:9px;padding:2px 2px 6px; } mahou zn { position:relative;z-index:6;min-height:0;padding:46px 12px 0;cursor:pointer; background:var(--srow,var(--sr0)) right 12px top 17px/92px 13px no-repeat,linear-gradient(165deg,#fff7fc,#f7ecfd 55%,#edf2ff); } mahou zn::after { top:15px;left:64px;right:114px;bottom:auto;text-align:left;line-height:1.2; font-size:16px;letter-spacing:3px;text-indent:0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } mahou zn p { margin:0;padding:0;max-height:0;overflow:hidden;opacity:0; font-size:11px;line-height:1.9; transition:max-height .45s cubic-bezier(.25,.9,.3,1),opacity .3s ease,padding .35s ease; } mahou zn:hover p,mahou zn:active p { max-height:320px;opacity:1;padding:4px 0 12px; } mahou zn p::before { position:static;display:table;transform:none;margin:0 0 8px;white-space:nowrap; font-size:10.5px;padding:2px 10px 2px 24px;background-size:13px,auto;background-position:5px center,0 0; } mahou zn p::after { margin-top:8px; } mahou wmap { border-radius:13px; } mahou wmap::after { animation:none;opacity:.3; } mahou nd { width:40px;height:40px;margin:-20px 0 0 -20px;background-size:19px 19px,100% 100%,auto,auto; animation:ndpop .5s cubic-bezier(.25,1.2,.4,1) both; transition:none; } mahou nd[st="今"],mahou nd[st="异"] { animation:ndpop .5s cubic-bezier(.25,1.2,.4,1) both; } mahou nd[st="锁"] { background-size:17px 17px,100% 100%,auto,auto; } mahou nd::before { font-size:9px;padding:2px 10px;filter:none; } /* 触屏无 hover：观测挂签改由 :active 唤起（按住查看）， 且统一收窄弹出偏移防溢出裁剪 */ mahou nd[i="1"],mahou nd[i="2"],mahou nd[i="3"],mahou nd[i="7"] { --cx:calc(100% + 8px); } mahou nd[i="4"] { --cx:calc(100% + 8px);--cy:-100px; } mahou nd[i="5"],mahou nd[i="6"],mahou nd[i="8"] { --cx:-182px; } mahou nd p { width:170px;height:145px;padding:104px 10px 8px 56px;background-size:100% 100%; } mahou nd p::after { font-size:23px;left:56px;top:66px; } mahou nd::after { left:calc(var(--cx) + 20px);font-size:10.5px;padding:4px 16px;letter-spacing:2px; } mahou mcom { grid-template-columns:1fr;gap:9px; } mahou mbox { padding:27px 8px 8px; } mahou mbox::before { font-size:11px;padding:4px 15px 4px 29px;letter-spacing:3px;background-size:14px,auto;background-position:9px center,0 0; } /* 触屏信笺：hover 不可靠，:active 已在上方选择器覆盖； 另将信头字号微缩防溢出 */ mahou msg::after { font-size:10.5px;padding:8px 24px 7px 31px; } mahou msg::before { width:17px;height:17px;left:8px; } mahou msg:hover p,mahou msg:active p { max-height:170px; } mahou news { padding:7px 9px 8px 44px; } mahou news::before { width:24px;height:24px;margin-top:-12px;left:7px;background-size:13px,auto; } mahou news::after { font-size:10px; } mahou news p { font-size:11px; } } /* ============================================================ 任务区资产库（继续挂载在地图面板作用域，与既有变量共存） ============================================================ */ mahou qst,mahou qav,mahou qi,mahou ob,mahou ob o,mahou qn,mahou qn d { display:block;box-sizing:border-box; } mahou rw,mahou rw r { box-sizing:border-box; } /* ============================================================ 委托受理台 —— 进行中信匣（沿用信匣骨架，紫章缎带） ============================================================ */ mahou qst { grid-column:1/-1;position:relative;padding:32px 9px 9px;border-radius:14px 4px 14px 4px; border:1px solid rgba(205,175,235,.6); background:linear-gradient(160deg,#fdfaff,#f4eefd 55%,#eef2ff); box-shadow:0 4px 12px rgba(150,110,200,.14),inset 0 1px 0 #fff,inset 0 0 0 4px rgba(240,228,252,.5); animation:rise .5s ease both .26s; } mahou qst::before { content:"进行中";position:absolute;top:-7px;left:-7px;z-index:2;padding:4.5px 18px 4.5px 32px; clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); font-size:11.5px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 1px 2px rgba(80,40,110,.4); background:var(--qwst) 10px center/14px no-repeat,linear-gradient(120deg,#c0a2f5,#7d5ae0); filter:drop-shadow(0 3px 5px rgba(130,90,190,.32)); } /* ---- 受理数徽片（含刷新符印） ---- */ mahou qst::after { content:"进行中任务　" attr(c) " / " attr(m);position:absolute;top:7px;right:10px; padding:3.5px 27px 3.5px 12px;border-radius:999px; font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:#8a5aa8;font-variant-numeric:tabular-nums; background:var(--qrf) right 7px center/14px no-repeat,linear-gradient(120deg,rgba(255,255,255,.92),rgba(246,238,255,.9)); box-shadow:inset 0 0 0 1px rgba(200,165,235,.45),0 1px 3px rgba(150,110,200,.15); } /* ---- 匣首分界虚光 ---- */ mahou qst>qi:first-of-type { margin-top:2px; } /* ============================================================ 委托笺 —— 印章 | 题名 | 目标 | 奖励 四段横列 ============================================================ */ mahou qi { --qp:calc(var(--d,0)/var(--t,1)); position:relative;display:grid;grid-template-columns:56px 168px 1fr 196px;gap:0 12px;align-items:stretch; min-height:78px;margin-top:7px;padding:10px 26px 13px 8px;border-radius:14px; border:1px solid rgba(238,185,222,.6); background: var(--dia) calc(6.5px + (100% - 13px)*var(--qp)) calc(100% - 10px)/11px no-repeat, linear-gradient(90deg,var(--q1),var(--q2)) 12px calc(100% - 6px)/calc((100% - 24px)*var(--qp)) 3px no-repeat, linear-gradient(90deg,rgba(228,208,242,.75),rgba(228,208,242,.75)) 12px calc(100% - 6px)/calc(100% - 24px) 3px no-repeat, linear-gradient(150deg,#fffdff,#fdf7fd 60%,#f9f3fe); box-shadow:0 3px 9px rgba(160,110,190,.12),inset 0 1px 0 #fff; opacity:0;animation:rise .45s ease both; transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease,border-color .3s ease; } mahou qi:nth-of-type(1) { animation-delay:.3s; } mahou qi:nth-of-type(2) { animation-delay:.38s; } mahou qi:nth-of-type(3) { animation-delay:.46s; } mahou qi:nth-of-type(4) { animation-delay:.54s; } mahou qi:hover { transform:translateY(-2px);border-color:var(--q1); box-shadow:0 7px 16px rgba(160,110,190,.2),0 0 12px color-mix(in srgb,var(--q1) 45%,transparent),inset 0 1px 0 #fff; } /* ---- 类型印章徽章（qi 与 qn 共用） ---- */ mahou qi::before,mahou qn::before { content:"";width:46px;height:46px;align-self:center;justify-self:center;border-radius:13px; background:var(--qk,var(--qkdiao)) center/26px no-repeat,radial-gradient(circle at 30% 24%,rgba(255,255,255,.6),transparent 46%),linear-gradient(160deg,var(--q1),var(--q2)); box-shadow:0 3px 8px color-mix(in srgb,var(--q2) 40%,transparent),inset 0 0 0 2px rgba(255,255,255,.5),inset 0 -5px 8px rgba(70,20,90,.22); transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou qi:hover::before,mahou qn:hover::before { transform:rotate(-7deg) scale(1.08); } /* ---- 类型枚举（主题色 + 印章图纹，qi/qn 通用） ---- */ mahou qi[k*="调查"],mahou qn[k*="调查"] { --q1:#ff9dd2;--q2:#d6489c;--qk:var(--qkdiao); } mahou qi[k*="递送"],mahou qn[k*="递送"] { --q1:#7fe0d0;--q2:#2f9d95;--qk:var(--qkdi); } mahou qi[k*="巡逻"],mahou qn[k*="巡逻"] { --q1:#c0a2f5;--q2:#7d5ae0;--qk:var(--qkxun); } mahou qi[k*="寻物"],mahou qn[k*="寻物"] { --q1:#ff9cb4;--q2:#e0557d;--qk:var(--nyuan); } mahou qi[k*="护卫"],mahou qn[k*="护卫"] { --q1:#93c7ff;--q2:#4f7fe0;--qk:var(--qkhu); } mahou qi[k*="讨伐"],mahou qn[k*="讨伐"] { --q1:#ff9a8a;--q2:#e05548;--qk:var(--qktao); } mahou qi[k*="收集"],mahou qn[k*="收集"] { --q1:#ffd07e;--q2:#e8912e;--qk:var(--qkshou); } /* ---- 题名与来源（qi/qn 共用 p） ---- */ mahou qi>p,mahou qn>p { margin:0;align-self:center;min-width:0; font-size:13.5px;font-weight:800;letter-spacing:1px;line-height:1.45;color:var(--q2); text-shadow:0 1px 0 rgba(255,255,255,.8); } mahou qi>p::after,mahou qn>p::after { content:"来源：" attr(s);display:block;margin-top:3px; font-size:10.5px;font-weight:500;letter-spacing:.8px;color:#9a82b5; } /* ---- 「新」委托角标（盖在印章左肩） ---- */ mahou qi[nw] p::before,mahou qn[nw] p::before { content:"新";position:absolute;top:-6px;left:-6px;z-index:3;width:22px;height:22px;border-radius:50% 50% 50% 5px; font-size:10.5px;font-weight:700;line-height:22px;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(150,80,10,.4); background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.55),transparent 46%),linear-gradient(160deg,#ffd07e,#e8912e); box-shadow:0 2px 5px rgba(210,130,40,.4),inset 0 1px 1px rgba(255,255,255,.5); animation:gpulse 2.2s ease-in-out infinite; } /* ---- 重要度星标（imp=金星微闪，缺省空心星） ---- */ mahou qi::after { content:"";position:absolute;top:9px;right:9px;width:17px;height:17px; background:var(--qst0) center/contain no-repeat;opacity:.85; transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou qi[imp]::after { background-image:var(--qst1);opacity:1; filter:drop-shadow(0 0 5px rgba(255,200,90,.7)); } mahou qi:hover::after { transform:scale(1.2) rotate(12deg); } /* ============================================================ 目标列 —— 勾章清单（竖排「目标」题签 + 虚线界） ============================================================ */ mahou ob { position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0; padding:2px 4px 2px 27px;border-left:1px dashed rgba(215,170,220,.55); } mahou ob::before { content:"目标";position:absolute;left:12px;top:50%;transform:translate(-50%,-50%); writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:3px;color:#d6489c;opacity:.8;text-shadow:0 1px 0 #fff; } mahou ob o { position:relative;padding:2.5px 0 2.5px 22px; font-size:11.5px;line-height:1.65;letter-spacing:.4px;color:#66558a;text-align:justify; } mahou ob o::before { content:"";position:absolute;left:0;top:4.5px;width:15px;height:15px; background:var(--qno) center/contain no-repeat; transition:transform .3s cubic-bezier(.3,1.4,.4,1); } mahou ob o[st="完"]::before { background-image:var(--qok); } mahou ob o[st="完"] { color:#9f8fb8; } mahou qi:hover ob o::before { transform:scale(1.1); } mahou ob o[p]::after { content:"（" attr(p) "）";font-size:10.5px;font-weight:700;color:#a06bc9;font-variant-numeric:tabular-nums; } /* ============================================================ 奖励列 —— 釉面小匣（hover 递上名牌） ============================================================ */ mahou rw { position:relative;display:flex;align-items:center;gap:7px;min-width:0; padding-left:27px;border-left:1px dashed rgba(215,170,220,.55); } mahou rw::before { content:"奖励";position:absolute;left:12px;top:50%;transform:translate(-50%,-50%); writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:3px;color:#d6489c;opacity:.8;text-shadow:0 1px 0 #fff; } mahou view[t="地图"] { --qrgift:url("data:image/svg+xml;charset=utf8,"); --qrmat:url("data:image/svg+xml;charset=utf8,"); --qrkey:url("data:image/svg+xml;charset=utf8,"); --qrcharm:url("data:image/svg+xml;charset=utf8,"); --qrweapon:url("data:image/svg+xml;charset=utf8,"); --qrherb:url("data:image/svg+xml;charset=utf8,"); --qrfood:url("data:image/svg+xml;charset=utf8,"); --qrticket:url("data:image/svg+xml;charset=utf8,"); --qrcloth:url("data:image/svg+xml;charset=utf8,"); --qrstar:url("data:image/svg+xml;charset=utf8,"); --qrmoon:url("data:image/svg+xml;charset=utf8,"); } /* ============================================================ 开放式奖励系统 —— 名称驱动图标，未知奖励自动使用魔法礼匣 ============================================================ */ mahou rw r { --ri:var(--qrgift);--rc1:#c8b2f2;--rc2:#8c6bd8;--rg:rgba(160,125,225,.28); position:relative;display:inline-block;flex:0 0 auto;width:44px;height:53px;border-radius:11px;cursor:help; background:var(--ri) center 6px/27px 27px no-repeat,radial-gradient(circle at 30% 18%,rgba(255,255,255,.95),transparent 40%),linear-gradient(160deg,#fffdff,#f7f0fc); border:1px solid color-mix(in srgb,var(--rc1) 44%,#ead8ea); box-shadow:0 2px 5px rgba(160,110,190,.14),inset 0 1px 0 #fff,inset 0 -4px 7px rgba(235,215,245,.55); transition:transform .3s cubic-bezier(.3,1.4,.4,1),box-shadow .3s ease,border-color .3s ease,filter .3s ease; } mahou rw r:hover,mahou rw r:active { z-index:30;transform:translateY(-3px);border-color:var(--rc1);filter:saturate(1.08) brightness(1.04); box-shadow:0 6px 12px rgba(160,110,190,.24),0 0 10px var(--rg),inset 0 1px 0 #fff; } mahou rw r::after { content:"×" attr(x);position:absolute;left:2px;right:2px;bottom:3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--rc2);font-variant-numeric:tabular-nums; } mahou rw r::before { content:attr(n);position:absolute;bottom:calc(100% + 7px);left:50%;z-index:40;transform:translate(-50%,5px);min-width:max-content;max-width:170px; padding:4px 11px;border-radius:9px 3px 9px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:10.5px;letter-spacing:1.5px;color:#ffeef8;text-align:center; background:linear-gradient(135deg,color-mix(in srgb,var(--rc1) 72%,#8b54bd),color-mix(in srgb,var(--rc2) 78%,#321044) 62%,#30103f); box-shadow:0 4px 10px rgba(90,40,130,.4),0 0 8px var(--rg),inset 0 1px 0 rgba(255,255,255,.35); opacity:0;visibility:hidden;pointer-events:none; transition:opacity .25s ease,transform .3s cubic-bezier(.3,1.3,.4,1),visibility 0s .3s; } mahou rw r:hover::before,mahou rw r:active::before { opacity:1;visibility:visible;transform:translate(-50%,0); transition:opacity .25s ease,transform .3s cubic-bezier(.3,1.3,.4,1),visibility 0s 0s; } /* 通用材料：优先级较低，具体物品规则写在其后覆盖 */ mahou rw r[n*="材料"],mahou rw r[n*="素材"],mahou rw r[n*="碎片"],mahou rw r[n*="残片"],mahou rw r[n*="粉尘"],mahou rw r[n*="矿石"],mahou rw r[n*="矿物"] { --ri:var(--qrmat);--rc1:#b9a3f2;--rc2:#7053bd;--rg:rgba(150,115,230,.35); } /* 植物与采集物 */ mahou rw r[n*="花"],mahou rw r[n*="草"],mahou rw r[n*="种子"],mahou rw r[n*="果实"],mahou rw r[n*="树叶"],mahou rw r[n*="药材"],mahou rw r[n*="香料"] { --ri:var(--qrherb);--rc1:#91dbb9;--rc2:#378d70;--rg:rgba(90,205,155,.32); } /* 食物 */ mahou rw r[n*="糖"],mahou rw r[n*="蛋糕"],mahou rw r[n*="饼干"],mahou rw r[n*="甜点"],mahou rw r[n*="食物"],mahou rw r[n*="料理"],mahou rw r[n*="巧克力"],mahou rw r[n*="饮料"] { --ri:var(--qrfood);--rc1:#ffabc9;--rc2:#c54f83;--rg:rgba(255,135,185,.34); } /* 服装与外观 */ mahou rw r[n*="衣"],mahou rw r[n*="裙"],mahou rw r[n*="制服"],mahou rw r[n*="礼服"],mahou rw r[n*="服装"],mahou rw r[n*="披风"],mahou rw r[n*="饰品"] { --ri:var(--qrcloth);--rc1:#c8b0f1;--rc2:#7654c2;--rg:rgba(165,125,230,.34); } /* 票券与凭证 */ mahou rw r[n*="票"],mahou rw r[n*="券"],mahou rw r[n*="通行证"],mahou rw r[n*="凭证"],mahou rw r[n*="邀请函"] { --ri:var(--qrticket);--rc1:#bca8ec;--rc2:#7053bd;--rg:rgba(150,115,225,.34); } /* 武器 */ mahou rw r[n*="剑"],mahou rw r[n*="刀"],mahou rw r[n*="弓"],mahou rw r[n*="枪"],mahou rw r[n*="法杖"],mahou rw r[n*="魔杖"],mahou rw r[n*="武器"],mahou rw r[n*="短刃"] { --ri:var(--qrweapon);--rc1:#9ebcf3;--rc2:#4f70c5;--rg:rgba(110,155,235,.36); } /* 护符、徽章与契约物 */ mahou rw r[n*="护符"],mahou rw r[n*="符咒"],mahou rw r[n*="徽章"],mahou rw r[n*="勋章"],mahou rw r[n*="契约"],mahou rw r[n*="印记"] { --ri:var(--qrcharm);--rc1:#f5a6cb;--rc2:#c44886;--rg:rgba(245,125,180,.36); } /* 钥匙类 */ mahou rw r[n*="钥匙"],mahou rw r[n*="秘钥"],mahou rw r[n*="门钥"] { --ri:var(--qrkey);--rc1:#f1c76e;--rc2:#b67622;--rg:rgba(240,185,75,.38); } /* 书籍、卷轴与档案 */ mahou rw r[n*="书"],mahou rw r[n*="手册"],mahou rw r[n*="卷轴"],mahou rw r[n*="档案"],mahou rw r[n*="笔记"],mahou rw r[n*="秘典"],mahou rw r[n*="图鉴"] { --ri:var(--qrshu);--rc1:#b9a3f2;--rc2:#7053bd;--rg:rgba(150,115,230,.36); } /* 月相物品 */ mahou rw r[n*="月光"],mahou rw r[n*="月华"],mahou rw r[n*="月辉"],mahou rw r[n*="月之"],mahou rw r[n*="月亮"] { --ri:var(--qrmoon);--rc1:#f2cc74;--rc2:#b87b26;--rg:rgba(245,195,85,.38); } /* 星辉、经验与纯魔力 */ mahou rw r[n*="经验"],mahou rw r[n*="星辉"],mahou rw r[n*="星光"],mahou rw r[n*="星屑"],mahou rw r[n*="魔力"],mahou rw r[n*="技能点"],mahou rw r[n*="等级点"] { --ri:var(--qrstar);--rc1:#e5acd9;--rc2:#8061c9;--rg:rgba(225,150,220,.38); } /* 药剂：写在植物规则后，保证“月见草药剂”最终显示药瓶 */ mahou rw r[n*="药"],mahou rw r[n*="药剂"],mahou rw r[n*="灵药"],mahou rw r[n*="圣水"],mahou rw r[n*="净化液"],mahou rw r[n*="回复剂"] { --ri:var(--qryao);--rc1:#91bcf5;--rc2:#4776c8;--rg:rgba(105,165,245,.38); } /* 钱币与货币 */ mahou rw r[n*="币"],mahou rw r[n*="金币"],mahou rw r[n*="银币"],mahou rw r[n*="星币"],mahou rw r[n*="货币"],mahou rw r[n*="金钱"],mahou rw r[n*="报酬金"] { --ri:var(--qrjin);--rc1:#efc45e;--rc2:#b4741e;--rg:rgba(245,185,55,.4); } /* 普通结晶和宝石 */ mahou rw r[n*="结晶"],mahou rw r[n*="晶石"],mahou rw r[n*="水晶"],mahou rw r[n*="宝石"],mahou rw r[n*="晶核"] { --ri:var(--qrjing);--rc1:#f39bc8;--rc2:#c34483;--rg:rgba(245,125,185,.4); } /* 羁绊与好感奖励 */ mahou rw r[n*="羁绊"],mahou rw r[n*="好感"],mahou rw r[n*="心意"],mahou rw r[n*="心之"],mahou rw r[n$="之心"] { --ri:var(--qrxin);--rc1:#f58dbb;--rc2:#ca426f;--rg:rgba(245,105,165,.4); } /* 灵魂类写在普通碎片之后，使“灵魂碎片”显示灵魂结晶 */ mahou rw r[n*="灵魂"],mahou rw r[n*="魂魄"],mahou rw r[n*="魂晶"],mahou rw r[n*="魂之"] { --ri:var(--qrhun);--rc1:#ac96ec;--rc2:#6749bd;--rg:rgba(135,100,225,.42); } /* 特殊复合名：放在最后获得最高层叠优先级 */ mahou rw r[n*="羁绊之心"] { --ri:var(--qrxin);--rc1:#f58dbb;--rc2:#ca426f;--rg:rgba(245,105,165,.4); } mahou rw r[n*="灵魂碎片"] { --ri:var(--qrhun);--rc1:#ac96ec;--rc2:#6749bd;--rg:rgba(135,100,225,.42); } mahou rw r[n*="魔力结晶"] { --ri:var(--qrjing);--rc1:#f39bc8;--rc2:#c34483;--rg:rgba(245,125,185,.4); } mahou rw r[n*="月光珠"],mahou rw r[n*="月华珠"] { --ri:var(--qryue);--rc1:#f2cc74;--rc2:#b87b26;--rg:rgba(245,195,85,.4); } /* ============================================================ 告示匣 —— 可接取委托（烫金缎带 + 流光织带按钮） ============================================================ */ mahou qav { grid-column:1/-1;position:relative;padding:32px 9px 9px;border-radius:14px 4px 14px 4px; border:1px solid rgba(235,195,150,.55); background:linear-gradient(160deg,#fffdf8,#fdf5ea 55%,#f8f1fb); box-shadow:0 4px 12px rgba(190,140,90,.13),inset 0 1px 0 #fff,inset 0 0 0 4px rgba(252,238,218,.55); animation:rise .5s ease both .34s; } mahou qav::before { content:"可接取";position:absolute;top:-7px;left:-7px;z-index:2;padding:4.5px 18px 4.5px 32px; clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); font-size:11.5px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 1px 2px rgba(150,80,10,.4); background:var(--qwdia) 10px center/14px no-repeat,linear-gradient(120deg,#ffd07e,#e8912e); filter:drop-shadow(0 3px 5px rgba(210,140,50,.32)); } mahou qav::after { content:"新委托 · 每日 6:00 刷新";position:absolute;top:10px;right:12px; font-size:10px;letter-spacing:1.5px;color:#c09a5e;opacity:.9; } mahou qn { position:relative;display:grid;grid-template-columns:56px 182px 1fr 106px;gap:0 12px;align-items:center; margin-top:7px;padding:9px 12px 9px 8px;border-radius:13px; border:1px solid rgba(232,200,160,.55); background:linear-gradient(150deg,#fffefb,#fcf7ef 60%,#faf4fc); box-shadow:0 3px 8px rgba(190,140,90,.1),inset 0 1px 0 #fff; opacity:0;animation:rise .45s ease both .58s; transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease,border-color .3s ease; } mahou qn:first-of-type { margin-top:2px; } mahou qn:hover { transform:translateY(-2px);border-color:var(--q1); box-shadow:0 7px 15px rgba(190,140,90,.18),0 0 12px color-mix(in srgb,var(--q1) 40%,transparent),inset 0 1px 0 #fff; } mahou qn d { min-width:0;padding-left:14px;border-left:1px dashed rgba(220,185,150,.55); font-size:11.5px;line-height:1.75;letter-spacing:.5px;color:#8a7060;text-align:justify; } /* ---- 「未接取」流光织带 ---- */ mahou qn::after { content:"未接取";grid-column:4;justify-self:stretch;align-self:center;text-align:center; padding:8px 0;border-radius:999px;cursor:pointer; font-size:12px;font-weight:700;letter-spacing:4px;text-indent:4px;color:#fff;text-shadow:0 1px 2px rgba(90,50,140,.4); background:var(--qwdia) 11px center/9px no-repeat,var(--qwdia) right 11px center/9px no-repeat,linear-gradient(110deg,#cdb4f4,#9878e8 45%,#c3a8f2 90%) 0 0/220% 100%; background-position:11px 50%,calc(100% - 11px) 50%,0 0; box-shadow:0 3px 8px rgba(140,100,210,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(90,55,170,.3); transition:background-position .55s ease,box-shadow .3s ease,transform .3s cubic-bezier(.3,1.4,.4,1); } mahou qn:hover::after { background-position:11px 50%,calc(100% - 11px) 50%,100% 0;transform:scale(1.03); box-shadow:0 5px 14px rgba(140,100,210,.5),0 0 12px rgba(180,140,240,.45),inset 0 1px 0 rgba(255,255,255,.5); } /* ============================================================ 移动端重排 —— 委托笺纵向折叠（印章+题名 / 目标 / 奖励） ============================================================ */ @media (max-width:768px) { mahou qst,mahou qav { padding:29px 8px 8px; } mahou qst::before,mahou qav::before { font-size:11px;padding:4px 15px 4px 29px;letter-spacing:3px;background-size:13px,auto;background-position:9px center,0 0; } mahou qst::after { top:6px;right:8px;font-size:10px;padding:3px 24px 3px 10px;letter-spacing:1px;background-size:13px,auto;background-position:right 6px center,0 0; } mahou qav::after { display:none; } mahou qi { grid-template-columns:46px 1fr;gap:2px 10px;min-height:0;padding:9px 9px 13px 8px; background: var(--dia) calc(6.5px + (100% - 13px)*var(--qp)) calc(100% - 9px)/10px no-repeat, linear-gradient(90deg,var(--q1),var(--q2)) 11px calc(100% - 5px)/calc((100% - 22px)*var(--qp)) 3px no-repeat, linear-gradient(90deg,rgba(228,208,242,.75),rgba(228,208,242,.75)) 11px calc(100% - 5px)/calc(100% - 22px) 3px no-repeat, linear-gradient(150deg,#fffdff,#fdf7fd 60%,#f9f3fe); } mahou qi::before,mahou qn::before { width:40px;height:40px;border-radius:11px;background-size:22px,auto,auto; } mahou qi>p,mahou qn>p { font-size:12.5px;padding-right:22px; } mahou qi>p::after,mahou qn>p::after { font-size:10px; } mahou ob { grid-column:1/-1;border-left:0;border-top:1px dashed rgba(215,170,220,.5);margin-top:7px;padding:8px 2px 0 30px; } mahou ob::before { left:10px;top:calc(50% + 4px); } mahou ob o { font-size:11px; } mahou rw { grid-column:1/-1;border-left:0;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:2px 2px 0 30px;overflow:visible; } mahou rw::before { left:10px; } mahou rw r { width:40px;height:49px;background-size:24px 24px,auto,auto;background-position:center 5px,0 0,0 0; } mahou rw r::after { bottom:2px;font-size:9.5px; } mahou rw r::before { max-width:138px;font-size:10px;letter-spacing:1px;padding:4px 9px; } mahou qi[nw] p::before,mahou qn[nw] p::before { width:20px;height:20px;line-height:20px;font-size:10px; } mahou qi::after { top:8px;right:8px;width:15px;height:15px; } mahou qn { grid-template-columns:46px 1fr;gap:2px 10px;padding:9px 9px 10px 8px; } mahou qn d { grid-column:1/-1;border-left:0;border-top:1px dashed rgba(220,185,150,.5);margin-top:7px;padding:7px 2px 0;font-size:11px; } mahou qn::after { grid-column:1/-1;margin-top:8px;padding:7px 0;font-size:11.5px; } } /* ================================================================== 当前交互 · 魔法少女观测档案 —— 追加资产与样式 ================================================================== */ /* ---- 基础设定栏目图标（粉紫描线） ---- */ /* ---- 动态信息徽章图标（白描线） ---- */ /* ---- 技能图标（全彩魔晶宝珠：SVG 即完整球体，含渐变球身/白描边/内纹章/高光） ---- */ /* ---- 装备图标（全彩白描边实物插画，坐于淡粉方笺之上） ---- */ /* ============================================================ 通用盒模型与面板容器 ============================================================ */ mahou chr,mahou face,mahou who,mahou bas,mahou f,mahou btl,mahou st,mahou hp,mahou mp,mahou core,mahou sp,mahou stat,mahou mood,mahou dyn,mahou d,mahou grs,mahou sks,mahou g,mahou k { display:block;box-sizing:border-box; } mahou view[t="交互"] con { border:none;background:transparent;box-shadow:none;padding:3px 3px 10px;letter-spacing:normal;color:var(--ink); } /* ---- 角色档案卡（性别驱动主题） ---- */ mahou chr { position:relative;display:grid;grid-template-columns:212px minmax(0,1fr);gap:8px 14px;padding:14px 12px 12px;border-radius:18px;contain:layout style;letter-spacing:normal;animation:rise .5s ease both; --a1:#ff9dd2;--a2:#d6489c;--a3:#a8446f;--fr:var(--xfrf);--sil:var(--xslf); border:1px solid rgba(240,175,220,.65); background:radial-gradient(circle at 90% 0,rgba(200,225,255,.5),transparent 42%),radial-gradient(circle at 0 100%,rgba(255,214,238,.55),transparent 45%),linear-gradient(160deg,#fffbfe,#fdf4fb 46%,#f4f2ff); box-shadow:0 6px 18px rgba(170,110,200,.15),inset 0 1px 0 #fff,inset 0 0 0 4px rgba(255,225,244,.45); } mahou chr[sex*="男"] { --a1:#93c7ff;--a2:#4f7fe0;--a3:#3d5aa8;--fr:var(--xfrm);--sil:var(--xslm); border-color:rgba(165,198,248,.7); background:radial-gradient(circle at 90% 0,rgba(255,214,238,.4),transparent 42%),radial-gradient(circle at 0 100%,rgba(190,218,255,.55),transparent 45%),linear-gradient(160deg,#fbfdff,#f3f7ff 46%,#f4f2ff); box-shadow:0 6px 18px rgba(110,150,220,.15),inset 0 1px 0 #fff,inset 0 0 0 4px rgba(220,236,255,.5); } mahou chr+chr { margin-top:16px; } /* ============================================================ 头像圣环 与 身份铭牌 ============================================================ */ mahou face { grid-column:1;position:relative;width:100%;max-width:212px;aspect-ratio:1/1;justify-self:center;filter:drop-shadow(0 6px 14px rgba(190,110,190,.26)); } mahou face::before { content:"";position:absolute;inset:-4%;pointer-events:none; background:var(--xsp) 5% 20%/13px no-repeat,var(--xsp) 95% 32%/9px no-repeat,var(--xsp) 87% 7%/11px no-repeat,var(--xsp) 9% 66%/8px no-repeat; animation:cxtw 3.2s ease-in-out infinite; } mahou face p { position:absolute;left:15%;top:5.5%;width:70%;height:70%;margin:0;border-radius:50%;overflow:hidden; background:var(--av,linear-gradient(transparent,transparent)) center/cover no-repeat,var(--sil) center 88%/74% no-repeat,radial-gradient(circle at 50% 30%,#fff,#ffeaf6 46%,#f4e1ff 80%,#e9dbff); box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 -12px 26px rgba(216,150,230,.28); } mahou chr[sex*="男"] face p { background:var(--av,linear-gradient(transparent,transparent)) center/cover no-repeat,var(--sil) center 88%/74% no-repeat,radial-gradient(circle at 50% 30%,#fff,#e9f2ff 46%,#e0e6ff 80%,#d8dcff); } mahou face::after { content:"";position:absolute;inset:0;background:var(--fr) center/contain no-repeat;pointer-events:none; } mahou who { grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;padding:4px 2px; } mahou who::before { content:"";width:118px;height:82px;background:var(--xemb) center/contain no-repeat;filter:drop-shadow(0 3px 6px rgba(180,110,200,.3));animation:cxbob 4.6s ease-in-out infinite; } mahou who::after { content:attr(n);order:1;max-width:100%;text-align:center;font-size:30px;font-weight:800;letter-spacing:10px;text-indent:10px;line-height:1.25; background:linear-gradient(160deg,var(--a2),var(--a1) 55%,var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 3px rgba(160,70,140,.25)); } mahou who p { order:2;margin:0;padding:5px 26px;clip-path:var(--rcp);white-space:nowrap;font-size:11px;letter-spacing:2.5px;text-indent:2.5px;color:#fff; background:linear-gradient(115deg,var(--a1),var(--a2));text-shadow:0 1px 2px rgba(90,30,80,.35);filter:drop-shadow(0 3px 5px rgba(170,80,150,.3)); } /* ============================================================ 六段档案区 · 共通「星缀虚线匣」骨架 ============================================================ */ mahou chr bas,mahou chr btl,mahou chr stat,mahou chr dyn,mahou chr grs,mahou chr sks { grid-column:1/-1;position:relative;margin-top:9px;padding:25px 10px 10px;border-radius:14px; border:1.5px dashed rgba(224,155,215,.5); background:var(--xsp) right 9px top 31px/9px no-repeat,var(--xsp) left 9px bottom 9px/8px no-repeat,linear-gradient(rgba(255,255,255,.78),rgba(255,251,255,.6)); box-shadow:inset 0 0 16px rgba(255,214,240,.26); } mahou chr[sex*="男"] bas,mahou chr[sex*="男"] btl,mahou chr[sex*="男"] stat,mahou chr[sex*="男"] dyn,mahou chr[sex*="男"] grs,mahou chr[sex*="男"] sks { border-color:rgba(160,190,240,.55);box-shadow:inset 0 0 16px rgba(210,228,255,.35); } mahou chr grs,mahou chr sks { grid-column:auto/span 1; } mahou chr bas::before,mahou chr btl::before,mahou chr stat::before,mahou chr dyn::before,mahou chr grs::before,mahou chr sks::before { position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:2;padding:3px 30px;white-space:nowrap;border-radius:20px; font-size:12.5px;font-weight:800;letter-spacing:4px;text-indent:4px;color:var(--a3); border:1px solid rgba(240,180,225,.85); background:var(--xsp) 10px center/8px no-repeat,var(--xsp) calc(100% - 10px) center/8px no-repeat,linear-gradient(#fffdff,#ffeef9); box-shadow:0 2px 6px rgba(190,110,180,.22),inset 0 1px 0 #fff; } mahou chr[sex*="男"] bas::before,mahou chr[sex*="男"] btl::before,mahou chr[sex*="男"] stat::before,mahou chr[sex*="男"] dyn::before,mahou chr[sex*="男"] grs::before,mahou chr[sex*="男"] sks::before { border-color:rgba(170,200,250,.9);background:var(--xsp) 10px center/8px no-repeat,var(--xsp) calc(100% - 10px) center/8px no-repeat,linear-gradient(#fdfeff,#eaf2ff); } mahou chr bas::before { content:"基础设定"; } mahou chr btl::before { content:"战斗信息"; } mahou chr stat::before { content:"当前状态"; } mahou chr dyn::before { content:"动态信息"; } mahou chr grs::before { content:"装 备"; } mahou chr sks::before { content:"技 能"; } /* ============================================================ 基础设定 —— 档案小笺 ============================================================ */ mahou bas { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; } mahou f { position:relative;padding:8px 10px 9px;border-radius:11px;border:1px solid rgba(238,190,228,.7); background:linear-gradient(#fff,#fff6fc);box-shadow:0 2px 6px rgba(190,120,190,.12),inset 0 1px 0 #fff; font-size:12px;line-height:1.78;letter-spacing:.4px;color:#6b5385; } mahou chr[sex*="男"] f { border-color:rgba(180,205,248,.8);background:linear-gradient(#fff,#f4f8ff); } mahou f::before { content:attr(v);display:block;margin-bottom:4px;padding-left:22px;font-size:11.5px;font-weight:800;letter-spacing:2.5px;color:var(--a3); background:var(--fic,var(--fi-def)) left center/16px no-repeat; } mahou f::after { content:"";position:absolute;right:6px;top:6px;width:8px;height:8px;background:var(--xsp) center/contain no-repeat;opacity:.85; } mahou f[v*="性格"],mahou f[v*="外貌"],mahou f[v*="容貌"],mahou f[v*="身材"],mahou f[v*="体型"] { grid-column:1/-1; } mahou f[v*="种族"] { --fic:var(--fi-race); } mahou f[v*="职业"],mahou f[v*="使命"] { --fic:var(--fi-job); } mahou f[v*="性别"] { --fic:var(--fi-sexf); } mahou chr[sex*="男"] f[v*="性别"] { --fic:var(--fi-sexm); } mahou f[v*="性格"] { --fic:var(--fi-per); } mahou f[v*="外貌"],mahou f[v*="容貌"] { --fic:var(--fi-look); } mahou f[v*="身材"],mahou f[v*="体型"] { --fic:var(--fi-body); } mahou f[v*="年龄"] { --fic:var(--fi-age); } mahou f[v*="称号"],mahou f[v*="头衔"] { --fic:var(--fi-title); } mahou f[v*="身份"] { --fic:var(--fi-id); } mahou f[v*="出身"],mahou f[v*="故乡"],mahou f[v*="家"] { --fic:var(--fi-home); } mahou f[v*="声"] { --fic:var(--fi-voice); } mahou f[v*="喜"],mahou f[v*="爱好"] { --fic:var(--fi-like); } mahou f[v*="弱点"],mahou f[v*="禁忌"] { --fic:var(--fi-weak); } mahou f[v*="关系"],mahou f[v*="羁绊"] { --fic:var(--fi-rel); } /* ============================================================ 当前状态 —— 双月信物 ============================================================ */ mahou stat { display:grid;grid-template-columns:1fr 1fr;gap:10px; } mahou mood { position:relative;display:flex;align-items:center;min-height:64px;padding:10px 12px 17px 66px;border-radius:14px 20px 20px 14px; border:1px solid rgba(238,180,225,.7);background:linear-gradient(#fff,#fff4fb);box-shadow:0 2px 8px rgba(190,120,190,.14),inset 0 1px 0 #fff; font-size:12.5px;line-height:1.7;letter-spacing:.5px;color:#7a5c92; } mahou mood::before { content:"";position:absolute;left:7px;top:50%;width:50px;height:50px;transform:translateY(-50%); background:var(--xmoonp) center/contain no-repeat;filter:drop-shadow(0 2px 4px rgba(214,72,156,.32)); } mahou mood::after { content:"";position:absolute;left:66px;right:14px;bottom:6px;height:6px; background:radial-gradient(circle at 3px 3px,rgba(224,85,157,.42) 2.2px,transparent 2.7px) 0 0/13px 6px repeat-x; } mahou mood:nth-of-type(2n) { border-color:rgba(170,200,250,.8);background:linear-gradient(#fff,#f2f7ff); } mahou mood:nth-of-type(2n)::before { background-image:var(--xmoonb);filter:drop-shadow(0 2px 4px rgba(79,127,224,.32)); } mahou mood:nth-of-type(2n)::after { background:radial-gradient(circle at 3px 3px,rgba(94,143,232,.42) 2.2px,transparent 2.7px) 0 0/13px 6px repeat-x; } /* ============================================================ 动态信息 —— 使魔观测徽章（栏目名任意，关键词命中图标） ============================================================ */ mahou dyn { display:grid;grid-template-columns:1fr 1fr;gap:9px; } mahou d { position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center; padding:9px 10px 10px 9px;border-radius:13px;border:1px solid rgba(230,175,225,.65); background:var(--xsp) calc(100% - 7px) 7px/8px no-repeat,linear-gradient(150deg,#fff,#fdf4fc); box-shadow:0 2px 8px rgba(180,115,195,.13),inset 0 1px 0 #fff; font-size:12px;line-height:1.7;letter-spacing:.4px;color:#6b5385; --dg1:#ff9dd2;--dg2:#d6489c; } mahou d:nth-of-type(3n+2) { --dg1:#93c7ff;--dg2:#4f7fe0; } mahou d:nth-of-type(3n) { --dg1:#c4a6f8;--dg2:#7d5ae0; } mahou d::before { content:"";grid-row:1/3;grid-column:1;align-self:center;width:54px;height:54px;border-radius:50%; background:var(--dic,var(--di-def)) center/26px no-repeat,radial-gradient(circle at 32% 26%,rgba(255,255,255,.6),transparent 45%),linear-gradient(155deg,var(--dg1),var(--dg2)); box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--dg1),0 3px 8px rgba(170,90,170,.28),inset 0 -5px 9px rgba(70,20,90,.22); } mahou d::after { content:attr(n);grid-row:1;grid-column:2;font-size:13.5px;font-weight:800;letter-spacing:3px; background:linear-gradient(150deg,var(--dg2),var(--dg1));-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 #fff); } mahou d[n*="心"] { --dic:var(--di-heart); } mahou d[n*="讯"],mahou d[n*="信"],mahou d[n*="通"],mahou d[n*="联络"] { --dic:var(--di-sig); } mahou d[n*="感知"],mahou d[n*="察"],mahou d[n*="直觉"],mahou d[n*="异常"] { --dic:var(--di-eye); } mahou d[n*="灵"],mahou d[n*="魂"] { --dic:var(--di-soul); } mahou d[n*="魔"] { --dic:var(--di-mag); } mahou d[n*="情绪"],mahou d[n*="心情"] { --dic:var(--di-mood); } mahou d[n*="好感"] { --dic:var(--di-fav); } mahou d[n*="记"],mahou d[n*="忆"] { --dic:var(--di-mem); } mahou d[n*="梦"] { --dic:var(--di-dream); } mahou d[n*="咒"],mahou d[n*="诅"] { --dic:var(--di-curse); } mahou d[n*="危"],mahou d[n*="警"],mahou d[n*="敌"] { --dic:var(--di-alert); } mahou d[n*="踪"],mahou d[n*="定位"],mahou d[n*="搜"] { --dic:var(--di-track); } mahou d[n*="守"],mahou d[n*="护"] { --dic:var(--di-guard); } mahou d[n*="缘"],mahou d[n*="绊"],mahou d[n*="契"] { --dic:var(--di-bond); } mahou d[n*="秘"],mahou d[n*="谎"] { --dic:var(--di-secret); } mahou d[n*="时"] { --dic:var(--di-time); } mahou d[n*="蚀"],mahou d[n*="暗"],mahou d[n*="堕"] { --dic:var(--di-dark); } mahou d[n*="天气"],mahou d[n*="气象"] { --dic:var(--di-sky); } /* ============================================================ 装备 / 技能 —— 魔导挂坠（hover / 触屏聚焦弹详情） ============================================================ */ mahou grs,mahou sks { display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px 6px;min-height:106px; } mahou g,mahou k { position:relative;width:66px;padding-top:2px;text-align:center;cursor:help;outline:none;--c1:#ffb9de; } mahou k { --c1:#dda8f0; } /* 装备 · 类方形淡粉小笺底座（图标为全彩插画） */ mahou g::before { content:"";display:block;width:54px;height:54px;margin:0 auto;border-radius:14px; border:1px solid rgba(244,198,230,.85); background:var(--gic,var(--gi-def)) center/42px no-repeat,radial-gradient(circle at 50% 18%,#fff 28%,#ffeef8 72%,#ffe4f2); box-shadow:0 2px 6px rgba(200,120,180,.15),inset 0 1px 0 #fff; transition:transform .3s cubic-bezier(.3,1.4,.4,1),box-shadow .3s ease; } mahou chr[sex*="男"] g::before { border-color:rgba(178,204,248,.9); background:var(--gic,var(--gi-def)) center/42px no-repeat,radial-gradient(circle at 50% 18%,#fff 28%,#eef5ff 72%,#e2eeff); } /* 技能 · 魔晶宝珠直接裸显（SVG 自带球体与高光，无 CSS 底座） */ mahou k::before { content:"";display:block;width:52px;height:52px;margin:0 auto; background:var(--kic,var(--ki-def)) center/contain no-repeat; filter:drop-shadow(0 3px 5px rgba(160,95,180,.28)); transition:transform .3s cubic-bezier(.3,1.4,.4,1),filter .3s ease; } mahou g:hover::before,mahou g:focus::before { transform:translateY(-3px); box-shadow:0 6px 14px rgba(200,120,180,.26),0 0 10px var(--c1),inset 0 1px 0 #fff; } mahou k:hover::before,mahou k:focus::before { transform:translateY(-3px); filter:drop-shadow(0 0 9px var(--c1)) drop-shadow(0 4px 6px rgba(160,95,180,.3)); } mahou g::after,mahou k::after { content:attr(n);display:block;margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:1px;line-height:1.4;color:#7a5c92; } mahou g p,mahou k p { position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;width:186px;margin:0;padding:9px 11px 10px;transform:translate(-50%,6px); border-radius:12px 4px 12px 4px;font-size:11px;line-height:1.75;letter-spacing:.6px;text-align:left;color:#ffeaf6; background:linear-gradient(150deg,#9b5ecf,#5a2a92 62%,#3c1663); box-shadow:0 8px 20px rgba(80,35,130,.45),inset 0 1px 0 rgba(255,255,255,.35); opacity:0;visibility:hidden;pointer-events:none; transition:opacity .28s ease,transform .28s ease,visibility 0s .28s; } mahou g p::after,mahou k p::after { content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#3c1663; } mahou g p[c]::before,mahou k p[c]::before { content:attr(c);display:block;margin-bottom:4px;padding-bottom:4px;font-size:10px;letter-spacing:1.5px;color:#ffd98a;border-bottom:1px dashed rgba(255,255,255,.35); } mahou g:hover>p,mahou g:focus>p,mahou k:hover>p,mahou k:focus>p { opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .28s ease,transform .28s ease,visibility 0s 0s; } mahou g:first-of-type p,mahou k:first-of-type p { left:-4px;transform:translate(0,6px); } mahou g:first-of-type:hover>p,mahou g:first-of-type:focus>p,mahou k:first-of-type:hover>p,mahou k:first-of-type:focus>p { transform:translate(0,0); } mahou g:first-of-type p::after,mahou k:first-of-type p::after { left:28px;margin-left:0; } mahou g:last-of-type p,mahou k:last-of-type p { left:auto;right:-4px;transform:translate(0,6px); } mahou g:last-of-type:hover>p,mahou g:last-of-type:focus>p,mahou k:last-of-type:hover>p,mahou k:last-of-type:focus>p { transform:translate(0,0); } mahou g:last-of-type p::after,mahou k:last-of-type p::after { left:auto;right:24px;margin-left:0; } /* ---- 装备类型 → 图标与辉光色 ---- */ mahou g[t*="武"],mahou g[t*="杖"],mahou g[t*="剑"] { --gic:var(--gi-wand);--c1:#ffb0d8; } mahou g[t*="饰"],mahou g[t*="链"],mahou g[t*="坠"] { --gic:var(--gi-orn);--c1:#a8ccf8; } mahou g[t*="衣"],mahou g[t*="裙"],mahou g[t*="装"],mahou g[t*="披"] { --gic:var(--gi-clo);--c1:#cfaef5; } mahou g[t*="发"],mahou g[t*="头"],mahou g[t*="冠"] { --gic:var(--gi-hair);--c1:#ffb0d8; } mahou g[t*="符"],mahou g[t*="守"] { --gic:var(--gi-charm);--c1:#ffa8c0; } mahou g[t*="靴"],mahou g[t*="鞋"] { --gic:var(--gi-boot);--c1:#a8ccf8; } mahou g[t*="戒"] { --gic:var(--gi-ring);--c1:#ffd98a; } mahou g[t*="书"],mahou g[t*="卷"],mahou g[t*="典"] { --gic:var(--gi-book);--c1:#cfaef5; } mahou g[t*="药"],mahou g[t*="瓶"] { --gic:var(--gi-potion);--c1:#ffb0d8; } mahou g[t*="匣"],mahou g[t*="盒"],mahou g[t*="道具"] { --gic:var(--gi-box);--c1:#ffd98a; } /* ---- 技能类型 → 宝珠与辉光色（连结组保持在结界组之前，防「结」误配） ---- */ mahou k[t*="攻"],mahou k[t*="斩"],mahou k[t*="击"] { --kic:var(--ki-atk);--c1:#ff9ebc; } mahou k[t*="防"],mahou k[t*="盾"] { --kic:var(--ki-shd);--c1:#a8c4f8; } mahou k[t*="治"],mahou k[t*="愈"],mahou k[t*="恢复"] { --kic:var(--ki-heal);--c1:#9ce8c4; } mahou k[t*="辅"],mahou k[t*="增"],mahou k[t*="强化"] { --kic:var(--ki-buff);--c1:#ffd98a; } mahou k[t*="控"],mahou k[t*="缚"],mahou k[t*="眠"] { --kic:var(--ki-ctrl);--c1:#cfaef5; } mahou k[t*="咒"],mahou k[t*="诅"] { --kic:var(--ki-curse);--c1:#b48ad6; } mahou k[t*="净"],mahou k[t*="圣"] { --kic:var(--ki-pure);--c1:#ffe9a8; } mahou k[t*="召"] { --kic:var(--ki-smn);--c1:#c4a6f8; } mahou k[t*="移"],mahou k[t*="瞬"],mahou k[t*="飞"] { --kic:var(--ki-mov);--c1:#9adcf5; } mahou k[t*="感"],mahou k[t*="侦"],mahou k[t*="知"] { --kic:var(--ki-sen);--c1:#a8c4f8; } mahou k[t*="连"],mahou k[t*="共鸣"],mahou k[t*="结"] { --kic:var(--ki-lnk);--c1:#e0a8f0; } mahou k[t*="结界"],mahou k[t*="域"],mahou k[t*="壁"] { --kic:var(--ki-bar);--c1:#ffa8d0; } mahou k[t*="炎"],mahou k[t*="火"],mahou k[t*="焰"] { --kic:var(--ki-fire);--c1:#ffb08a; } mahou k[t*="冰"],mahou k[t*="霜"],mahou k[t*="雪"] { --kic:var(--ki-ice);--c1:#a8ddf5; } mahou k[t*="雷"],mahou k[t*="电"] { --kic:var(--ki-thd);--c1:#ffe08a; } mahou k[t*="风"] { --kic:var(--ki-wind);--c1:#a8ecc8; } mahou k[t*="星"] { --kic:var(--ki-star);--c1:#ffd98a; } mahou k[t*="月"] { --kic:var(--ki-moon);--c1:#a8b8f5; } mahou k[t*="光"] { --kic:var(--ki-lgt);--c1:#fff0a8; } mahou k[t*="影"],mahou k[t*="暗"] { --kic:var(--ki-shw);--c1:#b49ad6; } /* ============================================================ 关键帧（追加） ============================================================ */ @keyframes cxtw { 0%,100%{opacity:.35;transform:scale(.85);}50%{opacity:1;transform:scale(1.08);} } @keyframes cxbob { 0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);} } /* ============================================================ 移动端重排 ============================================================ */ @media (max-width:768px) { mahou chr { grid-template-columns:1fr;gap:7px;padding:12px 8px 10px; } mahou face { max-width:176px; } mahou who { grid-column:1;gap:7px; } mahou who::before { width:98px;height:68px; } mahou who::after { font-size:24px;letter-spacing:7px;text-indent:7px; } mahou who p { padding:4px 20px;font-size:10.5px; } mahou chr grs,mahou chr sks { grid-column:1/-1; } mahou bas { gap:6px; } mahou f { padding:7px 8px 8px;font-size:11.5px; } mahou stat { grid-template-columns:1fr;gap:7px; } mahou dyn { grid-template-columns:1fr;gap:7px; } mahou d::before { width:48px;height:48px;background-size:23px,auto,auto; } mahou g,mahou k { width:62px; } mahou g::before { width:48px;height:48px;border-radius:12px;background-size:38px,auto; } mahou k::before { width:46px;height:46px; } mahou g p,mahou k p { width:172px; } } //* ============================================================ 新增：基本信息容器 basic —— PC 端第三栏 / 移动端下方整行 ============================================================ */ mahou basic { display:block;box-sizing:border-box; } /* ---- PC端：chr 改为三栏（头像 | 名字 | 基本信息） ---- */ mahou chr { grid-template-columns:192px minmax(0,1fr) minmax(0,1fr); } /* who 只占中间一栏 */ mahou chr>who { grid-column:2; } /* basic 落到第三栏，与头像/名字同一行 */ mahou basic { grid-column:3;grid-row:1;align-self:center; display:flex;flex-direction:column;gap:8px;padding:2px 0;min-width:0; } /* basic 内的 f 各占一行 */ mahou basic f { width:100%; } /* 其余区块跨满三栏（覆盖原有 grid-column:auto/span 1 的设定） */ mahou chr bas,mahou chr btl,mahou chr stat,mahou chr dyn,mahou chr grs,mahou chr sks { grid-column:1/-1; } /* ============================================================ 移动端：头像+名字两栏，basic 跨行放下方（横向三栏） ============================================================ */ @media (max-width:768px) { mahou chr { grid-template-columns:146px minmax(0,1fr);gap:8px 10px;align-items:center; } mahou face { grid-column:1;grid-row:1;max-width:150px; } mahou chr>who { grid-column:2;grid-row:1; } mahou who::before { width:88px;height:60px; } mahou who::after { font-size:21px;letter-spacing:5px;text-indent:5px; } mahou who p { padding:4px 16px;font-size:10px;letter-spacing:1.5px; } /* basic 跨两栏，放在头像+名字下方，内部横向三栏 */ mahou basic { grid-column:1/-1;grid-row:2; display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0; } mahou basic f { padding:6px 6px 7px;font-size:11px; } mahou basic f::before { font-size:10.5px;letter-spacing:1.5px; } /* 移动端装备技能仍跨满整行 */ mahou chr grs,mahou chr sks { grid-column:1/-1; } } /* 更小屏（可选）：基本信息三栏字号再收一档，防止挤压 */ @media (max-width:400px) { mahou basic f { padding:5px 5px 6px;font-size:10.5px;line-height:1.6; } mahou basic f::before { padding-left:19px;background-size:14px; } } /* ---- 角色卡列位（沿用） ---- */ mahou chr btl { grid-column:1/3; } mahou chr stat { grid-column:3/4;grid-template-columns:1fr;gap:9px;align-content:start; } mahou mood { min-height:56px;padding:9px 10px 16px 58px;font-size:12px; } mahou mood::before { left:5px;width:44px;height:44px; } mahou mood::after { left:58px;right:10px; } /* ============================================================ 战斗信息 —— 祭坛网格 几何基准：弧线圆盒 200×200，环带外径100/内径85（厚14px）， 弧跨148°，端点距垂直轴16° → 端点坐标(±74.5, 11.5)/(±74.5, 188.5) ============================================================ */ mahou btl { display:grid;grid-template-columns:76px minmax(0,1fr) 110px minmax(0,1fr);grid-template-rows:74px 74px 74px auto;gap:6px 4px;justify-items:stretch;align-items:stretch;padding:25px 6px 10px; } /* ---- 八角属性徽窗（76×74，图标18/标签10.5/数值21 三级） ---- */ mahou st { position:relative;width:76px;height:74px;justify-self:center;align-self:center;clip-path:var(--ocp); background:linear-gradient(160deg,#f6c4e2,#d8aee4 55%,#bfb2ee); filter:drop-shadow(0 2px 3px rgba(180,120,200,.28)); } mahou chr[sex*="男"] st { background:linear-gradient(160deg,#b9d4f8,#aebfee 55%,#c5b6f0); } mahou st::before { content:attr(t);position:absolute;inset:2px;clip-path:var(--ocp);box-sizing:border-box;padding-top:29px;text-align:center; font-size:10.5px;font-weight:700;letter-spacing:3px;text-indent:3px;color:#9a7ab5; background:var(--sic,var(--si-def)) center 7px/18px no-repeat,radial-gradient(circle at 50% 0,rgba(255,214,240,.5),transparent 70%),linear-gradient(#fffdff,#fdf4fb); } mahou chr[sex*="男"] st::before { background:var(--sic,var(--si-def)) center 7px/18px no-repeat,radial-gradient(circle at 50% 0,rgba(210,230,255,.55),transparent 70%),linear-gradient(#fdfeff,#f2f7ff); } mahou st::after { content:attr(v);position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:21px;font-weight:800;line-height:1;color:#5b4a9e;font-family:Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums; } mahou st:nth-of-type(1) { grid-area:1/1; } mahou st:nth-of-type(2) { grid-area:2/1; } mahou st:nth-of-type(3) { grid-area:3/1; } mahou st[t*="攻"],mahou st[t*="斩"] { --sic:var(--si-atk); } mahou st[t*="防"] { --sic:var(--si-shd); } mahou st[t*="抗"],mahou st[t*="耐"] { --sic:var(--si-res); } mahou st[t*="速"] { --sic:var(--si-spd); } mahou st[t*="幸"],mahou st[t*="运"] { --sic:var(--si-lck); } mahou st[t*="魔"],mahou st[t*="灵"] { --sic:var(--si-mag); } /* ---- 双月弧量表：p=200px圆盒(宝珠/端帽/星屑)，p::before=遮罩弧环 ---- */ mahou hp,mahou mp { grid-area:1/2/4/3;position:relative;z-index:3; } mahou mp { grid-area:1/4/4/5; } mahou hp p,mahou mp p { position:absolute;top:calc(50% - 100px);width:200px;height:200px;margin:0;pointer-events:none; } /* ---- p：宝珠/端帽/星屑 + 底层外弧框 ---- */ mahou hp p { left:0; background: radial-gradient(circle at 74.5px 11.5px,#fff 2px,#ffd6ec 4.2px,#f47cb8 7.4px,#d64a94 9.4px,#fff 10.2px 12px,rgba(214,74,148,.28) 13px,transparent 14px), radial-gradient(circle at 74.5px 188.5px,#dc4d97 6.6px,#c94289 7px,transparent 7.8px), var(--xsk) 8px 26px/10px 10px no-repeat, var(--xsk) 24px 172px/7px 7px no-repeat, var(--xfhp) center/200px no-repeat; } mahou mp p { right:0; background: radial-gradient(circle at 125.5px 11.5px,#fff 2px,#d9e6fd 4.2px,#7ea6f0 7.4px,#4a78dc 9.4px,#fff 10.2px 12px,rgba(74,120,220,.28) 13px,transparent 14px), radial-gradient(circle at 125.5px 188.5px,#4a78dc 6.6px,#3f69c8 7px,transparent 7.8px), radial-gradient(circle at 172px 26px,#4f7fe0 2.5px,transparent 3.5px), var(--xsk) right 8px top 30px/10px 10px no-repeat, var(--xsk) right 24px top 172px/7px 7px no-repeat, var(--xfmp) center/200px no-repeat; } mahou hp p::before,mahou mp p::before { content:"";position:absolute;inset:0; -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 16px),#000 calc(100% - 15px) calc(100% - 1px),transparent); mask:radial-gradient(closest-side,transparent calc(100% - 16px),#000 calc(100% - 15px) calc(100% - 1px),transparent); filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 2px 4px rgba(200,110,175,.28)); } mahou hp p::before { background:conic-gradient(from 196deg,#dc4d97 0deg,#f492c5 calc(var(--r,1)*148deg),#f6d2e6 calc(var(--r,1)*148deg) 148deg,transparent 148deg); } mahou mp p::before { background:conic-gradient(from 16deg,#dbe4f7 0deg calc(148deg - var(--r,1)*148deg),#7ea6f0 calc(148deg - var(--r,1)*148deg),#4a78dc 148deg,transparent 148deg); filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 2px 4px rgba(100,130,215,.28)); } /* ---- 弧内三行文字：整体内收进弧弯 ---- */ mahou hp::before,mahou mp::before { position:absolute;top:calc(50% - 46px);width:84px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:800;letter-spacing:3px;text-indent:3px;z-index:2; } mahou hp::before { content:"HP";left:26px;color:#e0559d; } mahou mp::before { content:"MP";right:26px;color:#4f7fe0; } mahou hp::after,mahou mp::after { position:absolute;top:calc(50% - 24px);width:84px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #fff;z-index:2; } mahou hp::after { content:attr(c);left:26px;color:#e0559d; } mahou mp::after { content:attr(c);right:26px;color:#4f7fe0; } mahou hp p::after,mahou mp p::after { position:absolute;top:114px;width:84px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:13px;font-weight:600;letter-spacing:1px;color:#6b5385; } mahou hp p::after { content:"/ " attr(m);left:26px; } mahou mp p::after { content:"/ " attr(m);right:26px; } /* ---- 中央：心+圣环上移，Lv封印下移 ---- */ mahou core { grid-area:1/3/4/4;position:relative;z-index:2;justify-self:center;width:110px; background:var(--xheart) center bottom 85px/54px no-repeat,var(--xhalo) center bottom 72px/110px no-repeat,var(--xsk) left 8px bottom 46px/8px no-repeat; filter:drop-shadow(0 0 9px rgba(255,140,207,.45)) drop-shadow(0 2px 5px rgba(170,80,150,.22)); } mahou core::before { content:attr(lv);position:absolute;top:12px;left:50%;width:64px;height:64px;margin-left:-32px;box-sizing:border-box;padding-top:29px;text-align:center; font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:800;line-height:1;color:#5b4a9e;font-variant-numeric:tabular-nums; background:var(--xseal) center/64px no-repeat;animation:cxbob 4.2s ease-in-out infinite; } mahou core::after { content:"";position:absolute;right:5px;top:84px;width:13px;height:13px;background:var(--xsk) center/contain no-repeat;animation:cxtw 2.6s ease-in-out infinite; } @keyframes cxbob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } } @keyframes cxtw { 0%,100% { opacity:1;transform:scale(1); } 50% { opacity:.35;transform:scale(.6); } } /* ---- 精力：标签+数值整体居中，宝石行紧贴其下（10枚，渐染粉→紫） ---- */ mahou sp { grid-area:4/1/5/5;position:relative;height:62px; } mahou sp::before { content:"精力";position:absolute;top:8px;right:calc(50% + 26px);font-size:13px;font-weight:700;letter-spacing:2px;color:#7c639a; } mahou sp::after { content:attr(c) " / " attr(m);position:absolute;top:4px;left:calc(50% - 16px);font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:800;color:#4f7fe0;font-variant-numeric:tabular-nums; } mahou sp p { position:absolute;left:50%;bottom:3px;width:270px;height:26px;margin:0 0 0 -135px;background:var(--xgem0) 0 center/27px 26px repeat-x; } mahou sp p::before { content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--n,5)*27px);background:var(--xgem1) 0 center/27px 26px repeat-x;filter:drop-shadow(0 0 3px rgba(255,140,200,.6)); } mahou sp p::after { content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--n,5)*27px); background:linear-gradient(90deg,rgba(224,85,157,0) 30%,rgba(125,90,224,.5)); -webkit-mask:var(--xgem1) 0 center/27px 26px repeat-x;mask:var(--xgem1) 0 center/27px 26px repeat-x; } /* ============================================================ 移动端重排（并入文件最末的 media 块） ============================================================ */ @media (max-width:768px) { mahou chr btl,mahou chr stat,mahou chr grs,mahou chr sks { grid-column:1/-1; } mahou chr stat { grid-template-columns:1fr; } mahou chr btl { grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);grid-template-rows:78px 234px auto;gap:6px 2px;padding:25px 4px 8px; } mahou st:nth-of-type(1) { grid-area:1/1; } mahou st:nth-of-type(2) { grid-area:1/2; } mahou st:nth-of-type(3) { grid-area:1/3; } mahou hp { grid-area:2/1; } mahou core { grid-area:2/2; } mahou mp { grid-area:2/3; } mahou sp { grid-area:3/1/4/4; } mahou sp p { width:220px;margin-left:-110px;background:var(--xgem0) 0 center/22px 21px repeat-x; } mahou sp p::before { width:calc(var(--n,5)*22px);background:var(--xgem1) 0 center/22px 21px repeat-x; } mahou sp p::after { width:calc(var(--n,5)*22px);-webkit-mask:var(--xgem1) 0 center/22px 21px repeat-x;mask:var(--xgem1) 0 center/22px 21px repeat-x; } } /* ============================================================ 主角信息 · 灵魂登记原簿 —— 新增 SVG 资产 （白描线供封印札/徽章使用；--fi-kink 补入粉描线基础组） ============================================================ */ /* ---- 性癖字段补入既有 f 图标映射体系 ---- */ mahou f[v*="性癖"] { --fic:var(--fi-kink); } /* ============================================================ 面板容器重定義：卸下占位虚线框，还原为原簿纸面 ============================================================ */ mahou view[t="主角"] con { border:none;background:transparent;box-shadow:none;padding:4px 10px 10px;color:var(--ink);letter-spacing:.4px; } /* ---- 新增自定义标签的盒模型统一声明 ---- */ mahou hero,mahou hcard,mahou hlv,mahou hnm,mahou hch,mahou hgd,mahou hxp,mahou htr,mahou hnum,mahou hbtl,mahou hlew,mahou hg,mahou hct,mahou horg,mahou og,mahou cur,mahou nat,mahou mods,mahou mod,mahou geqs,mahou geq { display:block;box-sizing:border-box; } mahou hero p { margin:0;padding:0; } /* ============================================================ 原簿总卷：视角缎带 与 卷末落款 ============================================================ */ mahou hero { position:relative;padding:2px 2px 6px;animation:rise .5s ease both; } mahou hero::before { content:"灵魂视角 · " attr(pov);display:block;width:max-content;margin:2px auto 12px;padding:5px 26px;clip-path:var(--rcp); background:linear-gradient(115deg,#b07ae0,#7d4ac0);color:#fff;font-size:11.5px;letter-spacing:3px;text-indent:3px; text-shadow:0 1px 2px rgba(70,30,110,.4);filter:drop-shadow(0 3px 5px rgba(140,80,190,.3)); } mahou hero::after { content:"— 魔法少女管理局 · 灵魂登记原簿 —";display:block;width:max-content;margin:18px auto 4px;padding:0 24px; background:var(--dia) left center/10px no-repeat,var(--dia) right center/10px no-repeat; font-size:9.5px;letter-spacing:2.5px;color:rgba(130,95,170,.55);text-shadow:0 1px 0 rgba(255,255,255,.7); } /* ============================================================ 登记证卡：等级菱徽 + 姓名 + 资金签章 + 经验丝带 ============================================================ */ mahou hero hcard { position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:11px 14px;align-items:center;padding:15px 16px 13px; border:1px solid rgba(230,180,120,.55);border-radius:5px 24px 5px 24px; background:var(--mc) right -46px center/170px no-repeat,linear-gradient(160deg,rgba(255,255,255,.94),rgba(255,238,250,.9) 46%,rgba(240,232,255,.9)); box-shadow:0 6px 18px rgba(160,100,190,.18),inset 0 1px 0 #fff;animation:rise .5s .05s ease both; } mahou hero hcard::before { content:"";position:absolute;inset:4px;pointer-events:none;border:1px dashed rgba(210,160,110,.4);border-radius:3px 20px 3px 20px; } mahou hero hcard::after { content:"";position:absolute;top:-4px;right:16px;width:44px;height:20px;pointer-events:none; background:var(--xsp) right top/13px no-repeat,var(--xsp) left bottom/9px no-repeat;animation:cxtw 3.2s ease-in-out infinite; } mahou hero hlv { position:relative;z-index:1;width:58px;height:58px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px; background:var(--xsp) 74% 22%/8px no-repeat,linear-gradient(155deg,#ffb2d8,#c86ae0 60%,#8a4fd0); filter:drop-shadow(0 3px 6px rgba(170,80,180,.4)); } mahou hero hlv::before { content:"LV";font-size:8px;letter-spacing:2px;text-indent:2px;color:rgba(255,255,255,.85); } mahou hero hlv::after { content:attr(v);font-size:20px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(120,40,120,.5); } mahou hero hnm { position:relative;z-index:1;display:grid;grid-template-columns:max-content max-content 1fr;gap:7px 8px;align-content:center;min-width:0; } mahou hero hnm::before { content:attr(n);grid-column:1/-1;font-size:25px;font-weight:800;letter-spacing:6px;line-height:1.2; background:linear-gradient(160deg,#e0559d,#8a4fd0 70%);-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 3px rgba(150,70,140,.22)); } mahou hero hnm::after { content:attr(t);grid-row:2;align-self:center;width:max-content;max-width:100%;padding:3px 20px;clip-path:var(--rcp); background:linear-gradient(115deg,#ff8fc6,#a86be0);color:#fff;font-size:10px;letter-spacing:2px;text-indent:2px;white-space:nowrap; text-shadow:0 1px 2px rgba(100,30,90,.35); } mahou hero hch { grid-row:2;display:inline-flex;align-items:center;width:max-content;padding:3px 10px; border:1px solid rgba(200,150,210,.5);border-radius:3px 9px 3px 9px;background:rgba(255,255,255,.72); font-size:11px;font-weight:700;color:#5c4478;box-shadow:inset 0 1px 0 #fff; } mahou hero hch::before { content:attr(k);margin-right:7px;padding-right:7px;border-right:1px solid rgba(180,130,200,.4); font-size:9px;font-weight:400;letter-spacing:1px;color:#a86bc9; } mahou hero hgd { position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 22px 8px 44px; clip-path:var(--rcp);background:var(--hi-coin) 16px center/20px no-repeat,linear-gradient(150deg,#fff3d6,#f4c86a 60%,#e0a83c); color:#7a5210;filter:drop-shadow(0 3px 5px rgba(190,140,60,.35)); } mahou hero hgd::before { content:"所持资金";font-size:8.5px;letter-spacing:2px;opacity:.75; } mahou hero hgd::after { content:attr(v) " G";font-size:15px;font-weight:800;line-height:1.1;text-shadow:0 1px 0 rgba(255,255,255,.6); } mahou hero hxp { grid-column:1/-1;position:relative;z-index:1;height:15px;overflow:hidden; clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); background:linear-gradient(#f2e4f4,#e9d8f0);box-shadow:inset 0 1px 2px rgba(140,80,160,.25); } mahou hero hxp p { position:absolute;left:0;top:0;bottom:0;width:calc(100%*var(--r)); clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%); background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%) no-repeat -80% 0/60% 100%,linear-gradient(90deg,#c8a2f0,#e668b8); animation:hshine 3.4s linear infinite; } mahou hero hxp::before { content:"EXP";position:absolute;left:9px;top:50%;transform:translateY(-50%);z-index:2; font-size:8.5px;letter-spacing:2px;color:#fff;text-shadow:0 1px 2px rgba(120,50,140,.65); } mahou hero hxp::after { content:attr(c) " / " attr(m);position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2; font-size:9.5px;font-weight:700;color:#6e4a8e;text-shadow:0 1px 0 rgba(255,255,255,.8); } /* ============================================================ 共用小节标题（菱花缀饰的居中题签） ============================================================ */ mahou hero htr::before,mahou hero horg::before { display:block;width:max-content;margin:0 auto 10px;padding:0 28px; background:var(--dia) left center/11px no-repeat,var(--dia) right center/11px no-repeat; font-size:13px;font-weight:800;letter-spacing:6px;text-indent:6px;color:#8a4fb0;text-shadow:0 1px 0 #fff; } /* ============================================================ 原生档案：粉描线图标 + 左缘丝带的记录纸条 ============================================================ */ mahou hero htr { margin:19px 0 0;animation:rise .5s .1s ease both; } mahou hero htr::before { content:"原生档案"; } mahou hero htr f { display:block;position:relative;margin:8px 0;padding:9px 13px; border:1px solid rgba(215,165,220,.45);border-left:3px solid #ff9ecf;border-radius:2px 12px 12px 2px; background:rgba(255,255,255,.62);font-size:12.5px;line-height:1.85;color:#5c4478; box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(170,110,200,.1); } mahou hero htr f::before { content:attr(v);display:block;margin:0 0 4px;padding-left:21px; background:var(--fic,var(--fi-def)) left center/15px no-repeat; font-size:10px;font-weight:700;letter-spacing:2.5px;color:#a04a90; } mahou hero htr f::after { content:"";position:absolute;top:9px;right:9px;width:11px;height:11px; background:var(--dia) center/contain no-repeat;opacity:.5; } /* ============================================================ 灵魂检值祭坛：战斗灵值 / 堕落检值 双联匾 ============================================================ */ mahou hero hnum { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 0;animation:rise .5s .16s ease both; } mahou hero hbtl,mahou hero hlew { position:relative;padding:17px 12px 12px;border-radius:4px 16px 4px 16px; border:1px solid rgba(150,170,230,.5);background:linear-gradient(165deg,rgba(255,255,255,.7),rgba(236,242,255,.55)); box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(110,130,200,.14); } mahou hero hlew { border-color:rgba(230,140,190,.5);background:linear-gradient(165deg,rgba(255,255,255,.7),rgba(255,236,248,.55)); box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(200,110,170,.15); } mahou hero hbtl::before,mahou hero hlew::before { position:absolute;top:-10px;left:12px;padding:3.5px 20px;clip-path:var(--rcp);z-index:2; color:#fff;font-size:11px;font-weight:700;letter-spacing:3px;text-indent:3px; text-shadow:0 1px 2px rgba(60,40,110,.4);filter:drop-shadow(0 2px 4px rgba(120,110,200,.3)); } mahou hero hbtl::before { content:"战斗灵值";background:linear-gradient(120deg,#8ec5ff,#4f6fd0); } mahou hero hlew::before { content:"堕落检值";background:linear-gradient(120deg,#ff8fc6,#c0348a); } mahou hero hbtl::after { content:"";position:absolute;top:-7px;right:12px;width:40px;height:22px;pointer-events:none; background:var(--xsp) right 2px top/12px no-repeat,var(--xsp) left bottom/8px no-repeat;opacity:.85;animation:cxtw 3.2s ease-in-out infinite; } mahou hero hlew::after { content:"淫乱级 " attr(lv);position:absolute;top:-12px;right:10px;z-index:2;padding:4px 18px 4px 30px;clip-path:var(--rcp); background:var(--di-heart) 14px center/13px no-repeat,linear-gradient(120deg,#ff6fae,#c0348a); color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;text-shadow:0 1px 2px rgba(110,20,80,.45); filter:drop-shadow(0 3px 5px rgba(200,60,140,.35));animation:gpulse 3.6s ease-in-out infinite; } /* ---- 检值丝带（箭形标签 + 斜切充能条 + 尖端星芒） ---- */ mahou hero hg { position:relative;height:24px;margin:9px 0;overflow:hidden; border:1px solid rgba(200,150,210,.45);border-radius:3px 11px 11px 3px; background:linear-gradient(#f6eaf8,#efe0f4);box-shadow:inset 0 1px 3px rgba(150,90,170,.18); } mahou hero hg::before { content:attr(t);position:absolute;left:0;top:0;bottom:0;width:52px;z-index:2; display:flex;align-items:center;justify-content:center; clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%); background:linear-gradient(150deg,var(--g1,#c8a2f0),var(--g2,#8a5ad0)); color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;text-shadow:0 1px 2px rgba(80,30,100,.45); } mahou hero hg p { position:absolute;left:52px;top:0;bottom:0;width:calc((100% - 52px)*var(--r)); clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%); background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%) no-repeat -80% 0/60% 100%,linear-gradient(180deg,var(--g1,#c8a2f0),var(--g2,#8a5ad0)); animation:hshine 3s linear infinite; } mahou hero hg p::after { content:"";position:absolute;right:-1px;top:50%;width:13px;height:13px;transform:translateY(-50%); background:var(--xsp) center/contain no-repeat;animation:cxtw 2.4s ease-in-out infinite; } mahou hero hg::after { content:attr(c) " / " attr(m);position:absolute;right:9px;top:50%;transform:translateY(-50%);z-index:2; font-size:11px;font-weight:800;color:var(--gt,#6e4a8e);text-shadow:0 1px 0 rgba(255,255,255,.85); } mahou hero hg[t="HP"] { --g1:#ff9fbe;--g2:#e0557d;--gt:#b23a5e; } mahou hero hg[t="SP"] { --g1:#ffd48a;--g2:#e8a13c;--gt:#a06a1e; } mahou hero hg[t="MP"] { --g1:#93c7ff;--g2:#5e8fe8;--gt:#3c62b8; } mahou hero hg[t="淫乱"] { --g1:#e08ef0;--g2:#a244cc;--gt:#8a2fae; } mahou hero hg[t="快感"] { --g1:#ff86c8;--g2:#ff4f9e;--gt:#d4327a; } mahou hero hg[t="快感"] p { animation:hshine 3s linear infinite,hglow 2s ease-in-out infinite; } /* ---- 计数签（六角小徽 + 标签 + 数值文本） ---- */ mahou hero hct { display:inline-flex;align-items:center;gap:7px;margin:10px 8px 0 0;padding:5px 13px 5px 6px; border:1px solid rgba(190,150,220,.45);border-radius:3px 10px 3px 10px;background:rgba(255,255,255,.72); font-size:14px;font-weight:800;color:#4c3a66;box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(150,110,200,.12); } mahou hero hct::before { order:-2;content:"";width:22px;height:22px;flex:none; clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%); background:var(--ci,var(--di-mag)) center/14px no-repeat,linear-gradient(160deg,var(--c1,#93b8f0),var(--c2,#4f6fd0)); } mahou hero hct::after { order:-1;content:attr(k);font-size:9.5px;font-weight:400;letter-spacing:1.5px;color:#8a6aa8; } mahou hero hct[k="ATK"] { --ci:var(--hi-atk);--c1:#93b8f0;--c2:#4f6fd0; } mahou hero hct[k="精液量"] { --ci:var(--di-dark);--c1:#c9a6ee;--c2:#8a5ad0; } /* ============================================================ 器官圣鉴：纵列封印札（焦点召唤展开，无 input） ============================================================ */ mahou hero horg { display:flex;flex-direction:column;margin:24px 0 4px;animation:rise .5s .22s ease both; } mahou hero horg::before { order:-3;content:"器官圣鉴";align-self:center; } mahou hero horg::after { order:-2;content:"轻触封印札，即可检阅原生形态 · 改造刻录 · 装备淫具";align-self:center; margin:0 0 6px;padding-left:16px;background:var(--xsp) left center/11px no-repeat; font-size:9.5px;letter-spacing:1.5px;color:#a08ab8; } mahou hero og { position:relative;margin:11px 0 11px 15px;padding:10px 13px 10px 42px; border:1px solid rgba(210,160,220,.5);border-radius:3px 16px 16px 3px; background:linear-gradient(115deg,rgba(255,255,255,.8),rgba(255,246,252,.72) 60%,rgba(246,238,255,.7)); box-shadow:0 3px 10px rgba(150,100,190,.14),inset 0 1px 0 #fff; cursor:pointer;outline:none;animation:rise .45s ease both; transition:border-color .35s ease,box-shadow .35s ease,transform .3s cubic-bezier(.3,1.3,.4,1); } mahou hero og:hover { transform:translateY(-1px); } mahou hero og:focus-within { border-color:var(--o2,#a86bc9); box-shadow:0 6px 18px rgba(150,90,200,.24),0 0 10px color-mix(in srgb,var(--o2,#a86bc9) 35%,transparent),inset 0 1px 0 #fff; } /* ---- 破界封印札（图标 + 竖排器官名，垂出卡缘） ---- */ mahou hero og::before { content:attr(o);position:absolute;left:-15px;top:9px;width:38px;height:74px; display:grid;place-items:center;padding:32px 0 9px;box-sizing:border-box; clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),50% 100%,0 calc(100% - 9px)); background:var(--oi,var(--di-mag)) center 7px/20px no-repeat,linear-gradient(170deg,var(--o1,#ff8fc6),var(--o2,#a86bc9)); writing-mode:vertical-rl;font-size:11px;font-weight:700;letter-spacing:2.5px;color:#fff; text-shadow:0 1px 2px rgba(110,40,110,.5);filter:drop-shadow(0 3px 5px rgba(150,70,160,.35)); transition:filter .35s ease; } mahou hero og:focus-within::before { filter:drop-shadow(0 0 8px var(--o1,#ff8fc6)) drop-shadow(0 3px 5px rgba(150,70,160,.4)) brightness(1.07); } /* ---- 使用记录印（压在卡片上缘；子宫换产次；无 u 隐藏） ---- */ mahou hero og::after { content:"使用 " attr(u) " 回";position:absolute;top:-9px;right:12px;z-index:2;padding:3px 18px;clip-path:var(--rcp); background:linear-gradient(120deg,var(--o1,#ff8fc6),var(--o2,#a86bc9));color:#fff; font-size:9.5px;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(100,30,100,.4); filter:drop-shadow(0 2px 3px rgba(150,70,160,.35)); } mahou hero og[o="子宫"]::after { content:"产次 " attr(u); } mahou hero og:not([u])::after { display:none; } /* ---- 各器官封印配色与纹章 ---- */ mahou hero og[o="口腔"] { --oi:var(--oi-mouth);--o1:#ff92b4;--o2:#e0557d; } mahou hero og[o="眼睛"] { --oi:var(--di-eye);--o1:#8ec5ff;--o2:#5e8fe8; } mahou hero og[o="乳房"] { --oi:var(--oi-brea);--o1:#ffa2cf;--o2:#e668a8; } mahou hero og[o="阴道"] { --oi:var(--oi-vag);--o1:#ff7fc0;--o2:#d4489c; } mahou hero og[o="肛门"] { --oi:var(--oi-anus);--o1:#c08ef0;--o2:#8a4fd0; } mahou hero og[o="子宫"] { --oi:var(--oi-womb);--o1:#f08ea8;--o2:#c0447a; } mahou hero og[o="尿道"] { --oi:var(--di-dark);--o1:#8fd0e8;--o2:#4a9ac0; } mahou hero og[o="足部"] { --oi:var(--oi-foot);--o1:#b8a6f0;--o2:#7d5ae0; } mahou hero og[o="脑部"] { --oi:var(--oi-brain);--o1:#9fa8f0;--o2:#5e68d8; } /* ---- 现况（常显，收起时截两行） ---- */ mahou hero og cur { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; font-size:12.5px;line-height:1.8;color:#54406b; } mahou hero og:focus-within cur { -webkit-line-clamp:99; } mahou hero og cur::before { content:"现况";display:inline-block;margin-right:8px;padding:1px 8px;border-radius:2px 7px 2px 7px; background:linear-gradient(120deg,var(--o1,#ff8fc6),var(--o2,#a86bc9));color:#fff; font-size:9px;letter-spacing:2px;vertical-align:1px; } /* ---- 原生形态（展开后作为对照引文） ---- */ mahou hero og nat { font-size:12px;line-height:1.75;color:#8a7a9e;padding:7px 10px; border-left:2px dashed rgba(170,130,200,.5);border-radius:0 10px 10px 0;background:rgba(246,240,252,.7); } mahou hero og nat::before { content:"原生";display:inline-block;margin-right:8px;padding:1px 8px; border:1px solid rgba(150,120,190,.5);border-radius:2px 7px 2px 7px;background:rgba(255,255,255,.7); color:#8a6ab0;font-size:9px;letter-spacing:2px;vertical-align:1px; } /* ---- 封印开合机关 ---- */ mahou hero og nat,mahou hero og mods,mahou hero og geqs { max-height:0;opacity:0;overflow:hidden;margin:0; transition:max-height .55s cubic-bezier(.25,.85,.3,1),opacity .4s ease,margin .4s ease; } mahou hero og:focus-within nat { max-height:260px;opacity:1;margin:9px 0 0; } mahou hero og:focus-within mods,mahou hero og:focus-within geqs { max-height:900px;opacity:1;margin:9px 0 0; } /* ---- 改造刻录 ---- */ mahou hero mods::before,mahou hero geqs::before { display:block;margin:0 0 4px;padding-left:15px;background:var(--dia) left center/10px no-repeat; font-size:9.5px;font-weight:700;letter-spacing:3px;color:#a04a90; } mahou hero mods::before { content:"改造刻录"; } mahou hero geqs::before { content:"装备淫具";color:#7b3ba8; } mahou hero mod { position:relative;margin:5px 0;padding:6px 64px 6px 10px; border-left:3px solid var(--sm,#a86bc9);border-radius:0 10px 10px 0; background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.45)); box-shadow:0 1px 4px rgba(150,100,190,.1);font-size:12px;line-height:1.7;color:#5c4478; } mahou hero mod::before { content:attr(s);display:inline-block;margin-right:7px;padding:1px 7px;border-radius:2px 6px 2px 6px; background:var(--sm,#a86bc9);color:#fff;font-size:9px;letter-spacing:1.5px;vertical-align:1px; } mahou hero mod::after { content:attr(r);position:absolute;top:6px;right:8px;padding:1px 7px; border:1px solid currentColor;border-radius:2px 6px 2px 6px;background:rgba(255,255,255,.6); font-size:9px;letter-spacing:1px;color:#8a6ab0; } mahou hero mod[r="可逆"]::after { color:#3f9c6b; } mahou hero mod[r="不可逆"]::after { color:#c03a5e; } mahou hero mod[s="人为"] { --sm:#3f8fa8; } mahou hero mod[s="魔物"] { --sm:#c0447a; } mahou hero mod[s="契约"] { --sm:#a06a1e; } mahou hero mod[s="技能"] { --sm:#5e6fd8; } mahou hero mod p { margin:3px 0 0;font-size:11px;line-height:1.65;color:#7d6a94; } mahou hero mod p::before { content:"效果";display:inline-block;margin-right:6px;padding:0 6px;border-radius:2px 5px 2px 5px; background:rgba(168,107,201,.16);color:#8a5ab8;font-size:8.5px;letter-spacing:1.5px; } /* ---- 装备淫具（七阶品质签） ---- */ mahou hero geq { position:relative;margin:6px 0;padding:7px 120px 7px 10px; border:1px solid var(--q2,rgba(150,130,180,.4));border-radius:2px 12px 2px 12px; background:linear-gradient(120deg,rgba(255,255,255,.82),var(--qb,rgba(245,240,250,.6))); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(150,100,190,.1); font-size:12.5px;font-weight:700;line-height:1.6;color:var(--qt,#54406b); } mahou hero geq::before { content:attr(q);display:inline-block;margin-right:8px;padding:1px 9px; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); background:var(--q1,#9aa0ad);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;vertical-align:1px; } mahou hero geq::after { content:"Lv." attr(lv) "｜估价 " attr(pr) " G";position:absolute;top:9px;right:10px; font-size:9.5px;font-weight:400;letter-spacing:.5px;color:#8a7aa0; } mahou hero geq p { margin:3px 0 0;font-size:11px;font-weight:400;line-height:1.7;color:#6e5a86; } mahou hero geq[q="E"] { --q1:#9aa0ad;--q2:rgba(154,160,173,.5);--qt:#6a7078; } mahou hero geq[q="D"] { --q1:#5fae7f;--q2:rgba(95,174,127,.5);--qt:#3f7c58;--qb:rgba(230,246,236,.6); } mahou hero geq[q="C"] { --q1:#5e8fe8;--q2:rgba(94,143,232,.5);--qt:#3c62b8;--qb:rgba(228,238,252,.6); } mahou hero geq[q="B"] { --q1:#a86bc9;--q2:rgba(168,107,201,.55);--qt:#7b3ba8;--qb:rgba(240,230,250,.6); } mahou hero geq[q="A"] { --q1:#e0a83c;--q2:rgba(224,168,60,.6);--qt:#a06a1e;--qb:rgba(252,242,220,.65); box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(224,168,60,.28); } mahou hero geq[q="S"] { --q1:#ff5f9e;--q2:rgba(255,95,158,.6);--qt:#d4327a;--qb:rgba(255,232,242,.7); box-shadow:inset 0 1px 0 #fff,0 2px 10px rgba(255,95,158,.32); } mahou hero geq[q="SS"] { border:1.5px solid transparent;--qt:#8a4fd0; background:linear-gradient(rgba(255,255,255,.93),rgba(255,250,255,.9)) padding-box,linear-gradient(120deg,#ff8fc6,#ffd27f,#9fe0c0,#8ec5ff,#c4a6f8) border-box; box-shadow:0 2px 12px rgba(170,110,220,.32); } mahou hero geq[q="SS"]::before { background:linear-gradient(120deg,#ff6fae,#e0a83c,#4aa8c0,#8a5ad0); } /* ---- 封印札入场错峰 ---- */ mahou hero og:nth-of-type(1) { animation-delay:.05s; } mahou hero og:nth-of-type(2) { animation-delay:.1s; } mahou hero og:nth-of-type(3) { animation-delay:.15s; } mahou hero og:nth-of-type(4) { animation-delay:.2s; } mahou hero og:nth-of-type(5) { animation-delay:.25s; } mahou hero og:nth-of-type(6) { animation-delay:.3s; } mahou hero og:nth-of-type(7) { animation-delay:.35s; } mahou hero og:nth-of-type(8) { animation-delay:.4s; } mahou hero og:nth-of-type(9) { animation-delay:.45s; } mahou hero og:nth-of-type(10) { animation-delay:.5s; } /* ---- 新增关键帧 ---- */ @keyframes hshine { 0%,55%{background-position:-80% 0,0 0;}100%{background-position:190% 0,0 0;} } @keyframes hglow { 0%,100%{box-shadow:0 0 4px rgba(255,80,160,.45);}50%{box-shadow:0 0 14px rgba(255,80,160,.85);} } /* ============================================================ 移动端重排 ============================================================ */ @media (max-width:768px) { mahou view[t="主角"] con { padding:2px 7px 8px; } mahou hero::before { font-size:10.5px;padding:4px 20px;margin-bottom:9px; } mahou hero hcard { grid-template-columns:auto 1fr;gap:8px 10px;padding:12px 10px 11px; } mahou hero hlv { width:50px;height:50px; } mahou hero hlv::after { font-size:17px; } mahou hero hnm::before { font-size:19px;letter-spacing:3px; } mahou hero hnm::after { font-size:9px;padding:3px 18px; } mahou hero hch { font-size:10px;padding:2.5px 8px; } mahou hero hgd { grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:7px 20px 7px 40px; } mahou hero hgd::after { font-size:14px; } mahou hero htr f { font-size:12px;line-height:1.8;padding:8px 11px; } mahou hero hnum { grid-template-columns:1fr;gap:22px; } mahou hero hg { height:22px; } mahou hero hg::before { width:46px;font-size:9.5px;letter-spacing:0; } mahou hero hg p { left:46px;width:calc((100% - 46px)*var(--r)); } mahou hero hg::after { font-size:10px;right:7px; } mahou hero hct { font-size:12.5px;margin:9px 6px 0 0;padding:4px 10px 4px 5px; } mahou hero og { margin:10px 0 10px 12px;padding:9px 10px 9px 34px; } mahou hero og::before { width:32px;height:66px;left:-12px;padding:27px 0 8px;background-size:17px,100%;background-position:center 6px,0 0;font-size:10px;letter-spacing:2px; } mahou hero og::after { font-size:9px;padding:2.5px 15px;right:8px; } mahou hero og cur { font-size:12px; } mahou hero mod { padding:6px 9px 6px 9px; } mahou hero mod::after { position:static;display:inline-block;margin-left:8px;vertical-align:1px; } mahou hero geq { padding:7px 9px; } mahou hero geq::after { position:static;display:block;margin-top:3px; } } /* ============================================================ 羁绊面板 · 七夕愿绳与星之档案笺 —— 新增资产变量 ============================================================ */ /* ============================================================ 骨架：bwrap 纵向三段 = 愿绳栏 / 档案笺 ============================================================ */ mahou bwrap,mahou brail,mahou btab,mahou bchr,mahou bhd,mahou bcv,mahou bnm,mahou bbs,mahou bf,mahou bnil { box-sizing:border-box;display:block; } mahou bwrap { position:relative;display:block;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain; scrollbar-width:thin;scrollbar-color:#f0a8d4 transparent; } mahou bwrap::-webkit-scrollbar { width:5px; } mahou bwrap::-webkit-scrollbar-thumb { border-radius:3px;background:linear-gradient(#ff9ed2,#8fb8ff); } mahou bchr { display:none;position:relative;margin-top:10px; padding:14px 14px 20px;border-radius:5px 22px 5px 22px;border:1px solid rgba(228,168,215,.6); background:var(--dia) right 9px top 9px/10px no-repeat,var(--dia) left 9px bottom 9px/10px no-repeat,var(--sf) 0 0/150px repeat,linear-gradient(165deg,rgba(255,255,255,.93),rgba(255,244,251,.9) 46%,rgba(240,244,255,.93)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),inset 0 0 22px rgba(255,214,238,.35),0 6px 16px rgba(160,100,190,.16); animation:bbloom .5s cubic-bezier(.3,1.2,.4,1) both; } /* ---- 愿绳栏：横向滚动的短册悬挂轨 ---- */ mahou brail { flex:none;position:relative;margin:0 2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain; scrollbar-width:thin;scrollbar-color:#f0a8d4 transparent; -webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent); mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent); } mahou brail::-webkit-scrollbar { height:5px; } mahou brail::-webkit-scrollbar-thumb { border-radius:3px;background:linear-gradient(90deg,#ffa8d6,#9db9ff); } mahou btab { display:flex;gap:11px;min-width:max-content;padding:9px 18px 14px; background:var(--btzr) 0 3px/72px 16px repeat-x; } /* ============================================================ 短册标签：单元素完成 系绳/穿孔/纸札/尖尾/竖排姓名 ============================================================ */ mahou btab { display:flex;gap:11px;min-width:max-content;padding:8px 18px 12px; background:var(--btzr) 0 2px/72px 16px repeat-x; } mahou btab label { --on:0;position:relative;flex:none;display:flex;align-items:center;justify-content:center; width:46px;height:100px;padding:30px 0 12px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent; clip-path:var(--tzc); background:linear-gradient(180deg,#c99b52,#efd49e) center top/4px 14px no-repeat,var(--dia) center 19px/8px no-repeat,var(--tzm,none) center 30px/13px no-repeat,linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0) 30%) center 13px/100% 44px no-repeat,var(--xsp) 76% 88%/9px no-repeat,var(--tzbg,linear-gradient(170deg,#ffe7f4,#ffc7e2)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -9px 16px var(--tzs,rgba(233,110,180,.2)); transform:translateY(calc(var(--on,0)*7px)); transition:transform .38s cubic-bezier(.3,1.4,.4,1),box-shadow .3s ease,filter .3s ease; } mahou btab label::before { content:attr(n);writing-mode:vertical-rl;white-space:nowrap;max-height:58px;overflow:hidden; font-size:12.5px;font-weight:700;letter-spacing:2px;color:var(--tzk,#b03e88);text-shadow:0 1px 0 rgba(255,255,255,.85); } mahou btab label::after { content:"";position:absolute;left:50%;bottom:14px;width:13px;height:13px; background:var(--xspk) center/contain no-repeat;opacity:var(--on,0); transform:translateX(-50%);transform-origin:50% -46px; animation:bsway 2.8s ease-in-out infinite;transition:opacity .35s ease; } mahou btab label:hover { transform:translateY(calc(var(--on,0)*7px + 3px)) rotate(calc(1.2deg - var(--on,0)*1.2deg)); } mahou btab label:active { transform:translateY(calc(var(--on,0)*7px + 5px)); } mahou btab label[ct="1"] { --tzm:var(--bctlp); } /* ---- 五色短册纸循环（樱/空/藤/星金/薄荷）---- */ mahou btab label:nth-of-type(5n+1) { --tzbg:linear-gradient(170deg,#ffe7f4,#ffc7e2);--tzk:#b03e88;--tzs:rgba(233,110,180,.2);--tzg:rgba(255,135,200,.5); } mahou btab label:nth-of-type(5n+2) { --tzbg:linear-gradient(170deg,#e4f0ff,#c3d9ff);--tzk:#3f63b8;--tzs:rgba(110,150,235,.2);--tzg:rgba(135,175,255,.5); } mahou btab label:nth-of-type(5n+3) { --tzbg:linear-gradient(170deg,#f1e5fe,#ddc6f7);--tzk:#7443ad;--tzs:rgba(165,110,230,.2);--tzg:rgba(190,145,255,.5); } mahou btab label:nth-of-type(5n+4) { --tzbg:linear-gradient(170deg,#fff4da,#fbe0ad);--tzk:#a06a1e;--tzs:rgba(220,160,70,.24);--tzg:rgba(244,200,106,.55); } mahou btab label:nth-of-type(5n) { --tzbg:linear-gradient(170deg,#e0f6f0,#c2ebdf);--tzk:#23806f;--tzs:rgba(70,190,160,.2);--tzg:rgba(120,220,195,.5); } /* ---- 默认第 1 枚短册降下（叠层揭示，无需 checked）---- */ mahou btab label:first-of-type { --on:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.88),inset 0 -9px 16px var(--tzs),0 7px 16px var(--tzg);filter:saturate(1.15) brightness(1.04); } mahou bwrap>input:nth-of-type(2):checked~brail label:first-of-type,mahou bwrap>input:nth-of-type(3):checked~brail label:first-of-type,mahou bwrap>input:nth-of-type(4):checked~brail label:first-of-type,mahou bwrap>input:nth-of-type(5):checked~brail label:first-of-type,mahou bwrap>input:nth-of-type(6):checked~brail label:first-of-type,mahou bwrap>input:nth-of-type(7):checked~brail label:first-of-type,mahou bwrap>input:nth-of-type(8):checked~brail label:first-of-type { --on:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -9px 16px var(--tzs);filter:none; } mahou bwrap>input:nth-of-type(1):checked~brail label:nth-of-type(1),mahou bwrap>input:nth-of-type(2):checked~brail label:nth-of-type(2),mahou bwrap>input:nth-of-type(3):checked~brail label:nth-of-type(3),mahou bwrap>input:nth-of-type(4):checked~brail label:nth-of-type(4),mahou bwrap>input:nth-of-type(5):checked~brail label:nth-of-type(5),mahou bwrap>input:nth-of-type(6):checked~brail label:nth-of-type(6),mahou bwrap>input:nth-of-type(7):checked~brail label:nth-of-type(7),mahou bwrap>input:nth-of-type(8):checked~brail label:nth-of-type(8) { --on:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.88),inset 0 -9px 16px var(--tzs),0 7px 16px var(--tzg);filter:saturate(1.15) brightness(1.04); } /* ============================================================ 星之档案笺：角色卡容器（内部滚动，边框与角饰不随内容滚走） ============================================================ */ mahou bchr:first-of-type { display:block; } mahou bwrap>input:nth-of-type(2):checked~bchr:nth-of-type(1),mahou bwrap>input:nth-of-type(3):checked~bchr:nth-of-type(1),mahou bwrap>input:nth-of-type(4):checked~bchr:nth-of-type(1),mahou bwrap>input:nth-of-type(5):checked~bchr:nth-of-type(1),mahou bwrap>input:nth-of-type(6):checked~bchr:nth-of-type(1),mahou bwrap>input:nth-of-type(7):checked~bchr:nth-of-type(1),mahou bwrap>input:nth-of-type(8):checked~bchr:nth-of-type(1) { display:none; } mahou bwrap>input:nth-of-type(2):checked~bchr:nth-of-type(2),mahou bwrap>input:nth-of-type(3):checked~bchr:nth-of-type(3),mahou bwrap>input:nth-of-type(4):checked~bchr:nth-of-type(4),mahou bwrap>input:nth-of-type(5):checked~bchr:nth-of-type(5),mahou bwrap>input:nth-of-type(6):checked~bchr:nth-of-type(6),mahou bwrap>input:nth-of-type(7):checked~bchr:nth-of-type(7),mahou bwrap>input:nth-of-type(8):checked~bchr:nth-of-type(8) { display:block; } /* ============================================================ 识别区：圣环头像 + 提线星标 + 姓名/职业绶带/阵营战旗 ============================================================ */ mahou bhd { display:grid;grid-template-columns:138px minmax(0,1fr);gap:6px 16px;align-items:center;position:relative; padding:6px 4px 14px;margin-bottom:12px; background:var(--xsp) 97% 6%/14px no-repeat,var(--xsp) 90% 68%/9px no-repeat,radial-gradient(closest-side at 72px 74px,rgba(228,190,250,.45),transparent 72%); animation:rise .45s ease both; } mahou bcv { position:relative;width:138px;aspect-ratio:1/1;filter:drop-shadow(0 5px 12px rgba(190,110,190,.26)); } mahou bcv p { position:absolute;left:15%;top:5.5%;width:70%;height:70%;margin:0;border-radius:50%;overflow:hidden; background:var(--av,linear-gradient(transparent,transparent)) center/cover no-repeat,var(--xslf) center 88%/74% no-repeat,radial-gradient(circle at 50% 30%,#fff,#ffeaf6 46%,#f4e1ff 80%,#e9dbff); box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 -10px 22px rgba(216,150,230,.28); } mahou bcv::after { content:"";position:absolute;inset:0;background:var(--xfrf) center/contain no-repeat;pointer-events:none; } mahou bchr[sex*="男"] bcv p { background:var(--av,linear-gradient(transparent,transparent)) center/cover no-repeat,var(--xslm) center 88%/74% no-repeat,radial-gradient(circle at 50% 30%,#fff,#e9f2ff 46%,#e0e6ff 80%,#d8dcff); box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 -10px 22px rgba(150,170,235,.3); } mahou bchr[sex*="男"] bcv::after { background:var(--xfrm) center/contain no-repeat; } /* ---- 提线星标：操控中徽垂 · 破界压在圣环右上 ---- */ mahou bcv::before { content:"操控中";position:absolute;top:-4px;right:-12px;z-index:2;display:none; padding:24px 7px 9px;clip-path:var(--tgc); font-size:10px;font-weight:700;letter-spacing:2px;text-indent:2px;color:#fff;text-shadow:0 1px 2px rgba(110,40,90,.4); background:var(--bctl) center 5px/16px no-repeat,linear-gradient(165deg,#c58cf0,#8f5ae0); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 4px 9px rgba(140,80,210,.4); } /* ========================= 头像内服装描述浮层 桌面端：悬停显示 移动端：点击头像显示 ========================= */ mahou bcv p { cursor:help; -webkit-tap-highlight-color:transparent; } /* 描述浮层 */ mahou bcv p > .clothes-tip { position:absolute; left:50%; top:calc(100% + 12px); z-index:100; box-sizing:border-box; width:min(280px, calc(100vw - 24px)); max-height:180px; padding:12px 14px; overflow:auto; overscroll-behavior:contain; color:#5f4965; font-size:12px; font-weight:400; line-height:1.7; letter-spacing:.04em; text-align:left; text-indent:0; white-space:normal; overflow-wrap:anywhere; border:1px solid rgba(195,145,215,.34); border-radius:12px; background:linear-gradient( 145deg, rgba(255,255,255,.98), rgba(255,244,252,.98) ); box-shadow: 0 10px 28px rgba(110,65,125,.2), inset 0 0 0 1px rgba(255,255,255,.7); visibility:hidden; opacity:0; pointer-events:none; transform:translate(-50%, 6px); transition: opacity .18s ease, transform .18s ease, visibility .18s; } /* 浮层上方的小箭头 */ mahou bcv p > .clothes-tip::before { content:""; position:absolute; left:50%; top:-6px; width:11px; height:11px; border-top:1px solid rgba(195,145,215,.34); border-left:1px solid rgba(195,145,215,.34); background:#fffafd; transform:translateX(-50%) rotate(45deg); } /* 悬停、键盘聚焦或移动端点击后显示 */ mahou bcv:is(:hover, :focus-within) p { overflow:visible; } mahou bcv:is(:hover, :focus-within) p > .clothes-tip { visibility:visible; opacity:1; pointer-events:auto; transform:translate(-50%, 0); } /* 键盘访问时显示焦点环 */ mahou bcv p:focus-visible { outline:2px solid rgba(166,105,220,.72); outline-offset:3px; } /* ========================= 移动端：改为屏幕底部信息卡 防止浮层超出左右边界 ========================= */ @media (hover:none), (pointer:coarse), (max-width:600px) { /* * filter 会让 fixed 定位相对于 bcv 而不是视口， * 因此移动端打开底部卡片时需要取消它。 */ mahou bcv { filter:none; } mahou bcv p > .clothes-tip { position:fixed; left:12px; right:12px; top:auto; bottom:calc(12px + env(safe-area-inset-bottom)); width:auto; max-height:min(42vh, 320px); padding:14px 16px; font-size:13px; line-height:1.75; border-radius:16px; transform:translateY(12px); box-shadow: 0 14px 38px rgba(80,45,95,.26), inset 0 0 0 1px rgba(255,255,255,.75); } mahou bcv:is(:hover, :focus-within) p > .clothes-tip { transform:translateY(0); } /* 底部卡片不需要箭头 */ mahou bcv p > .clothes-tip::before { display:none; } } mahou bchr[ctl="1"] bcv::before { display:block;animation:bfloat 4.2s ease-in-out infinite; } /* ---- 姓名与徽记：渐变大字 + 花纹分隔 + 双绶带 ---- */ mahou bnm { display:flex;flex-direction:column;gap:9px;min-width:0;position:relative;padding:2px 0; } mahou bnm::before { content:attr(n);font-size:26px;font-weight:800;letter-spacing:8px;line-height:1.25; background:linear-gradient(160deg,#f79ecf,#d4489c 55%,#a86bc9);-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 3px rgba(160,70,140,.22)); } mahou bchr[sex*="男"] bnm::before { background:linear-gradient(160deg,#8fb8ff,#5e8fe8 55%,#7d5ae0);-webkit-background-clip:text;background-clip:text; } mahou bnm::after { content:"";height:11px;background:var(--bflr) left center/220px 11px no-repeat;opacity:.9; } mahou bnm p { display:flex;flex-wrap:wrap;gap:8px;margin:0; } mahou bnm p::before { content:attr(j);padding:4px 16px 4px 32px;clip-path:var(--rcp);white-space:nowrap; font-size:11px;letter-spacing:1.5px;color:#a4459a;text-shadow:0 1px 0 #fff; background:var(--fi-job) 14px center/13px no-repeat,linear-gradient(rgba(255,255,255,.94),rgba(255,238,249,.92)); box-shadow:inset 0 0 0 1px rgba(230,160,215,.55); } mahou bnm p::after { content:attr(a);padding:4px 18px 4px 26px;white-space:nowrap; clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); font-size:11px;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 2px rgba(100,40,90,.4); background:var(--bflg) 8px center/13px no-repeat,linear-gradient(115deg,var(--cf1,#b07ae0),var(--cf2,#7d4fd0)); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); } /* ---- 阵营战旗变色彩蛋 ---- */ mahou bnm p[a*="魔"],mahou bnm p[a*="渊"],mahou bnm p[a*="暗"],mahou bnm p[a*="夜"] { --cf1:#7a5fae;--cf2:#41305e; } mahou bnm p[a*="星"],mahou bnm p[a*="光"],mahou bnm p[a*="辉"],mahou bnm p[a*="月"] { --cf1:#7fa4f0;--cf2:#4f6fd8; } mahou bnm p[a*="教"],mahou bnm p[a*="会"],mahou bnm p[a*="厅"],mahou bnm p[a*="庭"],mahou bnm p[a*="协"] { --cf1:#e9b45f;--cf2:#c98a2e; } /* ============================================================ 基础设定区：星章题头 + 菱徽双铭牌 + 竖签长文格 ============================================================ */ mahou bbs { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px; } mahou bbs::before { content:"基础设定";grid-column:1/-1;justify-self:center;padding-bottom:14px; font-size:13px;font-weight:700;letter-spacing:6px;text-indent:6px;color:#8c5aa8;text-shadow:0 1px 0 #fff; background:var(--bflr) center bottom/220px 10px no-repeat; } mahou bf { position:relative;min-width:0;animation:rise .45s ease both; } mahou bf:nth-of-type(1) { animation-delay:.06s; } mahou bf:nth-of-type(2) { animation-delay:.12s; } mahou bf:nth-of-type(3) { animation-delay:.18s; } mahou bf:nth-of-type(4) { animation-delay:.24s; } mahou bf:nth-of-type(5) { animation-delay:.3s; } /* ---- 性别 / 年龄：菱徽铭牌 ---- */ mahou bf[v="性别"],mahou bf[v="年龄"] { display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px; padding:8px 12px;border-radius:4px 14px 4px 14px;border:1px solid rgba(225,170,220,.55); font-size:16px;font-weight:700;letter-spacing:1px;color:var(--ink); background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,240,250,.85)); box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(170,110,200,.12); transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease; } mahou bf[v="性别"]:hover,mahou bf[v="年龄"]:hover { transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(170,110,200,.2); } mahou bf[v="性别"]::before,mahou bf[v="年龄"]::before { content:"";grid-row:1/3;grid-column:1;width:38px;height:38px; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:var(--bfi,var(--fi-age)) center/17px no-repeat,linear-gradient(160deg,#fff,#ffe3f4 60%,#f3d4ff); } mahou bf[v="性别"]::after,mahou bf[v="年龄"]::after { content:attr(v);grid-column:2;grid-row:1;font-size:9.5px;font-weight:400;letter-spacing:3px;color:#b48ac4; } mahou bf[v="性别"] { --bfi:var(--fi-sexf); } mahou bchr[sex*="男"] bf[v="性别"] { --bfi:var(--fi-sexm); } mahou bchr[sex*="男"] bf[v="性别"]::before { background:var(--fi-sexm) center/17px no-repeat,linear-gradient(160deg,#fff,#e4eeff 60%,#d8e2ff); } mahou bf[v="年龄"] { --bfi:var(--fi-age); } /* ---- 性格 / 外貌 / 性器：竖签长文格（左侧签轴 + 正文）---- */ mahou bf[v="性格"],mahou bf[v="外貌"],mahou bf[v="性器"] { grid-column:1/-1;display:block;min-height:118px;padding:12px 14px 12px 52px; border-radius:4px 16px 4px 16px;border:1px solid var(--bfb,rgba(228,168,215,.55)); background:var(--xsp) right 12px top 10px/11px no-repeat,linear-gradient(150deg,rgba(255,255,255,.94),var(--bfw,rgba(255,241,250,.88))); box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(170,110,200,.12); transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease,border-color .3s ease; } mahou bf[v="性格"]::before,mahou bf[v="外貌"]::before,mahou bf[v="性器"]::before { content:"原生" attr(v);position:absolute;left:0;top:0;bottom:0;width:38px; display:flex;align-items:center;justify-content:center;padding-top:28px; writing-mode:vertical-rl;white-space:nowrap;overflow:hidden; font-size:10.5px;font-weight:700;letter-spacing:2.5px;color:#fff;text-shadow:0 1px 2px rgba(120,40,100,.35); border-radius:3px 0 0 15px; background:var(--bfi) center 8px/15px no-repeat,linear-gradient(180deg,var(--bfs1,#f9a6d4),var(--bfs2,#d4489c)); box-shadow:inset -1px 0 0 rgba(255,255,255,.35); transition:background .35s ease; } mahou bf[v="性器"]::after { content:"禁忌封印 · 轻触解封";position:absolute;inset:1px 1px 1px 39px;z-index:2; display:flex;align-items:flex-end;justify-content:center;padding-bottom:9px;border-radius:0 15px 3px 0; font-size:10.5px;letter-spacing:3px;text-indent:3px;color:#8a5ab0;text-shadow:0 1px 0 #fff; background:var(--bfd) center calc(50% - 10px)/auto 68% no-repeat,repeating-linear-gradient(-45deg,rgba(190,150,235,.1) 0 8px,transparent 8px 16px),linear-gradient(rgba(252,246,255,.72),rgba(247,238,255,.85)); background-size:auto 68%,auto,auto; transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.6,1),visibility 0s .5s; } mahou bf[v="性格"]:hover,mahou bf[v="外貌"]:hover,mahou bf[v="性器"]:hover { transform:translateY(-1px);border-color:var(--bfg);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(170,110,200,.18),0 0 12px var(--bfg); } mahou bf p { margin:0;font-size:12.5px;line-height:1.85;letter-spacing:.5px;color:#6b5482;text-align:justify; } mahou bf p::before { content:"";display:inline-block;width:12px;height:12px;margin:0 6px -1px 0; background:var(--xspk) center/contain no-repeat; } mahou bf[v="性格"] { --bfi:var(--di-mood);--bfs1:#f9a6d4;--bfs2:#d4489c;--bfb:rgba(232,150,200,.55);--bfw:rgba(255,240,249,.9);--bfg:rgba(255,140,200,.4); } mahou bf[v="外貌"] { --bfi:var(--di-eye);--bfs1:#9cc3fa;--bfs2:#5e8fe8;--bfb:rgba(150,180,240,.55);--bfw:rgba(240,246,255,.9);--bfg:rgba(130,170,255,.4); } mahou bf[v="性器"] { --bfi:var(--di-secret);--bfs1:#bd93ea;--bfs2:#8355d6;--bfb:rgba(180,140,225,.6);--bfw:rgba(248,242,255,.92);--bfg:rgba(170,120,240,.4); cursor:pointer;outline:none; } /* ---- 封印札：模糊正文 + 御札遮罩，focus-within 解封 ---- */ mahou bf[v="性器"] p { filter:blur(6px) saturate(.5);opacity:.55;user-select:none; transition:filter .55s ease,opacity .55s ease; } mahou bf[v="性器"]:hover::after { color:#7440a8; } mahou bf[v="性器"]:focus-within::after { opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) rotate(2deg); transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.6,1),visibility 0s .5s; } mahou bf[v="性器"]:focus-within p { filter:none;opacity:1;user-select:text; } mahou bf[v="性器"]:focus-within::before { background:var(--di-eye) center 8px/15px no-repeat,linear-gradient(180deg,#bd93ea,#8355d6); } /* ---- 空羁绊占位 ---- */ mahou bnil { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;margin-top:10px; border:1.5px dashed rgba(216,150,210,.5);border-radius:6px 20px 6px 20px; font-size:12px;letter-spacing:3px;color:#b48ac4;background:rgba(255,255,255,.5); } mahou bnil::before { content:"";width:62px;height:62px;background:var(--bctlp) center/contain no-repeat;opacity:.45; } mahou bnil::after { content:"尚未缔结重要的羁绊"; } /* ============================================================ 关键帧（新增） ============================================================ */ @keyframes bsway { 0%,100%{transform:translateX(-50%) rotate(-7deg);}50%{transform:translateX(-50%) rotate(7deg);} } @keyframes bfloat { 0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);} } @keyframes bbloom { 0%{opacity:0;transform:translateY(12px) scale(.985);}100%{opacity:1;transform:none;} } /* ============================================================ 移动端重排 ============================================================ */ @media (max-width:768px) { mahou btab { gap:8px;padding:8px 12px 12px; } mahou btab label { width:41px;height:96px;padding:29px 0 14px; } mahou btab label::before { font-size:12px;letter-spacing:2px;max-height:54px; } mahou bchr { margin-top:8px;padding:11px 10px 16px; } mahou bhd { grid-template-columns:100px minmax(0,1fr);gap:4px 10px;padding:4px 2px 10px;margin-bottom:9px; background:var(--xsp) 97% 6%/12px no-repeat,radial-gradient(closest-side at 52px 54px,rgba(228,190,250,.45),transparent 72%); } mahou bcv { width:100px; } mahou bcv::before { top:-4px;right:-8px;padding:19px 6px 7px;font-size:9px;letter-spacing:1.5px; background-size:13px,auto; } mahou bnm { gap:7px; } mahou bnm::before { font-size:19px;letter-spacing:4px; } mahou bnm::after { height:9px;background-size:180px 9px; } mahou bnm p { gap:6px; } mahou bnm p::before { font-size:10px;padding:3px 12px 3px 28px;background-position:12px center,0 0; } mahou bnm p::after { font-size:10px;padding:3px 14px 3px 22px;background-position:6px center,0 0; } mahou bbs { gap:8px; } mahou bbs::before { font-size:12px;letter-spacing:4px;padding-bottom:12px;background-size:180px 9px; } mahou bf[v="性别"],mahou bf[v="年龄"] { grid-template-columns:34px minmax(0,1fr);column-gap:8px;padding:7px 9px;font-size:14.5px; } mahou bf[v="性格"],mahou bf[v="外貌"],mahou bf[v="性器"] { min-height:106px;padding:10px 11px 10px 46px; } mahou bf[v="性格"]::before,mahou bf[v="外貌"]::before,mahou bf[v="性器"]::before { width:34px;font-size:10px;letter-spacing:2px;padding-top:25px;background-size:13px,auto; } mahou bf[v="性器"]::after { inset:1px 1px 1px 35px;font-size:9.5px;letter-spacing:2px;background-size:auto 62%,auto,auto; } mahou bf[v="性格"],mahou bf[v="外貌"],mahou bf[v="性器"] { padding:10px 11px 10px 40px; } mahou bf p { font-size:12px;line-height:1.8; } } /* ============================================================ 战斗资质 · 星纹回路盘（六角位阶章 + 斜切缎带槽 + 封蜡词条） ============================================================ */ mahou bbt,mahou blv,mahou bst,mahou bhp,mahou bmp,mahou bsp,mahou bgs,mahou bks { display:block;box-sizing:border-box;min-width:0; } mahou bbt { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;animation:rise .45s ease both;animation-delay:.36s; } mahou bbt::before { content:"战斗资质";grid-column:1/-1;justify-self:center;padding-bottom:14px; font-size:13px;font-weight:700;letter-spacing:6px;text-indent:6px;color:#8c5aa8;text-shadow:0 1px 0 #fff; background:var(--bflr) center bottom/220px 10px no-repeat; } mahou bbt[nil]::after { content:"未曾踏入战场 · 享受着平凡的安宁";grid-column:1/-1;padding:26px 12px;text-align:center; border:1.5px dashed rgba(216,150,210,.5);border-radius:6px 18px 6px 18px; font-size:11.5px;letter-spacing:3px;color:#b48ac4; background:var(--xsp) 24% 30%/10px no-repeat,var(--xsp) 78% 62%/8px no-repeat,rgba(255,255,255,.5); } /* ---- 位阶章：六角金徽，跨两行 ---- */ mahou blv { grid-column:1;grid-row:span 2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px; clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%); background:var(--xsp) 76% 16%/10px no-repeat,linear-gradient(165deg,#fff4da,#f4c86a 46%,#e2a83f 58%,#f7d489); box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),inset 0 -10px 18px rgba(190,130,40,.28); } mahou blv { width:72px;height:72px;align-self:center;justify-self:center; } mahou blv::before { content:"LEVEL";font-size:8.5px;letter-spacing:3px;text-indent:3px;color:#8a5f1d; } mahou blv::after { content:attr(lv);font-size:29px;font-weight:800;line-height:1.05;font-family:Georgia,"Times New Roman",serif; background:linear-gradient(180deg,#7c4f12,#b0761f);-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 rgba(255,255,255,.7)); } /* ---- 生命/魔力：斜切缎带槽，--r 驱动液面 ---- */ mahou bhp,mahou bmp { grid-column:2/-1;position:relative;align-self:center;height:34px; clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%); background:repeating-linear-gradient(-60deg,rgba(255,255,255,.3) 0 7px,transparent 7px 15px) 0 0/calc(var(--r)*100%) 100% no-repeat,linear-gradient(180deg,var(--bc1),var(--bc2) 60%,var(--bc1)) 0 0/calc(var(--r)*100%) 100% no-repeat,linear-gradient(180deg,rgba(255,255,255,.85),rgba(240,233,248,.9)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),inset 0 2px 5px rgba(120,80,160,.18); } mahou bhp { --bc1:#ff9cb8;--bc2:#e0557d; } mahou bmp { --bc1:#9cc3fa;--bc2:#5e8fe8; } mahou bhp::before,mahou bmp::before { content:"";position:absolute;left:0;top:0;bottom:0;width:38px; clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%); background:var(--bic) center/17px no-repeat,linear-gradient(165deg,var(--bc1),var(--bc2)); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); } mahou bhp::before { --bic:var(--di-soul); } mahou bmp::before { --bic:var(--di-mag); } mahou bhp::after,mahou bmp::after { position:absolute;right:16px;top:50%;transform:translateY(-50%); font-size:12.5px;font-weight:700;letter-spacing:1px;font-family:Georgia,serif;color:#5f4380;text-shadow:0 1px 0 rgba(255,255,255,.8); } mahou bhp::after { content:"HP " attr(c) " / " attr(m); } mahou bmp::after { content:"MP " attr(c) " / " attr(m); } /* ---- 三围石板：底缘充能线 ---- */ mahou bst { --sc1:#ff9dd2;--sc2:#d6489c;position:relative;padding:7px 11px 13px; border-radius:4px 12px 4px 12px;border:1px solid rgba(220,166,215,.5); background:linear-gradient(90deg,var(--sc1),var(--sc2)) left calc(100% - 5px)/calc(var(--v)*1%) 4px no-repeat,linear-gradient(rgba(140,100,180,.14),rgba(140,100,180,.14)) left calc(100% - 5px)/100% 4px no-repeat,linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,243,251,.85)); box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(170,110,200,.12); } mahou bst::before { content:attr(t);display:block;font-size:9.5px;letter-spacing:3px;color:#b48ac4; } mahou bst::after { content:attr(v);display:block;font-size:21px;font-weight:800;line-height:1.15;font-family:Georgia,serif; background:linear-gradient(170deg,var(--sc2),var(--sc1));-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 1px 0 #fff); } mahou bst[t="防御"] { --sc1:#8ec5ff;--sc2:#4f7fe0;border-color:rgba(150,180,240,.5); } mahou bst[t="抗性"] { --sc1:#c79df2;--sc2:#8a55d0;border-color:rgba(180,140,225,.5); } /* ---- SP：十格刻度槽 ---- */ mahou bsp { grid-column:1/-1;position:relative;height:24px; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(255,255,255,.95) calc(10% - 2px) 10%) 38px 0/calc(100% - 38px) 100% no-repeat,linear-gradient(180deg,#ffe2a1,#eab049) 0 0/calc(38px + (100% - 38px)*var(--r)) 100% no-repeat,linear-gradient(180deg,rgba(255,255,255,.85),rgba(248,239,224,.9)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),inset 0 2px 4px rgba(160,110,50,.2); } mahou bsp::before { content:"SP";position:absolute;left:0;top:0;bottom:0;width:38px;display:flex;align-items:center;justify-content:center; clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%); font-size:10.5px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px rgba(140,90,20,.45); background:linear-gradient(165deg,#f4c86a,#d99a2e); } mahou bsp::after { content:attr(c) " / " attr(m);position:absolute;right:14px;top:50%;transform:translateY(-50%); font-size:11.5px;font-weight:700;font-family:Georgia,serif;color:#7c5a1c;text-shadow:0 1px 0 rgba(255,255,255,.8); } /* ---- 武装 / 星技：封蜡词条，点击展开 ---- */ mahou bgs,mahou bks { grid-column:1/-1;margin-top:6px; } mahou bgs::before,mahou bks::before { content:"契约武装";display:block;text-align:center;padding-bottom:13px;margin-bottom:4px; font-size:12px;font-weight:700;letter-spacing:5px;text-indent:5px;color:#8c5aa8;text-shadow:0 1px 0 #fff; background:var(--bflr) center bottom/200px 9px no-repeat; } mahou bks::before { content:"习得星技"; } mahou bgr,mahou bsk { --tc1:#e9b45f;--tc2:#c98a2e;--qc1:#b7b3c4;--qc2:#8d8a9e; position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:9px 0;padding:9px 13px;box-sizing:border-box;cursor:pointer;outline:none; border-radius:4px 14px 4px 14px;border:1px solid rgba(224,170,216,.5); font-size:13.5px;font-weight:700;letter-spacing:1px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.7); background:var(--xsp) right 40px center/9px no-repeat,linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,243,251,.86)); box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(170,110,200,.12); transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease,border-color .3s ease; } mahou bsk { --tc1:#9cc3fa;--tc2:#5e8fe8; } mahou bgr:hover,mahou bsk:hover,mahou bgr:focus-within,mahou bsk:focus-within { transform:translateY(-1px);border-color:rgba(255,140,200,.55); box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(170,110,200,.2); } mahou bgr::before,mahou bsk::before { content:attr(t);flex:none;padding:3px 12px;clip-path:var(--rcp); font-size:10px;font-weight:700;letter-spacing:2px;text-indent:2px;color:#fff;text-shadow:0 1px 2px rgba(110,50,90,.4); background:linear-gradient(115deg,var(--tc1),var(--tc2)); } mahou bgr::after,mahou bsk::after { content:attr(q);flex:none;margin-left:auto;width:27px;height:27px;display:grid;place-items:center; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(80,50,110,.4); background:linear-gradient(160deg,var(--qc1),var(--qc2)); transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou bgr:focus-within::after,mahou bsk:focus-within::after { transform:rotate(180deg); } mahou bgr p,mahou bsk p { flex:1 1 100%;max-height:0;margin:0;overflow:hidden;opacity:0; font-size:12px;font-weight:400;line-height:1.8;letter-spacing:.5px;color:#6b5482;text-align:justify; transition:max-height .45s cubic-bezier(.4,0,.3,1),opacity .4s ease,margin .45s ease; } mahou bgr:focus-within p,mahou bsk:focus-within p { max-height:240px;opacity:1;margin-top:2px; } mahou bgr p::before,mahou bsk p::before { content:attr(c);display:inline-block;margin:0 8px 5px 0;padding:2px 10px; border:1px dashed rgba(200,140,200,.55);border-radius:8px 2px 8px 2px; font-size:10px;letter-spacing:1px;color:#a066b8;background:rgba(255,255,255,.6); } /* ---- 类型印彩 ---- */ mahou bgr[t*="武"] { --tc1:#ff8fb0;--tc2:#d6487d; } mahou bgr[t*="衣"],mahou bgr[t*="装"] { --tc1:#8ec5ff;--tc2:#4f7fe0; } mahou bgr[t*="淫"] { --tc1:#c79df2;--tc2:#8a55d0; } /* ---- 品质七阶封蜡 ---- */ mahou bgr[q="D"],mahou bsk[q="D"] { --qc1:#9fd8a8;--qc2:#5aa96b; } mahou bgr[q="C"],mahou bsk[q="C"] { --qc1:#8ec5ff;--qc2:#4f7fe0; } mahou bgr[q="B"],mahou bsk[q="B"] { --qc1:#c79df2;--qc2:#8a55d0; } mahou bgr[q="A"],mahou bsk[q="A"] { --qc1:#f7d489;--qc2:#d99a2e; } mahou bgr[q="S"],mahou bsk[q="S"] { --qc1:#ffa4d4;--qc2:#e0559d; } mahou bgr[q="SS"]::after,mahou bsk[q="SS"]::after { background:linear-gradient(120deg,#ffd76e,#ff7ac2 35%,#9cc3fa 70%,#ffd76e);background-size:280% 100%; animation:bqss 3.2s linear infinite; } @keyframes bqss { to{background-position:280% 0;} } /* ---- 战斗区移动端 ---- */ @media (max-width:768px) { mahou bbt { gap:7px;margin-top:14px; } mahou blv::after { font-size:24px; } mahou bhp,mahou bmp { height:29px; } mahou bhp::before,mahou bmp::before { width:34px;background-size:15px,auto; } mahou bhp::after,mahou bmp::after { right:11px;font-size:11px; } mahou bst { padding:6px 8px 11px; } mahou bst::before { letter-spacing:2px; } mahou bst::after { font-size:18px; } mahou bsp { height:21px; } mahou bsp::before { width:34px;font-size:10px; } mahou bgr,mahou bsk { gap:7px;padding:8px 10px;font-size:12.5px;background-position:right 36px center,0 0; } mahou bgr::after,mahou bsk::after { width:24px;height:24px;font-size:10px; } } /* ============================================================ 契约刻印 · 心羁丝 · 星之回忆 ============================================================ */ mahou bct,mahou bcr,mahou bp,mahou bfv,mahou blog,mahou bli { display:block;box-sizing:border-box;min-width:0; } /* ---- 契约刻印盘：羊皮题头 + 容量点阵 ---- */ mahou bct { position:relative;margin-top:20px;padding:14px 13px 12px; border-radius:4px 16px 4px 16px;border:1px solid rgba(210,166,116,.55); background:var(--sf) 0 0/150px repeat,repeating-linear-gradient(-42deg,rgba(206,158,108,.05) 0 9px,transparent 9px 18px),linear-gradient(160deg,#fff6e6,#faead0); box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 20px rgba(224,180,120,.2),0 4px 12px rgba(170,120,60,.14); animation:rise .45s ease both;animation-delay:.4s; } mahou bct::before { content:"契约刻印";display:block;text-align:center;padding-bottom:12px;margin-bottom:8px; font-size:12.5px;font-weight:700;letter-spacing:5px;text-indent:5px;color:#a06a1e;text-shadow:0 1px 0 #fff; background:var(--di-bond) center top/16px no-repeat,var(--bflr) center bottom/200px 9px no-repeat;padding-top:22px; } mahou bct[cap]::after { content:"刻印容量 " attr(use) " / " attr(cap);position:absolute;top:11px;right:13px; padding:3px 11px;clip-path:var(--rcp); font-size:9.5px;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px rgba(120,80,20,.4); background:linear-gradient(115deg,#f4c86a,#d99a2e);box-shadow:inset 0 1px 0 rgba(255,255,255,.4); } mahou bct[nil]::after { content:"尚无任何契约束缚彼此";display:block;padding:20px 12px 8px;text-align:center; font-size:11px;letter-spacing:2px;color:#b89768; } /* ---- 单份契约：斜盖蜡封 + 双栏对价 ---- */ mahou bcr { position:relative;margin:11px 0;padding:11px 13px 12px 15px; border-radius:3px 12px 3px 12px;border:1px solid rgba(214,176,124,.5);border-left:3px solid var(--lc2,#c98a2e); background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,247,232,.8)); box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(170,120,60,.12); } mahou bcr::before { content:"缔约 · " attr(who);display:block;margin-bottom:8px;padding-right:56px; font-size:13px;font-weight:700;letter-spacing:1px;color:#8a5a1c;text-shadow:0 1px 0 #fff; } mahou bcr::after { content:attr(lv);position:absolute;top:9px;right:11px;width:30px;height:30px;display:grid;place-items:center; clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%); font-size:13px;font-weight:800;font-family:Georgia,serif;color:#fff;text-shadow:0 1px 2px rgba(90,50,20,.5); background:var(--xsp) 74% 20%/8px no-repeat,linear-gradient(160deg,var(--lc1,#f7d489),var(--lc2,#c98a2e)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 2px 5px rgba(150,100,40,.35);transform:rotate(6deg); } mahou bcr[lv="D"] { --lc1:#9fd8a8;--lc2:#5aa96b; } mahou bcr[lv="C"] { --lc1:#8ec5ff;--lc2:#4f7fe0; } mahou bcr[lv="B"] { --lc1:#c79df2;--lc2:#8a55d0; } mahou bcr[lv="A"] { --lc1:#f7d489;--lc2:#d99a2e; } mahou bcr[lv="S"] { --lc1:#ffa4d4;--lc2:#e0559d; } mahou bp { position:relative;padding:5px 8px 5px 46px;margin:5px 0; font-size:12px;line-height:1.7;color:#6b5482;text-align:justify; border-radius:3px 10px 3px 10px;background:rgba(255,255,255,.5); } mahou bp::before { content:attr(s) "代价";position:absolute;left:0;top:0;bottom:0;width:38px; display:flex;align-items:center;justify-content:center;padding-top:14px;writing-mode:vertical-rl; font-size:9px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 1px 1px rgba(100,50,20,.4); border-radius:3px 0 0 10px;background:var(--fi-job) center 6px/13px no-repeat,linear-gradient(180deg,var(--ps1,#f4c86a),var(--ps2,#d99a2e)); } mahou bp[s="对方"]::before { --ps1:#c79df2;--ps2:#8a55d0;background:var(--di-bond) center 6px/13px no-repeat,linear-gradient(180deg,#c79df2,#8a55d0); } mahou bcr[pt]>bp:first-of-type::after { content:"消耗 " attr(pt) " 点";position:absolute;right:8px;bottom:-11px;z-index:1; padding:2px 9px;font-size:9px;letter-spacing:.5px;color:#a06a1e; border:1px dashed rgba(210,160,80,.6);border-radius:7px 2px 7px 2px;background:rgba(255,250,240,.85); } /* ---- 心羁丝：--v 驱动的双星连线进度 ---- */ mahou bfv { position:relative;margin-top:18px;padding:16px 16px 15px 62px;overflow:hidden; border-radius:4px 18px 4px 18px;border:1px solid rgba(232,150,200,.5); background:radial-gradient(circle at 88% 120%,rgba(255,180,220,.4),transparent 55%),linear-gradient(150deg,#fff2f8,#ffe4f1); box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(200,110,170,.16);animation:rise .45s ease both;animation-delay:.44s; } mahou bfv::before { content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:36px;height:36px; background:var(--di-fav) center/20px no-repeat,radial-gradient(circle at 40% 32%,#fff,#ffb0d6 60%,#e0559d); border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 3px 7px rgba(220,90,160,.35); animation:bfloat 3.4s ease-in-out infinite; } mahou bfv::after { content:"心羁 · " attr(r);display:block;font-size:10px;letter-spacing:3px;color:#b45a8e;margin-bottom:9px; } mahou bfv p { display:none; } /* 数值大字 + 进度轨用 box-shadow/背景合成，避免额外标签 */ mahou bfv { background:radial-gradient(circle at 88% 120%,rgba(255,180,220,.4),transparent 55%),linear-gradient(90deg,#ff9ed2,#d6489c) 62px calc(100% - 11px)/calc((100% - 74px)*var(--v)) 5px no-repeat,linear-gradient(rgba(200,110,170,.16),rgba(200,110,170,.16)) 62px calc(100% - 11px)/calc(100% - 74px) 5px no-repeat,linear-gradient(150deg,#fff2f8,#ffe4f1); } mahou bfv::after { content:"心羁 · " attr(r) "　" attr(v) " / 100"; } /* ---- 星之回忆：竖轴时间线卷 ---- */ mahou blog { position:relative;margin-top:20px;padding:14px 12px 6px;animation:rise .45s ease both;animation-delay:.48s; } mahou blog::before { content:"星之回忆";display:block;text-align:center;padding:22px 0 12px;margin-bottom:6px; font-size:12.5px;font-weight:700;letter-spacing:5px;text-indent:5px;color:#7d5ae0;text-shadow:0 1px 0 #fff; background:var(--di-mem) center top/17px no-repeat,var(--bflr) center bottom/200px 9px no-repeat; } mahou bli { position:relative;margin:0 0 4px 20px;padding:2px 12px 16px 22px; border-left:2px solid rgba(190,150,235,.45); } mahou bli:last-of-type { border-left-color:transparent; } mahou bli::before { content:"";position:absolute;left:-9px;top:3px;width:15px;height:15px; background:var(--xspk) center/contain no-repeat; filter:drop-shadow(0 1px 2px rgba(180,110,230,.4));animation:bsway 3s ease-in-out infinite; } mahou bli::after { content:attr(t) "　◈　" attr(p);display:block;margin-bottom:5px; font-size:10px;letter-spacing:1px;color:#9a6ad0; } mahou bli p { margin:0;padding:9px 12px;font-size:12px;line-height:1.8;color:#6b5482;text-align:justify; border-radius:3px 12px 3px 12px;border:1px solid rgba(190,150,235,.35); background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(248,242,255,.82)); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(150,110,210,.1); } mahou bli p::before { content:"「";color:#b98fe0;font-size:15px;font-weight:700;margin-right:1px; } mahou bli p::after { content:"」";color:#b98fe0;font-size:15px;font-weight:700;margin-left:1px; } mahou bli[nil]::before,mahou bli[nil]::after { display:none; } mahou bli[nil] { border-left-color:transparent;text-align:center;color:#b48ac4;font-size:11px;letter-spacing:2px; } mahou bli[nil] p { display:none; } mahou blog>bli[nil] { padding:14px; } mahou bli[nil]::after { content:"还没有与之交织的回忆";display:block;position:static;color:#b48ac4;letter-spacing:2px; } /* ---- 移动端 ---- */ @media (max-width:768px) { mahou bct { margin-top:16px;padding:12px 10px 10px; } mahou bct[cap]::after { font-size:9px;padding:2px 9px;top:10px;right:10px; } mahou bcr { padding:10px 11px 11px 13px; } mahou bcr::before { font-size:12px;padding-right:48px; } mahou bcr::after { width:27px;height:27px;font-size:12px; } mahou bp { padding:5px 7px 5px 40px;font-size:11.5px; } mahou bp::before { width:32px; } mahou bfv { margin-top:14px;padding:14px 12px 14px 54px; background:radial-gradient(circle at 88% 120%,rgba(255,180,220,.4),transparent 55%),linear-gradient(90deg,#ff9ed2,#d6489c) 54px calc(100% - 10px)/calc((100% - 64px)*var(--v)) 5px no-repeat,linear-gradient(rgba(200,110,170,.16),rgba(200,110,170,.16)) 54px calc(100% - 10px)/calc(100% - 64px) 5px no-repeat,linear-gradient(150deg,#fff2f8,#ffe4f1); } mahou bfv::before { left:11px;width:32px;height:32px;background-size:18px,auto; } mahou blog { margin-top:16px; } mahou bli { margin-left:16px;padding:2px 8px 14px 20px; } mahou bli p { font-size:11.5px;padding:8px 10px; } } /* ============================================================ 原簿第二卷 —— 新增 SVG 资产（衣装白描线 / 性斗印 / 检录小件） ============================================================ */ /* ---- 新增标签盒模型 ---- */ mahou wds,mahou wd,mahou mset,mahou mint,mahou mpt,mahou mdm,mahou hst,mahou hmind,mahou bfs,mahou pacts,mahou pact,mahou wbody,mahou wf,mahou wq,mahou gbook,mahou gf,mahou gsec,mahou ks,mahou k,mahou its,mahou it { display:block;box-sizing:border-box; } /* ============================================================ 检录帖公共骨架（details/summary） ============================================================ */ mahou hero details { margin:16px 0 0;animation:rise .5s ease both; } mahou hero summary { display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;list-style:none; border:1px solid rgba(200,155,215,.5);border-radius:3px 15px 3px 15px; background:linear-gradient(120deg,rgba(255,255,255,.85),rgba(252,243,252,.7)); box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(150,100,190,.13); transition:border-color .3s ease,box-shadow .3s ease; } mahou hero summary::-webkit-details-marker { display:none; } mahou hero summary:hover { border-color:var(--s2,#a86bc9);box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(150,100,190,.22),0 0 8px color-mix(in srgb,var(--s1,#ff9dd2) 45%,transparent); } mahou hero summary::before { order:-2;content:"";width:32px;height:32px;flex:none; clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%); background:var(--sic,var(--di-mag)) center/19px no-repeat,linear-gradient(155deg,var(--s1,#ff9dd2),var(--s2,#c0348a)); } mahou hero summary::after { order:-1;font-size:13px;font-weight:800;letter-spacing:4px;color:#6e4090;text-shadow:0 1px 0 #fff; } mahou hero summary p { order:1;display:flex;align-items:center;gap:9px;margin-left:auto;min-width:0; } mahou hero summary p::before { content:attr(n);font-size:10.5px;letter-spacing:.5px;color:#9a7ab8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } mahou hero summary p::after { content:"";width:7px;height:7px;flex:none;border-right:2px solid #b088d0;border-bottom:2px solid #b088d0; transform:rotate(45deg);transition:transform .35s cubic-bezier(.3,1.3,.4,1); } mahou hero details[open]>summary p::after { transform:rotate(-135deg) translate(-2px,-2px); } mahou hero details[open]>summary { border-radius:3px 15px 0 0;border-bottom-style:dashed; } mahou hero details[open]>*:not(summary) { animation:rise .4s ease both; } /* ---- 各册题签与徽章配色 ---- */ mahou hero details[k="衣"] { --sic:var(--wi-top);--s1:#93c7ff;--s2:#4f7fe0; } mahou hero details[k="衣"]>summary::after { content:"衣装记录"; } mahou hero details[k="魔"] { --sic:var(--di-guard);--s1:#ff9dd2;--s2:#c0348a; } mahou hero details[k="魔"]>summary::after { content:"变身魔装"; } mahou hero details[k="武"] { --sic:var(--hi-atk);--s1:#ffd48a;--s2:#e08a3c; } mahou hero details[k="武"]>summary::after { content:"契约武装"; } mahou hero details[k="战"] { --sic:var(--di-mag);--s1:#93b8f0;--s2:#5e5fd0; } mahou hero details[k="战"]>summary::after { content:"战斗术式"; } mahou hero details[k="性"] { --sic:var(--di-heart);--s1:#ff8fb4;--s2:#d4327a; } mahou hero details[k="性"]>summary::after { content:"性斗术式"; } /* ============================================================ 七阶品质共享调色（新增标签统一取用） ============================================================ */ mahou hero k[q="E"],mahou hero it[q="E"],mahou hero details[q="E"],mahou hero pact[lv="E"] { --q1:#9aa0ad;--q2:rgba(154,160,173,.55);--qt:#6a7078;--qb:rgba(240,242,245,.6); } mahou hero k[q="D"],mahou hero it[q="D"],mahou hero details[q="D"],mahou hero pact[lv="D"] { --q1:#5fae7f;--q2:rgba(95,174,127,.55);--qt:#3f7c58;--qb:rgba(230,246,236,.6); } mahou hero k[q="C"],mahou hero it[q="C"],mahou hero details[q="C"],mahou hero pact[lv="C"] { --q1:#5e8fe8;--q2:rgba(94,143,232,.55);--qt:#3c62b8;--qb:rgba(228,238,252,.6); } mahou hero k[q="B"],mahou hero it[q="B"],mahou hero details[q="B"],mahou hero pact[lv="B"] { --q1:#a86bc9;--q2:rgba(168,107,201,.6);--qt:#7b3ba8;--qb:rgba(240,230,250,.6); } mahou hero k[q="A"],mahou hero it[q="A"],mahou hero details[q="A"],mahou hero pact[lv="A"] { --q1:#e0a83c;--q2:rgba(224,168,60,.65);--qt:#a06a1e;--qb:rgba(252,242,220,.65); } mahou hero k[q="S"],mahou hero it[q="S"],mahou hero details[q="S"],mahou hero pact[lv="S"] { --q1:#ff5f9e;--q2:rgba(255,95,158,.65);--qt:#d4327a;--qb:rgba(255,232,242,.7); } mahou hero k[q="SS"],mahou hero it[q="SS"],mahou hero details[q="SS"] { --q1:#c05ae0;--q2:rgba(192,90,224,.7);--qt:#8a2fae;--qb:rgba(248,232,255,.75); } mahou hero k[q="SS"],mahou hero it[q="SS"] { box-shadow:0 0 12px rgba(200,110,240,.4),inset 0 1px 0 #fff;animation:ssglow 2.6s ease-in-out infinite; } /* ============================================================ 衣装记录：双列检录卡 + 斜盖战损印 ============================================================ */ mahou hero wds { display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 10px 11px; border:1px solid rgba(200,155,215,.4);border-top:none;border-radius:0 0 15px 15px; background:linear-gradient(rgba(252,246,255,.6),rgba(255,250,253,.4)); } mahou hero wd { position:relative;padding:9px 11px 8px;font-size:12.5px;font-weight:700;line-height:1.6;color:#4c3a66; border:1px solid rgba(200,160,220,.45);border-radius:2px 12px 2px 12px;background:rgba(255,255,255,.7); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(150,100,190,.1); transition:border-color .3s ease,box-shadow .3s ease; } mahou hero wd:hover { border-color:var(--w2,#a86bc9);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(150,100,190,.2); } mahou hero wd::before { content:attr(s);display:inline-flex;align-items:center;margin:0 8px 4px 0;padding:2.5px 10px 2.5px 24px;vertical-align:2px; clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%); background:var(--wic,var(--wi-acc)) 6px center/13px no-repeat,linear-gradient(150deg,var(--w1,#ff9dd2),var(--w2,#c0348a)); color:#fff;font-size:9.5px;font-weight:700;letter-spacing:2px;text-shadow:0 1px 2px rgba(90,30,90,.4); } mahou hero wd::after { content:attr(dm);position:absolute;top:7px;right:7px;max-width:44%;padding:2px 8px;transform:rotate(4deg); border:1.5px solid rgba(192,58,94,.65);border-radius:2px;color:#c03a5e; font-size:8.5px;font-weight:700;letter-spacing:1px;line-height:1.4;text-align:center; background:rgba(255,255,255,.55);box-shadow:0 1px 3px rgba(190,60,100,.18); } mahou hero wd[dm*="完好"]::after { border-color:rgba(63,156,107,.6);color:#3f9c6b;box-shadow:0 1px 3px rgba(60,150,100,.15); } mahou hero wd:not([dm])::after { display:none; } mahou hero wd p { margin-top:5px;font-size:11px;font-weight:400;line-height:1.75;color:#7d6a94; } mahou hero wd p::after { content:"估价 " attr(pr) " G";display:block;margin-top:4px;text-align:right; font-size:9px;letter-spacing:1px;color:#b08a3c; } mahou hero wd[s="上衣"] { --wic:var(--wi-top);--w1:#8ec5ff;--w2:#4f7fe0; } mahou hero wd[s="内衣"] { --wic:var(--wi-bra);--w1:#ffa2c8;--w2:#e0559d; } mahou hero wd[s="下装"] { --wic:var(--wi-skirt);--w1:#b8a6f0;--w2:#7d5ae0; } mahou hero wd[s="内裤"] { --wic:var(--wi-pnt);--w1:#ff9fbe;--w2:#d4487a; } mahou hero wd[s="鞋子"] { --wic:var(--wi-shoe);--w1:#93b8f0;--w2:#5568c8; } mahou hero wd[s="袜子"] { --wic:var(--wi-sock);--w1:#8fd0d8;--w2:#3a9aa0; } mahou hero wd[s="饰品"] { --wic:var(--wi-acc);--w1:#ffd48a;--w2:#dA943a; } /* ============================================================ 变身魔装：完整度光带 + 图谱脊线 ============================================================ */ mahou hero details[k="魔"] summary p::before { content:attr(v) "%";display:flex;align-items:center;justify-content:flex-end;width:110px;height:16px;padding:0 7px; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); background:linear-gradient(90deg,#ff8fc6,#c05ae0 calc(var(--r)*100%),rgba(200,170,220,.28) 0); color:#fff;font-size:9.5px;font-weight:800;letter-spacing:1px;text-shadow:0 1px 2px rgba(120,40,120,.6);overflow:visible; } mahou hero mset { position:relative;padding:13px 12px 11px 15px;border:1px solid rgba(200,155,215,.4);border-top:none;border-radius:0 0 15px 15px; background:linear-gradient(rgba(253,245,255,.6),rgba(255,249,253,.4)); } mahou hero mint { margin:0 0 10px;padding:8px 14px;font-size:11.5px;line-height:1.8;color:#8a6ab0; border:1px dashed rgba(180,130,210,.5);border-radius:2px 12px 2px 12px;background:rgba(255,255,255,.55); } mahou hero mint::before { content:"「";font-family:Georgia,serif;font-size:15px;color:#c78ae0;margin-right:2px; } mahou hero mint::after { content:"」";font-family:Georgia,serif;font-size:15px;color:#c78ae0;margin-left:2px; } mahou hero mpt { position:relative;margin:0;padding:6px 8px 6px 66px;font-size:11.5px;line-height:1.75;color:#5c4478; border-left:2px solid rgba(200,140,220,.45); } mahou hero mpt::before { content:attr(k);position:absolute;left:-2px;top:8px;width:52px;padding:2px 0;text-align:center; clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%); background:linear-gradient(150deg,#ff9dd2,#a86be0);color:#fff;font-size:9px;font-weight:700;letter-spacing:2px; text-shadow:0 1px 2px rgba(100,30,100,.4); } mahou hero mpt[k="特殊"]::before { background:linear-gradient(150deg,#c05ae0,#7d3ac0); } mahou hero mpt[k="特殊"] { color:#8a3ab0; } mahou hero mdm { margin:10px 0 0;padding:7px 11px 7px 34px;font-size:11px;line-height:1.7;color:#a03a5e; border:1px solid rgba(224,85,125,.4);border-radius:2px 12px 2px 12px; background:var(--di-alert) 9px center/16px no-repeat,linear-gradient(120deg,rgba(255,120,150,.85),rgba(224,85,125,.75)) 0 0/28px 100% no-repeat,rgba(255,240,245,.75); } /* ============================================================ 心绪与加护：日记贴条 + 双色封蜡签（悬停展效果帖） ============================================================ */ mahou hero hst { margin:22px 0 0;animation:rise .5s .06s ease both; } mahou hero hst::before,mahou hero pacts::before,mahou hero its::before { display:block;width:max-content;margin:0 auto 10px;padding:0 28px; background:var(--dia) left center/11px no-repeat,var(--dia) right center/11px no-repeat; font-size:13px;font-weight:800;letter-spacing:6px;text-indent:6px;color:#8a4fb0;text-shadow:0 1px 0 #fff; } mahou hero hst::before { content:"心绪与加护"; } mahou hero hmind { position:relative;margin:0 0 9px;padding:10px 14px 10px 40px;font-size:12.5px;line-height:1.85;color:#7a4a92; border:1px solid rgba(220,150,210,.45);border-radius:2px 14px 2px 14px; background:var(--di-mood) 11px 11px/18px no-repeat,linear-gradient(120deg,rgba(200,110,224,.9),rgba(150,80,200,.85)) 0 0/34px 100% no-repeat,linear-gradient(120deg,rgba(255,255,255,.8),rgba(252,240,255,.65)); box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(160,100,200,.14); } mahou hero bfs { position:relative;display:flex;flex-wrap:wrap;gap:7px; } mahou hero bf { display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 8px;cursor:default; clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%); background:linear-gradient(140deg,#fff6dc,#ffe3ae);border:none; box-shadow:inset 0 0 0 1px rgba(214,160,70,.5),0 2px 6px rgba(200,150,60,.2); font-size:11px;font-weight:700;color:#8a5e14; transition:box-shadow .3s ease; } mahou hero bf::before { content:"";width:15px;height:15px;flex:none;background:var(--di-guard) center/contain no-repeat; filter:invert(38%) sepia(60%) saturate(600%) hue-rotate(358deg); } mahou hero bf::after { content:attr(rm);padding:1px 7px;border-radius:2px 6px 2px 6px;background:rgba(255,255,255,.65); font-size:8.5px;font-weight:400;letter-spacing:1px;color:#a0762a;box-shadow:inset 0 0 0 1px rgba(200,150,70,.4); } mahou hero bf[d] { background:linear-gradient(140deg,#efdcf5,#d9bcec);box-shadow:inset 0 0 0 1px rgba(140,80,180,.5),0 2px 6px rgba(120,70,170,.22);color:#6e2f96; } mahou hero bf[d]::before { background:var(--di-curse) center/contain no-repeat;filter:invert(28%) sepia(40%) saturate(900%) hue-rotate(250deg); } mahou hero bf[d]::after { color:#7d4aa0;box-shadow:inset 0 0 0 1px rgba(140,90,180,.45); } mahou hero bf:hover { box-shadow:inset 0 0 0 1px rgba(214,160,70,.7),0 4px 12px rgba(200,150,60,.35); } mahou hero bf[d]:hover { box-shadow:inset 0 0 0 1px rgba(140,80,180,.75),0 4px 12px rgba(120,70,170,.35); } mahou hero bf p { position:absolute;left:4px;right:4px;z-index:9;margin-top:8px;padding:8px 12px;visibility:hidden;opacity:0;pointer-events:none; border:1px solid rgba(210,160,90,.55);border-radius:2px 12px 12px 12px; background:linear-gradient(rgba(255,252,244,.98),rgba(255,246,228,.96)); box-shadow:0 8px 20px rgba(120,80,40,.25),inset 0 1px 0 #fff; font-size:11px;font-weight:400;line-height:1.75;color:#7a5a2a; transition:opacity .3s ease,visibility 0s .3s; } mahou hero bf[d] p { border-color:rgba(150,90,190,.55);background:linear-gradient(rgba(250,244,255,.98),rgba(240,228,252,.96)); box-shadow:0 8px 20px rgba(90,50,140,.28),inset 0 1px 0 #fff;color:#6e4a94; } mahou hero bf p::before { content:"效果";display:inline-block;margin-right:7px;padding:1px 7px;border-radius:2px 6px 2px 6px; background:linear-gradient(120deg,#e0a83c,#c0842a);color:#fff;font-size:8.5px;letter-spacing:2px;vertical-align:1px; } mahou hero bf[d] p::before { background:linear-gradient(120deg,#a86bc9,#7d3ac0); } mahou hero bf:hover p,mahou hero bf:active p { visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s 0s; } /* ============================================================ 缔约文书：刻印菱石链 + 折角文书 + 等级蜡印 ============================================================ */ mahou hero pacts { margin:24px 0 0;animation:rise .5s .12s ease both; } mahou hero pacts::before { content:"缔约文书 · 刻印 " attr(u) " / " attr(m); } mahou hero pacts::after { content:"";display:block;width:calc(var(--m)*16px);height:12px;margin:0 auto 12px; -webkit-mask:var(--dia) 0 0/16px 12px repeat-x;mask:var(--dia) 0 0/16px 12px repeat-x; background:linear-gradient(90deg,#f4c86a,#e08a3c calc(var(--n)/var(--m)*100%),rgba(150,120,180,.3) 0); } mahou hero pact { position:relative;margin:10px 0;padding:11px 74px 9px 14px;font-size:13.5px;font-weight:800;letter-spacing:2px;color:#7a5210; clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,14px 100%,0 calc(100% - 14px)); border:none;background:linear-gradient(200deg,rgba(255,255,255,0) 12px,rgba(180,140,80,.25) 12px,rgba(255,255,255,0) 13px) no-repeat,linear-gradient(150deg,#fffaf0,#faf0da 55%,#f4e6c8); box-shadow:inset 0 0 0 1px rgba(206,158,108,.5),inset 0 0 18px rgba(230,190,120,.25); } mahou hero pact::before { content:attr(lv);position:absolute;top:14px;right:16px;width:34px;height:34px;transform:rotate(8deg); display:grid;place-items:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:linear-gradient(155deg,var(--q1,#a86bc9),color-mix(in srgb,var(--q1,#a86bc9) 60%,#3a2050)); color:#fff;font-family:Georgia,serif;font-size:15px;font-weight:800;letter-spacing:0; text-shadow:0 1px 2px rgba(50,20,70,.6);filter:drop-shadow(0 2px 4px rgba(120,60,140,.4)); } mahou hero pact::after { content:"时限 · " attr(tl) "　　刻印耗 · " attr(ct) " 点";display:block;margin-top:7px;padding-top:6px; border-top:1px dashed rgba(190,150,90,.5);font-size:9.5px;font-weight:400;letter-spacing:1.5px;color:#a0762a; } mahou hero pact p { margin-top:5px;font-size:11.5px;font-weight:400;letter-spacing:.4px;line-height:1.8;color:#6e5a30; } /* ============================================================ 契约武装：铭牌摘要 + 展开的鉴定记录 ============================================================ */ mahou hero details[k="武"]>summary { border-color:var(--q2,rgba(200,155,215,.5)); } mahou hero details[k="武"] summary p::before { content:attr(n) "　ATK " attr(atk) "　强化 +" attr(e); font-size:12px;font-weight:800;letter-spacing:1px;color:var(--qt,#6e4090); } mahou hero wbody { padding:12px 12px 10px;border:1px solid var(--q2,rgba(200,155,215,.4));border-top:none;border-radius:0 0 15px 15px; background:linear-gradient(var(--qb,rgba(252,246,255,.6)),rgba(255,252,250,.4)); } mahou hero wf { position:relative;margin:6px 0;padding:6px 10px 6px 76px;font-size:11.5px;line-height:1.8;color:#5c4478; border-left:3px solid var(--q1,#e0a83c);border-radius:0 10px 10px 0;background:rgba(255,255,255,.65); box-shadow:0 1px 4px rgba(160,110,60,.1); } mahou hero wf::before { content:attr(v);position:absolute;left:6px;top:8px;width:58px;padding:2px 0;text-align:center; clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%); background:linear-gradient(150deg,var(--q1,#e0a83c),color-mix(in srgb,var(--q1,#e0a83c) 65%,#503018)); color:#fff;font-size:8.5px;font-weight:700;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(80,40,20,.4); } mahou hero wq { margin:10px 4px 2px;padding:2px 6px 2px 26px;font-size:11.5px;line-height:1.85;color:#9a7a4a; background:linear-gradient(transparent 40%,rgba(240,200,120,.28) 40%,rgba(240,200,120,.28) 78%,transparent 0); } mahou hero wq::before { content:"❝";float:left;margin:-2px 6px 0 -22px;font-family:Georgia,serif;font-size:22px;line-height:1;color:var(--q1,#e0a83c); } /* ============================================================ 随行魔导书：书脊立卷 + 墨渍封印的隐藏目的 ============================================================ */ mahou hero gbook { position:relative;margin:22px 0 0;padding:12px 12px 11px 46px;animation:rise .5s .18s ease both; border:1px solid rgba(150,120,200,.5);border-radius:3px 16px 16px 3px; background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(242,238,255,.7)); box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(110,90,190,.16); } mahou hero gbook::before { content:"随行魔导书";position:absolute;left:0;top:0;bottom:0;width:34px; display:flex;align-items:center;justify-content:center;padding-top:30px;box-sizing:border-box; writing-mode:vertical-rl;font-size:11px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 1px 2px rgba(50,30,90,.5); border-radius:3px 0 0 3px; background:var(--di-mem) center 8px/17px no-repeat,linear-gradient(90deg,rgba(255,255,255,.25),transparent 40%) ,linear-gradient(170deg,#7a68c8,#4a3a90); box-shadow:inset -2px 0 3px rgba(30,20,70,.4),inset 1px 0 0 rgba(255,255,255,.3); } mahou hero gf { position:relative;margin:5px 0;padding:5px 8px 5px 58px;font-size:11.5px;line-height:1.8;color:#5c4478; } mahou hero gf::before { content:attr(v);position:absolute;left:4px;top:7px;width:42px;padding:2px 0;text-align:center; clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%); background:linear-gradient(150deg,#8ea2e8,#5a5ac0);color:#fff;font-size:8.5px;font-weight:700;letter-spacing:2px; } mahou hero gf[v="性格"]::before { background:linear-gradient(150deg,#ff9dc8,#d4488a); } mahou hero gf[v="状态"]::before { background:linear-gradient(150deg,#7fc8b0,#3a9a80); } mahou hero gsec { position:relative;margin:9px 0 0;padding:9px 12px 9px 58px;font-size:11.5px;line-height:1.8; border-radius:2px 12px 2px 12px;border:1px solid rgba(80,60,120,.5); background:var(--di-secret) 30px center/16px no-repeat,linear-gradient(150deg,#3a3054,#2c2444); color:transparent;text-shadow:0 0 9px rgba(230,220,255,.95);cursor:default; transition:color .7s ease,text-shadow .7s ease; } mahou hero gsec::before { content:"禁阅";position:absolute;left:-7px;top:-8px;padding:3px 9px;transform:rotate(-7deg); border:1.5px solid rgba(255,110,150,.8);border-radius:2px;background:rgba(50,30,60,.85); color:#ff8fb4;font-size:9px;font-weight:800;letter-spacing:2px;box-shadow:0 2px 5px rgba(30,10,40,.5); } mahou hero gsec::after { content:"— 指尖抚过墨渍，可窥其真意 —";position:absolute;right:10px;bottom:3px; font-size:8px;letter-spacing:1.5px;color:rgba(200,180,240,.5);text-shadow:none; transition:opacity .5s ease; } mahou hero gsec:hover,mahou hero gsec:active { color:#e8ddff;text-shadow:0 0 1px rgba(230,220,255,.4); } mahou hero gsec:hover::after,mahou hero gsec:active::after { opacity:0; } /* ============================================================ 术式短册：宝珠图标复用（k[t*=] 全局映射） + S/M 印 ============================================================ */ mahou hero ks { padding:11px 10px 10px;border:1px solid rgba(200,155,215,.4);border-top:none;border-radius:0 0 15px 15px; background:linear-gradient(rgba(250,246,255,.55),rgba(255,250,253,.4)); } mahou hero ks k { position:relative;margin:8px 0;padding:9px 12px 8px;font-size:13px;font-weight:800;letter-spacing:1px;color:var(--qt,#54406b); border:1px solid var(--q2,rgba(190,150,210,.45));border-left:3px solid var(--q1,#a86bc9);border-radius:2px 12px 12px 2px; background:linear-gradient(120deg,rgba(255,255,255,.85),var(--qb,rgba(250,244,255,.7))); box-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(150,100,190,.12); } mahou hero ks k::before { content:"";display:inline-block;width:26px;height:26px;margin-right:9px;vertical-align:-8px; clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%); background:var(--kic,var(--di-mag)) center/15px no-repeat,linear-gradient(155deg,color-mix(in srgb,var(--c1,#c4a6f8) 55%,#fff) ,color-mix(in srgb,var(--c1,#c4a6f8) 70%,#4a2a7a)); filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c1,#c4a6f8) 70%,transparent)); } mahou hero ks k::after { content:attr(q) " 级 · Lv." attr(lv) "　" attr(mc);position:absolute;top:10px;right:11px; font-size:9.5px;font-weight:700;letter-spacing:.5px;color:var(--qt,#8a6aa8);opacity:.9; } mahou hero ks k p { margin:4px 0 0;font-size:11.5px;font-weight:400;letter-spacing:.4px;line-height:1.8;color:#6e5a86; } mahou hero ks k p+p { padding:3px 9px;font-size:10.5px;color:#9a86ae;border-left:2px dashed rgba(170,130,200,.5);background:rgba(246,240,252,.6);border-radius:0 8px 8px 0; } mahou hero ks k[sm="S"] { background:var(--sm-s) right 9px bottom 7px/25px no-repeat,linear-gradient(120deg,rgba(255,255,255,.85),rgba(255,238,247,.75)); } mahou hero ks k[sm="M"] { background:var(--sm-m) right 9px bottom 7px/25px no-repeat,linear-gradient(120deg,rgba(255,255,255,.85),rgba(244,238,255,.78)); } /* ============================================================ 随身行囊：格架 + 横贯详情帖（静态位绝对定位，永不裁剪） ============================================================ */ mahou hero its { position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin:24px 0 0;animation:rise .5s .24s ease both; } mahou hero its::before { content:"随身行囊";grid-column:1/-1;margin-bottom:2px; } mahou hero it { position:static;min-height:78px;padding:34px 5px 6px;cursor:default;text-align:center; font-size:9.5px;font-weight:700;line-height:1.4;letter-spacing:.5px;color:var(--qt,#5c4478);word-break:break-all; border:1px solid var(--q2,rgba(190,150,210,.4));border-radius:2px 11px 2px 11px; background:var(--gic,var(--gi-box)) center 8px/23px no-repeat,linear-gradient(160deg,rgba(255,255,255,.85),var(--qb,rgba(250,245,253,.7))); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(150,100,190,.1); transition:border-color .3s ease,box-shadow .3s ease; } mahou hero it:hover { z-index:9;border-color:var(--q1,#a86bc9); box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(150,100,190,.25),0 0 9px color-mix(in srgb,var(--q1,#c8a2f0) 45%,transparent); } mahou hero it::before { content:attr(q);position:absolute;margin:-31px 0 0 -3px;padding:1px 7px 1px 4px; clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%); background:var(--q1,#9aa0ad);color:#fff;font-size:8.5px;font-weight:800;letter-spacing:0; } mahou hero it:not([q])::before { display:none; } mahou hero it p { position:absolute;left:4px;right:4px;z-index:10;margin-top:10px;padding:9px 12px;visibility:hidden;opacity:0;pointer-events:none; text-align:left;font-size:11px;font-weight:400;letter-spacing:.4px;line-height:1.75;color:#5c4478; border:1px solid var(--q2,rgba(180,140,210,.55));border-radius:2px 14px 14px 14px; background:linear-gradient(rgba(255,253,255,.98),var(--qb,rgba(250,244,253,.96))); box-shadow:0 10px 24px rgba(110,70,160,.28),inset 0 1px 0 #fff; transition:opacity .3s ease,visibility 0s .3s; } mahou hero it:hover p,mahou hero it:active p { visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s 0s; } mahou hero it p::before { content:"所在 · " attr(ps) "　　估价 · " attr(pr) " G";display:block;margin-bottom:4px;padding-bottom:4px; border-bottom:1px dashed rgba(180,140,210,.45);font-size:9.5px;letter-spacing:1px;color:#9a7ab8; } mahou hero it p::after { content:"状况 · " attr(cs);display:block;margin-top:5px;padding:3px 8px;border-radius:2px 8px 2px 8px; background:rgba(240,230,250,.7);font-size:9.5px;letter-spacing:.5px;color:#8a5ab8; } /* ---- 行囊图标映射（复用 gi 资产） ---- */ mahou hero it[t*="武"],mahou hero it[t*="杖"],mahou hero it[t*="剑"] { --gic:var(--gi-wand); } mahou hero it[t*="饰"],mahou hero it[t*="链"],mahou hero it[t*="坠"] { --gic:var(--gi-orn); } mahou hero it[t*="衣"],mahou hero it[t*="裙"],mahou hero it[t*="布"] { --gic:var(--gi-clo); } mahou hero it[t*="发"],mahou hero it[t*="头"] { --gic:var(--gi-hair); } mahou hero it[t*="符"],mahou hero it[t*="守"] { --gic:var(--gi-charm); } mahou hero it[t*="靴"],mahou hero it[t*="鞋"] { --gic:var(--gi-boot); } mahou hero it[t*="戒"] { --gic:var(--gi-ring); } mahou hero it[t*="书"],mahou hero it[t*="卷"],mahou hero it[t*="典"] { --gic:var(--gi-book); } mahou hero it[t*="药"],mahou hero it[t*="瓶"],mahou hero it[t*="食"] { --gic:var(--gi-potion); } mahou hero it[t*="匣"],mahou hero it[t*="盒"],mahou hero it[t*="钥"],mahou hero it[t*="道具"] { --gic:var(--gi-box); } /* ---- 各册入场错峰 ---- */ mahou hero details[k="衣"] { animation-delay:.02s; } mahou hero details[k="魔"] { animation-delay:.05s; } mahou hero details[k="武"] { animation-delay:.15s; } mahou hero details[k="战"] { animation-delay:.2s; } mahou hero details[k="性"] { animation-delay:.22s; } @keyframes ssglow { 0%,100%{box-shadow:0 0 8px rgba(200,110,240,.32),inset 0 1px 0 #fff;}50%{box-shadow:0 0 16px rgba(220,130,255,.6),inset 0 1px 0 #fff;} } /* ============================================================ 移动端重排 ============================================================ */ @media (max-width:768px) { mahou hero summary { padding:8px 10px;gap:7px; } mahou hero summary::before { width:27px;height:27px;background-size:16px,100%; } mahou hero summary::after { font-size:12px;letter-spacing:2.5px; } mahou hero summary p::before { font-size:9.5px;max-width:120px; } mahou hero details[k="魔"] summary p::before { width:82px; } mahou hero wds { grid-template-columns:1fr;gap:8px;padding:10px 8px 9px; } mahou hero wd { font-size:12px; } mahou hero wd::after { max-width:38%;font-size:8px; } mahou hero mpt { padding:6px 6px 6px 58px;font-size:11px; } mahou hero mpt::before { width:46px;font-size:8.5px;letter-spacing:1.5px; } mahou hero hmind { font-size:12px;padding:9px 11px 9px 38px; } mahou hero bf { font-size:10.5px;padding:4px 9px 4px 7px; } mahou hero pact { padding:10px 56px 8px 11px;font-size:12.5px; } mahou hero pact::before { width:29px;height:29px;font-size:13px;top:11px;right:12px; } mahou hero pact::after { font-size:9px; } mahou hero details[k="武"] summary p::before { content:attr(n) " · +" attr(e); } mahou hero wf { padding:6px 8px 6px 70px;font-size:11px; } mahou hero gbook { padding:10px 9px 9px 40px; } mahou hero gbook::before { width:29px;font-size:10px;letter-spacing:3px; } mahou hero gf { padding:5px 4px 5px 52px;font-size:11px; } mahou hero gsec { padding:8px 9px 16px 52px;background-position:28px 12px;background-size:14px; } mahou hero ks k { font-size:12px;padding:8px 10px 7px; } mahou hero ks k::after { position:static;display:block;margin:2px 0 0 35px;font-size:9px; } mahou hero its { grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px; } mahou hero it { min-height:68px;padding:29px 3px 5px;font-size:9px;background-size:19px;background-position:center 7px; } mahou hero it::before { margin-top:-26px; } mahou hero it p { font-size:10.5px; } } /* ============================================================ 修复 1：details 开合防跳锚定 ============================================================ */ /* 在每个 details 内部添加隐形锚点，开合时浏览器跳转到此处而非 summary */ mahou hero details::before { content:"";display:block;height:0;margin-top:-1px;visibility:hidden; } /* summary 改为 sticky 定位，开合时不引发大幅布局偏移 */ mahou hero summary { position:sticky;top:0;z-index:2; display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;list-style:none; border:1px solid rgba(200,155,215,.5);border-radius:3px 15px 3px 15px; background:linear-gradient(120deg,rgba(255,255,255,.85),rgba(252,243,252,.7)); box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(150,100,190,.13); transition:border-color .3s ease,box-shadow .3s ease; } /* ============================================================ 修复 2：buff/debuff 改为常驻完整展示，移除 hover 弹窗 ============================================================ */ mahou hero bf { display:block;padding:7px 11px 6px 30px;cursor:default; border-radius:2px 12px 2px 12px; background:var(--di-guard) 8px 8px/16px no-repeat,linear-gradient(140deg,#fff6dc,#ffe3ae); border:1px solid rgba(214,160,70,.5); box-shadow:0 2px 6px rgba(200,150,60,.2); font-size:11px;line-height:1.7;color:#7a5a2a; transition:box-shadow .3s ease; } mahou hero bf[d] { background:var(--di-curse) 8px 8px/16px no-repeat,linear-gradient(140deg,#efdcf5,#d9bcec); border-color:rgba(140,80,180,.5); box-shadow:0 2px 6px rgba(120,70,170,.22); color:#6e2f96; } mahou hero bf::before { content:attr(n);display:inline;font-weight:800;margin-right:6px; } mahou hero bf::after { content:"　剩余 · " attr(rm);display:inline;padding:0 7px;border-radius:2px 6px 2px 6px; background:rgba(255,255,255,.65);font-size:9px;font-weight:400;letter-spacing:1px; color:#a0762a;box-shadow:inset 0 0 0 1px rgba(200,150,70,.4); } mahou hero bf[d]::after { color:#7d4aa0;box-shadow:inset 0 0 0 1px rgba(140,90,180,.45); } mahou hero bf:hover { box-shadow:0 4px 12px rgba(200,150,60,.35); } mahou hero bf[d]:hover { box-shadow:0 4px 12px rgba(120,70,170,.35); } /* 效果文本直接跟在名称后，不再做 hover 弹窗 */ mahou hero bf p { display:inline;margin:0;padding:0;position:static;visibility:visible;opacity:1;pointer-events:auto; border:none;background:transparent;box-shadow:none; font-size:11px;font-weight:400;line-height:inherit;color:inherit; } mahou hero bf p::before { content:" —— ";display:inline;margin:0;padding:0;background:transparent; font-size:inherit;letter-spacing:0;color:inherit; } /* 移除旧的 hover 弹窗样式 */ /* mahou hero bf p 原有的绝对定位与弹窗代码全部删除，已被上方覆盖 */ /* ============================================================ 修复 3：技能短册改用新标签 hk（与既有 chr 内的 k 区分） ============================================================ */ /* 旧的 ks>k 全部改为 ks>hk，避免与 btl>sks>k 冲突 */ mahou hero ks hk { position:relative;margin:8px 0;padding:9px 12px 8px;font-size:13px;font-weight:800;letter-spacing:1px;color:var(--qt,#54406b); border:1px solid var(--q2,rgba(190,150,210,.45));border-left:3px solid var(--q1,#a86bc9);border-radius:2px 12px 12px 2px; background:linear-gradient(120deg,rgba(255,255,255,.85),var(--qb,rgba(250,244,255,.7))); box-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(150,100,190,.12); display:block;box-sizing:border-box; } mahou hero ks hk::before { content:"";display:inline-block;width:26px;height:26px;margin-right:9px;vertical-align:-8px; clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%); background:var(--kic,var(--di-mag)) center/15px no-repeat,linear-gradient(155deg,color-mix(in srgb,var(--c1,#c4a6f8) 55%,#fff) ,color-mix(in srgb,var(--c1,#c4a6f8) 70%,#4a2a7a)); filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c1,#c4a6f8) 70%,transparent)); } mahou hero ks hk::after { content:attr(q) " 级 · Lv." attr(lv) "　" attr(mc);position:absolute;top:10px;right:11px; font-size:9.5px;font-weight:700;letter-spacing:.5px;color:var(--qt,#8a6aa8);opacity:.9; } mahou hero ks hk p { margin:4px 0 0;font-size:11.5px;font-weight:400;letter-spacing:.4px;line-height:1.8;color:#6e5a86; } mahou hero ks hk p+p { padding:3px 9px;font-size:10.5px;color:#9a86ae;border-left:2px dashed rgba(170,130,200,.5);background:rgba(246,240,252,.6);border-radius:0 8px 8px 0; } mahou hero ks hk[sm="S"] { background:var(--sm-s) right 9px bottom 7px/25px no-repeat,linear-gradient(120deg,rgba(255,255,255,.85),rgba(255,238,247,.75)); } mahou hero ks hk[sm="M"] { background:var(--sm-m) right 9px bottom 7px/25px no-repeat,linear-gradient(120px,rgba(255,255,255,.85),rgba(244,238,255,.78)); } /* 技能类型图标映射（原 k[t*=] 改为 hk[t*=]） */ mahou hero ks hk[t*="攻"],mahou hero ks hk[t*="斩"],mahou hero ks hk[t*="击"] { --kic:var(--ki-atk);--c1:#ff9ebc; } mahou hero ks hk[t*="防"],mahou hero ks hk[t*="盾"] { --kic:var(--ki-shd);--c1:#a8c4f8; } mahou hero ks hk[t*="治"],mahou hero ks hk[t*="愈"],mahou hero ks hk[t*="恢复"] { --kic:var(--ki-heal);--c1:#9ce8c4; } mahou hero ks hk[t*="辅"],mahou hero ks hk[t*="增"],mahou hero ks hk[t*="强化"] { --kic:var(--ki-buff);--c1:#ffd98a; } mahou hero ks hk[t*="控"],mahou hero ks hk[t*="缚"],mahou hero ks hk[t*="眠"] { --kic:var(--ki-ctrl);--c1:#cfaef5; } mahou hero ks hk[t*="咒"],mahou hero ks hk[t*="诅"] { --kic:var(--ki-curse);--c1:#b48ad6; } mahou hero ks hk[t*="净"],mahou hero ks hk[t*="圣"] { --kic:var(--ki-pure);--c1:#ffe9a8; } mahou hero ks hk[t*="召"] { --kic:var(--ki-smn);--c1:#c4a6f8; } mahou hero ks hk[t*="移"],mahou hero ks hk[t*="瞬"],mahou hero ks hk[t*="飞"] { --kic:var(--ki-mov);--c1:#9adcf5; } mahou hero ks hk[t*="感"],mahou hero ks hk[t*="侦"],mahou hero ks hk[t*="知"] { --kic:var(--ki-sen);--c1:#a8c4f8; } mahou hero ks hk[t*="连"],mahou hero ks hk[t*="共鸣"],mahou hero ks hk[t*="结"] { --kic:var(--ki-lnk);--c1:#e0a8f0; } mahou hero ks hk[t*="结界"],mahou hero ks hk[t*="域"],mahou hero ks hk[t*="壁"] { --kic:var(--ki-bar);--c1:#ffa8d0; } mahou hero ks hk[t*="炎"],mahou hero ks hk[t*="火"],mahou hero ks hk[t*="焰"] { --kic:var(--ki-fire);--c1:#ffb08a; } mahou hero ks hk[t*="冰"],mahou hero ks hk[t*="霜"],mahou hero ks hk[t*="雪"] { --kic:var(--ki-ice);--c1:#a8ddf5; } mahou hero ks hk[t*="雷"],mahou hero ks hk[t*="电"] { --kic:var(--ki-thd);--c1:#ffe08a; } mahou hero ks hk[t*="风"] { --kic:var(--ki-wind);--c1:#a8ecc8; } mahou hero ks hk[t*="星"] { --kic:var(--ki-star);--c1:#ffd98a; } mahou hero ks hk[t*="月"] { --kic:var(--ki-moon);--c1:#a8b8f5; } mahou hero ks hk[t*="光"] { --kic:var(--ki-lgt);--c1:#fff0a8; } mahou hero ks hk[t*="影"],mahou hero ks hk[t*="暗"] { --kic:var(--ki-shw);--c1:#b49ad6; } /* 移动端同步修改 */ @media (max-width:768px) { mahou hero bf { font-size:10.5px;padding:6px 9px 5px 28px;background-size:14px;background-position:7px 7px; } mahou hero bf p { font-size:10.5px; } mahou hero ks hk { font-size:12px;padding:8px 10px 7px; } mahou hero ks hk::after { position:static;display:block;margin:2px 0 0 35px;font-size:9px; } } /* ============================================================ 过往记忆 —— 资产登记 ============================================================ */ /* ---- 棱镜图 = 整个记忆面板的背景（画在 con 上，铺满全幅，中央无任何元素） ---- */ mahou view[t="记忆"] con { background:var(--mprs) center top/100% auto no-repeat,rgba(255,255,255,.55); } mahou mem,mahou lmem,mahou smem,mahou lm,mahou sm { display:block;box-sizing:border-box; } /* ---- 双列舞台：中央仅由列间距露出背景中的棱镜，无中间轨道 ---- */ mahou mem { display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:start;min-height:100%; } /* ---- 区头（标题 + 副标题，全静态） ---- */ mahou lmem,mahou smem { position:relative;padding-top:2px;counter-reset:lmn; } mahou smem { counter-reset:smn; } mahou lmem::before,mahou smem::before { display:block;width:max-content;max-width:100%;margin:0 auto 30px;padding:4px 50px 4px 46px;font-size:18px;font-weight:800;letter-spacing:6px;text-indent:6px;text-shadow:0 1px 0 #fff;box-sizing:border-box; } mahou lmem::before { content:"长期记忆";color:#6f46bd;background:var(--mmoon) left 2px center/34px no-repeat,var(--mspk1) right center/44px no-repeat; } mahou smem::before { content:"短期记忆";color:#c23f88;background:var(--mcry) left 2px center/34px no-repeat,var(--mspk2) right center/44px no-repeat; } mahou lmem::after,mahou smem::after { position:absolute;top:33px;left:0;right:0;text-align:center;font-size:10.5px;letter-spacing:3px;text-indent:3px;pointer-events:none; } mahou lmem::after { content:"深藏于心的永恒印记";color:#a389c9;background:var(--dia) calc(50% - 90px) center/8px no-repeat,var(--dia) calc(50% + 84px) center/8px no-repeat; } mahou smem::after { content:"近期经历的点滴片段";color:#c98cae;background:var(--dia) calc(50% - 90px) center/8px no-repeat,var(--dia) calc(50% + 84px) center/8px no-repeat; } /* ---- 长期记忆 · 封印卷轴（卷脊 + 编号垂旗 + 书签绦带） ---- */ mahou lm { position:relative;counter-increment:lmn;margin:18px 2px 15px;padding:13px 15px 9px 32px;border-radius:8px 13px 13px 8px; border:1px solid color-mix(in srgb,var(--c2) 38%,#fff); background:var(--mstw) 4.5px center/9px no-repeat,linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,0) 45%) left top/18px 100% no-repeat,linear-gradient(168deg,var(--c1),var(--c2)) left top/18px 100% no-repeat,linear-gradient(150deg,#fff 20%,var(--cbg)); box-shadow:0 5px 14px rgba(140,90,190,.16),inset 0 1px 0 #fff; transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease; } mahou lm:hover { transform:translateY(-2px);box-shadow:0 9px 20px rgba(140,90,190,.26),0 0 12px color-mix(in srgb,var(--c1) 55%,transparent),inset 0 1px 0 #fff; } mahou lm::before { content:counter(lmn,decimal-leading-zero);counter-increment:none;position:absolute;top:-7px;left:26px;width:30px;height:37px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;box-sizing:border-box; clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 1px rgba(80,30,110,.35); background:var(--mstw) center bottom 7px/8px no-repeat,linear-gradient(160deg,var(--c1),var(--c2)); filter:drop-shadow(0 2px 3px rgba(110,60,150,.35)); } mahou lm::after { content:"";position:absolute;top:-5px;right:16px;width:24px;height:38px;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%); background:var(--mstw) center 9px/13px no-repeat,linear-gradient(var(--c1),var(--c2));opacity:.95;filter:drop-shadow(0 2px 3px rgba(110,60,150,.3)); } mahou lm:nth-of-type(3n+1) { --c1:#b892ec;--c2:#7d54cf;--cbg:#f5eeff; } mahou lm:nth-of-type(3n+2) { --c1:#ff92bd;--c2:#d84a86;--cbg:#fff0f6; } mahou lm:nth-of-type(3n) { --c1:#8ebcf8;--c2:#5479d8;--cbg:#eef4ff; } /* ---- 短期记忆 · 星缀便笺 ---- */ mahou sm { position:relative;counter-increment:smn;margin:16px 8px 18px 8px;padding:11px 30px 8px 14px;--rot:-1.2deg;transform:rotate(var(--rot)); border-radius:5px 16px 7px 14px;border:1px solid color-mix(in srgb,var(--c2) 32%,#fff); background:linear-gradient(155deg,#fff 25%,var(--cbg)); box-shadow:4px 5px 0 -1px rgba(255,255,255,.85),5px 7px 0 -1px color-mix(in srgb,var(--c2) 24%,transparent),0 9px 18px rgba(140,90,190,.15); transition:transform .3s cubic-bezier(.3,1.3,.4,1),box-shadow .3s ease; } mahou sm:nth-of-type(even) { --rot:1.1deg;border-radius:14px 6px 15px 5px; } mahou sm:hover { transform:rotate(var(--rot)) translateY(-3px);box-shadow:4px 5px 0 -1px rgba(255,255,255,.85),5px 7px 0 -1px color-mix(in srgb,var(--c2) 24%,transparent),0 13px 24px rgba(140,90,190,.24),0 0 12px color-mix(in srgb,var(--c1) 55%,transparent); } mahou sm::before { content:counter(smn,decimal-leading-zero);counter-increment:none;position:absolute;top:-12px;left:-9px;width:38px;height:38px;display:flex;align-items:center;justify-content:center; clip-path:polygon(50% 0,63% 24%,88% 12%,76% 37%,100% 50%,76% 63%,88% 88%,63% 76%,50% 100%,37% 76%,12% 88%,24% 63%,0 50%,24% 37%,12% 12%,37% 24%); font-size:11.5px;font-weight:800;color:#fff;text-shadow:0 1px 1px rgba(90,30,90,.35); background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.65),transparent 42%),linear-gradient(150deg,var(--c1),var(--c2)); filter:drop-shadow(0 2px 3px rgba(120,60,150,.35)); } mahou sm::after { content:"";position:absolute;right:-14px;top:50%;width:58px;height:58px;margin-top:-29px;background:var(--dc) center/contain no-repeat; filter:drop-shadow(0 3px 5px rgba(130,70,160,.3));transform:rotate(5deg);transition:transform .35s cubic-bezier(.3,1.4,.4,1); } mahou sm:hover::after { transform:rotate(-4deg) scale(1.08); } mahou sm:nth-of-type(4n+1) { --c1:#ff9cc6;--c2:#e2589a;--cbg:#fff0f7;--dc:var(--mdc1); } mahou sm:nth-of-type(4n+2) { --c1:#c6a0f4;--c2:#8a5cd8;--cbg:#f6efff;--dc:var(--mdc2); } mahou sm:nth-of-type(4n+3) { --c1:#9cc2fa;--c2:#5f86dd;--cbg:#eff5ff;--dc:var(--mdc3); } mahou sm:nth-of-type(4n) { --c1:#8bd8cc;--c2:#3fa396;--cbg:#edfaf7;--dc:var(--mdc4); } mahou sm:nth-of-type(4n+1)::after { top:-8px;margin-top:0; } mahou sm:nth-of-type(4n+3)::after { top:auto;bottom:-10px;margin-top:0;transform:rotate(-8deg); } /* ---- 字段行：强制裸排版（清除一切继承的框/底/影），仅标签药丸 + 下划线 ---- */ mahou lm f,mahou sm f { display:flex;align-items:baseline;gap:9px;min-width:0; margin:0 0 3px;padding:2px 0 5px;border:0;border-radius:0;background:none;box-shadow:none;text-indent:0; font-size:12.5px;font-weight:400;line-height:1.6;letter-spacing:.5px;color:#54406b;text-shadow:0 1px 0 rgba(255,255,255,.6); border-bottom:1px solid color-mix(in srgb,var(--c2) 22%,transparent); } mahou lm f:last-of-type,mahou sm f:last-of-type { border-bottom:0;margin-bottom:0; } mahou lm f::after,mahou sm f::after { content:none; } mahou lm f::before,mahou sm f::before { position:static;display:inline-block;flex:0 0 auto;min-width:48px;box-sizing:border-box;text-align:center;padding:1.5px 8px;margin:0;border:0;border-radius:9px 3px 9px 3px; font-size:10px;font-weight:700;line-height:1.6;letter-spacing:2px;text-indent:2px;color:#fff;text-shadow:0 1px 1px rgba(90,40,110,.3); background:linear-gradient(120deg,var(--c1),var(--c2));box-shadow:0 1px 3px rgba(120,60,150,.22),inset 0 1px 0 rgba(255,255,255,.45); } mahou lm f:nth-of-type(1)::before { content:"时间段"; } mahou lm f:nth-of-type(2)::before { content:"地点"; } mahou lm f:nth-of-type(3)::before { content:"核心事件"; } mahou lm f:nth-of-type(4)::before { content:"永久影响"; } mahou lm f:nth-of-type(n+3)::before { background:linear-gradient(120deg,var(--c2),color-mix(in srgb,var(--c2) 55%,#2e1450)); } mahou sm f:nth-of-type(1)::before { content:"时间"; } mahou sm f:nth-of-type(2)::before { content:"地点"; } mahou sm f:nth-of-type(3)::before { content:"人物"; } mahou sm f:nth-of-type(4)::before { content:"概述"; } mahou lm f:last-of-type,mahou sm f:last-of-type { display:block; padding-top:2px; line-height:1.8; letter-spacing:.2px; } mahou lm f:last-of-type::before,mahou sm f:last-of-type::before { display:inline-block; margin:0 0 6px; } /* ---- 移动端：纵向堆叠，背景图仍铺全幅 ---- */ @media (max-width:768px) { mahou view[t="记忆"] con { background:var(--mprs) center 40px/220% auto no-repeat,rgba(255,255,255,.62); } mahou mem { grid-template-columns:1fr;column-gap:0; } mahou lmem::before,mahou smem::before { font-size:16px;letter-spacing:4px;text-indent:4px;padding:4px 42px 4px 40px;margin-bottom:28px;background-size:29px,38px; } mahou lmem::after,mahou smem::after { top:30px;font-size:10px;background-position:calc(50% - 80px) center,calc(50% + 74px) center; } mahou smem { margin-top:14px; } mahou lm { margin:16px 0 13px;padding:12px 12px 8px 30px; } mahou lm::before { left:20px;width:27px;height:34px;font-size:12px; } mahou lm::after { right:12px;width:21px;height:33px; } mahou sm { margin:15px 10px 16px 7px;padding:10px 54px 7px 13px; } mahou sm::before { width:34px;height:34px;top:-10px;left:-8px;font-size:10.5px; } mahou sm::after { width:48px;height:48px;right:-10px;margin-top:-24px; } mahou lm f,mahou sm f { font-size:12px;gap:7px; } mahou lm f::before,mahou sm f::before { min-width:44px;font-size:9.5px;letter-spacing:1.5px;text-indent:1.5px; } } /* ============================================================ 星辉解析 —— 正文内联提示 tip/w 伪元素 position:fixed，包含块被 story/view/con 的 contain:layout paint 捕获 → 钉在舞台底部，永不被滚动裁剪 ============================================================ */ /* ---- 内联词语（读者所见） ---- */ mahou tip { /* 变量资产：由分散的同选择器规则安全归并 */ --tc1:#b79df2; --tc1:#b79df2; --tc2:#7d5ae0; --tc2:#7d5ae0; --ti:var(--tp-str); --ti:var(--tp-str); display:inline;cursor:help; } mahou w { display:inline;padding:0 1px;font-weight:600; color:color-mix(in oklab,var(--tc2) 58%,#4d3b63); text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--tc2) 55%,transparent); text-decoration-thickness:1.5px;text-underline-offset:4px; background:linear-gradient(color-mix(in srgb,var(--tc1) 32%,transparent),color-mix(in srgb,var(--tc1) 32%,transparent)) 0 86%/0% 7px no-repeat; transition:background-size .35s cubic-bezier(.3,.8,.3,1),color .3s ease,text-shadow .3s ease; } mahou w::after { content:"";display:inline-block;width:8px;height:8px;margin-left:2px;vertical-align:2px; background:linear-gradient(150deg,var(--tc1),var(--tc2)); -webkit-mask:var(--tp-spk) center/contain no-repeat;mask:var(--tp-spk) center/contain no-repeat; transition:transform .4s cubic-bezier(.3,1.4,.4,1); } mahou tip:hover w,mahou tip:active w { color:var(--tc2);background-size:100% 7px; text-shadow:0 0 9px color-mix(in srgb,var(--tc1) 75%,transparent); } mahou tip:hover w::after,mahou tip:active w::after { animation:tptw 1.5s ease-in-out infinite; } @keyframes tptw { 0%,100%{opacity:1;transform:rotate(0) scale(1.15);}50%{opacity:.5;transform:rotate(180deg) scale(.85);} } /* ============================================================ 星辉解析 · 单气泡版 桌面：词语正上方单 tooltip 移动：长按/聚焦后转为行内注记，避免裁剪 ============================================================ */ mahou tip { position: relative; display: inline; cursor: help; outline: none; } mahou tip::after { content: "「" var(--tl,"解析") "」 " attr(v); display: none; /* 默认隐藏 */ position: static; /* 行内流，绝不会被祖先 overflow 裁剪 */ box-sizing: border-box; max-width: 100%; margin: .3em .15em .25em; padding: 7px 12px 7px 44px; font-size: 12px; line-height: 1.6; letter-spacing: .5px; font-variant-numeric: tabular-nums; vertical-align: baseline; color: color-mix(in oklab,var(--tc2) 78%,#2c2040); border-radius: 3px 14px 3px 14px; border: 1px solid color-mix(in srgb,var(--tc1) 70%,#fff); background: var(--ti) left 10px center/16px no-repeat, radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--tc1) 85%,#fff),var(--tc2) 70%,transparent 71%) left 4px center/28px 28px no-repeat, linear-gradient(transparent 18%,color-mix(in srgb,var(--tc2) 30%,transparent) 50%,transparent 82%) 39px 0/1px 100% no-repeat, linear-gradient(90deg,color-mix(in srgb,var(--tc1) 18%,transparent),transparent 40%), linear-gradient(rgba(255,255,255,.97),rgba(255,252,255,.93)); box-shadow: 0 5px 15px color-mix(in srgb,var(--tc2) 24%,transparent), inset 0 1px 0 #fff; animation: tpnote .22s cubic-bezier(.25,.9,.3,1.15) both; } /* 桌面 hover / 触屏 tap（active/focus）统一展开为行内注记 */ mahou tip:hover::after, mahou tip:active::after, mahou tip:focus::after, mahou tip:focus-within::after { display: inline-block; } @keyframes tpnote { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } } /* ---- 类别匹配（同一 v 命中多词时，源顺序靠后者优先） ---- */ mahou tip[v*="魔力"],mahou tip[v*="魔法"],mahou tip[v*="咏唱"],mahou tip[v*="咒文"],mahou tip[v*="法术"] { --tc1:#93b8ff;--tc2:#4f7fe0;--ti:var(--tp-mag);--tl:"魔力"; } mahou tip[v*="治疗"],mahou tip[v*="治愈"],mahou tip[v*="回复"],mahou tip[v*="恢复"],mahou tip[v*="再生"] { --tc1:#8fdca8;--tc2:#3fa06a;--ti:var(--tp-heal);--tl:"治愈"; } mahou tip[v*="护盾"],mahou tip[v*="防御"],mahou tip[v*="结界"],mahou tip[v*="庇护"],mahou tip[v*="格挡"],mahou tip[v*="抵挡"] { --tc1:#8fd8e8;--tc2:#3e8fb0;--ti:var(--tp-shd);--tl:"守护"; } mahou tip[v*="强化"],mahou tip[v*="增益"],mahou tip[v*="提升"],mahou tip[v*="上升"],mahou tip[v*="加速"],mahou tip[v*="加护"] { --tc1:#ffd06a;--tc2:#cf9430;--ti:var(--tp-up);--tl:"强化"; } mahou tip[v*="弱化"],mahou tip[v*="减益"],mahou tip[v*="降低"],mahou tip[v*="下降"],mahou tip[v*="迟缓"],mahou tip[v*="束缚"],mahou tip[v*="眩晕"],mahou tip[v*="中毒"] { --tc1:#a8b4c8;--tc2:#5a6a88;--ti:var(--tp-dn);--tl:"弱化"; } mahou tip[v*="获得"],mahou tip[v*="入手"],mahou tip[v*="掉落"],mahou tip[v*="道具"],mahou tip[v*="报酬"],mahou tip[v*="拾取"] { --tc1:#e8b06a;--tc2:#a86a2e;--ti:var(--tp-itm);--tl:"入手"; } mahou tip[v*="经验"],mahou tip[v*="成长"],mahou tip[v*="升级"],mahou tip[v*="等级"],mahou tip[v*="熟练"] { --tc1:#7de0c0;--tc2:#2ea888;--ti:var(--tp-lv);--tl:"成长"; } mahou tip[v*="情报"],mahou tip[v*="线索"],mahou tip[v*="发现"],mahou tip[v*="洞察"],mahou tip[v*="察觉"] { --tc1:#8fa8e8;--tc2:#4a5fb8;--ti:var(--tp-eye);--tl:"情报"; } mahou tip[v*="判定"],mahou tip[v*="检定"],mahou tip[v*="骰"],mahou tip[v*="成功"],mahou tip[v*="失败"] { --tc1:#b0a8e0;--tc2:#4a4a8a;--ti:var(--tp-dic);--tl:"判定"; } mahou tip[v*="好感"],mahou tip[v*="羁绊"],mahou tip[v*="心动"],mahou tip[v*="亲密"],mahou tip[v*="信赖"] { --tc1:#ff9ed2;--tc2:#d6489c;--ti:var(--tp-luv);--tl:"羁绊"; } mahou tip[v*="伤"],mahou tip[v*="攻击"],mahou tip[v*="斩"],mahou tip[v*="刺"],mahou tip[v*="轰"] { --tc1:#ff8fa6;--tc2:#d6486e;--ti:var(--tp-atk);--tl:"伤害"; } mahou tip[v*="暴击"],mahou tip[v*="会心"],mahou tip[v*="致命"] { --tc1:#ff9e5e;--tc2:#e0562a;--ti:var(--tp-crt);--tl:"会心"; } mahou tip[v*="净化"],mahou tip[v*="圣光"],mahou tip[v*="祈祷"],mahou tip[v*="希望"] { --tc1:#ffe9b0;--tc2:#c9963e;--ti:var(--tp-spk);--tl:"净化"; } mahou tip[v*="侵蚀"],mahou tip[v*="堕落"],mahou tip[v*="黑暗"],mahou tip[v*="污浊"],mahou tip[v*="诅咒"],mahou tip[v*="腐化"],mahou tip[v*="绝望"] { --tc1:#b07ad6;--tc2:#52246e;--ti:var(--tp-cor);--tl:"侵蚀"; } mahou tip[v*="危险"],mahou tip[v*="警告"],mahou tip[v*="注意"],mahou tip[v*="威胁"] { --tc1:#ff7a7a;--tc2:#b81f2e;--ti:var(--tp-wrn);--tl:"危险"; } /* ---- 触屏：长按触发，松手驻留 2.6s 后淡出 ---- */ /* ---- 移动端尺寸重排 ---- */ @media (max-width:768px) { mahou w { text-underline-offset:3px; } } /* ============================================================ 调律之匣 · 新增资产 ============================================================ */ /* ---- 匣内容器：卸下通用虚线框，改为素净谱底 ---- */ mahou setp con { border:none;background:transparent;box-shadow:none;padding:2px 4px 8px;color:var(--ink); } /* ============================================================ 叙事调律栓（三枚宝石栓） ============================================================ */ mahou tune { display:flex;gap:10px;margin:4px 2px 16px; } mahou nk { --gm1:#ff9dd2;--gm2:#d6489c; position:relative;display:block;flex:1 1 0;min-width:0;padding:15px 9px 9px;text-align:center; border-radius:14px 4px 14px 4px;border:1px solid rgba(226,178,232,.65); background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(250,240,255,.8)); box-shadow:0 3px 8px rgba(160,100,190,.14),inset 0 1px 0 #fff; font-size:13px;font-weight:700;letter-spacing:.5px;line-height:1.5;color:#7a4fa8; } mahou nk:nth-of-type(2) { --gm1:#93c7ff;--gm2:#4f7fe0; } mahou nk:nth-of-type(3) { --gm1:#c4a6f8;--gm2:#7d5ae0; } mahou nk::before { content:attr(n);display:block;margin-bottom:4px;font-size:9.5px;font-weight:500;letter-spacing:3px;text-indent:3px;color:#b394cc; } mahou nk::after { content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);border-radius:3px 0; background:linear-gradient(135deg,#fff,var(--gm1) 45%,var(--gm2)); box-shadow:0 0 8px var(--gm1),inset 0 1px 1px rgba(255,255,255,.8); } /* ============================================================ 律令谱段（禁 / 好 / 厌）—— 谱线 + 蜡封缎带 + 吊坠饰牌 ============================================================ */ mahou setp sec { --sc1:#ff9dd2;--sc2:#d6489c; position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:58px; margin:0 2px 13px 10px;padding:12px 12px 12px 44px; border-radius:4px 16px 16px 4px;border:1px solid color-mix(in srgb,var(--sc1) 42%,transparent); background:repeating-linear-gradient(180deg,transparent 0 13px,color-mix(in srgb,var(--sc1) 24%,transparent) 13px 14px) 0 7px/100% calc(100% - 14px) no-repeat,linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.52)); box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 7px color-mix(in srgb,var(--sc1) 18%,transparent); } mahou setp sec[t="禁"] { --sc1:#a879c9;--sc2:#5d2f82; } mahou setp sec[t="厌"] { --sc1:#9db1d8;--sc2:#5f74a3; } /* ---- 左侧蜡封缎带垂签（破界压过谱段左缘） ---- */ mahou setp sec::before { position:absolute;left:-10px;top:9px;z-index:2;writing-mode:vertical-rl;padding:20px 5px 13px; font-size:11px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 1px 2px rgba(90,30,80,.35); clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),50% 100%,0 calc(100% - 7px)); box-shadow:2px 2px 6px color-mix(in srgb,var(--sc2) 40%,transparent); } mahou setp sec[t="禁"]::before { content:"禁封";background:var(--tlock) center top 5px/11px no-repeat,linear-gradient(175deg,#8a5db0,#4a2560); } mahou setp sec[t="好"]::before { content:"好偏";background:var(--tspark) center top 5px/11px no-repeat,linear-gradient(175deg,#ff9dd2,#c93d8d); } mahou setp sec[t="厌"]::before { content:"恶厌";background:var(--tdrop) center top 5px/11px no-repeat,linear-gradient(175deg,#a7b8dd,#54689a); } /* ---- 吊坠饰牌通用：顶端金环挂在谱线上，悬停轻晃 ---- */ mahou setp tg { position:relative;display:inline-flex;align-items:center;margin-top:6px;padding:6px 14px 7px; font-size:12px;letter-spacing:1.5px;line-height:1.3;color:#fff;cursor:default; transform-origin:50% -8px;transition:filter .3s ease; } mahou setp tg::before { content:"";position:absolute;top:-8px;left:50%;width:7px;height:7px;margin-left:-4.5px;border:2px solid var(--gold);border-radius:50%; background:rgba(255,255,255,.4);box-shadow:0 1px 2px rgba(120,60,140,.35); } mahou setp tg:hover { animation:chime 1.2s ease-in-out infinite;filter:brightness(1.07); } /* ---- 禁：暗紫封印木札（尖底垂札 + 金锁压角 + 斜光封条） ---- */ mahou setp sec[t="禁"] tg { clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),50% 100%,0 calc(100% - 7px)); padding-bottom:12px;color:#ffd9ef; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 40%,transparent 50%),linear-gradient(160deg,#6b3f8e,#3c1f56); box-shadow:inset 0 0 0 1px rgba(244,200,106,.45),inset 0 1px 0 rgba(255,255,255,.25); } mahou setp sec[t="禁"] tg::after { content:"";position:absolute;top:-5px;right:-6px;width:15px;height:15px;transform:rotate(12deg); background:var(--tlock) center/contain no-repeat;filter:drop-shadow(0 1px 2px rgba(60,20,80,.5)); } /* ---- 好：粉色共鸣坠（星屑微闪 = 本面板唯一常驻动效） ---- */ mahou setp sec[t="好"] tg { border-radius:13px 4px 13px 4px;padding-left:28px; background:linear-gradient(140deg,#ffb1dc,#e0559d 70%); box-shadow:0 3px 9px rgba(224,85,157,.35),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(160,30,100,.25); } mahou setp sec[t="好"] tg::after { content:"";position:absolute;left:9px;top:50%;width:13px;height:13px;margin-top:-6.5px; background:var(--tspark) center/contain no-repeat;animation:twk 3.2s ease-in-out infinite; } mahou setp sec[t="好"] tg:nth-of-type(2n)::after { animation-delay:-1.6s; } @keyframes twk { 0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(.7) rotate(24deg);opacity:.7;} } /* ---- 厌：垂斜降调牌（水滴坠） ---- */ mahou setp sec[t="厌"] tg { border-radius:4px 12px 4px 12px;padding-right:26px;color:#eef2fb;transform:rotate(-2deg);filter:saturate(.85); background:linear-gradient(150deg,#a7b6d8,#697ea9); box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 6px rgba(90,110,150,.3); } mahou setp sec[t="厌"] tg::after { content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;margin-top:-5px; background:var(--tdrop) center/contain no-repeat;opacity:.9; } /* ---- 空谱段：静默弦提示 ---- */ mahou setp sec:empty::after { display:block;margin:2px auto;font-size:11px;letter-spacing:2.5px;font-style:normal; color:color-mix(in srgb,var(--sc2) 55%,#fff);opacity:.85; } mahou setp sec[t="禁"]:empty::after { content:"未刻封印 · 万象皆可编入乐章"; } mahou setp sec[t="好"]:empty::after { content:"尚无共鸣之音 · 咏唱以点亮"; } mahou setp sec[t="厌"]:empty::after { content:"没有降下的音 · 一切如常"; } /* ---- 咏唱指南（纯静态，烧录于 CSS） ---- */ mahou setp con::after { content:"以「/偏好 禁：…；好：…；厌：…」咏唱，即刻改写此匣律令\A以「/叙事 人称 · 字数下限 · 基调」调整叙事之声\A律令只约束场景的编织，不会束缚你的言行"; display:block;margin:2px 2px 0 10px;padding:11px 13px 11px 46px;white-space:pre-line; font-size:10.5px;line-height:2;letter-spacing:1.5px;color:#8a6fa5; border:1px dashed rgba(178,128,208,.55);border-radius:3px 14px 3px 14px; background:var(--tquill) 13px center/22px no-repeat,linear-gradient(150deg,rgba(255,250,255,.85),rgba(243,236,255,.7)); box-shadow:inset 0 1px 0 #fff; } /* ============================================================ 移动端重排 ============================================================ */ @media (max-width:768px) { mahou tune { flex-wrap:wrap;gap:8px;margin-bottom:13px; } mahou nk { flex:1 1 30%;padding:13px 6px 8px;font-size:12px; } mahou nk:nth-of-type(3) { flex:1 1 100%; } mahou setp sec { margin-left:8px;padding:10px 9px 10px 38px;gap:7px 8px;min-height:52px; } mahou setp sec::before { left:-8px;top:7px;font-size:10px;letter-spacing:3px;padding:18px 4px 11px; } mahou setp tg { font-size:11px;padding:5px 11px 6px; } mahou setp sec[t="禁"] tg { padding-bottom:10px; } mahou setp sec[t="好"] tg { padding-left:24px; } mahou setp sec[t="厌"] tg { padding-right:23px; } mahou setp con::after { margin-left:8px;padding:9px 10px 9px 40px;font-size:10px;letter-spacing:1px;background-position:11px center,0 0;background-size:19px,auto; } } /* ================================================================== Mobile performance profile - Activates only on coarse-pointer touch devices up to 1024px. - Desktop rules above remain unchanged. ================================================================== */ @keyframes mg-mobile-discuss-breathe { 0%, 100% { transform: translateZ(0) scale(.988); opacity: .96; } 50% { transform: translateZ(0) scale(1.012); opacity: 1; } } @keyframes mg-mobile-loader-float { 0%, 100% { transform: translate3d(0, 1px, 0) rotate(-.35deg); } 50% { transform: translate3d(0, -3px, 0) rotate(.35deg); } } @media (max-width: 1024px) and (hover: none) and (pointer: coarse) { /* 1) Do not keep a huge custom cursor active on touch-only devices. */ .flex.flex-col.items-center.gap-2\.5, .flex.flex-col.items-center.gap-2\.5 * { cursor: auto !important; } /* 3) Prompt area: freeze paint-heavy masked-gradient / embedded-SVG loops while keeping the same decorations visible. */ #prompt-input { isolation: isolate; } #prompt-input::before { --mg-border-angle: 35deg; animation: none !important; } #prompt-input::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2042'%3E%3Cdefs%3E%3ClinearGradient%20id='rl'%20x1='0'%20y1='0'%20x2='0.6'%20y2='1'%3E%3Cstop%20offset='0%25'%20stop-color='%23ffb6d3'/%3E%3Cstop%20offset='100%25'%20stop-color='%23ff7eb3'/%3E%3C/linearGradient%3E%3ClinearGradient%20id='rr'%20x1='0.4'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0%25'%20stop-color='%23dab0ff'/%3E%3Cstop%20offset='100%25'%20stop-color='%23c8a2ff'/%3E%3C/linearGradient%3E%3CradialGradient%20id='gem'%20cx='0.45'%20cy='0.4'%20r='0.5'%3E%3Cstop%20offset='0%25'%20stop-color='%23fff8e7'/%3E%3Cstop%20offset='40%25'%20stop-color='%23ffd700'/%3E%3Cstop%20offset='100%25'%20stop-color='%23ffb700'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M25%2022%20C20%2018%206%208%204%2014%20C2%2020%2012%2022%2018%2021%20C14%2023%204%2026%205%2030%20C6%2035%2018%2028%2025%2022Z'%20fill='url(%23rl)'%20stroke='%23e8568a'%20stroke-width='0.6'%20opacity='0.85'/%3E%3Cpath%20d='M25%2022%20C30%2018%2044%208%2046%2014%20C48%2020%2038%2022%2032%2021%20C36%2023%2046%2026%2045%2030%20C44%2035%2032%2028%2025%2022Z'%20fill='url(%23rr)'%20stroke='%23a06cd5'%20stroke-width='0.6'%20opacity='0.85'/%3E%3Cpath%20d='M22%2024%20C18%2030%2015%2038%2012%2040'%20fill='none'%20stroke='%23ff7eb3'%20stroke-width='1.8'%20stroke-linecap='round'%20opacity='0.5'/%3E%3Cpath%20d='M28%2024%20C32%2030%2035%2038%2038%2040'%20fill='none'%20stroke='%23c8a2ff'%20stroke-width='1.8'%20stroke-linecap='round'%20opacity='0.5'/%3E%3Cellipse%20cx='25'%20cy='21.5'%20rx='4.5'%20ry='4'%20fill='url(%23gem)'%20stroke='%23e8a800'%20stroke-width='0.7'/%3E%3Cellipse%20cx='23.5'%20cy='20'%20rx='1.5'%20ry='1'%20fill='white'%20opacity='0.7'%20transform='rotate(-20%2023.5%2020)'/%3E%3Cpath%20d='M25%2013%20L25.6%2015.5%20L28%2014.5%20L26%2016.5%20L28.5%2018%20L25.8%2017.5%20L25%2020%20L24.2%2017.5%20L21.5%2018%20L24%2016.5%20L22%2014.5%20L24.4%2015.5Z'%20fill='%23ffd700'%20opacity='0.6'%3E%3C/path%3E%3C/svg%3E") !important; filter: none !important; } #prompt-input > [data-slot="input-group"]::before, #prompt-input > [data-slot="input-group"]::after { animation: none !important; } #prompt-input:focus-within::before { padding: 2.5px !important; filter: none !important; } #prompt-input:focus-within > [data-slot="input-group"], .dark #prompt-input:focus-within > [data-slot="input-group"] { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 4px 18px rgba(160, 108, 213, .10) !important; } #prompt-input-header button, #prompt-input-footer button, header button { transition: color .18s ease, border-color .18s ease, background-color .18s ease, opacity .18s ease, transform .18s ease !important; } #prompt-input-header button:hover, #prompt-input-footer button:hover, header button:hover { transform: none !important; } #prompt-input-header button:hover svg, .dark #prompt-input-header button:hover svg, header svg { filter: none !important; } button[aria-label="发送"]::before { background-image: url("https://i.ibb.co/vx0msK3D/image.png") !important; } button[aria-label="停止"]::before { background-image: url("https://i.ibb.co/xqJnZz43/2-1.png") !important; animation-duration: 2.6s !important; will-change: transform; } /* 4) Header: remove live backdrop sampling; keep the same layered image. */ header { background: linear-gradient(135deg, rgba(100, 149, 237, .78) 0%, rgba(255, 182, 213, .78) 50%, rgba(138, 180, 248, .74) 100%), url("https://i.ibb.co/60fM9cWM/image.png") center / cover no-repeat, linear-gradient(135deg, #6b8cff 0%, #ffb6d5 50%, #8ab4f8 100%) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 2px 10px rgba(107, 140, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .22) !important; } header::after { animation-duration: 6s !important; text-shadow: none !important; } header button:hover { box-shadow: none !important; } header button:active { transform: scale(.97) !important; } header button span.absolute { animation-duration: 3.6s !important; } /* 5) Message cards: smaller source textures and static decorations. The frame and sparkle artwork stay; only perpetual child animation ends. */ .group.is-user > div:first-child { border-image-source: url("https://i.ibb.co/gMcnkbr8/image.png") !important; border-image-width: clamp(42px, 12vw, 52px) !important; border-width: clamp(42px, 12vw, 52px) !important; filter: none !important; box-shadow: 0 5px 15px rgba(216, 150, 214, .24) !important; } .group.flex.max-w-\[100\%\].flex-col.gap-2.is-user.ml-auto.justify-end.w-fit::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ccircle%20cx='50'%20cy='50'%20r='46'%20fill='none'%20stroke='%23ff69b4'%20stroke-width='0.8'%20opacity='0.35'%20stroke-dasharray='8%204'%3E%3C/circle%3E%3Ccircle%20cx='50'%20cy='50'%20r='38'%20fill='none'%20stroke='%236cb4ee'%20stroke-width='0.6'%20opacity='0.28'%20stroke-dasharray='5%205'%3E%3C/circle%3E%3Ccircle%20cx='50'%20cy='50'%20r='28'%20fill='none'%20stroke='%23dda0dd'%20stroke-width='0.4'%20opacity='0.22'%3E%3C/circle%3E%3Cg%20opacity='0.18'%3E%3Cpolygon%20points='50,10%2078,70%2022,70'%20fill='none'%20stroke='%23ff69b4'%20stroke-width='0.5'/%3E%3Cpolygon%20points='50,90%2022,30%2078,30'%20fill='none'%20stroke='%236cb4ee'%20stroke-width='0.5'/%3E%3C/g%3E%3Cpath%20d='M50%2042l2%205%205%202-5%202-2%205-2-5-5-2%205-2z'%20fill='%23ffc0cb'%20opacity='0.35'%3E%3C/path%3E%3C/svg%3E") !important; animation: none !important; filter: none !important; } .group.flex.max-w-\[100\%\].flex-col.gap-2.is-user.ml-auto.justify-end.w-fit::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='80'%20viewBox='0%200%2020%2080'%3E%3Ccircle%20cx='10'%20cy='10'%20r='1.5'%20fill='%23ff69b4'%20opacity='0.3'%3E%3C/circle%3E%3Cpath%20d='M10%2035l1.5%204.5%204.5%201.5-4.5%201.5-1.5%204.5-1.5-4.5-4.5-1.5%204.5-1.5z'%20fill='%236cb4ee'%20opacity='0.25'%3E%3C/path%3E%3Ccircle%20cx='12'%20cy='65'%20r='1'%20fill='%23dda0dd'%20opacity='0.2'%3E%3C/circle%3E%3C/svg%3E") !important; animation: none !important; } .group.is-user .bg-muted button:hover, .group.is-assistant .bg-muted button:hover { box-shadow: none !important; } .group.is-user .bg-muted button:hover svg, .group.is-assistant .bg-muted button:hover svg { transform: none !important; } /* 6) Terminal assets: use static versions of the same SVG artwork on mobile. This removes embedded SMIL loops without changing desktop assets. */ mahou { --sf: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3E%3Cg%20fill='%23ffffff'%20opacity='.55'%3E%3Ccircle%20cx='20'%20cy='30'%20r='1.3'/%3E%3Ccircle%20cx='90'%20cy='18'%20r='1'/%3E%3Ccircle%20cx='122'%20cy='68'%20r='1.2'/%3E%3Ccircle%20cx='52'%20cy='96'%20r='1'/%3E%3Ccircle%20cx='104'%20cy='122'%20r='1.4'/%3E%3Ccircle%20cx='14'%20cy='118'%20r='.9'/%3E%3C/g%3E%3Cpath%20d='M70%2046l1.6%205%205%201.6-5%201.6-1.6%205-1.6-5-5-1.6%205-1.6z'%20fill='%23ffc9e5'%3E%3C/path%3E%3Cpath%20d='M32%2066l1.3%204%204%201.3-4%201.3-1.3%204-1.3-4-4-1.3%204-1.3z'%20fill='%23b9d7ff'%3E%3C/path%3E%3C/svg%3E") !important; --mc: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20220'%3E%3Cg%20fill='none'%20stroke='%23ff8fcb'%20stroke-opacity='.5'%3E%3Ccircle%20cx='110'%20cy='110'%20r='104'%20stroke-width='1.6'/%3E%3Ccircle%20cx='110'%20cy='110'%20r='88'%20stroke-dasharray='3%208'/%3E%3Ccircle%20cx='110'%20cy='110'%20r='66'%20stroke='%237db8ff'%20stroke-opacity='.45'/%3E%3Cpath%20d='M110%2022l76%20132H34z'/%3E%3Cpath%20d='M110%20198L34%2066h152z'/%3E%3Ccircle%20cx='110'%20cy='110'%20r='26'%20stroke='%237db8ff'%20stroke-opacity='.5'%20stroke-dasharray='6%204'/%3E%3Cpath%20d='M110%206v10M110%20204v10M6%20110h10M204%20110h10'%20stroke='%23ffb7dd'/%3E%3C/g%3E%3C/svg%3E") !important; --gearbig: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2080'%20fill='none'%20stroke='%23e7b7dd'%20stroke-width='3'%3E%3Cg%20opacity='.5'%3E%3Ccircle%20cx='40'%20cy='40'%20r='12'/%3E%3Ccircle%20cx='40'%20cy='40'%20r='26'%20stroke-dasharray='8%206'/%3E%3Cpath%20d='M40%204v10M40%2066v10M4%2040h10M66%2040h10M14.5%2014.5l7%207M58.5%2058.5l7%207M65.5%2014.5l-7%207M21.5%2058.5l-7%207'/%3E%3C/g%3E%3C/svg%3E") !important; --orbstar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='none'%3E%3Cg%20stroke='%23f4c86a'%20stroke-width='2.2'%20stroke-linecap='round'%20opacity='.9'%3E%3Cpath%20d='M15.5%207.5l4.5%203.5M48.5%207.5L44%2011M13%2019.5l5%20.8M51%2019.5l-5%20.8'%3E%3C/path%3E%3C/g%3E%3Cpath%20d='M32%203c1.6%206.6%204.6%209.6%2011.2%2011.2C36.6%2015.8%2033.6%2018.8%2032%2025.4c-1.6-6.6-4.6-9.6-11.2-11.2C27.4%2012.6%2030.4%209.6%2032%203z'%20fill='%23ff7fbe'%3E%3C/path%3E%3Cpath%20d='M32%2058C32%2046%2028%2039.2%2017%2032.2'%20stroke='%23e0559d'%20stroke-width='4'%20stroke-linecap='round'/%3E%3Cpath%20d='M32%2058C32%2046%2036%2039.2%2047%2032.2'%20stroke='%235e8fe8'%20stroke-width='4'%20stroke-linecap='round'/%3E%3Cpath%20d='M8%2025l14.2-3-6.1%2013.2z'%20fill='%23e0559d'/%3E%3Cpath%20d='M56%2025l-14.2-3%206.1%2013.2z'%20fill='%235e8fe8'/%3E%3C/svg%3E") !important; --md1: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cdefs%3E%3CradialGradient%20id='g'%20cx='36%25'%20cy='26%25'%20r='78%25'%3E%3Cstop%20offset='0'%20stop-color='%23ffdcec'/%3E%3Cstop%20offset='.55'%20stop-color='%23ff77b6'/%3E%3Cstop%20offset='1'%20stop-color='%23c92a74'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M32%202L47.6%2016.4%2062%2032%2047.6%2047.6%2032%2062%2016.4%2047.6%202%2032%2016.4%2016.4z'%20fill='%23f5e0c4'%20stroke='%23dcb787'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='url(%23g)'%20stroke='%23ecc794'%20stroke-width='2'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='20'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.45'/%3E%3Cellipse%20cx='24'%20cy='21'%20rx='8.5'%20ry='5'%20fill='%23ffffff'%20opacity='.5'/%3E%3Cpath%20d='M32%2045.5c-8.2-6.1-13.2-10.6-13.2-16.4%200-4.1%203-7%206.7-7%202.6%200%204.9%201.4%206.5%203.7%201.6-2.3%203.9-3.7%206.5-3.7%203.7%200%206.7%202.9%206.7%207%200%205.8-5%2010.3-13.2%2016.4z'%20fill='%23ff9ccb'%20stroke='%23ffffff'%20stroke-opacity='.9'%20stroke-width='1.6'/%3E%3Cpath%20d='M20%2027.5q12%2010%2024-1.5'%20fill='none'%20stroke='%23ffeaf5'%20stroke-width='2'%20stroke-dasharray='3.4%202.6'%20stroke-linecap='round'/%3E%3Ccircle%20cx='26.5'%20cy='27'%20r='2.2'%20fill='%23ffffff'%20opacity='.7'/%3E%3Cpath%20d='M45.5%2014.5l1.1%203%203%201.1-3%201.1-1.1%203-1.1-3-3-1.1%203-1.1z'%20fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important; --md2: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cdefs%3E%3CradialGradient%20id='g'%20cx='36%25'%20cy='26%25'%20r='78%25'%3E%3Cstop%20offset='0'%20stop-color='%23ecd2fa'/%3E%3Cstop%20offset='.55'%20stop-color='%23a856dd'/%3E%3Cstop%20offset='1'%20stop-color='%23571c8a'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M32%202L47.6%2016.4%2062%2032%2047.6%2047.6%2032%2062%2016.4%2047.6%202%2032%2016.4%2016.4z'%20fill='%23f5e0c4'%20stroke='%23dcb787'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='url(%23g)'%20stroke='%23ecc794'%20stroke-width='2'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='20'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.4'/%3E%3Cellipse%20cx='24'%20cy='21'%20rx='8.5'%20ry='5'%20fill='%23ffffff'%20opacity='.4'/%3E%3Cpath%20d='M32%2043.5c-7.6-5.7-12.3-9.9-12.3-15.3%200-3.8%202.8-6.5%206.2-6.5%202.4%200%204.6%201.3%206.1%203.4%201.5-2.1%203.7-3.4%206.1-3.4%203.4%200%206.2%202.7%206.2%206.5%200%205.4-4.7%209.6-12.3%2015.3z'%20fill='%23361050'%20stroke='%23e5c4ff'%20stroke-width='1.6'/%3E%3Cpath%20d='M27.5%2043.5q.6%206-1.2%208.4-1.4-5.4%201.2-8.4zM34%2044.5q1.4%206.4-.6%209.6-1.8-5.6.6-9.6z'%20fill='%23361050'/%3E%3Cpath%20d='M27%2027.5q1-3%204-4'%20fill='none'%20stroke='%23c99df0'%20stroke-width='1.5'%20stroke-linecap='round'%20opacity='.8'/%3E%3Cpath%20d='M45.5%2014.5l1.1%203%203%201.1-3%201.1-1.1%203-1.1-3-3-1.1%203-1.1z'%20fill='%23e9c8ff'%3E%3C/path%3E%3C/svg%3E") !important; --md3: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cdefs%3E%3CradialGradient%20id='g'%20cx='36%25'%20cy='26%25'%20r='78%25'%3E%3Cstop%20offset='0'%20stop-color='%23d3e0ff'/%3E%3Cstop%20offset='.55'%20stop-color='%236f8ef5'/%3E%3Cstop%20offset='1'%20stop-color='%233a53c0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M32%202L47.6%2016.4%2062%2032%2047.6%2047.6%2032%2062%2016.4%2047.6%202%2032%2016.4%2016.4z'%20fill='%23f5e0c4'%20stroke='%23dcb787'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='url(%23g)'%20stroke='%23ecc794'%20stroke-width='2'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='20'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.4'/%3E%3Cellipse%20cx='24'%20cy='21'%20rx='8.5'%20ry='5'%20fill='%23ffffff'%20opacity='.4'/%3E%3Cg%20stroke='%23f0f5ff'%20stroke-linecap='round'%3E%3Cpath%20d='M21%2018l22%2024M43%2018L21%2042'%20stroke-width='3.2'/%3E%3Cpath%20d='M35.5%2042.5l7-7M21.5%2035.5l7%207'%20stroke-width='2.6'/%3E%3C/g%3E%3Ccircle%20cx='45'%20cy='44'%20r='2'%20fill='%23f0f5ff'/%3E%3Ccircle%20cx='19'%20cy='44'%20r='2'%20fill='%23f0f5ff'/%3E%3Cpath%20d='M32%2010l1%202.6%202.6%201-2.6%201-1%202.6-1-2.6-2.6-1%202.6-1z'%20fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important; --md4: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cdefs%3E%3CradialGradient%20id='g'%20cx='36%25'%20cy='26%25'%20r='78%25'%3E%3Cstop%20offset='0'%20stop-color='%23ffedc9'/%3E%3Cstop%20offset='.55'%20stop-color='%23f0b455'/%3E%3Cstop%20offset='1'%20stop-color='%23bf7d22'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M32%202L47.6%2016.4%2062%2032%2047.6%2047.6%2032%2062%2016.4%2047.6%202%2032%2016.4%2016.4z'%20fill='%23f5e0c4'%20stroke='%23dcb787'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='url(%23g)'%20stroke='%23ecc794'%20stroke-width='2'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='20'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.45'/%3E%3Cellipse%20cx='24'%20cy='21'%20rx='8.5'%20ry='5'%20fill='%23ffffff'%20opacity='.45'/%3E%3Crect%20x='22.5'%20y='16.5'%20width='19'%20height='27'%20rx='2'%20fill='%23fff8ea'%20stroke='%23bb8330'%20stroke-width='1.4'/%3E%3Crect%20x='21'%20y='14.5'%20width='22'%20height='4.6'%20rx='2.3'%20fill='%23f7e3bb'%20stroke='%23bb8330'%20stroke-width='1.2'/%3E%3Cpath%20d='M32%2022.5l1.9%204%204.4.4-3.3%202.9%201%204.3-3.8-2.3-3.8%202.3%201-4.3-3.3-2.9%204.4-.4z'%20fill='none'%20stroke='%23b8842f'%20stroke-width='1.3'%20stroke-linejoin='round'/%3E%3Cpath%20d='M45.5%2045.5q-7-2-10-9.5'%20fill='none'%20stroke='%23a06a20'%20stroke-width='1.4'/%3E%3Cpath%20d='M44.5%2046.5q-2.5-9.5%204.5-16%201.5%209-4.5%2016z'%20fill='%23fffbf0'%20stroke='%23bb8330'%20stroke-width='1.1'/%3E%3Cpath%20d='M18.5%2015l1%202.7%202.7%201-2.7%201-1%202.7-1-2.7-2.7-1%202.7-1z'%20fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important; --md5: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cdefs%3E%3CradialGradient%20id='g'%20cx='36%25'%20cy='26%25'%20r='78%25'%3E%3Cstop%20offset='0'%20stop-color='%23eedbfb'/%3E%3Cstop%20offset='.55'%20stop-color='%23a877e0'/%3E%3Cstop%20offset='1'%20stop-color='%2366319f'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M32%202L47.6%2016.4%2062%2032%2047.6%2047.6%2032%2062%2016.4%2047.6%202%2032%2016.4%2016.4z'%20fill='%23f5e0c4'%20stroke='%23dcb787'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='url(%23g)'%20stroke='%23ecc794'%20stroke-width='2'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='20'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.4'/%3E%3Cellipse%20cx='24'%20cy='21'%20rx='8.5'%20ry='5'%20fill='%23ffffff'%20opacity='.4'/%3E%3Cg%20stroke='%23f4ebff'%20stroke-linecap='round'%20fill='none'%3E%3Cpath%20d='M32%2018v21M20.5%2022h23'%20stroke-width='2.2'/%3E%3Cpath%20d='M20.5%2022l-4.5%209.5M20.5%2022l4.5%209.5M43.5%2022l-4.5%209.5M43.5%2022l4.5%209.5'%20stroke-width='1.5'/%3E%3Cpath%20d='M25%2042.5h14M28.5%2039.5h7'%20stroke-width='2.2'/%3E%3Cpath%20d='M41%2049q4.5-3.5%205.5-9'%20stroke-width='1.3'%20opacity='.85'/%3E%3C/g%3E%3Ccircle%20cx='32'%20cy='16'%20r='1.8'%20fill='%23f4ebff'/%3E%3Cpath%20d='M14.4%2031.5a6.2%206.2%200%200%200%2012.4%200z'%20fill='%23f4ebff'%20opacity='.9'/%3E%3Cpath%20d='M37.2%2031.5a6.2%206.2%200%200%200%2012.4%200z'%20fill='%23f4ebff'%20opacity='.9'/%3E%3Cpath%20d='M45.5%2012.5l1%202.7%202.7%201-2.7%201-1%202.7-1-2.7-2.7-1%202.7-1z'%20fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important; --wqing: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cg%20stroke='%23ff9d2e'%20stroke-width='2.2'%20stroke-linecap='round'%3E%3Cpath%20d='M12%201.4v3.2M12%2019.4v3.2M1.4%2012h3.2M19.4%2012h3.2M4.5%204.5l2.3%202.3M17.2%2017.2l2.3%202.3M19.5%204.5l-2.3%202.3M6.8%2017.2l-2.3%202.3'/%3E%3C/g%3E%3Ccircle%20cx='12'%20cy='12'%20r='4.7'%20fill='%23ffcc33'%20stroke='%23ff9d2e'%20stroke-width='1.5'/%3E%3Ccircle%20cx='10.4'%20cy='10.4'%20r='1.4'%20fill='%23ffe9a3'/%3E%3C/svg%3E") !important; --wyu: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6.8%2014a3.8%203.8%200%200%201-.4-7.6A5.3%205.3%200%200%201%2016.7%205%204.1%204.1%200%200%201%2017%2014z'%20fill='%23e6efff'%20stroke='%236f9ad4'%20stroke-width='1.6'/%3E%3Cg%20stroke='%233f86e8'%20stroke-width='2.1'%20stroke-linecap='round'%3E%3Cpath%20d='M8%2016.5l-1.1%203.2'%3E%3C/path%3E%3Cpath%20d='M12.4%2016.5l-1.1%203.2'%3E%3C/path%3E%3Cpath%20d='M16.8%2016.5l-1.1%203.2'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important; --wlei: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6.8%2012.5a3.8%203.8%200%200%201-.4-7.6A5.3%205.3%200%200%201%2016.7%203.5%204.1%204.1%200%200%201%2017%2012.5z'%20fill='%23c4d3ec'%20stroke='%236f8cc0'%20stroke-width='1.6'/%3E%3Cpath%20d='M12.6%2012l-3.2%205h2.4l-.7%205.5%205.4-6.3h-2.5l1.8-4.2z'%20fill='%23ffd23e'%20stroke='%23f0a500'%20stroke-width='.9'%20stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important; --wwu: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke-linecap='round'%3E%3Cg%20stroke='%238aa3c4'%20stroke-width='2.1'%3E%3Cpath%20d='M3%207.5h14'%3E%3C/path%3E%3Cpath%20d='M6%2012h15'%20stroke='%23a9bdd8'%3E%3C/path%3E%3Cpath%20d='M3.5%2016.5h13'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important; --wxing: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M14.5%202.5a9%209%200%201%200%207%2015.5%209.5%209.5%200%200%201-7-15.5z'%20fill='%23ffe08a'%20stroke='%23e0ab3c'%20stroke-width='1.3'/%3E%3Cpath%20d='M6%203l.9%202.3%202.3.9-2.3.9L6%209.4%205.1%207.1%202.8%206.2l2.3-.9z'%20fill='%23ff9dd0'%3E%3C/path%3E%3Ccircle%20cx='8'%20cy='14.5'%20r='1.2'%20fill='%236ea4ff'%3E%3C/circle%3E%3C/svg%3E") !important; --md0: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cdefs%3E%3CradialGradient%20id='g'%20cx='35%25'%20cy='25%25'%20r='80%25'%3E%3Cstop%20offset='0'%20stop-color='%23fff4fb'/%3E%3Cstop%20offset='.35'%20stop-color='%23dabdff'/%3E%3Cstop%20offset='.68'%20stop-color='%238ba9f6'/%3E%3Cstop%20offset='1'%20stop-color='%236548b3'/%3E%3C/radialGradient%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23ff79b9'/%3E%3Cstop%20offset='.5'%20stop-color='%23f0a7dc'/%3E%3Cstop%20offset='1'%20stop-color='%237b9df4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d='M32%202L47.6%2016.4%2062%2032%2047.6%2047.6%2032%2062%2016.4%2047.6%202%2032%2016.4%2016.4z'%20fill='%23f7e6cf'%20stroke='%23d8ae79'%20stroke-width='1.4'/%3E%3Cpath%20d='M32%205.5l4.1%204.4%205.7-1.6%201.7%205.7%205.8%201.5-1.4%205.8%204.6%203.9-3.7%204.8%202.6%205.4-5.2%203%200.2%206-6%20.6-2.3%205.5-5.6-2.1-4.5%204-4.1-4.4-5.7%201.6-1.7-5.7-5.8-1.5%201.4-5.8-4.6-3.9%203.7-4.8-2.6-5.4%205.2-3-.2-6%206-.6%202.3-5.5%205.6%202.1z'%20fill='none'%20stroke='%23f1c99b'%20stroke-width='1'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23.2'%20fill='url(%23g)'%20stroke='%23edc894'%20stroke-width='2'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='19.5'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.5'%20stroke-width='1'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='15.8'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.34'%20stroke-width='.8'%20stroke-dasharray='2.4%202.8'%3E%3C/circle%3E%3Cpath%20d='M32%2014.8l3.8%2013.4L49.2%2032l-13.4%203.8L32%2049.2l-3.8-13.4L14.8%2032l13.4-3.8z'%20fill='url(%23s)'%20stroke='%23fff7fd'%20stroke-width='1.5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M32%2020.2l2.1%209.7%209.7%202.1-9.7%202.1-2.1%209.7-2.1-9.7-9.7-2.1%209.7-2.1z'%20fill='%23fff4fc'%20fill-opacity='.87'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='3.2'%20fill='%23ffffff'/%3E%3Ccircle%20cx='30.9'%20cy='30.8'%20r='1.1'%20fill='%23ffd3ec'/%3E%3Cpath%20d='M18.5%2041.5q-5.8-5.8-4.3-13.8M16.3%2038.5l-3.7-.7M15.1%2034.6l-3.4-1.5M14.8%2030.4l-2.8-2.2M45.5%2041.5q5.8-5.8%204.3-13.8M47.7%2038.5l3.7-.7M48.9%2034.6l3.4-1.5M49.2%2030.4l2.8-2.2'%20fill='none'%20stroke='%23ffeafa'%20stroke-width='1.25'%20stroke-linecap='round'/%3E%3Cellipse%20cx='24'%20cy='20.5'%20rx='7.5'%20ry='4'%20fill='%23ffffff'%20opacity='.35'/%3E%3Cpath%20d='M48%2013l1.1%203.1%203.1%201.1-3.1%201.1-1.1%203.1-1.1-3.1-3.1-1.1%203.1-1.1z'%20fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important } mahou, mahou[dt*="暮"], mahou[dt*="夜"] { box-shadow: 0 8px 24px rgba(120, 82, 164, .17), inset 0 1px 0 rgba(255, 255, 255, .62) !important; } mahou view[t="地图"] { --mimg: url("https://i.ibb.co/N6sLCHF1/61949803-4348-4795-852c-3275cf1fc11c.png") !important; --qst1: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203.2l2.5%205.4%205.9.7-4.4%204%201.2%205.8L12%2016.2l-5.2%202.9%201.2-5.8-4.4-4%205.9-.7z'%20fill='%23ffcf5e'%20stroke='%23e8a52e'%20stroke-width='1.4'%20stroke-linejoin='round'%3E%3C/path%3E%3Cpath%20d='M19.2%202.6l.6%201.4%201.4.6-1.4.6-.6%201.4-.6-1.4-1.4-.6%201.4-.6z'%20fill='%23fff'%3E%3C/path%3E%3C/svg%3E") !important; } mahou smask, mahou omask, mahou tip::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } mahou face, mahou bcv { filter: none !important; } mahou hero ks k::before, mahou hero ks hk::before { filter: none !important; } /* Keep transform/opacity motion; stop animation types that repaint gradients, background-position or box-shadow on every frame. */ mahou gem { animation: gpulse 5.6s ease-in-out infinite !important; filter: none !important; } mahou gem p, mahou gem p::after, mahou hero hxp p, mahou hero hg p, mahou hero hg p::after, mahou hero hg[t="快感"] p, mahou bgr[q="SS"]::after, mahou bsk[q="SS"]::after, mahou hero k[q="SS"], mahou hero it[q="SS"], mahou qi[nw] p::before, mahou qn[nw] p::before { animation: none !important; } mahou wmap::after { animation: none !important; } mahou nd[st="今"], mahou nd[st="异"] { animation: ndpop .5s cubic-bezier(.25, 1.2, .4, 1) both !important; } mahou dock label:hover::before, mahou dock label:active::before, mahou tip:hover w::after, mahou tip:active w::after, mahou setp tg:hover { animation: none !important; } /* 7) Skip off-screen rendering of completed full-width chat blocks. Unsupported browsers simply ignore these declarations. */ @supports (content-visibility: auto) { .w-full.max-w-2xl.mx-auto.my-3.px-4.pb-4 { content-visibility: auto; contain-intrinsic-block-size: auto 420px; } } }