Перерисовать нерпу в шапке

This commit is contained in:
2026-09-19 16:25:59 +08:00
parent 6673889259
commit 9165c55dbb
2 changed files with 31 additions and 17 deletions
+4 -3
View File
@@ -4143,8 +4143,8 @@ body.menu-open{overflow:hidden}
position:absolute!important;
left:10px!important;
bottom:27px!important;
width:165px!important;
height:92px!important;
width:150px!important;
height:125px!important;
z-index:2!important;
animation:sealBob 5.4s ease-in-out infinite!important;
filter:drop-shadow(0 5px 7px rgba(0,11,35,.3));
@@ -4182,6 +4182,7 @@ body.menu-open{overflow:hidden}
.baikal-header .free-seal .seal-eye{fill:#f7e5cf;stroke:currentColor;stroke-width:1.2}
.baikal-header .free-seal .seal-pupil{fill:#081a35;stroke:none}
.baikal-header .free-seal .seal-nose{fill:#2a1930;stroke:none}
.baikal-header .free-seal .seal-flipper{stroke-width:1.6}
.baikal-header .free-seal .seal-smile,
.baikal-header .free-seal .seal-whiskers{stroke-width:1.35}
@keyframes sealResting{
@@ -4200,7 +4201,7 @@ body.menu-open{overflow:hidden}
height:100px!important;
opacity:.72!important;
}
.baikal-header .free-seal-inner{width:116px!important;height:65px!important;left:7px!important;bottom:19px!important}
.baikal-header .free-seal-inner{width:108px!important;height:90px!important;left:8px!important;bottom:19px!important}
.baikal-header .seal-rock{width:132px;height:37px}
.baikal-header .seal-rock:after{left:16px;top:7px;width:50px;height:3px}
}
+27 -14
View File
@@ -189,20 +189,33 @@
<div class="free-seal" aria-hidden="true">
<span class="seal-rock"></span>
<div class="free-seal-inner">
<svg viewBox="0 0 240 130" aria-hidden="true">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<path class="seal-outline" d="M48 82c-2-20 7-38 28-48 10-17 28-26 48-25 12-9 32-8 44 4 27 3 47 18 57 37 8 16 1 30-16 35-20 6-38-5-52-7-19-3-32 10-53 14-26 5-53 0-56-10Z"/>
<path class="seal-tail" d="M50 81 25 70l11 14-18 12 31-3"/>
<path class="seal-flipper seal-flipper-left" d="M85 73C66 79 57 91 60 106c11 2 23-7 32-22"/>
<path class="seal-flipper seal-flipper-right" d="M175 72c20 6 30 18 27 34-11 2-23-7-32-22"/>
<circle class="seal-eye" cx="145" cy="43" r="5"/>
<circle class="seal-pupil" cx="146" cy="43" r="2"/>
<circle class="seal-eye" cx="174" cy="43" r="5"/>
<circle class="seal-pupil" cx="175" cy="43" r="2"/>
<path class="seal-nose" d="M157 53q3-4 7 0-2 6-4 6-2 0-3-6Z"/>
<path class="seal-smile" d="M160 59q-5 8-11 2M160 59q5 8 11 2"/>
<path class="seal-whiskers" d="M151 57 132 53M151 61 130 63M170 57l20-4M170 61l21 4"/>
<path d="M91 58c23-8 48-8 70-1" opacity=".7"/>
<svg viewBox="0 0 180 150" aria-hidden="true">
<defs>
<linearGradient id="seal-body-fill" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#d7c4a5"/>
<stop offset=".48" stop-color="#8d806f"/>
<stop offset="1" stop-color="#4b4d50"/>
</linearGradient>
<radialGradient id="seal-muzzle-fill" cx="50%" cy="35%" r="70%">
<stop offset="0" stop-color="#f4e7d0"/>
<stop offset="1" stop-color="#b9a98f"/>
</radialGradient>
</defs>
<g stroke="#273447" stroke-linecap="round" stroke-linejoin="round">
<path class="seal-flipper seal-flipper-left" fill="#67635f" d="M61 94C47 96 33 108 31 123c8 9 23 5 39-13l7-12Z"/>
<path class="seal-flipper seal-flipper-right" fill="#5b5957" d="M119 96c15 1 29 12 32 27-8 9-23 5-39-13l-7-12Z"/>
<path class="seal-body" fill="url(#seal-body-fill)" stroke-width="2.2" d="M48 116C40 99 43 76 55 61c9-11 21-17 35-18 18-2 34 5 44 19 10 14 13 38 4 54-9 16-78 18-90 0Z"/>
<ellipse class="seal-belly" fill="#b8a990" stroke="none" cx="90" cy="96" rx="25" ry="34" opacity=".72"/>
<ellipse class="seal-head" fill="url(#seal-body-fill)" stroke-width="2.2" cx="90" cy="48" rx="35" ry="30"/>
<ellipse class="seal-muzzle" fill="url(#seal-muzzle-fill)" stroke="none" cx="90" cy="59" rx="22" ry="15"/>
<circle class="seal-eye" cx="77" cy="47" r="5"/>
<circle class="seal-pupil" cx="78" cy="47" r="2"/>
<circle class="seal-eye" cx="103" cy="47" r="5"/>
<circle class="seal-pupil" cx="104" cy="47" r="2"/>
<path class="seal-nose" d="M86 57q4-5 8 0-2 6-4 6-2 0-4-6Z"/>
<path class="seal-smile" fill="none" stroke-width="1.7" d="M90 63q-6 8-13 1M90 63q6 8 13 1"/>
<path class="seal-whiskers" fill="none" stroke-width="1.2" d="M82 60 60 55M82 64 58 65M98 60l22-5M98 64l24 1"/>
<path class="seal-spot" fill="none" stroke="#d9c7a8" stroke-width="2" opacity=".62" d="M62 79q8-5 16 0M112 82q8-5 15 1M68 109q6-4 12 0"/>
</g>
</svg>
</div>